@fluentui/react-divider 0.0.0-nightly-20230502-0418.1 → 0.0.0-nightly-20230504-0417.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.json CHANGED
@@ -2,9 +2,9 @@
2
2
  "name": "@fluentui/react-divider",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 02 May 2023 04:24:45 GMT",
6
- "tag": "@fluentui/react-divider_v0.0.0-nightly-20230502-0418.1",
7
- "version": "0.0.0-nightly-20230502-0418.1",
5
+ "date": "Thu, 04 May 2023 04:25:03 GMT",
6
+ "tag": "@fluentui/react-divider_v0.0.0-nightly-20230504-0417.1",
7
+ "version": "0.0.0-nightly-20230504-0417.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
@@ -16,32 +16,32 @@
16
16
  {
17
17
  "author": "beachball",
18
18
  "package": "@fluentui/react-divider",
19
- "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230502-0418.1",
20
- "commit": "bc9c2da8914b65acc704e187bb87f580f29789a3"
19
+ "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230504-0417.1",
20
+ "commit": "433bf105e0be3c4383e246e823c6c1a56a6aea0f"
21
21
  },
22
22
  {
23
23
  "author": "beachball",
24
24
  "package": "@fluentui/react-divider",
25
- "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230502-0418.1",
26
- "commit": "bc9c2da8914b65acc704e187bb87f580f29789a3"
25
+ "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230504-0417.1",
26
+ "commit": "433bf105e0be3c4383e246e823c6c1a56a6aea0f"
27
27
  },
28
28
  {
29
29
  "author": "beachball",
30
30
  "package": "@fluentui/react-divider",
31
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230502-0418.1",
32
- "commit": "bc9c2da8914b65acc704e187bb87f580f29789a3"
31
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230504-0417.1",
32
+ "commit": "433bf105e0be3c4383e246e823c6c1a56a6aea0f"
33
33
  },
34
34
  {
35
35
  "author": "beachball",
36
36
  "package": "@fluentui/react-divider",
37
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230502-0418.1",
38
- "commit": "bc9c2da8914b65acc704e187bb87f580f29789a3"
37
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230504-0417.1",
38
+ "commit": "433bf105e0be3c4383e246e823c6c1a56a6aea0f"
39
39
  },
40
40
  {
41
41
  "author": "beachball",
42
42
  "package": "@fluentui/react-divider",
43
- "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230502-0418.1",
44
- "commit": "bc9c2da8914b65acc704e187bb87f580f29789a3"
43
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230504-0417.1",
44
+ "commit": "433bf105e0be3c4383e246e823c6c1a56a6aea0f"
45
45
  }
46
46
  ]
47
47
  }
package/CHANGELOG.md CHANGED
@@ -1,22 +1,22 @@
1
1
  # Change Log - @fluentui/react-divider
2
2
 
3
- This log was last generated on Tue, 02 May 2023 04:24:45 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 04 May 2023 04:25:03 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20230502-0418.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly-20230502-0418.1)
7
+ ## [0.0.0-nightly-20230504-0417.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly-20230504-0417.1)
8
8
 
9
- Tue, 02 May 2023 04:24:45 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.10..@fluentui/react-divider_v0.0.0-nightly-20230502-0418.1)
9
+ Thu, 04 May 2023 04:25:03 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.10..@fluentui/react-divider_v0.0.0-nightly-20230504-0417.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230502-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/bc9c2da8914b65acc704e187bb87f580f29789a3) by beachball)
16
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230502-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/bc9c2da8914b65acc704e187bb87f580f29789a3) by beachball)
17
- - Bump @fluentui/react-theme to v0.0.0-nightly-20230502-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/bc9c2da8914b65acc704e187bb87f580f29789a3) by beachball)
18
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20230502-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/bc9c2da8914b65acc704e187bb87f580f29789a3) by beachball)
19
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230502-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/bc9c2da8914b65acc704e187bb87f580f29789a3) by beachball)
15
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230504-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/433bf105e0be3c4383e246e823c6c1a56a6aea0f) by beachball)
16
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230504-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/433bf105e0be3c4383e246e823c6c1a56a6aea0f) by beachball)
17
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20230504-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/433bf105e0be3c4383e246e823c6c1a56a6aea0f) by beachball)
18
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20230504-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/433bf105e0be3c4383e246e823c6c1a56a6aea0f) by beachball)
19
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230504-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/433bf105e0be3c4383e246e823c6c1a56a6aea0f) by beachball)
20
20
 
21
21
  ## [9.2.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.10)
22
22
 
