@pantheon-systems/pds-design-tokens 2.0.0-alpha.52 → 2.0.0-alpha.54

package/build/css/variables.dark.css

@@ -74,7 +74,7 @@
   --pds-color-banner-neutral-background: oklch(0.5103 0 0);
   --pds-color-banner-neutral-foreground: oklch(0.9702 0 0);
   --pds-color-card-background: oklch(0.2178 0 0);
-  --pds-color-code-block-background: var(--pds-color-neutral-300);
+  --pds-color-code-block-background: oklch(0.2931 0 0);
   --pds-color-code-block-foreground: oklch(1 0 0);
   --pds-color-code-block-line-prefix: #9699a1;
   --pds-color-code-block-syntax-punctuation: #c3c5c9;
@@ -178,6 +178,7 @@
   --pds-color-tally-info-foreground: oklch(1.0000 0 0);
   --pds-color-tally-discovery-background: oklch(0.5200 0.1177 303.12);
   --pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
+  --pds-color-brand-default: oklch(0.8622 0.1681 88.31);
   --pds-color-surface-default: oklch(0.2178 0 0);
   --pds-color-surface-default-secondary: oklch(0.2603 0 0);
   --pds-color-surface-reverse: oklch(0.9702 0 0);
@@ -367,32 +368,32 @@
   --pds-color-social-rss: #f3763a;
   --pds-color-status-success-foreground: oklch(0.8774 0.0659 125.63);
   --pds-color-status-success-fill: oklch(0.6402 0.1224 130.73);
-  --pds-color-status-success-border: oklch(0.5670 0.1201 132.73);
+  --pds-color-status-success-border: oklch(0.6402 0.1224 130.73);
   --pds-color-status-success-background: oklch(0.3746 0.0812 134.16);
   --pds-color-status-success-background-hover: oklch(0.4733 0.1035 134.24);
   --pds-color-status-warning-foreground: oklch(0.8603 0.0782 67.73);
   --pds-color-status-warning-fill: oklch(0.7116 0.1405 61.04);
-  --pds-color-status-warning-border: oklch(0.5428 0.1292 52.61);
+  --pds-color-status-warning-border: oklch(0.7116 0.1405 61.04);
   --pds-color-status-warning-background: oklch(0.3111 0.0678 55.70);
   --pds-color-status-warning-background-hover: oklch(0.4323 0.1012 53.56);
   --pds-color-status-critical-foreground: oklch(0.8022 0.0731 18.80);
   --pds-color-status-critical-fill: oklch(0.5954 0.1582 23.19);
-  --pds-color-status-critical-border: oklch(0.4501 0.1581 26.35);
+  --pds-color-status-critical-border: oklch(0.5954 0.1582 23.19);
   --pds-color-status-critical-background: oklch(0.2550 0.0814 25.05);
   --pds-color-status-critical-background-hover: oklch(0.3541 0.1230 26.18);
   --pds-color-status-info-foreground: oklch(0.8372 0.0459 236.03);
   --pds-color-status-info-fill: oklch(0.6392 0.0968 238.41);
-  --pds-color-status-info-border: oklch(0.4662 0.0924 245.48);
+  --pds-color-status-info-border: oklch(0.6392 0.0968 238.41);
   --pds-color-status-info-background: oklch(0.2906 0.0644 249.78);
   --pds-color-status-info-background-hover: oklch(0.3751 0.0783 246.74);
   --pds-color-status-discovery-foreground: oklch(0.8272 0.0507 309.02);
   --pds-color-status-discovery-fill: oklch(0.6127 0.1092 305.74);
-  --pds-color-status-discovery-border: oklch(0.4277 0.1065 303.89);
+  --pds-color-status-discovery-border: oklch(0.6127 0.1092 305.74);
   --pds-color-status-discovery-background: oklch(0.2671 0.0855 295.38);
   --pds-color-status-discovery-background-hover: oklch(0.3388 0.0952 301.67);
   --pds-color-status-neutral-background: oklch(0.3329 0 0);
   --pds-color-status-neutral-indicator: oklch(0.8452 0 0);
