@forter/button-group - npm Package Compare versions

Comparing version 1.2.26 to 1.2.27

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [1.2.27](https://github.com/forter/web-components/compare/@forter/button-group@1.2.26...@forter/button-group@1.2.27) (2020-01-15)
+
+**Note:** Version bump only for package @forter/button-group
+
+
+
+
+
 ## [1.2.26](https://github.com/forter/web-components/compare/@forter/button-group@1.2.25...@forter/button-group@1.2.26) (2020-01-10)
@@ -8,0 +16,0 @@

fc-button-group.css.js

@@ -7,4 +7,4 @@ import { css } from 'lit-element';
 
-  --padding-horizontal: 8px;
-  --padding-vertical: 5px;
+  --fc-radio-group-padding-horizontal: 8px;
+  --fc-radio-group-padding-vertical: 5px;
   --fc-icon-size: 20px;
@@ -16,4 +16,4 @@ }
   height: 35px;
-  padding-left: calc(var(--padding-horizontal) * 2);
-  padding-right: calc(var(--padding-horizontal) * 2);
+  padding-left: calc(var(--fc-radio-group-padding-horizontal) * 2);
+  padding-right: calc(var(--fc-radio-group-padding-horizontal) * 2);
   display: flex;
@@ -20,0 +20,0 @@ align-items: center;

FcButtonGroup.js

@@ -28,3 +28,3 @@ import { register } from '@forter/core';
  *
- * <fc-button-group>
+ * <fc-button-group .options="${[{'icon': 'edit', 'key': 'edit', 'tooltip':'Edit'},{'icon':'admin','key':'admin','selected':true},{'icon':'copy', 'key':'copy','tooltip':'Copy'}]}">
  *   </fc-button-group>
@@ -35,6 +35,4 @@ * ```
  *
- * @cssprop --padding-horizontal
- * @cssprop --padding-vertical
- * @slot prefix - input prefix
- * @slot suffix - input suffix
+ * @cssprop --fc-button-group-padding-horizontal
+ * @cssprop --fc-button-group-padding-vertical
  * @slot input - internal slot for rendering light children. Do not use.
@@ -52,4 +50,4 @@ */
     /**
-     * The model for the buttons. example: `[{"icon": "edit", "key": "edit", "tooltip":"Edit"},{"icon":"admin","key":"admin","selected":true},{"icon":"copy", "key":"copy","tooltip":"Copy"}]`
-     * @type {ButtonModel[]}
+     * The model for the buttons. example: `[{"icon": "edit", "key": "edit", "tooltip":"Edit"},{"icon":"admin","key":"admin","selected":true}]`
+     * @type {Array[]}
      * @prop
@@ -56,0 +54,0 @@ */

package.json

 {
   "name": "@forter/button-group",
-  "version": "1.2.26",
+  "version": "1.2.27",
   "description": "Button Group from Forter Components",
@@ -54,7 +54,7 @@ "author": "Forter Developers",
     "@forter/functions": "^2.0.0",
-    "@forter/icon": "^4.2.2",
+    "@forter/icon": "^4.2.3",
     "@forter/radio-button": "^3.0.6",
     "@forter/tooltip": "^2.0.9"
   },
-  "gitHead": "4aa5a5b097ffbf67446b25af63923309b9060b26"
+  "gitHead": "441176a1899999c1099f29e78c439dcf042544e7"
 }

README.md

@@ -13,3 +13,3 @@ # fc-button-group
 
-<fc-button-group>
+<fc-button-group .options="${[{'icon': 'edit', 'key': 'edit', 'tooltip':'Edit'},{'icon':'admin','key':'admin','selected':true},{'icon':'copy', 'key':'copy','tooltip':'Copy'}]}">
    </fc-button-group>
@@ -26,3 +26,3 @@ ```
 | `name`     | `name`     | `string`  |         | The formdata name for the group                  |
-| `options`  | `options`  | `any[]`   |         | The model for the buttons. example: `[{"icon": "edit", "key": "edit", "tooltip":"Edit"},{"icon":"admin","key":"admin","selected":true},{"icon":"copy", "key":"copy","tooltip":"Copy"}]` |
+| `options`  | `options`  | `any[][]` |         | The model for the buttons. example: `[{"icon": "edit", "key": "edit", "tooltip":"Edit"},{"icon":"admin","key":"admin","selected":true}]` |
 
