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

@pantheon-systems/pds-design-tokens 1.0.0-dev.20 → 1.0.0-dev.22

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 +4 -3
package/build/css/pds-design-tokens-light-mode.css +6 -5
package/build/figma/pds-design-tokens-figma.json +104 -105
package/build/json/pds-design-tokens-dark-mode.json +36 -5
package/build/json/pds-design-tokens-light-mode.json +68 -100
package/build/scss/_pds-design-tokens-dark-mode.scss +4 -3
package/build/scss/_pds-design-tokens-light-mode.scss +6 -5
package/package.json +1 -1

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

@@ -87,10 +87,10 @@
   --pds-color-input-foreground-success: #3cb683;
   --pds-color-input-placeholder-text: #a6a3b4;
   --pds-color-interactive-focus: #36a3ff;
-  --pds-color-link-active: #5f41e5;
+  --pds-color-link-active: #6f54e8;
   --pds-color-link-default: #36a3ff;
-  --pds-color-link-hover: #5f41e5;
-  --pds-color-link-visited: #5f41e5;
+  --pds-color-link-hover: #6f54e8;
+  --pds-color-link-visited: #6f54e8;
   --pds-color-menu-background: #282839;
   --pds-color-menu-item-background-active: #858299;
   --pds-color-menu-item-background-default: #282839;
@@ -113,6 +113,7 @@
   --pds-color-text-overline: var(--pds-color-text-default-secondary);
   --pds-color-text-paragraph: var(--pds-color-text-default);
   --pds-color-text-quote: var(--pds-color-text-default-secondary);
+  --pds-color-tile-background-hover: #504e62;
   --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
   --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
 }

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

@@ -28,7 +28,7 @@
   --pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
   --pds-color-button-brand-secondary-background-hover: #f1f1f1;
   --pds-color-button-brand-secondary-border-active: #23232d;
-  --pds-color-button-brand-secondary-border-default: #54545f;
+  --pds-color-button-brand-secondary-border-default: #71717c;
   --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: #8f8f99;
+  --pds-color-input-border-default: #94949e;
   --pds-color-input-border-hover: #5f41e5;
   --pds-color-input-border-success: #1f845a;
   --pds-color-input-checked-background: var(--pds-color-interactive-focus);
@@ -87,10 +87,10 @@
   --pds-color-input-foreground-success: #1f845a;
   --pds-color-input-placeholder-text: #71717c;
   --pds-color-interactive-focus: #0f62fe;
-  --pds-color-link-active: #5f41e5;
+  --pds-color-link-active: #6f54e8;
   --pds-color-link-default: #0f62fe;
-  --pds-color-link-hover: #5f41e5;
-  --pds-color-link-visited: #5f41e5;
+  --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-default: #ffffff;
@@ -113,6 +113,7 @@
   --pds-color-text-overline: var(--pds-color-text-default-secondary);
   --pds-color-text-paragraph: #23232d;
   --pds-color-text-quote: var(--pds-color-text-default-secondary);
+  --pds-color-tile-background-hover: #f1f1f1;
   --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

@@ -3795,7 +3795,7 @@
             ]
           },
           "hover": {
-            "value": "#5f41e5",
+            "value": "#6f54e8",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/link.dark.json",
@@ -3820,7 +3820,7 @@
             ]
           },
           "active": {
-            "value": "#5f41e5",
+            "value": "#6f54e8",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/link.dark.json",
@@ -3845,7 +3845,7 @@
             ]
           },
           "visited": {
-            "value": "#5f41e5",
+            "value": "#6f54e8",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/link.dark.json",
@@ -4286,6 +4286,37 @@
             }
           }
         },
