@helloimjolopez-pathway/pathway-tokens 5.1.11 → 5.2.0

package/dist/tokens.css

@@ -788,8 +788,8 @@
   --semantic-color-light-mode-stroke-action-secondary-inverse-pressed: var(--primitive-color-cool-neutral-80);
   --semantic-color-light-mode-stroke-action-secondary-inverse-disabled: var(--primitive-color-cool-neutral-40);
   --semantic-color-light-mode-stroke-action-tertiary-base: var(--primitive-color-brand-40);
-  --semantic-color-light-mode-stroke-action-tertiary-hover: var(--primitive-color-brand-30);
-  --semantic-color-light-mode-stroke-action-tertiary-pressed: var(--primitive-color-brand-50);
+  --semantic-color-light-mode-stroke-action-tertiary-hover: var(--primitive-color-brand-50);
+  --semantic-color-light-mode-stroke-action-tertiary-pressed: var(--primitive-color-brand-60);
   --semantic-color-light-mode-stroke-action-tertiary-disabled: var(--primitive-color-brand-10);
   --semantic-color-light-mode-stroke-action-tertiaryinverse-base: var(--primitive-color-brand-10);
   --semantic-color-light-mode-stroke-action-tertiaryinverse-hover: var(--primitive-color-brand-0);
@@ -889,13 +889,14 @@
   --semantic-color-light-mode-stroke-static-accent-jade-contrast: var(--primitive-color-jade-70);
   --semantic-color-light-mode-stroke-static-accent-jade-bold: var(--primitive-color-jade-100);
   --semantic-color-light-mode-stroke-contextual-focusring-base: var(--primitive-color-brand-70);
+  --semantic-color-light-mode-scrim-faint: var(--primitive-color-cool-neutral-220-16);
+  --semantic-color-light-mode-scrim-light: var(--primitive-color-cool-neutral-220-30);
+  --semantic-color-light-mode-scrim-subtle: var(--primitive-color-cool-neutral-220-50);
+  --semantic-color-light-mode-scrim-base: var(--primitive-color-cool-neutral-220-70);
   --semantic-color-light-mode-surface-nav-base: var(--primitive-color-brand-10);
   --semantic-color-light-mode-surface-nav-light: var(--primitive-color-brand-0);
   --semantic-color-light-mode-surface-canvas-base: var(--primitive-color-brand-10);
   --semantic-color-light-mode-surface-canvas-light: var(--primitive-color-brand-0);
-  --semantic-color-light-mode-scrim-light: var(--primitive-color-cool-neutral-220-30);
-  --semantic-color-light-mode-scrim-subtle: var(--primitive-color-cool-neutral-220-50);
-  --semantic-color-light-mode-scrim-base: var(--primitive-color-cool-neutral-220-70);
   --semantic-color-dark-mode-text-action-primary-base: var(--primitive-color-brand-20);
   --semantic-color-dark-mode-text-action-primary-hover: var(--primitive-color-brand-10);
   --semantic-color-dark-mode-text-action-primary-pressed: var(--primitive-color-brand-10);
@@ -1340,13 +1341,14 @@
   --semantic-color-dark-mode-stroke-static-accent-jade-contrast: var(--primitive-color-jade-70);
   --semantic-color-dark-mode-stroke-static-accent-jade-bold: var(--primitive-color-jade-100);
   --semantic-color-dark-mode-stroke-contextual-focusring-base: var(--primitive-color-cool-neutral-0-30);
+  --semantic-color-dark-mode-scrim-faint: var(--primitive-color-cool-neutral-0-16);
+  --semantic-color-dark-mode-scrim-light: var(--primitive-color-cool-neutral-0-30);
+  --semantic-color-dark-mode-scrim-subtle: var(--primitive-color-cool-neutral-0-70);
+  --semantic-color-dark-mode-scrim-base: var(--primitive-color-cool-neutral-0-80);
   --semantic-color-dark-mode-surface-nav-base: var(--primitive-color-cool-neutral-230);
   --semantic-color-dark-mode-surface-nav-light: var(--primitive-color-cool-neutral-180);
   --semantic-color-dark-mode-surface-canvas-base: var(--primitive-color-cool-neutral-220);
   --semantic-color-dark-mode-surface-canvas-light: var(--primitive-color-brand-0);