@@ -37,13 +37,11 @@ ## Events
 
-| Name     | Description                                      |
-|----------|--------------------------------------------------|
-| `input`  | internal slot for rendering light children. Do not use. |
-| `prefix` | input prefix                                     |
-| `suffix` | input suffix                                     |
+| Name    | Description                                      |
+|---------|--------------------------------------------------|
+| `input` | internal slot for rendering light children. Do not use. |
 
 ## CSS Custom Properties
 
-| Property               |
-|------------------------|
-| `--padding-horizontal` |
-| `--padding-vertical`   |
+| Property                               |
+|----------------------------------------|
+| `--fc-button-group-padding-horizontal` |
+| `--fc-button-group-padding-vertical`   |

src/FcButtonGroup.js

@@ -33,3 +33,3 @@ /* istanbul ignore file */
  *
- * <fc-button-group>
+ * <fc-button-group .options="${[{'icon': 'edit', 'key': 'edit', 'tooltip':'Edit'},{'icon':'admin','key':'admin','selected':true},{'icon':'copy', 'key':'copy','tooltip':'Copy'}]}">
  *   </fc-button-group>
@@ -40,6 +40,4 @@ * ```
  *
- * @cssprop --padding-horizontal
- * @cssprop --padding-vertical
- * @slot prefix - input prefix
- * @slot suffix - input suffix
+ * @cssprop --fc-button-group-padding-horizontal
+ * @cssprop --fc-button-group-padding-vertical
  * @slot input - internal slot for rendering light children. Do not use.
@@ -58,4 +56,4 @@ */
   /**
-   * The model for the buttons. example: `[{"icon": "edit", "key": "edit", "tooltip":"Edit"},{"icon":"admin","key":"admin","selected":true},{"icon":"copy", "key":"copy","tooltip":"Copy"}]`
-   * @type {ButtonModel[]}
+   * The model for the buttons. example: `[{"icon": "edit", "key": "edit", "tooltip":"Edit"},{"icon":"admin","key":"admin","selected":true}]`
+   * @type {Array[]}
    * @prop
@@ -62,0 +60,0 @@ */

web-components.json

@@ -6,4 +6,4 @@ {
       "name": "fc-button-group",
-      "description": "A group of buttons\n<!-- Author: assafmilman <[e-mail]> -->\n\n## Usage\n\n```html\n<script>\n   import '@forter/button-group';\n</script>\n\n<fc-button-group>\n   </fc-button-group>\n```",
-      "jsDoc": "/**\n * A group of buttons\n * <!-- Author: assafmilman <[e-mail]> -->\n *\n * ## Usage\n *\n * ```html\n * <script>\n *   import '@forter/button-group';\n * </script>\n *\n * <fc-button-group>\n *   </fc-button-group>\n * ```\n *\n * @element fc-button-group\n *\n * @cssprop --padding-horizontal\n * @cssprop --padding-vertical\n * @slot prefix - input prefix\n * @slot suffix - input suffix\n * @slot input - internal slot for rendering light children. Do not use.\n */",
+      "description": "A group of buttons\n<!-- Author: assafmilman <[e-mail]> -->\n\n## Usage\n\n```html\n<script>\n   import '@forter/button-group';\n</script>\n\n<fc-button-group .options=\"${[{'icon': 'edit', 'key': 'edit', 'tooltip':'Edit'},{'icon':'admin','key':'admin','selected':true},{'icon':'copy', 'key':'copy','tooltip':'Copy'}]}\">\n   </fc-button-group>\n```",
+      "jsDoc": "/**\n * A group of buttons\n * <!-- Author: assafmilman <[e-mail]> -->\n *\n * ## Usage\n *\n * ```html\n * <script>\n *   import '@forter/button-group';\n * </script>\n *\n * <fc-button-group .options=\"${[{'icon': 'edit', 'key': 'edit', 'tooltip':'Edit'},{'icon':'admin','key':'admin','selected':true},{'icon':'copy', 'key':'copy','tooltip':'Copy'}]}\">\n *   </fc-button-group>\n * ```\n *\n * @element fc-button-group\n *\n * @cssprop --fc-button-group-padding-horizontal\n * @cssprop --fc-button-group-padding-vertical\n * @slot input - internal slot for rendering light children. Do not use.\n */",
       "attributes": [
@@ -18,5 +18,5 @@ {
           "name": "options",
-          "description": "The model for the buttons. example: `[{\"icon\": \"edit\", \"key\": \"edit\", \"tooltip\":\"Edit\"},{\"icon\":\"admin\",\"key\":\"admin\",\"selected\":true},{\"icon\":\"copy\", \"key\":\"copy\",\"tooltip\":\"Copy\"}]`",
-          "jsDoc": "/**\n   * The model for the buttons. example: `[{\"icon\": \"edit\", \"key\": \"edit\", \"tooltip\":\"Edit\"},{\"icon\":\"admin\",\"key\":\"admin\",\"selected\":true},{\"icon\":\"copy\", \"key\":\"copy\",\"tooltip\":\"Copy\"}]`\n   * @type {ButtonModel[]}\n   * @prop\n   */",
-          "type": "any[]"
+          "description": "The model for the buttons. example: `[{\"icon\": \"edit\", \"key\": \"edit\", \"tooltip\":\"Edit\"},{\"icon\":\"admin\",\"key\":\"admin\",\"selected\":true}]`",
+          "jsDoc": "/**\n   * The model for the buttons. example: `[{\"icon\": \"edit\", \"key\": \"edit\", \"tooltip\":\"Edit\"},{\"icon\":\"admin\",\"key\":\"admin\",\"selected\":true}]`\n   * @type {Array[]}\n   * @prop\n   */",
+          "type": "any[][]"
         },
@@ -45,5 +45,5 @@ {
           "name": "options",
-          "description": "The model for the buttons. example: `[{\"icon\": \"edit\", \"key\": \"edit\", \"tooltip\":\"Edit\"},{\"icon\":\"admin\",\"key\":\"admin\",\"selected\":true},{\"icon\":\"copy\", \"key\":\"copy\",\"tooltip\":\"Copy\"}]`",
-          "jsDoc": "/**\n   * The model for the buttons. example: `[{\"icon\": \"edit\", \"key\": \"edit\", \"tooltip\":\"Edit\"},{\"icon\":\"admin\",\"key\":\"admin\",\"selected\":true},{\"icon\":\"copy\", \"key\":\"copy\",\"tooltip\":\"Copy\"}]`\n   * @type {ButtonModel[]}\n   * @prop\n   */",
-          "type": "any[]"
+          "description": "The model for the buttons. example: `[{\"icon\": \"edit\", \"key\": \"edit\", \"tooltip\":\"Edit\"},{\"icon\":\"admin\",\"key\":\"admin\",\"selected\":true}]`",
+          "jsDoc": "/**\n   * The model for the buttons. example: `[{\"icon\": \"edit\", \"key\": \"edit\", \"tooltip\":\"Edit\"},{\"icon\":\"admin\",\"key\":\"admin\",\"selected\":true}]`\n   * @type {Array[]}\n   * @prop\n   */",
+          "type": "any[][]"
         },
@@ -76,10 +76,2 @@ {
           "description": "internal slot for rendering light children. Do not use."
-        },
-        {
-          "name": "suffix",
-          "description": "input suffix"
-        },
-        {
-          "name": "prefix",
-          "description": "input prefix"
         }
@@ -89,6 +81,6 @@ ],
         {
-          "name": "--padding-vertical"
+          "name": "--fc-button-group-padding-vertical"
         },
         {
-          "name": "--padding-horizontal"
+          "name": "--fc-button-group-padding-horizontal"
         }
@@ -95,0 +87,0 @@ ]

No alert changes

Improved metrics

Total package byte prevSize

75335

increased by0.65%

Worsened metrics

Lines of code

1374

decreased by-0.87%

Number of lines in readme file

45

decreased by-4.26%

Dependency changes

• Updated@forter/icon@^4.2.3