@@ -0,0 +1,70 @@
1
+ import type { ComponentProps } from '@fluentui/react-utilities';
2
+ import type { ComponentState } from '@fluentui/react-utilities';
3
+ import type { ForwardRefComponent } from '@fluentui/react-utilities';
4
+ import * as React_2 from 'react';
5
+ import type { Slot } from '@fluentui/react-utilities';
6
+ import type { SlotClassNames } from '@fluentui/react-utilities';
7
+
8
+ /**
9
+ * A divider visually segments content into groups.
10
+ */
11
+ export declare const Divider: ForwardRefComponent<DividerProps>;
12
+
13
+ export declare const dividerClassNames: SlotClassNames<DividerSlots>;
14
+
15
+ export declare type DividerProps = ComponentProps<Partial<DividerSlots>> & {
16
+ /**
17
+ * Determines the alignment of the content within the divider.
18
+ *
19
+ * @default 'center'
20
+ */
21
+ alignContent?: 'start' | 'center' | 'end';
22
+ /**
23
+ * A divider can have one of the preset appearances.
24
+ * When not specified, the divider has its default appearance.
25
+ *
26
+ * @default 'default'
27
+ */
28
+ appearance?: 'brand' | 'default' | 'strong' | 'subtle';
29
+ /**
30
+ * Adds padding to the beginning and end of the divider.
31
+ *
32
+ * @default false
33
+ */
34
+ inset?: boolean;
35
+ /**
36
+ * A divider can be horizontal (default) or vertical.
37
+ *
38
+ * @default false
39
+ */
40
+ vertical?: boolean;
41
+ };
42
+
43
+ export declare type DividerSlots = {
44
+ /**
45
+ * Root of the component that renders as a `<div>` tag.
46
+ */
47
+ root: Slot<'div'>;
48
+ /**
49
+ * Accessibility wrapper for content when presented.
50
+ */
51
+ wrapper: Slot<'div'>;
52
+ };
53
+
54
+ export declare type DividerState = ComponentState<DividerSlots> & Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;
55
+
56
+ /**
57
+ * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
58
+ */
59
+ export declare const renderDivider_unstable: (state: DividerState) => JSX.Element;
60
+
61
+ /**
62
+ * Returns the props and state required to render the component
63
+ * @param props - User-provided props to the Divider component.
64
+ * @param ref - User-provided ref to be passed to the Divider component.
65
+ */
66
+ export declare const useDivider_unstable: (props: DividerProps, ref: React_2.Ref<HTMLElement>) => DividerState;
67
+
68
+ export declare const useDividerStyles_unstable: (state: DividerState) => DividerState;
69
+
70
+ export { }
package/lib/Divider.js ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components/Divider/index';
2
+ //# sourceMappingURL=Divider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":["../src/Divider.ts"],"sourcesContent":["export * from './components/Divider/index';\n"],"mappings":"AAAA,cAAc"}
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+ import { renderDivider_unstable } from './renderDivider';
3
+ import { useDivider_unstable } from './useDivider';
4
+ import { useDividerStyles_unstable } from './useDividerStyles.styles';
5
+ import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
6
+ /**
7
+ * A divider visually segments content into groups.
8
+ */
9
+ export const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
10
+ const state = useDivider_unstable(props, ref);
11
+ useDividerStyles_unstable(state);
12
+ useCustomStyleHook_unstable('useDividerStyles_unstable')(state);
13
+ return renderDivider_unstable(state);
14
+ });
15
+ Divider.displayName = 'Divider';
16
+ //# sourceMappingURL=Divider.js.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Divider.types.js.map
@@ -0,0 +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: 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"],"mappings":"AAAA"}
@@ -0,0 +1,6 @@
1
+ export * from './Divider';
2
+ export * from './Divider.types';
3
+ export * from './renderDivider';
4
+ export * from './useDivider';
5
+ export * from './useDividerStyles.styles';
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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"}
@@ -0,0 +1,13 @@
1
+ /** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
2
+ import { getSlotsNext } from '@fluentui/react-utilities';
3
+ /**
4
+ * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
5
+ */
6
+ export const renderDivider_unstable = state => {
7
+ const {
8
+ slots,
9
+ slotProps
10
+ } = getSlotsNext(state);
11
+ return /*#__PURE__*/createElement(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/createElement(slots.wrapper, slotProps.wrapper, slotProps.root.children));
12
+ };
13
+ //# sourceMappingURL=renderDivider.js.map
@@ -0,0 +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"}
@@ -0,0 +1,44 @@
1
+ import * as React from 'react';
2
+ import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';
3
+ /**
4
+ * Returns the props and state required to render the component
5
+ * @param props - User-provided props to the Divider component.
6
+ * @param ref - User-provided ref to be passed to the Divider component.
7
+ */
8
+ export const useDivider_unstable = (props, ref) => {
9
+ const {
10
+ alignContent = 'center',
11
+ appearance = 'default',
12
+ inset = false,
13
+ vertical = false,
14
+ wrapper
15
+ } = props;
16
+ const dividerId = useId('divider-');
17
+ return {
18
+ // Props passed at the top-level
19
+ alignContent,
20
+ appearance,
21
+ inset,
22
+ vertical,
23
+ // Slots definition
24
+ components: {
25
+ root: 'div',
26
+ wrapper: 'div'
27
+ },
28
+ root: getNativeElementProps('div', {
29
+ role: 'separator',
30
+ 'aria-orientation': vertical ? 'vertical' : 'horizontal',
31
+ 'aria-labelledby': props.children ? dividerId : undefined,
32
+ ...props,
33
+ ref
34
+ }),
35
+ wrapper: resolveShorthand(wrapper, {
36
+ required: true,
37
+ defaultProps: {
38
+ id: dividerId,
39
+ children: props.children
40
+ }
41
+ })
42
+ };
43
+ };
44
+ //# sourceMappingURL=useDivider.js.map
@@ -0,0 +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"}
@@ -0,0 +1,190 @@
1
+ import { mergeClasses, shorthands, __styles } from '@griffel/react';
2
+ import { tokens } from '@fluentui/react-theme';
3
+ export const dividerClassNames = {
4
+ root: 'fui-Divider',
5
+ wrapper: 'fui-Divider__wrapper'
6
+ };
7
+ const contentSpacing = '12px';
8
+ const insetSpacing = '12px';
9
+ const maxStartEndLength = '8px';
10
+ const minStartEndLength = '8px;';
11
+ const useBaseStyles = /*#__PURE__*/__styles({
12
+ base: {
13
+ Bt984gj: "f122n59",
14
+ B7ck84d: "f1ewtqcl",
15
+ mc9l5x: "f22iagw",
16
+ Beiy3e4: "f1063pyq",
17
+ Bh6795r: "fqerorx",
18
+ qhf8xq: "f10pi13n",
19
+ Bahqtrf: "fk6fouc",
20
+ Be2twd7: "fy9rknc",
21
+ Bhrd7zp: "figsok6",
22
+ Bg96gwp: "fwrc4pm",
23
+ fsow6f: "f17mccla",
24
+ Bcvre1j: "fyl8oag",
25
+ Br0sdwz: "f16vkdww",
26
+ Bn78ew0: "fhsnbul",
27
+ li1rpt: "f1gw3sf2",
28
+ ap17g6: "f1ly5f7u",
29
+ B771hl4: "f1s3tz6t"
30
+ },
31
+ childless: {
32
+ susq4k: "f1kyqvp9",
33
+ Bicfajf: ["fzynn9s", "f1z0ukd1"],
34
+ jwcpgy: ["fekrn8e", "ftdg338"],
35
+ B4rk6o: "fesgyo"
36
+ },
37
+ start: {
38
+ Bsft5z2: "f13zj6fq"
39
+ },
40
+ center: {
41
+ Ftih45: "f1wl9k8s",
42
+ Bsft5z2: "f13zj6fq"
43
+ },
44
+ end: {
45
+ Ftih45: "f1wl9k8s"
46
+ },
47
+ brand: {
48
+ sj55zd: "f16muhyy",
49
+ Bq4z7u6: "fcbuu2a",
50
+ Bk5zm6e: ["f1wdw2dr", "f1ttio3w"],
51
+ Bqjgrrk: "f1582fpk",
52
+ Bm6vgfq: ["f1ttio3w", "f1wdw2dr"],
53
+ B0n5ga8: "f1ahrvm8",
54
+ s924m2: ["f1cd3wbc", "f17hbk9y"],
55
+ B1q35kw: "fvrapl0",
56
+ Gp14am: ["f17hbk9y", "f1cd3wbc"]
57
+ },
58
+ "default": {
59
+ sj55zd: "fkfq4zb",
60
+ Bq4z7u6: "f1vccso1",
61
+ Bk5zm6e: ["f1geml7w", "fjml6kk"],
62
+ Bqjgrrk: "f1r7kh1m",
63
+ Bm6vgfq: ["fjml6kk", "f1geml7w"],
64
+ B0n5ga8: "f16j7guv",
65
+ s924m2: ["fx01ahm", "fj1a37q"],
66
+ B1q35kw: "fl8d8yv",
67
+ Gp14am: ["fj1a37q", "fx01ahm"]
68
+ },
69
+ subtle: {
70
+ sj55zd: "fkfq4zb",
71
+ Bq4z7u6: "f5g06un",
72
+ Bk5zm6e: ["f13sxdku", "f1n015lb"],
73
+ Bqjgrrk: "f1x6bl8t",
74
+ Bm6vgfq: ["f1n015lb", "f13sxdku"],
75
+ B0n5ga8: "fvod1wy",
76
+ s924m2: ["fwslg65", "flk0e17"],
77
+ B1q35kw: "f103fvts",
78
+ Gp14am: ["flk0e17", "fwslg65"]
79
+ },
80
+ strong: {
81
+ sj55zd: "fkfq4zb",
82
+ Bq4z7u6: "f10tv6oz",
83
+ Bk5zm6e: ["f16xp3sf", "f1seuxxq"],
84
+ Bqjgrrk: "fwrmqbx",
85
+ Bm6vgfq: ["f1seuxxq", "f16xp3sf"],
86
+ B0n5ga8: "ft83z1f",
87
+ s924m2: ["f1g4150c", "f192dr6e"],
88
+ B1q35kw: "f1qnawh6",
89
+ Gp14am: ["f192dr6e", "f1g4150c"]
90
+ }
91
+ }, {
92
+ 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);}", ".f17mccla{text-align:center;}", ".fyl8oag::before{box-sizing:border-box;}", ".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1gw3sf2::after{box-sizing:border-box;}", ".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1kyqvp9::before{margin-bottom:0;}", ".fzynn9s::before{margin-right:0;}", ".f1z0ukd1::before{margin-left:0;}", ".fekrn8e::after{margin-left:0;}", ".ftdg338::after{margin-right:0;}", ".fesgyo::after{margin-top:0;}", ".f13zj6fq::after{content:\"\";}", ".f1wl9k8s::before{content:\"\";}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}", ".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}", ".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}", ".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}", ".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}", ".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}", ".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}", ".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}", ".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}", ".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}", ".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}", ".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}", ".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}", ".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}", ".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}", ".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}", ".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}", ".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}", ".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}", ".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}", ".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}", ".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}", ".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}", ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}", ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}", ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}", ".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}", ".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}", ".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}", ".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}", ".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}"]
93
+ });
94
+ const useHorizontalStyles = /*#__PURE__*/__styles({
95
+ base: {
96
+ a9b677: "fly5x3f",
97
+ Bdkvgpv: "f163fonl",
98
+ B0qfbqy: "f51yk4v",
99
+ pbipgd: "f13rof3u",
100
+ Bm2nyyq: "f8rth92",
101
+ xrcqlc: "f6czdpx",
102
+ i5u598: "f1iyka9k"
103
+ },
104
+ inset: {
105
+ uwmqm3: ["fjlbh76", "f11qrl6u"],
106
+ z189sj: ["f11qrl6u", "fjlbh76"]
107
+ },
108
+ start: {
109
+ Ftih45: "f1wl9k8s",
110
+ Bicfajf: ["f1ojjlep", "fk1kexq"],
111
+ Bxwl2t9: "f1he2m4d",
112
+ jwcpgy: ["f12w1bnb", "f1558wlj"]
113
+ },
114
+ center: {
115
+ Bicfajf: ["f1ojjlep", "fk1kexq"],
116
+ jwcpgy: ["f12w1bnb", "f1558wlj"]
117
+ },
118
+ end: {
119
+ Bicfajf: ["f1ojjlep", "fk1kexq"],
120
+ Bsft5z2: "f13zj6fq",
121
+ jwcpgy: ["f12w1bnb", "f1558wlj"],
122
+ Iy66sp: "f1ayce8x"
123
+ }
124
+ }, {
125
+ d: [".fly5x3f{width:100%;}", ".f163fonl::before{border-top-style:solid;}", ".f51yk4v::before{border-top-width:var(--strokeWidthThin);}", ".f13rof3u::before{min-width:8px;}", ".f8rth92::after{border-top-style:solid;}", ".f6czdpx::after{border-top-width:var(--strokeWidthThin);}", ".f1iyka9k::after{min-width:8px;}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".f1wl9k8s::before{content:\"\";}", ".f1ojjlep::before{margin-right:12px;}", ".fk1kexq::before{margin-left:12px;}", ".f1he2m4d::before{max-width:8px;}", ".f12w1bnb::after{margin-left:12px;}", ".f1558wlj::after{margin-right:12px;}", ".f13zj6fq::after{content:\"\";}", ".f1ayce8x::after{max-width:8px;}"]
126
+ });
127
+ const useVerticalStyles = /*#__PURE__*/__styles({
128
+ base: {
129
+ Beiy3e4: "f1vx9l62",
130
+ sshi5w: "f16gbxbe",
131
+ m598lv: ["f1yq6w5o", "f1jpmc5p"],
132
+ B4f6apu: ["f9sc749", "f1x8pvcy"],
133
+ zkzzav: "fhkwbjy",
134
+ Barhvk9: ["flthirb", "ftkbnf5"],
135
+ Ihftqj: ["f13hvwk3", "f1en4csx"],
136
+ Bde111x: "f19onpk6"
137
+ },
138
+ inset: {
139
+ B6of3ja: "f1xdg43u",
140
+ jrapky: "f1jlhsmd"
141
+ },
142
+ withChildren: {
143
+ sshi5w: "f1tjaq3g"
144
+ },
145
+ start: {
146
+ Ftih45: "f1wl9k8s",
147
+ susq4k: "fg2pwug",
148
+ Bbdr6tz: "fkjtzyi",
149
+ B4rk6o: "f8vk40g"
150
+ },
151
+ center: {
152
+ susq4k: "fg2pwug",
153
+ B4rk6o: "f8vk40g"
154
+ },
155
+ end: {
156
+ susq4k: "fg2pwug",
157
+ Bsft5z2: "f13zj6fq",
158
+ B4rk6o: "f8vk40g",
159
+ gn64ia: "fqg5mu5"
160
+ }
161
+ }, {
162
+ d: [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f9sc749::before{border-right-width:var(--strokeWidthThin);}", ".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}", ".fhkwbjy::before{min-height:8px;}", ".flthirb::after{border-right-style:solid;}", ".ftkbnf5::after{border-left-style:solid;}", ".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}", ".f1en4csx::after{border-left-width:var(--strokeWidthThin);}", ".f19onpk6::after{min-height:8px;}", ".f1xdg43u{margin-top:12px;}", ".f1jlhsmd{margin-bottom:12px;}", ".f1tjaq3g{min-height:84px;}", ".f1wl9k8s::before{content:\"\";}", ".fg2pwug::before{margin-bottom:12px;}", ".fkjtzyi::before{max-height:8px;}", ".f8vk40g::after{margin-top:12px;}", ".f13zj6fq::after{content:\"\";}", ".fqg5mu5::after{max-height:8px;}"]
163
+ });
164
+ export const useDividerStyles_unstable = state => {
165
+ const baseStyles = useBaseStyles();
166
+ const horizontalStyles = useHorizontalStyles();
167
+ const verticalStyles = useVerticalStyles();
168
+ const {
169
+ alignContent,
170
+ appearance,
171
+ inset,
172
+ vertical
173
+ } = state;
174
+ state.root.className = mergeClasses(dividerClassNames.root,
175
+ // Base styles
176
+ baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance],
177
+ // Horizontal styles
178
+ !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent],
179
+ // Vertical styles
180
+ vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren,
181
+ // Childless styles
182
+ state.root.children === undefined && baseStyles.childless,
183
+ // User provided class name
184
+ state.root.className);
185
+ if (state.wrapper) {
186
+ state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);
187
+ }
188
+ return state;
189
+ };
190
+ //# sourceMappingURL=useDividerStyles.styles.js.map
@@ -0,0 +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"}
package/lib/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable } from './Divider';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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"}
@@ -10,11 +10,11 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
10
10
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
11
  const _renderDivider = require("./renderDivider");