-  --pds-color-status-frozen-fill: oklch(0.6392 0.0968 238.41);
+  --pds-color-status-frozen-fill: oklch(0.6598 0.0403 232.31);
   --pds-color-status-disabled-fill: oklch(0.5103 0 0);
   --pds-elevation-button-primary-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
   --pds-elevation-button-secondary-active: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.16);

package/build/css/variables.light.css

@@ -74,7 +74,7 @@
   --pds-color-banner-neutral-background: oklch(0.2178 0 0);
   --pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
   --pds-color-card-background: oklch(1.0000 0 0);
-  --pds-color-code-block-background: var(--pds-color-neutral-800);
+  --pds-color-code-block-background: oklch(0.31 0 0);
   --pds-color-code-block-foreground: oklch(1 0 0);
   --pds-color-code-block-line-prefix: #9699a1;
   --pds-color-code-block-syntax-punctuation: #c3c5c9;
@@ -178,6 +178,7 @@
   --pds-color-tally-info-foreground: oklch(1.0000 0 0);
   --pds-color-tally-discovery-background: oklch(0.4277 0.1065 303.89);
   --pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
+  --pds-color-brand-default: oklch(0.8622 0.1681 88.31);
   --pds-color-surface-default: oklch(1.0000 0 0);
   --pds-color-surface-default-secondary: oklch(0.9702 0 0);
   --pds-color-surface-reverse: oklch(0.2178 0 0);
@@ -367,32 +368,32 @@
   --pds-color-social-rss: #f26522;
   --pds-color-status-success-foreground: oklch(0.5670 0.1201 132.73);
   --pds-color-status-success-fill: oklch(0.5670 0.1201 132.73);
-  --pds-color-status-success-border: oklch(0.8774 0.0659 125.63);
+  --pds-color-status-success-border: oklch(0.5670 0.1201 132.73);
   --pds-color-status-success-background: oklch(0.9656 0.0192 122.83);
   --pds-color-status-success-background-hover: oklch(0.9301 0.0402 124.12);
   --pds-color-status-warning-foreground: oklch(0.5658 0.1338 53.43);
   --pds-color-status-warning-fill: oklch(0.6419 0.1457 55.55);
-  --pds-color-status-warning-border: oklch(0.8603 0.0782 67.73);
+  --pds-color-status-warning-border: oklch(0.6419 0.1457 55.55);
   --pds-color-status-warning-background: oklch(0.9665 0.0199 70.00);
   --pds-color-status-warning-background-hover: oklch(0.9208 0.0469 69.27);
   --pds-color-status-critical-foreground: oklch(0.4501 0.1581 26.35);
   --pds-color-status-critical-fill: oklch(0.5338 0.1771 25.54);
-  --pds-color-status-critical-border: oklch(0.7978 0.0754 20.67);
+  --pds-color-status-critical-border: oklch(0.5338 0.1771 25.54);
   --pds-color-status-critical-background: oklch(0.9740 0.0075 17.42);
   --pds-color-status-critical-background-hover: oklch(0.8859 0.0414 19.05);
   --pds-color-status-info-foreground: oklch(0.4662 0.0924 245.48);
   --pds-color-status-info-fill: oklch(0.5510 0.1014 242.56);
-  --pds-color-status-info-border: oklch(0.8372 0.0459 236.03);
+  --pds-color-status-info-border: oklch(0.5510 0.1014 242.56);
   --pds-color-status-info-background: oklch(0.9584 0.0134 233.74);
   --pds-color-status-info-background-hover: oklch(0.9123 0.0286 231.46);
   --pds-color-status-discovery-foreground: oklch(0.4277 0.1065 303.89);
   --pds-color-status-discovery-fill: oklch(0.5200 0.1177 303.12);
-  --pds-color-status-discovery-border: oklch(0.8272 0.0507 309.02);
+  --pds-color-status-discovery-border: oklch(0.5200 0.1177 303.12);
   --pds-color-status-discovery-background: oklch(0.9559 0.0143 308.29);
   --pds-color-status-discovery-background-hover: oklch(0.9077 0.0264 310.39);
   --pds-color-status-neutral-background: oklch(0.8761 0 0);
   --pds-color-status-neutral-indicator: oklch(0.5550 0.0020 247.86);
