@fluentui/react-button 0.0.0-nightly-20220317-0422.1 → 0.0.0-nightly-20220318-0416.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-button",
   "entries": [
     {
-      "date": "Thu, 17 Mar 2022 04:32:31 GMT",
-      "tag": "@fluentui/react-button_v0.0.0-nightly-20220317-0422.1",
-      "version": "0.0.0-nightly-20220317-0422.1",
+      "date": "Fri, 18 Mar 2022 04:27:17 GMT",
+      "tag": "@fluentui/react-button_v0.0.0-nightly-20220318-0416.1",
+      "version": "0.0.0-nightly-20220318-0416.1",
       "comments": {
         "prerelease": [
           {
@@ -19,6 +19,12 @@
             "commit": "e0660222b8d9f4f38a61b718c18d4c67e52c8df9",
             "comment": "Disabling lint rule for deprecated [component]ClassName exports."
           },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "8c862ab1147fd38bc5008c85d1644f992561f89f",
+            "comment": "Button components: Making root a non-nullable slot."
+          },
           {
             "author": "Humberto.Morimoto@microsoft.com",
             "package": "@fluentui/react-button",
@@ -40,38 +46,38 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20220317-0422.1",
-            "commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
+            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20220318-0416.1",
+            "commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/react-aria to v0.0.0-nightly-20220317-0422.1",
-            "commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
+            "comment": "Bump @fluentui/react-aria to v0.0.0-nightly-20220318-0416.1",
+            "commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20220317-0422.1",
-            "commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
+            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20220318-0416.1",
+            "commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220317-0422.1",
-            "commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220318-0416.1",
+            "commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220317-0422.1",
-            "commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220318-0416.1",
+            "commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220317-0422.1",
-            "commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220318-0416.1",
+            "commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
           }
         ],
         "none": [

package/CHANGELOG.md

@@ -1,27 +1,28 @@
 # Change Log - @fluentui/react-button
 
-This log was last generated on Thu, 17 Mar 2022 04:32:31 GMT and should not be manually modified.
+This log was last generated on Fri, 18 Mar 2022 04:27:17 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20220317-0422.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightly-20220317-0422.1)
+## [0.0.0-nightly-20220318-0416.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightly-20220318-0416.1)
 
-Thu, 17 Mar 2022 04:32:31 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.5..@fluentui/react-button_v0.0.0-nightly-20220317-0422.1)
+Fri, 18 Mar 2022 04:27:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.5..@fluentui/react-button_v0.0.0-nightly-20220318-0416.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
 - Disabling lint rule for deprecated [component]ClassName exports. ([PR #22131](https://github.com/microsoft/fluentui/pull/22131) by Humberto.Morimoto@microsoft.com)
+- Button components: Making root a non-nullable slot. ([PR #22147](https://github.com/microsoft/fluentui/pull/22147) by Humberto.Morimoto@microsoft.com)
 - CompoundButton: Fixing bug where component was iconOnly even when secondaryContent was being provided. ([PR #22107](https://github.com/microsoft/fluentui/pull/22107) by Humberto.Morimoto@microsoft.com)
 - Removing star exports. ([PR #22111](https://github.com/microsoft/fluentui/pull/22111) by Humberto.Morimoto@microsoft.com)
 - Add deprecation messages to react-button ([PR #21960](https://github.com/microsoft/fluentui/pull/21960) by seanmonahan@microsoft.com)
-- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
-- Bump @fluentui/react-aria to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
+- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
+- Bump @fluentui/react-aria to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
 
 ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.5)
 

package/dist/react-button.d.ts

@@ -67,7 +67,7 @@ export declare type ButtonSlots = {
     /**
      * Root of the component that renders as either a `<button>` tag or an `<a>` tag.
      */
-    root: Slot<ARIAButtonSlotProps>;
+    root: NonNullable<Slot<ARIAButtonSlotProps>>;
     /**
      * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
      */
@@ -173,7 +173,7 @@ export declare type SplitButtonSlots = {
     /**
      * Root of the component that wraps the primary action button and menu button.
      */
-    root: Slot<'div'>;
+    root: NonNullable<Slot<'div'>>;
     /**
      * Button that opens menu with secondary actions in SplitButton.
      */

package/lib/components/Button/Button.types.d.ts

@@ -4,7 +4,7 @@ export declare type ButtonSlots = {
     /**
      * Root of the component that renders as either a `<button>` tag or an `<a>` tag.
      */
-    root: Slot<ARIAButtonSlotProps>;
+    root: NonNullable<Slot<ARIAButtonSlotProps>>;
     /**
      * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
      */

package/lib/components/Button/Button.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.js","sourceRoot":"../src/","sources":["components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ButtonSlots = {\n  /**\n   * Root of the component that renders as either a `<button>` tag or an `<a>` tag.\n   */\n  root: Slot<ARIAButtonSlotProps>;\n\n  /**\n   * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.\n   */\n  icon?: Slot<'span'>;\n};\n\nexport type ButtonCommons = {\n  /**\n   * A button can have its content and borders styled for greater emphasis or to be subtle.\n   * - 'primary': Emphasizes the button as a primary action.\n   * - 'outline': Removes background styling.\n   * - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.\n   * - 'transparent': Removes background and border styling.\n   */\n  appearance?: 'primary' | 'outline' | 'subtle' | 'transparent';\n\n  /**\n   * A button can fill the width of its container.\n   * @default false\n   */\n  block: boolean;\n\n  /**\n   * When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it\n   * is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this\n   * pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.\n   * @default false\n   */\n  disabledFocusable: boolean;\n\n  /**\n   * A button can show that it cannot be interacted with.\n   * @default false\n   */\n  disabled: boolean;\n\n  /**\n   * A button can format its icon to appear before or after its content.\n   * @default 'before'\n   */\n  iconPosition?: 'before' | 'after';\n\n  /**\n   * A button can be rounded, circular, or square.\n   * @default 'rounded'\n   */\n  shape: 'rounded' | 'circular' | 'square';\n\n  /**\n   * A button supports different sizes.\n   * @default 'medium'\n   */\n  size: 'small' | 'medium' | 'large';\n};\n\nexport type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCommons>;\n\nexport type ButtonState = ComponentState<ButtonSlots> &\n  ButtonCommons & {\n    /**\n     * A button can contain only an icon.\n     * @default false\n     */\n    iconOnly: boolean;\n  };\n"]}
+{"version":3,"file":"Button.types.js","sourceRoot":"../src/","sources":["components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ButtonSlots = {\n  /**\n   * Root of the component that renders as either a `<button>` tag or an `<a>` tag.\n   */\n  root: NonNullable<Slot<ARIAButtonSlotProps>>;\n\n  /**\n   * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.\n   */\n  icon?: Slot<'span'>;\n};\n\nexport type ButtonCommons = {\n  /**\n   * A button can have its content and borders styled for greater emphasis or to be subtle.\n   * - 'primary': Emphasizes the button as a primary action.\n   * - 'outline': Removes background styling.\n   * - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.\n   * - 'transparent': Removes background and border styling.\n   */\n  appearance?: 'primary' | 'outline' | 'subtle' | 'transparent';\n\n  /**\n   * A button can fill the width of its container.\n   * @default false\n   */\n  block: boolean;\n\n  /**\n   * When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it\n   * is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this\n   * pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.\n   * @default false\n   */\n  disabledFocusable: boolean;\n\n  /**\n   * A button can show that it cannot be interacted with.\n   * @default false\n   */\n  disabled: boolean;\n\n  /**\n   * A button can format its icon to appear before or after its content.\n   * @default 'before'\n   */\n  iconPosition?: 'before' | 'after';\n\n  /**\n   * A button can be rounded, circular, or square.\n   * @default 'rounded'\n   */\n  shape: 'rounded' | 'circular' | 'square';\n\n  /**\n   * A button supports different sizes.\n   * @default 'medium'\n   */\n  size: 'small' | 'medium' | 'large';\n};\n\nexport type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCommons>;\n\nexport type ButtonState = ComponentState<ButtonSlots> &\n  ButtonCommons & {\n    /**\n     * A button can contain only an icon.\n     * @default false\n     */\n    iconOnly: boolean;\n  };\n"]}

package/lib/components/SplitButton/SplitButton.types.d.ts

@@ -7,7 +7,7 @@ export declare type SplitButtonSlots = {
     /**
      * Root of the component that wraps the primary action button and menu button.
      */
-    root: Slot<'div'>;
+    root: NonNullable<Slot<'div'>>;
     /**
      * Button that opens menu with secondary actions in SplitButton.
      */

package/lib/components/SplitButton/SplitButton.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.types.js","sourceRoot":"../src/","sources":["components/SplitButton/SplitButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonState } from '../Button/Button.types';\nimport type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';\n\nexport type SplitButtonSlots = {\n  /**\n   * Root of the component that wraps the primary action button and menu button.\n   */\n  root: Slot<'div'>;\n\n  /**\n   * Button that opens menu with secondary actions in SplitButton.\n   */\n  menuButton?: Slot<typeof MenuButton>;\n  /**\n   * Button to perform primary action in SplitButton.\n   */\n  primaryActionButton?: Slot<typeof Button>;\n};\n\nexport type SplitButtonProps = ComponentProps<SplitButtonSlots> &\n  Omit<ButtonProps, 'root'> &\n  Omit<MenuButtonProps, 'root'>;\n\nexport type SplitButtonState = ComponentState<SplitButtonSlots> &\n  Omit<ButtonState, 'components' | 'iconOnly' | 'root'> &\n  Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;\n"]}
+{"version":3,"file":"SplitButton.types.js","sourceRoot":"../src/","sources":["components/SplitButton/SplitButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonState } from '../Button/Button.types';\nimport type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';\n\nexport type SplitButtonSlots = {\n  /**\n   * Root of the component that wraps the primary action button and menu button.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Button that opens menu with secondary actions in SplitButton.\n   */\n  menuButton?: Slot<typeof MenuButton>;\n  /**\n   * Button to perform primary action in SplitButton.\n   */\n  primaryActionButton?: Slot<typeof Button>;\n};\n\nexport type SplitButtonProps = ComponentProps<SplitButtonSlots> &\n  Omit<ButtonProps, 'root'> &\n  Omit<MenuButtonProps, 'root'>;\n\nexport type SplitButtonState = ComponentState<SplitButtonSlots> &\n  Omit<ButtonState, 'components' | 'iconOnly' | 'root'> &\n  Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;\n"]}

package/lib-commonjs/components/Button/Button.types.d.ts

@@ -4,7 +4,7 @@ export declare type ButtonSlots = {
     /**
      * Root of the component that renders as either a `<button>` tag or an `<a>` tag.
      */
-    root: Slot<ARIAButtonSlotProps>;
+    root: NonNullable<Slot<ARIAButtonSlotProps>>;
     /**
      * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
      */

package/lib-commonjs/components/SplitButton/SplitButton.types.d.ts

@@ -7,7 +7,7 @@ export declare type SplitButtonSlots = {
     /**
      * Root of the component that wraps the primary action button and menu button.
      */
-    root: Slot<'div'>;
+    root: NonNullable<Slot<'div'>>;
     /**
      * Button that opens menu with secondary actions in SplitButton.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-button",
-  "version": "0.0.0-nightly-20220317-0422.1",
+  "version": "0.0.0-nightly-20220318-0416.1",
   "description": "Fluent UI React Button component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -29,16 +29,16 @@
     "@fluentui/a11y-testing": "^0.1.0",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220317-0422.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220318-0416.1",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "0.0.0-nightly-20220317-0422.1",
-    "@fluentui/react-aria": "0.0.0-nightly-20220317-0422.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20220318-0416.1",
+    "@fluentui/react-aria": "0.0.0-nightly-20220318-0416.1",
     "@fluentui/react-icons": "^2.0.159-beta.10",
-    "@fluentui/react-tabster": "0.0.0-nightly-20220317-0422.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20220317-0422.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20220317-0422.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20220318-0416.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20220318-0416.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220318-0416.1",
     "@griffel/react": "1.0.0",
     "tslib": "^2.1.0"
   },