@fluentui/react-button - npm Package Compare versions

Comparing version 0.1.13 to 0.2.0

CHANGELOG.json

@@ -5,3 +5,18 @@ {
     {
-      "date": "Fri, 05 Jun 2020 05:06:45 GMT",
+      "date": "Mon, 08 Jun 2020 12:31:39 GMT",
+      "tag": "@fluentui/react-button_v0.2.0",
+      "version": "0.2.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Cleaning up typings.",
+            "author": "[e-mail]",
+            "commit": "c5f82f6bb84f97a0b8c0d2bb884885cf906b906c",
+            "package": "@fluentui/react-button"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 05 Jun 2020 05:09:39 GMT",
       "tag": "@fluentui/react-button_v0.1.13",
@@ -8,0 +23,0 @@ "version": "0.1.13",

CHANGELOG.md

 # Change Log - @fluentui/react-button
 
-This log was last generated on Fri, 05 Jun 2020 05:06:45 GMT and should not be manually modified.
+This log was last generated on Mon, 08 Jun 2020 12:31:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.2.0)
+
+Mon, 08 Jun 2020 12:31:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v0.1.13..@fluentui/react-button_v0.2.0)
+
+### Minor changes
+
+- Cleaning up typings. ([PR #13474](https://github.com/microsoft/fluentui/pull/13474) by [e-mail])
+
 ## [0.1.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.1.13)
 
-Fri, 05 Jun 2020 05:06:45 GMT 
+Fri, 05 Jun 2020 05:09:39 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v0.1.12..@fluentui/react-button_v0.1.13)
@@ -11,0 +20,0 @@

lib-amd/components/Button/Button.scss.d.ts

@@ -1,4 +0,4 @@
-export declare const root = "root_c997c54b";
-export declare const icon = "icon_c997c54b";
-export declare const content = "content_c997c54b";
-export declare const loader = "loader_c997c54b";
+export declare const root = "root_55274d44";
+export declare const icon = "icon_55274d44";
+export declare const content = "content_55274d44";
+export declare const loader = "loader_55274d44";

lib-amd/components/Button/Button.scss.js

 define(["require", "exports", "@microsoft/load-themed-styles"], function (require, exports, load_themed_styles_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    load_themed_styles_1.loadStyles([{ "rawString": ":root{--button-size-smallest:24px;--button-size-smaller:24px;--button-size-small:24px;--button-size-regular:32px;--button-size-large:40px;--button-size-larger:48px;--button-size-largest:64px;--button-padding:0 24px;--button-height:var(--button-size-regular);--button-minWidth:96px;--button-maxWidth:280px;--button-borderRadius:3px;--button-contentGap:10px;--button-iconSize:16px;--button-borderRadius:2px;--button-borderWidth:1px;--button-boxShadow:0px 2px 4px -0.75px rgba(0, 0, 0, 0.1);--button-boxShadow-disabled:none;--button-transform-pressed:scale(0.95);--button-transition:transform 0.1s linear;--button-fontFamily:'Segoe UI','Helvetica Neue','Apple Color Emoji','Segoe UI Emoji',Helvetica,Arial,sans-serif;--button-fontSize:14px;--button-fontWeight:600;--button-fill:white;--button-fill-hovered:rgb(237, 235, 233);--button-fill-focused:var(--button-fill);--button-fill-pressed:rgb(225, 223, 221);--button-fill-disabled:var(--button-fill-hovered);--button-text:rgb(44, 38, 33);--button-text-hovered:var(--button-text);--button-text-focused:var(--button-text);--button-text-pressed:var(--button-text);--button-text-disabled:rgb(200, 198, 196);--button-borderColor:rgb(225, 223, 221);--button-borderColor-disabled:transparent;--button-icon:inherit;--button-icon-hovered:var(--button-icon);--button-icon-pressed:var(--button-icon);--button-icon-focused:var(--button-icon);--button-icon-disabled:var(--button-text-disabled);--accent-fill:rgb(98, 100, 167);--accent-fill-hovered:rgb(88, 90, 150);--accent-fill-focused:var(--accent-fill);--accent-fill-pressed:rgb(70, 71, 117);--accent-fill-disabled:var(--accent-hovered);--accent-text:white;--accent-text-hovered:var(--accent-text);--accent-text-focused:var(--accent-text);--accent-text-pressed:var(--accent-text);--accent-text-disabled:rgb(200, 198, 196);--accent-borderColor:transparent;--accent-icon:inherit;--accent-icon-hovered:var(--accent-icon);--accent-icon-pressed:var(--accent-icon);--accent-icon-focused:var(--accent-icon);--accent-icon-disabled:var(--accent-text-disabled)}.root_c997c54b{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-style:solid;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--button-fill);border-color:var(--button-borderColor);border-radius:var(--button-borderRadius);border-width:var(--button-borderWidth);-webkit-box-shadow:var(--button-boxShadow);box-shadow:var(--button-boxShadow);color:var(--button-text);height:var(--button-height);padding:var(--button-padding);-webkit-transition:var(--button-transition);transition:var(--button-transition);white-space:var(--button-whiteSpace,nowrap)}.root_c997c54b._primary_c997c54b{--button-fill:var(--accent-fill);--button-fill-hovered:var(--accent-fill-hovered);--button-fill-pressed:var(--accent-fill-pressed);--button-text:var(--accent-text);--button-text-hovered:var(--accent-text-hovered);--button-text-pressed:var(--accent-text-pressed);--button-borderColor:var(--accent-borderColor);--button-icon:var(--accent-icon);--button-icon-hovered:var(--accent-icon-hovered);--button-icon-pressed:var(--accent-icon-pressed)}.root_c997c54b._iconOnly_c997c54b{width:var(--button-height);--button-padding:0}.root_c997c54b._circular_c997c54b{--button-borderRadius:50000px;--button-minWidth:var(--button-height)}.root_c997c54b._fluid_c997c54b{width:100%;max-width:100%}.root_c997c54b._size_smallest_c997c54b{--button-height:var(--button-size-smallest)}.root_c997c54b._size_smaller_c997c54b{--button-height:var(--button-size-smaller)}.root_c997c54b._size_small_c997c54b{--button-height:var(--button-size-small)}.root_c997c54b._size_large_c997c54b{--button-height:var(--button-size-large)}.root_c997c54b._size_larger_c997c54b{--button-height:var(--button-size-larger)}.root_c997c54b._size_largest_c997c54b{--button-height:var(--button-size-largest)}.root_c997c54b._disabled_c997c54b{pointer-events:none;background-color:var(--button-fill-disabled);color:var(--button-text-disabled);border-color:var(--button-borderColor-disabled);-webkit-box-shadow:var(--button-boxShadow-disabled);box-shadow:var(--button-boxShadow-disabled)}.root_c997c54b._disabled_c997c54b.icon_c997c54b{color:var(--button-icon-disabled,var(--button-text-disabled))}.content_c997c54b{font-family:var(--button-fontFamily);font-size:var(--button-fontSize);font-weight:var(--button-fontWeight)}.icon_c997c54b{color:var(--button-icon);display:inline-block;width:var(--button-iconSize);height:var(--button-iconSize)}.root_c997c54b>:not(:first-child){margin-left:var(--button-contentGap)}.root_c997c54b:hover{background-color:var(--button-fill-hovered,var(--button-fill));color:var(--button-text-hovered,var(--button-text));border-color:var(--button-borderColor-hovered,var(--button-borderColor));-webkit-box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow));box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow))}.root_c997c54b:hover .icon_c997c54b{color:var(--button-icon-hovered,var(--button-text-hovered))}.root_c997c54b:active{background-color:var(--button-fill-pressed,var(--button-fill-hovered));color:var(--button-text-pressed,var(--button-text-hovered));border-color:var(--button-borderColor-pressed,var(--button-borderColor-hovered,var(--button-borderColor)));-webkit-box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));-webkit-transform:var(--button-transform-pressed);transform:var(--button-transform-pressed);-webkit-transition:var(--button-transition-pressed);transition:var(--button-transition-pressed)}.root_c997c54b:active .icon_c997c54b{color:var(--button-icon-pressed,var(--button-text-pressed))}.root_c997c54b:focus::after{position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;content:'';-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--button-borderRadius);-webkit-box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;border:var(--button-focusedWidth,2px) solid var(--button-focused,var(--accent-fill))}:export{root:root_c997c54b;icon:icon_c997c54b;content:content_c997c54b;loader:loader_c997c54b}" }]);
-    exports.root = "root_c997c54b";
-    exports.icon = "icon_c997c54b";
-    exports.content = "content_c997c54b";
-    exports.loader = "loader_c997c54b";
+    load_themed_styles_1.loadStyles([{ "rawString": ":root{--button-size-smallest:24px;--button-size-smaller:24px;--button-size-small:24px;--button-size-regular:32px;--button-size-large:40px;--button-size-larger:48px;--button-size-largest:64px;--button-padding:0 24px;--button-height:var(--button-size-regular);--button-minWidth:96px;--button-maxWidth:280px;--button-borderRadius:3px;--button-contentGap:10px;--button-iconSize:16px;--button-borderRadius:2px;--button-borderWidth:1px;--button-boxShadow:0px 2px 4px -0.75px rgba(0, 0, 0, 0.1);--button-boxShadow-disabled:none;--button-transform-pressed:scale(0.95);--button-transition:transform 0.1s linear;--button-fontFamily:'Segoe UI','Helvetica Neue','Apple Color Emoji','Segoe UI Emoji',Helvetica,Arial,sans-serif;--button-fontSize:14px;--button-fontWeight:600;--button-fill:white;--button-fill-hovered:rgb(237, 235, 233);--button-fill-focused:var(--button-fill);--button-fill-pressed:rgb(225, 223, 221);--button-fill-disabled:var(--button-fill-hovered);--button-text:rgb(44, 38, 33);--button-text-hovered:var(--button-text);--button-text-focused:var(--button-text);--button-text-pressed:var(--button-text);--button-text-disabled:rgb(200, 198, 196);--button-borderColor:rgb(225, 223, 221);--button-borderColor-disabled:transparent;--button-icon:inherit;--button-icon-hovered:var(--button-icon);--button-icon-pressed:var(--button-icon);--button-icon-focused:var(--button-icon);--button-icon-disabled:var(--button-text-disabled);--accent-fill:rgb(98, 100, 167);--accent-fill-hovered:rgb(88, 90, 150);--accent-fill-focused:var(--accent-fill);--accent-fill-pressed:rgb(70, 71, 117);--accent-fill-disabled:var(--accent-hovered);--accent-text:white;--accent-text-hovered:var(--accent-text);--accent-text-focused:var(--accent-text);--accent-text-pressed:var(--accent-text);--accent-text-disabled:rgb(200, 198, 196);--accent-borderColor:transparent;--accent-icon:inherit;--accent-icon-hovered:var(--accent-icon);--accent-icon-pressed:var(--accent-icon);--accent-icon-focused:var(--accent-icon);--accent-icon-disabled:var(--accent-text-disabled)}.root_55274d44{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-style:solid;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--button-fill);border-color:var(--button-borderColor);border-radius:var(--button-borderRadius);border-width:var(--button-borderWidth);-webkit-box-shadow:var(--button-boxShadow);box-shadow:var(--button-boxShadow);color:var(--button-text);height:var(--button-height);padding:var(--button-padding);-webkit-transition:var(--button-transition);transition:var(--button-transition);white-space:var(--button-whiteSpace,nowrap)}.root_55274d44._primary_55274d44{--button-fill:var(--accent-fill);--button-fill-hovered:var(--accent-fill-hovered);--button-fill-pressed:var(--accent-fill-pressed);--button-text:var(--accent-text);--button-text-hovered:var(--accent-text-hovered);--button-text-pressed:var(--accent-text-pressed);--button-borderColor:var(--accent-borderColor);--button-icon:var(--accent-icon);--button-icon-hovered:var(--accent-icon-hovered);--button-icon-pressed:var(--accent-icon-pressed)}.root_55274d44._iconOnly_55274d44{width:var(--button-height);--button-padding:0}.root_55274d44._circular_55274d44{--button-borderRadius:50000px;--button-minWidth:var(--button-height)}.root_55274d44._fluid_55274d44{width:100%;max-width:100%}.root_55274d44._size_smallest_55274d44{--button-height:var(--button-size-smallest)}.root_55274d44._size_smaller_55274d44{--button-height:var(--button-size-smaller)}.root_55274d44._size_small_55274d44{--button-height:var(--button-size-small)}.root_55274d44._size_large_55274d44{--button-height:var(--button-size-large)}.root_55274d44._size_larger_55274d44{--button-height:var(--button-size-larger)}.root_55274d44._size_largest_55274d44{--button-height:var(--button-size-largest)}.root_55274d44._disabled_55274d44{pointer-events:none;background-color:var(--button-fill-disabled);color:var(--button-text-disabled);border-color:var(--button-borderColor-disabled);-webkit-box-shadow:var(--button-boxShadow-disabled);box-shadow:var(--button-boxShadow-disabled)}.root_55274d44._disabled_55274d44.icon_55274d44{color:var(--button-icon-disabled,var(--button-text-disabled))}.content_55274d44{font-family:var(--button-fontFamily);font-size:var(--button-fontSize);font-weight:var(--button-fontWeight)}.icon_55274d44{color:var(--button-icon);display:inline-block;width:var(--button-iconSize);height:var(--button-iconSize)}.root_55274d44>:not(:first-child){margin-left:var(--button-contentGap)}.root_55274d44:hover{background-color:var(--button-fill-hovered,var(--button-fill));color:var(--button-text-hovered,var(--button-text));border-color:var(--button-borderColor-hovered,var(--button-borderColor));-webkit-box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow));box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow))}.root_55274d44:hover .icon_55274d44{color:var(--button-icon-hovered,var(--button-text-hovered))}.root_55274d44:active{background-color:var(--button-fill-pressed,var(--button-fill-hovered));color:var(--button-text-pressed,var(--button-text-hovered));border-color:var(--button-borderColor-pressed,var(--button-borderColor-hovered,var(--button-borderColor)));-webkit-box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));-webkit-transform:var(--button-transform-pressed);transform:var(--button-transform-pressed);-webkit-transition:var(--button-transition-pressed);transition:var(--button-transition-pressed)}.root_55274d44:active .icon_55274d44{color:var(--button-icon-pressed,var(--button-text-pressed))}.root_55274d44:focus::after{position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;content:'';-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--button-borderRadius);-webkit-box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;border:var(--button-focusedWidth,2px) solid var(--button-focused,var(--accent-fill))}:export{root:root_55274d44;icon:icon_55274d44;content:content_55274d44;loader:loader_55274d44}" }]);
+    exports.root = "root_55274d44";
+    exports.icon = "icon_55274d44";
+    exports.content = "content_55274d44";
+    exports.loader = "loader_55274d44";
 });
 //# sourceMappingURL=Button.scss.js.map

lib-amd/components/Button/Button.stories.scss.d.ts

@@ -1,2 +0,2 @@
-export declare const hStack = "hStack_80beb959";
-export declare const vStack = "vStack_80beb959";
+export declare const hStack = "hStack_e16f74c0";
+export declare const vStack = "vStack_e16f74c0";

lib-amd/components/Button/Button.stories.scss.js

 define(["require", "exports", "@microsoft/load-themed-styles"], function (require, exports, load_themed_styles_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    load_themed_styles_1.loadStyles([{ "rawString": ".hStack_80beb959{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.hStack_80beb959>:not(:first-child){margin-left:var(--gap,8px)}.vStack_80beb959{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vStack_80beb959>:not(:first-child){margin-top:var(--gap,8px)}:export{hStack:hStack_80beb959;vStack:vStack_80beb959}" }]);
-    exports.hStack = "hStack_80beb959";
-    exports.vStack = "vStack_80beb959";
+    load_themed_styles_1.loadStyles([{ "rawString": ".hStack_e16f74c0{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.hStack_e16f74c0>:not(:first-child){margin-left:var(--gap,8px)}.vStack_e16f74c0{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vStack_e16f74c0>:not(:first-child){margin-top:var(--gap,8px)}:export{hStack:hStack_e16f74c0;vStack:vStack_e16f74c0}" }]);
+    exports.hStack = "hStack_e16f74c0";
+    exports.vStack = "vStack_e16f74c0";
 });
 //# sourceMappingURL=Button.stories.scss.js.map

lib-amd/components/Button/ButtonBase.js

@@ -18,2 +18,16 @@ define(["require", "exports", "tslib", "react", "@fluentui/react-compose", "./useButton"], function (require, exports, tslib_1, React, react_compose_1, useButton_1) {
         displayName: 'ButtonBase',
+        handledProps: [
+            'circular',
+            'content',
+            'disabled',
+            'fluid',
+            'iconOnly',
+            'iconPosition',
+            'inverted',
+            'loader',
+            'loading',
+            'primary',
+            'secondary',
+            'size',
+        ],
     });
@@ -20,0 +34,0 @@ exports.ButtonBase.defaultProps = {

lib-amd/version.js

 define(["require", "exports", "@uifabric/set-version"], function (require, exports, set_version_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    set_version_1.setVersion('@fluentui/react-button', '0.1.13');
+    set_version_1.setVersion('@fluentui/react-button', '0.2.0');
 });
 //# sourceMappingURL=version.js.map

lib-commonjs/components/Button/Button.scss.d.ts

@@ -1,4 +0,4 @@
-export declare const root = "root_c997c54b";
-export declare const icon = "icon_c997c54b";
-export declare const content = "content_c997c54b";
-export declare const loader = "loader_c997c54b";
+export declare const root = "root_55274d44";
+export declare const icon = "icon_55274d44";
+export declare const content = "content_55274d44";
+export declare const loader = "loader_55274d44";

lib-commonjs/components/Button/Button.scss.js

@@ -5,7 +5,7 @@ "use strict";
 var load_themed_styles_1 = require("@microsoft/load-themed-styles");
-load_themed_styles_1.loadStyles([{ "rawString": ":root{--button-size-smallest:24px;--button-size-smaller:24px;--button-size-small:24px;--button-size-regular:32px;--button-size-large:40px;--button-size-larger:48px;--button-size-largest:64px;--button-padding:0 24px;--button-height:var(--button-size-regular);--button-minWidth:96px;--button-maxWidth:280px;--button-borderRadius:3px;--button-contentGap:10px;--button-iconSize:16px;--button-borderRadius:2px;--button-borderWidth:1px;--button-boxShadow:0px 2px 4px -0.75px rgba(0, 0, 0, 0.1);--button-boxShadow-disabled:none;--button-transform-pressed:scale(0.95);--button-transition:transform 0.1s linear;--button-fontFamily:'Segoe UI','Helvetica Neue','Apple Color Emoji','Segoe UI Emoji',Helvetica,Arial,sans-serif;--button-fontSize:14px;--button-fontWeight:600;--button-fill:white;--button-fill-hovered:rgb(237, 235, 233);--button-fill-focused:var(--button-fill);--button-fill-pressed:rgb(225, 223, 221);--button-fill-disabled:var(--button-fill-hovered);--button-text:rgb(44, 38, 33);--button-text-hovered:var(--button-text);--button-text-focused:var(--button-text);--button-text-pressed:var(--button-text);--button-text-disabled:rgb(200, 198, 196);--button-borderColor:rgb(225, 223, 221);--button-borderColor-disabled:transparent;--button-icon:inherit;--button-icon-hovered:var(--button-icon);--button-icon-pressed:var(--button-icon);--button-icon-focused:var(--button-icon);--button-icon-disabled:var(--button-text-disabled);--accent-fill:rgb(98, 100, 167);--accent-fill-hovered:rgb(88, 90, 150);--accent-fill-focused:var(--accent-fill);--accent-fill-pressed:rgb(70, 71, 117);--accent-fill-disabled:var(--accent-hovered);--accent-text:white;--accent-text-hovered:var(--accent-text);--accent-text-focused:var(--accent-text);--accent-text-pressed:var(--accent-text);--accent-text-disabled:rgb(200, 198, 196);--accent-borderColor:transparent;--accent-icon:inherit;--accent-icon-hovered:var(--accent-icon);--accent-icon-pressed:var(--accent-icon);--accent-icon-focused:var(--accent-icon);--accent-icon-disabled:var(--accent-text-disabled)}.root_c997c54b{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-style:solid;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--button-fill);border-color:var(--button-borderColor);border-radius:var(--button-borderRadius);border-width:var(--button-borderWidth);-webkit-box-shadow:var(--button-boxShadow);box-shadow:var(--button-boxShadow);color:var(--button-text);height:var(--button-height);padding:var(--button-padding);-webkit-transition:var(--button-transition);transition:var(--button-transition);white-space:var(--button-whiteSpace,nowrap)}.root_c997c54b._primary_c997c54b{--button-fill:var(--accent-fill);--button-fill-hovered:var(--accent-fill-hovered);--button-fill-pressed:var(--accent-fill-pressed);--button-text:var(--accent-text);--button-text-hovered:var(--accent-text-hovered);--button-text-pressed:var(--accent-text-pressed);--button-borderColor:var(--accent-borderColor);--button-icon:var(--accent-icon);--button-icon-hovered:var(--accent-icon-hovered);--button-icon-pressed:var(--accent-icon-pressed)}.root_c997c54b._iconOnly_c997c54b{width:var(--button-height);--button-padding:0}.root_c997c54b._circular_c997c54b{--button-borderRadius:50000px;--button-minWidth:var(--button-height)}.root_c997c54b._fluid_c997c54b{width:100%;max-width:100%}.root_c997c54b._size_smallest_c997c54b{--button-height:var(--button-size-smallest)}.root_c997c54b._size_smaller_c997c54b{--button-height:var(--button-size-smaller)}.root_c997c54b._size_small_c997c54b{--button-height:var(--button-size-small)}.root_c997c54b._size_large_c997c54b{--button-height:var(--button-size-large)}.root_c997c54b._size_larger_c997c54b{--button-height:var(--button-size-larger)}.root_c997c54b._size_largest_c997c54b{--button-height:var(--button-size-largest)}.root_c997c54b._disabled_c997c54b{pointer-events:none;background-color:var(--button-fill-disabled);color:var(--button-text-disabled);border-color:var(--button-borderColor-disabled);-webkit-box-shadow:var(--button-boxShadow-disabled);box-shadow:var(--button-boxShadow-disabled)}.root_c997c54b._disabled_c997c54b.icon_c997c54b{color:var(--button-icon-disabled,var(--button-text-disabled))}.content_c997c54b{font-family:var(--button-fontFamily);font-size:var(--button-fontSize);font-weight:var(--button-fontWeight)}.icon_c997c54b{color:var(--button-icon);display:inline-block;width:var(--button-iconSize);height:var(--button-iconSize)}.root_c997c54b>:not(:first-child){margin-left:var(--button-contentGap)}.root_c997c54b:hover{background-color:var(--button-fill-hovered,var(--button-fill));color:var(--button-text-hovered,var(--button-text));border-color:var(--button-borderColor-hovered,var(--button-borderColor));-webkit-box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow));box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow))}.root_c997c54b:hover .icon_c997c54b{color:var(--button-icon-hovered,var(--button-text-hovered))}.root_c997c54b:active{background-color:var(--button-fill-pressed,var(--button-fill-hovered));color:var(--button-text-pressed,var(--button-text-hovered));border-color:var(--button-borderColor-pressed,var(--button-borderColor-hovered,var(--button-borderColor)));-webkit-box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));-webkit-transform:var(--button-transform-pressed);transform:var(--button-transform-pressed);-webkit-transition:var(--button-transition-pressed);transition:var(--button-transition-pressed)}.root_c997c54b:active .icon_c997c54b{color:var(--button-icon-pressed,var(--button-text-pressed))}.root_c997c54b:focus::after{position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;content:'';-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--button-borderRadius);-webkit-box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;border:var(--button-focusedWidth,2px) solid var(--button-focused,var(--accent-fill))}:export{root:root_c997c54b;icon:icon_c997c54b;content:content_c997c54b;loader:loader_c997c54b}" }]);
-exports.root = "root_c997c54b";
-exports.icon = "icon_c997c54b";
-exports.content = "content_c997c54b";
-exports.loader = "loader_c997c54b";
+load_themed_styles_1.loadStyles([{ "rawString": ":root{--button-size-smallest:24px;--button-size-smaller:24px;--button-size-small:24px;--button-size-regular:32px;--button-size-large:40px;--button-size-larger:48px;--button-size-largest:64px;--button-padding:0 24px;--button-height:var(--button-size-regular);--button-minWidth:96px;--button-maxWidth:280px;--button-borderRadius:3px;--button-contentGap:10px;--button-iconSize:16px;--button-borderRadius:2px;--button-borderWidth:1px;--button-boxShadow:0px 2px 4px -0.75px rgba(0, 0, 0, 0.1);--button-boxShadow-disabled:none;--button-transform-pressed:scale(0.95);--button-transition:transform 0.1s linear;--button-fontFamily:'Segoe UI','Helvetica Neue','Apple Color Emoji','Segoe UI Emoji',Helvetica,Arial,sans-serif;--button-fontSize:14px;--button-fontWeight:600;--button-fill:white;--button-fill-hovered:rgb(237, 235, 233);--button-fill-focused:var(--button-fill);--button-fill-pressed:rgb(225, 223, 221);--button-fill-disabled:var(--button-fill-hovered);--button-text:rgb(44, 38, 33);--button-text-hovered:var(--button-text);--button-text-focused:var(--button-text);--button-text-pressed:var(--button-text);--button-text-disabled:rgb(200, 198, 196);--button-borderColor:rgb(225, 223, 221);--button-borderColor-disabled:transparent;--button-icon:inherit;--button-icon-hovered:var(--button-icon);--button-icon-pressed:var(--button-icon);--button-icon-focused:var(--button-icon);--button-icon-disabled:var(--button-text-disabled);--accent-fill:rgb(98, 100, 167);--accent-fill-hovered:rgb(88, 90, 150);--accent-fill-focused:var(--accent-fill);--accent-fill-pressed:rgb(70, 71, 117);--accent-fill-disabled:var(--accent-hovered);--accent-text:white;--accent-text-hovered:var(--accent-text);--accent-text-focused:var(--accent-text);--accent-text-pressed:var(--accent-text);--accent-text-disabled:rgb(200, 198, 196);--accent-borderColor:transparent;--accent-icon:inherit;--accent-icon-hovered:var(--accent-icon);--accent-icon-pressed:var(--accent-icon);--accent-icon-focused:var(--accent-icon);--accent-icon-disabled:var(--accent-text-disabled)}.root_55274d44{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-style:solid;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--button-fill);border-color:var(--button-borderColor);border-radius:var(--button-borderRadius);border-width:var(--button-borderWidth);-webkit-box-shadow:var(--button-boxShadow);box-shadow:var(--button-boxShadow);color:var(--button-text);height:var(--button-height);padding:var(--button-padding);-webkit-transition:var(--button-transition);transition:var(--button-transition);white-space:var(--button-whiteSpace,nowrap)}.root_55274d44._primary_55274d44{--button-fill:var(--accent-fill);--button-fill-hovered:var(--accent-fill-hovered);--button-fill-pressed:var(--accent-fill-pressed);--button-text:var(--accent-text);--button-text-hovered:var(--accent-text-hovered);--button-text-pressed:var(--accent-text-pressed);--button-borderColor:var(--accent-borderColor);--button-icon:var(--accent-icon);--button-icon-hovered:var(--accent-icon-hovered);--button-icon-pressed:var(--accent-icon-pressed)}.root_55274d44._iconOnly_55274d44{width:var(--button-height);--button-padding:0}.root_55274d44._circular_55274d44{--button-borderRadius:50000px;--button-minWidth:var(--button-height)}.root_55274d44._fluid_55274d44{width:100%;max-width:100%}.root_55274d44._size_smallest_55274d44{--button-height:var(--button-size-smallest)}.root_55274d44._size_smaller_55274d44{--button-height:var(--button-size-smaller)}.root_55274d44._size_small_55274d44{--button-height:var(--button-size-small)}.root_55274d44._size_large_55274d44{--button-height:var(--button-size-large)}.root_55274d44._size_larger_55274d44{--button-height:var(--button-size-larger)}.root_55274d44._size_largest_55274d44{--button-height:var(--button-size-largest)}.root_55274d44._disabled_55274d44{pointer-events:none;background-color:var(--button-fill-disabled);color:var(--button-text-disabled);border-color:var(--button-borderColor-disabled);-webkit-box-shadow:var(--button-boxShadow-disabled);box-shadow:var(--button-boxShadow-disabled)}.root_55274d44._disabled_55274d44.icon_55274d44{color:var(--button-icon-disabled,var(--button-text-disabled))}.content_55274d44{font-family:var(--button-fontFamily);font-size:var(--button-fontSize);font-weight:var(--button-fontWeight)}.icon_55274d44{color:var(--button-icon);display:inline-block;width:var(--button-iconSize);height:var(--button-iconSize)}.root_55274d44>:not(:first-child){margin-left:var(--button-contentGap)}.root_55274d44:hover{background-color:var(--button-fill-hovered,var(--button-fill));color:var(--button-text-hovered,var(--button-text));border-color:var(--button-borderColor-hovered,var(--button-borderColor));-webkit-box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow));box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow))}.root_55274d44:hover .icon_55274d44{color:var(--button-icon-hovered,var(--button-text-hovered))}.root_55274d44:active{background-color:var(--button-fill-pressed,var(--button-fill-hovered));color:var(--button-text-pressed,var(--button-text-hovered));border-color:var(--button-borderColor-pressed,var(--button-borderColor-hovered,var(--button-borderColor)));-webkit-box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));-webkit-transform:var(--button-transform-pressed);transform:var(--button-transform-pressed);-webkit-transition:var(--button-transition-pressed);transition:var(--button-transition-pressed)}.root_55274d44:active .icon_55274d44{color:var(--button-icon-pressed,var(--button-text-pressed))}.root_55274d44:focus::after{position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;content:'';-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--button-borderRadius);-webkit-box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;border:var(--button-focusedWidth,2px) solid var(--button-focused,var(--accent-fill))}:export{root:root_55274d44;icon:icon_55274d44;content:content_55274d44;loader:loader_55274d44}" }]);
+exports.root = "root_55274d44";
+exports.icon = "icon_55274d44";
+exports.content = "content_55274d44";
+exports.loader = "loader_55274d44";
 //# sourceMappingURL=Button.scss.js.map

lib-commonjs/components/Button/Button.stories.scss.d.ts

@@ -1,2 +0,2 @@
-export declare const hStack = "hStack_80beb959";
-export declare const vStack = "vStack_80beb959";
+export declare const hStack = "hStack_e16f74c0";
+export declare const vStack = "vStack_e16f74c0";

lib-commonjs/components/Button/Button.stories.scss.js

@@ -5,5 +5,5 @@ "use strict";
 var load_themed_styles_1 = require("@microsoft/load-themed-styles");
-load_themed_styles_1.loadStyles([{ "rawString": ".hStack_80beb959{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.hStack_80beb959>:not(:first-child){margin-left:var(--gap,8px)}.vStack_80beb959{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vStack_80beb959>:not(:first-child){margin-top:var(--gap,8px)}:export{hStack:hStack_80beb959;vStack:vStack_80beb959}" }]);
-exports.hStack = "hStack_80beb959";
-exports.vStack = "vStack_80beb959";
+load_themed_styles_1.loadStyles([{ "rawString": ".hStack_e16f74c0{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.hStack_e16f74c0>:not(:first-child){margin-left:var(--gap,8px)}.vStack_e16f74c0{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vStack_e16f74c0>:not(:first-child){margin-top:var(--gap,8px)}:export{hStack:hStack_e16f74c0;vStack:vStack_e16f74c0}" }]);
+exports.hStack = "hStack_e16f74c0";
+exports.vStack = "vStack_e16f74c0";
 //# sourceMappingURL=Button.stories.scss.js.map

lib-commonjs/components/Button/ButtonBase.js

@@ -21,2 +21,16 @@ "use strict";
     displayName: 'ButtonBase',
+    handledProps: [
+        'circular',
+        'content',
+        'disabled',
+        'fluid',
+        'iconOnly',
+        'iconPosition',
+        'inverted',
+        'loader',
+        'loading',
+        'primary',
+        'secondary',
+        'size',
+    ],
 });
