@fluentui/react-progress - npm Package Compare versions

Comparing version 0.0.0-nightly-20221014-0424.1 to 0.0.0-nightly-20221017-0422.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Fri, 14 Oct 2022 04:29:55 GMT",
-      "tag": "@fluentui/react-progress_v0.0.0-nightly-20221014-0424.1",
-      "version": "0.0.0-nightly-20221014-0424.1",
+      "date": "Mon, 17 Oct 2022 04:27:26 GMT",
+      "tag": "@fluentui/react-progress_v0.0.0-nightly-20221017-0422.1",
+      "version": "0.0.0-nightly-20221017-0422.1",
       "comments": {
@@ -20,4 +20,4 @@ "prerelease": [
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221014-0424.1",
-            "commit": "ee2ce5fd919d3e14b3db9f0ef2ed25258da50fb5"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221017-0422.1",
+            "commit": "4ace2c2900e144e2718b44b76c7b5474e6de0a1f"
           },
@@ -27,4 +27,4 @@ {
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221014-0424.1",
-            "commit": "ee2ce5fd919d3e14b3db9f0ef2ed25258da50fb5"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221017-0422.1",
+            "commit": "4ace2c2900e144e2718b44b76c7b5474e6de0a1f"
           },
@@ -34,4 +34,4 @@ {
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221014-0424.1",
-            "commit": "ee2ce5fd919d3e14b3db9f0ef2ed25258da50fb5"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221017-0422.1",
+            "commit": "4ace2c2900e144e2718b44b76c7b5474e6de0a1f"
           },
@@ -41,4 +41,4 @@ {
             "package": "@fluentui/react-progress",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221014-0424.1",
-            "commit": "ee2ce5fd919d3e14b3db9f0ef2ed25258da50fb5"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221017-0422.1",
+            "commit": "4ace2c2900e144e2718b44b76c7b5474e6de0a1f"
           }
@@ -45,0 +45,0 @@ ]

CHANGELOG.md

 # Change Log - @fluentui/react-progress
 
-This log was last generated on Fri, 14 Oct 2022 04:29:55 GMT and should not be manually modified.
+This log was last generated on Mon, 17 Oct 2022 04:27:26 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20221014-0424.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v0.0.0-nightly-20221014-0424.1)
+## [0.0.0-nightly-20221017-0422.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v0.0.0-nightly-20221017-0422.1)
 
-Fri, 14 Oct 2022 04:29:55 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.1..@fluentui/react-progress_v0.0.0-nightly-20221014-0424.1)
+Mon, 17 Oct 2022 04:27:26 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.1..@fluentui/react-progress_v0.0.0-nightly-20221017-0422.1)
 
@@ -15,6 +15,6 @@ ### Changes
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by [e-mail])
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221014-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/ee2ce5fd919d3e14b3db9f0ef2ed25258da50fb5) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20221014-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/ee2ce5fd919d3e14b3db9f0ef2ed25258da50fb5) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20221014-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/ee2ce5fd919d3e14b3db9f0ef2ed25258da50fb5) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221014-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/ee2ce5fd919d3e14b3db9f0ef2ed25258da50fb5) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221017-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4ace2c2900e144e2718b44b76c7b5474e6de0a1f) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20221017-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4ace2c2900e144e2718b44b76c7b5474e6de0a1f) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20221017-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4ace2c2900e144e2718b44b76c7b5474e6de0a1f) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221017-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4ace2c2900e144e2718b44b76c7b5474e6de0a1f) by beachball)
 
@@ -21,0 +21,0 @@ ## [9.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.1)

dist/index.d.ts

@@ -20,2 +20,7 @@ import type { ComponentProps } from '@fluentui/react-utilities';
     /**
+     * The shape of the bar and track.
+     * @default 'rounded'
+     */
+    shape?: 'rounded' | 'rectangular';
+    /**
      * A decimal number between `0` and `1` (or between `0` and `max` if given),
@@ -54,3 +59,3 @@ * which specifies how much of the task has been completed.
  */
