Updated in fast-components as well

microsoft · Jun 11, 2020 · 5a32511 · 5a32511
1 parent 4589944
commit 5a32511
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/packages/web-components/fast-components/src/progress/progress-ring/progress-ring.styles.ts b/packages/web-components/fast-components/src/progress/progress-ring/progress-ring.styles.ts
@@ -2,7 +2,7 @@ import { css } from "@microsoft/fast-element";
 import { display, forcedColorsStylesheetBehavior } from "@microsoft/fast-foundation";
 import { SystemColors } from "@microsoft/fast-web-utilities";
 import {
-    accentFillRestBehavior,
+    accentForegroundRestBehavior,
     heightNumber,
     neutralFillRestBehavior,
     neutralForegroundHintBehavior,
@@ -29,7 +29,7 @@ export const ProgressRingStyles = css`
     }
 
     .determinate {
-        stroke: ${accentFillRestBehavior.var};
+        stroke: ${accentForegroundRestBehavior.var};
         fill: none;
         stroke-width: 2px;
         stroke-linecap: round;
@@ -39,7 +39,7 @@ export const ProgressRingStyles = css`
     }
 
     .indeterminate-indicator-1 {
-        stroke: ${accentFillRestBehavior.var};
+        stroke: ${accentForegroundRestBehavior.var};
         fill: none;
         stroke-width: 2px;
         stroke-linecap: round;
@@ -73,7 +73,7 @@ export const ProgressRingStyles = css`
         }
     }
 `.withBehaviors(
-    accentFillRestBehavior,
+    accentForegroundRestBehavior,
     neutralFillRestBehavior,
     neutralForegroundHintBehavior,
     forcedColorsStylesheetBehavior(

diff --git a/packages/web-components/fast-components/src/progress/progress/progress.styles.ts b/packages/web-components/fast-components/src/progress/progress/progress.styles.ts
@@ -2,7 +2,7 @@ import { css } from "@microsoft/fast-element";
 import { display, forcedColorsStylesheetBehavior } from "@microsoft/fast-foundation";
 import { SystemColors } from "@microsoft/fast-web-utilities";
 import {
-    accentFillRestBehavior,
+    accentForegroundRestBehavior,
     neutralFillRestBehavior,
     neutralForegroundHintBehavior,
 } from "../../styles/index";
@@ -26,7 +26,7 @@ export const ProgressStyles = css`
     }
 
     .determinate {
-        background-color: ${accentFillRestBehavior.var};
+        background-color: ${accentForegroundRestBehavior.var};
         border-radius: calc(var(--design-unit) * 1px);
         height: 100%;
         transition: all 0.2s ease-in-out;
@@ -46,7 +46,7 @@ export const ProgressStyles = css`
         position: absolute;
         opacity: 0;
         height: 100%;
-        background-color: ${accentFillRestBehavior.var};
+        background-color: ${accentForegroundRestBehavior.var};
         border-radius: calc(var(--design-unit) * 1px);
         animation-timing-function: cubic-bezier(0.4, 0.0, 0.6, 1.0);
         width: 40%;
@@ -57,7 +57,7 @@ export const ProgressStyles = css`
         position: absolute;
         opacity: 0;
         height: 100%;
-        background-color: ${accentFillRestBehavior.var};
+        background-color: ${accentForegroundRestBehavior.var};
         border-radius: calc(var(--design-unit) * 1px);
         animation-timing-function: cubic-bezier(0.4, 0.0, 0.6, 1.0);
         width: 60%;
@@ -109,7 +109,7 @@ export const ProgressStyles = css`
         },
     },
 `.withBehaviors(
-    accentFillRestBehavior,
+    accentForegroundRestBehavior,
     neutralFillRestBehavior,
     neutralForegroundHintBehavior,
     forcedColorsStylesheetBehavior(