@@ -23,0 +37,0 @@ exports.ButtonBase.defaultProps = {

lib-commonjs/version.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-// @fluentui/react-button@0.1.13
+// @fluentui/react-button@0.2.0
 // Do not modify this file, the file is generated as part of publish. The checked in version is a placeholder only.
 var set_version_1 = require("@uifabric/set-version");
-set_version_1.setVersion('@fluentui/react-button', '0.1.13');
+set_version_1.setVersion('@fluentui/react-button', '0.2.0');
 //# sourceMappingURL=version.js.map

lib/components/Button/Button.scss.d.ts

@@ -1,4 +0,4 @@
-export declare const root = "root_c997c54b";
-export declare const icon = "icon_c997c54b";
-export declare const content = "content_c997c54b";
-export declare const loader = "loader_c997c54b";
+export declare const root = "root_55274d44";
+export declare const icon = "icon_55274d44";
+export declare const content = "content_55274d44";
+export declare const loader = "loader_55274d44";

lib/components/Button/Button.scss.js

 /* tslint:disable */
 import { loadStyles } from '@microsoft/load-themed-styles';
-loadStyles([{ "rawString": ":root{--button-size-smallest:24px;--button-size-smaller:24px;--button-size-small:24px;--button-size-regular:32px;--button-size-large:40px;--button-size-larger:48px;--button-size-largest:64px;--button-padding:0 24px;--button-height:var(--button-size-regular);--button-minWidth:96px;--button-maxWidth:280px;--button-borderRadius:3px;--button-contentGap:10px;--button-iconSize:16px;--button-borderRadius:2px;--button-borderWidth:1px;--button-boxShadow:0px 2px 4px -0.75px rgba(0, 0, 0, 0.1);--button-boxShadow-disabled:none;--button-transform-pressed:scale(0.95);--button-transition:transform 0.1s linear;--button-fontFamily:'Segoe UI','Helvetica Neue','Apple Color Emoji','Segoe UI Emoji',Helvetica,Arial,sans-serif;--button-fontSize:14px;--button-fontWeight:600;--button-fill:white;--button-fill-hovered:rgb(237, 235, 233);--button-fill-focused:var(--button-fill);--button-fill-pressed:rgb(225, 223, 221);--button-fill-disabled:var(--button-fill-hovered);--button-text:rgb(44, 38, 33);--button-text-hovered:var(--button-text);--button-text-focused:var(--button-text);--button-text-pressed:var(--button-text);--button-text-disabled:rgb(200, 198, 196);--button-borderColor:rgb(225, 223, 221);--button-borderColor-disabled:transparent;--button-icon:inherit;--button-icon-hovered:var(--button-icon);--button-icon-pressed:var(--button-icon);--button-icon-focused:var(--button-icon);--button-icon-disabled:var(--button-text-disabled);--accent-fill:rgb(98, 100, 167);--accent-fill-hovered:rgb(88, 90, 150);--accent-fill-focused:var(--accent-fill);--accent-fill-pressed:rgb(70, 71, 117);--accent-fill-disabled:var(--accent-hovered);--accent-text:white;--accent-text-hovered:var(--accent-text);--accent-text-focused:var(--accent-text);--accent-text-pressed:var(--accent-text);--accent-text-disabled:rgb(200, 198, 196);--accent-borderColor:transparent;--accent-icon:inherit;--accent-icon-hovered:var(--accent-icon);--accent-icon-pressed:var(--accent-icon);--accent-icon-focused:var(--accent-icon);--accent-icon-disabled:var(--accent-text-disabled)}.root_c997c54b{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-style:solid;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--button-fill);border-color:var(--button-borderColor);border-radius:var(--button-borderRadius);border-width:var(--button-borderWidth);-webkit-box-shadow:var(--button-boxShadow);box-shadow:var(--button-boxShadow);color:var(--button-text);height:var(--button-height);padding:var(--button-padding);-webkit-transition:var(--button-transition);transition:var(--button-transition);white-space:var(--button-whiteSpace,nowrap)}.root_c997c54b._primary_c997c54b{--button-fill:var(--accent-fill);--button-fill-hovered:var(--accent-fill-hovered);--button-fill-pressed:var(--accent-fill-pressed);--button-text:var(--accent-text);--button-text-hovered:var(--accent-text-hovered);--button-text-pressed:var(--accent-text-pressed);--button-borderColor:var(--accent-borderColor);--button-icon:var(--accent-icon);--button-icon-hovered:var(--accent-icon-hovered);--button-icon-pressed:var(--accent-icon-pressed)}.root_c997c54b._iconOnly_c997c54b{width:var(--button-height);--button-padding:0}.root_c997c54b._circular_c997c54b{--button-borderRadius:50000px;--button-minWidth:var(--button-height)}.root_c997c54b._fluid_c997c54b{width:100%;max-width:100%}.root_c997c54b._size_smallest_c997c54b{--button-height:var(--button-size-smallest)}.root_c997c54b._size_smaller_c997c54b{--button-height:var(--button-size-smaller)}.root_c997c54b._size_small_c997c54b{--button-height:var(--button-size-small)}.root_c997c54b._size_large_c997c54b{--button-height:var(--button-size-large)}.root_c997c54b._size_larger_c997c54b{--button-height:var(--button-size-larger)}.root_c997c54b._size_largest_c997c54b{--button-height:var(--button-size-largest)}.root_c997c54b._disabled_c997c54b{pointer-events:none;background-color:var(--button-fill-disabled);color:var(--button-text-disabled);border-color:var(--button-borderColor-disabled);-webkit-box-shadow:var(--button-boxShadow-disabled);box-shadow:var(--button-boxShadow-disabled)}.root_c997c54b._disabled_c997c54b.icon_c997c54b{color:var(--button-icon-disabled,var(--button-text-disabled))}.content_c997c54b{font-family:var(--button-fontFamily);font-size:var(--button-fontSize);font-weight:var(--button-fontWeight)}.icon_c997c54b{color:var(--button-icon);display:inline-block;width:var(--button-iconSize);height:var(--button-iconSize)}.root_c997c54b>:not(:first-child){margin-left:var(--button-contentGap)}.root_c997c54b:hover{background-color:var(--button-fill-hovered,var(--button-fill));color:var(--button-text-hovered,var(--button-text));border-color:var(--button-borderColor-hovered,var(--button-borderColor));-webkit-box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow));box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow))}.root_c997c54b:hover .icon_c997c54b{color:var(--button-icon-hovered,var(--button-text-hovered))}.root_c997c54b:active{background-color:var(--button-fill-pressed,var(--button-fill-hovered));color:var(--button-text-pressed,var(--button-text-hovered));border-color:var(--button-borderColor-pressed,var(--button-borderColor-hovered,var(--button-borderColor)));-webkit-box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));-webkit-transform:var(--button-transform-pressed);transform:var(--button-transform-pressed);-webkit-transition:var(--button-transition-pressed);transition:var(--button-transition-pressed)}.root_c997c54b:active .icon_c997c54b{color:var(--button-icon-pressed,var(--button-text-pressed))}.root_c997c54b:focus::after{position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;content:'';-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--button-borderRadius);-webkit-box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;border:var(--button-focusedWidth,2px) solid var(--button-focused,var(--accent-fill))}:export{root:root_c997c54b;icon:icon_c997c54b;content:content_c997c54b;loader:loader_c997c54b}" }]);
-export var root = "root_c997c54b";
-export var icon = "icon_c997c54b";
-export var content = "content_c997c54b";
-export var loader = "loader_c997c54b";
+loadStyles([{ "rawString": ":root{--button-size-smallest:24px;--button-size-smaller:24px;--button-size-small:24px;--button-size-regular:32px;--button-size-large:40px;--button-size-larger:48px;--button-size-largest:64px;--button-padding:0 24px;--button-height:var(--button-size-regular);--button-minWidth:96px;--button-maxWidth:280px;--button-borderRadius:3px;--button-contentGap:10px;--button-iconSize:16px;--button-borderRadius:2px;--button-borderWidth:1px;--button-boxShadow:0px 2px 4px -0.75px rgba(0, 0, 0, 0.1);--button-boxShadow-disabled:none;--button-transform-pressed:scale(0.95);--button-transition:transform 0.1s linear;--button-fontFamily:'Segoe UI','Helvetica Neue','Apple Color Emoji','Segoe UI Emoji',Helvetica,Arial,sans-serif;--button-fontSize:14px;--button-fontWeight:600;--button-fill:white;--button-fill-hovered:rgb(237, 235, 233);--button-fill-focused:var(--button-fill);--button-fill-pressed:rgb(225, 223, 221);--button-fill-disabled:var(--button-fill-hovered);--button-text:rgb(44, 38, 33);--button-text-hovered:var(--button-text);--button-text-focused:var(--button-text);--button-text-pressed:var(--button-text);--button-text-disabled:rgb(200, 198, 196);--button-borderColor:rgb(225, 223, 221);--button-borderColor-disabled:transparent;--button-icon:inherit;--button-icon-hovered:var(--button-icon);--button-icon-pressed:var(--button-icon);--button-icon-focused:var(--button-icon);--button-icon-disabled:var(--button-text-disabled);--accent-fill:rgb(98, 100, 167);--accent-fill-hovered:rgb(88, 90, 150);--accent-fill-focused:var(--accent-fill);--accent-fill-pressed:rgb(70, 71, 117);--accent-fill-disabled:var(--accent-hovered);--accent-text:white;--accent-text-hovered:var(--accent-text);--accent-text-focused:var(--accent-text);--accent-text-pressed:var(--accent-text);--accent-text-disabled:rgb(200, 198, 196);--accent-borderColor:transparent;--accent-icon:inherit;--accent-icon-hovered:var(--accent-icon);--accent-icon-pressed:var(--accent-icon);--accent-icon-focused:var(--accent-icon);--accent-icon-disabled:var(--accent-text-disabled)}.root_55274d44{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-style:solid;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--button-fill);border-color:var(--button-borderColor);border-radius:var(--button-borderRadius);border-width:var(--button-borderWidth);-webkit-box-shadow:var(--button-boxShadow);box-shadow:var(--button-boxShadow);color:var(--button-text);height:var(--button-height);padding:var(--button-padding);-webkit-transition:var(--button-transition);transition:var(--button-transition);white-space:var(--button-whiteSpace,nowrap)}.root_55274d44._primary_55274d44{--button-fill:var(--accent-fill);--button-fill-hovered:var(--accent-fill-hovered);--button-fill-pressed:var(--accent-fill-pressed);--button-text:var(--accent-text);--button-text-hovered:var(--accent-text-hovered);--button-text-pressed:var(--accent-text-pressed);--button-borderColor:var(--accent-borderColor);--button-icon:var(--accent-icon);--button-icon-hovered:var(--accent-icon-hovered);--button-icon-pressed:var(--accent-icon-pressed)}.root_55274d44._iconOnly_55274d44{width:var(--button-height);--button-padding:0}.root_55274d44._circular_55274d44{--button-borderRadius:50000px;--button-minWidth:var(--button-height)}.root_55274d44._fluid_55274d44{width:100%;max-width:100%}.root_55274d44._size_smallest_55274d44{--button-height:var(--button-size-smallest)}.root_55274d44._size_smaller_55274d44{--button-height:var(--button-size-smaller)}.root_55274d44._size_small_55274d44{--button-height:var(--button-size-small)}.root_55274d44._size_large_55274d44{--button-height:var(--button-size-large)}.root_55274d44._size_larger_55274d44{--button-height:var(--button-size-larger)}.root_55274d44._size_largest_55274d44{--button-height:var(--button-size-largest)}.root_55274d44._disabled_55274d44{pointer-events:none;background-color:var(--button-fill-disabled);color:var(--button-text-disabled);border-color:var(--button-borderColor-disabled);-webkit-box-shadow:var(--button-boxShadow-disabled);box-shadow:var(--button-boxShadow-disabled)}.root_55274d44._disabled_55274d44.icon_55274d44{color:var(--button-icon-disabled,var(--button-text-disabled))}.content_55274d44{font-family:var(--button-fontFamily);font-size:var(--button-fontSize);font-weight:var(--button-fontWeight)}.icon_55274d44{color:var(--button-icon);display:inline-block;width:var(--button-iconSize);height:var(--button-iconSize)}.root_55274d44>:not(:first-child){margin-left:var(--button-contentGap)}.root_55274d44:hover{background-color:var(--button-fill-hovered,var(--button-fill));color:var(--button-text-hovered,var(--button-text));border-color:var(--button-borderColor-hovered,var(--button-borderColor));-webkit-box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow));box-shadow:var(--button-boxShadow-hovered,var(--button-boxShadow))}.root_55274d44:hover .icon_55274d44{color:var(--button-icon-hovered,var(--button-text-hovered))}.root_55274d44:active{background-color:var(--button-fill-pressed,var(--button-fill-hovered));color:var(--button-text-pressed,var(--button-text-hovered));border-color:var(--button-borderColor-pressed,var(--button-borderColor-hovered,var(--button-borderColor)));-webkit-box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));box-shadow:var(--button-boxShadow-pressed,var(--button-boxShadow-hovered,var(--button-boxShadow)));-webkit-transform:var(--button-transform-pressed);transform:var(--button-transform-pressed);-webkit-transition:var(--button-transition-pressed);transition:var(--button-transition-pressed)}.root_55274d44:active .icon_55274d44{color:var(--button-icon-pressed,var(--button-text-pressed))}.root_55274d44:focus::after{position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;content:'';-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--button-borderRadius);-webkit-box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;box-shadow:0 0 0 var(--button-focusedInnerWidth,1px) var(--button-focusedInner,var(--accent-text)) inset;border:var(--button-focusedWidth,2px) solid var(--button-focused,var(--accent-fill))}:export{root:root_55274d44;icon:icon_55274d44;content:content_55274d44;loader:loader_55274d44}" }]);
+export var root = "root_55274d44";
+export var icon = "icon_55274d44";
+export var content = "content_55274d44";
+export var loader = "loader_55274d44";
 //# sourceMappingURL=Button.scss.js.map

lib/components/Button/Button.stories.scss.d.ts

@@ -1,2 +0,2 @@
-export declare const hStack = "hStack_80beb959";
-export declare const vStack = "vStack_80beb959";
+export declare const hStack = "hStack_e16f74c0";
+export declare const vStack = "vStack_e16f74c0";

lib/components/Button/Button.stories.scss.js

 /* tslint:disable */
 import { loadStyles } from '@microsoft/load-themed-styles';
-loadStyles([{ "rawString": ".hStack_80beb959{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.hStack_80beb959>:not(:first-child){margin-left:var(--gap,8px)}.vStack_80beb959{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vStack_80beb959>:not(:first-child){margin-top:var(--gap,8px)}:export{hStack:hStack_80beb959;vStack:vStack_80beb959}" }]);
-export var hStack = "hStack_80beb959";
-export var vStack = "vStack_80beb959";
+loadStyles([{ "rawString": ".hStack_e16f74c0{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.hStack_e16f74c0>:not(:first-child){margin-left:var(--gap,8px)}.vStack_e16f74c0{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vStack_e16f74c0>:not(:first-child){margin-top:var(--gap,8px)}:export{hStack:hStack_e16f74c0;vStack:vStack_e16f74c0}" }]);
+export var hStack = "hStack_e16f74c0";
+export var vStack = "vStack_e16f74c0";
 //# sourceMappingURL=Button.stories.scss.js.map

lib/components/Button/ButtonBase.js

@@ -19,2 +19,16 @@ import { __assign } from "tslib";
     displayName: 'ButtonBase',
+    handledProps: [
+        'circular',
+        'content',
+        'disabled',
+        'fluid',
+        'iconOnly',
+        'iconPosition',
+        'inverted',
+        'loader',
+        'loading',
+        'primary',
+        'secondary',
+        'size',
+    ],
 });
