@fluentui/react-divider 0.0.0-nightly-20240730-0407.1 → 0.0.0-nightly-20240816-2133.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.md +10 -10
- package/lib/components/Divider/useDividerStyles.styles.js +15 -15
- package/lib/components/Divider/useDividerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Divider/useDividerStyles.styles.js +28 -28
- package/lib-commonjs/components/Divider/useDividerStyles.styles.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-divider
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 16 Aug 2024 21:44: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-20240816-2133.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly-20240816-2133.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.73..@fluentui/react-divider_v0.0.0-nightly-
|
|
9
|
+
Fri, 16 Aug 2024 21:44:03 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.73..@fluentui/react-divider_v0.0.0-nightly-20240816-2133.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 to v0.0.0-nightly-
|
|
20
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
16
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
17
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
18
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
19
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
20
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
21
21
|
|
|
22
22
|
## [9.2.73](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.73)
|
|
23
23
|
|
|
@@ -16,10 +16,10 @@ const useBaseStyles = /*#__PURE__*/__styles({
|
|
|
16
16
|
Beiy3e4: "f1063pyq",
|
|
17
17
|
Bh6795r: "fqerorx",
|
|
18
18
|
qhf8xq: "f10pi13n",
|
|
19
|
-
Bahqtrf: "
|
|
20
|
-
Be2twd7: "
|
|
21
|
-
Bhrd7zp: "
|
|
22
|
-
Bg96gwp: "
|
|
19
|
+
Bahqtrf: "fkt88v0",
|
|
20
|
+
Be2twd7: "f1ewazdg",
|
|
21
|
+
Bhrd7zp: "f1j18grb",
|
|
22
|
+
Bg96gwp: "f1ac896q",
|
|
23
23
|
fsow6f: "f17mccla",
|
|
24
24
|
Bcvre1j: "fyl8oag",
|
|
25
25
|
Br0sdwz: "f16vkdww",
|
|
@@ -45,7 +45,7 @@ const useBaseStyles = /*#__PURE__*/__styles({
|
|
|
45
45
|
Ftih45: "f1wl9k8s"
|
|
46
46
|
},
|
|
47
47
|
brand: {
|
|
48
|
-
sj55zd: "
|
|
48
|
+
sj55zd: "f1x30yd2",
|
|
49
49
|
Bq4z7u6: "fcbuu2a",
|
|
50
50
|
Bk5zm6e: ["f1wdw2dr", "f1ttio3w"],
|
|
51
51
|
Bqjgrrk: "f1582fpk",
|
|
@@ -56,7 +56,7 @@ const useBaseStyles = /*#__PURE__*/__styles({
|
|
|
56
56
|
Gp14am: ["f17hbk9y", "f1cd3wbc"]
|
|
57
57
|
},
|
|
58
58
|
"default": {
|
|
59
|
-
sj55zd: "
|
|
59
|
+
sj55zd: "f1g0kd3o",
|
|
60
60
|
Bq4z7u6: "f1vccso1",
|
|
61
61
|
Bk5zm6e: ["f1geml7w", "fjml6kk"],
|
|
62
62
|
Bqjgrrk: "f1r7kh1m",
|
|
@@ -67,7 +67,7 @@ const useBaseStyles = /*#__PURE__*/__styles({
|
|
|
67
67
|
Gp14am: ["fj1a37q", "fx01ahm"]
|
|
68
68
|
},
|
|
69
69
|
subtle: {
|
|
70
|
-
sj55zd: "
|
|
70
|
+
sj55zd: "f1i3ou1f",
|
|
71
71
|
Bq4z7u6: "f5g06un",
|
|
72
72
|
Bk5zm6e: ["f13sxdku", "f1n015lb"],
|
|
73
73
|
Bqjgrrk: "f1x6bl8t",
|
|
@@ -78,7 +78,7 @@ const useBaseStyles = /*#__PURE__*/__styles({
|
|
|
78
78
|
Gp14am: ["flk0e17", "fwslg65"]
|
|
79
79
|
},
|
|
80
80
|
strong: {
|
|
81
|
-
sj55zd: "
|
|
81
|
+
sj55zd: "fa4imqv",
|
|
82
82
|
Bq4z7u6: "f10tv6oz",
|
|
83
83
|
Bk5zm6e: ["f16xp3sf", "f1seuxxq"],
|
|
84
84
|
Bqjgrrk: "fwrmqbx",
|
|
@@ -89,16 +89,16 @@ const useBaseStyles = /*#__PURE__*/__styles({
|
|
|
89
89
|
Gp14am: ["f192dr6e", "f1g4150c"]
|
|
90
90
|
}
|
|
91
91
|
}, {
|
|
92
|
-
d: [".f122n59{align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".fqerorx{flex-grow:1;}", ".f10pi13n{position:relative;}", ".
|
|
92
|
+
d: [".f122n59{align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".fqerorx{flex-grow:1;}", ".f10pi13n{position:relative;}", ".fkt88v0{font-family:var(--ctrl-token-Divider-1069, var(--semantic-token-Divider-1070, var(--fontFamilyBase)));}", ".f1ewazdg{font-size:var(--ctrl-token-Divider-1071, var(--semantic-token-Divider-1072, var(--fontSizeBase200)));}", ".f1j18grb{font-weight:var(--ctrl-token-Divider-1073, var(--semantic-token-Divider-1074, var(--fontWeightRegular)));}", ".f1ac896q{line-height:var(--ctrl-token-Divider-1075, var(--semantic-token-Divider-1076, var(--lineHeightBase200)));}", ".f17mccla{text-align:center;}", ".fyl8oag::before{box-sizing:border-box;}", ".f16vkdww::before{display:flex;}", ".fhsnbul::before{flex-grow:1;}", ".f1gw3sf2::after{box-sizing:border-box;}", ".f1ly5f7u::after{display:flex;}", ".f1s3tz6t::after{flex-grow:1;}", ".f1kyqvp9::before{margin-bottom:0;}", ".fzynn9s::before{margin-right:0;}", ".f1z0ukd1::before{margin-left:0;}", ".fekrn8e::after{margin-left:0;}", ".ftdg338::after{margin-right:0;}", ".fesgyo::after{margin-top:0;}", ".f13zj6fq::after{content:\"\";}", ".f1wl9k8s::before{content:\"\";}", ".f1x30yd2{color:var(--ctrl-token-Divider-1077, var(--semantic-token-Divider-1078, 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);}", ".f1g0kd3o{color:var(--ctrl-token-Divider-1079, var(--semantic-token-Divider-1080, 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);}", ".f1i3ou1f{color:var(--ctrl-token-Divider-1081, var(--semantic-token-Divider-1082, var(--colorNeutralForeground3)));}", ".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);}", ".fa4imqv{color:var(--ctrl-token-Divider-1083, var(--semantic-token-Divider-1084, var(--colorNeutralForeground1)));}", ".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
93
|
});
|
|
94
94
|
const useHorizontalStyles = /*#__PURE__*/__styles({
|
|
95
95
|
base: {
|
|
96
96
|
a9b677: "fly5x3f",
|
|
97
97
|
Bdkvgpv: "f163fonl",
|
|
98
|
-
B0qfbqy: "
|
|
98
|
+
B0qfbqy: "f1hvpumc",
|
|
99
99
|
pbipgd: "f13rof3u",
|
|
100
100
|
Bm2nyyq: "f8rth92",
|
|
101
|
-
xrcqlc: "
|
|
101
|
+
xrcqlc: "f113ng4i",
|
|
102
102
|
i5u598: "f1iyka9k"
|
|
103
103
|
},
|
|
104
104
|
inset: {
|
|
@@ -122,17 +122,17 @@ const useHorizontalStyles = /*#__PURE__*/__styles({
|
|
|
122
122
|
Iy66sp: "f1ayce8x"
|
|
123
123
|
}
|
|
124
124
|
}, {
|
|
125
|
-
d: [".fly5x3f{width:100%;}", ".f163fonl::before{border-top-style:solid;}", ".
|
|
125
|
+
d: [".fly5x3f{width:100%;}", ".f163fonl::before{border-top-style:solid;}", ".f1hvpumc::before{border-top-width:var(--ctrl-token-Divider-1085, var(--semantic-token-Divider-1086, var(--strokeWidthThin)));}", ".f13rof3u::before{min-width:8px;}", ".f8rth92::after{border-top-style:solid;}", ".f113ng4i::after{border-top-width:var(--ctrl-token-Divider-1087, var(--semantic-token-Divider-1088, 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
126
|
});
|
|
127
127
|
const useVerticalStyles = /*#__PURE__*/__styles({
|
|
128
128
|
base: {
|
|
129
129
|
Beiy3e4: "f1vx9l62",
|
|
130
130
|
sshi5w: "f16gbxbe",
|
|
131
131
|
m598lv: ["f1yq6w5o", "f1jpmc5p"],
|
|
132
|
-
B4f6apu: ["
|
|
132
|
+
B4f6apu: ["f1uzs11a", "f11ielqw"],
|
|
133
133
|
zkzzav: "fhkwbjy",
|
|
134
134
|
Barhvk9: ["flthirb", "ftkbnf5"],
|
|
135
|
-
Ihftqj: ["
|
|
135
|
+
Ihftqj: ["f1e6bkkh", "f2p6wld"],
|
|
136
136
|
Bde111x: "f19onpk6"
|
|
137
137
|
},
|
|
138
138
|
inset: {
|
|
@@ -159,7 +159,7 @@ const useVerticalStyles = /*#__PURE__*/__styles({
|
|
|
159
159
|
gn64ia: "fqg5mu5"
|
|
160
160
|
}
|
|
161
161
|
}, {
|
|
162
|
-
d: [".f1vx9l62{flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".
|
|
162
|
+
d: [".f1vx9l62{flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f1uzs11a::before{border-right-width:var(--ctrl-token-Divider-1089, var(--semantic-token-Divider-1090, var(--strokeWidthThin)));}", ".f11ielqw::before{border-left-width:var(--ctrl-token-Divider-1089, var(--semantic-token-Divider-1090, var(--strokeWidthThin)));}", ".fhkwbjy::before{min-height:8px;}", ".flthirb::after{border-right-style:solid;}", ".ftkbnf5::after{border-left-style:solid;}", ".f1e6bkkh::after{border-right-width:var(--ctrl-token-Divider-1091, var(--semantic-token-Divider-1092, var(--strokeWidthThin)));}", ".f2p6wld::after{border-left-width:var(--ctrl-token-Divider-1091, var(--semantic-token-Divider-1092, 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
163
|
});
|
|
164
164
|
export const useDividerStyles_unstable = state => {
|
|
165
165
|
'use no memo';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["mergeClasses","shorthands","__styles","tokens","dividerClassNames","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","base","Bt984gj","B7ck84d","mc9l5x","Beiy3e4","Bh6795r","qhf8xq","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","fsow6f","Bcvre1j","Br0sdwz","Bn78ew0","li1rpt","ap17g6","B771hl4","childless","susq4k","Bicfajf","jwcpgy","B4rk6o","start","Bsft5z2","center","Ftih45","end","brand","sj55zd","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","B0n5ga8","s924m2","B1q35kw","Gp14am","subtle","strong","d","useHorizontalStyles","a9b677","Bdkvgpv","B0qfbqy","pbipgd","Bm2nyyq","xrcqlc","i5u598","inset","uwmqm3","z189sj","Bxwl2t9","Iy66sp","useVerticalStyles","sshi5w","m598lv","B4f6apu","zkzzav","Barhvk9","Ihftqj","Bde111x","B6of3ja","jrapky","withChildren","Bbdr6tz","gn64ia","useDividerStyles_unstable","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","children","undefined"],"sources":["useDividerStyles.styles.js"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const dividerClassNames = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper'\n};\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\nconst useBaseStyles = makeStyles({\n // Base styles\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'row',\n flexGrow: 1,\n position: 'relative',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n textAlign: 'center',\n '::before': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n },\n '::after': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n }\n },\n // Childless styles\n childless: {\n '::before': {\n marginBottom: 0,\n marginRight: 0\n },\n '::after': {\n marginLeft: 0,\n marginTop: 0\n }\n },\n // Alignment variations\n start: {\n '::after': {\n content: '\"\"'\n }\n },\n center: {\n '::before': {\n content: '\"\"'\n },\n '::after': {\n content: '\"\"'\n }\n },\n end: {\n '::before': {\n content: '\"\"'\n }\n },\n // Appearance variations\n brand: {\n color: tokens.colorBrandForeground1,\n '::before': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n }\n },\n default: {\n color: tokens.colorNeutralForeground2,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n }\n },\n subtle: {\n color: tokens.colorNeutralForeground3,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n }\n },\n strong: {\n color: tokens.colorNeutralForeground1,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n }\n }\n});\nconst useHorizontalStyles = makeStyles({\n // Base styles\n base: {\n width: '100%',\n '::before': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength\n },\n '::after': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n paddingLeft: insetSpacing,\n paddingRight: insetSpacing\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginRight: contentSpacing,\n maxWidth: maxStartEndLength\n },\n '::after': {\n marginLeft: contentSpacing\n }\n },\n center: {\n '::before': {\n marginRight: contentSpacing\n },\n '::after': {\n marginLeft: contentSpacing\n }\n },\n end: {\n '::before': {\n marginRight: contentSpacing\n },\n '::after': {\n content: '\"\"',\n marginLeft: contentSpacing,\n maxWidth: maxStartEndLength\n }\n }\n});\nconst useVerticalStyles = makeStyles({\n // Base styles\n base: {\n flexDirection: 'column',\n minHeight: '20px',\n '::before': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength\n },\n '::after': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n marginTop: insetSpacing,\n marginBottom: insetSpacing\n },\n // With children styles\n withChildren: {\n minHeight: '84px'\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginBottom: contentSpacing,\n maxHeight: maxStartEndLength\n },\n '::after': {\n marginTop: contentSpacing\n }\n },\n center: {\n '::before': {\n marginBottom: contentSpacing\n },\n '::after': {\n marginTop: contentSpacing\n }\n },\n end: {\n '::before': {\n marginBottom: contentSpacing\n },\n '::after': {\n content: '\"\"',\n marginTop: contentSpacing,\n maxHeight: maxStartEndLength\n }\n }\n});\nexport const useDividerStyles_unstable = (state)=>{\n 'use no memo';\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const { alignContent, appearance, inset, vertical } = state;\n state.root.className = mergeClasses(dividerClassNames.root, // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles\n state.root.children === undefined && baseStyles.childless, // User provided class name\n state.root.className);\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["mergeClasses","shorthands","__styles","tokens","dividerClassNames","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","base","Bt984gj","B7ck84d","mc9l5x","Beiy3e4","Bh6795r","qhf8xq","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","fsow6f","Bcvre1j","Br0sdwz","Bn78ew0","li1rpt","ap17g6","B771hl4","childless","susq4k","Bicfajf","jwcpgy","B4rk6o","start","Bsft5z2","center","Ftih45","end","brand","sj55zd","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","B0n5ga8","s924m2","B1q35kw","Gp14am","subtle","strong","d","useHorizontalStyles","a9b677","Bdkvgpv","B0qfbqy","pbipgd","Bm2nyyq","xrcqlc","i5u598","inset","uwmqm3","z189sj","Bxwl2t9","Iy66sp","useVerticalStyles","sshi5w","m598lv","B4f6apu","zkzzav","Barhvk9","Ihftqj","Bde111x","B6of3ja","jrapky","withChildren","Bbdr6tz","gn64ia","useDividerStyles_unstable","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","children","undefined"],"sources":["useDividerStyles.styles.js"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const dividerClassNames = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper'\n};\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\nconst useBaseStyles = makeStyles({\n // Base styles\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'row',\n flexGrow: 1,\n position: 'relative',\n fontFamily: `var(--ctrl-token-Divider-1069, var(--semantic-token-Divider-1070, ${tokens.fontFamilyBase}))`,\n fontSize: `var(--ctrl-token-Divider-1071, var(--semantic-token-Divider-1072, ${tokens.fontSizeBase200}))`,\n fontWeight: `var(--ctrl-token-Divider-1073, var(--semantic-token-Divider-1074, ${tokens.fontWeightRegular}))`,\n lineHeight: `var(--ctrl-token-Divider-1075, var(--semantic-token-Divider-1076, ${tokens.lineHeightBase200}))`,\n textAlign: 'center',\n '::before': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n },\n '::after': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n }\n },\n // Childless styles\n childless: {\n '::before': {\n marginBottom: 0,\n marginRight: 0\n },\n '::after': {\n marginLeft: 0,\n marginTop: 0\n }\n },\n // Alignment variations\n start: {\n '::after': {\n content: '\"\"'\n }\n },\n center: {\n '::before': {\n content: '\"\"'\n },\n '::after': {\n content: '\"\"'\n }\n },\n end: {\n '::before': {\n content: '\"\"'\n }\n },\n // Appearance variations\n brand: {\n color: `var(--ctrl-token-Divider-1077, var(--semantic-token-Divider-1078, ${tokens.colorBrandForeground1}))`,\n '::before': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n }\n },\n default: {\n color: `var(--ctrl-token-Divider-1079, var(--semantic-token-Divider-1080, ${tokens.colorNeutralForeground2}))`,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n }\n },\n subtle: {\n color: `var(--ctrl-token-Divider-1081, var(--semantic-token-Divider-1082, ${tokens.colorNeutralForeground3}))`,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n }\n },\n strong: {\n color: `var(--ctrl-token-Divider-1083, var(--semantic-token-Divider-1084, ${tokens.colorNeutralForeground1}))`,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n }\n }\n});\nconst useHorizontalStyles = makeStyles({\n // Base styles\n base: {\n width: '100%',\n '::before': {\n borderTopStyle: 'solid',\n borderTopWidth: `var(--ctrl-token-Divider-1085, var(--semantic-token-Divider-1086, ${tokens.strokeWidthThin}))`,\n minWidth: minStartEndLength\n },\n '::after': {\n borderTopStyle: 'solid',\n borderTopWidth: `var(--ctrl-token-Divider-1087, var(--semantic-token-Divider-1088, ${tokens.strokeWidthThin}))`,\n minWidth: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n paddingLeft: insetSpacing,\n paddingRight: insetSpacing\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginRight: contentSpacing,\n maxWidth: maxStartEndLength\n },\n '::after': {\n marginLeft: contentSpacing\n }\n },\n center: {\n '::before': {\n marginRight: contentSpacing\n },\n '::after': {\n marginLeft: contentSpacing\n }\n },\n end: {\n '::before': {\n marginRight: contentSpacing\n },\n '::after': {\n content: '\"\"',\n marginLeft: contentSpacing,\n maxWidth: maxStartEndLength\n }\n }\n});\nconst useVerticalStyles = makeStyles({\n // Base styles\n base: {\n flexDirection: 'column',\n minHeight: '20px',\n '::before': {\n borderRightStyle: 'solid',\n borderRightWidth: `var(--ctrl-token-Divider-1089, var(--semantic-token-Divider-1090, ${tokens.strokeWidthThin}))`,\n minHeight: minStartEndLength\n },\n '::after': {\n borderRightStyle: 'solid',\n borderRightWidth: `var(--ctrl-token-Divider-1091, var(--semantic-token-Divider-1092, ${tokens.strokeWidthThin}))`,\n minHeight: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n marginTop: insetSpacing,\n marginBottom: insetSpacing\n },\n // With children styles\n withChildren: {\n minHeight: '84px'\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginBottom: contentSpacing,\n maxHeight: maxStartEndLength\n },\n '::after': {\n marginTop: contentSpacing\n }\n },\n center: {\n '::before': {\n marginBottom: contentSpacing\n },\n '::after': {\n marginTop: contentSpacing\n }\n },\n end: {\n '::before': {\n marginBottom: contentSpacing\n },\n '::after': {\n content: '\"\"',\n marginTop: contentSpacing,\n maxHeight: maxStartEndLength\n }\n }\n});\nexport const useDividerStyles_unstable = (state)=>{\n 'use no memo';\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const { alignContent, appearance, inset, vertical } = state;\n state.root.className = mergeClasses(dividerClassNames.root, // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles\n state.root.children === undefined && baseStyles.childless, // User provided class name\n state.root.className);\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -33,10 +33,10 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
33
33
|
Beiy3e4: "f1063pyq",
|
|
34
34
|
Bh6795r: "fqerorx",
|
|
35
35
|
qhf8xq: "f10pi13n",
|
|
36
|
-
Bahqtrf: "
|
|
37
|
-
Be2twd7: "
|
|
38
|
-
Bhrd7zp: "
|
|
39
|
-
Bg96gwp: "
|
|
36
|
+
Bahqtrf: "fkt88v0",
|
|
37
|
+
Be2twd7: "f1ewazdg",
|
|
38
|
+
Bhrd7zp: "f1j18grb",
|
|
39
|
+
Bg96gwp: "f1ac896q",
|
|
40
40
|
fsow6f: "f17mccla",
|
|
41
41
|
Bcvre1j: "fyl8oag",
|
|
42
42
|
Br0sdwz: "f16vkdww",
|
|
@@ -68,7 +68,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
68
68
|
Ftih45: "f1wl9k8s"
|
|
69
69
|
},
|
|
70
70
|
brand: {
|
|
71
|
-
sj55zd: "
|
|
71
|
+
sj55zd: "f1x30yd2",
|
|
72
72
|
Bq4z7u6: "fcbuu2a",
|
|
73
73
|
Bk5zm6e: [
|
|
74
74
|
"f1wdw2dr",
|
|
@@ -91,7 +91,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
91
91
|
]
|
|
92
92
|
},
|
|
93
93
|
"default": {
|
|
94
|
-
sj55zd: "
|
|
94
|
+
sj55zd: "f1g0kd3o",
|
|
95
95
|
Bq4z7u6: "f1vccso1",
|
|
96
96
|
Bk5zm6e: [
|
|
97
97
|
"f1geml7w",
|
|
@@ -114,7 +114,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
114
114
|
]
|
|
115
115
|
},
|
|
116
116
|
subtle: {
|
|
117
|
-
sj55zd: "
|
|
117
|
+
sj55zd: "f1i3ou1f",
|
|
118
118
|
Bq4z7u6: "f5g06un",
|
|
119
119
|
Bk5zm6e: [
|
|
120
120
|
"f13sxdku",
|
|
@@ -137,7 +137,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
137
137
|
]
|
|
138
138
|
},
|
|
139
139
|
strong: {
|
|
140
|
-
sj55zd: "
|
|
140
|
+
sj55zd: "fa4imqv",
|
|
141
141
|
Bq4z7u6: "f10tv6oz",
|
|
142
142
|
Bk5zm6e: [
|
|
143
143
|
"f16xp3sf",
|
|
@@ -167,10 +167,10 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
167
167
|
".f1063pyq{flex-direction:row;}",
|
|
168
168
|
".fqerorx{flex-grow:1;}",
|
|
169
169
|
".f10pi13n{position:relative;}",
|
|
170
|
-
".
|
|
171
|
-
".
|
|
172
|
-
".
|
|
173
|
-
".
|
|
170
|
+
".fkt88v0{font-family:var(--ctrl-token-Divider-1069, var(--semantic-token-Divider-1070, var(--fontFamilyBase)));}",
|
|
171
|
+
".f1ewazdg{font-size:var(--ctrl-token-Divider-1071, var(--semantic-token-Divider-1072, var(--fontSizeBase200)));}",
|
|
172
|
+
".f1j18grb{font-weight:var(--ctrl-token-Divider-1073, var(--semantic-token-Divider-1074, var(--fontWeightRegular)));}",
|
|
173
|
+
".f1ac896q{line-height:var(--ctrl-token-Divider-1075, var(--semantic-token-Divider-1076, var(--lineHeightBase200)));}",
|
|
174
174
|
".f17mccla{text-align:center;}",
|
|
175
175
|
".fyl8oag::before{box-sizing:border-box;}",
|
|
176
176
|
".f16vkdww::before{display:flex;}",
|
|
@@ -186,7 +186,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
186
186
|
".fesgyo::after{margin-top:0;}",
|
|
187
187
|
".f13zj6fq::after{content:\"\";}",
|
|
188
188
|
".f1wl9k8s::before{content:\"\";}",
|
|
189
|
-
".
|
|
189
|
+
".f1x30yd2{color:var(--ctrl-token-Divider-1077, var(--semantic-token-Divider-1078, var(--colorBrandForeground1)));}",
|
|
190
190
|
".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}",
|
|
191
191
|
".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}",
|
|
192
192
|
".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}",
|
|
@@ -195,7 +195,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
195
195
|
".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}",
|
|
196
196
|
".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}",
|
|
197
197
|
".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}",
|
|
198
|
-
".
|
|
198
|
+
".f1g0kd3o{color:var(--ctrl-token-Divider-1079, var(--semantic-token-Divider-1080, var(--colorNeutralForeground2)));}",
|
|
199
199
|
".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}",
|
|
200
200
|
".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}",
|
|
201
201
|
".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}",
|
|
@@ -204,7 +204,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
204
204
|
".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}",
|
|
205
205
|
".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}",
|
|
206
206
|
".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}",
|
|
207
|
-
".
|
|
207
|
+
".f1i3ou1f{color:var(--ctrl-token-Divider-1081, var(--semantic-token-Divider-1082, var(--colorNeutralForeground3)));}",
|
|
208
208
|
".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}",
|
|
209
209
|
".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}",
|
|
210
210
|
".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}",
|
|
@@ -213,7 +213,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
213
213
|
".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}",
|
|
214
214
|
".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}",
|
|
215
215
|
".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}",
|
|
216
|
-
".
|
|
216
|
+
".fa4imqv{color:var(--ctrl-token-Divider-1083, var(--semantic-token-Divider-1084, var(--colorNeutralForeground1)));}",
|
|
217
217
|
".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}",
|
|
218
218
|
".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}",
|
|
219
219
|
".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}",
|
|
@@ -228,10 +228,10 @@ const useHorizontalStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
228
228
|
base: {
|
|
229
229
|
a9b677: "fly5x3f",
|
|
230
230
|
Bdkvgpv: "f163fonl",
|
|
231
|
-
B0qfbqy: "
|
|
231
|
+
B0qfbqy: "f1hvpumc",
|
|
232
232
|
pbipgd: "f13rof3u",
|
|
233
233
|
Bm2nyyq: "f8rth92",
|
|
234
|
-
xrcqlc: "
|
|
234
|
+
xrcqlc: "f113ng4i",
|
|
235
235
|
i5u598: "f1iyka9k"
|
|
236
236
|
},
|
|
237
237
|
inset: {
|
|
@@ -282,10 +282,10 @@ const useHorizontalStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
282
282
|
d: [
|
|
283
283
|
".fly5x3f{width:100%;}",
|
|
284
284
|
".f163fonl::before{border-top-style:solid;}",
|
|
285
|
-
".
|
|
285
|
+
".f1hvpumc::before{border-top-width:var(--ctrl-token-Divider-1085, var(--semantic-token-Divider-1086, var(--strokeWidthThin)));}",
|
|
286
286
|
".f13rof3u::before{min-width:8px;}",
|
|
287
287
|
".f8rth92::after{border-top-style:solid;}",
|
|
288
|
-
".
|
|
288
|
+
".f113ng4i::after{border-top-width:var(--ctrl-token-Divider-1087, var(--semantic-token-Divider-1088, var(--strokeWidthThin)));}",
|
|
289
289
|
".f1iyka9k::after{min-width:8px;}",
|
|
290
290
|
".fjlbh76{padding-left:12px;}",
|
|
291
291
|
".f11qrl6u{padding-right:12px;}",
|
|
@@ -308,8 +308,8 @@ const useVerticalStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
308
308
|
"f1jpmc5p"
|
|
309
309
|
],
|
|
310
310
|
B4f6apu: [
|
|
311
|
-
"
|
|
312
|
-
"
|
|
311
|
+
"f1uzs11a",
|
|
312
|
+
"f11ielqw"
|
|
313
313
|
],
|
|
314
314
|
zkzzav: "fhkwbjy",
|
|
315
315
|
Barhvk9: [
|
|
@@ -317,8 +317,8 @@ const useVerticalStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
317
317
|
"ftkbnf5"
|
|
318
318
|
],
|
|
319
319
|
Ihftqj: [
|
|
320
|
-
"
|
|
321
|
-
"
|
|
320
|
+
"f1e6bkkh",
|
|
321
|
+
"f2p6wld"
|
|
322
322
|
],
|
|
323
323
|
Bde111x: "f19onpk6"
|
|
324
324
|
},
|
|
@@ -351,13 +351,13 @@ const useVerticalStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
351
351
|
".f16gbxbe{min-height:20px;}",
|
|
352
352
|
".f1yq6w5o::before{border-right-style:solid;}",
|
|
353
353
|
".f1jpmc5p::before{border-left-style:solid;}",
|
|
354
|
-
".
|
|
355
|
-
".
|
|
354
|
+
".f1uzs11a::before{border-right-width:var(--ctrl-token-Divider-1089, var(--semantic-token-Divider-1090, var(--strokeWidthThin)));}",
|
|
355
|
+
".f11ielqw::before{border-left-width:var(--ctrl-token-Divider-1089, var(--semantic-token-Divider-1090, var(--strokeWidthThin)));}",
|
|
356
356
|
".fhkwbjy::before{min-height:8px;}",
|
|
357
357
|
".flthirb::after{border-right-style:solid;}",
|
|
358
358
|
".ftkbnf5::after{border-left-style:solid;}",
|
|
359
|
-
".
|
|
360
|
-
".
|
|
359
|
+
".f1e6bkkh::after{border-right-width:var(--ctrl-token-Divider-1091, var(--semantic-token-Divider-1092, var(--strokeWidthThin)));}",
|
|
360
|
+
".f2p6wld::after{border-left-width:var(--ctrl-token-Divider-1091, var(--semantic-token-Divider-1092, var(--strokeWidthThin)));}",
|
|
361
361
|
".f19onpk6::after{min-height:8px;}",
|
|
362
362
|
".f1xdg43u{margin-top:12px;}",
|
|
363
363
|
".f1jlhsmd{margin-bottom:12px;}",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDividerStyles.styles.js"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const dividerClassNames = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper'\n};\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\nconst useBaseStyles = makeStyles({\n // Base styles\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'row',\n flexGrow: 1,\n position: 'relative',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n textAlign: 'center',\n '::before': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n },\n '::after': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n }\n },\n // Childless styles\n childless: {\n '::before': {\n marginBottom: 0,\n marginRight: 0\n },\n '::after': {\n marginLeft: 0,\n marginTop: 0\n }\n },\n // Alignment variations\n start: {\n '::after': {\n content: '\"\"'\n }\n },\n center: {\n '::before': {\n content: '\"\"'\n },\n '::after': {\n content: '\"\"'\n }\n },\n end: {\n '::before': {\n content: '\"\"'\n }\n },\n // Appearance variations\n brand: {\n color: tokens.colorBrandForeground1,\n '::before': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n }\n },\n default: {\n color: tokens.colorNeutralForeground2,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n }\n },\n subtle: {\n color: tokens.colorNeutralForeground3,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n }\n },\n strong: {\n color: tokens.colorNeutralForeground1,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n }\n }\n});\nconst useHorizontalStyles = makeStyles({\n // Base styles\n base: {\n width: '100%',\n '::before': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength\n },\n '::after': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n paddingLeft: insetSpacing,\n paddingRight: insetSpacing\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginRight: contentSpacing,\n maxWidth: maxStartEndLength\n },\n '::after': {\n marginLeft: contentSpacing\n }\n },\n center: {\n '::before': {\n marginRight: contentSpacing\n },\n '::after': {\n marginLeft: contentSpacing\n }\n },\n end: {\n '::before': {\n marginRight: contentSpacing\n },\n '::after': {\n content: '\"\"',\n marginLeft: contentSpacing,\n maxWidth: maxStartEndLength\n }\n }\n});\nconst useVerticalStyles = makeStyles({\n // Base styles\n base: {\n flexDirection: 'column',\n minHeight: '20px',\n '::before': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength\n },\n '::after': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n marginTop: insetSpacing,\n marginBottom: insetSpacing\n },\n // With children styles\n withChildren: {\n minHeight: '84px'\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginBottom: contentSpacing,\n maxHeight: maxStartEndLength\n },\n '::after': {\n marginTop: contentSpacing\n }\n },\n center: {\n '::before': {\n marginBottom: contentSpacing\n },\n '::after': {\n marginTop: contentSpacing\n }\n },\n end: {\n '::before': {\n marginBottom: contentSpacing\n },\n '::after': {\n content: '\"\"',\n marginTop: contentSpacing,\n maxHeight: maxStartEndLength\n }\n }\n});\nexport const useDividerStyles_unstable = (state)=>{\n 'use no memo';\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const { alignContent, appearance, inset, vertical } = state;\n state.root.className = mergeClasses(dividerClassNames.root, // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles\n state.root.children === undefined && baseStyles.childless, // User provided class name\n state.root.className);\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n return state;\n};\n"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useDividerStyles.styles.js"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const dividerClassNames = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper'\n};\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\nconst useBaseStyles = makeStyles({\n // Base styles\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'row',\n flexGrow: 1,\n position: 'relative',\n fontFamily: `var(--ctrl-token-Divider-1069, var(--semantic-token-Divider-1070, ${tokens.fontFamilyBase}))`,\n fontSize: `var(--ctrl-token-Divider-1071, var(--semantic-token-Divider-1072, ${tokens.fontSizeBase200}))`,\n fontWeight: `var(--ctrl-token-Divider-1073, var(--semantic-token-Divider-1074, ${tokens.fontWeightRegular}))`,\n lineHeight: `var(--ctrl-token-Divider-1075, var(--semantic-token-Divider-1076, ${tokens.lineHeightBase200}))`,\n textAlign: 'center',\n '::before': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n },\n '::after': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1\n }\n },\n // Childless styles\n childless: {\n '::before': {\n marginBottom: 0,\n marginRight: 0\n },\n '::after': {\n marginLeft: 0,\n marginTop: 0\n }\n },\n // Alignment variations\n start: {\n '::after': {\n content: '\"\"'\n }\n },\n center: {\n '::before': {\n content: '\"\"'\n },\n '::after': {\n content: '\"\"'\n }\n },\n end: {\n '::before': {\n content: '\"\"'\n }\n },\n // Appearance variations\n brand: {\n color: `var(--ctrl-token-Divider-1077, var(--semantic-token-Divider-1078, ${tokens.colorBrandForeground1}))`,\n '::before': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n }\n },\n default: {\n color: `var(--ctrl-token-Divider-1079, var(--semantic-token-Divider-1080, ${tokens.colorNeutralForeground2}))`,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2)\n }\n },\n subtle: {\n color: `var(--ctrl-token-Divider-1081, var(--semantic-token-Divider-1082, ${tokens.colorNeutralForeground3}))`,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3)\n }\n },\n strong: {\n color: `var(--ctrl-token-Divider-1083, var(--semantic-token-Divider-1084, ${tokens.colorNeutralForeground1}))`,\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n }\n }\n});\nconst useHorizontalStyles = makeStyles({\n // Base styles\n base: {\n width: '100%',\n '::before': {\n borderTopStyle: 'solid',\n borderTopWidth: `var(--ctrl-token-Divider-1085, var(--semantic-token-Divider-1086, ${tokens.strokeWidthThin}))`,\n minWidth: minStartEndLength\n },\n '::after': {\n borderTopStyle: 'solid',\n borderTopWidth: `var(--ctrl-token-Divider-1087, var(--semantic-token-Divider-1088, ${tokens.strokeWidthThin}))`,\n minWidth: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n paddingLeft: insetSpacing,\n paddingRight: insetSpacing\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginRight: contentSpacing,\n maxWidth: maxStartEndLength\n },\n '::after': {\n marginLeft: contentSpacing\n }\n },\n center: {\n '::before': {\n marginRight: contentSpacing\n },\n '::after': {\n marginLeft: contentSpacing\n }\n },\n end: {\n '::before': {\n marginRight: contentSpacing\n },\n '::after': {\n content: '\"\"',\n marginLeft: contentSpacing,\n maxWidth: maxStartEndLength\n }\n }\n});\nconst useVerticalStyles = makeStyles({\n // Base styles\n base: {\n flexDirection: 'column',\n minHeight: '20px',\n '::before': {\n borderRightStyle: 'solid',\n borderRightWidth: `var(--ctrl-token-Divider-1089, var(--semantic-token-Divider-1090, ${tokens.strokeWidthThin}))`,\n minHeight: minStartEndLength\n },\n '::after': {\n borderRightStyle: 'solid',\n borderRightWidth: `var(--ctrl-token-Divider-1091, var(--semantic-token-Divider-1092, ${tokens.strokeWidthThin}))`,\n minHeight: minStartEndLength\n }\n },\n // Inset styles\n inset: {\n marginTop: insetSpacing,\n marginBottom: insetSpacing\n },\n // With children styles\n withChildren: {\n minHeight: '84px'\n },\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginBottom: contentSpacing,\n maxHeight: maxStartEndLength\n },\n '::after': {\n marginTop: contentSpacing\n }\n },\n center: {\n '::before': {\n marginBottom: contentSpacing\n },\n '::after': {\n marginTop: contentSpacing\n }\n },\n end: {\n '::before': {\n marginBottom: contentSpacing\n },\n '::after': {\n content: '\"\"',\n marginTop: contentSpacing,\n maxHeight: maxStartEndLength\n }\n }\n});\nexport const useDividerStyles_unstable = (state)=>{\n 'use no memo';\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const { alignContent, appearance, inset, vertical } = state;\n state.root.className = mergeClasses(dividerClassNames.root, // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles\n state.root.children === undefined && baseStyles.childless, // User provided class name\n state.root.className);\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n return state;\n};\n"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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-20240816-2133.1",
|
|
4
4
|
"description": "Fluent UI component to visually separate content.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -26,16 +26,16 @@
|
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@fluentui/eslint-plugin": "*",
|
|
29
|
-
"@fluentui/react-conformance": "0.0.0-nightly-
|
|
30
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
29
|
+
"@fluentui/react-conformance": "0.0.0-nightly-20240816-2133.1",
|
|
30
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20240816-2133.1",
|
|
31
31
|
"@fluentui/scripts-api-extractor": "*",
|
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
|
36
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
|
37
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
38
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
35
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20240816-2133.1",
|
|
36
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20240816-2133.1",
|
|
37
|
+
"@fluentui/react-theme": "0.0.0-nightly-20240816-2133.1",
|
|
38
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20240816-2133.1",
|
|
39
39
|
"@griffel/react": "^1.5.22",
|
|
40
40
|
"@swc/helpers": "^0.5.1"
|
|
41
41
|
},
|