-export declare type ProgressState = ComponentState<ProgressSlots> & Required<Pick<ProgressProps, 'max' | 'thickness'>> & Pick<ProgressProps, 'value'>;
+export declare type ProgressState = ComponentState<ProgressSlots> & Required<Pick<ProgressProps, 'max' | 'shape' | 'thickness'>> & Pick<ProgressProps, 'value'>;
 
@@ -57,0 +62,0 @@ /**

lib-commonjs/components/Progress/useProgress.js

@@ -23,5 +23,6 @@ "use strict";
   const {
+    max = 1.0,
+    shape = 'rounded',
     thickness = 'medium',
-    value,
-    max = 1.0
+    value
   } = props;
@@ -41,2 +42,3 @@ const root = react_utilities_1.getNativeElementProps('div', {
     max,
+    shape,
     thickness,
@@ -43,0 +45,0 @@ value,

lib-commonjs/components/Progress/useProgressStyles.js

@@ -56,2 +56,14 @@ "use strict";
   },
+  "rounded": {
+    "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
+    "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
+    "B7oj6ja": ["f1jar5jt", "fyu767a"],
+    "Btl43ni": ["fyu767a", "f1jar5jt"]
+  },
+  "rectangular": {
+    "Bbmb7ep": ["fzi6hpg", "fyowgf4"],
+    "Beyfa6y": ["fyowgf4", "fzi6hpg"],
+    "B7oj6ja": ["f3fg2lr", "f13av6d4"],
+    "Btl43ni": ["f13av6d4", "f3fg2lr"]
+  },
   "medium": {
@@ -64,3 +76,3 @@ "Bqenvij": "f4t8t6x"
 }, {
-  "d": [".ftgm304{display:block;}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".fhb5wj7{justify-self:stretch;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}"],
+  "d": [".ftgm304{display:block;}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".fhb5wj7{justify-self:stretch;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}"],
   "m": [["@media screen and (forced-colors: active){.fs8b23g{border-bottom-width:1px;}}", {
@@ -82,3 +94,7 @@ "m": "screen and (forced-colors: active)"
     "De3pzq": "ftywsgz",
-    "Bpep1pd": "f1neahkh"
+    "Bpep1pd": "f1neahkh",
+    "Bbmb7ep": ["f1d9uwra", "fzibvwi"],
+    "Beyfa6y": ["fzibvwi", "f1d9uwra"],
+    "B7oj6ja": ["fuoumxm", "f1vtqnvc"],
+    "Btl43ni": ["f1vtqnvc", "fuoumxm"]
   },
@@ -108,3 +124,3 @@ "medium": {
 }, {
-  "d": [".ftywsgz{background-color:var(--colorCompoundBrandBackground);}", ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}", ".fjt6zfz{transition-property:width;}", ".f1wofebd{transition-duration:0.3s;}", ".fv71qf3{transition-timing-function:ease;}", ".fa0wk36{max-width:33%;}", ".f10pi13n{position:relative;}", ".fhjp9mj{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorCompoundBrandBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}", ".ffmeyi5{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorCompoundBrandBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}", ".f1wk4z0g{-webkit-animation-name:fgj6rna;animation-name:fgj6rna;}", ".f1f62nrt{-webkit-animation-name:fknt0w3;animation-name:fknt0w3;}", ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}", ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".fw97ye2{-webkit-animation-name:f869nhd;animation-name:f869nhd;}", ".fqbve9y{-webkit-animation-name:f1gy5aix;animation-name:f1gy5aix;}"],
+  "d": [".ftywsgz{background-color:var(--colorCompoundBrandBackground);}", ".f1d9uwra{border-bottom-right-radius:inherit;}", ".fzibvwi{border-bottom-left-radius:inherit;}", ".fuoumxm{border-top-right-radius:inherit;}", ".f1vtqnvc{border-top-left-radius:inherit;}", ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}", ".fjt6zfz{transition-property:width;}", ".f1wofebd{transition-duration:0.3s;}", ".fv71qf3{transition-timing-function:ease;}", ".fa0wk36{max-width:33%;}", ".f10pi13n{position:relative;}", ".fhjp9mj{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorCompoundBrandBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}", ".ffmeyi5{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorCompoundBrandBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}", ".f1wk4z0g{-webkit-animation-name:fgj6rna;animation-name:fgj6rna;}", ".f1f62nrt{-webkit-animation-name:fknt0w3;animation-name:fknt0w3;}", ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}", ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".fw97ye2{-webkit-animation-name:f869nhd;animation-name:f869nhd;}", ".fqbve9y{-webkit-animation-name:f1gy5aix;animation-name:f1gy5aix;}"],
   "m": [["@media screen and (forced-colors: active){.f1neahkh{background-color:Highlight;}}", {
@@ -123,2 +139,3 @@ "m": "screen and (forced-colors: active)"
     max,
+    shape,
     thickness,
@@ -132,3 +149,3 @@ value
   } = react_shared_contexts_1.useFluent_unstable();
-  state.root.className = react_1.mergeClasses(exports.progressClassNames.root, rootStyles.root, rootStyles[thickness], state.root.className);
+  state.root.className = react_1.mergeClasses(exports.progressClassNames.root, rootStyles.root, rootStyles[shape], rootStyles[thickness], state.root.className);
 
@@ -135,0 +152,0 @@ if (state.bar) {

lib/components/Progress/useProgress.js

@@ -15,5 +15,6 @@ import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
   const {
+    max = 1.0,
+    shape = 'rounded',
     thickness = 'medium',
-    value,
-    max = 1.0
+    value
   } = props;
@@ -33,2 +34,3 @@ const root = getNativeElementProps('div', {
     max,
+    shape,
     thickness,
@@ -35,0 +37,0 @@ value,

lib/components/Progress/useProgressStyles.js

@@ -46,2 +46,14 @@ import { __styles, mergeClasses, shorthands } from '@griffel/react';
   },
+  "rounded": {
+    "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
+    "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
+    "B7oj6ja": ["f1jar5jt", "fyu767a"],
+    "Btl43ni": ["fyu767a", "f1jar5jt"]
+  },
+  "rectangular": {
+    "Bbmb7ep": ["fzi6hpg", "fyowgf4"],
+    "Beyfa6y": ["fyowgf4", "fzi6hpg"],
+    "B7oj6ja": ["f3fg2lr", "f13av6d4"],
+    "Btl43ni": ["f13av6d4", "f3fg2lr"]
+  },
   "medium": {
@@ -54,3 +66,3 @@ "Bqenvij": "f4t8t6x"
 }, {
-  "d": [".ftgm304{display:block;}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".fhb5wj7{justify-self:stretch;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}"],
+  "d": [".ftgm304{display:block;}", ".f18f03hv{background-color:var(--colorNeutralBackground6);}", ".fhb5wj7{justify-self:stretch;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}"],
   "m": [["@media screen and (forced-colors: active){.fs8b23g{border-bottom-width:1px;}}", {
@@ -72,3 +84,7 @@ "m": "screen and (forced-colors: active)"
     "De3pzq": "ftywsgz",
-    "Bpep1pd": "f1neahkh"
+    "Bpep1pd": "f1neahkh",
+    "Bbmb7ep": ["f1d9uwra", "fzibvwi"],
+    "Beyfa6y": ["fzibvwi", "f1d9uwra"],
+    "B7oj6ja": ["fuoumxm", "f1vtqnvc"],
+    "Btl43ni": ["f1vtqnvc", "fuoumxm"]
   },
@@ -98,3 +114,3 @@ "medium": {
 }, {
-  "d": [".ftywsgz{background-color:var(--colorCompoundBrandBackground);}", ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}", ".fjt6zfz{transition-property:width;}", ".f1wofebd{transition-duration:0.3s;}", ".fv71qf3{transition-timing-function:ease;}", ".fa0wk36{max-width:33%;}", ".f10pi13n{position:relative;}", ".fhjp9mj{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorCompoundBrandBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}", ".ffmeyi5{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorCompoundBrandBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}", ".f1wk4z0g{-webkit-animation-name:fgj6rna;animation-name:fgj6rna;}", ".f1f62nrt{-webkit-animation-name:fknt0w3;animation-name:fknt0w3;}", ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}", ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".fw97ye2{-webkit-animation-name:f869nhd;animation-name:f869nhd;}", ".fqbve9y{-webkit-animation-name:f1gy5aix;animation-name:f1gy5aix;}"],
+  "d": [".ftywsgz{background-color:var(--colorCompoundBrandBackground);}", ".f1d9uwra{border-bottom-right-radius:inherit;}", ".fzibvwi{border-bottom-left-radius:inherit;}", ".fuoumxm{border-top-right-radius:inherit;}", ".f1vtqnvc{border-top-left-radius:inherit;}", ".f4t8t6x{height:2px;}", ".f6ywr7j{height:4px;}", ".fjt6zfz{transition-property:width;}", ".f1wofebd{transition-duration:0.3s;}", ".fv71qf3{transition-timing-function:ease;}", ".fa0wk36{max-width:33%;}", ".f10pi13n{position:relative;}", ".fhjp9mj{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorCompoundBrandBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}", ".ffmeyi5{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralBackground6) 0%,\n      var(--colorCompoundBrandBackground) 50%,\n      var(--colorNeutralBackground6) 100%\n    );}", ".f1wk4z0g{-webkit-animation-name:fgj6rna;animation-name:fgj6rna;}", ".f1f62nrt{-webkit-animation-name:fknt0w3;animation-name:fknt0w3;}", ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}", ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".fw97ye2{-webkit-animation-name:f869nhd;animation-name:f869nhd;}", ".fqbve9y{-webkit-animation-name:f1gy5aix;animation-name:f1gy5aix;}"],
   "m": [["@media screen and (forced-colors: active){.f1neahkh{background-color:Highlight;}}", {
@@ -113,2 +129,3 @@ "m": "screen and (forced-colors: active)"
     max,
+    shape,
     thickness,
@@ -122,3 +139,3 @@ value
   } = useFluent();
-  state.root.className = mergeClasses(progressClassNames.root, rootStyles.root, rootStyles[thickness], state.root.className);
+  state.root.className = mergeClasses(progressClassNames.root, rootStyles.root, rootStyles[shape], rootStyles[thickness], state.root.className);
 
@@ -125,0 +142,0 @@ if (state.bar) {

package.json

 {
   "name": "@fluentui/react-progress",
-  "version": "0.0.0-nightly-20221014-0424.1",
+  "version": "0.0.0-nightly-20221017-0422.1",
   "description": "Progress component for FluentUI v9",
@@ -31,9 +31,9 @@ "main": "lib-commonjs/index.js",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221014-0424.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221017-0422.1",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20221014-0424.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20221014-0424.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20221014-0424.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20221017-0422.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20221017-0422.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20221017-0422.1",
     "@griffel/react": "^1.4.0",
@@ -40,0 +40,0 @@ "tslib": "^2.1.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

67884

increased by5.72%

Lines of code

745

increased by6.73%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20221017-0422.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightly-20221017-0422.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20221017-0422.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20221017-0422.1(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20221014-0424.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly-20221014-0424.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20221014-0424.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20221014-0424.1(transitive)

• Updated@fluentui/react-shared-contexts@0.0.0-nightly-20221017-0422.1

• Updated@fluentui/react-theme@0.0.0-nightly-20221017-0422.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20221017-0422.1