@fluentui/react-divider 0.0.0-nightly0e0cf06c3420211029.1 → 0.0.0-nightlyf3ce1fbe1d20211110.1

package/CHANGELOG.json

@@ -2,58 +2,76 @@
   "name": "@fluentui/react-divider",
   "entries": [
     {
-      "date": "Fri, 29 Oct 2021 06:39:57 GMT",
-      "tag": "@fluentui/react-divider_v0.0.0-nightly0e0cf06c3420211029.1",
-      "version": "0.0.0-nightly0e0cf06c3420211029.1",
+      "date": "Wed, 10 Nov 2021 04:16:47 GMT",
+      "tag": "@fluentui/react-divider_v0.0.0-nightlyf3ce1fbe1d20211110.1",
+      "version": "0.0.0-nightlyf3ce1fbe1d20211110.1",
       "comments": {
         "prerelease": [
           {
             "author": "email not defined",
             "package": "@fluentui/react-divider",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a",
             "comment": "Release nightly v9"
           },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-divider",
+            "commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
+            "comment": "Updated beta and RC components to ES2019"
+          },
           {
             "author": "gcox@microsoft.com",
             "package": "@fluentui/react-divider",
             "commit": "d8c3066ef1fd265cc8d76882c1245e82b1097c4f",
             "comment": "Refactored divider stories for codesandbox"
           },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-divider",
+            "commit": "7eb7d2daebaa11dbdcd555b0b962407013a7ca80",
+            "comment": "export static classes for components"
+          },
           {
             "author": "Humberto.Morimoto@microsoft.com",
             "package": "@fluentui/react-divider",
             "commit": "0e0cf06c34f78d54db4468a602a17b0a5a30ac87",
             "comment": "Divider: Updating the component to the latest patterns."
           },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-divider",
+            "commit": "627ad67f1163946f1c539002bdcd63eda760c9c6",
+            "comment": "Divider: Updating Spec to reflect changes that have happened since it was first created."
+          },
           {
             "author": "beachball",
             "package": "@fluentui/react-divider",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-divider",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyf3ce1fbe1d20211110.1",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-divider",
-            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-divider",
-            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-divider",
-            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
+            "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
           }
         ],
         "none": [
@@ -62,6 +80,12 @@
             "package": "@fluentui/react-divider",
             "commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
             "comment": "update docs descriptions"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-divider",
+            "commit": "4398bf56796f354a3210f5babff1b04f612abcaa",
+            "comment": "chore(Divider): Remove unthemed white background in stories"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,24 +1,27 @@
 # Change Log - @fluentui/react-divider
 
-This log was last generated on Fri, 29 Oct 2021 06:39:57 GMT and should not be manually modified.
+This log was last generated on Wed, 10 Nov 2021 04:16:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly0e0cf06c3420211029.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly0e0cf06c3420211029.1)
+## [0.0.0-nightlyf3ce1fbe1d20211110.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightlyf3ce1fbe1d20211110.1)
 