-  --pds-color-status-frozen-fill: oklch(0.5510 0.1014 242.56);
+  --pds-color-status-frozen-fill: oklch(0.7411 0.0377 231.33);
   --pds-color-status-disabled-fill: oklch(0.8047 0 0);
   --pds-elevation-button-primary-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
   --pds-elevation-button-secondary-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.10);

package/build/figma/tokens.json

@@ -2445,6 +2445,22 @@
       }
     },
     "semantic": {
+      "brand": {
+        "default": {
+          "value": "{color.light-mode.brand.500}",
+          "type": "color",
+          "$extensions": {
+            "public": true,
+            "resolveValue": true,
+            "com.figma": {
+              "exportAs": "variable",
+              "codeSyntax": {
+                "WEB": "--pds-color-brand-default"
+              }
+            }
+          }
+        }
+      },
       "surface": {
         "default": {
           "value": "{color.light-mode.neutral.100}",
@@ -5162,7 +5178,7 @@
             }
           },
           "border": {
-            "value": "{color.light-mode.success.300}",
+            "value": "{color.light-mode.success.700}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -5234,7 +5250,7 @@
             }
           },
           "border": {
-            "value": "{color.light-mode.warning.300}",
+            "value": "{color.light-mode.warning.600}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -5306,7 +5322,7 @@
             }
           },
           "border": {
-            "value": "{color.light-mode.critical.300}",
+            "value": "{color.light-mode.critical.600}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -5378,7 +5394,7 @@
             }
           },
           "border": {
-            "value": "{color.light-mode.info.300}",
+            "value": "{color.light-mode.info.600}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -5450,7 +5466,7 @@
             }
           },
           "border": {
-            "value": "{color.light-mode.discovery.300}",
+            "value": "{color.light-mode.discovery.600}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -5524,7 +5540,7 @@
         },
         "frozen": {
           "fill": {
-            "value": "{color.light-mode.info.600}",
+            "value": "{color.light-mode.secondary.500}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -6693,6 +6709,7 @@
           "type": "color",
           "$extensions": {
             "public": true,
+            "resolveValue": true,
             "com.figma": {
               "exportAs": "variable",
               "codeSyntax": {
@@ -10238,6 +10255,22 @@
       }
     },
     "semantic": {
+      "brand": {
+        "default": {
+          "value": "{color.dark-mode.brand.500}",
+          "type": "color",
+          "$extensions": {
+            "public": true,
+            "resolveValue": true,
+            "com.figma": {
+              "exportAs": "variable",
+              "codeSyntax": {
+                "WEB": "--pds-color-brand-default"
+              }
+            }
+          }
+        }
+      },
       "surface": {
         "default": {
           "value": "{color.dark-mode.neutral.100}",
@@ -12957,7 +12990,7 @@
             }
           },
           "border": {
-            "value": "{color.dark-mode.success.300}",
+            "value": "{color.dark-mode.success.400}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -13029,7 +13062,7 @@
             }
           },
           "border": {
-            "value": "{color.dark-mode.warning.300}",
+            "value": "{color.dark-mode.warning.500}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -13101,7 +13134,7 @@
             }
           },
           "border": {
-            "value": "{color.dark-mode.critical.300}",
+            "value": "{color.dark-mode.critical.500}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -13173,7 +13206,7 @@
             }
           },
           "border": {
-            "value": "{color.dark-mode.info.300}",
+            "value": "{color.dark-mode.info.500}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -13245,7 +13278,7 @@
             }
           },
           "border": {
-            "value": "{color.dark-mode.discovery.300}",
+            "value": "{color.dark-mode.discovery.500}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -13319,7 +13352,7 @@
         },
         "frozen": {
           "fill": {
-            "value": "{color.dark-mode.info.500}",
+            "value": "{color.dark-mode.secondary.400}",
             "type": "color",
             "$extensions": {
               "public": true,
@@ -14488,6 +14521,7 @@
           "type": "color",
           "$extensions": {
             "public": true,
+            "resolveValue": true,
             "com.figma": {
               "exportAs": "variable",
               "codeSyntax": {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-design-tokens",
 	"description": "Design Tokens for the Pantheon Design System",
-	"version": "2.0.0-alpha.52",
+	"version": "2.0.0-alpha.54",
 	"publishConfig": {
 		"access": "public",
 		"registry": "https://registry.npmjs.org/",