12
12
  const _useDivider = require("./useDivider");
13
- const _useDividerStyles = require("./useDividerStyles");
13
+ const _useDividerStylesStyles = require("./useDividerStyles.styles");
14
14
  const _reactSharedContexts = require("@fluentui/react-shared-contexts");
15
15
  const Divider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
16
  const state = (0, _useDivider.useDivider_unstable)(props, ref);
17
- (0, _useDividerStyles.useDividerStyles_unstable)(state);
17
+ (0, _useDividerStylesStyles.useDividerStyles_unstable)(state);
18
18
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDividerStyles_unstable')(state);
19
19
  return (0, _renderDivider.renderDivider_unstable)(state);
20
20
  });
@@ -1 +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';\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;kCACM;qCACE;AAIrC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzCG,IAAAA,2CAAyB,EAACF;IAC1BG,IAAAA,gDAA2B,EAAC,6BAA6BH;IACzD,OAAOI,IAAAA,qCAAsB,EAACJ;AAChC;AACAL,QAAQU,WAAW,GAAG,WACtB,mCAAmC"}
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"}
@@ -7,7 +7,7 @@ _exportStar(require("./Divider"), exports);
7
7
  _exportStar(require("./Divider.types"), exports);
8
8
  _exportStar(require("./renderDivider"), exports);