@@ -21,0 +35,0 @@ ButtonBase.defaultProps = {

lib/version.js

@@ -1,5 +0,5 @@
-// @fluentui/react-button@0.1.13
+// @fluentui/react-button@0.2.0
 // Do not modify this file, the file is generated as part of publish. The checked in version is a placeholder only.
 import { setVersion } from '@uifabric/set-version';
-setVersion('@fluentui/react-button', '0.1.13');
+setVersion('@fluentui/react-button', '0.2.0');
 //# sourceMappingURL=version.js.map

package.json

 {
   "name": "@fluentui/react-button",
-  "version": "0.1.13",
+  "version": "0.2.0",
   "description": "Fluent UI React Button component.",
@@ -49,3 +49,3 @@ "main": "lib-commonjs/index.js",
     "@uifabric/set-version": "^7.0.13",
-    "@fluentui/react-compose": "^0.8.0",
+    "@fluentui/react-compose": "^0.9.0",
     "@uifabric/react-hooks": "^7.4.5",
@@ -52,0 +52,0 @@ "@uifabric/utilities": "^7.20.3",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

131602

increased by2.43%

Lines of code

946

increased by6.41%

Dependency changes

• + Added@fluentui/react-compose@0.9.0(transitive)

• - Removed@fluentui/react-compose@0.8.0(transitive)

• Updated@fluentui/react-compose@^0.9.0