+        "tile": {
+          "background": {
+            "hover": {
+              "value": "#504e62",
+              "public": true,
+              "isReferenceToInternal": true,
+              "filePath": "tokens/color/alias/tile.dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.dark-mode.neutral.400.value}",
+                "public": true,
+                "isReferenceToInternal": true
+              },
+              "name": "color-dark-mode-tile-background-hover",
+              "attributes": {
+                "category": "color",
+                "type": "dark-mode",
+                "item": "tile",
+                "subitem": "background",
+                "state": "hover"
+              },
+              "path": [
+                "color",
+                "dark-mode",
+                "tile",
+                "background",
+                "hover"
+              ]
+            }
+          }
+        },
         "text": {
           "default": {
             "value": "#ffffff",
@@ -5239,11 +5270,11 @@
             ]
           },
           "visited": {
-            "value": "#5f41e5",
+            "value": "#6f54e8",
             "filePath": "tokens/color/base/interactive.dark.json",
             "isSource": true,
             "original": {
-              "value": "#5F41E5"
+              "value": "#6F54E8"
             },
             "name": "color-dark-mode-interactive-visited",
             "attributes": {
@@ -6938,7 +6969,7 @@
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.700.value}",
+                  "value": "{color.light-mode.neutral.500.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -6966,7 +6997,7 @@
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.700.value}",
+                  "value": "{color.light-mode.neutral.500.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -6994,7 +7025,7 @@
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.700.value}",
+                  "value": "{color.light-mode.neutral.500.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -7052,7 +7083,7 @@
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.050.value}",
+                  "value": "{color.light-mode.neutral.100.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -7080,7 +7111,7 @@
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.100.value}",
+                  "value": "{color.light-mode.neutral.200.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -7104,13 +7135,13 @@
             },
             "border": {
               "default": {
-                "value": "#54545f",
+                "value": "#71717c",
                 "public": true,
                 "isReferenceToInternal": true,
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.500.value}",
+                  "value": "{color.light-mode.neutral.400.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -7138,7 +7169,7 @@
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.700.value}",
+                  "value": "{color.light-mode.neutral.500.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -7166,7 +7197,7 @@
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.700.value}",
+                  "value": "{color.light-mode.neutral.500.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -7196,7 +7227,7 @@
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.700.value}",
+                  "value": "{color.light-mode.neutral.500.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -7224,7 +7255,7 @@
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.700.value}",
+                  "value": "{color.light-mode.neutral.500.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -7252,7 +7283,7 @@
                 "filePath": "tokens/color/alias/button.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.700.value}",
+                  "value": "{color.light-mode.neutral.500.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -7571,7 +7602,7 @@
             "filePath": "tokens/color/alias/defaults.light.json",
             "isSource": true,
             "original": {
-              "value": "{color.light-mode.neutral.100.value}",
+              "value": "{color.light-mode.neutral.200.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -7598,7 +7629,7 @@
             "filePath": "tokens/color/alias/defaults.light.json",
             "isSource": true,
             "original": {
-              "value": "{color.light-mode.neutral.700.value}",
+              "value": "{color.light-mode.neutral.500.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -7703,7 +7734,7 @@
           },
           "border": {
             "default": {
-              "value": "#8f8f99",
+              "value": "#94949e",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/form.light.json",
@@ -7819,7 +7850,7 @@
               "filePath": "tokens/color/alias/form.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.700.value}",
+                "value": "{color.light-mode.neutral.500.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -7982,7 +8013,7 @@
                 "filePath": "tokens/color/alias/form.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.050.value}",
+                  "value": "{color.light-mode.neutral.100.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -8033,7 +8064,7 @@
             ]
           },
           "hover": {
-            "value": "#5f41e5",
+            "value": "#6f54e8",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/link.light.json",
@@ -8058,7 +8089,7 @@
             ]
           },
           "active": {
-            "value": "#5f41e5",
+            "value": "#6f54e8",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/link.light.json",
@@ -8083,7 +8114,7 @@
             ]
           },
           "visited": {
-            "value": "#5f41e5",
+            "value": "#6f54e8",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/link.light.json",
@@ -8171,7 +8202,7 @@
                 "filePath": "tokens/color/alias/menu.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.050}",
+                  "value": "{color.light-mode.neutral.100.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -8199,7 +8230,7 @@
                 "filePath": "tokens/color/alias/menu.light.json",
                 "isSource": true,
                 "original": {
-                  "value": "{color.light-mode.neutral.100}",
+                  "value": "{color.light-mode.neutral.200.value}",
                   "public": true,
                   "isReferenceToInternal": true
                 },
@@ -8255,7 +8286,7 @@
               "filePath": "tokens/color/alias/menu.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.400}",
+                "value": "{color.light-mode.neutral.400.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -8282,7 +8313,7 @@
               "filePath": "tokens/color/alias/menu.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.400}",
+                "value": "{color.light-mode.neutral.400.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -8365,7 +8396,7 @@
               "filePath": "tokens/color/alias/panel.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.050.value}",
+                "value": "{color.light-mode.neutral.100.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -8392,7 +8423,7 @@
               "filePath": "tokens/color/alias/panel.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.050.value}",
+                "value": "{color.light-mode.neutral.100.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -8518,6 +8549,37 @@
             }
           }
         },
