@fluentui/react-progress 0.0.0-nightly-20240819-2052.1 → 0.0.0-nightly-20240819-2137.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +11 -20
  2. package/lib/components/ProgressBar/useProgressBarStyles.styles.js +11 -11
  3. package/lib/components/ProgressBar/useProgressBarStyles.styles.js.map +1 -1
  4. package/lib-commonjs/components/ProgressBar/useProgressBarStyles.styles.js +14 -14
  5. package/lib-commonjs/components/ProgressBar/useProgressBarStyles.styles.js.map +1 -1
  6. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,33 +1,24 @@
1
1
  # Change Log - @fluentui/react-progress
2
2
 
3
- This log was last generated on Mon, 19 Aug 2024 20:57:17 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 19 Aug 2024 21:48:14 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240819-2052.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v0.0.0-nightly-20240819-2052.1)
7
+ ## [0.0.0-nightly-20240819-2137.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v0.0.0-nightly-20240819-2137.1)
8
8
 
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)
9
+ Mon, 19 Aug 2024 21:48:14 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.82..@fluentui/react-progress_v0.0.0-nightly-20240819-2137.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-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
-
23
- ## [9.1.83](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.83)
24
-
25
- Tue, 30 Jul 2024 18:47:35 GMT
26
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.82..@fluentui/react-progress_v9.1.83)
27
-
28
- ### Patches
29
-
30
- - Bump @fluentui/react-field to v9.1.72 ([PR #32157](https://github.com/microsoft/fluentui/pull/32157) by beachball)
15
+ - Bump @fluentui/react-field to v0.0.0-nightly-20240819-2137.1 ([commit](https://github.com/microsoft/fluentui/commit/58023e0682dfefa133a691f330cc309911710cc7) by beachball)
16
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240819-2137.1 ([commit](https://github.com/microsoft/fluentui/commit/58023e0682dfefa133a691f330cc309911710cc7) by beachball)
17
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240819-2137.1 ([commit](https://github.com/microsoft/fluentui/commit/58023e0682dfefa133a691f330cc309911710cc7) by beachball)
18
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20240819-2137.1 ([commit](https://github.com/microsoft/fluentui/commit/58023e0682dfefa133a691f330cc309911710cc7) by beachball)
19
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20240819-2137.1 ([commit](https://github.com/microsoft/fluentui/commit/58023e0682dfefa133a691f330cc309911710cc7) by beachball)
20
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20240819-2137.1 ([commit](https://github.com/microsoft/fluentui/commit/58023e0682dfefa133a691f330cc309911710cc7) by beachball)
21
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240819-2137.1 ([commit](https://github.com/microsoft/fluentui/commit/58023e0682dfefa133a691f330cc309911710cc7) by beachball)
31
22
 
32
23
  ## [9.1.82](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.82)
33
24
 
package/lib/components/ProgressBar/useProgressBarStyles.styles.js CHANGED
@@ -25,7 +25,7 @@ const indeterminateProgressBar = {
25
25
  const useRootStyles = /*#__PURE__*/__styles({
26
26
  root: {
27
27
  mc9l5x: "ftgm304",
28
- De3pzq: "fgpj0q9",
28
+ De3pzq: "fco2snm",
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: "fsc6zm3"
40
+ Dimara: "f1xqizsa"
41
41
  },
42
42
  square: {
43
43
  Beyfa6y: 0,
44
44
  Bbmb7ep: 0,
45
45
  Btl43ni: 0,
46
46
  B7oj6ja: 0,
47
- Dimara: "fdsginm"
47
+ Dimara: "fqhwnyo"
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;}", ".fgpj0q9{background-color:var(--1489, var(--1490, var(--colorNeutralBackground6)));}", ".fly5x3f{width:100%;}", [".f1a3p1vp{overflow:hidden;}", {
56
+ d: [".ftgm304{display:block;}", ".fco2snm{background-color:var(--ctrl-token-ProgressBar-1489, var(--semantic-token-ProgressBar-1490, var(--colorNeutralBackground6)));}", ".fly5x3f{width:100%;}", [".f1a3p1vp{overflow:hidden;}", {
57
57
  p: -1
58
- }], [".fsc6zm3{border-radius:var(--1491, var(--1492, var(--borderRadiusMedium)));}", {
58
+ }], [".f1xqizsa{border-radius:var(--ctrl-token-ProgressBar-1491, var(--semantic-token-ProgressBar-1492, var(--borderRadiusMedium)));}", {
59
59
  p: -1
60
- }], [".fdsginm{border-radius:var(--1493, var(--1494, var(--borderRadiusNone)));}", {
60
+ }], [".fqhwnyo{border-radius:var(--ctrl-token-ProgressBar-1493, var(--semantic-token-ProgressBar-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: "f1oqh5id"
97
+ De3pzq: "fgu19hx"
98
98
  },
99
99
  error: {
100
- De3pzq: "f15t83ni"
100
+ De3pzq: "f18rtww"
101
101
  },
102
102
  warning: {
103
- De3pzq: "fp8ne0g"
103
+ De3pzq: "fxaqfu7"
104
104
  },
105
105
  success: {
106
- De3pzq: "ffkqkpw"
106
+ De3pzq: "fpzbo2u"
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;}", ".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)));}"],
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;}", ".fgu19hx{background-color:var(--ctrl-token-ProgressBar-1495, var(--semantic-token-ProgressBar-1496, var(--colorCompoundBrandBackground)));}", ".f18rtww{background-color:var(--ctrl-token-ProgressBar-1497, var(--semantic-token-ProgressBar-1498, var(--colorPaletteRedBackground3)));}", ".fxaqfu7{background-color:var(--ctrl-token-ProgressBar-1499, var(--semantic-token-ProgressBar-1500, var(--colorPaletteDarkOrangeBackground3)));}", ".fpzbo2u{background-color:var(--ctrl-token-ProgressBar-1501, var(--semantic-token-ProgressBar-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
  /**
package/lib/components/ProgressBar/useProgressBarStyles.styles.js.map CHANGED
@@ -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: `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":[]}
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(--ctrl-token-ProgressBar-1489, var(--semantic-token-ProgressBar-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(--ctrl-token-ProgressBar-1491, var(--semantic-token-ProgressBar-1492, ${tokens.borderRadiusMedium}))`\n },\n square: {\n borderRadius: `var(--ctrl-token-ProgressBar-1493, var(--semantic-token-ProgressBar-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(--ctrl-token-ProgressBar-1495, var(--semantic-token-ProgressBar-1496, ${tokens.colorCompoundBrandBackground}))`\n },\n error: {\n backgroundColor: `var(--ctrl-token-ProgressBar-1497, var(--semantic-token-ProgressBar-1498, ${tokens.colorPaletteRedBackground3}))`\n },\n warning: {\n backgroundColor: `var(--ctrl-token-ProgressBar-1499, var(--semantic-token-ProgressBar-1500, ${tokens.colorPaletteDarkOrangeBackground3}))`\n },\n success: {\n backgroundColor: `var(--ctrl-token-ProgressBar-1501, var(--semantic-token-ProgressBar-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":[]}
package/lib-commonjs/components/ProgressBar/useProgressBarStyles.styles.js CHANGED
@@ -41,7 +41,7 @@ const indeterminateProgressBar = {
41
41
  */ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
42
42
  root: {
43
43
  mc9l5x: "ftgm304",
44
- De3pzq: "fgpj0q9",
44
+ De3pzq: "fco2snm",
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: "fsc6zm3"
56
+ Dimara: "f1xqizsa"
57
57
  },
58
58
  square: {
59
59
  Beyfa6y: 0,
60
60
  Bbmb7ep: 0,
61
61
  Btl43ni: 0,
62
62
  B7oj6ja: 0,
63
- Dimara: "fdsginm"
63
+ Dimara: "fqhwnyo"
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
- ".fgpj0q9{background-color:var(--1489, var(--1490, var(--colorNeutralBackground6)));}",
74
+ ".fco2snm{background-color:var(--ctrl-token-ProgressBar-1489, var(--semantic-token-ProgressBar-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
- ".fsc6zm3{border-radius:var(--1491, var(--1492, var(--borderRadiusMedium)));}",
83
+ ".f1xqizsa{border-radius:var(--ctrl-token-ProgressBar-1491, var(--semantic-token-ProgressBar-1492, var(--borderRadiusMedium)));}",
84
84
  {
85
85
  p: -1
86
86
  }
87
87
  ],
88
88
  [
89
- ".fdsginm{border-radius:var(--1493, var(--1494, var(--borderRadiusNone)));}",
89
+ ".fqhwnyo{border-radius:var(--ctrl-token-ProgressBar-1493, var(--semantic-token-ProgressBar-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: "f1oqh5id"
141
+ De3pzq: "fgu19hx"
142
142
  },
143
143
  error: {
144
- De3pzq: "f15t83ni"
144
+ De3pzq: "f18rtww"
145
145
  },
146
146
  warning: {
147
- De3pzq: "fp8ne0g"
147
+ De3pzq: "fxaqfu7"
148
148
  },
149
149
  success: {
150
- De3pzq: "ffkqkpw"
150
+ De3pzq: "fpzbo2u"
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
- ".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)));}"
193
+ ".fgu19hx{background-color:var(--ctrl-token-ProgressBar-1495, var(--semantic-token-ProgressBar-1496, var(--colorCompoundBrandBackground)));}",
194
+ ".f18rtww{background-color:var(--ctrl-token-ProgressBar-1497, var(--semantic-token-ProgressBar-1498, var(--colorPaletteRedBackground3)));}",
195
+ ".fxaqfu7{background-color:var(--ctrl-token-ProgressBar-1499, var(--semantic-token-ProgressBar-1500, var(--colorPaletteDarkOrangeBackground3)));}",
196
+ ".fpzbo2u{background-color:var(--ctrl-token-ProgressBar-1501, var(--semantic-token-ProgressBar-1502, var(--colorPaletteGreenBackground3)));}"
197
197
  ],
198
198
  k: [
199
199
  "@keyframes f1keuaan{0%{left:-33%;}100%{left:100%;}}",
package/lib-commonjs/components/ProgressBar/useProgressBarStyles.styles.js.map CHANGED
@@ -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: `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":";;;;;;;;;;;IAEaA,qBAAqB;eAArBA;;IA4FIC,6BAA6B;eAA7BA;;;uBA9FwB;AAElC,MAAMD,wBAAwB;IACjCE,MAAM;IACNC,KAAK;AACT;AACA,sDAAA;AACA,oDAAA;AACA,MAAMC,iBAAiB;AACvB,MAAMC,qBAAqB;IACvBC,QAAQ;IACRC,OAAO;AACX;AACA,MAAMC,2BAA2B;IAC7B,MAAM;QACFC,MAAM;IACV;IACA,QAAQ;QACJA,MAAM;IACV;AACJ;AACA;;CAEA,GAAI,MAAMC,gBAAa,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAT,MAAA;QAAAU,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,QAAA;QAAAL,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAlB,QAAA;QAAAoB,SAAA;IAAA;IAAAnB,OAAA;QAAAmB,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA;YAAA;SAAA;KAAA;AAAA;AAuB1B;;CAEA,GAAI,MAAMC,eAAY,WAAA,GAAGnB,IAAAA,eAAA,EAAA;IAAAoB,MAAA;QAAAb,SAAA;QAAAE,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAE,SAAA;IAAA;IAAAM,oBAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,eAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,OAAA;QAAAjC,QAAA;IAAA;IAAAkC,OAAA;QAAAlC,QAAA;IAAA;IAAAmC,SAAA;QAAAnC,QAAA;IAAA;IAAAoC,SAAA;QAAApC,QAAA;IAAA;AAAA,GAAA;IAAAgB,GAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA;YAAA;SAAA;KAAA;IAAAF,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAsB,GAAA;QAAA;QAAA;KAAA;AAAA;AA8Cd,MAAMjD,gCAAiCkD,CAAAA;IAC9C;IACA,MAAM,EAAEC,KAAK,EAAEC,GAAG,EAAEC,KAAK,EAAEC,SAAS,EAAEC,KAAAA,EAAO,GAAGL;IAChD,MAAMM,aAAa/C;IACnB,MAAMgD,YAAY5B;IAClBqB,MAAMjD,IAAI,CAACyD,SAAS,GAAGC,IAAAA,mBAAY,EAAC5D,sBAAsBE,IAAI,EAAEuD,WAAWvD,IAAI,EAAEuD,UAAU,CAACH,MAAM,EAAEG,UAAU,CAACF,UAAU,EAAEJ,MAAMjD,IAAI,CAACyD,SAAS;IAC/I,IAAIR,MAAMhD,GAAG,EAAE;QACXgD,MAAMhD,GAAG,CAACwD,SAAS,GAAGC,IAAAA,mBAAY,EAAC5D,sBAAsBG,GAAG,EAAEuD,UAAU3B,IAAI,EAAE2B,UAAUZ,KAAK,EAAEU,UAAUK,aAAaH,UAAUtB,aAAa,EAAEoB,UAAUK,aAAaL,QAAQpD,kBAAkBsD,UAAU1B,kBAAkB,EAAEoB,SAASI,UAAUK,aAAaH,SAAS,CAACN,MAAM,EAAED,MAAMhD,GAAG,CAACwD,SAAS;IACvS;IACA,IAAIR,MAAMhD,GAAG,IAAIqD,UAAUK,WAAW;QAClCV,MAAMhD,GAAG,CAAC2D,KAAK,GAAG;YACdC,OAAOC,KAAKC,GAAG,CAAC,KAAKD,KAAKX,GAAG,CAAC,GAAGG,QAAQH,MAAM,QAAQ;YACvD,GAAGF,MAAMhD,GAAG,CAAC2D,KAAAA;QACjB;IACJ;IACA,OAAOX;AACX"}
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(--ctrl-token-ProgressBar-1489, var(--semantic-token-ProgressBar-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(--ctrl-token-ProgressBar-1491, var(--semantic-token-ProgressBar-1492, ${tokens.borderRadiusMedium}))`\n },\n square: {\n borderRadius: `var(--ctrl-token-ProgressBar-1493, var(--semantic-token-ProgressBar-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(--ctrl-token-ProgressBar-1495, var(--semantic-token-ProgressBar-1496, ${tokens.colorCompoundBrandBackground}))`\n },\n error: {\n backgroundColor: `var(--ctrl-token-ProgressBar-1497, var(--semantic-token-ProgressBar-1498, ${tokens.colorPaletteRedBackground3}))`\n },\n warning: {\n backgroundColor: `var(--ctrl-token-ProgressBar-1499, var(--semantic-token-ProgressBar-1500, ${tokens.colorPaletteDarkOrangeBackground3}))`\n },\n success: {\n backgroundColor: `var(--ctrl-token-ProgressBar-1501, var(--semantic-token-ProgressBar-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-20240819-2052.1",
3
+ "version": "0.0.0-nightly-20240819-2137.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-20240819-2052.1",
30
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240819-2052.1",
29
+ "@fluentui/react-conformance": "0.0.0-nightly-20240819-2137.1",
30
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240819-2137.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-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",
35
+ "@fluentui/react-field": "0.0.0-nightly-20240819-2137.1",
36
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240819-2137.1",
37
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240819-2137.1",
38
+ "@fluentui/react-theme": "0.0.0-nightly-20240819-2137.1",
39
+ "@fluentui/react-utilities": "0.0.0-nightly-20240819-2137.1",
40
40
  "@griffel/react": "^1.5.22",
41
41
  "@swc/helpers": "^0.5.1"
42
42
  },