9
9
  _exportStar(require("./useDivider"), exports);
10
- _exportStar(require("./useDividerStyles"), exports);
10
+ _exportStar(require("./useDividerStyles.styles"), exports);
11
11
  //# sourceMappingURL=index.js.map
12
12
 
13
13
  //# sourceMappingURL=index.js.map
@@ -1 +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';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
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"}
@@ -379,6 +379,6 @@ const useDividerStyles_unstable = (state)=>{
379
379
  state.wrapper.className = (0, _react.mergeClasses)(dividerClassNames.wrapper, state.wrapper.className);
380
380
  }
381
381
  return state;
382
- }; //# sourceMappingURL=useDividerStyles.js.map
382
+ }; //# sourceMappingURL=useDividerStyles.styles.js.map
383
383
 
384
- //# sourceMappingURL=useDividerStyles.js.map
384
+ //# sourceMappingURL=useDividerStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../lib/components/Divider/useDividerStyles.styles.js"],"sourcesContent":["import { mergeClasses, shorthands, __styles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const dividerClassNames = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper'\n};\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\nconst useBaseStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n Bh6795r: \"fqerorx\",\n qhf8xq: \"f10pi13n\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\",\n fsow6f: \"f17mccla\",\n Bcvre1j: \"fyl8oag\",\n Br0sdwz: \"f16vkdww\",\n Bn78ew0: \"fhsnbul\",\n li1rpt: \"f1gw3sf2\",\n ap17g6: \"f1ly5f7u\",\n B771hl4: \"f1s3tz6t\"\n },\n childless: {\n susq4k: \"f1kyqvp9\",\n Bicfajf: [\"fzynn9s\", \"f1z0ukd1\"],\n jwcpgy: [\"fekrn8e\", \"ftdg338\"],\n B4rk6o: \"fesgyo\"\n },\n start: {\n Bsft5z2: \"f13zj6fq\"\n },\n center: {\n Ftih45: \"f1wl9k8s\",\n Bsft5z2: \"f13zj6fq\"\n },\n end: {\n Ftih45: \"f1wl9k8s\"\n },\n brand: {\n sj55zd: \"f16muhyy\",\n Bq4z7u6: \"fcbuu2a\",\n Bk5zm6e: [\"f1wdw2dr\", \"f1ttio3w\"],\n Bqjgrrk: \"f1582fpk\",\n Bm6vgfq: [\"f1ttio3w\", \"f1wdw2dr\"],\n B0n5ga8: \"f1ahrvm8\",\n s924m2: [\"f1cd3wbc\", \"f17hbk9y\"],\n B1q35kw: \"fvrapl0\",\n Gp14am: [\"f17hbk9y\", \"f1cd3wbc\"]\n },\n \"default\": {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f1vccso1\",\n Bk5zm6e: [\"f1geml7w\", \"fjml6kk\"],\n Bqjgrrk: \"f1r7kh1m\",\n Bm6vgfq: [\"fjml6kk\", \"f1geml7w\"],\n B0n5ga8: \"f16j7guv\",\n s924m2: [\"fx01ahm\", \"fj1a37q\"],\n B1q35kw: \"fl8d8yv\",\n Gp14am: [\"fj1a37q\", \"fx01ahm\"]\n },\n subtle: {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f5g06un\",\n Bk5zm6e: [\"f13sxdku\", \"f1n015lb\"],\n Bqjgrrk: \"f1x6bl8t\",\n Bm6vgfq: [\"f1n015lb\", \"f13sxdku\"],\n B0n5ga8: \"fvod1wy\",\n s924m2: [\"fwslg65\", \"flk0e17\"],\n B1q35kw: \"f103fvts\",\n Gp14am: [\"flk0e17\", \"fwslg65\"]\n },\n strong: {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f10tv6oz\",\n Bk5zm6e: [\"f16xp3sf\", \"f1seuxxq\"],\n Bqjgrrk: \"fwrmqbx\",\n Bm6vgfq: [\"f1seuxxq\", \"f16xp3sf\"],\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"]\n }\n}, {\n 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);}\", \".f17mccla{text-align:center;}\", \".fyl8oag::before{box-sizing:border-box;}\", \".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1kyqvp9::before{margin-bottom:0;}\", \".fzynn9s::before{margin-right:0;}\", \".f1z0ukd1::before{margin-left:0;}\", \".fekrn8e::after{margin-left:0;}\", \".ftdg338::after{margin-right:0;}\", \".fesgyo::after{margin-top:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}\", \".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}\", \".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}\", \".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}\", \".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}\", \".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}\", \".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}\", \".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}\", \".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}\", \".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}\", \".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}\", \".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}\", \".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}\", \".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}\", \".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}\", \".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}\", \".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}\", \".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}\", \".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}\", \".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}\", \".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}\", \".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}\", \".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}\", \".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}\", \".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}\", \".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}\", \".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}\", \".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}\", \".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}\", \".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}\", \".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}\"]\n});\nconst useHorizontalStyles = /*#__PURE__*/__styles({\n base: {\n a9b677: \"fly5x3f\",\n Bdkvgpv: \"f163fonl\",\n B0qfbqy: \"f51yk4v\",\n pbipgd: \"f13rof3u\",\n Bm2nyyq: \"f8rth92\",\n xrcqlc: \"f6czdpx\",\n i5u598: \"f1iyka9k\"\n },\n inset: {\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n z189sj: [\"f11qrl6u\", \"fjlbh76\"]\n },\n start: {\n Ftih45: \"f1wl9k8s\",\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n Bxwl2t9: \"f1he2m4d\",\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"]\n },\n center: {\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"]\n },\n end: {\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n Bsft5z2: \"f13zj6fq\",\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"],\n Iy66sp: \"f1ayce8x\"\n }\n}, {\n d: [\".fly5x3f{width:100%;}\", \".f163fonl::before{border-top-style:solid;}\", \".f51yk4v::before{border-top-width:var(--strokeWidthThin);}\", \".f13rof3u::before{min-width:8px;}\", \".f8rth92::after{border-top-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f1iyka9k::after{min-width:8px;}\", \".fjlbh76{padding-left:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1ojjlep::before{margin-right:12px;}\", \".fk1kexq::before{margin-left:12px;}\", \".f1he2m4d::before{max-width:8px;}\", \".f12w1bnb::after{margin-left:12px;}\", \".f1558wlj::after{margin-right:12px;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1ayce8x::after{max-width:8px;}\"]\n});\nconst useVerticalStyles = /*#__PURE__*/__styles({\n base: {\n Beiy3e4: \"f1vx9l62\",\n sshi5w: \"f16gbxbe\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n B4f6apu: [\"f9sc749\", \"f1x8pvcy\"],\n zkzzav: \"fhkwbjy\",\n Barhvk9: [\"flthirb\", \"ftkbnf5\"],\n Ihftqj: [\"f13hvwk3\", \"f1en4csx\"],\n Bde111x: \"f19onpk6\"\n },\n inset: {\n B6of3ja: \"f1xdg43u\",\n jrapky: \"f1jlhsmd\"\n },\n withChildren: {\n sshi5w: \"f1tjaq3g\"\n },\n start: {\n Ftih45: \"f1wl9k8s\",\n susq4k: \"fg2pwug\",\n Bbdr6tz: \"fkjtzyi\",\n B4rk6o: \"f8vk40g\"\n },\n center: {\n susq4k: \"fg2pwug\",\n B4rk6o: \"f8vk40g\"\n },\n end: {\n susq4k: \"fg2pwug\",\n Bsft5z2: \"f13zj6fq\",\n B4rk6o: \"f8vk40g\",\n gn64ia: \"fqg5mu5\"\n }\n}, {\n d: [\".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f16gbxbe{min-height:20px;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f9sc749::before{border-right-width:var(--strokeWidthThin);}\", \".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}\", \".fhkwbjy::before{min-height:8px;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f19onpk6::after{min-height:8px;}\", \".f1xdg43u{margin-top:12px;}\", \".f1jlhsmd{margin-bottom:12px;}\", \".f1tjaq3g{min-height:84px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fg2pwug::before{margin-bottom:12px;}\", \".fkjtzyi::before{max-height:8px;}\", \".f8vk40g::after{margin-top:12px;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fqg5mu5::after{max-height:8px;}\"]\n});\nexport const useDividerStyles_unstable = state => {\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const {\n alignContent,\n appearance,\n inset,\n vertical\n } = state;\n state.root.className = mergeClasses(dividerClassNames.root,\n // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance],\n // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent],\n // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren,\n // Childless styles\n state.root.children === undefined && baseStyles.childless,\n // User provided class name\n state.root.className);\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n return state;\n};\n//# sourceMappingURL=useDividerStyles.styles.js.map"],"names":["dividerClassNames","useDividerStyles_unstable","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","__styles","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","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","mergeClasses","children","undefined"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-divider",
3
- "version": "0.0.0-nightly-20230502-0418.1",
3
+ "version": "0.0.0-nightly-20230504-0417.1",
4
4
  "description": "Fluent UI component to visually separate content.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -27,16 +27,16 @@