+        "tile": {
+          "background": {
+            "hover": {
+              "value": "#f1f1f1",
+              "public": true,
+              "isReferenceToInternal": true,
+              "filePath": "tokens/color/alias/tile.light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.light-mode.neutral.100.value}",
+                "public": true,
+                "isReferenceToInternal": true
+              },
+              "name": "color-light-mode-tile-background-hover",
+              "attributes": {
+                "category": "color",
+                "type": "light-mode",
+                "item": "tile",
+                "subitem": "background",
+                "state": "hover"
+              },
+              "path": [
+                "color",
+                "light-mode",
+                "tile",
+                "background",
+                "hover"
+              ]
+            }
+          }
+        },
         "text": {
           "default": {
             "value": "#23232d",
@@ -8526,7 +8588,7 @@
             "filePath": "tokens/color/alias/typography.light.json",
             "isSource": true,
             "original": {
-              "value": "{color.light-mode.neutral.700.value}",
+              "value": "{color.light-mode.neutral.500.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -9450,11 +9512,11 @@
             ]
           },
           "visited": {
-            "value": "#5f41e5",
+            "value": "#6f54e8",
             "filePath": "tokens/color/base/interactive.light.json",
             "isSource": true,
             "original": {
-              "value": "#5F41E5"
+              "value": "#6F54E8"
             },
             "name": "color-light-mode-interactive-visited",
             "attributes": {
@@ -9496,11 +9558,11 @@
         },
         "neutral": {
           "100": {
-            "value": "#cfcfd3",
+            "value": "#f1f1f1",
             "filePath": "tokens/color/base/neutral.light.json",
             "isSource": true,
             "original": {
-              "value": "#CFCFD3"
+              "value": "#F1F1F1"
             },
             "name": "color-light-mode-neutral-100",
             "attributes": {
@@ -9517,11 +9579,11 @@
             ]
           },
           "200": {
-            "value": "#aeaeb6",
+            "value": "#cfcfd3",
             "filePath": "tokens/color/base/neutral.light.json",
             "isSource": true,
             "original": {
-              "value": "#AEAEB6"
+              "value": "#CFCFD3"
             },
             "name": "color-light-mode-neutral-200",
             "attributes": {
@@ -9538,11 +9600,11 @@
             ]
           },
           "300": {
-            "value": "#8f8f99",
+            "value": "#94949e",
             "filePath": "tokens/color/base/neutral.light.json",
             "isSource": true,
             "original": {
-              "value": "#8F8F99"
+              "value": "#94949E"
             },
             "name": "color-light-mode-neutral-300",
             "attributes": {
@@ -9580,11 +9642,11 @@
             ]
           },
           "500": {
-            "value": "#54545f",
+            "value": "#23232d",
             "filePath": "tokens/color/base/neutral.light.json",
             "isSource": true,
             "original": {
-              "value": "#54545F"
+              "value": "#23232D"
             },
             "name": "color-light-mode-neutral-500",
             "attributes": {
@@ -9600,69 +9662,6 @@
               "500"
             ]
           },
-          "600": {
-            "value": "#393942",
-            "filePath": "tokens/color/base/neutral.light.json",
-            "isSource": true,
-            "original": {
-              "value": "#393942"
-            },
-            "name": "color-light-mode-neutral-600",
-            "attributes": {
-              "category": "color",
-              "type": "light-mode",
-              "item": "neutral",
-              "subitem": "600"
-            },
-            "path": [
-              "color",
-              "light-mode",
-              "neutral",
-              "600"
-            ]
-          },
-          "700": {
-            "value": "#23232d",
-            "filePath": "tokens/color/base/neutral.light.json",
-            "isSource": true,
-            "original": {
-              "value": "#23232D"
-            },
-            "name": "color-light-mode-neutral-700",
-            "attributes": {
-              "category": "color",
-              "type": "light-mode",
-              "item": "neutral",
-              "subitem": "700"
-            },
-            "path": [
-              "color",
-              "light-mode",
-              "neutral",
-              "700"
-            ]
-          },
-          "050": {
-            "value": "#f1f1f1",
-            "filePath": "tokens/color/base/neutral.light.json",
-            "isSource": true,
-            "original": {
-              "value": "#F1F1F1"
-            },
-            "name": "color-light-mode-neutral-050",
-            "attributes": {
-              "category": "color",
-              "type": "light-mode",
-              "item": "neutral",
-              "subitem": "050"
-            },
-            "path": [
-              "color",
-              "light-mode",
-              "neutral",
-              "050"
-            ]
-          },
           "000": {
             "value": "#ffffff",
             "filePath": "tokens/color/base/neutral.light.json",

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

@@ -1996,7 +1996,7 @@
           ]
         },
         "hover": {
-          "value": "#5f41e5",
+          "value": "#6f54e8",
           "public": true,
           "isReferenceToInternal": true,
           "filePath": "tokens/color/alias/link.dark.json",
@@ -2021,7 +2021,7 @@
           ]
         },
         "active": {
-          "value": "#5f41e5",
+          "value": "#6f54e8",
           "public": true,
           "isReferenceToInternal": true,
           "filePath": "tokens/color/alias/link.dark.json",
@@ -2046,7 +2046,7 @@
           ]
         },
         "visited": {
-          "value": "#5f41e5",
+          "value": "#6f54e8",
           "public": true,
           "isReferenceToInternal": true,
           "filePath": "tokens/color/alias/link.dark.json",
@@ -2487,6 +2487,37 @@
           }
         }
       },
