feat(plasma-new-hope): add Progress component

salute-developers · Mar 21, 2024 · 42d99b7 · 42d99b7
1 parent a8a28c3
commit 42d99b7
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 21 deletions.
diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Progress/Progress.config.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Progress/Progress.config.ts
@@ -12,37 +12,37 @@ export const config = {
             default: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-solid-default);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             secondary: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-solid-tertiary);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             primary: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-accent);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             accent: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-accent-gradient);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             success: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-positive);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             warning: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-warning);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             error: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-negative);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
         },
         size: {

diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Progress/Progress.config.ts b/packages/plasma-new-hope/src/examples/plasma_web/components/Progress/Progress.config.ts
@@ -12,37 +12,37 @@ export const config = {
             default: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-solid-default);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             secondary: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-solid-tertiary);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             primary: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-accent);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             accent: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-accent-gradient);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             success: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-positive);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             warning: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-warning);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             error: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-negative);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
         },
         size: {

diff --git a/packages/plasma-new-hope/src/examples/sds_engineer/components/Progress/Progress.config.ts b/packages/plasma-new-hope/src/examples/sds_engineer/components/Progress/Progress.config.ts
@@ -12,37 +12,37 @@ export const config = {
             default: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-solid-default);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             secondary: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-solid-tertiary);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             primary: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-accent);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             accent: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-accent-gradient);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             success: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-positive);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             warning: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-warning);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             error: css`
                 ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-negative);
-                ${progressTokens.valueColor}: var(--plasma-colors-tertiary);
+                ${progressTokens.valueColor}: var(--text-tertiary);
             `,
         },
         size: {