@fluentui/react-divider 9.2.4 → 9.2.5

package/lib-commonjs/index.js

@@ -1,38 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDivider_unstable = exports.useDividerStyles_unstable = exports.renderDivider_unstable = exports.dividerClassNames = exports.Divider = void 0;
-var Divider_1 = /*#__PURE__*/require("./Divider");
-Object.defineProperty(exports, "Divider", {
-  enumerable: true,
-  get: function () {
-    return Divider_1.Divider;
-  }
-});
-Object.defineProperty(exports, "dividerClassNames", {
-  enumerable: true,
-  get: function () {
-    return Divider_1.dividerClassNames;
-  }
+    value: true
 });
-Object.defineProperty(exports, "renderDivider_unstable", {
-  enumerable: true,
-  get: function () {
-    return Divider_1.renderDivider_unstable;
-  }
-});
-Object.defineProperty(exports, "useDividerStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return Divider_1.useDividerStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useDivider_unstable", {
-  enumerable: true,
-  get: function () {
-    return Divider_1.useDivider_unstable;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Divider: ()=>_divider.Divider,
+    dividerClassNames: ()=>_divider.dividerClassNames,
+    renderDivider_unstable: ()=>_divider.renderDivider_unstable,
+    useDividerStyles_unstable: ()=>_divider.useDividerStyles_unstable,
+    useDivider_unstable: ()=>_divider.useDivider_unstable
 });
+const _divider = require("./Divider");
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Divider_1","require","Object","defineProperty","exports","enumerable","get","Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"sources":["../src/packages/react-components/react-divider/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,IAAAA,SAAA,gBAAAC,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAO,OAAO;EAAA;AAAA;AACPL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAQ,iBAAiB;EAAA;AAAA;AACjBN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAS,sBAAsB;EAAA;AAAA;AACtBP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAU,yBAAyB;EAAA;AAAA;AACzBR,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAW,mBAAmB;EAAA;AAAA"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-divider",
-  "version": "9.2.4",
+  "version": "9.2.5",
   "description": "Fluent UI component to visually separate content.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,21 +22,21 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+    "generate-api": "just-scripts generate-api"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@griffel/react": "^1.5.2",
-    "@fluentui/react-shared-contexts": "^9.3.1",
-    "@fluentui/react-theme": "^9.1.6",
-    "@fluentui/react-utilities": "^9.7.1",
-    "tslib": "^2.1.0"
+    "@fluentui/react-shared-contexts": "^9.3.2",
+    "@fluentui/react-theme": "^9.1.7",
+    "@fluentui/react-utilities": "^9.7.2",
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
@@ -53,6 +53,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },

package/lib-amd/Divider.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/Divider/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=Divider.js.map

package/lib-amd/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-divider/src/Divider.ts"],"names":[],"mappings":";;;IAAA,uCAA2C","sourcesContent":["export * from './components/Divider/index';\n"]}

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

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./renderDivider", "./useDivider", "./useDividerStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, renderDivider_1, useDivider_1, useDividerStyles_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Divider = void 0;
-    /**
-     * A divider visually segments content into groups.
-     */
-    exports.Divider = React.forwardRef(function (props, ref) {
-        var state = useDivider_1.useDivider_unstable(props, ref);
-        useDividerStyles_1.useDividerStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useDividerStyles_unstable;
-        useCustomStyles(state);
-        return renderDivider_1.renderDivider_unstable(state);
-    });
-    exports.Divider.displayName = 'Divider';
-});
-//# sourceMappingURL=Divider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-divider/src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,OAAO,GAAsC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACpF,IAAM,KAAK,GAAG,gCAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE9C,4CAAyB,CAAC,KAAK,CAAC,CAAC;QAEzB,IAA2B,eAAe,GAAK,oDAA4B,EAAE,0BAAnC,CAAoC;QACtF,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,sCAAsB,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC","sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\nimport { useCustomStyleHooks_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  const { useDividerStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"]}

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

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Divider.types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-divider/src/components/Divider/Divider.types.ts"],"names":[],"mappings":"","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: Slot<'div'>;\n\n  /**\n   * Accessibility wrapper for content when presented.\n   */\n  wrapper: 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"]}

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

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./Divider", "./Divider.types", "./renderDivider", "./useDivider", "./useDividerStyles"], function (require, exports, tslib_1, Divider_1, Divider_types_1, renderDivider_1, useDivider_1, useDividerStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Divider_1, exports);
-    tslib_1.__exportStar(Divider_types_1, exports);
-    tslib_1.__exportStar(renderDivider_1, exports);
-    tslib_1.__exportStar(useDivider_1, exports);
-    tslib_1.__exportStar(useDividerStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-divider/src/components/Divider/index.ts"],"names":[],"mappings":";;;IAAA,yCAA0B;IAC1B,+CAAgC;IAChC,+CAAgC;IAChC,4CAA6B;IAC7B,kDAAmC","sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles';\n"]}

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

@@ -1,14 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderDivider_unstable = void 0;
-    /**
-     * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
-     */
-    var renderDivider_unstable = function (state) {
-        var _a = react_utilities_1.getSlots(state), 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))));
-    };
-    exports.renderDivider_unstable = renderDivider_unstable;
-});
-//# sourceMappingURL=renderDivider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderDivider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-divider/src/components/Divider/renderDivider.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,sBAAsB,GAAG,UAAC,KAAmB;QAClD,IAAA,KAAuB,0BAAQ,CAAe,KAAK,CAAC,EAAlD,KAAK,WAAA,EAAE,SAAS,eAAkC,CAAC;QAC3D,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAC3B,SAAS,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,CACxC,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAiB,CAChF,CACU,CACd,CAAC;IACJ,CAAC,CAAC;IATW,QAAA,sBAAsB,0BASjC","sourcesContent":["import * as React from 'react';\nimport { getSlots } 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 } = getSlots<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"]}

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