-  --semantic-color-dark-mode-scrim-light: var(--primitive-color-cool-neutral-220-30);
-  --semantic-color-dark-mode-scrim-subtle: var(--primitive-color-cool-neutral-220-50);
-  --semantic-color-dark-mode-scrim-base: var(--primitive-color-cool-neutral-220-70);
   --semantic-layout-units-borderwidth-xthin: var(--primitive-unit-unit-0-point-5);
   --semantic-layout-units-borderwidth-thin: var(--primitive-unit-unit-0-point-75);
   --semantic-layout-units-borderwidth-base: var(--primitive-unit-unit-1);

package/dist/tokens.js

@@ -18320,12 +18320,12 @@ export default {
             hover: {
               key: "{semantic-color.light-mode.stroke.action.tertiary.hover}",
               $type: "color",
-              $value: "#e0e7f7",
+              $value: "#a0b5e6",
               filePath: "tokens/pathway-design-tokens.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{primitive-color.brand.30}",
+                $value: "{primitive-color.brand.50}",
                 key: "{semantic-color.light-mode.stroke.action.tertiary.hover}",
               },
               name: "SemanticColorLightModeStrokeActionTertiaryHover",
@@ -18348,12 +18348,12 @@ export default {
             pressed: {
               key: "{semantic-color.light-mode.stroke.action.tertiary.pressed}",
               $type: "color",
-              $value: "#a0b5e6",
+              $value: "#86a0dd",
               filePath: "tokens/pathway-design-tokens.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{primitive-color.brand.50}",
+                $value: "{primitive-color.brand.60}",
                 key: "{semantic-color.light-mode.stroke.action.tertiary.pressed}",
               },
               name: "SemanticColorLightModeStrokeActionTertiaryPressed",
@@ -21198,6 +21198,88 @@ export default {
           },
         },
       },
+      scrim: {
+        faint: {
+          key: "{semantic-color.light-mode.scrim.faint}",
+          $type: "color",
+          $value: "#11111129",
+          filePath: "tokens/pathway-design-tokens.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{primitive-color.cool-neutral.220-16}",
+            key: "{semantic-color.light-mode.scrim.faint}",
+          },
+          name: "SemanticColorLightModeScrimFaint",
+          attributes: {
+            category: "semantic-color",
+            type: "light-mode",
+            item: "scrim",
+            subitem: "faint",
+          },
+          path: ["semantic-color", "light-mode", "scrim", "faint"],
+        },
+        light: {
+          key: "{semantic-color.light-mode.scrim.light}",
+          $type: "color",
+          $value: "#1111114d",
+          filePath: "tokens/pathway-design-tokens.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{primitive-color.cool-neutral.220-30}",
+            key: "{semantic-color.light-mode.scrim.light}",
+          },
+          name: "SemanticColorLightModeScrimLight",
+          attributes: {
+            category: "semantic-color",
+            type: "light-mode",
+            item: "scrim",
+            subitem: "light",
+          },
+          path: ["semantic-color", "light-mode", "scrim", "light"],
+        },
+        subtle: {
+          key: "{semantic-color.light-mode.scrim.subtle}",
+          $type: "color",
+          $value: "#11111180",
+          filePath: "tokens/pathway-design-tokens.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{primitive-color.cool-neutral.220-50}",
+            key: "{semantic-color.light-mode.scrim.subtle}",
+          },
+          name: "SemanticColorLightModeScrimSubtle",
+          attributes: {
+            category: "semantic-color",
+            type: "light-mode",
+            item: "scrim",
+            subitem: "subtle",
+          },
+          path: ["semantic-color", "light-mode", "scrim", "subtle"],
+        },
+        base: {
+          key: "{semantic-color.light-mode.scrim.base}",
+          $type: "color",
+          $value: "#111111b3",
+          filePath: "tokens/pathway-design-tokens.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{primitive-color.cool-neutral.220-70}",
+            key: "{semantic-color.light-mode.scrim.base}",
+          },
+          name: "SemanticColorLightModeScrimBase",
+          attributes: {
+            category: "semantic-color",
+            type: "light-mode",
+            item: "scrim",
+            subitem: "base",
+          },
+          path: ["semantic-color", "light-mode", "scrim", "base"],
+        },
+      },
       surface: {
         nav: {
           base: {
@@ -21294,68 +21376,6 @@ export default {
           },
         },
       },
-      scrim: {
-        light: {
-          key: "{semantic-color.light-mode.scrim.light}",
-          $type: "color",
-          $value: "#1111114d",
-          filePath: "tokens/pathway-design-tokens.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{primitive-color.cool-neutral.220-30}",
-            key: "{semantic-color.light-mode.scrim.light}",
-          },
-          name: "SemanticColorLightModeScrimLight",
-          attributes: {
-            category: "semantic-color",
-            type: "light-mode",
-            item: "scrim",
-            subitem: "light",
-          },
-          path: ["semantic-color", "light-mode", "scrim", "light"],
-        },
-        subtle: {
-          key: "{semantic-color.light-mode.scrim.subtle}",
-          $type: "color",
-          $value: "#11111180",
-          filePath: "tokens/pathway-design-tokens.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{primitive-color.cool-neutral.220-50}",
-            key: "{semantic-color.light-mode.scrim.subtle}",
-          },
-          name: "SemanticColorLightModeScrimSubtle",
-          attributes: {
-            category: "semantic-color",
-            type: "light-mode",
-            item: "scrim",
-            subitem: "subtle",
-          },
-          path: ["semantic-color", "light-mode", "scrim", "subtle"],
-        },
-        base: {
-          key: "{semantic-color.light-mode.scrim.base}",
-          $type: "color",
-          $value: "#111111b3",
-          filePath: "tokens/pathway-design-tokens.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{primitive-color.cool-neutral.220-70}",
-            key: "{semantic-color.light-mode.scrim.base}",
-          },
-          name: "SemanticColorLightModeScrimBase",
-          attributes: {
-            category: "semantic-color",
-            type: "light-mode",
-            item: "scrim",
-            subitem: "base",
-          },
-          path: ["semantic-color", "light-mode", "scrim", "base"],
-        },
-      },
     },
     "dark-mode": {
       text: {
@@ -34030,6 +34050,88 @@ export default {
           },
         },
       },
