@forter/button
Advanced tools
Comparing version 3.0.0 to 3.1.0
@@ -6,2 +6,13 @@ # Change Log | ||
# [3.1.0](https://github.com/forter/web-components/compare/@forter/button@3.0.0...@forter/button@3.1.0) (2019-09-03) | ||
### Features | ||
* **button:** add fc-icon-button ([1203b9c](https://github.com/forter/web-components/commit/1203b9c)) | ||
# [3.0.0](https://github.com/forter/web-components/compare/@forter/button@2.0.5...@forter/button@3.0.0) (2019-09-02) | ||
@@ -8,0 +19,0 @@ |
@@ -8,3 +8,2 @@ import { decorate as _decorate, get as _get, getPrototypeOf as _getPrototypeOf } from './_virtual/_rollupPluginBabelHelpers.js'; | ||
import { DelegatesFocusMixin } from '@forter/mixins/delegates-focus-mixin'; | ||
import '@polymer/paper-tooltip/paper-tooltip'; | ||
import '@forter/icon/fc-icon'; | ||
@@ -118,25 +117,2 @@ import theme from '@forter/styles/forter-theme.css.js'; | ||
decorators: [property({ | ||
type: String, | ||
attribute: 'tooltip-position' | ||
})], | ||
key: "tooltipPosition", | ||
value() { | ||
return 'top'; | ||
} | ||
}, { | ||
kind: "field", | ||
decorators: [property({ | ||
type: String | ||
})], | ||
key: "tooltip", | ||
value() { | ||
return ''; | ||
} | ||
}, { | ||
kind: "field", | ||
decorators: [property({ | ||
type: Boolean, | ||
@@ -193,4 +169,2 @@ reflect: true | ||
secondaryIcon, | ||
tooltip, | ||
tooltipPosition, | ||
width | ||
@@ -200,11 +174,2 @@ } = this; | ||
return html` | ||
<!-- Tooltip --> | ||
${!tooltip ? '' : html` | ||
<paper-tooltip for="content" | ||
animation-delay="35" | ||
position="${tooltipPosition}"> | ||
${tooltip} | ||
</paper-tooltip> | ||
`} | ||
<button id="content" | ||
@@ -211,0 +176,0 @@ class="${classMap({ |
{ | ||
"name": "@forter/button", | ||
"version": "3.0.0", | ||
"version": "3.1.0", | ||
"description": "Button from Forter Components", | ||
@@ -58,3 +58,3 @@ "main": "index.js", | ||
}, | ||
"gitHead": "b2e02bb45adf8f84dda34e8be754bf1a8fb413c4" | ||
"gitHead": "e0cbc13dacc2f3203e3ee07098cbe47f93d5bc91" | ||
} |
@@ -8,3 +8,2 @@ import { LitElement, html, property } from 'lit-element'; | ||
import '@polymer/paper-tooltip/paper-tooltip'; | ||
import '@forter/icon/fc-icon'; | ||
@@ -42,6 +41,2 @@ | ||
@property({ type: String, attribute: 'tooltip-position' }) tooltipPosition = 'top'; | ||
@property({ type: String }) tooltip = ''; | ||
@property({ type: Boolean, reflect: true }) loading = false; | ||
@@ -73,4 +68,2 @@ | ||
secondaryIcon, | ||
tooltip, | ||
tooltipPosition, | ||
width, | ||
@@ -82,11 +75,2 @@ } = this; | ||
return html` | ||
<!-- Tooltip --> | ||
${!tooltip ? '' : html` | ||
<paper-tooltip for="content" | ||
animation-delay="35" | ||
position="${tooltipPosition}"> | ||
${tooltip} | ||
</paper-tooltip> | ||
`} | ||
<button id="content" | ||
@@ -93,0 +77,0 @@ class="${classMap({ active })}" |
@@ -25,9 +25,2 @@ import { capitalize } from '../../../lib/functions/src/capitalize'; | ||
const TOOLTIP_POSITION_OPTIONS = [ | ||
'top', | ||
'bottom', | ||
'left', | ||
'right', | ||
]; | ||
function elementProperties() { | ||
@@ -68,4 +61,2 @@ return html` | ||
secondary-icon="${ifDefined(text('secondary-icon', undefined, 'Attributes'))}" | ||
tooltip="${ifDefined(text('tooltip', undefined, 'Attributes'))}" | ||
tooltip-position="${select('tooltip-position', TOOLTIP_POSITION_OPTIONS, 'top', 'Attributes')}" | ||
>${text('text content', 'Button')}</fc-button> | ||
@@ -72,0 +63,0 @@ `; |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
106786
61
1914