@@ -1,36 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDivider_unstable = void 0;
-    /**
-     * 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.
-     */
-    var useDivider_unstable = function (props, ref) {
-        var _a = props.alignContent, alignContent = _a === void 0 ? 'center' : _a, _b = props.appearance, appearance = _b === void 0 ? 'default' : _b, _c = props.inset, inset = _c === void 0 ? false : _c, _d = props.vertical, vertical = _d === void 0 ? false : _d, wrapper = props.wrapper;
-        var dividerId = react_utilities_1.useId('divider-');
-        return {
-            // Props passed at the top-level
-            alignContent: alignContent,
-            appearance: appearance,
-            inset: inset,
-            vertical: vertical,
-            // Slots definition
-            components: {
-                root: 'div',
-                wrapper: 'div',
-            },
-            root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({ role: 'separator', 'aria-orientation': vertical ? 'vertical' : 'horizontal', 'aria-labelledby': props.children ? dividerId : undefined }, props), { ref: ref })),
-            wrapper: react_utilities_1.resolveShorthand(wrapper, {
-                required: true,
-                defaultProps: {
-                    id: dividerId,
-                    children: props.children,
-                },
-            }),
-        };
-    };
-    exports.useDivider_unstable = useDivider_unstable;
-});
-//# sourceMappingURL=useDivider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDivider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-divider/src/components/Divider/useDivider.ts"],"names":[],"mappings":";;;;IAIA;;;;OAIG;IACI,IAAM,mBAAmB,GAAG,UAAC,KAAmB,EAAE,GAA2B;QAC1E,IAAA,KAA8F,KAAK,aAA5E,EAAvB,YAAY,mBAAG,QAAQ,KAAA,EAAE,KAAqE,KAAK,WAApD,EAAtB,UAAU,mBAAG,SAAS,KAAA,EAAE,KAA6C,KAAK,MAArC,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,KAA8B,KAAK,SAAnB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;QAC5G,IAAM,SAAS,GAAG,uBAAK,CAAC,UAAU,CAAC,CAAC;QAEpC,OAAO;YACL,gCAAgC;YAChC,YAAY,cAAA;YACZ,UAAU,YAAA;YACV,KAAK,OAAA;YACL,QAAQ,UAAA;YAER,mBAAmB;YACnB,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;gBACX,OAAO,EAAE,KAAK;aACf;YAED,IAAI,EAAE,uCAAqB,CAAC,KAAK,sCAC/B,IAAI,EAAE,WAAW,EACjB,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EACxD,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IACtD,KAAK,KACR,GAAG,KAAA,IACH;YACF,OAAO,EAAE,kCAAgB,CAAC,OAAO,EAAE;gBACjC,QAAQ,EAAE,IAAI;gBACd,YAAY,EAAE;oBACZ,EAAE,EAAE,SAAS;oBACb,QAAQ,EAAE,KAAK,CAAC,QAAQ;iBACzB;aACF,CAAC;SACH,CAAC;IACJ,CAAC,CAAC;IAhCW,QAAA,mBAAmB,uBAgC9B","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"]}

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