+      "tile": {
+        "background": {
+          "hover": {
+            "value": "#504e62",
+            "public": true,
+            "isReferenceToInternal": true,
+            "filePath": "tokens/color/alias/tile.dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.dark-mode.neutral.400.value}",
+              "public": true,
+              "isReferenceToInternal": true
+            },
+            "name": "color-dark-mode-tile-background-hover",
+            "attributes": {
+              "category": "color",
+              "type": "dark-mode",
+              "item": "tile",
+              "subitem": "background",
+              "state": "hover"
+            },
+            "path": [
+              "color",
+              "dark-mode",
+              "tile",
+              "background",
+              "hover"
+            ]
+          }
+        }
+      },
       "text": {
         "default": {
           "value": "#ffffff",
@@ -3440,11 +3471,11 @@
           ]
         },
         "visited": {
-          "value": "#5f41e5",
+          "value": "#6f54e8",
           "filePath": "tokens/color/base/interactive.dark.json",
           "isSource": true,
           "original": {
-            "value": "#5F41E5"
+            "value": "#6F54E8"
           },
           "name": "color-dark-mode-interactive-visited",
           "attributes": {

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

@@ -901,7 +901,7 @@
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.700.value}",
+                "value": "{color.light-mode.neutral.500.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -929,7 +929,7 @@
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.700.value}",
+                "value": "{color.light-mode.neutral.500.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -957,7 +957,7 @@
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.700.value}",
+                "value": "{color.light-mode.neutral.500.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -1015,7 +1015,7 @@
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.050.value}",
+                "value": "{color.light-mode.neutral.100.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -1043,7 +1043,7 @@
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.100.value}",
+                "value": "{color.light-mode.neutral.200.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -1067,13 +1067,13 @@
           },
           "border": {
             "default": {
-              "value": "#54545f",
+              "value": "#71717c",
               "public": true,
               "isReferenceToInternal": true,
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.500.value}",
+                "value": "{color.light-mode.neutral.400.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -1101,7 +1101,7 @@
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.700.value}",
+                "value": "{color.light-mode.neutral.500.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -1129,7 +1129,7 @@
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.700.value}",
+                "value": "{color.light-mode.neutral.500.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -1159,7 +1159,7 @@
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.700.value}",
+                "value": "{color.light-mode.neutral.500.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -1187,7 +1187,7 @@
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.700.value}",
+                "value": "{color.light-mode.neutral.500.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -1215,7 +1215,7 @@
               "filePath": "tokens/color/alias/button.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.700.value}",
