@forter/button
Advanced tools
@forter/button - npm Package Compare versions
Comparing version 4.0.8 to 5.0.0
@@ -6,2 +6,30 @@ # Change Log | ||
| # [5.0.0](https://github.com/forter/web-components/compare/@forter/button@4.0.8...@forter/button@5.0.0) (2019-12-08) | ||
| ### chore | ||
| * fix more stories to new format ([2580306](https://github.com/forter/web-components/commit/2580306)) | ||
| ### BREAKING CHANGES | ||
| * \ | ||
| * fix(radio): fix test | ||
| affects: @forter/radio | ||
| * fix(json-viewer): fix story | ||
| affects: @forter/json-viewer | ||
| * chore(radio): fix test | ||
| affects: @forter/radio | ||
| ## [4.0.8](https://github.com/forter/web-components/compare/@forter/button@4.0.7...@forter/button@4.0.8) (2019-12-08) | ||
@@ -8,0 +36,0 @@ |
@@ -231,3 +231,3 @@ import { decorate as _decorate, get as _get, getPrototypeOf as _getPrototypeOf } from './_virtual/_rollupPluginBabelHelpers.js'; | ||
| ?active="${active}" | ||
| aria-label="${ifDefined(label)}"> | ||
| aria-label="${ifDefined(label || icon)}"> | ||
| <div class="layout-row"> | ||
@@ -234,0 +234,0 @@ |
@@ -18,3 +18,3 @@ import { decorate as _decorate, get as _get, getPrototypeOf as _getPrototypeOf } from './_virtual/_rollupPluginBabelHelpers.js'; | ||
| * ```html | ||
| * <fc-icon-button icon="user" label="Profile Page"></fc-icon-button> | ||
| * <fc-icon-button></fc-icon-button> | ||
| * ``` | ||
@@ -21,0 +21,0 @@ * |
| { | ||
| "name": "@forter/button", | ||
| "version": "4.0.8", | ||
| "version": "5.0.0", | ||
| "description": "Button from Forter Components", | ||
@@ -51,5 +51,5 @@ "main": "index.js", | ||
| "@forter/core": "^2.0.1", | ||
| "@forter/icon": "^3.2.5", | ||
| "@forter/icon": "^4.0.0", | ||
| "@forter/mixins": "^3.0.0", | ||
| "@forter/styles": "^3.2.1", | ||
| "@forter/styles": "^4.0.0", | ||
| "@polymer/paper-tooltip": "^3.0.1", | ||
@@ -59,3 +59,3 @@ "lit-element": "^2.1.0", | ||
| }, | ||
| "gitHead": "e065ed07975aefb90d642259b2deb776d6043569" | ||
| "gitHead": "193fe69cd2a4ad324c79315ac602e9d4f721e918" | ||
| } |
@@ -66,3 +66,3 @@ # fc-button | ||
| ```html | ||
| <fc-icon-button icon="user" label="Profile Page"></fc-icon-button> | ||
| <fc-icon-button></fc-icon-button> | ||
| ``` | ||
@@ -69,0 +69,0 @@ |
@@ -138,3 +138,3 @@ import { LitElement, html, property } from 'lit-element'; | ||
| ?active="${active}" | ||
| aria-label="${ifDefined(label)}"> | ||
| aria-label="${ifDefined(label || icon)}"> | ||
| <div class="layout-row"> | ||
@@ -141,0 +141,0 @@ |
@@ -19,3 +19,3 @@ import { LitElement, html, property } from 'lit-element'; | ||
| * ```html | ||
| * <fc-icon-button icon="user" label="Profile Page"></fc-icon-button> | ||
| * <fc-icon-button></fc-icon-button> | ||
| * ``` | ||
@@ -22,0 +22,0 @@ * |
@@ -195,4 +195,4 @@ { | ||
| "name": "fc-icon-button", | ||
| "description": "Accessible icon button with discreet default styles\n\n## Usage\n\n```html\n<fc-icon-button icon=\"user\" label=\"Profile Page\"></fc-icon-button>\n```", | ||
| "jsDoc": "/**\n * Accessible icon button with discreet default styles\n *\n * ## Usage\n *\n * ```html\n * <fc-icon-button icon=\"user\" label=\"Profile Page\"></fc-icon-button>\n * ```\n *\n * @element fc-icon-button\n *\n * @cssprop --fc-button-active-background-color - button background colour when active.\n * @cssprop --fc-button-active-border-color - button border colour when active.\n * @cssprop --fc-button-active-box-shadow - button box shadow when active. default: 0 0 5px 0 rgba(0, 0, 0, 0.05)\n * @cssprop --fc-button-active-color - button colour when active.\n * @cssprop --fc-button-active-icon-color - icon colour when active.\n * @cssprop --fc-button-background-color - button background colour.\n * @cssprop --fc-button-border-radius - button border radius.\n * @cssprop --fc-button-box-shadow - button box shadow.\n * @cssprop --fc-button-focus-border-color - button border colour when focused.\n * @cssprop --fc-button-height - button height.\n * @cssprop --fc-button-hover-background-color - button background colour when hovered.\n * @cssprop --fc-button-hover-box-shadow - button box-shadow colour when hovered.\n * @cssprop --fc-button-hover-color - button box-shadow colour when hovered.\n * @cssprop --fc-button-hover-icon-color - icon colour when hovered.\n * @cssprop --fc-button-icon-color - icon colour.\n * @cssprop --fc-button-inner-margin - button inner margin.\n * @cssprop --fc-button-min-width - button min-width. default: 35px;\n * @cssprop --fc-button-outer-margin - button outer margin.\n * @cssprop --fc-button-text-transform - button text transform.\n */", | ||
| "description": "Accessible icon button with discreet default styles\n\n## Usage\n\n```html\n<fc-icon-button></fc-icon-button>\n```", | ||
| "jsDoc": "/**\n * Accessible icon button with discreet default styles\n *\n * ## Usage\n *\n * ```html\n * <fc-icon-button></fc-icon-button>\n * ```\n *\n * @element fc-icon-button\n *\n * @cssprop --fc-button-active-background-color - button background colour when active.\n * @cssprop --fc-button-active-border-color - button border colour when active.\n * @cssprop --fc-button-active-box-shadow - button box shadow when active. default: 0 0 5px 0 rgba(0, 0, 0, 0.05)\n * @cssprop --fc-button-active-color - button colour when active.\n * @cssprop --fc-button-active-icon-color - icon colour when active.\n * @cssprop --fc-button-background-color - button background colour.\n * @cssprop --fc-button-border-radius - button border radius.\n * @cssprop --fc-button-box-shadow - button box shadow.\n * @cssprop --fc-button-focus-border-color - button border colour when focused.\n * @cssprop --fc-button-height - button height.\n * @cssprop --fc-button-hover-background-color - button background colour when hovered.\n * @cssprop --fc-button-hover-box-shadow - button box-shadow colour when hovered.\n * @cssprop --fc-button-hover-color - button box-shadow colour when hovered.\n * @cssprop --fc-button-hover-icon-color - icon colour when hovered.\n * @cssprop --fc-button-icon-color - icon colour.\n * @cssprop --fc-button-inner-margin - button inner margin.\n * @cssprop --fc-button-min-width - button min-width. default: 35px;\n * @cssprop --fc-button-outer-margin - button outer margin.\n * @cssprop --fc-button-text-transform - button text transform.\n */", | ||
| "attributes": [ | ||
@@ -199,0 +199,0 @@ { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by0.19%
141927
Dependency changes
+ Added@forter/icon@4.19.1(transitive)
+ Added@forter/styles@4.19.1(transitive)
- Removed@forter/icon@3.2.5(transitive)
- Removed@forter/styles@3.2.1(transitive)
Updated@forter/icon@^4.0.0
Updated@forter/styles@^4.0.0