@@ -1,218 +0,0 @@
-define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_theme_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDividerStyles_unstable = exports.dividerClassNames = void 0;
-    exports.dividerClassNames = {
-        root: 'fui-Divider',
-        wrapper: 'fui-Divider__wrapper',
-    };
-    var contentSpacing = '12px';
-    var insetSpacing = '12px';
-    var maxStartEndLength = '8px';
-    var minStartEndLength = '8px;';
-    var useBaseStyles = react_1.makeStyles({
-        // Base styles
-        base: {
-            alignItems: 'center',
-            boxSizing: 'border-box',
-            display: 'flex',
-            flexDirection: 'row',
-            flexGrow: 1,
-            position: 'relative',
-            fontFamily: react_theme_1.tokens.fontFamilyBase,
-            fontSize: react_theme_1.tokens.fontSizeBase200,
-            fontWeight: react_theme_1.tokens.fontWeightRegular,
-            lineHeight: react_theme_1.tokens.lineHeightBase200,
-            textAlign: 'center',
-            '::before': {
-                boxSizing: 'border-box',
-                display: 'flex',
-                flexGrow: 1,
-            },
-            '::after': {
-                boxSizing: 'border-box',
-                display: 'flex',
-                flexGrow: 1,
-            },
-        },
-        // Childless styles
-        childless: {
-            '::before': {
-                marginBottom: 0,
-                marginRight: 0,
-            },
-            '::after': {
-                marginLeft: 0,
-                marginTop: 0,
-            },
-        },
-        // Alignment variations
-        start: {
-            '::after': {
-                content: '""',
-            },
-        },
-        center: {
-            '::before': {
-                content: '""',
-            },
-            '::after': {
-                content: '""',
-            },
-        },
-        end: {
-            '::before': {
-                content: '""',
-            },
-        },
-        // Appearance variations
-        brand: {
-            color: react_theme_1.tokens.colorBrandForeground1,
-            '::before': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorBrandStroke1)),
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorBrandStroke1)),
-        },
-        default: {
-            color: react_theme_1.tokens.colorNeutralForeground2,
-            '::before': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke2)),
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke2)),
-        },
-        subtle: {
-            color: react_theme_1.tokens.colorNeutralForeground2,
-            '::before': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke3)),
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke3)),
-        },
-        strong: {
-            color: react_theme_1.tokens.colorNeutralForeground2,
-            '::before': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1)),
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1)),
-        },
-    });
-    var useHorizontalStyles = react_1.makeStyles({
-        // Base styles
-        base: {
-            width: '100%',
-            '::before': {
-                borderTopStyle: 'solid',
-                borderTopWidth: react_theme_1.tokens.strokeWidthThin,
-                minWidth: minStartEndLength,
-            },
-            '::after': {
-                borderTopStyle: 'solid',
-                borderTopWidth: react_theme_1.tokens.strokeWidthThin,
-                minWidth: minStartEndLength,
-            },
-        },
-        // Inset styles
-        inset: {
-            paddingLeft: insetSpacing,
-            paddingRight: insetSpacing,
-        },
-        // Alignment variations
-        start: {
-            '::before': {
-                content: '""',
-                marginRight: contentSpacing,
-                maxWidth: maxStartEndLength,
-            },
-            '::after': {
-                marginLeft: contentSpacing,
-            },
-        },
-        center: {
-            '::before': {
-                marginRight: contentSpacing,
-            },
-            '::after': {
-                marginLeft: contentSpacing,
-            },
-        },
-        end: {
-            '::before': {
-                marginRight: contentSpacing,
-            },
-            '::after': {
-                content: '""',
-                marginLeft: contentSpacing,
-                maxWidth: maxStartEndLength,
-            },
-        },
-    });
-    var useVerticalStyles = react_1.makeStyles({
-        // Base styles
-        base: {
-            flexDirection: 'column',
-            minHeight: '20px',
-            '::before': {
-                borderRightStyle: 'solid',
-                borderRightWidth: react_theme_1.tokens.strokeWidthThin,
-                minHeight: minStartEndLength,
-            },
-            '::after': {
-                borderRightStyle: 'solid',
-                borderRightWidth: react_theme_1.tokens.strokeWidthThin,
-                minHeight: minStartEndLength,
-            },
-        },
-        // Inset styles
-        inset: {
-            marginTop: insetSpacing,
-            marginBottom: insetSpacing,
-        },
-        // With children styles
-        withChildren: {
-            minHeight: '84px',
-        },
-        // Alignment variations
-        start: {
-            '::before': {
-                content: '""',
-                marginBottom: contentSpacing,
-                maxHeight: maxStartEndLength,
-            },
-            '::after': {
-                marginTop: contentSpacing,
-            },
-        },
-        center: {
-            '::before': {
-                marginBottom: contentSpacing,
-            },
-            '::after': {
-                marginTop: contentSpacing,
-            },
-        },
-        end: {
-            '::before': {
-                marginBottom: contentSpacing,
-            },
-            '::after': {
-                content: '""',
-                marginTop: contentSpacing,
-                maxHeight: maxStartEndLength,
-            },
-        },
-    });
-    var useDividerStyles_unstable = 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_1.mergeClasses(exports.dividerClassNames.root, 
-        // 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
-        state.root.children === undefined && baseStyles.childless, 
-        // User provided class name
-        state.root.className);
-        if (state.wrapper) {
-            state.wrapper.className = react_1.mergeClasses(exports.dividerClassNames.wrapper, state.wrapper.className);
-        }
-        return state;
-    };
-    exports.useDividerStyles_unstable = useDividerStyles_unstable;
-});
-//# sourceMappingURL=useDividerStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDividerStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-divider/src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":"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","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"]}

package/lib-amd/index.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "./Divider"], function (require, exports, Divider_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDivider_unstable = exports.useDividerStyles_unstable = exports.renderDivider_unstable = exports.dividerClassNames = exports.Divider = void 0;
-    Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
-    Object.defineProperty(exports, "dividerClassNames", { enumerable: true, get: function () { return Divider_1.dividerClassNames; } });
-    Object.defineProperty(exports, "renderDivider_unstable", { enumerable: true, get: function () { return Divider_1.renderDivider_unstable; } });
-    Object.defineProperty(exports, "useDividerStyles_unstable", { enumerable: true, get: function () { return Divider_1.useDividerStyles_unstable; } });
-    Object.defineProperty(exports, "useDivider_unstable", { enumerable: true, get: function () { return Divider_1.useDivider_unstable; } });
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-divider/src/index.ts"],"names":[],"mappings":";;;;IACE,kGAAA,OAAO,OAAA;IACP,4GAAA,iBAAiB,OAAA;IACjB,iHAAA,sBAAsB,OAAA;IACtB,oHAAA,yBAAyB,OAAA;IACzB,8GAAA,mBAAmB,OAAA","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"]}