+      scrim: {
+        faint: {
+          key: "{semantic-color.dark-mode.scrim.faint}",
+          $type: "color",
+          $value: "#ffffff29",
+          filePath: "tokens/pathway-design-tokens.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{primitive-color.cool-neutral.0-16}",
+            key: "{semantic-color.dark-mode.scrim.faint}",
+          },
+          name: "SemanticColorDarkModeScrimFaint",
+          attributes: {
+            category: "semantic-color",
+            type: "dark-mode",
+            item: "scrim",
+            subitem: "faint",
+          },
+          path: ["semantic-color", "dark-mode", "scrim", "faint"],
+        },
+        light: {
+          key: "{semantic-color.dark-mode.scrim.light}",
+          $type: "color",
+          $value: "#ffffff4d",
+          filePath: "tokens/pathway-design-tokens.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{primitive-color.cool-neutral.0-30}",
+            key: "{semantic-color.dark-mode.scrim.light}",
+          },
+          name: "SemanticColorDarkModeScrimLight",
+          attributes: {
+            category: "semantic-color",
+            type: "dark-mode",
+            item: "scrim",
+            subitem: "light",
+          },
+          path: ["semantic-color", "dark-mode", "scrim", "light"],
+        },
+        subtle: {
+          key: "{semantic-color.dark-mode.scrim.subtle}",
+          $type: "color",
+          $value: "#ffffffb3",
+          filePath: "tokens/pathway-design-tokens.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{primitive-color.cool-neutral.0-70}",
+            key: "{semantic-color.dark-mode.scrim.subtle}",
+          },
+          name: "SemanticColorDarkModeScrimSubtle",
+          attributes: {
+            category: "semantic-color",
+            type: "dark-mode",
+            item: "scrim",
+            subitem: "subtle",
+          },
+          path: ["semantic-color", "dark-mode", "scrim", "subtle"],
+        },
+        base: {
+          key: "{semantic-color.dark-mode.scrim.base}",
+          $type: "color",
+          $value: "#ffffffcc",
+          filePath: "tokens/pathway-design-tokens.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{primitive-color.cool-neutral.0-80}",
+            key: "{semantic-color.dark-mode.scrim.base}",
+          },
+          name: "SemanticColorDarkModeScrimBase",
+          attributes: {
+            category: "semantic-color",
+            type: "dark-mode",
+            item: "scrim",
+            subitem: "base",
+          },
+          path: ["semantic-color", "dark-mode", "scrim", "base"],
+        },
+      },
       surface: {
         nav: {
           base: {
@@ -34120,68 +34222,6 @@ export default {
           },
         },
       },
-      scrim: {
-        light: {
-          key: "{semantic-color.dark-mode.scrim.light}",
-          $type: "color",
-          $value: "#1111114d",
-          filePath: "tokens/pathway-design-tokens.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{primitive-color.cool-neutral.220-30}",
-            key: "{semantic-color.dark-mode.scrim.light}",
-          },
-          name: "SemanticColorDarkModeScrimLight",
-          attributes: {
-            category: "semantic-color",
-            type: "dark-mode",
-            item: "scrim",
-            subitem: "light",
-          },
-          path: ["semantic-color", "dark-mode", "scrim", "light"],
-        },
-        subtle: {
-          key: "{semantic-color.dark-mode.scrim.subtle}",
-          $type: "color",
-          $value: "#11111180",
-          filePath: "tokens/pathway-design-tokens.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{primitive-color.cool-neutral.220-50}",
-            key: "{semantic-color.dark-mode.scrim.subtle}",
-          },
-          name: "SemanticColorDarkModeScrimSubtle",
-          attributes: {
-            category: "semantic-color",
-            type: "dark-mode",
-            item: "scrim",
-            subitem: "subtle",
-          },
-          path: ["semantic-color", "dark-mode", "scrim", "subtle"],
-        },
-        base: {
-          key: "{semantic-color.dark-mode.scrim.base}",
-          $type: "color",
-          $value: "#111111b3",
-          filePath: "tokens/pathway-design-tokens.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{primitive-color.cool-neutral.220-70}",
-            key: "{semantic-color.dark-mode.scrim.base}",
-          },
-          name: "SemanticColorDarkModeScrimBase",
-          attributes: {
-            category: "semantic-color",
-            type: "dark-mode",
-            item: "scrim",
-            subitem: "base",
-          },
-          path: ["semantic-color", "dark-mode", "scrim", "base"],
-        },
-      },
     },
   },
   "semantic-layout-units": {

package/dist/tokens.json

@@ -3402,11 +3402,11 @@
             },
             "hover": {
               "$type": "color",
-              "$value": "{primitive-color.brand.30}"
+              "$value": "{primitive-color.brand.50}"
             },
             "pressed": {
               "$type": "color",
-              "$value": "{primitive-color.brand.50}"
+              "$value": "{primitive-color.brand.60}"
             },
             "disabled": {
               "$type": "color",
@@ -3857,6 +3857,24 @@
           }
         }
       },