27
27
  "devDependencies": {
28
28
  "@fluentui/eslint-plugin": "*",
29
29
  "@fluentui/react-conformance": "*",
30
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230502-0418.1",
30
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230504-0417.1",
31
31
  "@fluentui/scripts-api-extractor": "*",
32
32
  "@fluentui/scripts-tasks": "*"
33
33
  },
34
34
  "dependencies": {
35
35
  "@griffel/react": "^1.5.2",
36
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230502-0418.1",
37
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20230502-0418.1",
38
- "@fluentui/react-theme": "0.0.0-nightly-20230502-0418.1",
39
- "@fluentui/react-utilities": "0.0.0-nightly-20230502-0418.1",
36
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230504-0417.1",
37
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20230504-0417.1",
38
+ "@fluentui/react-theme": "0.0.0-nightly-20230504-0417.1",
39
+ "@fluentui/react-utilities": "0.0.0-nightly-20230504-0417.1",
40
40
  "@swc/helpers": "^0.4.14"
41
41
  },
42
42
  "peerDependencies": {
package/.swcrc DELETED
@@ -1,30 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/swcrc",
3
- "exclude": [
4
- "/testing",
5
- "/**/*.cy.ts",
6
- "/**/*.cy.tsx",
7
- "/**/*.spec.ts",
8
- "/**/*.spec.tsx",
9
- "/**/*.test.ts",
10
- "/**/*.test.tsx"
11
- ],
12
- "jsc": {
13
- "parser": {
14
- "syntax": "typescript",
15
- "tsx": true,
16
- "decorators": false,
17
- "dynamicImport": false
18
- },
19
- "externalHelpers": true,
20
- "transform": {
21
- "react": {
22
- "runtime": "classic",
23
- "useSpread": true
24
- }
25
- },
26
- "target": "es2019"
27
- },
28
- "minify": false,
29
- "sourceMaps": true
30
- }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../lib/components/Divider/useDividerStyles.js"],"sourcesContent":["import { mergeClasses, shorthands, __styles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const dividerClassNames = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper'\n};\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\nconst useBaseStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n Bh6795r: \"fqerorx\",\n qhf8xq: \"f10pi13n\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\",\n fsow6f: \"f17mccla\",\n Bcvre1j: \"fyl8oag\",\n Br0sdwz: \"f16vkdww\",\n Bn78ew0: \"fhsnbul\",\n li1rpt: \"f1gw3sf2\",\n ap17g6: \"f1ly5f7u\",\n B771hl4: \"f1s3tz6t\"\n },\n childless: {\n susq4k: \"f1kyqvp9\",\n Bicfajf: [\"fzynn9s\", \"f1z0ukd1\"],\n jwcpgy: [\"fekrn8e\", \"ftdg338\"],\n B4rk6o: \"fesgyo\"\n },\n start: {\n Bsft5z2: \"f13zj6fq\"\n },\n center: {\n Ftih45: \"f1wl9k8s\",\n Bsft5z2: \"f13zj6fq\"\n },\n end: {\n Ftih45: \"f1wl9k8s\"\n },\n brand: {\n sj55zd: \"f16muhyy\",\n Bq4z7u6: \"fcbuu2a\",\n Bk5zm6e: [\"f1wdw2dr\", \"f1ttio3w\"],\n Bqjgrrk: \"f1582fpk\",\n Bm6vgfq: [\"f1ttio3w\", \"f1wdw2dr\"],\n B0n5ga8: \"f1ahrvm8\",\n s924m2: [\"f1cd3wbc\", \"f17hbk9y\"],\n B1q35kw: \"fvrapl0\",\n Gp14am: [\"f17hbk9y\", \"f1cd3wbc\"]\n },\n \"default\": {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f1vccso1\",\n Bk5zm6e: [\"f1geml7w\", \"fjml6kk\"],\n Bqjgrrk: \"f1r7kh1m\",\n Bm6vgfq: [\"fjml6kk\", \"f1geml7w\"],\n B0n5ga8: \"f16j7guv\",\n s924m2: [\"fx01ahm\", \"fj1a37q\"],\n B1q35kw: \"fl8d8yv\",\n Gp14am: [\"fj1a37q\", \"fx01ahm\"]\n },\n subtle: {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f5g06un\",\n Bk5zm6e: [\"f13sxdku\", \"f1n015lb\"],\n Bqjgrrk: \"f1x6bl8t\",\n Bm6vgfq: [\"f1n015lb\", \"f13sxdku\"],\n B0n5ga8: \"fvod1wy\",\n s924m2: [\"fwslg65\", \"flk0e17\"],\n B1q35kw: \"f103fvts\",\n Gp14am: [\"flk0e17\", \"fwslg65\"]\n },\n strong: {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f10tv6oz\",\n Bk5zm6e: [\"f16xp3sf\", \"f1seuxxq\"],\n Bqjgrrk: \"fwrmqbx\",\n Bm6vgfq: [\"f1seuxxq\", \"f16xp3sf\"],\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"]\n }\n}, {\n 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);}\", \".f17mccla{text-align:center;}\", \".fyl8oag::before{box-sizing:border-box;}\", \".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1kyqvp9::before{margin-bottom:0;}\", \".fzynn9s::before{margin-right:0;}\", \".f1z0ukd1::before{margin-left:0;}\", \".fekrn8e::after{margin-left:0;}\", \".ftdg338::after{margin-right:0;}\", \".fesgyo::after{margin-top:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}\", \".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}\", \".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}\", \".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}\", \".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}\", \".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}\", \".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}\", \".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}\", \".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}\", \".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}\", \".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}\", \".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}\", \".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}\", \".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}\", \".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}\", \".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}\", \".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}\", \".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}\", \".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}\", \".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}\", \".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}\", \".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}\", \".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}\", \".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}\", \".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}\", \".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}\", \".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}\", \".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}\", \".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}\", \".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}\", \".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}\"]\n});\nconst useHorizontalStyles = /*#__PURE__*/__styles({\n base: {\n a9b677: \"fly5x3f\",\n Bdkvgpv: \"f163fonl\",\n B0qfbqy: \"f51yk4v\",\n pbipgd: \"f13rof3u\",\n Bm2nyyq: \"f8rth92\",\n xrcqlc: \"f6czdpx\",\n i5u598: \"f1iyka9k\"\n },\n inset: {\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n z189sj: [\"f11qrl6u\", \"fjlbh76\"]\n },\n start: {\n Ftih45: \"f1wl9k8s\",\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n Bxwl2t9: \"f1he2m4d\",\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"]\n },\n center: {\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"]\n },\n end: {\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n Bsft5z2: \"f13zj6fq\",\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"],\n Iy66sp: \"f1ayce8x\"\n }\n}, {\n d: [\".fly5x3f{width:100%;}\", \".f163fonl::before{border-top-style:solid;}\", \".f51yk4v::before{border-top-width:var(--strokeWidthThin);}\", \".f13rof3u::before{min-width:8px;}\", \".f8rth92::after{border-top-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f1iyka9k::after{min-width:8px;}\", \".fjlbh76{padding-left:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1ojjlep::before{margin-right:12px;}\", \".fk1kexq::before{margin-left:12px;}\", \".f1he2m4d::before{max-width:8px;}\", \".f12w1bnb::after{margin-left:12px;}\", \".f1558wlj::after{margin-right:12px;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1ayce8x::after{max-width:8px;}\"]\n});\nconst useVerticalStyles = /*#__PURE__*/__styles({\n base: {\n Beiy3e4: \"f1vx9l62\",\n sshi5w: \"f16gbxbe\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n B4f6apu: [\"f9sc749\", \"f1x8pvcy\"],\n zkzzav: \"fhkwbjy\",\n Barhvk9: [\"flthirb\", \"ftkbnf5\"],\n Ihftqj: [\"f13hvwk3\", \"f1en4csx\"],\n Bde111x: \"f19onpk6\"\n },\n inset: {\n B6of3ja: \"f1xdg43u\",\n jrapky: \"f1jlhsmd\"\n },\n withChildren: {\n sshi5w: \"f1tjaq3g\"\n },\n start: {\n Ftih45: \"f1wl9k8s\",\n susq4k: \"fg2pwug\",\n Bbdr6tz: \"fkjtzyi\",\n B4rk6o: \"f8vk40g\"\n },\n center: {\n susq4k: \"fg2pwug\",\n B4rk6o: \"f8vk40g\"\n },\n end: {\n susq4k: \"fg2pwug\",\n Bsft5z2: \"f13zj6fq\",\n B4rk6o: \"f8vk40g\",\n gn64ia: \"fqg5mu5\"\n }\n}, {\n d: [\".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f16gbxbe{min-height:20px;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f9sc749::before{border-right-width:var(--strokeWidthThin);}\", \".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}\", \".fhkwbjy::before{min-height:8px;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f19onpk6::after{min-height:8px;}\", \".f1xdg43u{margin-top:12px;}\", \".f1jlhsmd{margin-bottom:12px;}\", \".f1tjaq3g{min-height:84px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fg2pwug::before{margin-bottom:12px;}\", \".fkjtzyi::before{max-height:8px;}\", \".f8vk40g::after{margin-top:12px;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fqg5mu5::after{max-height:8px;}\"]\n});\nexport const useDividerStyles_unstable = state => {\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const {\n alignContent,\n appearance,\n inset,\n vertical\n } = state;\n state.root.className = mergeClasses(dividerClassNames.root,\n // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance],\n // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent],\n // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren,\n // Childless styles\n state.root.children === undefined && baseStyles.childless,\n // User provided class name\n state.root.className);\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n return state;\n};\n//# sourceMappingURL=useDividerStyles.js.map"],"names":["dividerClassNames","useDividerStyles_unstable","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","__styles","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","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","mergeClasses","children","undefined"],"mappings":"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"}