@fluentui/react-progress 9.1.76 → 9.1.77
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +11 -2
- package/lib/components/ProgressBar/useProgressBarStyles.styles.js +29 -17
- package/lib/components/ProgressBar/useProgressBarStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ProgressBar/useProgressBarStyles.styles.js +42 -64
- package/lib-commonjs/components/ProgressBar/useProgressBarStyles.styles.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-progress
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 23 May 2024 07:57:58 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.77](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.77)
|
|
8
|
+
|
|
9
|
+
Thu, 23 May 2024 07:57:58 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.76..@fluentui/react-progress_v9.1.77)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: replace usage of .shorthands() in styles ([PR #31449](https://github.com/microsoft/fluentui/pull/31449) by olfedias@microsoft.com)
|
|
15
|
+
|
|
7
16
|
## [9.1.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.76)
|
|
8
17
|
|
|
9
|
-
Mon, 20 May 2024 12:
|
|
18
|
+
Mon, 20 May 2024 12:45:01 GMT
|
|
10
19
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.75..@fluentui/react-progress_v9.1.76)
|
|
11
20
|
|
|
12
21
|
### Patches
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { tokens } from '@fluentui/react-theme';
|
|
3
3
|
export const progressBarClassNames = {
|
|
4
4
|
root: 'fui-ProgressBar',
|
|
@@ -27,21 +27,24 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
27
27
|
mc9l5x: "ftgm304",
|
|
28
28
|
De3pzq: "f18f03hv",
|
|
29
29
|
a9b677: "fly5x3f",
|
|
30
|
-
B68tc82:
|
|
31
|
-
Bmxbyg5:
|
|
30
|
+
B68tc82: 0,
|
|
31
|
+
Bmxbyg5: 0,
|
|
32
|
+
Bpg54ce: "f1a3p1vp",
|
|
32
33
|
Bpep1pd: "fu42dvn"
|
|
33
34
|
},
|
|
34
35
|
rounded: {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
Beyfa6y: 0,
|
|
37
|
+
Bbmb7ep: 0,
|
|
38
|
+
Btl43ni: 0,
|
|
39
|
+
B7oj6ja: 0,
|
|
40
|
+
Dimara: "ft85np5"
|
|
39
41
|
},
|
|
40
42
|
square: {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
Beyfa6y: 0,
|
|
44
|
+
Bbmb7ep: 0,
|
|
45
|
+
Btl43ni: 0,
|
|
46
|
+
B7oj6ja: 0,
|
|
47
|
+
Dimara: "f1fabniw"
|
|
45
48
|
},
|
|
46
49
|
medium: {
|
|
47
50
|
Bqenvij: "f4t8t6x"
|
|
@@ -50,7 +53,13 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
50
53
|
Bqenvij: "f6ywr7j"
|
|
51
54
|
}
|
|
52
55
|
}, {
|
|
53
|
-
d: [".ftgm304{display:block;}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".fly5x3f{width:100%;}", ".
|
|
56
|
+
d: [".ftgm304{display:block;}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".fly5x3f{width:100%;}", [".f1a3p1vp{overflow:hidden;}", {
|
|
57
|
+
p: -1
|
|
58
|
+
}], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
|
|
59
|
+
p: -1
|
|
60
|
+
}], [".f1fabniw{border-radius:var(--borderRadiusNone);}", {
|
|
61
|
+
p: -1
|
|
62
|
+
}], ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}"],
|
|
54
63
|
m: [["@media screen and (forced-colors: active){.fu42dvn{background-color:CanvasText;}}", {
|
|
55
64
|
m: "screen and (forced-colors: active)"
|
|
56
65
|
}]]
|
|
@@ -61,10 +70,11 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
61
70
|
const useBarStyles = /*#__PURE__*/__styles({
|
|
62
71
|
base: {
|
|
63
72
|
Bpep1pd: "f1neahkh",
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
73
|
+
Beyfa6y: 0,
|
|
74
|
+
Bbmb7ep: 0,
|
|
75
|
+
Btl43ni: 0,
|
|
76
|
+
B7oj6ja: 0,
|
|
77
|
+
Dimara: "f12b9xdw",
|
|
68
78
|
Bqenvij: "f1l02sjl"
|
|
69
79
|
},
|
|
70
80
|
nonZeroDeterminate: {
|
|
@@ -103,7 +113,9 @@ const useBarStyles = /*#__PURE__*/__styles({
|
|
|
103
113
|
}], ["@media screen and (prefers-reduced-motion: reduce){.f18p5put{animation-iteration-count:1;}}", {
|
|
104
114
|
m: "screen and (prefers-reduced-motion: reduce)"
|
|
105
115
|
}]],
|
|
106
|
-
d: [".
|
|
116
|
+
d: [[".f12b9xdw{border-radius:inherit;}", {
|
|
117
|
+
p: -1
|
|
118
|
+
}], ".f1l02sjl{height:100%;}", ".fjt6zfz{transition-property:width;}", ".f1wofebd{transition-duration:0.3s;}", ".fv71qf3{transition-timing-function:ease;}", ".fa0wk36{max-width:33%;}", ".f10pi13n{position:relative;}", ".fpo0yib{background-image:linear-gradient(\n to right,\n var(--colorNeutralBackground6) 0%,\n var(--colorTransparentBackground) 50%,\n var(--colorNeutralBackground6) 100%\n );}", ".f1u5hf6c{background-image:linear-gradient(\n to left,\n var(--colorNeutralBackground6) 0%,\n var(--colorTransparentBackground) 50%,\n var(--colorNeutralBackground6) 100%\n );}", ".fwd2bol{animation-name:f1keuaan;}", ".f14gig94{animation-name:f10x8f8u;}", ".f1a27w2r{animation-duration:3s;}", ".f452v7t{animation-timing-function:linear;}", ".f1cpbl36{animation-iteration-count:infinite;}", ".ftywsgz{background-color:var(--colorCompoundBrandBackground);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}"],
|
|
107
119
|
k: ["@keyframes f1keuaan{0%{left:-33%;}100%{left:100%;}}", "@keyframes f10x8f8u{0%{right:-33%;}100%{right:100%;}}"]
|
|
108
120
|
});
|
|
109
121
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","tokens","progressBarClassNames","root","bar","ZERO_THRESHOLD","barThicknessValues","medium","large","indeterminateProgressBar","left","useRootStyles","mc9l5x","De3pzq","a9b677","B68tc82","Bmxbyg5","Bpg54ce","Bpep1pd","rounded","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","square","Bqenvij","d","p","m","useBarStyles","base","nonZeroDeterminate","Bmy1vo4","B3o57yi","Bkqvd7p","indeterminate","B2u0y6b","qhf8xq","Bcmaq0h","Bv12yb3","vin17d","Ezkn3b","w3vfg9","Gqtpxc","B3vm3ge","brand","error","warning","success","k","useProgressBarStyles_unstable","state","color","max","shape","thickness","value","rootStyles","barStyles","className","undefined","style","width","Math","min"],"sources":["useProgressBarStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const progressBarClassNames = {\n root: 'fui-ProgressBar',\n bar: 'fui-ProgressBar__bar'\n};\n// If the percentComplete is near 0, don't animate it.\n// This prevents animations on reset to 0 scenarios.\nconst ZERO_THRESHOLD = 0.01;\nconst barThicknessValues = {\n medium: '2px',\n large: '4px'\n};\nconst indeterminateProgressBar = {\n '0%': {\n left: '-33%'\n },\n '100%': {\n left: '100%'\n }\n};\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n root: {\n display: 'block',\n backgroundColor: tokens.colorNeutralBackground6,\n width: '100%',\n overflow: 'hidden',\n '@media screen and (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n },\n rounded: {\n borderRadius: tokens.borderRadiusMedium\n },\n square: {\n borderRadius: tokens.borderRadiusNone\n },\n medium: {\n height: barThicknessValues.medium\n },\n large: {\n height: barThicknessValues.large\n }\n});\n/**\n * Styles for the ProgressBar bar\n */ const useBarStyles = makeStyles({\n base: {\n '@media screen and (forced-colors: active)': {\n backgroundColor: 'Highlight'\n },\n borderRadius: 'inherit',\n height: '100%'\n },\n nonZeroDeterminate: {\n transitionProperty: 'width',\n transitionDuration: '0.3s',\n transitionTimingFunction: 'ease'\n },\n indeterminate: {\n maxWidth: '33%',\n position: 'relative',\n backgroundImage: `linear-gradient(\n to right,\n ${tokens.colorNeutralBackground6} 0%,\n ${tokens.colorTransparentBackground} 50%,\n ${tokens.colorNeutralBackground6} 100%\n )`,\n animationName: indeterminateProgressBar,\n animationDuration: '3s',\n animationTimingFunction: 'linear',\n animationIterationCount: 'infinite',\n '@media screen and (prefers-reduced-motion: reduce)': {\n animationDuration: '0.01ms',\n animationIterationCount: '1'\n }\n },\n brand: {\n backgroundColor: tokens.colorCompoundBrandBackground\n },\n error: {\n backgroundColor: tokens.colorPaletteRedBackground3\n },\n warning: {\n backgroundColor: tokens.colorPaletteDarkOrangeBackground3\n },\n success: {\n backgroundColor: tokens.colorPaletteGreenBackground3\n }\n});\n/**\n * Apply styling to the ProgressBar slots based on the state\n */ export const useProgressBarStyles_unstable = (state)=>{\n const { color, max, shape, thickness, value } = state;\n const rootStyles = useRootStyles();\n const barStyles = useBarStyles();\n state.root.className = mergeClasses(progressBarClassNames.root, rootStyles.root, rootStyles[shape], rootStyles[thickness], state.root.className);\n if (state.bar) {\n state.bar.className = mergeClasses(progressBarClassNames.bar, barStyles.base, barStyles.brand, value === undefined && barStyles.indeterminate, value !== undefined && value > ZERO_THRESHOLD && barStyles.nonZeroDeterminate, color && value !== undefined && barStyles[color], state.bar.className);\n }\n if (state.bar && value !== undefined) {\n state.bar.style = {\n width: Math.min(100, Math.max(0, value / max * 100)) + '%',\n ...state.bar.style\n };\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -43,45 +43,24 @@ const indeterminateProgressBar = {
|
|
|
43
43
|
mc9l5x: "ftgm304",
|
|
44
44
|
De3pzq: "f18f03hv",
|
|
45
45
|
a9b677: "fly5x3f",
|
|
46
|
-
B68tc82:
|
|
47
|
-
Bmxbyg5:
|
|
46
|
+
B68tc82: 0,
|
|
47
|
+
Bmxbyg5: 0,
|
|
48
|
+
Bpg54ce: "f1a3p1vp",
|
|
48
49
|
Bpep1pd: "fu42dvn"
|
|
49
50
|
},
|
|
50
51
|
rounded: {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
"f16jpd5f",
|
|
57
|
-
"f1aa9q02"
|
|
58
|
-
],
|
|
59
|
-
B7oj6ja: [
|
|
60
|
-
"f1jar5jt",
|
|
61
|
-
"fyu767a"
|
|
62
|
-
],
|
|
63
|
-
Btl43ni: [
|
|
64
|
-
"fyu767a",
|
|
65
|
-
"f1jar5jt"
|
|
66
|
-
]
|
|
52
|
+
Beyfa6y: 0,
|
|
53
|
+
Bbmb7ep: 0,
|
|
54
|
+
Btl43ni: 0,
|
|
55
|
+
B7oj6ja: 0,
|
|
56
|
+
Dimara: "ft85np5"
|
|
67
57
|
},
|
|
68
58
|
square: {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
"fyowgf4",
|
|
75
|
-
"fzi6hpg"
|
|
76
|
-
],
|
|
77
|
-
B7oj6ja: [
|
|
78
|
-
"f3fg2lr",
|
|
79
|
-
"f13av6d4"
|
|
80
|
-
],
|
|
81
|
-
Btl43ni: [
|
|
82
|
-
"f13av6d4",
|
|
83
|
-
"f3fg2lr"
|
|
84
|
-
]
|
|
59
|
+
Beyfa6y: 0,
|
|
60
|
+
Bbmb7ep: 0,
|
|
61
|
+
Btl43ni: 0,
|
|
62
|
+
B7oj6ja: 0,
|
|
63
|
+
Dimara: "f1fabniw"
|
|
85
64
|
},
|
|
86
65
|
medium: {
|
|
87
66
|
Bqenvij: "f4t8t6x"
|
|
@@ -94,16 +73,24 @@ const indeterminateProgressBar = {
|
|
|
94
73
|
".ftgm304{display:block;}",
|
|
95
74
|
".f18f03hv{background-color:var(--colorNeutralBackground6);}",
|
|
96
75
|
".fly5x3f{width:100%;}",
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
76
|
+
[
|
|
77
|
+
".f1a3p1vp{overflow:hidden;}",
|
|
78
|
+
{
|
|
79
|
+
p: -1
|
|
80
|
+
}
|
|
81
|
+
],
|
|
82
|
+
[
|
|
83
|
+
".ft85np5{border-radius:var(--borderRadiusMedium);}",
|
|
84
|
+
{
|
|
85
|
+
p: -1
|
|
86
|
+
}
|
|
87
|
+
],
|
|
88
|
+
[
|
|
89
|
+
".f1fabniw{border-radius:var(--borderRadiusNone);}",
|
|
90
|
+
{
|
|
91
|
+
p: -1
|
|
92
|
+
}
|
|
93
|
+
],
|
|
107
94
|
".f4t8t6x{height:2px;}",
|
|
108
95
|
".f6ywr7j{height:4px;}"
|
|
109
96
|
],
|
|
@@ -121,22 +108,11 @@ const indeterminateProgressBar = {
|
|
|
121
108
|
*/ const useBarStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
122
109
|
base: {
|
|
123
110
|
Bpep1pd: "f1neahkh",
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
"fzibvwi",
|
|
130
|
-
"f1d9uwra"
|
|
131
|
-
],
|
|
132
|
-
B7oj6ja: [
|
|
133
|
-
"fuoumxm",
|
|
134
|
-
"f1vtqnvc"
|
|
135
|
-
],
|
|
136
|
-
Btl43ni: [
|
|
137
|
-
"f1vtqnvc",
|
|
138
|
-
"fuoumxm"
|
|
139
|
-
],
|
|
111
|
+
Beyfa6y: 0,
|
|
112
|
+
Bbmb7ep: 0,
|
|
113
|
+
Btl43ni: 0,
|
|
114
|
+
B7oj6ja: 0,
|
|
115
|
+
Dimara: "f12b9xdw",
|
|
140
116
|
Bqenvij: "f1l02sjl"
|
|
141
117
|
},
|
|
142
118
|
nonZeroDeterminate: {
|
|
@@ -195,10 +171,12 @@ const indeterminateProgressBar = {
|
|
|
195
171
|
]
|
|
196
172
|
],
|
|
197
173
|
d: [
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
174
|
+
[
|
|
175
|
+
".f12b9xdw{border-radius:inherit;}",
|
|
176
|
+
{
|
|
177
|
+
p: -1
|
|
178
|
+
}
|
|
179
|
+
],
|
|
202
180
|
".f1l02sjl{height:100%;}",
|
|
203
181
|
".fjt6zfz{transition-property:width;}",
|
|
204
182
|
".f1wofebd{transition-duration:0.3s;}",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useProgressBarStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses
|
|
1
|
+
{"version":3,"sources":["useProgressBarStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const progressBarClassNames = {\n root: 'fui-ProgressBar',\n bar: 'fui-ProgressBar__bar'\n};\n// If the percentComplete is near 0, don't animate it.\n// This prevents animations on reset to 0 scenarios.\nconst ZERO_THRESHOLD = 0.01;\nconst barThicknessValues = {\n medium: '2px',\n large: '4px'\n};\nconst indeterminateProgressBar = {\n '0%': {\n left: '-33%'\n },\n '100%': {\n left: '100%'\n }\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"ftgm304\",\n De3pzq: \"f18f03hv\",\n a9b677: \"fly5x3f\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n Bpep1pd: \"fu42dvn\"\n },\n rounded: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\"\n },\n square: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f1fabniw\"\n },\n medium: {\n Bqenvij: \"f4t8t6x\"\n },\n large: {\n Bqenvij: \"f6ywr7j\"\n }\n}, {\n d: [\".ftgm304{display:block;}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".fly5x3f{width:100%;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], [\".f1fabniw{border-radius:var(--borderRadiusNone);}\", {\n p: -1\n }], \".f4t8t6x{height:2px;}\", \".f6ywr7j{height:4px;}\"],\n m: [[\"@media screen and (forced-colors: active){.fu42dvn{background-color:CanvasText;}}\", {\n m: \"screen and (forced-colors: active)\"\n }]]\n});\n/**\n * Styles for the ProgressBar bar\n */\nconst useBarStyles = /*#__PURE__*/__styles({\n base: {\n Bpep1pd: \"f1neahkh\",\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f12b9xdw\",\n Bqenvij: \"f1l02sjl\"\n },\n nonZeroDeterminate: {\n Bmy1vo4: \"fjt6zfz\",\n B3o57yi: \"f1wofebd\",\n Bkqvd7p: \"fv71qf3\"\n },\n indeterminate: {\n B2u0y6b: \"fa0wk36\",\n qhf8xq: \"f10pi13n\",\n Bcmaq0h: [\"fpo0yib\", \"f1u5hf6c\"],\n Bv12yb3: [\"fwd2bol\", \"f14gig94\"],\n vin17d: \"f1a27w2r\",\n Ezkn3b: \"f452v7t\",\n w3vfg9: \"f1cpbl36\",\n Gqtpxc: \"f4akx1t\",\n B3vm3ge: \"f18p5put\"\n },\n brand: {\n De3pzq: \"ftywsgz\"\n },\n error: {\n De3pzq: \"fdl5y0r\"\n },\n warning: {\n De3pzq: \"f1s438gw\"\n },\n success: {\n De3pzq: \"flxk52p\"\n }\n}, {\n m: [[\"@media screen and (forced-colors: active){.f1neahkh{background-color:Highlight;}}\", {\n m: \"screen and (forced-colors: active)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f4akx1t{animation-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f18p5put{animation-iteration-count:1;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]],\n d: [[\".f12b9xdw{border-radius:inherit;}\", {\n p: -1\n }], \".f1l02sjl{height:100%;}\", \".fjt6zfz{transition-property:width;}\", \".f1wofebd{transition-duration:0.3s;}\", \".fv71qf3{transition-timing-function:ease;}\", \".fa0wk36{max-width:33%;}\", \".f10pi13n{position:relative;}\", \".fpo0yib{background-image:linear-gradient(\\n to right,\\n var(--colorNeutralBackground6) 0%,\\n var(--colorTransparentBackground) 50%,\\n var(--colorNeutralBackground6) 100%\\n );}\", \".f1u5hf6c{background-image:linear-gradient(\\n to left,\\n var(--colorNeutralBackground6) 0%,\\n var(--colorTransparentBackground) 50%,\\n var(--colorNeutralBackground6) 100%\\n );}\", \".fwd2bol{animation-name:f1keuaan;}\", \".f14gig94{animation-name:f10x8f8u;}\", \".f1a27w2r{animation-duration:3s;}\", \".f452v7t{animation-timing-function:linear;}\", \".f1cpbl36{animation-iteration-count:infinite;}\", \".ftywsgz{background-color:var(--colorCompoundBrandBackground);}\", \".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}\", \".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}\", \".flxk52p{background-color:var(--colorPaletteGreenBackground3);}\"],\n k: [\"@keyframes f1keuaan{0%{left:-33%;}100%{left:100%;}}\", \"@keyframes f10x8f8u{0%{right:-33%;}100%{right:100%;}}\"]\n});\n/**\n * Apply styling to the ProgressBar slots based on the state\n */\nexport const useProgressBarStyles_unstable = state => {\n const {\n color,\n max,\n shape,\n thickness,\n value\n } = state;\n const rootStyles = useRootStyles();\n const barStyles = useBarStyles();\n state.root.className = mergeClasses(progressBarClassNames.root, rootStyles.root, rootStyles[shape], rootStyles[thickness], state.root.className);\n if (state.bar) {\n state.bar.className = mergeClasses(progressBarClassNames.bar, barStyles.base, barStyles.brand, value === undefined && barStyles.indeterminate, value !== undefined && value > ZERO_THRESHOLD && barStyles.nonZeroDeterminate, color && value !== undefined && barStyles[color], state.bar.className);\n }\n if (state.bar && value !== undefined) {\n state.bar.style = {\n width: Math.min(100, Math.max(0, value / max * 100)) + '%',\n ...state.bar.style\n };\n }\n return state;\n};\n//# sourceMappingURL=useProgressBarStyles.styles.js.map"],"names":["progressBarClassNames","useProgressBarStyles_unstable","root","bar","ZERO_THRESHOLD","barThicknessValues","medium","large","indeterminateProgressBar","left","useRootStyles","__styles","mc9l5x","De3pzq","a9b677","B68tc82","Bmxbyg5","Bpg54ce","Bpep1pd","rounded","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","square","Bqenvij","d","p","m","useBarStyles","base","nonZeroDeterminate","Bmy1vo4","B3o57yi","Bkqvd7p","indeterminate","B2u0y6b","qhf8xq","Bcmaq0h","Bv12yb3","vin17d","Ezkn3b","w3vfg9","Gqtpxc","B3vm3ge","brand","error","warning","success","k","state","color","max","shape","thickness","value","rootStyles","barStyles","className","mergeClasses","undefined","style","width","Math","min"],"mappings":"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"}
|