@fluentui/react-divider 0.0.0-nightly-20230321-0440.1 → 0.0.0-nightly-20230322-0439.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.
Files changed (30) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +56 -11
  3. package/CHANGELOG.md +22 -8
  4. package/lib/Divider.js.map +1 -1
  5. package/lib/components/Divider/Divider.js.map +1 -1
  6. package/lib/components/Divider/Divider.types.js.map +1 -1
  7. package/lib/components/Divider/index.js.map +1 -1
  8. package/lib/components/Divider/renderDivider.js +1 -5
  9. package/lib/components/Divider/renderDivider.js.map +1 -1
  10. package/lib/components/Divider/useDivider.js +1 -0
  11. package/lib/components/Divider/useDivider.js.map +1 -1
  12. package/lib/components/Divider/useDividerStyles.js.map +1 -1
  13. package/lib/index.js.map +1 -1
  14. package/lib-commonjs/Divider.js +5 -4
  15. package/lib-commonjs/Divider.js.map +1 -1
  16. package/lib-commonjs/components/Divider/Divider.js +19 -20
  17. package/lib-commonjs/components/Divider/Divider.js.map +1 -1
  18. package/lib-commonjs/components/Divider/Divider.types.js +3 -2
  19. package/lib-commonjs/components/Divider/Divider.types.js.map +1 -1
  20. package/lib-commonjs/components/Divider/index.js +9 -8
  21. package/lib-commonjs/components/Divider/index.js.map +1 -1
  22. package/lib-commonjs/components/Divider/renderDivider.js +13 -20
  23. package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
  24. package/lib-commonjs/components/Divider/useDivider.js +39 -46
  25. package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
  26. package/lib-commonjs/components/Divider/useDividerStyles.js +369 -182
  27. package/lib-commonjs/components/Divider/useDividerStyles.js.map +1 -1
  28. package/lib-commonjs/index.js +16 -33
  29. package/lib-commonjs/index.js.map +1 -1
  30. package/package.json +7 -7