-Fri, 29 Oct 2021 06:39:57 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-beta.2..@fluentui/react-divider_v0.0.0-nightly0e0cf06c3420211029.1)
+Wed, 10 Nov 2021 04:16:47 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-beta.2..@fluentui/react-divider_v0.0.0-nightlyf3ce1fbe1d20211110.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by email not defined)
+- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
 - Refactored divider stories for codesandbox ([PR #20393](https://github.com/microsoft/fluentui/pull/20393) by gcox@microsoft.com)
+- export static classes for components ([PR #20454](https://github.com/microsoft/fluentui/pull/20454) by olfedias@microsoft.com)
 - Divider: Updating the component to the latest patterns. ([PR #20273](https://github.com/microsoft/fluentui/pull/20273) by Humberto.Morimoto@microsoft.com)
-- Bump @fluentui/react-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
+- Divider: Updating Spec to reflect changes that have happened since it was first created. ([PR #20441](https://github.com/microsoft/fluentui/pull/20441) by Humberto.Morimoto@microsoft.com)
+- Bump @fluentui/react-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
+- Bump @fluentui/babel-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
 
 ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-beta.2)
 

package/Spec.md

@@ -2,8 +2,7 @@
 
 ## Background
 
-The divider control is intended to replace the Separator control currently exported. Its purpose is to visually separate content.
-The purpose of redoing the component is to add minor structural updates and new engineering practices and update the naming conventions in the API to match naming conventions indicated by OpenUI research.
+A `Divider` is used to visually segment content into groups.
 
 ## Prior Art
 
@@ -30,7 +29,7 @@ The purpose of redoing the component is to add minor structural updates and new
 
 Basic Examples:
 
-```html
+```tsx
 <Divider />
 <Divider vertical />
 <Divider>This is a divider with content</Divider>
@@ -38,144 +37,33 @@ Basic Examples:
 
 ## Variants
 
-The divider will have two main variants, rendering horizontally or vertically. The control is the same with the optional property `vertical` defining how it renders.
-
-Standard default horizontal
-
-```html
-<Divider />
-```
-
-Vertical
-
-```html
-<Divider vertical />
-```
-
-Color
+### Layout
 
-```html
-<Divider color="black" />
-```
+The `Divider` component has two layout variants:
 
-Content
+- The default `Divider` is separates contents by rendering a horizontal line.
+- A `Divider` with the `vertical` prop set to true separates contents by rendering a vertical line.
 
-```html
-<Divider>My Content</Divider>
-```
+### Inset
 
-Icon
+A `Divider` with the `inset` prop adds padding to the beginning and end of the component.
 
-```html
-<Divider><Icon /></Divider>
-```
+### Appearance
 
-Inset
+The `Divider` component has four appearance variants:
 
-```html
-<Divider inset />
-```
-
-Appearance
-
-```html
-<Divider apperance="subtle" />
-<Divider apperance="brand" />
-<Divider apperance="strong" />
-```
+- The default `Divider` is styled with the neutral foreground color from the theme.
+- appearance="brand": The `Divider` is styled with the brand color from the theme.
+- appearance="strong": The `Divider` is styled with a strong color that emphasizes the visual separation.
+- appearance="subtle": The `Divider` is styled with a subtle color to de-emphasize the visual separation.
 
 ## API
 
 From [Divider.types.tsx](https://github.com/microsoft/fluentui/blob/master/packages/react-divider/src/components/Divider/Divider.types.ts)
 
-### Slots
-
-- root
-
-### Props
-
-```ts
-export type DividerProps = ComponentProps &
-  React.HTMLAttributes<HTMLElement> & {
-    /**
-     * Determines the alignment of the content within the divider.
-     * @defaultvalue 'center'
-     */
-    alignContent?: 'start' | 'end' | 'center';
-
-    /**
-     * Predefined visual styles
-     * @defaultvalue 'default'
-     */
-    appearance?: 'default' | 'subtle' | 'brand' | 'strong';
-
-    /**
-     * A divider can have a overriding border color
-     */
-    color?: string;
-
-    /**
-     * A divider can be classified as important to emphasize its content
-     */
-    important?: boolean;
-
-    /**
-     * Adds a 12px padding to the begining and end of the divider
-     */
-    inset?: boolean;
-
-    /**
-     * A divider can be horizontal (default) or vertical
-     */
-    vertical?: boolean;
-
-    /**
-     * Overrides for border visuals
-     */
-    borderStyle?: string;
-    borderSize?: string | number;
-
-    /**
-     * Accessibility wrapper for content when presented.
-     * A shorthand prop can be a literal, object, or
-     * JSX. The `children` prop of the object can be a render function,
-     * taking in the original slot component and props.
-     */
-    wrapper?: ShorthandProps<React.HTMLAttributes<HTMLDivElement>>;
-  };
-```
-
-## Styling Tokens
-
-The current exposed tokens and default values are listed below:
-
-**Default**
-
-Font Color : tokens.alias.color.neutral.neutralForeground2
-
-Border Color: tokens.alias.color.neutral.neutralStroke2
-
-**Subtle**
-
-Font Color : tokens.alias.color.neutral.neutralForeground2
-
-Border Color: tokens.alias.color.neutral.neutralStroke3
+## HTML Structure
 
-**Brand**
-
-Font Color : tokens.alias.color.brand.brandBackgroundStatic
-
-Border Color: tokens.alias.color.brand.brandBackgroundStatic
-
-**Brand**
-
-Font Color : tokens.alias.color.neutral.neutralForeground2
-
-Border Color: tokens.alias.color.neutral.neutralStroke1
-
-## Structure
-
-```
+```html
 <div>
   <!-- ::before to handle the divider line independent of the divider having content or not -->
   <div>Content</div>
@@ -190,11 +78,13 @@ Border Color: tokens.alias.color.neutral.neutralStroke1
 ## Behaviors
 
 This component has no state.
-This control will have no interactions.
-This control will have no effect on screen readers.
 
-Content, if provided, will self determine it's behaviors.
+This component has no mouse, touch or keyboard interactions.
+
+Content, if provided, will self-determine its behaviors.
 
 ## Accessibility
 
-Since the divider is not a focusable element itself, this control doesn't require any accessibility roles or special behavior applied to it. The descendant content when wrapped from the divider must handle any required accessibility behaviors itself when appropriate.
+- The `Divider` component should be assigned a `role="separator"` by default.
+- The `Divider` component should be named by its content.
+- The `Divider` component should have no other accessibility concerns otherwise. The descendant content in the divider must handle any required accessibility behaviors itself when appropriate.

package/dist/react-divider.d.ts

@@ -9,6 +9,8 @@ import * as React_2 from 'react';
  */
 export declare const Divider: ForwardRefComponent<DividerProps>;
 
+export declare const dividerClassName = "fui-Divider";
+
 export declare type DividerCommons = {
     /**
      * Determines the alignment of the content within the divider.
@@ -21,12 +23,12 @@ export declare type DividerCommons = {
      */
     appearance?: 'brand' | 'strong' | 'subtle';
     /**
-     * Adds padding to the beginning and end of the divider
+     * Adds padding to the beginning and end of the divider.
      * @default false
      */
     inset: boolean;
     /**
-     * A divider can be horizontal (default) or vertical
+     * A divider can be horizontal (default) or vertical.
      * @default false
      */
     vertical: boolean;
@@ -41,9 +43,6 @@ export declare type DividerSlots = {
     root: IntrinsicShorthandProps<'div'>;
     /**
      * Accessibility wrapper for content when presented.
-     * A shorthand prop can be a literal, object, or
-     * JSX. The `children` prop of the object can be a render function,
-     * taking in the original slot component and props.
      */
     wrapper: IntrinsicShorthandProps<'div'>;
 };

package/lib/common/isConformant.js

@@ -1,7 +1,7 @@
 import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
 import makeStylesTests from '@fluentui/react-conformance-make-styles';
 export function isConformant(testInfo) {
-  var defaultOptions = {
+  const defaultOptions = {
     asPropHandlesRef: true,
     componentPath: module.parent.filename.replace('.test', ''),
     extraTests: makeStylesTests

package/lib/common/isConformant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAkF,6BAAlF;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE;AAH+C,GAA7D;AAMA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
+{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAkF,6BAAlF;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE;AAH+C,GAA7D;AAMA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}

package/lib/components/Divider/Divider.js

@@ -6,8 +6,8 @@ import { useDividerStyles } from './useDividerStyles';
  * A divider visually segments content into groups.
  */
 
-export var Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useDivider(props, ref);
+export const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useDivider(props, ref);
   useDividerStyles(state);
   return renderDivider(state);
 });

package/lib/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAIA;;AAEG;;AACH,OAAO,IAAM,OAAO,gBAAsC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpF,MAAM,KAAK,GAAG,UAAU,CAAC,KAAD,EAAQ,GAAR,CAAxB;AAEA,EAAA,gBAAgB,CAAC,KAAD,CAAhB;AAEA,SAAO,aAAa,CAAC,KAAD,CAApB;AACD,CANyD,CAAnD;AAQP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAIA;;AAEG;;AACH,OAAO,MAAM,OAAO,gBAAsC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,UAAU,CAAC,KAAD,EAAQ,GAAR,CAAxB;AAEA,EAAA,gBAAgB,CAAC,KAAD,CAAhB;AAEA,SAAO,aAAa,CAAC,KAAD,CAApB;AACD,CANyD,CAAnD;AAQP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourceRoot":""}

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

@@ -6,9 +6,6 @@ export declare type DividerSlots = {
     root: IntrinsicShorthandProps<'div'>;
     /**
      * Accessibility wrapper for content when presented.
-     * A shorthand prop can be a literal, object, or
-     * JSX. The `children` prop of the object can be a render function,
-     * taking in the original slot component and props.
      */
     wrapper: IntrinsicShorthandProps<'div'>;
 };
@@ -24,12 +21,12 @@ export declare type DividerCommons = {
      */
     appearance?: 'brand' | 'strong' | 'subtle';
     /**
-     * Adds padding to the beginning and end of the divider
+     * Adds padding to the beginning and end of the divider.
      * @default false
      */
     inset: boolean;
     /**
-     * A divider can be horizontal (default) or vertical
+     * A divider can be horizontal (default) or vertical.
      * @default false
      */
     vertical: boolean;

package/lib/components/Divider/renderDivider.js

@@ -1,15 +1,14 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { getSlots } from '@fluentui/react-utilities';
 /**
  * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
  */
 
-export var renderDivider = function (state) {
-  var _a = getSlots(state, ['root', 'wrapper']),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), slotProps.root.children !== undefined && /*#__PURE__*/React.createElement(slots.wrapper, __assign({}, slotProps.wrapper), slotProps.root.children));
+export const renderDivider = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state, ['root', 'wrapper']);
+  return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children !== undefined && /*#__PURE__*/React.createElement(slots.wrapper, Object.assign({}, slotProps.wrapper), slotProps.root.children));
 };
 //# sourceMappingURL=renderDivider.js.map

package/lib/components/Divider/renderDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AACzC,MAAA,EAAA,GAAuB,QAAQ,CAAe,KAAf,EAAsB,CAAC,MAAD,EAAS,SAAT,CAAtB,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QAAf,KAA4B,SAA5B,iBACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EAAuC,SAAS,CAAC,IAAV,CAAe,QAAtD,CAFJ,CADF;AAOD,CATM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAI,KAAD,IAAwB;AACnD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAe,KAAf,EAAsB,CAAC,MAAD,EAAS,SAAT,CAAtB,CAArC;AACA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QAAf,KAA4B,SAA5B,iBACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EAAuC,SAAS,CAAC,IAAV,CAAe,QAAtD,CAFJ,CADF;AAOD,CATM","sourceRoot":""}

package/lib/components/Divider/useDivider.js

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';
 /**
  * Returns the props and state required to render the component
@@ -6,32 +5,31 @@ import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-
  * @param ref - User-provided ref to be passed to the Divider component.
  */
 
-export var useDivider = function (props, ref) {
-  var _a = props.alignContent,
-      alignContent = _a === void 0 ? 'center' : _a,
-      appearance = props.appearance,
-      _b = props.inset,
-      inset = _b === void 0 ? false : _b,
-      _c = props.vertical,
-      vertical = _c === void 0 ? false : _c,
-      wrapper = props.wrapper;
-  var dividerId = useId('divider-');
+export const useDivider = (props, ref) => {
+  const {
+    alignContent = 'center',
+    appearance,
+    inset = false,
+    vertical = false,
+    wrapper
+  } = props;
+  const dividerId = useId('divider-');
   return {
     // Props passed at the top-level
-    alignContent: alignContent,
-    appearance: appearance,
-    inset: inset,
-    vertical: vertical,
+    alignContent,
+    appearance,
+    inset,
+    vertical,
     // Slots definition
     components: {
       root: 'div',
       wrapper: 'div'
     },
-    root: getNativeElementProps('div', __assign(__assign({}, props), {
-      ref: ref,
+    root: getNativeElementProps('div', { ...props,
+      ref,
       role: 'separator',
       'aria-labelledby': props.children ? dividerId : undefined
-    })),
+    }),
     wrapper: resolveShorthand(wrapper, {
       required: true,
       defaultProps: {

package/lib/components/Divider/useDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,KAAlD,QAA+D,2BAA/D;AAGA;;;;AAIG;;AACH,OAAO,IAAM,UAAU,GAAG,UAAC,KAAD,EAAsB,GAAtB,EAAiD;AACjE,MAAA,EAAA,GAAkF,KAAK,CAAhE,YAAvB;AAAA,MAAA,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAAvB;AAAA,MAAyB,UAAU,GAA+C,KAAK,CAApD,UAAnC;AAAA,MAAqC,EAAA,GAA6C,KAAK,CAArC,KAAlD;AAAA,MAAqC,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAlD;AAAA,MAAoD,EAAA,GAA8B,KAAK,CAAnB,QAApE;AAAA,MAAoD,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAApE;AAAA,MAAsE,OAAO,GAAK,KAAK,CAAV,OAA7E;AACR,MAAM,SAAS,GAAG,KAAK,CAAC,UAAD,CAAvB;AAEA,SAAO;AACL;AACA,IAAA,YAAY,EAAA,YAFP;AAGL,IAAA,UAAU,EAAA,UAHL;AAIL,IAAA,KAAK,EAAA,KAJA;AAKL,IAAA,QAAQ,EAAA,QALH;AAOL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,OAAO,EAAE;AAFC,KARP;AAaL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA,QAAA,CAAA,EAAA,EAC5B,KAD4B,CAAA,EACvB;AACR,MAAA,GAAG,EAAA,GADK;AAER,MAAA,IAAI,EAAE,WAFE;AAGR,yBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B;AAHxC,KADuB,CAAN,CAbtB;AAmBL,IAAA,OAAO,EAAE,gBAAgB,CAAC,OAAD,EAAU;AACjC,MAAA,QAAQ,EAAE,IADuB;AAEjC,MAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,SADQ;AAEZ,QAAA,QAAQ,EAAE,KAAK,CAAC;AAFJ;AAFmB,KAAV;AAnBpB,GAAP;AA2BD,CA/BM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,KAAlD,QAA+D,2BAA/D;AAGA;;;;AAIG;;AACH,OAAO,MAAM,UAAU,GAAG,CAAC,KAAD,EAAsB,GAAtB,KAAmE;AAC3F,QAAM;AAAE,IAAA,YAAY,GAAG,QAAjB;AAA2B,IAAA,UAA3B;AAAuC,IAAA,KAAK,GAAG,KAA/C;AAAsD,IAAA,QAAQ,GAAG,KAAjE;AAAwE,IAAA;AAAxE,MAAoF,KAA1F;AACA,QAAM,SAAS,GAAG,KAAK,CAAC,UAAD,CAAvB;AAEA,SAAO;AACL;AACA,IAAA,YAFK;AAGL,IAAA,UAHK;AAIL,IAAA,KAJK;AAKL,IAAA,QALK;AAOL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,OAAO,EAAE;AAFC,KARP;AAaL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ,EACjC,GAAG,KAD8B;AAEjC,MAAA,GAFiC;AAGjC,MAAA,IAAI,EAAE,WAH2B;AAIjC,yBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B;AAJf,KAAR,CAbtB;AAmBL,IAAA,OAAO,EAAE,gBAAgB,CAAC,OAAD,EAAU;AACjC,MAAA,QAAQ,EAAE,IADuB;AAEjC,MAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,SADQ;AAEZ,QAAA,QAAQ,EAAE,KAAK,CAAC;AAFJ;AAFmB,KAAV;AAnBpB,GAAP;AA2BD,CA/BM","sourceRoot":""}

package/lib/components/Divider/useDividerStyles.d.ts

@@ -1,2 +1,3 @@
 import { DividerState } from './Divider.types';
+export declare const dividerClassName = "fui-Divider";
 export declare const useDividerStyles: (state: DividerState) => DividerState;

package/lib/components/Divider/useDividerStyles.js

@@ -1,9 +1,10 @@
 import { mergeClasses, __styles } from '@fluentui/react-make-styles';
-var contentSpacing = '12px';
-var insetSpacing = '12px';
-var startEndMaxHeight = '8px';
+export const dividerClassName = 'fui-Divider';
+const contentSpacing = '12px';
+const insetSpacing = '12px';
+const startEndMaxHeight = '8px';
 
-var useBaseStyles = /*#__PURE__*/__styles({
+const useBaseStyles = /*#__PURE__*/__styles({
   "base": {
     "Bt984gj": "f122n59",
     "B7ck84d": "f1ewtqcl",
@@ -82,7 +83,7 @@ var useBaseStyles = /*#__PURE__*/__styles({
   "d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f10pi13n{position:relative;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f170vdtw:before{box-sizing:border-box;}", ".fkmkm9e:before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fbxxcv3:before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1vdjgj:before{border-top-color:var(--colorNeutralStroke2);}", ".fz0g6r7:before{border-right-color:var(--colorNeutralStroke2);}", ".f1h60vep:before{border-left-color:var(--colorNeutralStroke2);}", ".fn9f2qq:before{border-bottom-color:var(--colorNeutralStroke2);}", ".ffdc0f3:after{box-sizing:border-box;}", ".fsnc50s:after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fjrry2l:after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fii7hsz:after{border-top-color:var(--colorNeutralStroke2);}", ".fp9yzmz:after{border-right-color:var(--colorNeutralStroke2);}", ".f1n0fcl2:after{border-left-color:var(--colorNeutralStroke2);}", ".f13jg1wd:after{border-bottom-color:var(--colorNeutralStroke2);}", ".fc3uzr1:before{margin-bottom:0;}", ".fhlqc5k:before{margin-right:0;}", ".flnsm0g:before{margin-left:0;}", ".f1957mjw:after{margin-left:0;}", ".fxrad5j:after{margin-right:0;}", ".f1hmx8el:after{margin-top:0;}", ".fqc6z8f:after{content:\"\";}", ".fuzzvh5:before{content:\"\";}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".fob59v2:before{border-top-color:var(--colorBrandStroke1);}", ".f2pevzt:before{border-right-color:var(--colorBrandStroke1);}", ".fuyeql9:before{border-left-color:var(--colorBrandStroke1);}", ".f14lh9hz:before{border-bottom-color:var(--colorBrandStroke1);}", ".fd73d1p:after{border-top-color:var(--colorBrandStroke1);}", ".f11ucet6:after{border-right-color:var(--colorBrandStroke1);}", ".f1yegzx5:after{border-left-color:var(--colorBrandStroke1);}", ".f1tupb0d:after{border-bottom-color:var(--colorBrandStroke1);}", ".f8mhi1x:before{border-top-color:var(--colorNeutralStroke3);}", ".f18m2ouc:before{border-right-color:var(--colorNeutralStroke3);}", ".fddukvx:before{border-left-color:var(--colorNeutralStroke3);}", ".f9zmk3m:before{border-bottom-color:var(--colorNeutralStroke3);}", ".fxli1ey:after{border-top-color:var(--colorNeutralStroke3);}", ".f1qvt1bb:after{border-right-color:var(--colorNeutralStroke3);}", ".f5ob950:after{border-left-color:var(--colorNeutralStroke3);}", ".f1nn0kgk:after{border-bottom-color:var(--colorNeutralStroke3);}", ".fkxqtrn:before{border-top-color:var(--colorNeutralStroke1);}", ".f1yx8xct:before{border-right-color:var(--colorNeutralStroke1);}", ".f2jll41:before{border-left-color:var(--colorNeutralStroke1);}", ".f1k9rjtw:before{border-bottom-color:var(--colorNeutralStroke1);}", ".f1i58boq:after{border-top-color:var(--colorNeutralStroke1);}", ".f4wmtn9:after{border-right-color:var(--colorNeutralStroke1);}", ".f10n3jjp:after{border-left-color:var(--colorNeutralStroke1);}", ".ft17it6:after{border-bottom-color:var(--colorNeutralStroke1);}"]
 });
 
-var useHorizontalStyles = /*#__PURE__*/__styles({
+const useHorizontalStyles = /*#__PURE__*/__styles({
   "base": {
     "a9b677": "fly5x3f",
     "Bdixowu": "f1bwkb58",
@@ -114,7 +115,7 @@ var useHorizontalStyles = /*#__PURE__*/__styles({
   "d": [".fly5x3f{width:100%;}", ".f1bwkb58:before{border-top-style:solid;}", ".fn88edj:before{border-top-width:var(--strokeWidthThin);}", ".f1iq3fds:after{border-top-style:solid;}", ".f1oiuz89:after{border-top-width:var(--strokeWidthThin);}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".fuzzvh5:before{content:\"\";}", ".fncq426:before{margin-right:12px;}", ".f12b5w6c:before{margin-left:12px;}", ".f19fn84r:before{max-width:8px;}", ".f1io6r2y:after{margin-left:12px;}", ".fn6j208:after{margin-right:12px;}", ".fqc6z8f:after{content:\"\";}", ".f3tzpys:after{max-width:8px;}"]
 });
 
-var useVerticalStyles = /*#__PURE__*/__styles({
+const useVerticalStyles = /*#__PURE__*/__styles({
   "base": {
     "Beiy3e4": "f1vx9l62",
     "sshi5w": "f16gbxbe",
@@ -150,15 +151,17 @@ var useVerticalStyles = /*#__PURE__*/__styles({
   "d": [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f54lnp5:before{border-right-width:var(--strokeWidthThin);}", ".f5hao24:before{border-left-width:var(--strokeWidthThin);}", ".f1r2jemi:after{border-right-style:solid;}", ".f11olovk:after{border-left-style:solid;}", ".f1o2ol1z:after{border-right-width:var(--strokeWidthThin);}", ".f20720x:after{border-left-width:var(--strokeWidthThin);}", ".f1xdg43u{margin-top:12px;}", ".f1jlhsmd{margin-bottom:12px;}", ".f1tjaq3g{min-height:84px;}", ".fuzzvh5:before{content:\"\";}", ".f1xy8239:before{margin-bottom:12px;}", ".f1hheky8:before{max-height:8px;}", ".f1mz1b17:after{margin-top:12px;}", ".fqc6z8f:after{content:\"\";}", ".fp342oa:after{max-height:8px;}"]
 });
 
-export var useDividerStyles = function (state) {
-  var baseStyles = useBaseStyles();
-  var horizontalStyles = useHorizontalStyles();
-  var verticalStyles = useVerticalStyles();
-  var alignContent = state.alignContent,
-      appearance = state.appearance,
-      inset = state.inset,
-      vertical = state.vertical;
-  state.root.className = mergeClasses( // Base styles
+export const useDividerStyles = state => {
+  const baseStyles = useBaseStyles();
+  const horizontalStyles = useHorizontalStyles();
+  const verticalStyles = useVerticalStyles();
+  const {
+    alignContent,
+    appearance,
+    inset,
+    vertical
+  } = state;
+  state.root.className = mergeClasses(dividerClassName, // Base styles
   baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles
   !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles
   vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles

package/lib/components/Divider/useDividerStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AAGA,IAAM,cAAc,GAAG,MAAvB;AACA,IAAM,YAAY,GAAG,MAArB;AACA,IAAM,iBAAiB,GAAG,KAA1B;;AAEA,IAAM,aAAa,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AAmGA,IAAM,mBAAmB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAsDA,IAAM,iBAAiB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AA4DA,OAAO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAoB;AAClD,MAAM,UAAU,GAAG,aAAa,EAAhC;AACA,MAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,MAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEQ,MAAA,YAAY,GAAkC,KAAK,CAAvC,YAAZ;AAAA,MAAc,UAAU,GAAsB,KAAK,CAA3B,UAAxB;AAAA,MAA0B,KAAK,GAAe,KAAK,CAApB,KAA/B;AAAA,MAAiC,QAAQ,GAAK,KAAK,CAAV,QAAzC;AAER,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,EACjC;AACA,EAAA,UAAU,CAAC,IAFsB,EAGjC,UAAU,CAAC,YAAD,CAHuB,EAIjC,UAAU,IAAI,UAAU,CAAC,UAAD,CAJS,EAMjC;AACA,GAAC,QAAD,IAAa,gBAAgB,CAAC,IAPG,EAQjC,CAAC,QAAD,IAAa,KAAb,IAAsB,gBAAgB,CAAC,KARN,EASjC,CAAC,QAAD,IAAa,gBAAgB,CAAC,YAAD,CATI,EAWjC;AACA,EAAA,QAAQ,IAAI,cAAc,CAAC,IAZM,EAajC,QAAQ,IAAI,KAAZ,IAAqB,cAAc,CAAC,KAbH,EAcjC,QAAQ,IAAI,cAAc,CAAC,YAAD,CAdO,EAejC,QAAQ,IAAI,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAApC,IAAiD,cAAc,CAAC,YAf/B,EAiBjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAAxB,IAAqC,UAAU,CAAC,SAlBf,EAoBjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SArBsB,CAAnC;AAwBA,SAAO,KAAP;AACD,CAhCM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AAGA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP,MAAM,cAAc,GAAG,MAAvB;AACA,MAAM,YAAY,GAAG,MAArB;AACA,MAAM,iBAAiB,GAAG,KAA1B;;AAEA,MAAM,aAAa,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AAmGA,MAAM,mBAAmB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAsDA,MAAM,iBAAiB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AA4DA,OAAO,MAAM,gBAAgB,GAAI,KAAD,IAAsC;AACpE,QAAM,UAAU,GAAG,aAAa,EAAhC;AACA,QAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,QAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEA,QAAM;AAAE,IAAA,YAAF;AAAgB,IAAA,UAAhB;AAA4B,IAAA,KAA5B;AAAmC,IAAA;AAAnC,MAAgD,KAAtD;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,gBADiC,EAGjC;AACA,EAAA,UAAU,CAAC,IAJsB,EAKjC,UAAU,CAAC,YAAD,CALuB,EAMjC,UAAU,IAAI,UAAU,CAAC,UAAD,CANS,EAQjC;AACA,GAAC,QAAD,IAAa,gBAAgB,CAAC,IATG,EAUjC,CAAC,QAAD,IAAa,KAAb,IAAsB,gBAAgB,CAAC,KAVN,EAWjC,CAAC,QAAD,IAAa,gBAAgB,CAAC,YAAD,CAXI,EAajC;AACA,EAAA,QAAQ,IAAI,cAAc,CAAC,IAdM,EAejC,QAAQ,IAAI,KAAZ,IAAqB,cAAc,CAAC,KAfH,EAgBjC,QAAQ,IAAI,cAAc,CAAC,YAAD,CAhBO,EAiBjC,QAAQ,IAAI,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAApC,IAAiD,cAAc,CAAC,YAjB/B,EAmBjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAAxB,IAAqC,UAAU,CAAC,SApBf,EAsBjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAvBsB,CAAnC;AA0BA,SAAO,KAAP;AACD,CAlCM","sourceRoot":""}

package/lib-commonjs/Divider.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./components/Divider/index"), exports);
 //# sourceMappingURL=Divider.js.map

package/lib-commonjs/common/isConformant.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isConformant = void 0;
 
-var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
+const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
 
-var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
+const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
 
 function isConformant(testInfo) {
-  var defaultOptions = {
+  const defaultOptions = {
     asPropHandlesRef: true,
     componentPath: module.parent.filename.replace('.test', ''),
     extraTests: react_conformance_make_styles_1.default

package/lib-commonjs/common/isConformant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
+{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}

package/lib-commonjs/components/Divider/Divider.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Divider = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var renderDivider_1 = /*#__PURE__*/require("./renderDivider");
+const renderDivider_1 = /*#__PURE__*/require("./renderDivider");
 
-var useDivider_1 = /*#__PURE__*/require("./useDivider");
+const useDivider_1 = /*#__PURE__*/require("./useDivider");
 
-var useDividerStyles_1 = /*#__PURE__*/require("./useDividerStyles");
+const useDividerStyles_1 = /*#__PURE__*/require("./useDividerStyles");
 /**
  * A divider visually segments content into groups.
  */
 
 
-exports.Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useDivider_1.useDivider(props, ref);
+exports.Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useDivider_1.useDivider(props, ref);
   useDividerStyles_1.useDividerStyles(state);
   return renderDivider_1.renderDivider(state);
 });

package/lib-commonjs/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA6C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpF,MAAM,KAAK,GAAG,YAAA,CAAA,UAAA,CAAW,KAAX,EAAkB,GAAlB,CAAd;AAEA,EAAA,kBAAA,CAAA,gBAAA,CAAiB,KAAjB;AAEA,SAAO,eAAA,CAAA,aAAA,CAAc,KAAd,CAAP;AACD,CANyD,CAA7C;AAQb,OAAA,CAAA,OAAA,CAAQ,WAAR,GAAsB,SAAtB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,YAAA,CAAA,UAAA,CAAW,KAAX,EAAkB,GAAlB,CAAd;AAEA,EAAA,kBAAA,CAAA,gBAAA,CAAiB,KAAjB;AAEA,SAAO,eAAA,CAAA,aAAA,CAAc,KAAd,CAAP;AACD,CANyD,CAA7C;AAQb,OAAA,CAAA,OAAA,CAAQ,WAAR,GAAsB,SAAtB","sourceRoot":""}

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

@@ -6,9 +6,6 @@ export declare type DividerSlots = {
     root: IntrinsicShorthandProps<'div'>;
     /**
      * Accessibility wrapper for content when presented.
-     * A shorthand prop can be a literal, object, or
-     * JSX. The `children` prop of the object can be a render function,
-     * taking in the original slot component and props.
      */
     wrapper: IntrinsicShorthandProps<'div'>;
 };
@@ -24,12 +21,12 @@ export declare type DividerCommons = {
      */
     appearance?: 'brand' | 'strong' | 'subtle';
     /**
-     * Adds padding to the beginning and end of the divider
+     * Adds padding to the beginning and end of the divider.
      * @default false
      */
     inset: boolean;
     /**
-     * A divider can be horizontal (default) or vertical
+     * A divider can be horizontal (default) or vertical.
      * @default false
      */
     vertical: boolean;

package/lib-commonjs/components/Divider/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./Divider"), exports);
 

package/lib-commonjs/components/Divider/renderDivider.js

@@ -5,22 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderDivider = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
  */
 
 
-var renderDivider = function (state) {
-  var _a = react_utilities_1.getSlots(state, ['root', 'wrapper']),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), slotProps.root.children !== undefined && React.createElement(slots.wrapper, tslib_1.__assign({}, slotProps.wrapper), slotProps.root.children));
+const renderDivider = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state, ['root', 'wrapper']);
+  return React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children !== undefined && React.createElement(slots.wrapper, Object.assign({}, slotProps.wrapper), slotProps.root.children));
 };
 
 exports.renderDivider = renderDivider;

package/lib-commonjs/components/Divider/renderDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AACzC,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAuB,KAAvB,EAA8B,CAAC,MAAD,EAAS,SAAT,CAA9B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QAAf,KAA4B,SAA5B,IACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EAAuC,SAAS,CAAC,IAAV,CAAe,QAAtD,CAFJ,CADF;AAOD,CATM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,aAAa,GAAI,KAAD,IAAwB;AACnD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAuB,KAAvB,EAA8B,CAAC,MAAD,EAAS,SAAT,CAA9B,CAA7B;AACA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QAAf,KAA4B,SAA5B,IACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EAAuC,SAAS,CAAC,IAAV,CAAe,QAAtD,CAFJ,CADF;AAOD,CATM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}

package/lib-commonjs/components/Divider/useDivider.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDivider = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Returns the props and state required to render the component
  * @param props - User-provided props to the Divider component.
@@ -15,32 +13,31 @@ var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
  */
 
 
-var useDivider = function (props, ref) {
-  var _a = props.alignContent,
-      alignContent = _a === void 0 ? 'center' : _a,
-      appearance = props.appearance,
-      _b = props.inset,
-      inset = _b === void 0 ? false : _b,
-      _c = props.vertical,
-      vertical = _c === void 0 ? false : _c,
-      wrapper = props.wrapper;
-  var dividerId = react_utilities_1.useId('divider-');
+const useDivider = (props, ref) => {
+  const {
+    alignContent = 'center',
+    appearance,
+    inset = false,
+    vertical = false,
+    wrapper
+  } = props;
+  const dividerId = react_utilities_1.useId('divider-');
   return {
     // Props passed at the top-level
-    alignContent: alignContent,
-    appearance: appearance,
-    inset: inset,
-    vertical: vertical,
+    alignContent,
+    appearance,
+    inset,
+    vertical,
     // Slots definition
     components: {
       root: 'div',
       wrapper: 'div'
     },
-    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({}, props), {
-      ref: ref,
+    root: react_utilities_1.getNativeElementProps('div', { ...props,
+      ref,
       role: 'separator',
       'aria-labelledby': props.children ? dividerId : undefined
-    })),
+    }),
     wrapper: react_utilities_1.resolveShorthand(wrapper, {
       required: true,
       defaultProps: {

package/lib-commonjs/components/Divider/useDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;AAIG;;;AACI,IAAM,UAAU,GAAG,UAAC,KAAD,EAAsB,GAAtB,EAAiD;AACjE,MAAA,EAAA,GAAkF,KAAK,CAAhE,YAAvB;AAAA,MAAA,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAAvB;AAAA,MAAyB,UAAU,GAA+C,KAAK,CAApD,UAAnC;AAAA,MAAqC,EAAA,GAA6C,KAAK,CAArC,KAAlD;AAAA,MAAqC,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAlD;AAAA,MAAoD,EAAA,GAA8B,KAAK,CAAnB,QAApE;AAAA,MAAoD,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAApE;AAAA,MAAsE,OAAO,GAAK,KAAK,CAAV,OAA7E;AACR,MAAM,SAAS,GAAG,iBAAA,CAAA,KAAA,CAAM,UAAN,CAAlB;AAEA,SAAO;AACL;AACA,IAAA,YAAY,EAAA,YAFP;AAGL,IAAA,UAAU,EAAA,UAHL;AAIL,IAAA,KAAK,EAAA,KAJA;AAKL,IAAA,QAAQ,EAAA,QALH;AAOL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,OAAO,EAAE;AAFC,KARP;AAaL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAC5B,KAD4B,CAAA,EACvB;AACR,MAAA,GAAG,EAAA,GADK;AAER,MAAA,IAAI,EAAE,WAFE;AAGR,yBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B;AAHxC,KADuB,CAA3B,CAbD;AAmBL,IAAA,OAAO,EAAE,iBAAA,CAAA,gBAAA,CAAiB,OAAjB,EAA0B;AACjC,MAAA,QAAQ,EAAE,IADuB;AAEjC,MAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,SADQ;AAEZ,QAAA,QAAQ,EAAE,KAAK,CAAC;AAFJ;AAFmB,KAA1B;AAnBJ,GAAP;AA2BD,CA/BM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,UAAU,GAAG,CAAC,KAAD,EAAsB,GAAtB,KAAmE;AAC3F,QAAM;AAAE,IAAA,YAAY,GAAG,QAAjB;AAA2B,IAAA,UAA3B;AAAuC,IAAA,KAAK,GAAG,KAA/C;AAAsD,IAAA,QAAQ,GAAG,KAAjE;AAAwE,IAAA;AAAxE,MAAoF,KAA1F;AACA,QAAM,SAAS,GAAG,iBAAA,CAAA,KAAA,CAAM,UAAN,CAAlB;AAEA,SAAO;AACL;AACA,IAAA,YAFK;AAGL,IAAA,UAHK;AAIL,IAAA,KAJK;AAKL,IAAA,QALK;AAOL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,OAAO,EAAE;AAFC,KARP;AAaL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,EACjC,GAAG,KAD8B;AAEjC,MAAA,GAFiC;AAGjC,MAAA,IAAI,EAAE,WAH2B;AAIjC,yBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B;AAJf,KAA7B,CAbD;AAmBL,IAAA,OAAO,EAAE,iBAAA,CAAA,gBAAA,CAAiB,OAAjB,EAA0B;AACjC,MAAA,QAAQ,EAAE,IADuB;AAEjC,MAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,SADQ;AAEZ,QAAA,QAAQ,EAAE,KAAK,CAAC;AAFJ;AAFmB,KAA1B;AAnBJ,GAAP;AA2BD,CA/BM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}

package/lib-commonjs/components/Divider/useDividerStyles.d.ts

@@ -1,2 +1,3 @@
 import { DividerState } from './Divider.types';
+export declare const dividerClassName = "fui-Divider";
 export declare const useDividerStyles: (state: DividerState) => DividerState;

package/lib-commonjs/components/Divider/useDividerStyles.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useDividerStyles = void 0;
+exports.useDividerStyles = exports.dividerClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
 
-var contentSpacing = '12px';
-var insetSpacing = '12px';
-var startEndMaxHeight = '8px';
+exports.dividerClassName = 'fui-Divider';
+const contentSpacing = '12px';
+const insetSpacing = '12px';
+const startEndMaxHeight = '8px';
 
-var useBaseStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useBaseStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "base": {
     "Bt984gj": "f122n59",
     "B7ck84d": "f1ewtqcl",
@@ -90,7 +91,7 @@ var useBaseStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f10pi13n{position:relative;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f170vdtw:before{box-sizing:border-box;}", ".fkmkm9e:before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fbxxcv3:before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1vdjgj:before{border-top-color:var(--colorNeutralStroke2);}", ".fz0g6r7:before{border-right-color:var(--colorNeutralStroke2);}", ".f1h60vep:before{border-left-color:var(--colorNeutralStroke2);}", ".fn9f2qq:before{border-bottom-color:var(--colorNeutralStroke2);}", ".ffdc0f3:after{box-sizing:border-box;}", ".fsnc50s:after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fjrry2l:after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fii7hsz:after{border-top-color:var(--colorNeutralStroke2);}", ".fp9yzmz:after{border-right-color:var(--colorNeutralStroke2);}", ".f1n0fcl2:after{border-left-color:var(--colorNeutralStroke2);}", ".f13jg1wd:after{border-bottom-color:var(--colorNeutralStroke2);}", ".fc3uzr1:before{margin-bottom:0;}", ".fhlqc5k:before{margin-right:0;}", ".flnsm0g:before{margin-left:0;}", ".f1957mjw:after{margin-left:0;}", ".fxrad5j:after{margin-right:0;}", ".f1hmx8el:after{margin-top:0;}", ".fqc6z8f:after{content:\"\";}", ".fuzzvh5:before{content:\"\";}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".fob59v2:before{border-top-color:var(--colorBrandStroke1);}", ".f2pevzt:before{border-right-color:var(--colorBrandStroke1);}", ".fuyeql9:before{border-left-color:var(--colorBrandStroke1);}", ".f14lh9hz:before{border-bottom-color:var(--colorBrandStroke1);}", ".fd73d1p:after{border-top-color:var(--colorBrandStroke1);}", ".f11ucet6:after{border-right-color:var(--colorBrandStroke1);}", ".f1yegzx5:after{border-left-color:var(--colorBrandStroke1);}", ".f1tupb0d:after{border-bottom-color:var(--colorBrandStroke1);}", ".f8mhi1x:before{border-top-color:var(--colorNeutralStroke3);}", ".f18m2ouc:before{border-right-color:var(--colorNeutralStroke3);}", ".fddukvx:before{border-left-color:var(--colorNeutralStroke3);}", ".f9zmk3m:before{border-bottom-color:var(--colorNeutralStroke3);}", ".fxli1ey:after{border-top-color:var(--colorNeutralStroke3);}", ".f1qvt1bb:after{border-right-color:var(--colorNeutralStroke3);}", ".f5ob950:after{border-left-color:var(--colorNeutralStroke3);}", ".f1nn0kgk:after{border-bottom-color:var(--colorNeutralStroke3);}", ".fkxqtrn:before{border-top-color:var(--colorNeutralStroke1);}", ".f1yx8xct:before{border-right-color:var(--colorNeutralStroke1);}", ".f2jll41:before{border-left-color:var(--colorNeutralStroke1);}", ".f1k9rjtw:before{border-bottom-color:var(--colorNeutralStroke1);}", ".f1i58boq:after{border-top-color:var(--colorNeutralStroke1);}", ".f4wmtn9:after{border-right-color:var(--colorNeutralStroke1);}", ".f10n3jjp:after{border-left-color:var(--colorNeutralStroke1);}", ".ft17it6:after{border-bottom-color:var(--colorNeutralStroke1);}"]
 });
 
-var useHorizontalStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useHorizontalStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "base": {
     "a9b677": "fly5x3f",
     "Bdixowu": "f1bwkb58",
@@ -122,7 +123,7 @@ var useHorizontalStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "d": [".fly5x3f{width:100%;}", ".f1bwkb58:before{border-top-style:solid;}", ".fn88edj:before{border-top-width:var(--strokeWidthThin);}", ".f1iq3fds:after{border-top-style:solid;}", ".f1oiuz89:after{border-top-width:var(--strokeWidthThin);}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".fuzzvh5:before{content:\"\";}", ".fncq426:before{margin-right:12px;}", ".f12b5w6c:before{margin-left:12px;}", ".f19fn84r:before{max-width:8px;}", ".f1io6r2y:after{margin-left:12px;}", ".fn6j208:after{margin-right:12px;}", ".fqc6z8f:after{content:\"\";}", ".f3tzpys:after{max-width:8px;}"]
 });
 
-var useVerticalStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useVerticalStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "base": {
     "Beiy3e4": "f1vx9l62",
     "sshi5w": "f16gbxbe",
@@ -158,15 +159,17 @@ var useVerticalStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "d": [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f54lnp5:before{border-right-width:var(--strokeWidthThin);}", ".f5hao24:before{border-left-width:var(--strokeWidthThin);}", ".f1r2jemi:after{border-right-style:solid;}", ".f11olovk:after{border-left-style:solid;}", ".f1o2ol1z:after{border-right-width:var(--strokeWidthThin);}", ".f20720x:after{border-left-width:var(--strokeWidthThin);}", ".f1xdg43u{margin-top:12px;}", ".f1jlhsmd{margin-bottom:12px;}", ".f1tjaq3g{min-height:84px;}", ".fuzzvh5:before{content:\"\";}", ".f1xy8239:before{margin-bottom:12px;}", ".f1hheky8:before{max-height:8px;}", ".f1mz1b17:after{margin-top:12px;}", ".fqc6z8f:after{content:\"\";}", ".fp342oa:after{max-height:8px;}"]
 });
 
-var useDividerStyles = function (state) {
-  var baseStyles = useBaseStyles();
-  var horizontalStyles = useHorizontalStyles();
-  var verticalStyles = useVerticalStyles();
-  var alignContent = state.alignContent,
-      appearance = state.appearance,
-      inset = state.inset,
-      vertical = state.vertical;
-  state.root.className = react_make_styles_1.mergeClasses( // Base styles
+const useDividerStyles = state => {
+  const baseStyles = useBaseStyles();
+  const horizontalStyles = useHorizontalStyles();
+  const verticalStyles = useVerticalStyles();
+  const {
+    alignContent,
+    appearance,
+    inset,
+    vertical
+  } = state;
+  state.root.className = react_make_styles_1.mergeClasses(exports.dividerClassName, // Base styles
   baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles
   !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles
   vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles

package/lib-commonjs/components/Divider/useDividerStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,cAAc,GAAG,MAAvB;AACA,IAAM,YAAY,GAAG,MAArB;AACA,IAAM,iBAAiB,GAAG,KAA1B;;AAEA,IAAM,aAAa,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AAmGA,IAAM,mBAAmB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAsDA,IAAM,iBAAiB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AA4DO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAoB;AAClD,MAAM,UAAU,GAAG,aAAa,EAAhC;AACA,MAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,MAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEQ,MAAA,YAAY,GAAkC,KAAK,CAAvC,YAAZ;AAAA,MAAc,UAAU,GAAsB,KAAK,CAA3B,UAAxB;AAAA,MAA0B,KAAK,GAAe,KAAK,CAApB,KAA/B;AAAA,MAAiC,QAAQ,GAAK,KAAK,CAAV,QAAzC;AAER,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,EACrB;AACA,EAAA,UAAU,CAAC,IAFU,EAGrB,UAAU,CAAC,YAAD,CAHW,EAIrB,UAAU,IAAI,UAAU,CAAC,UAAD,CAJH,EAMrB;AACA,GAAC,QAAD,IAAa,gBAAgB,CAAC,IAPT,EAQrB,CAAC,QAAD,IAAa,KAAb,IAAsB,gBAAgB,CAAC,KARlB,EASrB,CAAC,QAAD,IAAa,gBAAgB,CAAC,YAAD,CATR,EAWrB;AACA,EAAA,QAAQ,IAAI,cAAc,CAAC,IAZN,EAarB,QAAQ,IAAI,KAAZ,IAAqB,cAAc,CAAC,KAbf,EAcrB,QAAQ,IAAI,cAAc,CAAC,YAAD,CAdL,EAerB,QAAQ,IAAI,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAApC,IAAiD,cAAc,CAAC,YAf3C,EAiBrB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAAxB,IAAqC,UAAU,CAAC,SAlB3B,EAoBrB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SArBU,CAAvB;AAwBA,SAAO,KAAP;AACD,CAhCM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb,MAAM,cAAc,GAAG,MAAvB;AACA,MAAM,YAAY,GAAG,MAArB;AACA,MAAM,iBAAiB,GAAG,KAA1B;;AAEA,MAAM,aAAa,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AAmGA,MAAM,mBAAmB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAsDA,MAAM,iBAAiB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AA4DO,MAAM,gBAAgB,GAAI,KAAD,IAAsC;AACpE,QAAM,UAAU,GAAG,aAAa,EAAhC;AACA,QAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,QAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEA,QAAM;AAAE,IAAA,YAAF;AAAgB,IAAA,UAAhB;AAA4B,IAAA,KAA5B;AAAmC,IAAA;AAAnC,MAAgD,KAAtD;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,gBADqB,EAGrB;AACA,EAAA,UAAU,CAAC,IAJU,EAKrB,UAAU,CAAC,YAAD,CALW,EAMrB,UAAU,IAAI,UAAU,CAAC,UAAD,CANH,EAQrB;AACA,GAAC,QAAD,IAAa,gBAAgB,CAAC,IATT,EAUrB,CAAC,QAAD,IAAa,KAAb,IAAsB,gBAAgB,CAAC,KAVlB,EAWrB,CAAC,QAAD,IAAa,gBAAgB,CAAC,YAAD,CAXR,EAarB;AACA,EAAA,QAAQ,IAAI,cAAc,CAAC,IAdN,EAerB,QAAQ,IAAI,KAAZ,IAAqB,cAAc,CAAC,KAff,EAgBrB,QAAQ,IAAI,cAAc,CAAC,YAAD,CAhBL,EAiBrB,QAAQ,IAAI,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAApC,IAAiD,cAAc,CAAC,YAjB3C,EAmBrB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAAxB,IAAqC,UAAU,CAAC,SApB3B,EAsBrB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAvBU,CAAvB;AA0BA,SAAO,KAAP;AACD,CAlCM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}

package/lib-commonjs/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./Divider"), exports);
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-divider",
-  "version": "0.0.0-nightly0e0cf06c3420211029.1",
+  "version": "0.0.0-nightlyf3ce1fbe1d20211110.1",
   "description": "Fluent UI component to visually separate content.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -25,11 +25,11 @@
     "storybook": "start-storybook"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "0.0.0-nightly0e0cf06c3420211029.1",
+    "@fluentui/babel-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "0.0.0-nightly0e0cf06c3420211029.1",
+    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "0.0.0-nightly0e0cf06c3420211029.1",
+    "@fluentui/react-conformance-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
@@ -43,8 +43,8 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-make-styles": "0.0.0-nightly0e0cf06c3420211029.1",
-    "@fluentui/react-utilities": "0.0.0-nightly0e0cf06c3420211029.1",
+    "@fluentui/react-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
+    "@fluentui/react-utilities": "0.0.0-nightlyf3ce1fbe1d20211110.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {