@fluentui/react-divider 9.1.7 → 9.1.9
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 +57 -1
- package/CHANGELOG.md +22 -2
- package/lib/components/Divider/Divider.js +0 -1
- package/lib/components/Divider/Divider.js.map +1 -1
- package/lib/components/Divider/renderDivider.js +4 -3
- package/lib/components/Divider/renderDivider.js.map +1 -1
- package/lib/components/Divider/useDivider.js +0 -1
- package/lib/components/Divider/useDivider.js.map +1 -1
- package/lib/components/Divider/useDividerStyles.js +149 -150
- package/lib/components/Divider/useDividerStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Divider.js +0 -2
- package/lib-commonjs/Divider.js.map +1 -1
- package/lib-commonjs/components/Divider/Divider.js +0 -6
- package/lib-commonjs/components/Divider/Divider.js.map +1 -1
- package/lib-commonjs/components/Divider/Divider.types.js.map +1 -1
- package/lib-commonjs/components/Divider/index.js +0 -6
- package/lib-commonjs/components/Divider/index.js.map +1 -1
- package/lib-commonjs/components/Divider/renderDivider.js +4 -7
- package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
- package/lib-commonjs/components/Divider/useDivider.js +0 -4
- package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
- package/lib-commonjs/components/Divider/useDividerStyles.js +149 -154
- package/lib-commonjs/components/Divider/useDividerStyles.js.map +1 -1
- package/lib-commonjs/index.js +0 -2
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,63 @@
|
|
|
2
2
|
"name": "@fluentui/react-divider",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 04 Jan 2023 01:35:26 GMT",
|
|
6
|
+
"tag": "@fluentui/react-divider_v9.1.9",
|
|
7
|
+
"version": "9.1.9",
|
|
8
|
+
"comments": {
|
|
9
|
+
"none": [
|
|
10
|
+
{
|
|
11
|
+
"author": "martinhochel@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-divider",
|
|
13
|
+
"commit": "194b0cf0cc27c1c1233aa945f09b3ad29778d8ca",
|
|
14
|
+
"comment": "chore(scripts): use for @fluentui/scripts version within all package.json"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "martinhochel@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-divider",
|
|
19
|
+
"commit": "4ec2b998b294d6d9c3196d3d82893bdd97d0c105",
|
|
20
|
+
"comment": "chore(scripts): move index.ts to to follow sub-folder domain packaging"
|
|
21
|
+
}
|
|
22
|
+
],
|
|
23
|
+
"patch": [
|
|
24
|
+
{
|
|
25
|
+
"author": "olfedias@microsoft.com",
|
|
26
|
+
"package": "@fluentui/react-divider",
|
|
27
|
+
"commit": "2c38f1e4ae07b2b60df596efe11015a68f166dbf",
|
|
28
|
+
"comment": "chore: Update Griffel to latest version"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"author": "beachball",
|
|
32
|
+
"package": "@fluentui/react-divider",
|
|
33
|
+
"comment": "Bump @fluentui/react-utilities to v9.3.1",
|
|
34
|
+
"commit": "3e322d15529451be153e97298873253e21af4082"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"author": "beachball",
|
|
38
|
+
"package": "@fluentui/react-divider",
|
|
39
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.19",
|
|
40
|
+
"commit": "3e322d15529451be153e97298873253e21af4082"
|
|
41
|
+
}
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"date": "Wed, 21 Dec 2022 10:20:33 GMT",
|
|
47
|
+
"tag": "@fluentui/react-divider_v9.1.8",
|
|
48
|
+
"version": "9.1.8",
|
|
49
|
+
"comments": {
|
|
50
|
+
"patch": [
|
|
51
|
+
{
|
|
52
|
+
"author": "beachball",
|
|
53
|
+
"package": "@fluentui/react-divider",
|
|
54
|
+
"comment": "Bump @fluentui/react-theme to v9.1.5",
|
|
55
|
+
"commit": "66bf89f634cad4a275e957d7a2214c7e73ff8c2e"
|
|
56
|
+
}
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"date": "Tue, 20 Dec 2022 14:59:34 GMT",
|
|
6
62
|
"tag": "@fluentui/react-divider_v9.1.7",
|
|
7
63
|
"version": "9.1.7",
|
|
8
64
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,32 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-divider
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 04 Jan 2023 01:35:26 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.9)
|
|
8
|
+
|
|
9
|
+
Wed, 04 Jan 2023 01:35:26 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.1.8..@fluentui/react-divider_v9.1.9)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: Update Griffel to latest version ([PR #26045](https://github.com/microsoft/fluentui/pull/26045) by olfedias@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-utilities to v9.3.1 ([PR #26114](https://github.com/microsoft/fluentui/pull/26114) by beachball)
|
|
16
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.19 ([PR #26114](https://github.com/microsoft/fluentui/pull/26114) by beachball)
|
|
17
|
+
|
|
18
|
+
## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.8)
|
|
19
|
+
|
|
20
|
+
Wed, 21 Dec 2022 10:20:33 GMT
|
|
21
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.1.7..@fluentui/react-divider_v9.1.8)
|
|
22
|
+
|
|
23
|
+
### Patches
|
|
24
|
+
|
|
25
|
+
- Bump @fluentui/react-theme to v9.1.5 ([commit](https://github.com/microsoft/fluentui/commit/66bf89f634cad4a275e957d7a2214c7e73ff8c2e) by beachball)
|
|
26
|
+
|
|
7
27
|
## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.7)
|
|
8
28
|
|
|
9
|
-
Tue, 20 Dec 2022 14:
|
|
29
|
+
Tue, 20 Dec 2022 14:59:34 GMT
|
|
10
30
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.1.6..@fluentui/react-divider_v9.1.7)
|
|
11
31
|
|
|
12
32
|
### Patches
|
|
@@ -5,7 +5,6 @@ import { useDividerStyles_unstable } from './useDividerStyles';
|
|
|
5
5
|
/**
|
|
6
6
|
* A divider visually segments content into groups.
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
8
|
export const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
10
9
|
const state = useDivider_unstable(props, ref);
|
|
11
10
|
useDividerStyles_unstable(state);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,sBAAsB,QAAQ,iBAAiB;AACxD,SAASC,mBAAmB,QAAQ,cAAc;AAClD,SAASC,yBAAyB,QAAQ,oBAAoB;AAI9D;;;AAGA,OAAO,MAAMC,OAAO,gBAAsCJ,KAAK,CAACK,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACxF,MAAMC,KAAK,GAAGN,mBAAmB,CAACI,KAAK,EAAEC,GAAG,CAAC;EAE7CJ,yBAAyB,CAACK,KAAK,CAAC;EAEhC,OAAOP,sBAAsB,CAACO,KAAK,CAAC;AACtC,CAAC,CAAC;AAEFJ,OAAO,CAACK,WAAW,GAAG,SAAS","names":["React","renderDivider_unstable","useDivider_unstable","useDividerStyles_unstable","Divider","forwardRef","props","ref","state","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-divider/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';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\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 return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"]}
|
|
@@ -3,14 +3,15 @@ import { getSlots } from '@fluentui/react-utilities';
|
|
|
3
3
|
/**
|
|
4
4
|
* Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
|
|
5
5
|
*/
|
|
6
|
-
|
|
7
6
|
export const renderDivider_unstable = state => {
|
|
8
7
|
const {
|
|
9
8
|
slots,
|
|
10
9
|
slotProps
|
|
11
10
|
} = getSlots(state);
|
|
12
|
-
return /*#__PURE__*/React.createElement(slots.root, {
|
|
13
|
-
|
|
11
|
+
return /*#__PURE__*/React.createElement(slots.root, {
|
|
12
|
+
...slotProps.root
|
|
13
|
+
}, slotProps.root.children !== undefined && /*#__PURE__*/React.createElement(slots.wrapper, {
|
|
14
|
+
...slotProps.wrapper
|
|
14
15
|
}, slotProps.root.children));
|
|
15
16
|
};
|
|
16
17
|
//# sourceMappingURL=renderDivider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD;;;AAGA,OAAO,MAAMC,sBAAsB,GAAIC,KAAmB,IAAI;EAC5D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,QAAQ,CAAeE,KAAK,CAAC;EAC1D,oBACEH,oBAACI,KAAK,CAACE,IAAI;IAAA,GAAKD,SAAS,CAACC;EAAI,GAC3BD,SAAS,CAACC,IAAI,CAACC,QAAQ,KAAKC,SAAS,iBACpCR,oBAACI,KAAK,CAACK,OAAO;IAAA,GAAKJ,SAAS,CAACI;EAAO,GAAGJ,SAAS,CAACC,IAAI,CAACC,QAAQ,CAC/D,CACU;AAEjB,CAAC","names":["React","getSlots","renderDivider_unstable","state","slots","slotProps","root","children","undefined","wrapper"],"sourceRoot":"../src/","sources":["packages/react-components/react-divider/src/components/Divider/renderDivider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerState) => {\n const { slots, slotProps } = getSlots<DividerSlots>(state);\n return (\n <slots.root {...slotProps.root}>\n {slotProps.root.children !== undefined && (\n <slots.wrapper {...slotProps.wrapper}>{slotProps.root.children}</slots.wrapper>\n )}\n </slots.root>\n );\n};\n"]}
|
|
@@ -4,7 +4,6 @@ import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-
|
|
|
4
4
|
* @param props - User-provided props to the Divider component.
|
|
5
5
|
* @param ref - User-provided ref to be passed to the Divider component.
|
|
6
6
|
*/
|
|
7
|
-
|
|
8
7
|
export const useDivider_unstable = (props, ref) => {
|
|
9
8
|
const {
|
|
10
9
|
alignContent = 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"AACA,SAASA,qBAAqB,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,2BAA2B;AAG1F;;;;;AAKA,OAAO,MAAMC,mBAAmB,GAAG,CAACC,KAAmB,EAAEC,GAA2B,KAAkB;EACpG,MAAM;IAAEC,YAAY,GAAG,QAAQ;IAAEC,UAAU,GAAG,SAAS;IAAEC,KAAK,GAAG,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAEC;EAAO,CAAE,GAAGN,KAAK;EAC3G,MAAMO,SAAS,GAAGT,KAAK,CAAC,UAAU,CAAC;EAEnC,OAAO;IACL;IACAI,YAAY;IACZC,UAAU;IACVC,KAAK;IACLC,QAAQ;IAER;IACAG,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXH,OAAO,EAAE;KACV;IAEDG,IAAI,EAAEb,qBAAqB,CAAC,KAAK,EAAE;MACjCc,IAAI,EAAE,WAAW;MACjB,kBAAkB,EAAEL,QAAQ,GAAG,UAAU,GAAG,YAAY;MACxD,iBAAiB,EAAEL,KAAK,CAACW,QAAQ,GAAGJ,SAAS,GAAGK,SAAS;MACzD,GAAGZ,KAAK;MACRC;KACD,CAAC;IACFK,OAAO,EAAET,gBAAgB,CAACS,OAAO,EAAE;MACjCO,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZC,EAAE,EAAER,SAAS;QACbI,QAAQ,EAAEX,KAAK,CAACW;;KAEnB;GACF;AACH,CAAC","names":["getNativeElementProps","resolveShorthand","useId","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","role","children","undefined","required","defaultProps","id"],"sourceRoot":"../src/","sources":["packages/react-components/react-divider/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"]}
|
|
@@ -8,163 +8,159 @@ const contentSpacing = '12px';
|
|
|
8
8
|
const insetSpacing = '12px';
|
|
9
9
|
const maxStartEndLength = '8px';
|
|
10
10
|
const minStartEndLength = '8px;';
|
|
11
|
-
|
|
12
11
|
const useBaseStyles = /*#__PURE__*/__styles({
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
},
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
},
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
},
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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"]
|
|
58
57
|
},
|
|
59
58
|
"default": {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
},
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
},
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
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"]
|
|
91
90
|
}
|
|
92
91
|
}, {
|
|
93
|
-
|
|
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);}"]
|
|
94
93
|
});
|
|
95
|
-
|
|
96
94
|
const useHorizontalStyles = /*#__PURE__*/__styles({
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
},
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
},
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
},
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
},
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
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"
|
|
125
123
|
}
|
|
126
124
|
}, {
|
|
127
|
-
|
|
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;}"]
|
|
128
126
|
});
|
|
129
|
-
|
|
130
127
|
const useVerticalStyles = /*#__PURE__*/__styles({
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
},
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
},
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
},
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
},
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
},
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
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"
|
|
163
160
|
}
|
|
164
161
|
}, {
|
|
165
|
-
|
|
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;}"]
|
|
166
163
|
});
|
|
167
|
-
|
|
168
164
|
export const useDividerStyles_unstable = state => {
|
|
169
165
|
const baseStyles = useBaseStyles();
|
|
170
166
|
const horizontalStyles = useHorizontalStyles();
|
|
@@ -175,17 +171,20 @@ export const useDividerStyles_unstable = state => {
|
|
|
175
171
|
inset,
|
|
176
172
|
vertical
|
|
177
173
|
} = state;
|
|
178
|
-
state.root.className = mergeClasses(dividerClassNames.root,
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
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
|
|
183
184
|
state.root.className);
|
|
184
|
-
|
|
185
185
|
if (state.wrapper) {
|
|
186
186
|
state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);
|
|
187
187
|
}
|
|
188
|
-
|
|
189
188
|
return state;
|
|
190
189
|
};
|
|
191
190
|
//# sourceMappingURL=useDividerStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"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","names":["mergeClasses","shorthands","tokens","dividerClassNames","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","useHorizontalStyles","useVerticalStyles","useDividerStyles_unstable","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","inset","vertical","className","base","children","undefined","withChildren","childless"],"sourceRoot":"../src/","sources":["packages/react-components/react-divider/src/components/Divider/useDividerStyles.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"]}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-divider/src/index.ts"],"
|
|
1
|
+
{"version":3,"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,WAAW","names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"sourceRoot":"../src/","sources":["packages/react-components/react-divider/src/index.ts"],"sourcesContent":["export {\n Divider,\n dividerClassNames,\n renderDivider_unstable,\n useDividerStyles_unstable,\n useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n"]}
|
package/lib-commonjs/Divider.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-divider/src/Divider.ts"],"
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-divider/src/Divider.ts"],"sourcesContent":["export * from './components/Divider/index';\n"]}
|