@@ -1 +1 @@
1
- {"version":3,"names":["react_utilities_1","require","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","getNativeElementProps","role","children","undefined","resolveShorthand","required","defaultProps","id","exports"],"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"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAGA;;;;;AAKO,MAAMC,mBAAmB,GAAGA,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,GAAGV,iBAAA,CAAAW,KAAK,CAAC,UAAU,CAAC;EAEnC,OAAO;IACL;IACAN,YAAY;IACZC,UAAU;IACVC,KAAK;IACLC,QAAQ;IAER;IACAI,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXJ,OAAO,EAAE;KACV;IAEDI,IAAI,EAAEb,iBAAA,CAAAc,qBAAqB,CAAC,KAAK,EAAE;MACjCC,IAAI,EAAE,WAAW;MACjB,kBAAkB,EAAEP,QAAQ,GAAG,UAAU,GAAG,YAAY;MACxD,iBAAiB,EAAEL,KAAK,CAACa,QAAQ,GAAGN,SAAS,GAAGO,SAAS;MACzD,GAAGd,KAAK;MACRC;KACD,CAAC;IACFK,OAAO,EAAET,iBAAA,CAAAkB,gBAAgB,CAACT,OAAO,EAAE;MACjCU,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZC,EAAE,EAAEX,SAAS;QACbM,QAAQ,EAAEb,KAAK,CAACa;;KAEnB;GACF;AACH,CAAC;AAhCYM,OAAA,CAAApB,mBAAmB,GAAAA,mBAAA"}
1
+ {"version":3,"sources":["../../../lib/components/Divider/useDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props, ref) => {\n const {\n alignContent = 'center',\n appearance = 'default',\n inset = false,\n vertical = false,\n wrapper\n } = props;\n const dividerId = useId('divider-');\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div'\n },\n root: getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref\n }),\n wrapper: resolveShorthand(wrapper, {\n required: true,\n defaultProps: {\n id: dividerId,\n children: props.children\n }\n })\n };\n};\n//# sourceMappingURL=useDivider.js.map"],"names":["useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","getNativeElementProps","role","children","undefined","resolveShorthand","required","defaultProps","id"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;gCACwC;AAMxD,MAAMA,sBAAsB,CAACC,OAAOC,MAAQ;IACjD,MAAM,EACJC,cAAe,SAAQ,EACvBC,YAAa,UAAS,EACtBC,OAAQ,KAAK,CAAA,EACbC,UAAW,KAAK,CAAA,EAChBC,QAAO,EACR,GAAGN;IACJ,MAAMO,YAAYC,IAAAA,qBAAK,EAAC;IACxB,OAAO;QACL,gCAAgC;QAChCN;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBI,YAAY;YACVC,MAAM;YACNJ,SAAS;QACX;QACAI,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCC,MAAM;YACN,oBAAoBP,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMa,QAAQ,GAAGN,YAAYO,SAAS;YACzD,GAAGd,KAAK;YACRC;QACF;QACAK,SAASS,IAAAA,gCAAgB,EAACT,SAAS;YACjCU,UAAU,IAAI;YACdC,cAAc;gBACZC,IAAIX;gBACJM,UAAUb,MAAMa,QAAQ;YAC1B;QACF;IACF;AACF,GACA,sCAAsC"}
@@ -1,197 +1,384 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ dividerClassNames: ()=>dividerClassNames,
13
+ useDividerStyles_unstable: ()=>useDividerStyles_unstable
5
14
  });
6
- exports.useDividerStyles_unstable = exports.dividerClassNames = void 0;
7
- const react_1 = /*#__PURE__*/require("@griffel/react");
8
- const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
9
- exports.dividerClassNames = {
10
- root: 'fui-Divider',
11
- wrapper: 'fui-Divider__wrapper'
15
+ const _react = require("@griffel/react");
16
+ const dividerClassNames = {
17
+ root: 'fui-Divider',
18
+ wrapper: 'fui-Divider__wrapper'
12
19
  };
13
20
  const contentSpacing = '12px';
14
21
  const insetSpacing = '12px';
15
22
  const maxStartEndLength = '8px';
16
23
  const minStartEndLength = '8px;';
17
- const useBaseStyles = /*#__PURE__*/react_1.__styles({
18
- base: {
19
- Bt984gj: "f122n59",
20
- B7ck84d: "f1ewtqcl",
21
- mc9l5x: "f22iagw",
22
- Beiy3e4: "f1063pyq",
23
- Bh6795r: "fqerorx",
24
- qhf8xq: "f10pi13n",
25
- Bahqtrf: "fk6fouc",
26
- Be2twd7: "fy9rknc",
27
- Bhrd7zp: "figsok6",
28
- Bg96gwp: "fwrc4pm",
29
- fsow6f: "f17mccla",
30
- Bcvre1j: "fyl8oag",
31
- Br0sdwz: "f16vkdww",
32
- Bn78ew0: "fhsnbul",
33
- li1rpt: "f1gw3sf2",
34
- ap17g6: "f1ly5f7u",
35
- B771hl4: "f1s3tz6t"
36
- },
37
- childless: {
38
- susq4k: "f1kyqvp9",
39
- Bicfajf: ["fzynn9s", "f1z0ukd1"],
40
- jwcpgy: ["fekrn8e", "ftdg338"],
41
- B4rk6o: "fesgyo"
42
- },
43
- start: {
44
- Bsft5z2: "f13zj6fq"
45
- },
46
- center: {
47
- Ftih45: "f1wl9k8s",
48
- Bsft5z2: "f13zj6fq"
49
- },
50
- end: {
51
- Ftih45: "f1wl9k8s"
52
- },
53
- brand: {
54
- sj55zd: "f16muhyy",
55
- Bq4z7u6: "fcbuu2a",
56
- Bk5zm6e: ["f1wdw2dr", "f1ttio3w"],
57
- Bqjgrrk: "f1582fpk",
58
- Bm6vgfq: ["f1ttio3w", "f1wdw2dr"],
59
- B0n5ga8: "f1ahrvm8",
60
- s924m2: ["f1cd3wbc", "f17hbk9y"],
61
- B1q35kw: "fvrapl0",
62
- Gp14am: ["f17hbk9y", "f1cd3wbc"]
63
- },
64
- "default": {
65
- sj55zd: "fkfq4zb",
66
- Bq4z7u6: "f1vccso1",
67
- Bk5zm6e: ["f1geml7w", "fjml6kk"],
68
- Bqjgrrk: "f1r7kh1m",
69
- Bm6vgfq: ["fjml6kk", "f1geml7w"],
70
- B0n5ga8: "f16j7guv",
71
- s924m2: ["fx01ahm", "fj1a37q"],
72
- B1q35kw: "fl8d8yv",
73
- Gp14am: ["fj1a37q", "fx01ahm"]
74
- },
75
- subtle: {
76
- sj55zd: "fkfq4zb",
77
- Bq4z7u6: "f5g06un",
78
- Bk5zm6e: ["f13sxdku", "f1n015lb"],
79
- Bqjgrrk: "f1x6bl8t",
80
- Bm6vgfq: ["f1n015lb", "f13sxdku"],
81
- B0n5ga8: "fvod1wy",
82
- s924m2: ["fwslg65", "flk0e17"],
83
- B1q35kw: "f103fvts",
84
- Gp14am: ["flk0e17", "fwslg65"]
85
- },
86
- strong: {
87
- sj55zd: "fkfq4zb",
88
- Bq4z7u6: "f10tv6oz",
89
- Bk5zm6e: ["f16xp3sf", "f1seuxxq"],
90
- Bqjgrrk: "fwrmqbx",
91
- Bm6vgfq: ["f1seuxxq", "f16xp3sf"],
92
- B0n5ga8: "ft83z1f",
93
- s924m2: ["f1g4150c", "f192dr6e"],
94
- B1q35kw: "f1qnawh6",
95
- Gp14am: ["f192dr6e", "f1g4150c"]
96
- }
24
+ const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
25
+ base: {
26
+ Bt984gj: "f122n59",
27
+ B7ck84d: "f1ewtqcl",
28
+ mc9l5x: "f22iagw",
29
+ Beiy3e4: "f1063pyq",
30
+ Bh6795r: "fqerorx",
31
+ qhf8xq: "f10pi13n",
32
+ Bahqtrf: "fk6fouc",
33
+ Be2twd7: "fy9rknc",
34
+ Bhrd7zp: "figsok6",
35
+ Bg96gwp: "fwrc4pm",
36
+ fsow6f: "f17mccla",
37
+ Bcvre1j: "fyl8oag",
38
+ Br0sdwz: "f16vkdww",
39
+ Bn78ew0: "fhsnbul",
40
+ li1rpt: "f1gw3sf2",
41
+ ap17g6: "f1ly5f7u",
42
+ B771hl4: "f1s3tz6t"
43
+ },
44
+ childless: {
45
+ susq4k: "f1kyqvp9",
46
+ Bicfajf: [
47
+ "fzynn9s",
48
+ "f1z0ukd1"
49
+ ],
50
+ jwcpgy: [
51
+ "fekrn8e",
52
+ "ftdg338"
53
+ ],
54
+ B4rk6o: "fesgyo"
55
+ },
56
+ start: {
57
+ Bsft5z2: "f13zj6fq"
58
+ },
59
+ center: {
60
+ Ftih45: "f1wl9k8s",
61
+ Bsft5z2: "f13zj6fq"
62
+ },
63
+ end: {
64
+ Ftih45: "f1wl9k8s"
65
+ },
66
+ brand: {
67
+ sj55zd: "f16muhyy",
68
+ Bq4z7u6: "fcbuu2a",
69
+ Bk5zm6e: [
70
+ "f1wdw2dr",
71
+ "f1ttio3w"
72
+ ],
73
+ Bqjgrrk: "f1582fpk",
74
+ Bm6vgfq: [
75
+ "f1ttio3w",
76
+ "f1wdw2dr"
77
+ ],
78
+ B0n5ga8: "f1ahrvm8",
79
+ s924m2: [
80
+ "f1cd3wbc",
81
+ "f17hbk9y"
82
+ ],
83
+ B1q35kw: "fvrapl0",
84
+ Gp14am: [
85
+ "f17hbk9y",
86
+ "f1cd3wbc"
87
+ ]
88
+ },
89
+ "default": {
90
+ sj55zd: "fkfq4zb",
91
+ Bq4z7u6: "f1vccso1",
92
+ Bk5zm6e: [
93
+ "f1geml7w",
94
+ "fjml6kk"
95
+ ],
96
+ Bqjgrrk: "f1r7kh1m",
97
+ Bm6vgfq: [
98
+ "fjml6kk",
99
+ "f1geml7w"
100
+ ],
101
+ B0n5ga8: "f16j7guv",
102
+ s924m2: [
103
+ "fx01ahm",
104
+ "fj1a37q"
105
+ ],
106
+ B1q35kw: "fl8d8yv",
107
+ Gp14am: [
108
+ "fj1a37q",
109
+ "fx01ahm"
110
+ ]
111
+ },
112
+ subtle: {
113
+ sj55zd: "fkfq4zb",
114
+ Bq4z7u6: "f5g06un",
115
+ Bk5zm6e: [
116
+ "f13sxdku",
117
+ "f1n015lb"
118
+ ],
119
+ Bqjgrrk: "f1x6bl8t",
120
+ Bm6vgfq: [
121
+ "f1n015lb",
122
+ "f13sxdku"
123
+ ],
124
+ B0n5ga8: "fvod1wy",
125
+ s924m2: [
126
+ "fwslg65",
127
+ "flk0e17"
128
+ ],
129
+ B1q35kw: "f103fvts",
130
+ Gp14am: [
131
+ "flk0e17",
132
+ "fwslg65"
133
+ ]
134
+ },
135
+ strong: {
136
+ sj55zd: "fkfq4zb",
137
+ Bq4z7u6: "f10tv6oz",
138
+ Bk5zm6e: [
139
+ "f16xp3sf",
140
+ "f1seuxxq"
141
+ ],
142
+ Bqjgrrk: "fwrmqbx",
143
+ Bm6vgfq: [
144
+ "f1seuxxq",
145
+ "f16xp3sf"
146
+ ],
147
+ B0n5ga8: "ft83z1f",
148
+ s924m2: [
149
+ "f1g4150c",
150
+ "f192dr6e"
151
+ ],
152
+ B1q35kw: "f1qnawh6",
153
+ Gp14am: [
154
+ "f192dr6e",
155
+ "f1g4150c"
156
+ ]
157
+ }
97
158
  }, {
98
- 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);}"]
159
+ d: [
160
+ ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
161
+ ".f1ewtqcl{box-sizing:border-box;}",
162
+ ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
163
+ ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}",
164
+ ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
165
+ ".f10pi13n{position:relative;}",
166
+ ".fk6fouc{font-family:var(--fontFamilyBase);}",
167
+ ".fy9rknc{font-size:var(--fontSizeBase200);}",
168
+ ".figsok6{font-weight:var(--fontWeightRegular);}",
169
+ ".fwrc4pm{line-height:var(--lineHeightBase200);}",
170
+ ".f17mccla{text-align:center;}",
171
+ ".fyl8oag::before{box-sizing:border-box;}",
172
+ ".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
173
+ ".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
174
+ ".f1gw3sf2::after{box-sizing:border-box;}",
175
+ ".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
176
+ ".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
177
+ ".f1kyqvp9::before{margin-bottom:0;}",
178
+ ".fzynn9s::before{margin-right:0;}",
179
+ ".f1z0ukd1::before{margin-left:0;}",
180
+ ".fekrn8e::after{margin-left:0;}",
181
+ ".ftdg338::after{margin-right:0;}",
182
+ ".fesgyo::after{margin-top:0;}",
183
+ ".f13zj6fq::after{content:\"\";}",
184
+ ".f1wl9k8s::before{content:\"\";}",
185
+ ".f16muhyy{color:var(--colorBrandForeground1);}",
186
+ ".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}",
187
+ ".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}",
188
+ ".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}",
189
+ ".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}",
190
+ ".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}",
191
+ ".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}",
192
+ ".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}",
193
+ ".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}",
194
+ ".fkfq4zb{color:var(--colorNeutralForeground2);}",
195
+ ".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}",
196
+ ".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}",
197
+ ".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}",
198
+ ".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}",
199
+ ".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}",
200
+ ".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}",
201
+ ".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}",
202
+ ".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}",
203
+ ".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}",
204
+ ".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}",
205
+ ".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}",
206
+ ".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}",
207
+ ".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}",
208
+ ".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}",
209
+ ".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}",
210
+ ".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}",
211
+ ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}",
212
+ ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}",
213
+ ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}",
214
+ ".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}",
215
+ ".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}",
216
+ ".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}",
217
+ ".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}",
218
+ ".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}"
219
+ ]
99
220
  });
