@fluentui/react-divider 9.2.29 → 9.2.31
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 +67 -1
- package/CHANGELOG.md +26 -2
- package/lib/components/Divider/Divider.js.map +1 -1
- package/lib/components/Divider/renderDivider.js +6 -2
- package/lib/components/Divider/renderDivider.js.map +1 -1
- package/lib/components/Divider/useDivider.js +1 -1
- package/lib/components/Divider/useDivider.js.map +1 -1
- package/lib/components/Divider/useDividerStyles.styles.js.map +1 -1
- package/lib-commonjs/Divider.js +2 -2
- package/lib-commonjs/Divider.js.map +1 -1
- package/lib-commonjs/components/Divider/Divider.js +9 -7
- package/lib-commonjs/components/Divider/Divider.js.map +1 -1
- package/lib-commonjs/components/Divider/index.js +6 -6
- package/lib-commonjs/components/Divider/index.js.map +1 -1
- package/lib-commonjs/components/Divider/renderDivider.js +12 -6
- package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
- package/lib-commonjs/components/Divider/useDivider.js +10 -8
- package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
- package/lib-commonjs/components/Divider/useDividerStyles.styles.js +10 -6
- package/lib-commonjs/components/Divider/useDividerStyles.styles.js.map +1 -1
- package/lib-commonjs/index.js +16 -6
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +10 -10
package/CHANGELOG.json
CHANGED
@@ -2,7 +2,73 @@
|
|
2
2
|
"name": "@fluentui/react-divider",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
5
|
+
"date": "Tue, 05 Sep 2023 13:23:26 GMT",
|
6
|
+
"tag": "@fluentui/react-divider_v9.2.31",
|
7
|
+
"version": "9.2.31",
|
8
|
+
"comments": {
|
9
|
+
"patch": [
|
10
|
+
{
|
11
|
+
"author": "bernardo.sunderhus@gmail.com",
|
12
|
+
"package": "@fluentui/react-divider",
|
13
|
+
"commit": "b93c2ac22355b6cb6f33dd509c6cd9c21f4fffc8",
|
14
|
+
"comment": "bumps @swc/helpers version to 0.5.1"
|
15
|
+
},
|
16
|
+
{
|
17
|
+
"author": "bernardo.sunderhus@gmail.com",
|
18
|
+
"package": "@fluentui/react-divider",
|
19
|
+
"commit": "eea6d93a62249ba4fba3347fb291c67ee1a3fb24",
|
20
|
+
"comment": "chore: migrate package to use JSX importSource"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "beachball",
|
24
|
+
"package": "@fluentui/react-divider",
|
25
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.4",
|
26
|
+
"commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "beachball",
|
30
|
+
"package": "@fluentui/react-divider",
|
31
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.7.3",
|
32
|
+
"commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"author": "beachball",
|
36
|
+
"package": "@fluentui/react-divider",
|
37
|
+
"comment": "Bump @fluentui/react-theme to v9.1.12",
|
38
|
+
"commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
|
39
|
+
},
|
40
|
+
{
|
41
|
+
"author": "beachball",
|
42
|
+
"package": "@fluentui/react-divider",
|
43
|
+
"comment": "Bump @fluentui/react-utilities to v9.13.1",
|
44
|
+
"commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
|
45
|
+
}
|
46
|
+
]
|
47
|
+
}
|
48
|
+
},
|
49
|
+
{
|
50
|
+
"date": "Tue, 29 Aug 2023 12:57:36 GMT",
|
51
|
+
"tag": "@fluentui/react-divider_v9.2.30",
|
52
|
+
"version": "9.2.30",
|
53
|
+
"comments": {
|
54
|
+
"patch": [
|
55
|
+
{
|
56
|
+
"author": "beachball",
|
57
|
+
"package": "@fluentui/react-divider",
|
58
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.3",
|
59
|
+
"commit": "f40ca42c8392904750bf1ef24826d273d1a5b4d5"
|
60
|
+
},
|
61
|
+
{
|
62
|
+
"author": "beachball",
|
63
|
+
"package": "@fluentui/react-divider",
|
64
|
+
"comment": "Bump @fluentui/react-utilities to v9.13.0",
|
65
|
+
"commit": "f40ca42c8392904750bf1ef24826d273d1a5b4d5"
|
66
|
+
}
|
67
|
+
]
|
68
|
+
}
|
69
|
+
},
|
70
|
+
{
|
71
|
+
"date": "Thu, 24 Aug 2023 10:26:35 GMT",
|
6
72
|
"tag": "@fluentui/react-divider_v9.2.29",
|
7
73
|
"version": "9.2.29",
|
8
74
|
"comments": {
|
package/CHANGELOG.md
CHANGED
@@ -1,12 +1,36 @@
|
|
1
1
|
# Change Log - @fluentui/react-divider
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Tue, 05 Sep 2023 13:23:26 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
+
## [9.2.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.31)
|
8
|
+
|
9
|
+
Tue, 05 Sep 2023 13:23:26 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.30..@fluentui/react-divider_v9.2.31)
|
11
|
+
|
12
|
+
### Patches
|
13
|
+
|
14
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
15
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
16
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.4 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
|
17
|
+
- Bump @fluentui/react-shared-contexts to v9.7.3 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
|
18
|
+
- Bump @fluentui/react-theme to v9.1.12 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
|
19
|
+
- Bump @fluentui/react-utilities to v9.13.1 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
|
20
|
+
|
21
|
+
## [9.2.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.30)
|
22
|
+
|
23
|
+
Tue, 29 Aug 2023 12:57:36 GMT
|
24
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.29..@fluentui/react-divider_v9.2.30)
|
25
|
+
|
26
|
+
### Patches
|
27
|
+
|
28
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.3 ([PR #29005](https://github.com/microsoft/fluentui/pull/29005) by beachball)
|
29
|
+
- Bump @fluentui/react-utilities to v9.13.0 ([PR #29005](https://github.com/microsoft/fluentui/pull/29005) by beachball)
|
30
|
+
|
7
31
|
## [9.2.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.29)
|
8
32
|
|
9
|
-
Thu, 24 Aug 2023 10:
|
33
|
+
Thu, 24 Aug 2023 10:26:35 GMT
|
10
34
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.28..@fluentui/react-divider_v9.2.29)
|
11
35
|
|
12
36
|
### Patches
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["Divider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider: ForwardRefComponent<DividerProps> = React.forwardRef((props, ref) => {\n const state = useDivider_unstable(props, ref);\n\n useDividerStyles_unstable(state);\n\n useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n\n return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"],"names":["React","renderDivider_unstable","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","Divider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,yBAAyB,QAAQ,4BAA4B;AAGtE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,wBAA6CL,MAAMM,UAAU,CAAC,CAACC,OAAOC
|
1
|
+
{"version":3,"sources":["Divider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider: ForwardRefComponent<DividerProps> = React.forwardRef((props, ref) => {\n const state = useDivider_unstable(props, ref);\n\n useDividerStyles_unstable(state);\n\n useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n\n return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"],"names":["React","renderDivider_unstable","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","Divider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,yBAAyB,QAAQ,4BAA4B;AAGtE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,wBAA6CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,QAAQP,oBAAoBK,OAAOC;IAEzCL,0BAA0BM;IAE1BL,4BAA4B,6BAA6BK;IAEzD,OAAOR,uBAAuBQ;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}
|
@@ -1,8 +1,12 @@
|
|
1
|
-
/** @jsxRuntime
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
2
2
|
import { assertSlots } from '@fluentui/react-utilities';
|
3
3
|
/**
|
4
4
|
* Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
|
5
5
|
*/ export const renderDivider_unstable = (state)=>{
|
6
6
|
assertSlots(state);
|
7
|
-
return /*#__PURE__*/
|
7
|
+
return /*#__PURE__*/ _jsx(state.root, {
|
8
|
+
children: state.root.children !== undefined && /*#__PURE__*/ _jsx(state.wrapper, {
|
9
|
+
children: state.root.children
|
10
|
+
})
|
11
|
+
});
|
8
12
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime
|
1
|
+
{"version":3,"sources":["renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } 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 assertSlots<DividerSlots>(state);\n return (\n <state.root>{state.root.children !== undefined && <state.wrapper>{state.root.children}</state.wrapper>}</state.root>\n );\n};\n"],"names":["assertSlots","renderDivider_unstable","state","root","children","undefined","wrapper"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC;IACrCF,YAA0BE;IAC1B,qBACE,KAACA,MAAMC,IAAI;kBAAED,MAAMC,IAAI,CAACC,QAAQ,KAAKC,2BAAa,KAACH,MAAMI,OAAO;sBAAEJ,MAAMC,IAAI,CAACC,QAAQ;;;AAEzF,EAAE"}
|
@@ -5,7 +5,7 @@ import { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';
|
|
5
5
|
* @param props - User-provided props to the Divider component.
|
6
6
|
* @param ref - User-provided ref to be passed to the Divider component.
|
7
7
|
*/ export const useDivider_unstable = (props, ref)=>{
|
8
|
-
const { alignContent ='center'
|
8
|
+
const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;
|
9
9
|
const dividerId = useId('divider-');
|
10
10
|
return {
|
11
11
|
// Props passed at the top-level
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } 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: slot.always(\n getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref,\n }),\n { elementType: 'div' },\n ),\n wrapper: slot.always(wrapper, {\n defaultProps: {\n id: dividerId,\n children: props.children,\n },\n elementType: 'div',\n }),\n };\n};\n"],"names":["React","getNativeElementProps","useId","slot","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","always","role","children","undefined","elementType","defaultProps","id"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAG/E;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,OAAqBC
|
1
|
+
{"version":3,"sources":["useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } 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: slot.always(\n getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref,\n }),\n { elementType: 'div' },\n ),\n wrapper: slot.always(wrapper, {\n defaultProps: {\n id: dividerId,\n children: props.children,\n },\n elementType: 'div',\n }),\n };\n};\n"],"names":["React","getNativeElementProps","useId","slot","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","always","role","children","undefined","elementType","defaultProps","id"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAG/E;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,OAAqBC;IACvD,MAAM,EAAEC,eAAe,QAAQ,EAAEC,aAAa,SAAS,EAAEC,QAAQ,KAAK,EAAEC,WAAW,KAAK,EAAEC,OAAO,EAAE,GAAGN;IACtG,MAAMO,YAAYV,MAAM;IAExB,OAAO;QACL,gCAAgC;QAChCK;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBG,YAAY;YACVC,MAAM;YACNH,SAAS;QACX;QAEAG,MAAMX,KAAKY,MAAM,CACfd,sBAAsB,OAAO;YAC3Be,MAAM;YACN,oBAAoBN,WAAW,aAAa;YAC5C,mBAAmBL,MAAMY,QAAQ,GAAGL,YAAYM;YAChD,GAAGb,KAAK;YACRC;QACF,IACA;YAAEa,aAAa;QAAM;QAEvBR,SAASR,KAAKY,MAAM,CAACJ,SAAS;YAC5BS,cAAc;gBACZC,IAAIT;gBACJK,UAAUZ,MAAMY,QAAQ;YAC1B;YACAE,aAAa;QACf;IACF;AACF,EAAE"}
|
@@ -1 +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":["useDividerStyles.styles.js"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } 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 = 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 fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n textAlign: 'center',\n '::before': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n },\n '::after': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n }\n },\n // Childless styles\n childless: {\n '::before': {\n marginBottom: 0,\n marginRight: 0\n },\n '::after': {\n marginLeft: 0,\n marginTop: 0\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 // Appearance variations\n brand: {\n color: tokens.colorBrandForeground1,\n '::before': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n }\n },\n default: {\n color: tokens.colorNeutralForeground2,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n }\n },\n subtle: {\n color: tokens.colorNeutralForeground2,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n }\n },\n strong: {\n color: tokens.colorNeutralForeground2,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n }\n }\n});\nconst useHorizontalStyles = makeStyles({\n // Base styles\n base: {\n width: '100%',\n '::before': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength\n },\n '::after': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n paddingLeft: insetSpacing,\n paddingRight: insetSpacing\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginRight: contentSpacing,\n maxWidth: maxStartEndLength\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});\nconst useVerticalStyles = makeStyles({\n // Base styles\n base: {\n flexDirection: 'column',\n minHeight: '20px',\n '::before': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength\n },\n '::after': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n marginTop: insetSpacing,\n marginBottom: insetSpacing\n },\n // With children styles\n withChildren: {\n minHeight: '84px'\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginBottom: contentSpacing,\n maxHeight: maxStartEndLength\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});\nexport const useDividerStyles_unstable = (state)=>{\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const { alignContent , appearance , inset , vertical } = state;\n state.root.className = mergeClasses(dividerClassNames.root, // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles\n state.root.children === undefined && baseStyles.childless, // 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"],"mappings":"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"}
|
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":["useDividerStyles.styles.js"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } 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 = 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 fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n textAlign: 'center',\n '::before': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n },\n '::after': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n }\n },\n // Childless styles\n childless: {\n '::before': {\n marginBottom: 0,\n marginRight: 0\n },\n '::after': {\n marginLeft: 0,\n marginTop: 0\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 // Appearance variations\n brand: {\n color: tokens.colorBrandForeground1,\n '::before': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n }\n },\n default: {\n color: tokens.colorNeutralForeground2,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n }\n },\n subtle: {\n color: tokens.colorNeutralForeground2,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n }\n },\n strong: {\n color: tokens.colorNeutralForeground2,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n }\n }\n});\nconst useHorizontalStyles = makeStyles({\n // Base styles\n base: {\n width: '100%',\n '::before': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength\n },\n '::after': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n paddingLeft: insetSpacing,\n paddingRight: insetSpacing\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginRight: contentSpacing,\n maxWidth: maxStartEndLength\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});\nconst useVerticalStyles = makeStyles({\n // Base styles\n base: {\n flexDirection: 'column',\n minHeight: '20px',\n '::before': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength\n },\n '::after': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n marginTop: insetSpacing,\n marginBottom: insetSpacing\n },\n // With children styles\n withChildren: {\n minHeight: '84px'\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginBottom: contentSpacing,\n maxHeight: maxStartEndLength\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});\nexport const useDividerStyles_unstable = (state)=>{\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const { alignContent, appearance, inset, vertical } = state;\n state.root.className = mergeClasses(dividerClassNames.root, // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles\n state.root.children === undefined && baseStyles.childless, // 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"],"mappings":"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"}
|
package/lib-commonjs/Divider.js
CHANGED
@@ -2,5 +2,5 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
3
3
|
value: true
|
4
4
|
});
|
5
|
-
const
|
6
|
-
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
6
|
+
_export_star._(require("./components/Divider/index"), exports);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["Divider.js"],"sourcesContent":["export * from './components/Divider/index';\n"],"names":[],"mappings":";;;;;
|
1
|
+
{"version":3,"sources":["Divider.js"],"sourcesContent":["export * from './components/Divider/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "Divider", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return Divider;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const _react = /*#__PURE__*/
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
11
13
|
const _renderDivider = require("./renderDivider");
|
12
14
|
const _useDivider = require("./useDivider");
|
13
|
-
const
|
14
|
-
const
|
15
|
+
const _useDividerStylesstyles = require("./useDividerStyles.styles");
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
15
17
|
const Divider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
16
18
|
const state = (0, _useDivider.useDivider_unstable)(props, ref);
|
17
|
-
(0,
|
18
|
-
(0,
|
19
|
+
(0, _useDividerStylesstyles.useDividerStyles_unstable)(state);
|
20
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDividerStyles_unstable')(state);
|
19
21
|
return (0, _renderDivider.renderDivider_unstable)(state);
|
20
22
|
});
|
21
23
|
Divider.displayName = 'Divider';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["Divider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A divider visually segments content into groups.\n */ export const Divider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDivider_unstable(props, ref);\n useDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n return renderDivider_unstable(state);\n});\nDivider.displayName = 'Divider';\n"],"names":["Divider","React","forwardRef","props","ref","state","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"mappings":";;;;+BAOiBA
|
1
|
+
{"version":3,"sources":["Divider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A divider visually segments content into groups.\n */ export const Divider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDivider_unstable(props, ref);\n useDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n return renderDivider_unstable(state);\n});\nDivider.displayName = 'Divider';\n"],"names":["Divider","React","forwardRef","props","ref","state","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;+BACgB;4BACH;wCACM;qCACE;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC9D,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzCG,IAAAA,iDAAyB,EAACF;IAC1BG,IAAAA,gDAA2B,EAAC,6BAA6BH;IACzD,OAAOI,IAAAA,qCAAsB,EAACJ;AAClC;AACAL,QAAQU,WAAW,GAAG"}
|
@@ -2,9 +2,9 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
3
3
|
value: true
|
4
4
|
});
|
5
|
-
const
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
6
|
+
_export_star._(require("./Divider"), exports);
|
7
|
+
_export_star._(require("./Divider.types"), exports);
|
8
|
+
_export_star._(require("./renderDivider"), exports);
|
9
|
+
_export_star._(require("./useDivider"), exports);
|
10
|
+
_export_star._(require("./useDividerStyles.styles"), exports);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles.styles';\n"],"names":[],"mappings":";;;;;
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
@@ -1,14 +1,20 @@
|
|
1
|
-
/** @jsxRuntime
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
3
3
|
value: true
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "renderDivider_unstable", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return renderDivider_unstable;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
11
13
|
const renderDivider_unstable = (state)=>{
|
12
|
-
(0,
|
13
|
-
return /*#__PURE__*/ (0,
|
14
|
+
(0, _reactutilities.assertSlots)(state);
|
15
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
|
16
|
+
children: state.root.children !== undefined && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.wrapper, {
|
17
|
+
children: state.root.children
|
18
|
+
})
|
19
|
+
});
|
14
20
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["renderDivider.js"],"sourcesContent":["/** @jsxRuntime
|
1
|
+
{"version":3,"sources":["renderDivider.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */ export const renderDivider_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsx(state.root, {\n children: state.root.children !== undefined && /*#__PURE__*/ _jsx(state.wrapper, {\n children: state.root.children\n })\n });\n};\n"],"names":["renderDivider_unstable","state","assertSlots","_jsx","root","children","undefined","wrapper"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ4F;gCACjF;AAGjB,MAAMA,yBAAyB,CAACC;IACvCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE;QAClCC,UAAUJ,MAAMG,IAAI,CAACC,QAAQ,KAAKC,aAAa,WAAW,GAAGH,IAAAA,eAAI,EAACF,MAAMM,OAAO,EAAE;YAC7EF,UAAUJ,MAAMG,IAAI,CAACC,QAAQ;QACjC;IACJ;AACJ"}
|
@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "useDivider_unstable", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return useDivider_unstable;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const _react = /*#__PURE__*/
|
11
|
-
const
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
12
14
|
const useDivider_unstable = (props, ref)=>{
|
13
|
-
const { alignContent ='center'
|
14
|
-
const dividerId = (0,
|
15
|
+
const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;
|
16
|
+
const dividerId = (0, _reactutilities.useId)('divider-');
|
15
17
|
return {
|
16
18
|
// Props passed at the top-level
|
17
19
|
alignContent,
|
@@ -23,7 +25,7 @@ const useDivider_unstable = (props, ref)=>{
|
|
23
25
|
root: 'div',
|
24
26
|
wrapper: 'div'
|
25
27
|
},
|
26
|
-
root:
|
28
|
+
root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
|
27
29
|
role: 'separator',
|
28
30
|
'aria-orientation': vertical ? 'vertical' : 'horizontal',
|
29
31
|
'aria-labelledby': props.children ? dividerId : undefined,
|
@@ -32,7 +34,7 @@ const useDivider_unstable = (props, ref)=>{
|
|
32
34
|
}), {
|
33
35
|
elementType: 'div'
|
34
36
|
}),
|
35
|
-
wrapper:
|
37
|
+
wrapper: _reactutilities.slot.always(wrapper, {
|
36
38
|
defaultProps: {
|
37
39
|
id: dividerId,
|
38
40
|
children: props.children
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */ export const useDivider_unstable = (props, ref)=>{\n const { alignContent ='center'
|
1
|
+
{"version":3,"sources":["useDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */ export const useDivider_unstable = (props, ref)=>{\n const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n const dividerId = useId('divider-');\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref\n }), {\n elementType: 'div'\n }),\n wrapper: slot.always(wrapper, {\n defaultProps: {\n id: dividerId,\n children: props.children\n },\n elementType: 'div'\n })\n };\n};\n"],"names":["useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","slot","always","getNativeElementProps","role","children","undefined","elementType","defaultProps","id"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;gCAC4B;AAKxC,MAAMA,sBAAsB,CAACC,OAAOC;IAC3C,MAAM,EAAEC,eAAe,QAAQ,EAAEC,aAAa,SAAS,EAAEC,QAAQ,KAAK,EAAEC,WAAW,KAAK,EAAEC,OAAO,EAAE,GAAGN;IACtG,MAAMO,YAAYC,IAAAA,qBAAK,EAAC;IACxB,OAAO;QACH,gCAAgC;QAChCN;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBI,YAAY;YACRC,MAAM;YACNJ,SAAS;QACb;QACAI,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CC,MAAM;YACN,oBAAoBT,WAAW,aAAa;YAC5C,mBAAmBL,MAAMe,QAAQ,GAAGR,YAAYS;YAChD,GAAGhB,KAAK;YACRC;QACJ,IAAI;YACAgB,aAAa;QACjB;QACAX,SAASK,oBAAI,CAACC,MAAM,CAACN,SAAS;YAC1BY,cAAc;gBACVC,IAAIZ;gBACJQ,UAAUf,MAAMe,QAAQ;YAC5B;YACAE,aAAa;QACjB;IACJ;AACJ"}
|
@@ -9,8 +9,12 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
dividerClassNames: ()
|
13
|
-
|
12
|
+
dividerClassNames: function() {
|
13
|
+
return dividerClassNames;
|
14
|
+
},
|
15
|
+
useDividerStyles_unstable: function() {
|
16
|
+
return useDividerStyles_unstable;
|
17
|
+
}
|
14
18
|
});
|
15
19
|
const _react = require("@griffel/react");
|
16
20
|
const dividerClassNames = {
|
@@ -21,7 +25,7 @@ const contentSpacing = '12px';
|
|
21
25
|
const insetSpacing = '12px';
|
22
26
|
const maxStartEndLength = '8px';
|
23
27
|
const minStartEndLength = '8px;';
|
24
|
-
const useBaseStyles = /*#__PURE__*/ (0, _react
|
28
|
+
const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
25
29
|
base: {
|
26
30
|
Bt984gj: "f122n59",
|
27
31
|
B7ck84d: "f1ewtqcl",
|
@@ -218,7 +222,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
218
222
|
".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}"
|
219
223
|
]
|
220
224
|
});
|
221
|
-
const useHorizontalStyles = /*#__PURE__*/ (0, _react
|
225
|
+
const useHorizontalStyles = /*#__PURE__*/ (0, _react.__styles)({
|
222
226
|
base: {
|
223
227
|
a9b677: "fly5x3f",
|
224
228
|
Bdkvgpv: "f163fonl",
|
@@ -293,7 +297,7 @@ const useHorizontalStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
293
297
|
".f1ayce8x::after{max-width:8px;}"
|
294
298
|
]
|
295
299
|
});
|
296
|
-
const useVerticalStyles = /*#__PURE__*/ (0, _react
|
300
|
+
const useVerticalStyles = /*#__PURE__*/ (0, _react.__styles)({
|
297
301
|
base: {
|
298
302
|
Beiy3e4: "f1vx9l62",
|
299
303
|
sshi5w: "f16gbxbe",
|
@@ -368,7 +372,7 @@ const useDividerStyles_unstable = (state)=>{
|
|
368
372
|
const baseStyles = useBaseStyles();
|
369
373
|
const horizontalStyles = useHorizontalStyles();
|
370
374
|
const verticalStyles = useVerticalStyles();
|
371
|
-
const { alignContent
|
375
|
+
const { alignContent, appearance, inset, vertical } = state;
|
372
376
|
state.root.className = (0, _react.mergeClasses)(dividerClassNames.root, // Base styles
|
373
377
|
baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles
|
374
378
|
!vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["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{align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".fqerorx{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:flex;}\", \".fhsnbul::before{flex-grow:1;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f1ly5f7u::after{display:flex;}\", \".f1s3tz6t::after{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{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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"}
|
1
|
+
{"version":3,"sources":["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{align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".fqerorx{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:flex;}\", \".fhsnbul::before{flex-grow:1;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f1ly5f7u::after{display:flex;}\", \".f1s3tz6t::after{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{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/lib-commonjs/index.js
CHANGED
@@ -9,10 +9,20 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
Divider: ()
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
12
|
+
Divider: function() {
|
13
|
+
return _Divider.Divider;
|
14
|
+
},
|
15
|
+
dividerClassNames: function() {
|
16
|
+
return _Divider.dividerClassNames;
|
17
|
+
},
|
18
|
+
renderDivider_unstable: function() {
|
19
|
+
return _Divider.renderDivider_unstable;
|
20
|
+
},
|
21
|
+
useDividerStyles_unstable: function() {
|
22
|
+
return _Divider.useDividerStyles_unstable;
|
23
|
+
},
|
24
|
+
useDivider_unstable: function() {
|
25
|
+
return _Divider.useDivider_unstable;
|
26
|
+
}
|
17
27
|
});
|
18
|
-
const
|
28
|
+
const _Divider = require("./Divider");
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO,
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO;eAAPA,gBAAO;;IAAEC,iBAAiB;eAAjBA,0BAAiB;;IAAEC,sBAAsB;eAAtBA,+BAAsB;;IAAEC,yBAAyB;eAAzBA,kCAAyB;;IAAEC,mBAAmB;eAAnBA,4BAAmB;;;yBAAQ"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-divider",
|
3
|
-
"version": "9.2.
|
3
|
+
"version": "9.2.31",
|
4
4
|
"description": "Fluent UI component to visually separate content.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -33,18 +33,18 @@
|
|
33
33
|
"@fluentui/scripts-tasks": "*"
|
34
34
|
},
|
35
35
|
"dependencies": {
|
36
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
37
|
-
"@fluentui/react-shared-contexts": "^9.7.
|
38
|
-
"@fluentui/react-theme": "^9.1.
|
39
|
-
"@fluentui/react-utilities": "^9.
|
36
|
+
"@fluentui/react-jsx-runtime": "^9.0.4",
|
37
|
+
"@fluentui/react-shared-contexts": "^9.7.3",
|
38
|
+
"@fluentui/react-theme": "^9.1.12",
|
39
|
+
"@fluentui/react-utilities": "^9.13.1",
|
40
40
|
"@griffel/react": "^1.5.14",
|
41
|
-
"@swc/helpers": "^0.
|
41
|
+
"@swc/helpers": "^0.5.1"
|
42
42
|
},
|
43
43
|
"peerDependencies": {
|
44
|
-
"@types/react": ">=16.
|
45
|
-
"@types/react-dom": ">=16.
|
46
|
-
"react": ">=16.
|
47
|
-
"react-dom": ">=16.
|
44
|
+
"@types/react": ">=16.14.0 <19.0.0",
|
45
|
+
"@types/react-dom": ">=16.14.0 <19.0.0",
|
46
|
+
"react": ">=16.14.0 <19.0.0",
|
47
|
+
"react-dom": ">=16.14.0 <19.0.0"
|
48
48
|
},
|
49
49
|
"beachball": {
|
50
50
|
"disallowedChangeTypes": [
|