@fluentui/react-divider 0.0.0-nightly-20230502-0418.1 → 0.0.0-nightly-20230504-0417.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +13 -13
- package/CHANGELOG.md +9 -9
- package/dist/index.d.ts +70 -0
- package/lib/Divider.js +2 -0
- package/lib/Divider.js.map +1 -0
- package/lib/components/Divider/Divider.js +16 -0
- package/lib/components/Divider/Divider.js.map +1 -0
- package/lib/components/Divider/Divider.types.js +2 -0
- package/lib/components/Divider/Divider.types.js.map +1 -0
- package/lib/components/Divider/index.js +6 -0
- package/lib/components/Divider/index.js.map +1 -0
- package/lib/components/Divider/renderDivider.js +13 -0
- package/lib/components/Divider/renderDivider.js.map +1 -0
- package/lib/components/Divider/useDivider.js +44 -0
- package/lib/components/Divider/useDivider.js.map +1 -0
- package/lib/components/Divider/useDividerStyles.styles.js +190 -0
- package/lib/components/Divider/useDividerStyles.styles.js.map +1 -0
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -0
- package/lib-commonjs/components/Divider/Divider.js +2 -2
- package/lib-commonjs/components/Divider/Divider.js.map +1 -1
- package/lib-commonjs/components/Divider/index.js +1 -1
- package/lib-commonjs/components/Divider/index.js.map +1 -1
- package/lib-commonjs/components/Divider/{useDividerStyles.js → useDividerStyles.styles.js} +2 -2
- package/lib-commonjs/components/Divider/useDividerStyles.styles.js.map +1 -0
- package/package.json +6 -6
- package/.swcrc +0 -30
- package/lib-commonjs/components/Divider/useDividerStyles.js.map +0 -1
package/CHANGELOG.json
CHANGED
@@ -2,9 +2,9 @@
|
|
2
2
|
"name": "@fluentui/react-divider",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
6
|
-
"tag": "@fluentui/react-divider_v0.0.0-nightly-
|
7
|
-
"version": "0.0.0-nightly-
|
5
|
+
"date": "Thu, 04 May 2023 04:25:03 GMT",
|
6
|
+
"tag": "@fluentui/react-divider_v0.0.0-nightly-20230504-0417.1",
|
7
|
+
"version": "0.0.0-nightly-20230504-0417.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
@@ -16,32 +16,32 @@
|
|
16
16
|
{
|
17
17
|
"author": "beachball",
|
18
18
|
"package": "@fluentui/react-divider",
|
19
|
-
"comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
20
|
-
"commit": "
|
19
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230504-0417.1",
|
20
|
+
"commit": "433bf105e0be3c4383e246e823c6c1a56a6aea0f"
|
21
21
|
},
|
22
22
|
{
|
23
23
|
"author": "beachball",
|
24
24
|
"package": "@fluentui/react-divider",
|
25
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
26
|
-
"commit": "
|
25
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230504-0417.1",
|
26
|
+
"commit": "433bf105e0be3c4383e246e823c6c1a56a6aea0f"
|
27
27
|
},
|
28
28
|
{
|
29
29
|
"author": "beachball",
|
30
30
|
"package": "@fluentui/react-divider",
|
31
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
32
|
-
"commit": "
|
31
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230504-0417.1",
|
32
|
+
"commit": "433bf105e0be3c4383e246e823c6c1a56a6aea0f"
|
33
33
|
},
|
34
34
|
{
|
35
35
|
"author": "beachball",
|
36
36
|
"package": "@fluentui/react-divider",
|
37
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
38
|
-
"commit": "
|
37
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230504-0417.1",
|
38
|
+
"commit": "433bf105e0be3c4383e246e823c6c1a56a6aea0f"
|
39
39
|
},
|
40
40
|
{
|
41
41
|
"author": "beachball",
|
42
42
|
"package": "@fluentui/react-divider",
|
43
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
44
|
-
"commit": "
|
43
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230504-0417.1",
|
44
|
+
"commit": "433bf105e0be3c4383e246e823c6c1a56a6aea0f"
|
45
45
|
}
|
46
46
|
]
|
47
47
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,22 +1,22 @@
|
|
1
1
|
# Change Log - @fluentui/react-divider
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Thu, 04 May 2023 04:25:03 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-nightly-
|
7
|
+
## [0.0.0-nightly-20230504-0417.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly-20230504-0417.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.10..@fluentui/react-divider_v0.0.0-nightly-
|
9
|
+
Thu, 04 May 2023 04:25:03 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.10..@fluentui/react-divider_v0.0.0-nightly-20230504-0417.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
15
|
-
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
16
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
17
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
18
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
19
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230504-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/433bf105e0be3c4383e246e823c6c1a56a6aea0f) by beachball)
|
16
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230504-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/433bf105e0be3c4383e246e823c6c1a56a6aea0f) by beachball)
|
17
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20230504-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/433bf105e0be3c4383e246e823c6c1a56a6aea0f) by beachball)
|
18
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20230504-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/433bf105e0be3c4383e246e823c6c1a56a6aea0f) by beachball)
|
19
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230504-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/433bf105e0be3c4383e246e823c6c1a56a6aea0f) by beachball)
|
20
20
|
|
21
21
|
## [9.2.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.10)
|
22
22
|
|
package/dist/index.d.ts
ADDED
@@ -0,0 +1,70 @@
|
|
1
|
+
import type { ComponentProps } from '@fluentui/react-utilities';
|
2
|
+
import type { ComponentState } from '@fluentui/react-utilities';
|
3
|
+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
4
|
+
import * as React_2 from 'react';
|
5
|
+
import type { Slot } from '@fluentui/react-utilities';
|
6
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
7
|
+
|
8
|
+
/**
|
9
|
+
* A divider visually segments content into groups.
|
10
|
+
*/
|
11
|
+
export declare const Divider: ForwardRefComponent<DividerProps>;
|
12
|
+
|
13
|
+
export declare const dividerClassNames: SlotClassNames<DividerSlots>;
|
14
|
+
|
15
|
+
export declare type DividerProps = ComponentProps<Partial<DividerSlots>> & {
|
16
|
+
/**
|
17
|
+
* Determines the alignment of the content within the divider.
|
18
|
+
*
|
19
|
+
* @default 'center'
|
20
|
+
*/
|
21
|
+
alignContent?: 'start' | 'center' | 'end';
|
22
|
+
/**
|
23
|
+
* A divider can have one of the preset appearances.
|
24
|
+
* When not specified, the divider has its default appearance.
|
25
|
+
*
|
26
|
+
* @default 'default'
|
27
|
+
*/
|
28
|
+
appearance?: 'brand' | 'default' | 'strong' | 'subtle';
|
29
|
+
/**
|
30
|
+
* Adds padding to the beginning and end of the divider.
|
31
|
+
*
|
32
|
+
* @default false
|
33
|
+
*/
|
34
|
+
inset?: boolean;
|
35
|
+
/**
|
36
|
+
* A divider can be horizontal (default) or vertical.
|
37
|
+
*
|
38
|
+
* @default false
|
39
|
+
*/
|
40
|
+
vertical?: boolean;
|
41
|
+
};
|
42
|
+
|
43
|
+
export declare type DividerSlots = {
|
44
|
+
/**
|
45
|
+
* Root of the component that renders as a `<div>` tag.
|
46
|
+
*/
|
47
|
+
root: Slot<'div'>;
|
48
|
+
/**
|
49
|
+
* Accessibility wrapper for content when presented.
|
50
|
+
*/
|
51
|
+
wrapper: Slot<'div'>;
|
52
|
+
};
|
53
|
+
|
54
|
+
export declare type DividerState = ComponentState<DividerSlots> & Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;
|
55
|
+
|
56
|
+
/**
|
57
|
+
* Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
|
58
|
+
*/
|
59
|
+
export declare const renderDivider_unstable: (state: DividerState) => JSX.Element;
|
60
|
+
|
61
|
+
/**
|
62
|
+
* Returns the props and state required to render the component
|
63
|
+
* @param props - User-provided props to the Divider component.
|
64
|
+
* @param ref - User-provided ref to be passed to the Divider component.
|
65
|
+
*/
|
66
|
+
export declare const useDivider_unstable: (props: DividerProps, ref: React_2.Ref<HTMLElement>) => DividerState;
|
67
|
+
|
68
|
+
export declare const useDividerStyles_unstable: (state: DividerState) => DividerState;
|
69
|
+
|
70
|
+
export { }
|
package/lib/Divider.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":[],"sources":["../src/Divider.ts"],"sourcesContent":["export * from './components/Divider/index';\n"],"mappings":"AAAA,cAAc"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { renderDivider_unstable } from './renderDivider';
|
3
|
+
import { useDivider_unstable } from './useDivider';
|
4
|
+
import { useDividerStyles_unstable } from './useDividerStyles.styles';
|
5
|
+
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
|
6
|
+
/**
|
7
|
+
* A divider visually segments content into groups.
|
8
|
+
*/
|
9
|
+
export const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
|
10
|
+
const state = useDivider_unstable(props, ref);
|
11
|
+
useDividerStyles_unstable(state);
|
12
|
+
useCustomStyleHook_unstable('useDividerStyles_unstable')(state);
|
13
|
+
return renderDivider_unstable(state);
|
14
|
+
});
|
15
|
+
Divider.displayName = 'Divider';
|
16
|
+
//# sourceMappingURL=Divider.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["React","renderDivider_unstable","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","Divider","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider: ForwardRefComponent<DividerProps> = React.forwardRef((props, ref) => {\n const state = useDivider_unstable(props, ref);\n\n useDividerStyles_unstable(state);\n\n useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n\n return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,sBAAsB,QAAQ;AACvC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,yBAAyB,QAAQ;AAG1C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,OAAA,gBAA6CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACzF,MAAMC,KAAA,GAAQP,mBAAA,CAAoBK,KAAA,EAAOC,GAAA;EAEzCL,yBAAA,CAA0BM,KAAA;EAE1BL,2BAAA,CAA4B,6BAA6BK,KAAA;EAEzD,OAAOR,sBAAA,CAAuBQ,KAAA;AAChC;AAEAJ,OAAA,CAAQK,WAAW,GAAG"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../src/components/Divider/Divider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DividerSlots = {\n /**\n * Root of the component that renders as a `<div>` tag.\n */\n root: Slot<'div'>;\n\n /**\n * Accessibility wrapper for content when presented.\n */\n wrapper: Slot<'div'>;\n};\n\nexport type DividerProps = ComponentProps<Partial<DividerSlots>> & {\n /**\n * Determines the alignment of the content within the divider.\n *\n * @default 'center'\n */\n alignContent?: 'start' | 'center' | 'end';\n\n /**\n * A divider can have one of the preset appearances.\n * When not specified, the divider has its default appearance.\n *\n * @default 'default'\n */\n appearance?: 'brand' | 'default' | 'strong' | 'subtle';\n\n /**\n * Adds padding to the beginning and end of the divider.\n *\n * @default false\n */\n inset?: boolean;\n\n /**\n * A divider can be horizontal (default) or vertical.\n *\n * @default false\n */\n vertical?: boolean;\n};\n\nexport type DividerState = ComponentState<DividerSlots> &\n Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;\n"],"mappings":"AAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../src/components/Divider/index.ts"],"sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
|
2
|
+
import { getSlotsNext } from '@fluentui/react-utilities';
|
3
|
+
/**
|
4
|
+
* Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
|
5
|
+
*/
|
6
|
+
export const renderDivider_unstable = state => {
|
7
|
+
const {
|
8
|
+
slots,
|
9
|
+
slotProps
|
10
|
+
} = getSlotsNext(state);
|
11
|
+
return /*#__PURE__*/createElement(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/createElement(slots.wrapper, slotProps.wrapper, slotProps.root.children));
|
12
|
+
};
|
13
|
+
//# sourceMappingURL=renderDivider.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["createElement","getSlotsNext","renderDivider_unstable","state","slots","slotProps","root","children","undefined","wrapper"],"sources":["../../../src/components/Divider/renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerState) => {\n const { slots, slotProps } = getSlotsNext<DividerSlots>(state);\n return (\n <slots.root {...slotProps.root}>\n {slotProps.root.children !== undefined && (\n <slots.wrapper {...slotProps.wrapper}>{slotProps.root.children}</slots.wrapper>\n )}\n </slots.root>\n );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,sBAAA,GAA0BC,KAAA,IAAwB;EAC7D,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA2BE,KAAA;EACxD,oBACEH,aAbJ,CAaKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,EAC3BD,SAAA,CAAUC,IAAI,CAACC,QAAQ,KAAKC,SAAA,iBAC3BR,aAfR,CAeSI,KAAA,CAAMK,OAAO,EAAKJ,SAAA,CAAUI,OAAO,EAAGJ,SAAA,CAAUC,IAAI,CAACC,QAAQ;AAItE"}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';
|
3
|
+
/**
|
4
|
+
* Returns the props and state required to render the component
|
5
|
+
* @param props - User-provided props to the Divider component.
|
6
|
+
* @param ref - User-provided ref to be passed to the Divider component.
|
7
|
+
*/
|
8
|
+
export const useDivider_unstable = (props, ref) => {
|
9
|
+
const {
|
10
|
+
alignContent = 'center',
|
11
|
+
appearance = 'default',
|
12
|
+
inset = false,
|
13
|
+
vertical = false,
|
14
|
+
wrapper
|
15
|
+
} = props;
|
16
|
+
const dividerId = useId('divider-');
|
17
|
+
return {
|
18
|
+
// Props passed at the top-level
|
19
|
+
alignContent,
|
20
|
+
appearance,
|
21
|
+
inset,
|
22
|
+
vertical,
|
23
|
+
// Slots definition
|
24
|
+
components: {
|
25
|
+
root: 'div',
|
26
|
+
wrapper: 'div'
|
27
|
+
},
|
28
|
+
root: getNativeElementProps('div', {
|
29
|
+
role: 'separator',
|
30
|
+
'aria-orientation': vertical ? 'vertical' : 'horizontal',
|
31
|
+
'aria-labelledby': props.children ? dividerId : undefined,
|
32
|
+
...props,
|
33
|
+
ref
|
34
|
+
}),
|
35
|
+
wrapper: resolveShorthand(wrapper, {
|
36
|
+
required: true,
|
37
|
+
defaultProps: {
|
38
|
+
id: dividerId,
|
39
|
+
children: props.children
|
40
|
+
}
|
41
|
+
})
|
42
|
+
};
|
43
|
+
};
|
44
|
+
//# sourceMappingURL=useDivider.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["React","getNativeElementProps","resolveShorthand","useId","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","role","children","undefined","required","defaultProps","id"],"sources":["../../../src/components/Divider/useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n const dividerId = useId('divider-');\n\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div',\n },\n\n root: getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref,\n }),\n wrapper: resolveShorthand(wrapper, {\n required: true,\n defaultProps: {\n id: dividerId,\n children: props.children,\n },\n }),\n };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ;AAG/D;;;;;AAKA,OAAO,MAAMC,mBAAA,GAAsBA,CAACC,KAAA,EAAqBC,GAAA,KAA8C;EACrG,MAAM;IAAEC,YAAA,GAAe;IAAUC,UAAA,GAAa;IAAWC,KAAA,GAAQ,KAAK;IAAEC,QAAA,GAAW,KAAK;IAAEC;EAAO,CAAE,GAAGN,KAAA;EACtG,MAAMO,SAAA,GAAYT,KAAA,CAAM;EAExB,OAAO;IACL;IACAI,YAAA;IACAC,UAAA;IACAC,KAAA;IACAC,QAAA;IAEA;IACAG,UAAA,EAAY;MACVC,IAAA,EAAM;MACNH,OAAA,EAAS;IACX;IAEAG,IAAA,EAAMb,qBAAA,CAAsB,OAAO;MACjCc,IAAA,EAAM;MACN,oBAAoBL,QAAA,GAAW,aAAa,YAAY;MACxD,mBAAmBL,KAAA,CAAMW,QAAQ,GAAGJ,SAAA,GAAYK,SAAS;MACzD,GAAGZ,KAAK;MACRC;IACF;IACAK,OAAA,EAAST,gBAAA,CAAiBS,OAAA,EAAS;MACjCO,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZC,EAAA,EAAIR,SAAA;QACJI,QAAA,EAAUX,KAAA,CAAMW;MAClB;IACF;EACF;AACF"}
|
@@ -0,0 +1,190 @@
|
|
1
|
+
import { mergeClasses, shorthands, __styles } from '@griffel/react';
|
2
|
+
import { tokens } from '@fluentui/react-theme';
|
3
|
+
export const dividerClassNames = {
|
4
|
+
root: 'fui-Divider',
|
5
|
+
wrapper: 'fui-Divider__wrapper'
|
6
|
+
};
|
7
|
+
const contentSpacing = '12px';
|
8
|
+
const insetSpacing = '12px';
|
9
|
+
const maxStartEndLength = '8px';
|
10
|
+
const minStartEndLength = '8px;';
|
11
|
+
const useBaseStyles = /*#__PURE__*/__styles({
|
12
|
+
base: {
|
13
|
+
Bt984gj: "f122n59",
|
14
|
+
B7ck84d: "f1ewtqcl",
|
15
|
+
mc9l5x: "f22iagw",
|
16
|
+
Beiy3e4: "f1063pyq",
|
17
|
+
Bh6795r: "fqerorx",
|
18
|
+
qhf8xq: "f10pi13n",
|
19
|
+
Bahqtrf: "fk6fouc",
|
20
|
+
Be2twd7: "fy9rknc",
|
21
|
+
Bhrd7zp: "figsok6",
|
22
|
+
Bg96gwp: "fwrc4pm",
|
23
|
+
fsow6f: "f17mccla",
|
24
|
+
Bcvre1j: "fyl8oag",
|
25
|
+
Br0sdwz: "f16vkdww",
|
26
|
+
Bn78ew0: "fhsnbul",
|
27
|
+
li1rpt: "f1gw3sf2",
|
28
|
+
ap17g6: "f1ly5f7u",
|
29
|
+
B771hl4: "f1s3tz6t"
|
30
|
+
},
|
31
|
+
childless: {
|
32
|
+
susq4k: "f1kyqvp9",
|
33
|
+
Bicfajf: ["fzynn9s", "f1z0ukd1"],
|
34
|
+
jwcpgy: ["fekrn8e", "ftdg338"],
|
35
|
+
B4rk6o: "fesgyo"
|
36
|
+
},
|
37
|
+
start: {
|
38
|
+
Bsft5z2: "f13zj6fq"
|
39
|
+
},
|
40
|
+
center: {
|
41
|
+
Ftih45: "f1wl9k8s",
|
42
|
+
Bsft5z2: "f13zj6fq"
|
43
|
+
},
|
44
|
+
end: {
|
45
|
+
Ftih45: "f1wl9k8s"
|
46
|
+
},
|
47
|
+
brand: {
|
48
|
+
sj55zd: "f16muhyy",
|
49
|
+
Bq4z7u6: "fcbuu2a",
|
50
|
+
Bk5zm6e: ["f1wdw2dr", "f1ttio3w"],
|
51
|
+
Bqjgrrk: "f1582fpk",
|
52
|
+
Bm6vgfq: ["f1ttio3w", "f1wdw2dr"],
|
53
|
+
B0n5ga8: "f1ahrvm8",
|
54
|
+
s924m2: ["f1cd3wbc", "f17hbk9y"],
|
55
|
+
B1q35kw: "fvrapl0",
|
56
|
+
Gp14am: ["f17hbk9y", "f1cd3wbc"]
|
57
|
+
},
|
58
|
+
"default": {
|
59
|
+
sj55zd: "fkfq4zb",
|
60
|
+
Bq4z7u6: "f1vccso1",
|
61
|
+
Bk5zm6e: ["f1geml7w", "fjml6kk"],
|
62
|
+
Bqjgrrk: "f1r7kh1m",
|
63
|
+
Bm6vgfq: ["fjml6kk", "f1geml7w"],
|
64
|
+
B0n5ga8: "f16j7guv",
|
65
|
+
s924m2: ["fx01ahm", "fj1a37q"],
|
66
|
+
B1q35kw: "fl8d8yv",
|
67
|
+
Gp14am: ["fj1a37q", "fx01ahm"]
|
68
|
+
},
|
69
|
+
subtle: {
|
70
|
+
sj55zd: "fkfq4zb",
|
71
|
+
Bq4z7u6: "f5g06un",
|
72
|
+
Bk5zm6e: ["f13sxdku", "f1n015lb"],
|
73
|
+
Bqjgrrk: "f1x6bl8t",
|
74
|
+
Bm6vgfq: ["f1n015lb", "f13sxdku"],
|
75
|
+
B0n5ga8: "fvod1wy",
|
76
|
+
s924m2: ["fwslg65", "flk0e17"],
|
77
|
+
B1q35kw: "f103fvts",
|
78
|
+
Gp14am: ["flk0e17", "fwslg65"]
|
79
|
+
},
|
80
|
+
strong: {
|
81
|
+
sj55zd: "fkfq4zb",
|
82
|
+
Bq4z7u6: "f10tv6oz",
|
83
|
+
Bk5zm6e: ["f16xp3sf", "f1seuxxq"],
|
84
|
+
Bqjgrrk: "fwrmqbx",
|
85
|
+
Bm6vgfq: ["f1seuxxq", "f16xp3sf"],
|
86
|
+
B0n5ga8: "ft83z1f",
|
87
|
+
s924m2: ["f1g4150c", "f192dr6e"],
|
88
|
+
B1q35kw: "f1qnawh6",
|
89
|
+
Gp14am: ["f192dr6e", "f1g4150c"]
|
90
|
+
}
|
91
|
+
}, {
|
92
|
+
d: [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f10pi13n{position:relative;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f17mccla{text-align:center;}", ".fyl8oag::before{box-sizing:border-box;}", ".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1gw3sf2::after{box-sizing:border-box;}", ".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1kyqvp9::before{margin-bottom:0;}", ".fzynn9s::before{margin-right:0;}", ".f1z0ukd1::before{margin-left:0;}", ".fekrn8e::after{margin-left:0;}", ".ftdg338::after{margin-right:0;}", ".fesgyo::after{margin-top:0;}", ".f13zj6fq::after{content:\"\";}", ".f1wl9k8s::before{content:\"\";}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}", ".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}", ".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}", ".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}", ".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}", ".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}", ".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}", ".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}", ".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}", ".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}", ".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}", ".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}", ".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}", ".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}", ".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}", ".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}", ".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}", ".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}", ".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}", ".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}", ".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}", ".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}", ".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}", ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}", ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}", ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}", ".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}", ".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}", ".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}", ".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}", ".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}"]
|
93
|
+
});
|
94
|
+
const useHorizontalStyles = /*#__PURE__*/__styles({
|
95
|
+
base: {
|
96
|
+
a9b677: "fly5x3f",
|
97
|
+
Bdkvgpv: "f163fonl",
|
98
|
+
B0qfbqy: "f51yk4v",
|
99
|
+
pbipgd: "f13rof3u",
|
100
|
+
Bm2nyyq: "f8rth92",
|
101
|
+
xrcqlc: "f6czdpx",
|
102
|
+
i5u598: "f1iyka9k"
|
103
|
+
},
|
104
|
+
inset: {
|
105
|
+
uwmqm3: ["fjlbh76", "f11qrl6u"],
|
106
|
+
z189sj: ["f11qrl6u", "fjlbh76"]
|
107
|
+
},
|
108
|
+
start: {
|
109
|
+
Ftih45: "f1wl9k8s",
|
110
|
+
Bicfajf: ["f1ojjlep", "fk1kexq"],
|
111
|
+
Bxwl2t9: "f1he2m4d",
|
112
|
+
jwcpgy: ["f12w1bnb", "f1558wlj"]
|
113
|
+
},
|
114
|
+
center: {
|
115
|
+
Bicfajf: ["f1ojjlep", "fk1kexq"],
|
116
|
+
jwcpgy: ["f12w1bnb", "f1558wlj"]
|
117
|
+
},
|
118
|
+
end: {
|
119
|
+
Bicfajf: ["f1ojjlep", "fk1kexq"],
|
120
|
+
Bsft5z2: "f13zj6fq",
|
121
|
+
jwcpgy: ["f12w1bnb", "f1558wlj"],
|
122
|
+
Iy66sp: "f1ayce8x"
|
123
|
+
}
|
124
|
+
}, {
|
125
|
+
d: [".fly5x3f{width:100%;}", ".f163fonl::before{border-top-style:solid;}", ".f51yk4v::before{border-top-width:var(--strokeWidthThin);}", ".f13rof3u::before{min-width:8px;}", ".f8rth92::after{border-top-style:solid;}", ".f6czdpx::after{border-top-width:var(--strokeWidthThin);}", ".f1iyka9k::after{min-width:8px;}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".f1wl9k8s::before{content:\"\";}", ".f1ojjlep::before{margin-right:12px;}", ".fk1kexq::before{margin-left:12px;}", ".f1he2m4d::before{max-width:8px;}", ".f12w1bnb::after{margin-left:12px;}", ".f1558wlj::after{margin-right:12px;}", ".f13zj6fq::after{content:\"\";}", ".f1ayce8x::after{max-width:8px;}"]
|
126
|
+
});
|
127
|
+
const useVerticalStyles = /*#__PURE__*/__styles({
|
128
|
+
base: {
|
129
|
+
Beiy3e4: "f1vx9l62",
|
130
|
+
sshi5w: "f16gbxbe",
|
131
|
+
m598lv: ["f1yq6w5o", "f1jpmc5p"],
|
132
|
+
B4f6apu: ["f9sc749", "f1x8pvcy"],
|
133
|
+
zkzzav: "fhkwbjy",
|
134
|
+
Barhvk9: ["flthirb", "ftkbnf5"],
|
135
|
+
Ihftqj: ["f13hvwk3", "f1en4csx"],
|
136
|
+
Bde111x: "f19onpk6"
|
137
|
+
},
|
138
|
+
inset: {
|
139
|
+
B6of3ja: "f1xdg43u",
|
140
|
+
jrapky: "f1jlhsmd"
|
141
|
+
},
|
142
|
+
withChildren: {
|
143
|
+
sshi5w: "f1tjaq3g"
|
144
|
+
},
|
145
|
+
start: {
|
146
|
+
Ftih45: "f1wl9k8s",
|
147
|
+
susq4k: "fg2pwug",
|
148
|
+
Bbdr6tz: "fkjtzyi",
|
149
|
+
B4rk6o: "f8vk40g"
|
150
|
+
},
|
151
|
+
center: {
|
152
|
+
susq4k: "fg2pwug",
|
153
|
+
B4rk6o: "f8vk40g"
|
154
|
+
},
|
155
|
+
end: {
|
156
|
+
susq4k: "fg2pwug",
|
157
|
+
Bsft5z2: "f13zj6fq",
|
158
|
+
B4rk6o: "f8vk40g",
|
159
|
+
gn64ia: "fqg5mu5"
|
160
|
+
}
|
161
|
+
}, {
|
162
|
+
d: [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f9sc749::before{border-right-width:var(--strokeWidthThin);}", ".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}", ".fhkwbjy::before{min-height:8px;}", ".flthirb::after{border-right-style:solid;}", ".ftkbnf5::after{border-left-style:solid;}", ".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}", ".f1en4csx::after{border-left-width:var(--strokeWidthThin);}", ".f19onpk6::after{min-height:8px;}", ".f1xdg43u{margin-top:12px;}", ".f1jlhsmd{margin-bottom:12px;}", ".f1tjaq3g{min-height:84px;}", ".f1wl9k8s::before{content:\"\";}", ".fg2pwug::before{margin-bottom:12px;}", ".fkjtzyi::before{max-height:8px;}", ".f8vk40g::after{margin-top:12px;}", ".f13zj6fq::after{content:\"\";}", ".fqg5mu5::after{max-height:8px;}"]
|
163
|
+
});
|
164
|
+
export const useDividerStyles_unstable = state => {
|
165
|
+
const baseStyles = useBaseStyles();
|
166
|
+
const horizontalStyles = useHorizontalStyles();
|
167
|
+
const verticalStyles = useVerticalStyles();
|
168
|
+
const {
|
169
|
+
alignContent,
|
170
|
+
appearance,
|
171
|
+
inset,
|
172
|
+
vertical
|
173
|
+
} = state;
|
174
|
+
state.root.className = mergeClasses(dividerClassNames.root,
|
175
|
+
// Base styles
|
176
|
+
baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance],
|
177
|
+
// Horizontal styles
|
178
|
+
!vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent],
|
179
|
+
// Vertical styles
|
180
|
+
vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren,
|
181
|
+
// Childless styles
|
182
|
+
state.root.children === undefined && baseStyles.childless,
|
183
|
+
// User provided class name
|
184
|
+
state.root.className);
|
185
|
+
if (state.wrapper) {
|
186
|
+
state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);
|
187
|
+
}
|
188
|
+
return state;
|
189
|
+
};
|
190
|
+
//# sourceMappingURL=useDividerStyles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["mergeClasses","shorthands","__styles","tokens","dividerClassNames","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","base","Bt984gj","B7ck84d","mc9l5x","Beiy3e4","Bh6795r","qhf8xq","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","fsow6f","Bcvre1j","Br0sdwz","Bn78ew0","li1rpt","ap17g6","B771hl4","childless","susq4k","Bicfajf","jwcpgy","B4rk6o","start","Bsft5z2","center","Ftih45","end","brand","sj55zd","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","B0n5ga8","s924m2","B1q35kw","Gp14am","subtle","strong","d","useHorizontalStyles","a9b677","Bdkvgpv","B0qfbqy","pbipgd","Bm2nyyq","xrcqlc","i5u598","inset","uwmqm3","z189sj","Bxwl2t9","Iy66sp","useVerticalStyles","sshi5w","m598lv","B4f6apu","zkzzav","Barhvk9","Ihftqj","Bde111x","B6of3ja","jrapky","withChildren","Bbdr6tz","gn64ia","useDividerStyles_unstable","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","children","undefined"],"sources":["../../../src/components/Divider/useDividerStyles.styles.ts"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper',\n};\n\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\n\nconst useBaseStyles = makeStyles({\n // Base styles\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'row',\n flexGrow: 1,\n position: 'relative',\n\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n textAlign: 'center',\n\n '::before': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1,\n },\n\n '::after': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1,\n },\n },\n\n // Childless styles\n childless: {\n '::before': {\n marginBottom: 0,\n marginRight: 0,\n },\n\n '::after': {\n marginLeft: 0,\n marginTop: 0,\n },\n },\n\n // Alignment variations\n start: {\n '::after': {\n content: '\"\"',\n },\n },\n center: {\n '::before': {\n content: '\"\"',\n },\n '::after': {\n content: '\"\"',\n },\n },\n end: {\n '::before': {\n content: '\"\"',\n },\n },\n\n // Appearance variations\n brand: {\n color: tokens.colorBrandForeground1,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorBrandStroke1),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorBrandStroke1),\n },\n },\n default: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n },\n subtle: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3),\n },\n },\n strong: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n },\n});\n\nconst useHorizontalStyles = makeStyles({\n // Base styles\n base: {\n width: '100%',\n\n '::before': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength,\n },\n\n '::after': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength,\n },\n },\n\n // Inset styles\n inset: {\n paddingLeft: insetSpacing,\n paddingRight: insetSpacing,\n },\n\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginRight: contentSpacing,\n maxWidth: maxStartEndLength,\n },\n\n '::after': {\n marginLeft: contentSpacing,\n },\n },\n center: {\n '::before': {\n marginRight: contentSpacing,\n },\n '::after': {\n marginLeft: contentSpacing,\n },\n },\n end: {\n '::before': {\n marginRight: contentSpacing,\n },\n '::after': {\n content: '\"\"',\n marginLeft: contentSpacing,\n maxWidth: maxStartEndLength,\n },\n },\n});\n\nconst useVerticalStyles = makeStyles({\n // Base styles\n base: {\n flexDirection: 'column',\n minHeight: '20px',\n\n '::before': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength,\n },\n\n '::after': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength,\n },\n },\n\n // Inset styles\n inset: {\n marginTop: insetSpacing,\n marginBottom: insetSpacing,\n },\n\n // With children styles\n withChildren: {\n minHeight: '84px',\n },\n\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginBottom: contentSpacing,\n maxHeight: maxStartEndLength,\n },\n\n '::after': {\n marginTop: contentSpacing,\n },\n },\n center: {\n '::before': {\n marginBottom: contentSpacing,\n },\n '::after': {\n marginTop: contentSpacing,\n },\n },\n end: {\n '::before': {\n marginBottom: contentSpacing,\n },\n '::after': {\n content: '\"\"',\n marginTop: contentSpacing,\n maxHeight: maxStartEndLength,\n },\n },\n});\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n\n const { alignContent, appearance, inset, vertical } = state;\n\n state.root.className = mergeClasses(\n dividerClassNames.root,\n\n // Base styles\n baseStyles.base,\n baseStyles[alignContent],\n appearance && baseStyles[appearance],\n\n // Horizontal styles\n !vertical && horizontalStyles.base,\n !vertical && inset && horizontalStyles.inset,\n !vertical && horizontalStyles[alignContent],\n\n // Vertical styles\n vertical && verticalStyles.base,\n vertical && inset && verticalStyles.inset,\n vertical && verticalStyles[alignContent],\n vertical && state.root.children !== undefined && verticalStyles.withChildren,\n\n // Childless styles\n state.root.children === undefined && baseStyles.childless,\n\n // User provided class name\n state.root.className,\n );\n\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n\n return state;\n};\n"],"mappings":"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"}
|
package/lib/index.js
ADDED
package/lib/index.js.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export {\n Divider,\n dividerClassNames,\n renderDivider_unstable,\n useDividerStyles_unstable,\n useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n"],"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd"}
|
@@ -10,11 +10,11 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
|
|
10
10
|
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
11
11
|
const _renderDivider = require("./renderDivider");
|
12
12
|
const _useDivider = require("./useDivider");
|
13
|
-
const
|
13
|
+
const _useDividerStylesStyles = require("./useDividerStyles.styles");
|
14
14
|
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
15
15
|
const Divider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
16
16
|
const state = (0, _useDivider.useDivider_unstable)(props, ref);
|
17
|
-
(0,
|
17
|
+
(0, _useDividerStylesStyles.useDividerStyles_unstable)(state);
|
18
18
|
(0, _reactSharedContexts.useCustomStyleHook_unstable)('useDividerStyles_unstable')(state);
|
19
19
|
return (0, _renderDivider.renderDivider_unstable)(state);
|
20
20
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Divider/Divider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useDivider_unstable(props, ref);\n useDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n return renderDivider_unstable(state);\n});\nDivider.displayName = 'Divider';\n//# sourceMappingURL=Divider.js.map"],"names":["Divider","React","forwardRef","props","ref","state","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;+BACgB;4BACH;
|
1
|
+
{"version":3,"sources":["../../../lib/components/Divider/Divider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useDivider_unstable(props, ref);\n useDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n return renderDivider_unstable(state);\n});\nDivider.displayName = 'Divider';\n//# sourceMappingURL=Divider.js.map"],"names":["Divider","React","forwardRef","props","ref","state","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;+BACgB;4BACH;wCACM;qCACE;AAIrC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzCG,IAAAA,iDAAyB,EAACF;IAC1BG,IAAAA,gDAA2B,EAAC,6BAA6BH;IACzD,OAAOI,IAAAA,qCAAsB,EAACJ;AAChC;AACAL,QAAQU,WAAW,GAAG,WACtB,mCAAmC"}
|
@@ -7,7 +7,7 @@ _exportStar(require("./Divider"), exports);
|
|
7
7
|
_exportStar(require("./Divider.types"), exports);
|
8
8
|
_exportStar(require("./renderDivider"), exports);
|
9
9
|
_exportStar(require("./useDivider"), exports);
|
10
|
-
_exportStar(require("./useDividerStyles"), exports);
|
10
|
+
_exportStar(require("./useDividerStyles.styles"), exports);
|
11
11
|
//# sourceMappingURL=index.js.map
|
12
12
|
|
13
13
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Divider/index.js"],"sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
1
|
+
{"version":3,"sources":["../../../lib/components/Divider/index.js"],"sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
@@ -379,6 +379,6 @@ const useDividerStyles_unstable = (state)=>{
|
|
379
379
|
state.wrapper.className = (0, _react.mergeClasses)(dividerClassNames.wrapper, state.wrapper.className);
|
380
380
|
}
|
381
381
|
return state;
|
382
|
-
}; //# sourceMappingURL=useDividerStyles.js.map
|
382
|
+
}; //# sourceMappingURL=useDividerStyles.styles.js.map
|
383
383
|
|
384
|
-
//# sourceMappingURL=useDividerStyles.js.map
|
384
|
+
//# sourceMappingURL=useDividerStyles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Divider/useDividerStyles.styles.js"],"sourcesContent":["import { mergeClasses, shorthands, __styles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const dividerClassNames = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper'\n};\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\nconst useBaseStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n Bh6795r: \"fqerorx\",\n qhf8xq: \"f10pi13n\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\",\n fsow6f: \"f17mccla\",\n Bcvre1j: \"fyl8oag\",\n Br0sdwz: \"f16vkdww\",\n Bn78ew0: \"fhsnbul\",\n li1rpt: \"f1gw3sf2\",\n ap17g6: \"f1ly5f7u\",\n B771hl4: \"f1s3tz6t\"\n },\n childless: {\n susq4k: \"f1kyqvp9\",\n Bicfajf: [\"fzynn9s\", \"f1z0ukd1\"],\n jwcpgy: [\"fekrn8e\", \"ftdg338\"],\n B4rk6o: \"fesgyo\"\n },\n start: {\n Bsft5z2: \"f13zj6fq\"\n },\n center: {\n Ftih45: \"f1wl9k8s\",\n Bsft5z2: \"f13zj6fq\"\n },\n end: {\n Ftih45: \"f1wl9k8s\"\n },\n brand: {\n sj55zd: \"f16muhyy\",\n Bq4z7u6: \"fcbuu2a\",\n Bk5zm6e: [\"f1wdw2dr\", \"f1ttio3w\"],\n Bqjgrrk: \"f1582fpk\",\n Bm6vgfq: [\"f1ttio3w\", \"f1wdw2dr\"],\n B0n5ga8: \"f1ahrvm8\",\n s924m2: [\"f1cd3wbc\", \"f17hbk9y\"],\n B1q35kw: \"fvrapl0\",\n Gp14am: [\"f17hbk9y\", \"f1cd3wbc\"]\n },\n \"default\": {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f1vccso1\",\n Bk5zm6e: [\"f1geml7w\", \"fjml6kk\"],\n Bqjgrrk: \"f1r7kh1m\",\n Bm6vgfq: [\"fjml6kk\", \"f1geml7w\"],\n B0n5ga8: \"f16j7guv\",\n s924m2: [\"fx01ahm\", \"fj1a37q\"],\n B1q35kw: \"fl8d8yv\",\n Gp14am: [\"fj1a37q\", \"fx01ahm\"]\n },\n subtle: {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f5g06un\",\n Bk5zm6e: [\"f13sxdku\", \"f1n015lb\"],\n Bqjgrrk: \"f1x6bl8t\",\n Bm6vgfq: [\"f1n015lb\", \"f13sxdku\"],\n B0n5ga8: \"fvod1wy\",\n s924m2: [\"fwslg65\", \"flk0e17\"],\n B1q35kw: \"f103fvts\",\n Gp14am: [\"flk0e17\", \"fwslg65\"]\n },\n strong: {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f10tv6oz\",\n Bk5zm6e: [\"f16xp3sf\", \"f1seuxxq\"],\n Bqjgrrk: \"fwrmqbx\",\n Bm6vgfq: [\"f1seuxxq\", \"f16xp3sf\"],\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"]\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f10pi13n{position:relative;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f17mccla{text-align:center;}\", \".fyl8oag::before{box-sizing:border-box;}\", \".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1kyqvp9::before{margin-bottom:0;}\", \".fzynn9s::before{margin-right:0;}\", \".f1z0ukd1::before{margin-left:0;}\", \".fekrn8e::after{margin-left:0;}\", \".ftdg338::after{margin-right:0;}\", \".fesgyo::after{margin-top:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}\", \".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}\", \".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}\", \".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}\", \".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}\", \".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}\", \".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}\", \".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}\", \".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}\", \".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}\", \".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}\", \".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}\", \".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}\", \".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}\", \".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}\", \".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}\", \".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}\", \".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}\", \".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}\", \".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}\", \".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}\", \".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}\", \".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}\", \".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}\", \".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}\", \".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}\", \".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}\", \".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}\", \".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}\", \".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}\", \".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}\"]\n});\nconst useHorizontalStyles = /*#__PURE__*/__styles({\n base: {\n a9b677: \"fly5x3f\",\n Bdkvgpv: \"f163fonl\",\n B0qfbqy: \"f51yk4v\",\n pbipgd: \"f13rof3u\",\n Bm2nyyq: \"f8rth92\",\n xrcqlc: \"f6czdpx\",\n i5u598: \"f1iyka9k\"\n },\n inset: {\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n z189sj: [\"f11qrl6u\", \"fjlbh76\"]\n },\n start: {\n Ftih45: \"f1wl9k8s\",\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n Bxwl2t9: \"f1he2m4d\",\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"]\n },\n center: {\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"]\n },\n end: {\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n Bsft5z2: \"f13zj6fq\",\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"],\n Iy66sp: \"f1ayce8x\"\n }\n}, {\n d: [\".fly5x3f{width:100%;}\", \".f163fonl::before{border-top-style:solid;}\", \".f51yk4v::before{border-top-width:var(--strokeWidthThin);}\", \".f13rof3u::before{min-width:8px;}\", \".f8rth92::after{border-top-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f1iyka9k::after{min-width:8px;}\", \".fjlbh76{padding-left:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1ojjlep::before{margin-right:12px;}\", \".fk1kexq::before{margin-left:12px;}\", \".f1he2m4d::before{max-width:8px;}\", \".f12w1bnb::after{margin-left:12px;}\", \".f1558wlj::after{margin-right:12px;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1ayce8x::after{max-width:8px;}\"]\n});\nconst useVerticalStyles = /*#__PURE__*/__styles({\n base: {\n Beiy3e4: \"f1vx9l62\",\n sshi5w: \"f16gbxbe\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n B4f6apu: [\"f9sc749\", \"f1x8pvcy\"],\n zkzzav: \"fhkwbjy\",\n Barhvk9: [\"flthirb\", \"ftkbnf5\"],\n Ihftqj: [\"f13hvwk3\", \"f1en4csx\"],\n Bde111x: \"f19onpk6\"\n },\n inset: {\n B6of3ja: \"f1xdg43u\",\n jrapky: \"f1jlhsmd\"\n },\n withChildren: {\n sshi5w: \"f1tjaq3g\"\n },\n start: {\n Ftih45: \"f1wl9k8s\",\n susq4k: \"fg2pwug\",\n Bbdr6tz: \"fkjtzyi\",\n B4rk6o: \"f8vk40g\"\n },\n center: {\n susq4k: \"fg2pwug\",\n B4rk6o: \"f8vk40g\"\n },\n end: {\n susq4k: \"fg2pwug\",\n Bsft5z2: \"f13zj6fq\",\n B4rk6o: \"f8vk40g\",\n gn64ia: \"fqg5mu5\"\n }\n}, {\n d: [\".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f16gbxbe{min-height:20px;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f9sc749::before{border-right-width:var(--strokeWidthThin);}\", \".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}\", \".fhkwbjy::before{min-height:8px;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f19onpk6::after{min-height:8px;}\", \".f1xdg43u{margin-top:12px;}\", \".f1jlhsmd{margin-bottom:12px;}\", \".f1tjaq3g{min-height:84px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fg2pwug::before{margin-bottom:12px;}\", \".fkjtzyi::before{max-height:8px;}\", \".f8vk40g::after{margin-top:12px;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fqg5mu5::after{max-height:8px;}\"]\n});\nexport const useDividerStyles_unstable = state => {\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const {\n alignContent,\n appearance,\n inset,\n vertical\n } = state;\n state.root.className = mergeClasses(dividerClassNames.root,\n // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance],\n // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent],\n // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren,\n // Childless styles\n state.root.children === undefined && baseStyles.childless,\n // User provided class name\n state.root.className);\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n return state;\n};\n//# sourceMappingURL=useDividerStyles.styles.js.map"],"names":["dividerClassNames","useDividerStyles_unstable","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Beiy3e4","Bh6795r","qhf8xq","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","fsow6f","Bcvre1j","Br0sdwz","Bn78ew0","li1rpt","ap17g6","B771hl4","childless","susq4k","Bicfajf","jwcpgy","B4rk6o","start","Bsft5z2","center","Ftih45","end","brand","sj55zd","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","B0n5ga8","s924m2","B1q35kw","Gp14am","subtle","strong","d","useHorizontalStyles","a9b677","Bdkvgpv","B0qfbqy","pbipgd","Bm2nyyq","xrcqlc","i5u598","inset","uwmqm3","z189sj","Bxwl2t9","Iy66sp","useVerticalStyles","sshi5w","m598lv","B4f6apu","zkzzav","Barhvk9","Ihftqj","Bde111x","B6of3ja","jrapky","withChildren","Bbdr6tz","gn64ia","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","mergeClasses","children","undefined"],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-divider",
|
3
|
-
"version": "0.0.0-nightly-
|
3
|
+
"version": "0.0.0-nightly-20230504-0417.1",
|
4
4
|
"description": "Fluent UI component to visually separate content.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -27,16 +27,16 @@
|
|
27
27
|
"devDependencies": {
|
28
28
|
"@fluentui/eslint-plugin": "*",
|
29
29
|
"@fluentui/react-conformance": "*",
|
30
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
30
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20230504-0417.1",
|
31
31
|
"@fluentui/scripts-api-extractor": "*",
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
33
33
|
},
|
34
34
|
"dependencies": {
|
35
35
|
"@griffel/react": "^1.5.2",
|
36
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
37
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
38
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
39
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
36
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20230504-0417.1",
|
37
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20230504-0417.1",
|
38
|
+
"@fluentui/react-theme": "0.0.0-nightly-20230504-0417.1",
|
39
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20230504-0417.1",
|
40
40
|
"@swc/helpers": "^0.4.14"
|
41
41
|
},
|
42
42
|
"peerDependencies": {
|
package/.swcrc
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"$schema": "https://json.schemastore.org/swcrc",
|
3
|
-
"exclude": [
|
4
|
-
"/testing",
|
5
|
-
"/**/*.cy.ts",
|
6
|
-
"/**/*.cy.tsx",
|
7
|
-
"/**/*.spec.ts",
|
8
|
-
"/**/*.spec.tsx",
|
9
|
-
"/**/*.test.ts",
|
10
|
-
"/**/*.test.tsx"
|
11
|
-
],
|
12
|
-
"jsc": {
|
13
|
-
"parser": {
|
14
|
-
"syntax": "typescript",
|
15
|
-
"tsx": true,
|
16
|
-
"decorators": false,
|
17
|
-
"dynamicImport": false
|
18
|
-
},
|
19
|
-
"externalHelpers": true,
|
20
|
-
"transform": {
|
21
|
-
"react": {
|
22
|
-
"runtime": "classic",
|
23
|
-
"useSpread": true
|
24
|
-
}
|
25
|
-
},
|
26
|
-
"target": "es2019"
|
27
|
-
},
|
28
|
-
"minify": false,
|
29
|
-
"sourceMaps": true
|
30
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Divider/useDividerStyles.js"],"sourcesContent":["import { mergeClasses, shorthands, __styles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const dividerClassNames = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper'\n};\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\nconst useBaseStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n Bh6795r: \"fqerorx\",\n qhf8xq: \"f10pi13n\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\",\n fsow6f: \"f17mccla\",\n Bcvre1j: \"fyl8oag\",\n Br0sdwz: \"f16vkdww\",\n Bn78ew0: \"fhsnbul\",\n li1rpt: \"f1gw3sf2\",\n ap17g6: \"f1ly5f7u\",\n B771hl4: \"f1s3tz6t\"\n },\n childless: {\n susq4k: \"f1kyqvp9\",\n Bicfajf: [\"fzynn9s\", \"f1z0ukd1\"],\n jwcpgy: [\"fekrn8e\", \"ftdg338\"],\n B4rk6o: \"fesgyo\"\n },\n start: {\n Bsft5z2: \"f13zj6fq\"\n },\n center: {\n Ftih45: \"f1wl9k8s\",\n Bsft5z2: \"f13zj6fq\"\n },\n end: {\n Ftih45: \"f1wl9k8s\"\n },\n brand: {\n sj55zd: \"f16muhyy\",\n Bq4z7u6: \"fcbuu2a\",\n Bk5zm6e: [\"f1wdw2dr\", \"f1ttio3w\"],\n Bqjgrrk: \"f1582fpk\",\n Bm6vgfq: [\"f1ttio3w\", \"f1wdw2dr\"],\n B0n5ga8: \"f1ahrvm8\",\n s924m2: [\"f1cd3wbc\", \"f17hbk9y\"],\n B1q35kw: \"fvrapl0\",\n Gp14am: [\"f17hbk9y\", \"f1cd3wbc\"]\n },\n \"default\": {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f1vccso1\",\n Bk5zm6e: [\"f1geml7w\", \"fjml6kk\"],\n Bqjgrrk: \"f1r7kh1m\",\n Bm6vgfq: [\"fjml6kk\", \"f1geml7w\"],\n B0n5ga8: \"f16j7guv\",\n s924m2: [\"fx01ahm\", \"fj1a37q\"],\n B1q35kw: \"fl8d8yv\",\n Gp14am: [\"fj1a37q\", \"fx01ahm\"]\n },\n subtle: {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f5g06un\",\n Bk5zm6e: [\"f13sxdku\", \"f1n015lb\"],\n Bqjgrrk: \"f1x6bl8t\",\n Bm6vgfq: [\"f1n015lb\", \"f13sxdku\"],\n B0n5ga8: \"fvod1wy\",\n s924m2: [\"fwslg65\", \"flk0e17\"],\n B1q35kw: \"f103fvts\",\n Gp14am: [\"flk0e17\", \"fwslg65\"]\n },\n strong: {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f10tv6oz\",\n Bk5zm6e: [\"f16xp3sf\", \"f1seuxxq\"],\n Bqjgrrk: \"fwrmqbx\",\n Bm6vgfq: [\"f1seuxxq\", \"f16xp3sf\"],\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"]\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f10pi13n{position:relative;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f17mccla{text-align:center;}\", \".fyl8oag::before{box-sizing:border-box;}\", \".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1kyqvp9::before{margin-bottom:0;}\", \".fzynn9s::before{margin-right:0;}\", \".f1z0ukd1::before{margin-left:0;}\", \".fekrn8e::after{margin-left:0;}\", \".ftdg338::after{margin-right:0;}\", \".fesgyo::after{margin-top:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}\", \".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}\", \".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}\", \".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}\", \".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}\", \".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}\", \".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}\", \".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}\", \".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}\", \".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}\", \".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}\", \".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}\", \".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}\", \".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}\", \".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}\", \".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}\", \".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}\", \".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}\", \".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}\", \".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}\", \".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}\", \".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}\", \".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}\", \".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}\", \".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}\", \".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}\", \".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}\", \".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}\", \".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}\", \".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}\", \".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}\"]\n});\nconst useHorizontalStyles = /*#__PURE__*/__styles({\n base: {\n a9b677: \"fly5x3f\",\n Bdkvgpv: \"f163fonl\",\n B0qfbqy: \"f51yk4v\",\n pbipgd: \"f13rof3u\",\n Bm2nyyq: \"f8rth92\",\n xrcqlc: \"f6czdpx\",\n i5u598: \"f1iyka9k\"\n },\n inset: {\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n z189sj: [\"f11qrl6u\", \"fjlbh76\"]\n },\n start: {\n Ftih45: \"f1wl9k8s\",\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n Bxwl2t9: \"f1he2m4d\",\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"]\n },\n center: {\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"]\n },\n end: {\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n Bsft5z2: \"f13zj6fq\",\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"],\n Iy66sp: \"f1ayce8x\"\n }\n}, {\n d: [\".fly5x3f{width:100%;}\", \".f163fonl::before{border-top-style:solid;}\", \".f51yk4v::before{border-top-width:var(--strokeWidthThin);}\", \".f13rof3u::before{min-width:8px;}\", \".f8rth92::after{border-top-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f1iyka9k::after{min-width:8px;}\", \".fjlbh76{padding-left:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1ojjlep::before{margin-right:12px;}\", \".fk1kexq::before{margin-left:12px;}\", \".f1he2m4d::before{max-width:8px;}\", \".f12w1bnb::after{margin-left:12px;}\", \".f1558wlj::after{margin-right:12px;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1ayce8x::after{max-width:8px;}\"]\n});\nconst useVerticalStyles = /*#__PURE__*/__styles({\n base: {\n Beiy3e4: \"f1vx9l62\",\n sshi5w: \"f16gbxbe\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n B4f6apu: [\"f9sc749\", \"f1x8pvcy\"],\n zkzzav: \"fhkwbjy\",\n Barhvk9: [\"flthirb\", \"ftkbnf5\"],\n Ihftqj: [\"f13hvwk3\", \"f1en4csx\"],\n Bde111x: \"f19onpk6\"\n },\n inset: {\n B6of3ja: \"f1xdg43u\",\n jrapky: \"f1jlhsmd\"\n },\n withChildren: {\n sshi5w: \"f1tjaq3g\"\n },\n start: {\n Ftih45: \"f1wl9k8s\",\n susq4k: \"fg2pwug\",\n Bbdr6tz: \"fkjtzyi\",\n B4rk6o: \"f8vk40g\"\n },\n center: {\n susq4k: \"fg2pwug\",\n B4rk6o: \"f8vk40g\"\n },\n end: {\n susq4k: \"fg2pwug\",\n Bsft5z2: \"f13zj6fq\",\n B4rk6o: \"f8vk40g\",\n gn64ia: \"fqg5mu5\"\n }\n}, {\n d: [\".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f16gbxbe{min-height:20px;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f9sc749::before{border-right-width:var(--strokeWidthThin);}\", \".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}\", \".fhkwbjy::before{min-height:8px;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f19onpk6::after{min-height:8px;}\", \".f1xdg43u{margin-top:12px;}\", \".f1jlhsmd{margin-bottom:12px;}\", \".f1tjaq3g{min-height:84px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fg2pwug::before{margin-bottom:12px;}\", \".fkjtzyi::before{max-height:8px;}\", \".f8vk40g::after{margin-top:12px;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fqg5mu5::after{max-height:8px;}\"]\n});\nexport const useDividerStyles_unstable = state => {\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const {\n alignContent,\n appearance,\n inset,\n vertical\n } = state;\n state.root.className = mergeClasses(dividerClassNames.root,\n // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance],\n // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent],\n // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren,\n // Childless styles\n state.root.children === undefined && baseStyles.childless,\n // User provided class name\n state.root.className);\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n return state;\n};\n//# sourceMappingURL=useDividerStyles.js.map"],"names":["dividerClassNames","useDividerStyles_unstable","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Beiy3e4","Bh6795r","qhf8xq","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","fsow6f","Bcvre1j","Br0sdwz","Bn78ew0","li1rpt","ap17g6","B771hl4","childless","susq4k","Bicfajf","jwcpgy","B4rk6o","start","Bsft5z2","center","Ftih45","end","brand","sj55zd","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","B0n5ga8","s924m2","B1q35kw","Gp14am","subtle","strong","d","useHorizontalStyles","a9b677","Bdkvgpv","B0qfbqy","pbipgd","Bm2nyyq","xrcqlc","i5u598","inset","uwmqm3","z189sj","Bxwl2t9","Iy66sp","useVerticalStyles","sshi5w","m598lv","B4f6apu","zkzzav","Barhvk9","Ihftqj","Bde111x","B6of3ja","jrapky","withChildren","Bbdr6tz","gn64ia","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","mergeClasses","children","undefined"],"mappings":"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"}
|