+      "scrim": {
+        "faint": {
+          "$type": "color",
+          "$value": "{primitive-color.cool-neutral.220-16}"
+        },
+        "light": {
+          "$type": "color",
+          "$value": "{primitive-color.cool-neutral.220-30}"
+        },
+        "subtle": {
+          "$type": "color",
+          "$value": "{primitive-color.cool-neutral.220-50}"
+        },
+        "base": {
+          "$type": "color",
+          "$value": "{primitive-color.cool-neutral.220-70}"
+        }
+      },
       "surface": {
         "nav": {
           "base": {
@@ -3878,20 +3896,6 @@
             "$value": "{primitive-color.brand.0}"
           }
         }
-      },
-      "scrim": {
-        "light": {
-          "$type": "color",
-          "$value": "{primitive-color.cool-neutral.220-30}"
-        },
-        "subtle": {
-          "$type": "color",
-          "$value": "{primitive-color.cool-neutral.220-50}"
-        },
-        "base": {
-          "$type": "color",
-          "$value": "{primitive-color.cool-neutral.220-70}"
-        }
       }
     },
     "dark-mode": {
@@ -5911,6 +5915,24 @@
           }
         }
       },
+      "scrim": {
+        "faint": {
+          "$type": "color",
+          "$value": "{primitive-color.cool-neutral.0-16}"
+        },
+        "light": {
+          "$type": "color",
+          "$value": "{primitive-color.cool-neutral.0-30}"
+        },
+        "subtle": {
+          "$type": "color",
+          "$value": "{primitive-color.cool-neutral.0-70}"
+        },
+        "base": {
+          "$type": "color",
+          "$value": "{primitive-color.cool-neutral.0-80}"
+        }
+      },
       "surface": {
         "nav": {
           "base": {
@@ -5932,20 +5954,6 @@
             "$value": "{primitive-color.brand.0}"
           }
         }
-      },
-      "scrim": {
-        "light": {
-          "$type": "color",
-          "$value": "{primitive-color.cool-neutral.220-30}"
-        },
-        "subtle": {
-          "$type": "color",
-          "$value": "{primitive-color.cool-neutral.220-50}"
-        },
-        "base": {
-          "$type": "color",
-          "$value": "{primitive-color.cool-neutral.220-70}"
-        }
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helloimjolopez-pathway/pathway-tokens",
-  "version": "5.1.11",
+  "version": "5.2.0",
   "description": "Pathway Design System tokens — CSS custom properties, JS export, and DTCG JSON",
   "license": "UNLICENSED",
   "type": "module",