@forter/button - npm Package Compare versions

Comparing version 5.0.4 to 5.0.5

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [5.0.5](https://github.com/forter/web-components/compare/@forter/button@5.0.4...@forter/button@5.0.5) (2019-12-15)
+
+
+### Bug Fixes
+
+* **button:** fix alignment of the button content ([#220](https://github.com/forter/web-components/issues/220)) ([ac7fbf2](https://github.com/forter/web-components/commit/ac7fbf2))
+
+
+
+
+
 ## [5.0.4](https://github.com/forter/web-components/compare/@forter/button@5.0.3...@forter/button@5.0.4) (2019-12-12)
@@ -8,0 +19,0 @@

FcButton.js

@@ -30,3 +30,3 @@ import { decorate as _decorate, get as _get, getPrototypeOf as _getPrototypeOf } from './_virtual/_rollupPluginBabelHelpers.js';
  * <!-- iconOnly -->
- * <fc-button flat="true" icon="admin"></fc-button>
+ * <fc-button intent="cancel" flat="true" icon="admin"></fc-button>
  *
@@ -240,3 +240,3 @@ * ```
          aria-label="${ifDefined(label || icon)}">
-        <div class="layout-row">
+        <div class="layout-row layout-align-center-center">
 
@@ -243,0 +243,0 @@

package.json

 {
   "name": "@forter/button",
-  "version": "5.0.4",
+  "version": "5.0.5",
   "description": "Button from Forter Components",
@@ -58,3 +58,3 @@ "main": "index.js",
   },
-  "gitHead": "811bf54b992b34b4af014b9e715c485305f8f027"
+  "gitHead": "3b7611a77433b319446989bfe6a0b04173acde68"
 }

README.md

@@ -18,3 +18,3 @@ # fc-button
 <!-- iconOnly -->
-<fc-button flat="true" icon="admin"></fc-button>
+<fc-button intent="cancel" flat="true" icon="admin"></fc-button>
 
@@ -21,0 +21,0 @@ ```

src/FcButton.js

@@ -32,3 +32,3 @@ import { LitElement, html, property } from 'lit-element';
  * <!-- iconOnly -->
- * <fc-button flat="true" icon="admin"></fc-button>
+ * <fc-button intent="cancel" flat="true" icon="admin"></fc-button>
  *
@@ -147,3 +147,3 @@ * ```
          aria-label="${ifDefined(label || icon)}">
-        <div class="layout-row">
+        <div class="layout-row layout-align-center-center">
 
@@ -150,0 +150,0 @@

web-components.json

@@ -6,4 +6,4 @@ {
       "name": "fc-button",
-      "description": "An element by Forter\n\n## Usage\n\n```html\n<script>\n   import '@forter/button';\n</script>\n\n<fc-button>Button</fc-button>\n```\n## Examples\n\n```html\n<!-- iconOnly -->\n<fc-button flat=\"true\" icon=\"admin\"></fc-button>\n\n```",
-      "jsDoc": "/**\n * An element by Forter\n *\n * ## Usage\n *\n * ```html\n * <script>\n *   import '@forter/button';\n * </script>\n *\n * <fc-button>Button</fc-button>\n * ```\n * ## Examples\n *\n * ```html\n * <!-- iconOnly -->\n * <fc-button flat=\"true\" icon=\"admin\"></fc-button>\n *\n * ```\n * @element fc-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. example: `coral`\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 * @slot - like: `<span> My Button </span>`\n */",
+      "description": "An element by Forter\n\n## Usage\n\n```html\n<script>\n   import '@forter/button';\n</script>\n\n<fc-button>Button</fc-button>\n```\n## Examples\n\n```html\n<!-- iconOnly -->\n<fc-button intent=\"cancel\" flat=\"true\" icon=\"admin\"></fc-button>\n\n```",
+      "jsDoc": "/**\n * An element by Forter\n *\n * ## Usage\n *\n * ```html\n * <script>\n *   import '@forter/button';\n * </script>\n *\n * <fc-button>Button</fc-button>\n * ```\n * ## Examples\n *\n * ```html\n * <!-- iconOnly -->\n * <fc-button intent=\"cancel\" flat=\"true\" icon=\"admin\"></fc-button>\n *\n * ```\n * @element fc-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. example: `coral`\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 * @slot - like: `<span> My Button </span>`\n */",
       "attributes": [
@@ -10,0 +10,0 @@ {

No alert changes

Improved metrics

Total package byte prevSize

144324

0.44%

No dependency changes