@fluentui/react-divider 0.0.0-nightly-20230529-0417.1 → 0.0.0-nightly-20230530-0415.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-divider",
   "entries": [
     {
-      "date": "Mon, 29 May 2023 04:22:23 GMT",
-      "tag": "@fluentui/react-divider_v0.0.0-nightly-20230529-0417.1",
-      "version": "0.0.0-nightly-20230529-0417.1",
+      "date": "Tue, 30 May 2023 04:21:10 GMT",
+      "tag": "@fluentui/react-divider_v0.0.0-nightly-20230530-0415.1",
+      "version": "0.0.0-nightly-20230530-0415.1",
       "comments": {
         "prerelease": [
           {
@@ -16,32 +16,32 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-divider",
-            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-divider",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-divider",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-divider",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-divider",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230529-0417.1",
-            "commit": "7df11de7bd463f5d170ca4e80e14d2352a752b3b"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230530-0415.1",
+            "commit": "808fbe4052231d4cccf478348a770df18232f4f9"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,22 +1,22 @@
 # Change Log - @fluentui/react-divider
 
-This log was last generated on Mon, 29 May 2023 04:22:23 GMT and should not be manually modified.
+This log was last generated on Tue, 30 May 2023 04:21:10 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230529-0417.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly-20230529-0417.1)
+## [0.0.0-nightly-20230530-0415.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly-20230530-0415.1)
 
-Mon, 29 May 2023 04:22:23 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.14..@fluentui/react-divider_v0.0.0-nightly-20230529-0417.1)
+Tue, 30 May 2023 04:21:10 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.14..@fluentui/react-divider_v0.0.0-nightly-20230530-0415.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230529-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/7df11de7bd463f5d170ca4e80e14d2352a752b3b) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230530-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/808fbe4052231d4cccf478348a770df18232f4f9) by beachball)
 
 ## [9.2.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.14)
 

package/lib/Divider.js

@@ -1,2 +1,3 @@
 export * from './components/Divider/index';
+
 //# sourceMappingURL=Divider.js.map

package/lib/Divider.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/Divider.ts"],"sourcesContent":["export * from './components/Divider/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["../src/Divider.ts"],"sourcesContent":["export * from './components/Divider/index';\n"],"names":[],"mappings":"AAAA,cAAc,6BAA6B"}

package/lib/components/Divider/Divider.js

@@ -5,12 +5,12 @@ import { useDividerStyles_unstable } from './useDividerStyles.styles';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * A divider visually segments content into groups.
- */
-export const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useDivider_unstable(props, ref);
-  useDividerStyles_unstable(state);
-  useCustomStyleHook_unstable('useDividerStyles_unstable')(state);
-  return renderDivider_unstable(state);
+ */ export const Divider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useDivider_unstable(props, ref);
+    useDividerStyles_unstable(state);
+    useCustomStyleHook_unstable('useDividerStyles_unstable')(state);
+    return renderDivider_unstable(state);
 });
 Divider.displayName = 'Divider';
+
 //# sourceMappingURL=Divider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","renderDivider_unstable","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","Divider","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider: ForwardRefComponent<DividerProps> = React.forwardRef((props, ref) => {\n  const state = useDivider_unstable(props, ref);\n\n  useDividerStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n\n  return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,sBAAsB,QAAQ;AACvC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,yBAAyB,QAAQ;AAG1C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,OAAA,gBAA6CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACzF,MAAMC,KAAA,GAAQP,mBAAA,CAAoBK,KAAA,EAAOC,GAAA;EAEzCL,yBAAA,CAA0BM,KAAA;EAE1BL,2BAAA,CAA4B,6BAA6BK,KAAA;EAEzD,OAAOR,sBAAA,CAAuBQ,KAAA;AAChC;AAEAJ,OAAA,CAAQK,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider: ForwardRefComponent<DividerProps> = React.forwardRef((props, ref) => {\n  const state = useDivider_unstable(props, ref);\n\n  useDividerStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n\n  return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"],"names":["React","renderDivider_unstable","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","Divider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,yBAAyB,QAAQ,4BAA4B;AAGtE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,wBAA6CL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzF,MAAMC,QAAQP,oBAAoBK,OAAOC;IAEzCL,0BAA0BM;IAE1BL,4BAA4B,6BAA6BK;IAEzD,OAAOR,uBAAuBQ;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}

package/lib/components/Divider/Divider.types.js

