@fluentui/react-divider 9.2.14 → 9.2.15
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 +34 -1
- package/CHANGELOG.md +14 -2
- package/lib/Divider.js +0 -1
- package/lib/Divider.js.map +1 -1
- package/lib/components/Divider/Divider.js +5 -7
- package/lib/components/Divider/Divider.js.map +1 -1
- package/lib/components/Divider/Divider.types.js +1 -2
- package/lib/components/Divider/Divider.types.js.map +1 -1
- package/lib/components/Divider/index.js +0 -1
- package/lib/components/Divider/index.js.map +1 -1
- package/lib/components/Divider/renderDivider.js +4 -9
- package/lib/components/Divider/renderDivider.js.map +1 -1
- package/lib/components/Divider/useDivider.js +29 -37
- package/lib/components/Divider/useDivider.js.map +1 -1
- package/lib/components/Divider/useDividerStyles.styles.js.map +1 -1
- package/lib/index.js +0 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Divider.js +0 -3
- package/lib-commonjs/Divider.js.map +1 -1
- package/lib-commonjs/components/Divider/Divider.js +1 -3
- package/lib-commonjs/components/Divider/Divider.js.map +1 -1
- package/lib-commonjs/components/Divider/Divider.types.js +0 -3
- package/lib-commonjs/components/Divider/Divider.types.js.map +1 -1
- package/lib-commonjs/components/Divider/index.js +0 -3
- package/lib-commonjs/components/Divider/index.js.map +1 -1
- package/lib-commonjs/components/Divider/renderDivider.js +1 -3
- package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
- package/lib-commonjs/components/Divider/useDivider.js +1 -3
- package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
- package/lib-commonjs/components/Divider/useDividerStyles.styles.js +0 -2
- package/lib-commonjs/components/Divider/useDividerStyles.styles.js.map +1 -1
- package/lib-commonjs/index.js +0 -3
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +5 -5
package/CHANGELOG.json
CHANGED
@@ -2,7 +2,40 @@
|
|
2
2
|
"name": "@fluentui/react-divider",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
5
|
+
"date": "Wed, 31 May 2023 06:42:55 GMT",
|
6
|
+
"tag": "@fluentui/react-divider_v9.2.15",
|
7
|
+
"version": "9.2.15",
|
8
|
+
"comments": {
|
9
|
+
"patch": [
|
10
|
+
{
|
11
|
+
"author": "seanmonahan@microsoft.com",
|
12
|
+
"package": "@fluentui/react-divider",
|
13
|
+
"commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
|
14
|
+
"comment": "chore: Update Griffel to v1.5.7."
|
15
|
+
},
|
16
|
+
{
|
17
|
+
"author": "beachball",
|
18
|
+
"package": "@fluentui/react-divider",
|
19
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
|
20
|
+
"commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "beachball",
|
24
|
+
"package": "@fluentui/react-divider",
|
25
|
+
"comment": "Bump @fluentui/react-utilities to v9.9.2",
|
26
|
+
"commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "beachball",
|
30
|
+
"package": "@fluentui/react-divider",
|
31
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
|
32
|
+
"commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
|
33
|
+
}
|
34
|
+
]
|
35
|
+
}
|
36
|
+
},
|
37
|
+
{
|
38
|
+
"date": "Thu, 25 May 2023 10:00:48 GMT",
|
6
39
|
"tag": "@fluentui/react-divider_v9.2.14",
|
7
40
|
"version": "9.2.14",
|
8
41
|
"comments": {
|
package/CHANGELOG.md
CHANGED
@@ -1,12 +1,24 @@
|
|
1
1
|
# Change Log - @fluentui/react-divider
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Wed, 31 May 2023 06:42:55 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
+
## [9.2.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.15)
|
8
|
+
|
9
|
+
Wed, 31 May 2023 06:42:55 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.14..@fluentui/react-divider_v9.2.15)
|
11
|
+
|
12
|
+
### Patches
|
13
|
+
|
14
|
+
- chore: Update Griffel to v1.5.7. ([PR #27925](https://github.com/microsoft/fluentui/pull/27925) by seanmonahan@microsoft.com)
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
|
16
|
+
- Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
|
17
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
|
18
|
+
|
7
19
|
## [9.2.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.14)
|
8
20
|
|
9
|
-
Thu, 25 May 2023
|
21
|
+
Thu, 25 May 2023 10:00:48 GMT
|
10
22
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.13..@fluentui/react-divider_v9.2.14)
|
11
23
|
|
12
24
|
### Patches
|
package/lib/Divider.js
CHANGED
package/lib/Divider.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["Divider.ts"],"sourcesContent":["export * from './components/Divider/index';\n"],"names":[],"mappings":"AAAA,cAAc,6BAA6B"}
|
@@ -5,12 +5,10 @@ import { useDividerStyles_unstable } from './useDividerStyles.styles';
|
|
5
5
|
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
|
6
6
|
/**
|
7
7
|
* A divider visually segments content into groups.
|
8
|
-
*/
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
return renderDivider_unstable(state);
|
8
|
+
*/ export const Divider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
9
|
+
const state = useDivider_unstable(props, ref);
|
10
|
+
useDividerStyles_unstable(state);
|
11
|
+
useCustomStyleHook_unstable('useDividerStyles_unstable')(state);
|
12
|
+
return renderDivider_unstable(state);
|
14
13
|
});
|
15
14
|
Divider.displayName = 'Divider';
|
16
|
-
//# sourceMappingURL=Divider.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
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,MAAQ;IACzF,MAAMC,QAAQP,oBAAoBK,OAAOC;IAEzCL,0BAA0BM;IAE1BL,4BAA4B,6BAA6BK;IAEzD,OAAOR,uBAAuBQ;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}
|
@@ -1,2 +1 @@
|
|
1
|
-
export {};
|
2
|
-
//# sourceMappingURL=Divider.types.js.map
|
1
|
+
export { };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["Divider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DividerSlots = {\n /**\n * Root of the component that renders as a `<div>` tag.\n */\n root: NonNullable<Slot<'div'>>;\n\n /**\n * Accessibility wrapper for content when presented.\n */\n wrapper: NonNullable<Slot<'div'>>;\n};\n\nexport type DividerProps = ComponentProps<Partial<DividerSlots>> & {\n /**\n * Determines the alignment of the content within the divider.\n *\n * @default 'center'\n */\n alignContent?: 'start' | 'center' | 'end';\n\n /**\n * A divider can have one of the preset appearances.\n * When not specified, the divider has its default appearance.\n *\n * @default 'default'\n */\n appearance?: 'brand' | 'default' | 'strong' | 'subtle';\n\n /**\n * Adds padding to the beginning and end of the divider.\n *\n * @default false\n */\n inset?: boolean;\n\n /**\n * A divider can be horizontal (default) or vertical.\n *\n * @default false\n */\n vertical?: boolean;\n};\n\nexport type DividerState = ComponentState<DividerSlots> &\n Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;\n"],"names":[],"mappings":"AAAA,WA8CqF"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,4BAA4B"}
|
@@ -1,13 +1,8 @@
|
|
1
|
-
/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
|
1
|
+
/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
|
2
2
|
import { getSlotsNext } 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
|
-
*/
|
6
|
-
|
7
|
-
|
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));
|
5
|
+
*/ export const renderDivider_unstable = (state)=>{
|
6
|
+
const { slots , slotProps } = getSlotsNext(state);
|
7
|
+
return /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/ createElement(slots.wrapper, slotProps.wrapper, slotProps.root.children));
|
12
8
|
};
|
13
|
-
//# sourceMappingURL=renderDivider.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerState) => {\n const { slots, slotProps } = getSlotsNext<DividerSlots>(state);\n return (\n <slots.root {...slotProps.root}>\n {slotProps.root.children !== undefined && (\n <slots.wrapper {...slotProps.wrapper}>{slotProps.root.children}</slots.wrapper>\n )}\n </slots.root>\n );\n};\n"],"names":["createElement","getSlotsNext","renderDivider_unstable","state","slots","slotProps","root","children","undefined","wrapper"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC,QAAwB;IAC7D,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA2BE;IACxD,qBACE,AAbJ,cAaKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,EAC3BD,UAAUC,IAAI,CAACC,QAAQ,KAAKC,2BAC3B,AAfR,cAeSJ,MAAMK,OAAO,EAAKJ,UAAUI,OAAO,EAAGJ,UAAUC,IAAI,CAACC,QAAQ;AAItE,EAAE"}
|
@@ -4,41 +4,33 @@ import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-
|
|
4
4
|
* Returns the props and state required to render the component
|
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
|
-
*/
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
required: true,
|
37
|
-
defaultProps: {
|
38
|
-
id: dividerId,
|
39
|
-
children: props.children
|
40
|
-
}
|
41
|
-
})
|
42
|
-
};
|
7
|
+
*/ export const useDivider_unstable = (props, ref)=>{
|
8
|
+
const { alignContent ='center' , appearance ='default' , inset =false , vertical =false , wrapper } = props;
|
9
|
+
const dividerId = useId('divider-');
|
10
|
+
return {
|
11
|
+
// Props passed at the top-level
|
12
|
+
alignContent,
|
13
|
+
appearance,
|
14
|
+
inset,
|
15
|
+
vertical,
|
16
|
+
// Slots definition
|
17
|
+
components: {
|
18
|
+
root: 'div',
|
19
|
+
wrapper: 'div'
|
20
|
+
},
|
21
|
+
root: getNativeElementProps('div', {
|
22
|
+
role: 'separator',
|
23
|
+
'aria-orientation': vertical ? 'vertical' : 'horizontal',
|
24
|
+
'aria-labelledby': props.children ? dividerId : undefined,
|
25
|
+
...props,
|
26
|
+
ref
|
27
|
+
}),
|
28
|
+
wrapper: resolveShorthand(wrapper, {
|
29
|
+
required: true,
|
30
|
+
defaultProps: {
|
31
|
+
id: dividerId,
|
32
|
+
children: props.children
|
33
|
+
}
|
34
|
+
})
|
35
|
+
};
|
43
36
|
};
|
44
|
-
//# sourceMappingURL=useDivider.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n const dividerId = useId('divider-');\n\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div',\n },\n\n root: getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref,\n }),\n wrapper: resolveShorthand(wrapper, {\n required: true,\n defaultProps: {\n id: dividerId,\n children: props.children,\n },\n }),\n };\n};\n"],"names":["React","getNativeElementProps","resolveShorthand","useId","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","role","children","undefined","required","defaultProps","id"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AAG3F;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,OAAqBC,MAA8C;IACrG,MAAM,EAAEC,cAAe,SAAQ,EAAEC,YAAa,UAAS,EAAEC,OAAQ,KAAK,CAAA,EAAEC,UAAW,KAAK,CAAA,EAAEC,QAAO,EAAE,GAAGN;IACtG,MAAMO,YAAYT,MAAM;IAExB,OAAO;QACL,gCAAgC;QAChCI;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBG,YAAY;YACVC,MAAM;YACNH,SAAS;QACX;QAEAG,MAAMb,sBAAsB,OAAO;YACjCc,MAAM;YACN,oBAAoBL,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMW,QAAQ,GAAGJ,YAAYK,SAAS;YACzD,GAAGZ,KAAK;YACRC;QACF;QACAK,SAAST,iBAAiBS,SAAS;YACjCO,UAAU,IAAI;YACdC,cAAc;gBACZC,IAAIR;gBACJI,UAAUX,MAAMW,QAAQ;YAC1B;QACF;IACF;AACF,EAAE"}
|
@@ -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":["../../../src/components/Divider/useDividerStyles.styles.ts"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper',\n};\n\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\n\nconst useBaseStyles = makeStyles({\n // Base styles\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'row',\n flexGrow: 1,\n position: 'relative',\n\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n textAlign: 'center',\n\n '::before': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1,\n },\n\n '::after': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1,\n },\n },\n\n // Childless styles\n childless: {\n '::before': {\n marginBottom: 0,\n marginRight: 0,\n },\n\n '::after': {\n marginLeft: 0,\n marginTop: 0,\n },\n },\n\n // Alignment variations\n start: {\n '::after': {\n content: '\"\"',\n },\n },\n center: {\n '::before': {\n content: '\"\"',\n },\n '::after': {\n content: '\"\"',\n },\n },\n end: {\n '::before': {\n content: '\"\"',\n },\n },\n\n // Appearance variations\n brand: {\n color: tokens.colorBrandForeground1,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorBrandStroke1),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorBrandStroke1),\n },\n },\n default: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n },\n subtle: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3),\n },\n },\n strong: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n },\n});\n\nconst useHorizontalStyles = makeStyles({\n // Base styles\n base: {\n width: '100%',\n\n '::before': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength,\n },\n\n '::after': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength,\n },\n },\n\n // Inset styles\n inset: {\n paddingLeft: insetSpacing,\n paddingRight: insetSpacing,\n },\n\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginRight: contentSpacing,\n maxWidth: maxStartEndLength,\n },\n\n '::after': {\n marginLeft: contentSpacing,\n },\n },\n center: {\n '::before': {\n marginRight: contentSpacing,\n },\n '::after': {\n marginLeft: contentSpacing,\n },\n },\n end: {\n '::before': {\n marginRight: contentSpacing,\n },\n '::after': {\n content: '\"\"',\n marginLeft: contentSpacing,\n maxWidth: maxStartEndLength,\n },\n },\n});\n\nconst useVerticalStyles = makeStyles({\n // Base styles\n base: {\n flexDirection: 'column',\n minHeight: '20px',\n\n '::before': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength,\n },\n\n '::after': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength,\n },\n },\n\n // Inset styles\n inset: {\n marginTop: insetSpacing,\n marginBottom: insetSpacing,\n },\n\n // With children styles\n withChildren: {\n minHeight: '84px',\n },\n\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginBottom: contentSpacing,\n maxHeight: maxStartEndLength,\n },\n\n '::after': {\n marginTop: contentSpacing,\n },\n },\n center: {\n '::before': {\n marginBottom: contentSpacing,\n },\n '::after': {\n marginTop: contentSpacing,\n },\n },\n end: {\n '::before': {\n marginBottom: contentSpacing,\n },\n '::after': {\n content: '\"\"',\n marginTop: contentSpacing,\n maxHeight: maxStartEndLength,\n },\n },\n});\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n\n const { alignContent, appearance, inset, vertical } = state;\n\n state.root.className = mergeClasses(\n dividerClassNames.root,\n\n // Base styles\n baseStyles.base,\n baseStyles[alignContent],\n appearance && baseStyles[appearance],\n\n // Horizontal styles\n !vertical && horizontalStyles.base,\n !vertical && inset && horizontalStyles.inset,\n !vertical && horizontalStyles[alignContent],\n\n // Vertical styles\n vertical && verticalStyles.base,\n vertical && inset && verticalStyles.inset,\n vertical && verticalStyles[alignContent],\n vertical && state.root.children !== undefined && verticalStyles.withChildren,\n\n // Childless styles\n state.root.children === undefined && baseStyles.childless,\n\n // User provided class name\n state.root.className,\n );\n\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n\n return state;\n};\n"],"mappings":"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"}
|
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":"AAAA,SAASA,YAAY,EAAEC,UAAU,EAAAC,QAAA,QAAoB,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE,aAAa;EACnBC,OAAO,EAAE;AACb,CAAC;AACD,MAAMC,cAAc,GAAG,MAAM;AAC7B,MAAMC,YAAY,GAAG,MAAM;AAC3B,MAAMC,iBAAiB,GAAG,KAAK;AAC/B,MAAMC,iBAAiB,GAAG,MAAM;AAChC,MAAMC,aAAa,gBAAGT,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,CA4FrB,CAAC;AACF,MAAMC,mBAAmB,gBAAGnD,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,CAiD3B,CAAC;AACF,MAAMc,iBAAiB,gBAAGhE,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,CAsDzB,CAAC;AACF,OAAO,MAAM2B,yBAAyB,GAAIC,KAAK,IAAG;EAC9C,MAAMC,UAAU,GAAGtE,aAAa,CAAC,CAAC;EAClC,MAAMuE,gBAAgB,GAAG7B,mBAAmB,CAAC,CAAC;EAC9C,MAAM8B,cAAc,GAAGjB,iBAAiB,CAAC,CAAC;EAC1C,MAAM;IAAEkB,YAAY;IAAGC,UAAU;IAAGxB,KAAK;IAAGyB;EAAU,CAAC,GAAGN,KAAK;EAC/DA,KAAK,CAAC3E,IAAI,CAACkF,SAAS,GAAGvF,YAAY,CAACI,iBAAiB,CAACC,IAAI;EAAE;EAC5D4E,UAAU,CAACrE,IAAI,EAAEqE,UAAU,CAACG,YAAY,CAAC,EAAEC,UAAU,IAAIJ,UAAU,CAACI,UAAU,CAAC;EAAE;EACjF,CAACC,QAAQ,IAAIJ,gBAAgB,CAACtE,IAAI,EAAE,CAAC0E,QAAQ,IAAIzB,KAAK,IAAIqB,gBAAgB,CAACrB,KAAK,EAAE,CAACyB,QAAQ,IAAIJ,gBAAgB,CAACE,YAAY,CAAC;EAAE;EAC/HE,QAAQ,IAAIH,cAAc,CAACvE,IAAI,EAAE0E,QAAQ,IAAIzB,KAAK,IAAIsB,cAAc,CAACtB,KAAK,EAAEyB,QAAQ,IAAIH,cAAc,CAACC,YAAY,CAAC,EAAEE,QAAQ,IAAIN,KAAK,CAAC3E,IAAI,CAACmF,QAAQ,KAAKC,SAAS,IAAIN,cAAc,CAACP,YAAY;EAAE;EACpMI,KAAK,CAAC3E,IAAI,CAACmF,QAAQ,KAAKC,SAAS,IAAIR,UAAU,CAACnD,SAAS;EAAE;EAC3DkD,KAAK,CAAC3E,IAAI,CAACkF,SAAS,CAAC;EACrB,IAAIP,KAAK,CAAC1E,OAAO,EAAE;IACf0E,KAAK,CAAC1E,OAAO,CAACiF,SAAS,GAAGvF,YAAY,CAACI,iBAAiB,CAACE,OAAO,EAAE0E,KAAK,CAAC1E,OAAO,CAACiF,SAAS,CAAC;EAC9F;EACA,OAAOP,KAAK;AAChB,CAAC"}
|
package/lib/index.js
CHANGED
package/lib/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n Divider,\n dividerClassNames,\n renderDivider_unstable,\n useDividerStyles_unstable,\n useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,YAAY"}
|
package/lib-commonjs/Divider.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["Divider.js"],"sourcesContent":["export * from './components/Divider/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
|
@@ -18,6 +18,4 @@ const Divider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
18
18
|
(0, _reactSharedContexts.useCustomStyleHook_unstable)('useDividerStyles_unstable')(state);
|
19
19
|
return (0, _renderDivider.renderDivider_unstable)(state);
|
20
20
|
});
|
21
|
-
Divider.displayName = 'Divider';
|
22
|
-
|
23
|
-
//# sourceMappingURL=Divider.js.map
|
21
|
+
Divider.displayName = 'Divider';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
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;;aAAAA;;;6DAPM;+BACgB;4BACH;wCACM;qCACE;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACpE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzCG,IAAAA,iDAAyB,EAACF;IAC1BG,IAAAA,gDAA2B,EAAC,6BAA6BH;IACzD,OAAOI,IAAAA,qCAAsB,EAACJ;AAClC;AACAL,QAAQU,WAAW,GAAG"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":[
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
@@ -8,6 +8,3 @@ _exportStar(require("./Divider.types"), exports);
|
|
8
8
|
_exportStar(require("./renderDivider"), exports);
|
9
9
|
_exportStar(require("./useDivider"), exports);
|
10
10
|
_exportStar(require("./useDividerStyles.styles"), exports);
|
11
|
-
//# sourceMappingURL=index.js.map
|
12
|
-
|
13
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
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":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
|
@@ -11,6 +11,4 @@ const _reactUtilities = require("@fluentui/react-utilities");
|
|
11
11
|
const renderDivider_unstable = (state)=>{
|
12
12
|
const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
|
13
13
|
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.wrapper, slotProps.wrapper, slotProps.root.children));
|
14
|
-
};
|
15
|
-
|
16
|
-
//# sourceMappingURL=renderDivider.js.map
|
14
|
+
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["renderDivider.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */ export const renderDivider_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/ createElement(slots.wrapper, slotProps.wrapper, slotProps.root.children));\n};\n"],"names":["renderDivider_unstable","state","slots","slotProps","getSlotsNext","createElement","root","children","undefined","wrapper"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,yBAAyB,CAACC,QAAQ;IAC/C,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEH,UAAUG,IAAI,CAACC,QAAQ,KAAKC,aAAa,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAEN,UAAUM,OAAO,EAAEN,UAAUG,IAAI,CAACC,QAAQ;AACjM"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["useDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */ export const useDivider_unstable = (props, ref)=>{\n const { alignContent ='center' , appearance ='default' , inset =false , vertical =false , wrapper } = props;\n const dividerId = useId('divider-');\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div'\n },\n root: getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref\n }),\n wrapper: resolveShorthand(wrapper, {\n required: true,\n defaultProps: {\n id: dividerId,\n children: props.children\n }\n })\n };\n};\n"],"names":["useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","getNativeElementProps","role","children","undefined","resolveShorthand","required","defaultProps","id"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;gCACwC;AAKpD,MAAMA,sBAAsB,CAACC,OAAOC,MAAM;IACjD,MAAM,EAAEC,cAAc,SAAQ,EAAGC,YAAY,UAAS,EAAGC,OAAO,KAAK,CAAA,EAAGC,UAAU,KAAK,CAAA,EAAGC,QAAO,EAAG,GAAGN;IACvG,MAAMO,YAAYC,IAAAA,qBAAK,EAAC;IACxB,OAAO;QACH,gCAAgC;QAChCN;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBI,YAAY;YACRC,MAAM;YACNJ,SAAS;QACb;QACAI,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BC,MAAM;YACN,oBAAoBP,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMa,QAAQ,GAAGN,YAAYO,SAAS;YACzD,GAAGd,KAAK;YACRC;QACJ;QACAK,SAASS,IAAAA,gCAAgB,EAACT,SAAS;YAC/BU,UAAU,IAAI;YACdC,cAAc;gBACVC,IAAIX;gBACJM,UAAUb,MAAMa,QAAQ;YAC5B;QACJ;IACJ;AACJ"}
|
@@ -1 +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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"}
|
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{-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":";;;;;;;;;;;IAEaA,iBAAiB,MAAjBA;IAiKAC,yBAAyB,MAAzBA;;uBAnKsC;AAE5C,MAAMD,oBAAoB;IAC/BE,MAAM;IACNC,SAAS;AACX;AACA,MAAMC,iBAAiB;AACvB,MAAMC,eAAe;AACrB,MAAMC,oBAAoB;AAC1B,MAAMC,oBAAoB;AAC1B,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,WAAW;QACTC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;IACV;IACAC,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACNC,QAAQ;QACRF,SAAS;IACX;IACAG,KAAK;QACHD,QAAQ;IACV;IACAE,OAAO;QACLC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,WAAW;QACTR,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAC,QAAQ;QACNT,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAE,QAAQ;QACNV,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;AACF,GAAG;IACDG,GAAG;QAAC;QAA2G;QAAqC;QAAwF;QAAoF;QAAqF;QAAiC;QAAgD;QAA+C;QAAmD;QAAmD;QAAiC;QAA4C;QAAiG;QAA6F;QAA4C;QAAgG;QAA6F;QAAuC;QAAqC;QAAqC;QAAmC;QAAoC;QAAiC;QAAmC;QAAoC;QAAkD;QAAgE;QAAmE;QAAkE;QAAoE;QAAgE;QAAkE;QAAiE;QAAkE;QAAmD;QAAmE;QAAqE;QAAmE;QAAsE;QAAkE;QAAmE;QAAkE;QAAoE;QAAkE;QAAqE;QAAoE;QAAsE;QAAiE;QAAmE;QAAkE;QAAqE;QAAmE;QAAqE;QAAoE;QAAqE;QAAiE;QAAoE;QAAmE;KAAoE;AACzlH;AACA,MAAMC,sBAAsB,WAAW,GAAE1C,IAAAA,kBAAQ,EAAC;IAChDC,MAAM;QACJ0C,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,OAAO;QACLC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACA5B,OAAO;QACLG,QAAQ;QACRN,SAAS;YAAC;YAAY;SAAU;QAChCgC,SAAS;QACT/B,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAI,QAAQ;QACNL,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAM,KAAK;QACHP,SAAS;YAAC;YAAY;SAAU;QAChCI,SAAS;QACTH,QAAQ;YAAC;YAAY;SAAW;QAChCgC,QAAQ;IACV;AACF,GAAG;IACDb,GAAG;QAAC;QAAyB;QAA8C;QAA8D;QAAqC;QAA4C;QAA6D;QAAoC;QAAgC;QAAkC;QAAoC;QAAyC;QAAuC;QAAqC;QAAuC;QAAwC;QAAmC;KAAmC;AAC7qB;AACA,MAAMc,oBAAoB,WAAW,GAAEvD,IAAAA,kBAAQ,EAAC;IAC9CC,MAAM;QACJI,SAAS;QACTmD,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAU;QAC/BC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;IACX;IACAZ,OAAO;QACLa,SAAS;QACTC,QAAQ;IACV;IACAC,cAAc;QACZT,QAAQ;IACV;IACAhC,OAAO;QACLG,QAAQ;QACRP,QAAQ;QACR8C,SAAS;QACT3C,QAAQ;IACV;IACAG,QAAQ;QACNN,QAAQ;QACRG,QAAQ;IACV;IACAK,KAAK;QACHR,QAAQ;QACRK,SAAS;QACTF,QAAQ;QACR4C,QAAQ;IACV;AACF,GAAG;IACD1B,GAAG;QAAC;QAA6F;QAA+B;QAAgD;QAA+C;QAAgE;QAAgE;QAAqC;QAA8C;QAA6C;QAAgE;QAA+D;QAAqC;QAA+B;QAAkC;QAA+B;QAAoC;QAAyC;QAAqC;QAAqC;QAAmC;KAAmC;AACl8B;AACO,MAAMjD,4BAA4B4E,CAAAA,QAAS;IAChD,MAAMC,aAAatE;IACnB,MAAMuE,mBAAmB5B;IACzB,MAAM6B,iBAAiBhB;IACvB,MAAM,EACJiB,aAAY,EACZC,WAAU,EACVvB,MAAK,EACLwB,SAAQ,EACT,GAAGN;IACJA,MAAM3E,IAAI,CAACkF,SAAS,GAAGC,IAAAA,mBAAY,EAACrF,kBAAkBE,IAAI,EAC1D,cAAc;IACd4E,WAAWpE,IAAI,EAAEoE,UAAU,CAACG,aAAa,EAAEC,cAAcJ,UAAU,CAACI,WAAW,EAC/E,oBAAoB;IACpB,CAACC,YAAYJ,iBAAiBrE,IAAI,EAAE,CAACyE,YAAYxB,SAASoB,iBAAiBpB,KAAK,EAAE,CAACwB,YAAYJ,gBAAgB,CAACE,aAAa,EAC7H,kBAAkB;IAClBE,YAAYH,eAAetE,IAAI,EAAEyE,YAAYxB,SAASqB,eAAerB,KAAK,EAAEwB,YAAYH,cAAc,CAACC,aAAa,EAAEE,YAAYN,MAAM3E,IAAI,CAACoF,QAAQ,KAAKC,aAAaP,eAAeN,YAAY,EAClM,mBAAmB;IACnBG,MAAM3E,IAAI,CAACoF,QAAQ,KAAKC,aAAaT,WAAWlD,SAAS,EACzD,2BAA2B;IAC3BiD,MAAM3E,IAAI,CAACkF,SAAS;IACpB,IAAIP,MAAM1E,OAAO,EAAE;QACjB0E,MAAM1E,OAAO,CAACiF,SAAS,GAAGC,IAAAA,mBAAY,EAACrF,kBAAkBG,OAAO,EAAE0E,MAAM1E,OAAO,CAACiF,SAAS;IAC3F,CAAC;IACD,OAAOP;AACT,GACA,mDAAmD"}
|
package/lib-commonjs/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
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,MAAPA,gBAAO;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,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.15",
|
4
4
|
"description": "Fluent UI component to visually separate content.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -28,16 +28,16 @@
|
|
28
28
|
"devDependencies": {
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
30
30
|
"@fluentui/react-conformance": "*",
|
31
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
31
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.22",
|
32
32
|
"@fluentui/scripts-api-extractor": "*",
|
33
33
|
"@fluentui/scripts-tasks": "*"
|
34
34
|
},
|
35
35
|
"dependencies": {
|
36
|
-
"@
|
37
|
-
"@fluentui/react-jsx-runtime": "9.0.0-alpha.5",
|
36
|
+
"@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
|
38
37
|
"@fluentui/react-shared-contexts": "^9.5.0",
|
39
38
|
"@fluentui/react-theme": "^9.1.8",
|
40
|
-
"@fluentui/react-utilities": "^9.9.
|
39
|
+
"@fluentui/react-utilities": "^9.9.2",
|
40
|
+
"@griffel/react": "^1.5.7",
|
41
41
|
"@swc/helpers": "^0.4.14"
|
42
42
|
},
|
43
43
|
"peerDependencies": {
|