100
- const useHorizontalStyles = /*#__PURE__*/react_1.__styles({
101
- base: {
102
- a9b677: "fly5x3f",
103
- Bdkvgpv: "f163fonl",
104
- B0qfbqy: "f51yk4v",
105
- pbipgd: "f13rof3u",
106
- Bm2nyyq: "f8rth92",
107
- xrcqlc: "f6czdpx",
108
- i5u598: "f1iyka9k"
109
- },
110
- inset: {
111
- uwmqm3: ["fjlbh76", "f11qrl6u"],
112
- z189sj: ["f11qrl6u", "fjlbh76"]
113
- },
114
- start: {
115
- Ftih45: "f1wl9k8s",
116
- Bicfajf: ["f1ojjlep", "fk1kexq"],
117
- Bxwl2t9: "f1he2m4d",
118
- jwcpgy: ["f12w1bnb", "f1558wlj"]
119
- },
120
- center: {
121
- Bicfajf: ["f1ojjlep", "fk1kexq"],
122
- jwcpgy: ["f12w1bnb", "f1558wlj"]
123
- },
124
- end: {
125
- Bicfajf: ["f1ojjlep", "fk1kexq"],
126
- Bsft5z2: "f13zj6fq",
127
- jwcpgy: ["f12w1bnb", "f1558wlj"],
128
- Iy66sp: "f1ayce8x"
129
- }
221
+ const useHorizontalStyles = /*#__PURE__*/ (0, _react["__styles"])({
222
+ base: {
223
+ a9b677: "fly5x3f",
224
+ Bdkvgpv: "f163fonl",
225
+ B0qfbqy: "f51yk4v",
226
+ pbipgd: "f13rof3u",
227
+ Bm2nyyq: "f8rth92",
228
+ xrcqlc: "f6czdpx",
229
+ i5u598: "f1iyka9k"
230
+ },
231
+ inset: {
232
+ uwmqm3: [
233
+ "fjlbh76",
234
+ "f11qrl6u"
235
+ ],
236
+ z189sj: [
237
+ "f11qrl6u",
238
+ "fjlbh76"
239
+ ]
240
+ },
241
+ start: {
242
+ Ftih45: "f1wl9k8s",
243
+ Bicfajf: [
244
+ "f1ojjlep",
245
+ "fk1kexq"
246
+ ],
247
+ Bxwl2t9: "f1he2m4d",
248
+ jwcpgy: [
249
+ "f12w1bnb",
250
+ "f1558wlj"
251
+ ]
252
+ },
253
+ center: {
254
+ Bicfajf: [
255
+ "f1ojjlep",
256
+ "fk1kexq"
257
+ ],
258
+ jwcpgy: [
259
+ "f12w1bnb",
260
+ "f1558wlj"
261
+ ]
262
+ },
263
+ end: {
264
+ Bicfajf: [
265
+ "f1ojjlep",
266
+ "fk1kexq"
267
+ ],
268
+ Bsft5z2: "f13zj6fq",
269
+ jwcpgy: [
270
+ "f12w1bnb",
271
+ "f1558wlj"
272
+ ],
273
+ Iy66sp: "f1ayce8x"
274
+ }
130
275
  }, {
131
- 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;}"]
276
+ d: [
277
+ ".fly5x3f{width:100%;}",
278
+ ".f163fonl::before{border-top-style:solid;}",
279
+ ".f51yk4v::before{border-top-width:var(--strokeWidthThin);}",
280
+ ".f13rof3u::before{min-width:8px;}",
281
+ ".f8rth92::after{border-top-style:solid;}",
282
+ ".f6czdpx::after{border-top-width:var(--strokeWidthThin);}",
283
+ ".f1iyka9k::after{min-width:8px;}",
284
+ ".fjlbh76{padding-left:12px;}",
285
+ ".f11qrl6u{padding-right:12px;}",
286
+ ".f1wl9k8s::before{content:\"\";}",
287
+ ".f1ojjlep::before{margin-right:12px;}",
288
+ ".fk1kexq::before{margin-left:12px;}",
289
+ ".f1he2m4d::before{max-width:8px;}",
290
+ ".f12w1bnb::after{margin-left:12px;}",
291
+ ".f1558wlj::after{margin-right:12px;}",
292
+ ".f13zj6fq::after{content:\"\";}",
293
+ ".f1ayce8x::after{max-width:8px;}"
294
+ ]
132
295
  });
133
- const useVerticalStyles = /*#__PURE__*/react_1.__styles({
134
- base: {
135
- Beiy3e4: "f1vx9l62",
136
- sshi5w: "f16gbxbe",
137
- m598lv: ["f1yq6w5o", "f1jpmc5p"],
138
- B4f6apu: ["f9sc749", "f1x8pvcy"],
139
- zkzzav: "fhkwbjy",
140
- Barhvk9: ["flthirb", "ftkbnf5"],
141
- Ihftqj: ["f13hvwk3", "f1en4csx"],
142
- Bde111x: "f19onpk6"
143
- },
144
- inset: {
145
- B6of3ja: "f1xdg43u",
146
- jrapky: "f1jlhsmd"
147
- },
148
- withChildren: {
149
- sshi5w: "f1tjaq3g"
150
- },
151
- start: {
152
- Ftih45: "f1wl9k8s",
153
- susq4k: "fg2pwug",
154
- Bbdr6tz: "fkjtzyi",
155
- B4rk6o: "f8vk40g"
156
- },
157
- center: {
158
- susq4k: "fg2pwug",
159
- B4rk6o: "f8vk40g"
160
- },
161
- end: {
162
- susq4k: "fg2pwug",
163
- Bsft5z2: "f13zj6fq",
164
- B4rk6o: "f8vk40g",
165
- gn64ia: "fqg5mu5"
166
- }
296
+ const useVerticalStyles = /*#__PURE__*/ (0, _react["__styles"])({
297
+ base: {
298
+ Beiy3e4: "f1vx9l62",
299
+ sshi5w: "f16gbxbe",
300
+ m598lv: [
301
+ "f1yq6w5o",
302
+ "f1jpmc5p"
303
+ ],
304
+ B4f6apu: [
305
+ "f9sc749",
306
+ "f1x8pvcy"
307
+ ],
308
+ zkzzav: "fhkwbjy",
309
+ Barhvk9: [
310
+ "flthirb",
311
+ "ftkbnf5"
312
+ ],
313
+ Ihftqj: [
314
+ "f13hvwk3",
315
+ "f1en4csx"
316
+ ],
317
+ Bde111x: "f19onpk6"
318
+ },
319
+ inset: {
320
+ B6of3ja: "f1xdg43u",
321
+ jrapky: "f1jlhsmd"
322
+ },
323
+ withChildren: {
324
+ sshi5w: "f1tjaq3g"
325
+ },
326
+ start: {
327
+ Ftih45: "f1wl9k8s",
328
+ susq4k: "fg2pwug",
329
+ Bbdr6tz: "fkjtzyi",
330
+ B4rk6o: "f8vk40g"
331
+ },
332
+ center: {
333
+ susq4k: "fg2pwug",
334
+ B4rk6o: "f8vk40g"
335
+ },
336
+ end: {
337
+ susq4k: "fg2pwug",
338
+ Bsft5z2: "f13zj6fq",
339
+ B4rk6o: "f8vk40g",
340
+ gn64ia: "fqg5mu5"
341
+ }
167
342
  }, {
168
- 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;}"]
343
+ d: [
344
+ ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
345
+ ".f16gbxbe{min-height:20px;}",
346
+ ".f1yq6w5o::before{border-right-style:solid;}",
347
+ ".f1jpmc5p::before{border-left-style:solid;}",
348
+ ".f9sc749::before{border-right-width:var(--strokeWidthThin);}",
349
+ ".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}",
350
+ ".fhkwbjy::before{min-height:8px;}",
351
+ ".flthirb::after{border-right-style:solid;}",
352
+ ".ftkbnf5::after{border-left-style:solid;}",
353
+ ".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}",
354
+ ".f1en4csx::after{border-left-width:var(--strokeWidthThin);}",
355
+ ".f19onpk6::after{min-height:8px;}",
356
+ ".f1xdg43u{margin-top:12px;}",
357
+ ".f1jlhsmd{margin-bottom:12px;}",
358
+ ".f1tjaq3g{min-height:84px;}",
359
+ ".f1wl9k8s::before{content:\"\";}",
360
+ ".fg2pwug::before{margin-bottom:12px;}",
361
+ ".fkjtzyi::before{max-height:8px;}",
362
+ ".f8vk40g::after{margin-top:12px;}",
363
+ ".f13zj6fq::after{content:\"\";}",
364
+ ".fqg5mu5::after{max-height:8px;}"
365
+ ]
169
366
  });
170
- const useDividerStyles_unstable = state => {
171
- const baseStyles = useBaseStyles();
172
- const horizontalStyles = useHorizontalStyles();
173
- const verticalStyles = useVerticalStyles();
174
- const {
175
- alignContent,
176
- appearance,
177
- inset,
178
- vertical
179
- } = state;
180
- state.root.className = react_1.mergeClasses(exports.dividerClassNames.root,
181
- // Base styles
182
- baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance],
183
- // Horizontal styles
184
- !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent],
185
- // Vertical styles
186
- vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren,
187
- // Childless styles
188
- state.root.children === undefined && baseStyles.childless,
189
- // User provided class name
190
- state.root.className);
191
- if (state.wrapper) {
192
- state.wrapper.className = react_1.mergeClasses(exports.dividerClassNames.wrapper, state.wrapper.className);
193
- }
194
- return state;
195
- };
196
- exports.useDividerStyles_unstable = useDividerStyles_unstable;
367
+ const useDividerStyles_unstable = (state)=>{
368
+ const baseStyles = useBaseStyles();
369
+ const horizontalStyles = useHorizontalStyles();
370
+ const verticalStyles = useVerticalStyles();
371
+ const { alignContent , appearance , inset , vertical } = state;
372
+ state.root.className = (0, _react.mergeClasses)(dividerClassNames.root, // Base styles
373
+ baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles
374
+ !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles
375
+ vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles
376
+ state.root.children === undefined && baseStyles.childless, // User provided class name
377
+ state.root.className);
378
+ if (state.wrapper) {
379
+ state.wrapper.className = (0, _react.mergeClasses)(dividerClassNames.wrapper, state.wrapper.className);
380
+ }
381
+ return state;
382
+ }; //# sourceMappingURL=useDividerStyles.js.map
383
+
197
384
  //# sourceMappingURL=useDividerStyles.js.map