@@ -1,2 +1,3 @@
-export {};
+export { };
+
 //# sourceMappingURL=Divider.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Divider/Divider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DividerSlots = {\n  /**\n   * Root of the component that renders as a `<div>` tag.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Accessibility wrapper for content when presented.\n   */\n  wrapper: NonNullable<Slot<'div'>>;\n};\n\nexport type DividerProps = ComponentProps<Partial<DividerSlots>> & {\n  /**\n   * Determines the alignment of the content within the divider.\n   *\n   * @default 'center'\n   */\n  alignContent?: 'start' | 'center' | 'end';\n\n  /**\n   * A divider can have one of the preset appearances.\n   * When not specified, the divider has its default appearance.\n   *\n   * @default 'default'\n   */\n  appearance?: 'brand' | 'default' | 'strong' | 'subtle';\n\n  /**\n   * Adds padding to the beginning and end of the divider.\n   *\n   * @default false\n   */\n  inset?: boolean;\n\n  /**\n   * A divider can be horizontal (default) or vertical.\n   *\n   * @default false\n   */\n  vertical?: boolean;\n};\n\nexport type DividerState = ComponentState<DividerSlots> &\n  Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;\n"],"mappings":"AAAA"}
+{"version":3,"sources":["../../../src/components/Divider/Divider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DividerSlots = {\n  /**\n   * Root of the component that renders as a `<div>` tag.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Accessibility wrapper for content when presented.\n   */\n  wrapper: NonNullable<Slot<'div'>>;\n};\n\nexport type DividerProps = ComponentProps<Partial<DividerSlots>> & {\n  /**\n   * Determines the alignment of the content within the divider.\n   *\n   * @default 'center'\n   */\n  alignContent?: 'start' | 'center' | 'end';\n\n  /**\n   * A divider can have one of the preset appearances.\n   * When not specified, the divider has its default appearance.\n   *\n   * @default 'default'\n   */\n  appearance?: 'brand' | 'default' | 'strong' | 'subtle';\n\n  /**\n   * Adds padding to the beginning and end of the divider.\n   *\n   * @default false\n   */\n  inset?: boolean;\n\n  /**\n   * A divider can be horizontal (default) or vertical.\n   *\n   * @default false\n   */\n  vertical?: boolean;\n};\n\nexport type DividerState = ComponentState<DividerSlots> &\n  Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;\n"],"names":[],"mappings":"AAAA,WA8CqF"}

package/lib/components/Divider/index.js

@@ -3,4 +3,5 @@ export * from './Divider.types';
 export * from './renderDivider';
 export * from './useDivider';
 export * from './useDividerStyles.styles';
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Divider/index.ts"],"sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["../../../src/components/Divider/index.ts"],"sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,4BAA4B"}

package/lib/components/Divider/renderDivider.js

@@ -1,13 +1,10 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 /**
  * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
- */
-export const renderDivider_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/createElement(slots.wrapper, slotProps.wrapper, slotProps.root.children));
+ */ export const renderDivider_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/ createElement(slots.wrapper, slotProps.wrapper, slotProps.root.children));
 };
+
 //# sourceMappingURL=renderDivider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","renderDivider_unstable","state","slots","slotProps","root","children","undefined","wrapper"],"sources":["../../../src/components/Divider/renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerState) => {\n  const { slots, slotProps } = getSlotsNext<DividerSlots>(state);\n  return (\n    <slots.root {...slotProps.root}>\n      {slotProps.root.children !== undefined && (\n        <slots.wrapper {...slotProps.wrapper}>{slotProps.root.children}</slots.wrapper>\n      )}\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,sBAAA,GAA0BC,KAAA,IAAwB;EAC7D,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA2BE,KAAA;EACxD,oBACEH,aAbJ,CAaKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,EAC3BD,SAAA,CAAUC,IAAI,CAACC,QAAQ,KAAKC,SAAA,iBAC3BR,aAfR,CAeSI,KAAA,CAAMK,OAAO,EAAKJ,SAAA,CAAUI,OAAO,EAAGJ,SAAA,CAAUC,IAAI,CAACC,QAAQ;AAItE"}
