npm - @pantheon-systems/pds-design-tokens - Versions diffs - 1.0.0-dev.32 → 1.0.0-dev.34 - Mend

@pantheon-systems/pds-design-tokens 1.0.0-dev.32 → 1.0.0-dev.34

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 (8) hide show

package/build/css/pds-design-tokens-dark-mode.css +2 -2
package/build/css/pds-design-tokens-light-mode.css +13 -13
package/build/figma/pds-design-tokens-figma.json +29 -29
package/build/json/pds-design-tokens-dark-mode.json +6 -6
package/build/json/pds-design-tokens-light-mode.json +23 -23
package/build/scss/_pds-design-tokens-dark-mode.scss +2 -2
package/build/scss/_pds-design-tokens-light-mode.scss +13 -13
package/package.json +1 -1

package/build/css/pds-design-tokens-dark-mode.css CHANGED Viewed

@@ -11,7 +11,7 @@
 :root {
   --pds-color-background-default: #1d1d29;
-  --pds-color-border-default: #504e62;
+  --pds-color-border-default: #858299;
   --pds-color-brand-accent-default: #de0093;
   --pds-color-brand-primary-default: #ffdc28;
   --pds-color-brand-secondary-default: #6947ff;
@@ -77,7 +77,7 @@
   --pds-color-input-background-default: #1d1d29;
   --pds-color-input-background-hover: #282839;
   --pds-color-input-border-critical: #e05757;
-  --pds-color-input-border-default: #a6a3b4;
+  --pds-color-input-border-default: #858299;
   --pds-color-input-border-hover: #7657ff;
   --pds-color-input-border-success: #3cb683;
   --pds-color-input-checked-background: var(--pds-color-interactive-focus);

package/build/css/pds-design-tokens-light-mode.css CHANGED Viewed

@@ -11,7 +11,7 @@
 :root {
   --pds-color-background-default: #ffffff;
-  --pds-color-border-default: #cfcfd3;
+  --pds-color-border-default: #f1f1f1;
   --pds-color-brand-accent-default: #de0093;
   --pds-color-brand-primary-default: #ffdc28;
   --pds-color-brand-secondary-default: #3017a1;
@@ -24,11 +24,11 @@
   --pds-color-button-brand-foreground-active: #23232d;
   --pds-color-button-brand-foreground-default: #23232d;
   --pds-color-button-brand-foreground-hover: #23232d;
-  --pds-color-button-brand-secondary-background-active: #cfcfd3;
+  --pds-color-button-brand-secondary-background-active: #f1f1f1;
   --pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
   --pds-color-button-brand-secondary-background-hover: #f8f8f8;
   --pds-color-button-brand-secondary-border-active: #23232d;
-  --pds-color-button-brand-secondary-border-default: #71717c;
+  --pds-color-button-brand-secondary-border-default: #6d6d78;
   --pds-color-button-brand-secondary-border-hover: #23232d;
   --pds-color-button-brand-secondary-foreground-active: #23232d;
   --pds-color-button-brand-secondary-foreground-default: #23232d;
@@ -77,7 +77,7 @@
   --pds-color-input-background-default: #ffffff;
   --pds-color-input-background-hover: #f0ecff;
   --pds-color-input-border-critical: #d61f1f;
-  --pds-color-input-border-default: #cfcfd3;
+  --pds-color-input-border-default: #f1f1f1;
   --pds-color-input-border-hover: #5f41e5;
   --pds-color-input-border-success: #1f845a;
   --pds-color-input-checked-background: var(--pds-color-interactive-focus);
@@ -85,9 +85,9 @@
   --pds-color-input-foreground-critical: #d61f1f;
   --pds-color-input-foreground-default: #23232d;
   --pds-color-input-foreground-success: #1f845a;
-  --pds-color-input-placeholder-text: #71717c;
+  --pds-color-input-placeholder-text: #6d6d78;
   --pds-color-input-toggle-switch-icon: #ffffff;
-  --pds-color-input-toggle-switch-off: #94949e;
+  --pds-color-input-toggle-switch-off: #6d6d78;
   --pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
   --pds-color-interactive-focus: #0f62fe;
   --pds-color-link-active: #6f54e8;
@@ -95,12 +95,12 @@
   --pds-color-link-hover: #6f54e8;
   --pds-color-link-visited: #6f54e8;
   --pds-color-menu-background: #ffffff;
-  --pds-color-menu-item-background-active: #cfcfd3;
+  --pds-color-menu-item-background-active: #f1f1f1;
   --pds-color-menu-item-background-default: #ffffff;
   --pds-color-menu-item-background-hover: #f8f8f8;
-  --pds-color-menu-item-description-text: #71717c;
+  --pds-color-menu-item-description-text: #6d6d78;
   --pds-color-menu-item-foreground: #23232d;
-  --pds-color-menu-item-heading-text: #71717c;
+  --pds-color-menu-item-heading-text: #6d6d78;
   --pds-color-panel-default-background: var(--pds-color-background-default);
   --pds-color-panel-default-border: var(--pds-color-border-default);
   --pds-color-panel-overlay-background: var(--pds-color-background-default);
@@ -110,11 +110,11 @@
   --pds-color-panel-sunken-background: #f8f8f8;
   --pds-color-panel-sunken-border: #f8f8f8;
   --pds-color-text-default: #23232d;
-  --pds-color-text-default-secondary: #71717c;
-  --pds-color-tile-background-active: #cfcfd3;
+  --pds-color-text-default-secondary: #6d6d78;
+  --pds-color-tile-background-active: #f1f1f1;
   --pds-color-tile-background-hover: #f8f8f8;
-  --pds-color-toggle-button-background-off: #cfcfd3;
-  --pds-color-toggle-button-foreground-off: #71717c;
+  --pds-color-toggle-button-background-off: #f1f1f1;
+  --pds-color-toggle-button-foreground-off: #6d6d78;
   --pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
   --pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
 }

package/build/figma/pds-design-tokens-figma.json CHANGED Viewed

@@ -3412,13 +3412,13 @@
         },
         "border": {
           "default": {
-            "value": "#504e62",
+            "value": "#858299",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/defaults.dark.json",
             "isSource": true,
             "original": {
-              "value": "{color.dark-mode.neutral.400.value}",
+              "value": "{color.dark-mode.neutral.300.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -3550,13 +3550,13 @@
           },
           "border": {
             "default": {
-              "value": "#a6a3b4",
+              "value": "#858299",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/input.dark.json",
               "isSource": true,
               "original": {
-                "value": "{color.dark-mode.neutral.200.value}",
+                "value": "{color.dark-mode.neutral.300.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -4260,7 +4260,7 @@
               ]
             },
             "border": {
-              "value": "#504e62",
+              "value": "#858299",
               "public": true,
               "filePath": "tokens/color/alias/panel.dark.json",
               "isSource": true,
@@ -4370,7 +4370,7 @@
               ]
             },
             "border": {
-              "value": "#504e62",
+              "value": "#858299",
               "public": true,
               "filePath": "tokens/color/alias/panel.dark.json",
               "isSource": true,
@@ -7183,7 +7183,7 @@
                 ]
               },
               "active": {
-                "value": "#cfcfd3",
+                "value": "#f1f1f1",
                 "public": true,
                 "isReferenceToInternal": true,
                 "filePath": "tokens/color/alias/button.light.json",
@@ -7213,7 +7213,7 @@
             },
             "border": {
               "default": {
-                "value": "#71717c",
+                "value": "#6d6d78",
                 "public": true,
                 "isReferenceToInternal": true,
                 "filePath": "tokens/color/alias/button.light.json",
@@ -7648,7 +7648,7 @@
         "toggle-button": {
           "background": {
             "off": {
-              "value": "#cfcfd3",
+              "value": "#f1f1f1",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/button.light.json",
@@ -7677,7 +7677,7 @@
           },
           "foreground": {
             "off": {
-              "value": "#71717c",
+              "value": "#6d6d78",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/button.light.json",
@@ -7734,7 +7734,7 @@
         },
         "border": {
           "default": {
-            "value": "#cfcfd3",
+            "value": "#f1f1f1",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/defaults.light.json",
@@ -7872,7 +7872,7 @@
           },
           "border": {
             "default": {
-              "value": "#cfcfd3",
+              "value": "#f1f1f1",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/input.light.json",
@@ -8064,7 +8064,7 @@
             }
           },
           "placeholder-text": {
-            "value": "#71717c",
+            "value": "#6d6d78",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/input.light.json",
@@ -8144,13 +8144,13 @@
           },
           "toggle-switch": {
             "off": {
-              "value": "#94949e",
+              "value": "#6d6d78",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/input.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.300.value}",
+                "value": "{color.light-mode.neutral.400.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -8443,7 +8443,7 @@
                 ]
               },
               "active": {
-                "value": "#cfcfd3",
+                "value": "#f1f1f1",
                 "public": true,
                 "isReferenceToInternal": true,
                 "filePath": "tokens/color/alias/menu.light.json",
@@ -8499,7 +8499,7 @@
               ]
             },
             "heading-text": {
-              "value": "#71717c",
+              "value": "#6d6d78",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/menu.light.json",
@@ -8526,7 +8526,7 @@
               ]
             },
             "description-text": {
-              "value": "#71717c",
+              "value": "#6d6d78",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/menu.light.json",
@@ -8582,7 +8582,7 @@
               ]
             },
             "border": {
-              "value": "#cfcfd3",
+              "value": "#f1f1f1",
               "public": true,
               "filePath": "tokens/color/alias/panel.light.json",
               "isSource": true,
@@ -8690,7 +8690,7 @@
               ]
             },
             "border": {
-              "value": "#cfcfd3",
+              "value": "#f1f1f1",
               "public": true,
               "filePath": "tokens/color/alias/panel.light.json",
               "isSource": true,
@@ -8742,7 +8742,7 @@
               ]
             },
             "border": {
-              "value": "#cfcfd3",
+              "value": "#f1f1f1",
               "public": true,
               "filePath": "tokens/color/alias/panel.light.json",
               "isSource": true,
@@ -8798,7 +8798,7 @@
               ]
             },
             "active": {
-              "value": "#cfcfd3",
+              "value": "#f1f1f1",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/tile.light.json",
@@ -8853,7 +8853,7 @@
             ]
           },
           "default-secondary": {
-            "value": "#71717c",
+            "value": "#6d6d78",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/typography.light.json",
@@ -9708,11 +9708,11 @@
             ]
           },
           "200": {
-            "value": "#cfcfd3",
+            "value": "#f1f1f1",
             "filePath": "tokens/color/base/neutral.light.json",
             "isSource": true,
             "original": {
-              "value": "#CFCFD3"
+              "value": "#f1f1f1"
             },
             "name": "color-light-mode-neutral-200",
             "attributes": {
@@ -9729,11 +9729,11 @@
             ]
           },
           "300": {
-            "value": "#94949e",
+            "value": "#cfcfd3",
             "filePath": "tokens/color/base/neutral.light.json",
             "isSource": true,
             "original": {
-              "value": "#94949E"
+              "value": "#CFCFD3"
             },
             "name": "color-light-mode-neutral-300",
             "attributes": {
@@ -9750,11 +9750,11 @@
             ]
           },
           "400": {
-            "value": "#71717c",
+            "value": "#6d6d78",
             "filePath": "tokens/color/base/neutral.light.json",
             "isSource": true,
             "original": {
-              "value": "#71717C"
+              "value": "#6D6D78"
             },
             "name": "color-light-mode-neutral-400",
             "attributes": {

package/build/json/pds-design-tokens-dark-mode.json CHANGED Viewed

@@ -1588,13 +1588,13 @@
       },
       "border": {
         "default": {
-          "value": "#504e62",
+          "value": "#858299",
           "public": true,
           "isReferenceToInternal": true,
           "filePath": "tokens/color/alias/defaults.dark.json",
           "isSource": true,
           "original": {
-            "value": "{color.dark-mode.neutral.400.value}",
+            "value": "{color.dark-mode.neutral.300.value}",
             "public": true,
             "isReferenceToInternal": true
           },
@@ -1726,13 +1726,13 @@
         },
         "border": {
           "default": {
-            "value": "#a6a3b4",
+            "value": "#858299",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/input.dark.json",
             "isSource": true,
             "original": {
-              "value": "{color.dark-mode.neutral.200.value}",
+              "value": "{color.dark-mode.neutral.300.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -2436,7 +2436,7 @@
             ]
           },
           "border": {
-            "value": "#504e62",
+            "value": "#858299",
             "public": true,
             "filePath": "tokens/color/alias/panel.dark.json",
             "isSource": true,
@@ -2546,7 +2546,7 @@
             ]
           },
           "border": {
-            "value": "#504e62",
+            "value": "#858299",
             "public": true,
             "filePath": "tokens/color/alias/panel.dark.json",
             "isSource": true,

package/build/json/pds-design-tokens-light-mode.json CHANGED Viewed

@@ -1037,7 +1037,7 @@
               ]
             },
             "active": {
-              "value": "#cfcfd3",
+              "value": "#f1f1f1",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/button.light.json",
@@ -1067,7 +1067,7 @@
           },
           "border": {
             "default": {
-              "value": "#71717c",
+              "value": "#6d6d78",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/button.light.json",
@@ -1502,7 +1502,7 @@
       "toggle-button": {
         "background": {
           "off": {
-            "value": "#cfcfd3",
+            "value": "#f1f1f1",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/button.light.json",
@@ -1531,7 +1531,7 @@
         },
         "foreground": {
           "off": {
-            "value": "#71717c",
+            "value": "#6d6d78",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/button.light.json",
@@ -1588,7 +1588,7 @@
       },
       "border": {
         "default": {
-          "value": "#cfcfd3",
+          "value": "#f1f1f1",
           "public": true,
           "isReferenceToInternal": true,
           "filePath": "tokens/color/alias/defaults.light.json",
@@ -1726,7 +1726,7 @@
         },
         "border": {
           "default": {
-            "value": "#cfcfd3",
+            "value": "#f1f1f1",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/input.light.json",
@@ -1918,7 +1918,7 @@
           }
         },
         "placeholder-text": {
-          "value": "#71717c",
+          "value": "#6d6d78",
           "public": true,
           "isReferenceToInternal": true,
           "filePath": "tokens/color/alias/input.light.json",
@@ -1998,13 +1998,13 @@
         },
         "toggle-switch": {
           "off": {
-            "value": "#94949e",
+            "value": "#6d6d78",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/input.light.json",
             "isSource": true,
             "original": {
-              "value": "{color.light-mode.neutral.300.value}",
+              "value": "{color.light-mode.neutral.400.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -2297,7 +2297,7 @@
               ]
             },
             "active": {
-              "value": "#cfcfd3",
+              "value": "#f1f1f1",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/menu.light.json",
@@ -2353,7 +2353,7 @@
             ]
           },
           "heading-text": {
-            "value": "#71717c",
+            "value": "#6d6d78",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/menu.light.json",
@@ -2380,7 +2380,7 @@
             ]
           },
           "description-text": {
-            "value": "#71717c",
+            "value": "#6d6d78",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/menu.light.json",
@@ -2436,7 +2436,7 @@
             ]
           },
           "border": {
-            "value": "#cfcfd3",
+            "value": "#f1f1f1",
             "public": true,
             "filePath": "tokens/color/alias/panel.light.json",
             "isSource": true,
@@ -2544,7 +2544,7 @@
             ]
           },
           "border": {
-            "value": "#cfcfd3",
+            "value": "#f1f1f1",
             "public": true,
             "filePath": "tokens/color/alias/panel.light.json",
             "isSource": true,
@@ -2596,7 +2596,7 @@
             ]
           },
           "border": {
-            "value": "#cfcfd3",
+            "value": "#f1f1f1",
             "public": true,
             "filePath": "tokens/color/alias/panel.light.json",
             "isSource": true,
@@ -2652,7 +2652,7 @@
             ]
           },
           "active": {
-            "value": "#cfcfd3",
+            "value": "#f1f1f1",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/tile.light.json",
@@ -2707,7 +2707,7 @@
           ]
         },
         "default-secondary": {
-          "value": "#71717c",
+          "value": "#6d6d78",
           "public": true,
           "isReferenceToInternal": true,
           "filePath": "tokens/color/alias/typography.light.json",
@@ -3562,11 +3562,11 @@
           ]
         },
         "200": {
-          "value": "#cfcfd3",
+          "value": "#f1f1f1",
           "filePath": "tokens/color/base/neutral.light.json",
           "isSource": true,
           "original": {
-            "value": "#CFCFD3"
+            "value": "#f1f1f1"
           },
           "name": "color-light-mode-neutral-200",
           "attributes": {
@@ -3583,11 +3583,11 @@
           ]
         },
         "300": {
-          "value": "#94949e",
+          "value": "#cfcfd3",
           "filePath": "tokens/color/base/neutral.light.json",
           "isSource": true,
           "original": {
-            "value": "#94949E"
+            "value": "#CFCFD3"
           },
           "name": "color-light-mode-neutral-300",
           "attributes": {
@@ -3604,11 +3604,11 @@
           ]
         },
         "400": {
-          "value": "#71717c",
+          "value": "#6d6d78",
           "filePath": "tokens/color/base/neutral.light.json",
           "isSource": true,
           "original": {
-            "value": "#71717C"
+            "value": "#6D6D78"
           },
           "name": "color-light-mode-neutral-400",
           "attributes": {

package/build/scss/_pds-design-tokens-dark-mode.scss CHANGED Viewed

@@ -9,7 +9,7 @@
 // This file has been generated automatically.
 $pds-color-background-default: #1d1d29;
-$pds-color-border-default: #504e62;
+$pds-color-border-default: #858299;
 $pds-color-brand-accent-default: #de0093;
 $pds-color-brand-primary-default: #ffdc28;
 $pds-color-brand-secondary-default: #6947ff;
@@ -75,7 +75,7 @@ $pds-color-input-background-critical: #1d1d29;
 $pds-color-input-background-default: #1d1d29;
 $pds-color-input-background-hover: #282839;
 $pds-color-input-border-critical: #e05757;
-$pds-color-input-border-default: #a6a3b4;
+$pds-color-input-border-default: #858299;
 $pds-color-input-border-hover: #7657ff;
 $pds-color-input-border-success: #3cb683;
 $pds-color-input-checked-background: $pds-color-interactive-focus;

package/build/scss/_pds-design-tokens-light-mode.scss CHANGED Viewed

@@ -9,7 +9,7 @@
 // This file has been generated automatically.
 $pds-color-background-default: #ffffff;
-$pds-color-border-default: #cfcfd3;
+$pds-color-border-default: #f1f1f1;
 $pds-color-brand-accent-default: #de0093;
 $pds-color-brand-primary-default: #ffdc28;
 $pds-color-brand-secondary-default: #3017a1;
@@ -22,11 +22,11 @@ $pds-color-button-brand-border-hover: #ffe668;
 $pds-color-button-brand-foreground-active: #23232d;
 $pds-color-button-brand-foreground-default: #23232d;
 $pds-color-button-brand-foreground-hover: #23232d;
-$pds-color-button-brand-secondary-background-active: #cfcfd3;
+$pds-color-button-brand-secondary-background-active: #f1f1f1;
 $pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
 $pds-color-button-brand-secondary-background-hover: #f8f8f8;
 $pds-color-button-brand-secondary-border-active: #23232d;
-$pds-color-button-brand-secondary-border-default: #71717c;
+$pds-color-button-brand-secondary-border-default: #6d6d78;
 $pds-color-button-brand-secondary-border-hover: #23232d;
 $pds-color-button-brand-secondary-foreground-active: #23232d;
 $pds-color-button-brand-secondary-foreground-default: #23232d;
@@ -75,7 +75,7 @@ $pds-color-input-background-critical: #ffebeb;
 $pds-color-input-background-default: #ffffff;
 $pds-color-input-background-hover: #f0ecff;
 $pds-color-input-border-critical: #d61f1f;
-$pds-color-input-border-default: #cfcfd3;
+$pds-color-input-border-default: #f1f1f1;
 $pds-color-input-border-hover: #5f41e5;
 $pds-color-input-border-success: #1f845a;
 $pds-color-input-checked-background: $pds-color-interactive-focus;
@@ -83,9 +83,9 @@ $pds-color-input-checked-foreground: #ffffff;
 $pds-color-input-foreground-critical: #d61f1f;
 $pds-color-input-foreground-default: #23232d;
 $pds-color-input-foreground-success: #1f845a;
-$pds-color-input-placeholder-text: #71717c;
+$pds-color-input-placeholder-text: #6d6d78;
 $pds-color-input-toggle-switch-icon: #ffffff;
-$pds-color-input-toggle-switch-off: #94949e;
+$pds-color-input-toggle-switch-off: #6d6d78;
 $pds-color-input-toggle-switch-on: $pds-color-interactive-focus;
 $pds-color-interactive-focus: #0f62fe;
 $pds-color-link-active: #6f54e8;
@@ -93,12 +93,12 @@ $pds-color-link-default: #0f62fe;
 $pds-color-link-hover: #6f54e8;
 $pds-color-link-visited: #6f54e8;
 $pds-color-menu-background: #ffffff;
-$pds-color-menu-item-background-active: #cfcfd3;
+$pds-color-menu-item-background-active: #f1f1f1;
 $pds-color-menu-item-background-default: #ffffff;
 $pds-color-menu-item-background-hover: #f8f8f8;
-$pds-color-menu-item-description-text: #71717c;
+$pds-color-menu-item-description-text: #6d6d78;
 $pds-color-menu-item-foreground: #23232d;
-$pds-color-menu-item-heading-text: #71717c;
+$pds-color-menu-item-heading-text: #6d6d78;
 $pds-color-panel-default-background: $pds-color-background-default;
 $pds-color-panel-default-border: $pds-color-border-default;
 $pds-color-panel-overlay-background: $pds-color-background-default;
@@ -108,10 +108,10 @@ $pds-color-panel-raised-border: $pds-color-border-default;
 $pds-color-panel-sunken-background: #f8f8f8;
 $pds-color-panel-sunken-border: #f8f8f8;
 $pds-color-text-default: #23232d;
-$pds-color-text-default-secondary: #71717c;
-$pds-color-tile-background-active: #cfcfd3;
+$pds-color-text-default-secondary: #6d6d78;
+$pds-color-tile-background-active: #f1f1f1;
 $pds-color-tile-background-hover: #f8f8f8;
-$pds-color-toggle-button-background-off: #cfcfd3;
-$pds-color-toggle-button-foreground-off: #71717c;
+$pds-color-toggle-button-background-off: #f1f1f1;
+$pds-color-toggle-button-foreground-off: #6d6d78;
 $pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
 $pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@pantheon-systems/pds-design-tokens",
-	"version": "1.0.0-dev.32",
+	"version": "1.0.0-dev.34",
 	"description": "Design Tokens for the Pantheon Design System",
 	"homepage": "https://pantheon.io",
 	"keywords": [