+                "value": "{color.light-mode.neutral.500.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -1534,7 +1534,7 @@
           "filePath": "tokens/color/alias/defaults.light.json",
           "isSource": true,
           "original": {
-            "value": "{color.light-mode.neutral.100.value}",
+            "value": "{color.light-mode.neutral.200.value}",
             "public": true,
             "isReferenceToInternal": true
           },
@@ -1561,7 +1561,7 @@
           "filePath": "tokens/color/alias/defaults.light.json",
           "isSource": true,
           "original": {
-            "value": "{color.light-mode.neutral.700.value}",
+            "value": "{color.light-mode.neutral.500.value}",
             "public": true,
             "isReferenceToInternal": true
           },
@@ -1666,7 +1666,7 @@
         },
         "border": {
           "default": {
-            "value": "#8f8f99",
+            "value": "#94949e",
             "public": true,
             "isReferenceToInternal": true,
             "filePath": "tokens/color/alias/form.light.json",
@@ -1782,7 +1782,7 @@
             "filePath": "tokens/color/alias/form.light.json",
             "isSource": true,
             "original": {
-              "value": "{color.light-mode.neutral.700.value}",
+              "value": "{color.light-mode.neutral.500.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -1945,7 +1945,7 @@
               "filePath": "tokens/color/alias/form.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.050.value}",
+                "value": "{color.light-mode.neutral.100.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -1996,7 +1996,7 @@
           ]
         },
         "hover": {
-          "value": "#5f41e5",
+          "value": "#6f54e8",
           "public": true,
           "isReferenceToInternal": true,
           "filePath": "tokens/color/alias/link.light.json",
@@ -2021,7 +2021,7 @@
           ]
         },
         "active": {
-          "value": "#5f41e5",
+          "value": "#6f54e8",
           "public": true,
           "isReferenceToInternal": true,
           "filePath": "tokens/color/alias/link.light.json",
@@ -2046,7 +2046,7 @@
           ]
         },
         "visited": {
-          "value": "#5f41e5",
+          "value": "#6f54e8",
           "public": true,
           "isReferenceToInternal": true,
           "filePath": "tokens/color/alias/link.light.json",
@@ -2134,7 +2134,7 @@
               "filePath": "tokens/color/alias/menu.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.050}",
+                "value": "{color.light-mode.neutral.100.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -2162,7 +2162,7 @@
               "filePath": "tokens/color/alias/menu.light.json",
               "isSource": true,
               "original": {
-                "value": "{color.light-mode.neutral.100}",
+                "value": "{color.light-mode.neutral.200.value}",
                 "public": true,
                 "isReferenceToInternal": true
               },
@@ -2218,7 +2218,7 @@
             "filePath": "tokens/color/alias/menu.light.json",
             "isSource": true,
             "original": {
-              "value": "{color.light-mode.neutral.400}",
+              "value": "{color.light-mode.neutral.400.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -2245,7 +2245,7 @@
             "filePath": "tokens/color/alias/menu.light.json",
             "isSource": true,
             "original": {
-              "value": "{color.light-mode.neutral.400}",
+              "value": "{color.light-mode.neutral.400.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -2328,7 +2328,7 @@
             "filePath": "tokens/color/alias/panel.light.json",
             "isSource": true,
             "original": {
-              "value": "{color.light-mode.neutral.050.value}",
+              "value": "{color.light-mode.neutral.100.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -2355,7 +2355,7 @@
             "filePath": "tokens/color/alias/panel.light.json",
             "isSource": true,
             "original": {
-              "value": "{color.light-mode.neutral.050.value}",
+              "value": "{color.light-mode.neutral.100.value}",
               "public": true,
               "isReferenceToInternal": true
             },
@@ -2481,6 +2481,37 @@
           }
         }
       },
+      "tile": {
+        "background": {
+          "hover": {
+            "value": "#f1f1f1",
+            "public": true,
+            "isReferenceToInternal": true,
+            "filePath": "tokens/color/alias/tile.light.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.light-mode.neutral.100.value}",
+              "public": true,
+              "isReferenceToInternal": true
+            },
+            "name": "color-light-mode-tile-background-hover",
+            "attributes": {
+              "category": "color",
+              "type": "light-mode",
+              "item": "tile",
+              "subitem": "background",
+              "state": "hover"
+            },
+            "path": [
+              "color",
+              "light-mode",
+              "tile",
+              "background",
+              "hover"
+            ]
+          }
+        }
+      },
       "text": {
         "default": {
           "value": "#23232d",
@@ -2489,7 +2520,7 @@
           "filePath": "tokens/color/alias/typography.light.json",
           "isSource": true,
           "original": {
-            "value": "{color.light-mode.neutral.700.value}",
+            "value": "{color.light-mode.neutral.500.value}",
             "public": true,
             "isReferenceToInternal": true
           },
@@ -3413,11 +3444,11 @@
           ]
         },
         "visited": {
-          "value": "#5f41e5",
+          "value": "#6f54e8",
           "filePath": "tokens/color/base/interactive.light.json",
           "isSource": true,
           "original": {
-            "value": "#5F41E5"
+            "value": "#6F54E8"
           },
           "name": "color-light-mode-interactive-visited",
           "attributes": {
@@ -3459,11 +3490,11 @@
       },
       "neutral": {
         "100": {
-          "value": "#cfcfd3",
+          "value": "#f1f1f1",
           "filePath": "tokens/color/base/neutral.light.json",
           "isSource": true,
           "original": {
-            "value": "#CFCFD3"
+            "value": "#F1F1F1"
           },
           "name": "color-light-mode-neutral-100",
           "attributes": {
@@ -3480,11 +3511,11 @@
           ]
         },
         "200": {
-          "value": "#aeaeb6",
+          "value": "#cfcfd3",
           "filePath": "tokens/color/base/neutral.light.json",
           "isSource": true,
           "original": {
-            "value": "#AEAEB6"
+            "value": "#CFCFD3"
           },
           "name": "color-light-mode-neutral-200",
           "attributes": {
@@ -3501,11 +3532,11 @@
           ]
         },
         "300": {
-          "value": "#8f8f99",
+          "value": "#94949e",
           "filePath": "tokens/color/base/neutral.light.json",
           "isSource": true,
           "original": {
-            "value": "#8F8F99"
+            "value": "#94949E"
           },
           "name": "color-light-mode-neutral-300",
           "attributes": {
@@ -3543,11 +3574,11 @@
           ]
         },
         "500": {
-          "value": "#54545f",
+          "value": "#23232d",
           "filePath": "tokens/color/base/neutral.light.json",
           "isSource": true,
           "original": {
-            "value": "#54545F"
+            "value": "#23232D"
           },
           "name": "color-light-mode-neutral-500",
           "attributes": {
@@ -3563,69 +3594,6 @@
             "500"
           ]
         },
-        "600": {
-          "value": "#393942",
-          "filePath": "tokens/color/base/neutral.light.json",
-          "isSource": true,
-          "original": {
-            "value": "#393942"
-          },
-          "name": "color-light-mode-neutral-600",
-          "attributes": {
-            "category": "color",
-            "type": "light-mode",
-            "item": "neutral",
-            "subitem": "600"
-          },
-          "path": [
-            "color",
-            "light-mode",
-            "neutral",
-            "600"
-          ]
-        },
-        "700": {
-          "value": "#23232d",
-          "filePath": "tokens/color/base/neutral.light.json",
-          "isSource": true,
-          "original": {
-            "value": "#23232D"
-          },
-          "name": "color-light-mode-neutral-700",
-          "attributes": {
-            "category": "color",
-            "type": "light-mode",
-            "item": "neutral",
-            "subitem": "700"
-          },
-          "path": [
-            "color",
-            "light-mode",
-            "neutral",
-            "700"
-          ]
-        },
-        "050": {
-          "value": "#f1f1f1",
-          "filePath": "tokens/color/base/neutral.light.json",
-          "isSource": true,
-          "original": {
-            "value": "#F1F1F1"
-          },
-          "name": "color-light-mode-neutral-050",
-          "attributes": {
-            "category": "color",
-            "type": "light-mode",
-            "item": "neutral",
-            "subitem": "050"
-          },
-          "path": [
-            "color",
-            "light-mode",
-            "neutral",
-            "050"
-          ]
-        },
         "000": {
           "value": "#ffffff",
           "filePath": "tokens/color/base/neutral.light.json",

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

@@ -85,10 +85,10 @@ $pds-color-input-foreground-default: #ffffff;
 $pds-color-input-foreground-success: #3cb683;
 $pds-color-input-placeholder-text: #a6a3b4;
 $pds-color-interactive-focus: #36a3ff;
-$pds-color-link-active: #5f41e5;
+$pds-color-link-active: #6f54e8;
 $pds-color-link-default: #36a3ff;
-$pds-color-link-hover: #5f41e5;
-$pds-color-link-visited: #5f41e5;
+$pds-color-link-hover: #6f54e8;
+$pds-color-link-visited: #6f54e8;
 $pds-color-menu-background: #282839;
 $pds-color-menu-item-background-active: #858299;
 $pds-color-menu-item-background-default: #282839;
@@ -111,5 +111,6 @@ $pds-color-text-lead: $pds-color-text-default-secondary;
 $pds-color-text-overline: $pds-color-text-default-secondary;
 $pds-color-text-paragraph: $pds-color-text-default;
 $pds-color-text-quote: $pds-color-text-default-secondary;
+$pds-color-tile-background-hover: #504e62;
 $pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
 $pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);

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

@@ -26,7 +26,7 @@ $pds-color-button-brand-secondary-background-active: #cfcfd3;
 $pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
 $pds-color-button-brand-secondary-background-hover: #f1f1f1;
 $pds-color-button-brand-secondary-border-active: #23232d;
-$pds-color-button-brand-secondary-border-default: #54545f;
+$pds-color-button-brand-secondary-border-default: #71717c;
 $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: #8f8f99;
+$pds-color-input-border-default: #94949e;
 $pds-color-input-border-hover: #5f41e5;
 $pds-color-input-border-success: #1f845a;
 $pds-color-input-checked-background: $pds-color-interactive-focus;
@@ -85,10 +85,10 @@ $pds-color-input-foreground-default: #23232d;
 $pds-color-input-foreground-success: #1f845a;
 $pds-color-input-placeholder-text: #71717c;
 $pds-color-interactive-focus: #0f62fe;
-$pds-color-link-active: #5f41e5;
+$pds-color-link-active: #6f54e8;
 $pds-color-link-default: #0f62fe;
-$pds-color-link-hover: #5f41e5;
-$pds-color-link-visited: #5f41e5;
+$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-default: #ffffff;
@@ -111,5 +111,6 @@ $pds-color-text-lead: $pds-color-text-default-secondary;
 $pds-color-text-overline: $pds-color-text-default-secondary;
 $pds-color-text-paragraph: #23232d;
 $pds-color-text-quote: $pds-color-text-default-secondary;
+$pds-color-tile-background-hover: #f1f1f1;
 $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.20",
+	"version": "1.0.0-dev.22",
 	"description": "Design Tokens for the Pantheon Design System",
 	"homepage": "https://pantheon.io",
 	"keywords": [