+{"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerState) => {\n  const { slots, slotProps } = getSlotsNext<DividerSlots>(state);\n  return (\n    <slots.root {...slotProps.root}>\n      {slotProps.root.children !== undefined && (\n        <slots.wrapper {...slotProps.wrapper}>{slotProps.root.children}</slots.wrapper>\n      )}\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","renderDivider_unstable","state","slots","slotProps","root","children","undefined","wrapper"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC,QAAwB;IAC7D,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA2BE;IACxD,qBACE,AAbJ,cAaKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,EAC3BD,UAAUC,IAAI,CAACC,QAAQ,KAAKC,2BAC3B,AAfR,cAeSJ,MAAMK,OAAO,EAAKJ,UAAUI,OAAO,EAAGJ,UAAUC,IAAI,CAACC,QAAQ;AAItE,EAAE"}

package/lib/components/Divider/useDivider.js

@@ -4,41 +4,35 @@ import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-
  * Returns the props and state required to render the component
  * @param props - User-provided props to the Divider component.
  * @param ref - User-provided ref to be passed to the Divider component.
- */
-export const useDivider_unstable = (props, ref) => {
-  const {
-    alignContent = 'center',
-    appearance = 'default',
-    inset = false,
-    vertical = false,
-    wrapper
-  } = props;
-  const dividerId = useId('divider-');
-  return {
-    // Props passed at the top-level
-    alignContent,
-    appearance,
-    inset,
-    vertical,
-    // Slots definition
-    components: {
-      root: 'div',
-      wrapper: 'div'
-    },
-    root: getNativeElementProps('div', {
-      role: 'separator',
-      'aria-orientation': vertical ? 'vertical' : 'horizontal',
-      'aria-labelledby': props.children ? dividerId : undefined,
-      ...props,
-      ref
-    }),
-    wrapper: resolveShorthand(wrapper, {
-      required: true,
-      defaultProps: {
-        id: dividerId,
-        children: props.children
-      }
-    })
-  };
+ */ export const useDivider_unstable = (props, ref)=>{
+    const { alignContent ='center' , appearance ='default' , inset =false , vertical =false , wrapper  } = props;
+    const dividerId = useId('divider-');
+    return {
+        // Props passed at the top-level
+        alignContent,
+        appearance,
+        inset,
+        vertical,
+        // Slots definition
+        components: {
+            root: 'div',
+            wrapper: 'div'
+        },
+        root: getNativeElementProps('div', {
+            role: 'separator',
+            'aria-orientation': vertical ? 'vertical' : 'horizontal',
+            'aria-labelledby': props.children ? dividerId : undefined,
+            ...props,
+            ref
+        }),
+        wrapper: resolveShorthand(wrapper, {
+            required: true,
+            defaultProps: {
+                id: dividerId,
+                children: props.children
+            }
+        })
+    };
 };
+
 //# sourceMappingURL=useDivider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","resolveShorthand","useId","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","role","children","undefined","required","defaultProps","id"],"sources":["../../../src/components/Divider/useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n  const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n  const dividerId = useId('divider-');\n\n  return {\n    // Props passed at the top-level\n    alignContent,\n    appearance,\n    inset,\n    vertical,\n\n    // Slots definition\n    components: {\n      root: 'div',\n      wrapper: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      role: 'separator',\n      'aria-orientation': vertical ? 'vertical' : 'horizontal',\n      'aria-labelledby': props.children ? dividerId : undefined,\n      ...props,\n      ref,\n    }),\n    wrapper: resolveShorthand(wrapper, {\n      required: true,\n      defaultProps: {\n        id: dividerId,\n        children: props.children,\n      },\n    }),\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ;AAG/D;;;;;AAKA,OAAO,MAAMC,mBAAA,GAAsBA,CAACC,KAAA,EAAqBC,GAAA,KAA8C;EACrG,MAAM;IAAEC,YAAA,GAAe;IAAUC,UAAA,GAAa;IAAWC,KAAA,GAAQ,KAAK;IAAEC,QAAA,GAAW,KAAK;IAAEC;EAAO,CAAE,GAAGN,KAAA;EACtG,MAAMO,SAAA,GAAYT,KAAA,CAAM;EAExB,OAAO;IACL;IACAI,YAAA;IACAC,UAAA;IACAC,KAAA;IACAC,QAAA;IAEA;IACAG,UAAA,EAAY;MACVC,IAAA,EAAM;MACNH,OAAA,EAAS;IACX;IAEAG,IAAA,EAAMb,qBAAA,CAAsB,OAAO;MACjCc,IAAA,EAAM;MACN,oBAAoBL,QAAA,GAAW,aAAa,YAAY;MACxD,mBAAmBL,KAAA,CAAMW,QAAQ,GAAGJ,SAAA,GAAYK,SAAS;MACzD,GAAGZ,KAAK;MACRC;IACF;IACAK,OAAA,EAAST,gBAAA,CAAiBS,OAAA,EAAS;MACjCO,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZC,EAAA,EAAIR,SAAA;QACJI,QAAA,EAAUX,KAAA,CAAMW;MAClB;IACF;EACF;AACF"}
+{"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n  const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n  const dividerId = useId('divider-');\n\n  return {\n    // Props passed at the top-level\n    alignContent,\n    appearance,\n    inset,\n    vertical,\n\n    // Slots definition\n    components: {\n      root: 'div',\n      wrapper: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      role: 'separator',\n      'aria-orientation': vertical ? 'vertical' : 'horizontal',\n      'aria-labelledby': props.children ? dividerId : undefined,\n      ...props,\n      ref,\n    }),\n    wrapper: resolveShorthand(wrapper, {\n      required: true,\n      defaultProps: {\n        id: dividerId,\n        children: props.children,\n      },\n    }),\n  };\n};\n"],"names":["React","getNativeElementProps","resolveShorthand","useId","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","role","children","undefined","required","defaultProps","id"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AAG3F;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,OAAqBC,MAA8C;IACrG,MAAM,EAAEC,cAAe,SAAQ,EAAEC,YAAa,UAAS,EAAEC,OAAQ,KAAK,CAAA,EAAEC,UAAW,KAAK,CAAA,EAAEC,QAAO,EAAE,GAAGN;IACtG,MAAMO,YAAYT,MAAM;IAExB,OAAO;QACL,gCAAgC;QAChCI;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBG,YAAY;YACVC,MAAM;YACNH,SAAS;QACX;QAEAG,MAAMb,sBAAsB,OAAO;YACjCc,MAAM;YACN,oBAAoBL,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMW,QAAQ,GAAGJ,YAAYK,SAAS;YACzD,GAAGZ,KAAK;YACRC;QACF;QACAK,SAAST,iBAAiBS,SAAS;YACjCO,UAAU,IAAI;YACdC,cAAc;gBACZC,IAAIR;gBACJI,UAAUX,MAAMW,QAAQ;YAC1B;QACF;IACF;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","shorthands","__styles","tokens","dividerClassNames","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","base","Bt984gj","B7ck84d","mc9l5x","Beiy3e4","Bh6795r","qhf8xq","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","fsow6f","Bcvre1j","Br0sdwz","Bn78ew0","li1rpt","ap17g6","B771hl4","childless","susq4k","Bicfajf","jwcpgy","B4rk6o","start","Bsft5z2","center","Ftih45","end","brand","sj55zd","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","B0n5ga8","s924m2","B1q35kw","Gp14am","subtle","strong","d","useHorizontalStyles","a9b677","Bdkvgpv","B0qfbqy","pbipgd","Bm2nyyq","xrcqlc","i5u598","inset","uwmqm3","z189sj","Bxwl2t9","Iy66sp","useVerticalStyles","sshi5w","m598lv","B4f6apu","zkzzav","Barhvk9","Ihftqj","Bde111x","B6of3ja","jrapky","withChildren","Bbdr6tz","gn64ia","useDividerStyles_unstable","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","children","undefined"],"sources":["../../../src/components/Divider/useDividerStyles.styles.ts"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-Divider',\n  wrapper: 'fui-Divider__wrapper',\n};\n\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\n\nconst useBaseStyles = makeStyles({\n  // Base styles\n  base: {\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1,\n    position: 'relative',\n\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase200,\n    textAlign: 'center',\n\n    '::before': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n\n    '::after': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n  },\n\n  // Childless styles\n  childless: {\n    '::before': {\n      marginBottom: 0,\n      marginRight: 0,\n    },\n\n    '::after': {\n      marginLeft: 0,\n      marginTop: 0,\n    },\n  },\n\n  // Alignment variations\n  start: {\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  center: {\n    '::before': {\n      content: '\"\"',\n    },\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  end: {\n    '::before': {\n      content: '\"\"',\n    },\n  },\n\n  // Appearance variations\n  brand: {\n    color: tokens.colorBrandForeground1,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n  },\n  default: {\n    color: tokens.colorNeutralForeground2,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n  },\n  subtle: {\n    color: tokens.colorNeutralForeground2,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n  },\n  strong: {\n    color: tokens.colorNeutralForeground2,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n  },\n});\n\nconst useHorizontalStyles = makeStyles({\n  // Base styles\n  base: {\n    width: '100%',\n\n    '::before': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n\n    '::after': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    paddingLeft: insetSpacing,\n    paddingRight: insetSpacing,\n  },\n\n  // Alignment variations\n  start: {\n    '::before': {\n      content: '\"\"',\n      marginRight: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  center: {\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  end: {\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginLeft: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n  },\n});\n\nconst useVerticalStyles = makeStyles({\n  // Base styles\n  base: {\n    flexDirection: 'column',\n    minHeight: '20px',\n\n    '::before': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n\n    '::after': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    marginTop: insetSpacing,\n    marginBottom: insetSpacing,\n  },\n\n  // With children styles\n  withChildren: {\n    minHeight: '84px',\n  },\n\n  // Alignment variations\n  start: {\n    '::before': {\n      content: '\"\"',\n      marginBottom: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  center: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  end: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginTop: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n  },\n});\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  const baseStyles = useBaseStyles();\n  const horizontalStyles = useHorizontalStyles();\n  const verticalStyles = useVerticalStyles();\n\n  const { alignContent, appearance, inset, vertical } = state;\n\n  state.root.className = mergeClasses(\n    dividerClassNames.root,\n\n    // Base styles\n    baseStyles.base,\n    baseStyles[alignContent],\n    appearance && baseStyles[appearance],\n\n    // Horizontal styles\n    !vertical && horizontalStyles.base,\n    !vertical && inset && horizontalStyles.inset,\n    !vertical && horizontalStyles[alignContent],\n\n    // Vertical styles\n    vertical && verticalStyles.base,\n    vertical && inset && verticalStyles.inset,\n    vertical && verticalStyles[alignContent],\n    vertical && state.root.children !== undefined && verticalStyles.withChildren,\n\n    // Childless styles\n    state.root.children === undefined && baseStyles.childless,\n\n    // User provided class name\n    state.root.className,\n  );\n\n  if (state.wrapper) {\n    state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n  }\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,UAAU,EAAAC,QAAA,QAAoB;AACrD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,iBAAA,GAAkD;EAC7DC,IAAA,EAAM;EACNC,OAAA,EAAS;AACX;AAEA,MAAMC,cAAA,GAAiB;AACvB,MAAMC,YAAA,GAAe;AACrB,MAAMC,iBAAA,GAAoB;AAC1B,MAAMC,iBAAA,GAAoB;AAE1B,MAAMC,aAAA,gBAAgBT,QAAA;EAAAU,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAF,OAAA;EAAA;EAAAG,GAAA;IAAAD,MAAA;EAAA;EAAAE,KAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAR,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAT,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,MAAA;IAAAV,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,EA2GtB;AAEA,MAAMC,mBAAA,gBAAsBnD,QAAA;EAAAU,IAAA;IAAA0C,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAA5B,KAAA;IAAAG,MAAA;IAAAN,OAAA;IAAAgC,OAAA;IAAA/B,MAAA;EAAA;EAAAI,MAAA;IAAAL,OAAA;IAAAC,MAAA;EAAA;EAAAM,GAAA;IAAAP,OAAA;IAAAI,OAAA;IAAAH,MAAA;IAAAgC,MAAA;EAAA;AAAA;EAAAb,CAAA;AAAA,EAsD5B;AAEA,MAAMc,iBAAA,gBAAoBhE,QAAA;EAAAU,IAAA;IAAAI,OAAA;IAAAmD,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAZ,KAAA;IAAAa,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAT,MAAA;EAAA;EAAAhC,KAAA;IAAAG,MAAA;IAAAP,MAAA;IAAA8C,OAAA;IAAA3C,MAAA;EAAA;EAAAG,MAAA;IAAAN,MAAA;IAAAG,MAAA;EAAA;EAAAK,GAAA;IAAAR,MAAA;IAAAK,OAAA;IAAAF,MAAA;IAAA4C,MAAA;EAAA;AAAA;EAAA1B,CAAA;AAAA,EA4D1B;AAEA,OAAO,MAAM2B,yBAAA,GAA6BC,KAAA,IAAsC;EAC9E,MAAMC,UAAA,GAAatE,aAAA;EACnB,MAAMuE,gBAAA,GAAmB7B,mBAAA;EACzB,MAAM8B,cAAA,GAAiBjB,iBAAA;EAEvB,MAAM;IAAEkB,YAAA;IAAcC,UAAA;IAAYxB,KAAA;IAAOyB;EAAQ,CAAE,GAAGN,KAAA;EAEtDA,KAAA,CAAM3E,IAAI,CAACkF,SAAS,GAAGvF,YAAA,CACrBI,iBAAA,CAAkBC,IAAI;EAEtB;EACA4E,UAAA,CAAWrE,IAAI,EACfqE,UAAU,CAACG,YAAA,CAAa,EACxBC,UAAA,IAAcJ,UAAU,CAACI,UAAA,CAAW;EAEpC;EACA,CAACC,QAAA,IAAYJ,gBAAA,CAAiBtE,IAAI,EAClC,CAAC0E,QAAA,IAAYzB,KAAA,IAASqB,gBAAA,CAAiBrB,KAAK,EAC5C,CAACyB,QAAA,IAAYJ,gBAAgB,CAACE,YAAA,CAAa;EAE3C;EACAE,QAAA,IAAYH,cAAA,CAAevE,IAAI,EAC/B0E,QAAA,IAAYzB,KAAA,IAASsB,cAAA,CAAetB,KAAK,EACzCyB,QAAA,IAAYH,cAAc,CAACC,YAAA,CAAa,EACxCE,QAAA,IAAYN,KAAA,CAAM3E,IAAI,CAACmF,QAAQ,KAAKC,SAAA,IAAaN,cAAA,CAAeP,YAAY;EAE5E;EACAI,KAAA,CAAM3E,IAAI,CAACmF,QAAQ,KAAKC,SAAA,IAAaR,UAAA,CAAWnD,SAAS;EAEzD;EACAkD,KAAA,CAAM3E,IAAI,CAACkF,SAAS;EAGtB,IAAIP,KAAA,CAAM1E,OAAO,EAAE;IACjB0E,KAAA,CAAM1E,OAAO,CAACiF,SAAS,GAAGvF,YAAA,CAAaI,iBAAA,CAAkBE,OAAO,EAAE0E,KAAA,CAAM1E,OAAO,CAACiF,SAAS;EAC3F;EAEA,OAAOP,KAAA;AACT"}
+{"version":3,"names":["mergeClasses","shorthands","__styles","tokens","dividerClassNames","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","base","Bt984gj","B7ck84d","mc9l5x","Beiy3e4","Bh6795r","qhf8xq","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","fsow6f","Bcvre1j","Br0sdwz","Bn78ew0","li1rpt","ap17g6","B771hl4","childless","susq4k","Bicfajf","jwcpgy","B4rk6o","start","Bsft5z2","center","Ftih45","end","brand","sj55zd","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","B0n5ga8","s924m2","B1q35kw","Gp14am","subtle","strong","d","useHorizontalStyles","a9b677","Bdkvgpv","B0qfbqy","pbipgd","Bm2nyyq","xrcqlc","i5u598","inset","uwmqm3","z189sj","Bxwl2t9","Iy66sp","useVerticalStyles","sshi5w","m598lv","B4f6apu","zkzzav","Barhvk9","Ihftqj","Bde111x","B6of3ja","jrapky","withChildren","Bbdr6tz","gn64ia","useDividerStyles_unstable","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","children","undefined"],"sources":["../../../src/components/Divider/useDividerStyles.styles.ts"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-Divider',\n  wrapper: 'fui-Divider__wrapper',\n};\n\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\n\nconst useBaseStyles = makeStyles({\n  // Base styles\n  base: {\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1,\n    position: 'relative',\n\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase200,\n    textAlign: 'center',\n\n    '::before': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n\n    '::after': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n  },\n\n  // Childless styles\n  childless: {\n    '::before': {\n      marginBottom: 0,\n      marginRight: 0,\n    },\n\n    '::after': {\n      marginLeft: 0,\n      marginTop: 0,\n    },\n  },\n\n  // Alignment variations\n  start: {\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  center: {\n    '::before': {\n      content: '\"\"',\n    },\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  end: {\n    '::before': {\n      content: '\"\"',\n    },\n  },\n\n  // Appearance variations\n  brand: {\n    color: tokens.colorBrandForeground1,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n  },\n  default: {\n    color: tokens.colorNeutralForeground2,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n  },\n  subtle: {\n    color: tokens.colorNeutralForeground2,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n  },\n  strong: {\n    color: tokens.colorNeutralForeground2,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n  },\n});\n\nconst useHorizontalStyles = makeStyles({\n  // Base styles\n  base: {\n    width: '100%',\n\n    '::before': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n\n    '::after': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    paddingLeft: insetSpacing,\n    paddingRight: insetSpacing,\n  },\n\n  // Alignment variations\n  start: {\n    '::before': {\n      content: '\"\"',\n      marginRight: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  center: {\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  end: {\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginLeft: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n  },\n});\n\nconst useVerticalStyles = makeStyles({\n  // Base styles\n  base: {\n    flexDirection: 'column',\n    minHeight: '20px',\n\n    '::before': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n\n    '::after': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    marginTop: insetSpacing,\n    marginBottom: insetSpacing,\n  },\n\n  // With children styles\n  withChildren: {\n    minHeight: '84px',\n  },\n\n  // Alignment variations\n  start: {\n    '::before': {\n      content: '\"\"',\n      marginBottom: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  center: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  end: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginTop: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n  },\n});\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  const baseStyles = useBaseStyles();\n  const horizontalStyles = useHorizontalStyles();\n  const verticalStyles = useVerticalStyles();\n\n  const { alignContent, appearance, inset, vertical } = state;\n\n  state.root.className = mergeClasses(\n    dividerClassNames.root,\n\n    // Base styles\n    baseStyles.base,\n    baseStyles[alignContent],\n    appearance && baseStyles[appearance],\n\n    // Horizontal styles\n    !vertical && horizontalStyles.base,\n    !vertical && inset && horizontalStyles.inset,\n    !vertical && horizontalStyles[alignContent],\n\n    // Vertical styles\n    vertical && verticalStyles.base,\n    vertical && inset && verticalStyles.inset,\n    vertical && verticalStyles[alignContent],\n    vertical && state.root.children !== undefined && verticalStyles.withChildren,\n\n    // Childless styles\n    state.root.children === undefined && baseStyles.childless,\n\n    // User provided class name\n    state.root.className,\n  );\n\n  if (state.wrapper) {\n    state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n  }\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/index.js

@@ -1,2 +1,3 @@
 export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable } from './Divider';
+
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n"],"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,YAAY"}

package/lib-commonjs/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/Divider.js"],"sourcesContent":["export * from './components/Divider/index';\n//# sourceMappingURL=Divider.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,mCAAmC"}
+{"version":3,"sources":["../lib/Divider.js"],"sourcesContent":["export * from './components/Divider/index';\n\n//# sourceMappingURL=Divider.js.map"],"names":[],"mappings":";;;;;oBAAc;CAEd,mCAAmC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Divider/Divider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDivider_unstable(props, ref);\n  useDividerStyles_unstable(state);\n  useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n  return renderDivider_unstable(state);\n});\nDivider.displayName = 'Divider';\n//# sourceMappingURL=Divider.js.map"],"names":["Divider","React","forwardRef","props","ref","state","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;+BACgB;4BACH;wCACM;qCACE;AAIrC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzCG,IAAAA,iDAAyB,EAACF;IAC1BG,IAAAA,gDAA2B,EAAC,6BAA6BH;IACzD,OAAOI,IAAAA,qCAAsB,EAACJ;AAChC;AACAL,QAAQU,WAAW,GAAG,WACtB,mCAAmC"}
+{"version":3,"sources":["../../../lib/components/Divider/Divider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A divider visually segments content into groups.\n */ export const Divider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDivider_unstable(props, ref);\n    useDividerStyles_unstable(state);\n    useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n    return renderDivider_unstable(state);\n});\nDivider.displayName = 'Divider';\n\n//# sourceMappingURL=Divider.js.map"],"names":["Divider","React","forwardRef","props","ref","state","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;+BACgB;4BACH;wCACM;qCACE;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACpE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzCG,IAAAA,iDAAyB,EAACF;IAC1BG,IAAAA,gDAA2B,EAAC,6BAA6BH;IACzD,OAAOI,IAAAA,qCAAsB,EAACJ;AAClC;AACAL,QAAQU,WAAW,GAAG,WAEtB,mCAAmC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Divider/Divider.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Divider.types.js.map"],"names":[],"mappings":";;;;CACA,yCAAyC"}
+{"version":3,"sources":["../../../lib/components/Divider/Divider.types.js"],"sourcesContent":["export { };\n\n//# sourceMappingURL=Divider.types.js.map"],"names":[],"mappings":";;;;CAEA,yCAAyC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Divider/index.js"],"sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/Divider/index.js"],"sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles.styles';\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CAEd,iCAAiC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Divider/renderDivider.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/createElement(slots.wrapper, slotProps.wrapper, slotProps.root.children));\n};\n//# sourceMappingURL=renderDivider.js.map"],"names":["renderDivider_unstable","state","slots","slotProps","getSlotsNext","createElement","root","children","undefined","wrapper"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,yBAAyBC,CAAAA,QAAS;IAC7C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEH,UAAUG,IAAI,CAACC,QAAQ,KAAKC,aAAa,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAEN,UAAUM,OAAO,EAAEN,UAAUG,IAAI,CAACC,QAAQ;AAC7L,GACA,yCAAyC"}
+{"version":3,"sources":["../../../lib/components/Divider/renderDivider.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */ export const renderDivider_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/ createElement(slots.wrapper, slotProps.wrapper, slotProps.root.children));\n};\n\n//# sourceMappingURL=renderDivider.js.map"],"names":["renderDivider_unstable","state","slots","slotProps","getSlotsNext","createElement","root","children","undefined","wrapper"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,yBAAyB,CAACC,QAAQ;IAC/C,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEH,UAAUG,IAAI,CAACC,QAAQ,KAAKC,aAAa,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAEN,UAAUM,OAAO,EAAEN,UAAUG,IAAI,CAACC,QAAQ;AACjM,GAEA,yCAAyC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Divider/useDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props, ref) => {\n  const {\n    alignContent = 'center',\n    appearance = 'default',\n    inset = false,\n    vertical = false,\n    wrapper\n  } = props;\n  const dividerId = useId('divider-');\n  return {\n    // Props passed at the top-level\n    alignContent,\n    appearance,\n    inset,\n    vertical,\n    // Slots definition\n    components: {\n      root: 'div',\n      wrapper: 'div'\n    },\n    root: getNativeElementProps('div', {\n      role: 'separator',\n      'aria-orientation': vertical ? 'vertical' : 'horizontal',\n      'aria-labelledby': props.children ? dividerId : undefined,\n      ...props,\n      ref\n    }),\n    wrapper: resolveShorthand(wrapper, {\n      required: true,\n      defaultProps: {\n        id: dividerId,\n        children: props.children\n      }\n    })\n  };\n};\n//# sourceMappingURL=useDivider.js.map"],"names":["useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","getNativeElementProps","role","children","undefined","resolveShorthand","required","defaultProps","id"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;gCACwC;AAMxD,MAAMA,sBAAsB,CAACC,OAAOC,MAAQ;IACjD,MAAM,EACJC,cAAe,SAAQ,EACvBC,YAAa,UAAS,EACtBC,OAAQ,KAAK,CAAA,EACbC,UAAW,KAAK,CAAA,EAChBC,QAAO,EACR,GAAGN;IACJ,MAAMO,YAAYC,IAAAA,qBAAK,EAAC;IACxB,OAAO;QACL,gCAAgC;QAChCN;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBI,YAAY;YACVC,MAAM;YACNJ,SAAS;QACX;QACAI,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCC,MAAM;YACN,oBAAoBP,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMa,QAAQ,GAAGN,YAAYO,SAAS;YACzD,GAAGd,KAAK;YACRC;QACF;QACAK,SAASS,IAAAA,gCAAgB,EAACT,SAAS;YACjCU,UAAU,IAAI;YACdC,cAAc;gBACZC,IAAIX;gBACJM,UAAUb,MAAMa,QAAQ;YAC1B;QACF;IACF;AACF,GACA,sCAAsC"}
+{"version":3,"sources":["../../../lib/components/Divider/useDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */ export const useDivider_unstable = (props, ref)=>{\n    const { alignContent ='center' , appearance ='default' , inset =false , vertical =false , wrapper  } = props;\n    const dividerId = useId('divider-');\n    return {\n        // Props passed at the top-level\n        alignContent,\n        appearance,\n        inset,\n        vertical,\n        // Slots definition\n        components: {\n            root: 'div',\n            wrapper: 'div'\n        },\n        root: getNativeElementProps('div', {\n            role: 'separator',\n            'aria-orientation': vertical ? 'vertical' : 'horizontal',\n            'aria-labelledby': props.children ? dividerId : undefined,\n            ...props,\n            ref\n        }),\n        wrapper: resolveShorthand(wrapper, {\n            required: true,\n            defaultProps: {\n                id: dividerId,\n                children: props.children\n            }\n        })\n    };\n};\n\n//# sourceMappingURL=useDivider.js.map"],"names":["useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","getNativeElementProps","role","children","undefined","resolveShorthand","required","defaultProps","id"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;gCACwC;AAKpD,MAAMA,sBAAsB,CAACC,OAAOC,MAAM;IACjD,MAAM,EAAEC,cAAc,SAAQ,EAAGC,YAAY,UAAS,EAAGC,OAAO,KAAK,CAAA,EAAGC,UAAU,KAAK,CAAA,EAAGC,QAAO,EAAG,GAAGN;IACvG,MAAMO,YAAYC,IAAAA,qBAAK,EAAC;IACxB,OAAO;QACH,gCAAgC;QAChCN;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBI,YAAY;YACRC,MAAM;YACNJ,SAAS;QACb;QACAI,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BC,MAAM;YACN,oBAAoBP,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMa,QAAQ,GAAGN,YAAYO,SAAS;YACzD,GAAGd,KAAK;YACRC;QACJ;QACAK,SAASS,IAAAA,gCAAgB,EAACT,SAAS;YAC/BU,UAAU,IAAI;YACdC,cAAc;gBACVC,IAAIX;gBACJM,UAAUb,MAAMa,QAAQ;YAC5B;QACJ;IACJ;AACJ,GAEA,sCAAsC"}

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable } from './Divider';\n//# sourceMappingURL=index.js.map"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;yBAAQ;CACnH,iCAAiC"}
+{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable } from './Divider';\n\n//# sourceMappingURL=index.js.map"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;yBAAQ;CAEnH,iCAAiC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-divider",
-  "version": "0.0.0-nightly-20230529-0417.1",
+  "version": "0.0.0-nightly-20230530-0415.1",
   "description": "Fluent UI component to visually separate content.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,16 +28,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230529-0417.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230530-0415.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@griffel/react": "^1.5.2",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230529-0417.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230529-0417.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230529-0417.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230529-0417.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230530-0415.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230530-0415.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230530-0415.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230530-0415.1",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {