@fluentui/react-progress 0.0.0-nightly-20240731-0407.1 → 0.0.0-nightly-20240819-2052.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 +11 -11
- package/lib/components/ProgressBar/useProgressBarStyles.styles.js +11 -11
- package/lib/components/ProgressBar/useProgressBarStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ProgressBar/useProgressBarStyles.styles.js +14 -14
- package/lib-commonjs/components/ProgressBar/useProgressBarStyles.styles.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-progress
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 19 Aug 2024 20:57:17 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-20240819-2052.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v0.0.0-nightly-20240819-2052.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.83..@fluentui/react-progress_v0.0.0-nightly-
|
|
9
|
+
Mon, 19 Aug 2024 20:57:17 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.83..@fluentui/react-progress_v0.0.0-nightly-20240819-2052.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-field to v0.0.0-nightly-
|
|
16
|
-
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
|
17
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
18
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
19
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
20
|
-
- Bump @fluentui/react-conformance to v0.0.0-nightly-
|
|
21
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui/react-field to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
|
|
16
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
|
|
17
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
|
|
18
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
|
|
19
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
|
|
20
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
|
|
21
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240819-2052.1 ([commit](https://github.com/microsoft/fluentui/commit/f7885920740849a4ba4aa36957bde7ce8e856a3e) by beachball)
|
|
22
22
|
|
|
23
23
|
## [9.1.83](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.83)
|
|
24
24
|
|
|
@@ -25,7 +25,7 @@ const indeterminateProgressBar = {
|
|
|
25
25
|
const useRootStyles = /*#__PURE__*/__styles({
|
|
26
26
|
root: {
|
|
27
27
|
mc9l5x: "ftgm304",
|
|
28
|
-
De3pzq: "
|
|
28
|
+
De3pzq: "fgpj0q9",
|
|
29
29
|
a9b677: "fly5x3f",
|
|
30
30
|
B68tc82: 0,
|
|
31
31
|
Bmxbyg5: 0,
|
|
@@ -37,14 +37,14 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
37
37
|
Bbmb7ep: 0,
|
|
38
38
|
Btl43ni: 0,
|
|
39
39
|
B7oj6ja: 0,
|
|
40
|
-
Dimara: "
|
|
40
|
+
Dimara: "fsc6zm3"
|
|
41
41
|
},
|
|
42
42
|
square: {
|
|
43
43
|
Beyfa6y: 0,
|
|
44
44
|
Bbmb7ep: 0,
|
|
45
45
|
Btl43ni: 0,
|
|
46
46
|
B7oj6ja: 0,
|
|
47
|
-
Dimara: "
|
|
47
|
+
Dimara: "fdsginm"
|
|
48
48
|
},
|
|
49
49
|
medium: {
|
|
50
50
|
Bqenvij: "f4t8t6x"
|
|
@@ -53,11 +53,11 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
53
53
|
Bqenvij: "f6ywr7j"
|
|
54
54
|
}
|
|
55
55
|
}, {
|
|
56
|
-
d: [".ftgm304{display:block;}", ".
|
|
56
|
+
d: [".ftgm304{display:block;}", ".fgpj0q9{background-color:var(--1489, var(--1490, var(--colorNeutralBackground6)));}", ".fly5x3f{width:100%;}", [".f1a3p1vp{overflow:hidden;}", {
|
|
57
57
|
p: -1
|
|
58
|
-
}], [".
|
|
58
|
+
}], [".fsc6zm3{border-radius:var(--1491, var(--1492, var(--borderRadiusMedium)));}", {
|
|
59
59
|
p: -1
|
|
60
|
-
}], [".
|
|
60
|
+
}], [".fdsginm{border-radius:var(--1493, var(--1494, var(--borderRadiusNone)));}", {
|
|
61
61
|
p: -1
|
|
62
62
|
}], ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}"],
|
|
63
63
|
m: [["@media screen and (forced-colors: active){.fu42dvn{background-color:CanvasText;}}", {
|
|
@@ -94,16 +94,16 @@ const useBarStyles = /*#__PURE__*/__styles({
|
|
|
94
94
|
B3vm3ge: "f18p5put"
|
|
95
95
|
},
|
|
96
96
|
brand: {
|
|
97
|
-
De3pzq: "
|
|
97
|
+
De3pzq: "f1oqh5id"
|
|
98
98
|
},
|
|
99
99
|
error: {
|
|
100
|
-
De3pzq: "
|
|
100
|
+
De3pzq: "f15t83ni"
|
|
101
101
|
},
|
|
102
102
|
warning: {
|
|
103
|
-
De3pzq: "
|
|
103
|
+
De3pzq: "fp8ne0g"
|
|
104
104
|
},
|
|
105
105
|
success: {
|
|
106
|
-
De3pzq: "
|
|
106
|
+
De3pzq: "ffkqkpw"
|
|
107
107
|
}
|
|
108
108
|
}, {
|
|
109
109
|
m: [["@media screen and (forced-colors: active){.f1neahkh{background-color:Highlight;}}", {
|
|
@@ -115,7 +115,7 @@ const useBarStyles = /*#__PURE__*/__styles({
|
|
|
115
115
|
}]],
|
|
116
116
|
d: [[".f12b9xdw{border-radius:inherit;}", {
|
|
117
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;}", ".
|
|
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;}", ".f1oqh5id{background-color:var(--1495, var(--1496, var(--colorCompoundBrandBackground)));}", ".f15t83ni{background-color:var(--1497, var(--1498, var(--colorPaletteRedBackground3)));}", ".fp8ne0g{background-color:var(--1499, var(--1500, var(--colorPaletteDarkOrangeBackground3)));}", ".ffkqkpw{background-color:var(--1501, var(--1502, var(--colorPaletteGreenBackground3)));}"],
|
|
119
119
|
k: ["@keyframes f1keuaan{0%{left:-33%;}100%{left:100%;}}", "@keyframes f10x8f8u{0%{right:-33%;}100%{right:100%;}}"]
|
|
120
120
|
});
|
|
121
121
|
/**
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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: `var(--1489, var(--1490, ${tokens.colorNeutralBackground6}))`,\n width: '100%',\n overflow: 'hidden',\n '@media screen and (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n },\n rounded: {\n borderRadius: `var(--1491, var(--1492, ${tokens.borderRadiusMedium}))`\n },\n square: {\n borderRadius: `var(--1493, var(--1494, ${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: `var(--1495, var(--1496, ${tokens.colorCompoundBrandBackground}))`\n },\n error: {\n backgroundColor: `var(--1497, var(--1498, ${tokens.colorPaletteRedBackground3}))`\n },\n warning: {\n backgroundColor: `var(--1499, var(--1500, ${tokens.colorPaletteDarkOrangeBackground3}))`\n },\n success: {\n backgroundColor: `var(--1501, var(--1502, ${tokens.colorPaletteGreenBackground3}))`\n }\n});\n/**\n * Apply styling to the ProgressBar slots based on the state\n */ export const useProgressBarStyles_unstable = (state)=>{\n 'use no memo';\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":[]}
|
|
@@ -41,7 +41,7 @@ const indeterminateProgressBar = {
|
|
|
41
41
|
*/ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
42
42
|
root: {
|
|
43
43
|
mc9l5x: "ftgm304",
|
|
44
|
-
De3pzq: "
|
|
44
|
+
De3pzq: "fgpj0q9",
|
|
45
45
|
a9b677: "fly5x3f",
|
|
46
46
|
B68tc82: 0,
|
|
47
47
|
Bmxbyg5: 0,
|
|
@@ -53,14 +53,14 @@ const indeterminateProgressBar = {
|
|
|
53
53
|
Bbmb7ep: 0,
|
|
54
54
|
Btl43ni: 0,
|
|
55
55
|
B7oj6ja: 0,
|
|
56
|
-
Dimara: "
|
|
56
|
+
Dimara: "fsc6zm3"
|
|
57
57
|
},
|
|
58
58
|
square: {
|
|
59
59
|
Beyfa6y: 0,
|
|
60
60
|
Bbmb7ep: 0,
|
|
61
61
|
Btl43ni: 0,
|
|
62
62
|
B7oj6ja: 0,
|
|
63
|
-
Dimara: "
|
|
63
|
+
Dimara: "fdsginm"
|
|
64
64
|
},
|
|
65
65
|
medium: {
|
|
66
66
|
Bqenvij: "f4t8t6x"
|
|
@@ -71,7 +71,7 @@ const indeterminateProgressBar = {
|
|
|
71
71
|
}, {
|
|
72
72
|
d: [
|
|
73
73
|
".ftgm304{display:block;}",
|
|
74
|
-
".
|
|
74
|
+
".fgpj0q9{background-color:var(--1489, var(--1490, var(--colorNeutralBackground6)));}",
|
|
75
75
|
".fly5x3f{width:100%;}",
|
|
76
76
|
[
|
|
77
77
|
".f1a3p1vp{overflow:hidden;}",
|
|
@@ -80,13 +80,13 @@ const indeterminateProgressBar = {
|
|
|
80
80
|
}
|
|
81
81
|
],
|
|
82
82
|
[
|
|
83
|
-
".
|
|
83
|
+
".fsc6zm3{border-radius:var(--1491, var(--1492, var(--borderRadiusMedium)));}",
|
|
84
84
|
{
|
|
85
85
|
p: -1
|
|
86
86
|
}
|
|
87
87
|
],
|
|
88
88
|
[
|
|
89
|
-
".
|
|
89
|
+
".fdsginm{border-radius:var(--1493, var(--1494, var(--borderRadiusNone)));}",
|
|
90
90
|
{
|
|
91
91
|
p: -1
|
|
92
92
|
}
|
|
@@ -138,16 +138,16 @@ const indeterminateProgressBar = {
|
|
|
138
138
|
B3vm3ge: "f18p5put"
|
|
139
139
|
},
|
|
140
140
|
brand: {
|
|
141
|
-
De3pzq: "
|
|
141
|
+
De3pzq: "f1oqh5id"
|
|
142
142
|
},
|
|
143
143
|
error: {
|
|
144
|
-
De3pzq: "
|
|
144
|
+
De3pzq: "f15t83ni"
|
|
145
145
|
},
|
|
146
146
|
warning: {
|
|
147
|
-
De3pzq: "
|
|
147
|
+
De3pzq: "fp8ne0g"
|
|
148
148
|
},
|
|
149
149
|
success: {
|
|
150
|
-
De3pzq: "
|
|
150
|
+
De3pzq: "ffkqkpw"
|
|
151
151
|
}
|
|
152
152
|
}, {
|
|
153
153
|
m: [
|
|
@@ -190,10 +190,10 @@ const indeterminateProgressBar = {
|
|
|
190
190
|
".f1a27w2r{animation-duration:3s;}",
|
|
191
191
|
".f452v7t{animation-timing-function:linear;}",
|
|
192
192
|
".f1cpbl36{animation-iteration-count:infinite;}",
|
|
193
|
-
".
|
|
194
|
-
".
|
|
195
|
-
".
|
|
196
|
-
".
|
|
193
|
+
".f1oqh5id{background-color:var(--1495, var(--1496, var(--colorCompoundBrandBackground)));}",
|
|
194
|
+
".f15t83ni{background-color:var(--1497, var(--1498, var(--colorPaletteRedBackground3)));}",
|
|
195
|
+
".fp8ne0g{background-color:var(--1499, var(--1500, var(--colorPaletteDarkOrangeBackground3)));}",
|
|
196
|
+
".ffkqkpw{background-color:var(--1501, var(--1502, var(--colorPaletteGreenBackground3)));}"
|
|
197
197
|
],
|
|
198
198
|
k: [
|
|
199
199
|
"@keyframes f1keuaan{0%{left:-33%;}100%{left:100%;}}",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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
|
|
1
|
+
{"version":3,"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: `var(--1489, var(--1490, ${tokens.colorNeutralBackground6}))`,\n width: '100%',\n overflow: 'hidden',\n '@media screen and (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n },\n rounded: {\n borderRadius: `var(--1491, var(--1492, ${tokens.borderRadiusMedium}))`\n },\n square: {\n borderRadius: `var(--1493, var(--1494, ${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: `var(--1495, var(--1496, ${tokens.colorCompoundBrandBackground}))`\n },\n error: {\n backgroundColor: `var(--1497, var(--1498, ${tokens.colorPaletteRedBackground3}))`\n },\n warning: {\n backgroundColor: `var(--1499, var(--1500, ${tokens.colorPaletteDarkOrangeBackground3}))`\n },\n success: {\n backgroundColor: `var(--1501, var(--1502, ${tokens.colorPaletteGreenBackground3}))`\n }\n});\n/**\n * Apply styling to the ProgressBar slots based on the state\n */ export const useProgressBarStyles_unstable = (state)=>{\n 'use no memo';\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"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-progress",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20240819-2052.1",
|
|
4
4
|
"description": "Progress component for FluentUI v9",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -26,17 +26,17 @@
|
|
|
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-20240819-2052.1",
|
|
30
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20240819-2052.1",
|
|
31
31
|
"@fluentui/scripts-api-extractor": "*",
|
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-field": "0.0.0-nightly-
|
|
36
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
|
37
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
|
38
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
39
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
35
|
+
"@fluentui/react-field": "0.0.0-nightly-20240819-2052.1",
|
|
36
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20240819-2052.1",
|
|
37
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20240819-2052.1",
|
|
38
|
+
"@fluentui/react-theme": "0.0.0-nightly-20240819-2052.1",
|
|
39
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20240819-2052.1",
|
|
40
40
|
"@griffel/react": "^1.5.22",
|
|
41
41
|
"@swc/helpers": "^0.5.1"
|
|
42
42
|
},
|