npm - @helloimjolopez-pathway/pathway-tokens - Versions diffs - 10.0.0 → 10.0.2 - Mend

@helloimjolopez-pathway/pathway-tokens 10.0.0 → 10.0.2

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

package/components/sidenav/sidenav.jsx +29 -24
package/dist/README.md +94 -4
package/dist/brands/newco/primitives.css +10 -10
package/dist/brands/newco/themes/dark.css +4 -4
package/dist/brands/newco/themes/light.css +4 -4
package/dist/brands/newco/tokens.js +21 -21
package/dist/contract.json +51 -2
package/dist/primitives.css +14 -14
package/dist/themes/light.css +24 -24
package/dist/themes/midnight.css +7 -7
package/dist/tokens.js +238 -238
package/dist/tokens.json +120 -120
package/package.json +6 -4

package/dist/tokens.js CHANGED Viewed

@@ -4170,7 +4170,7 @@ const tokens = {
     ]
   },
   "primitive-color-saffron-200": {
-    "value": "#eab655",
+    "value": "#efb44d",
     "type": "color",
     "path": [
       "primitive-color",
@@ -4180,7 +4180,7 @@ const tokens = {
     ]
   },
   "primitive-color-saffron-250": {
-    "value": "#d6a549",
+    "value": "#dfa23e",
     "type": "color",
     "path": [
       "primitive-color",
@@ -4190,7 +4190,7 @@ const tokens = {
     ]
   },
   "primitive-color-saffron-300": {
-    "value": "#bf9342",
+    "value": "#cb8e31",
     "type": "color",
     "path": [
       "primitive-color",
@@ -4200,7 +4200,7 @@ const tokens = {
     ]
   },
   "primitive-color-saffron-350": {
-    "value": "#aa843e",
+    "value": "#b97e2b",
     "type": "color",
     "path": [
       "primitive-color",
@@ -4210,7 +4210,7 @@ const tokens = {
     ]
   },
   "primitive-color-saffron-400": {
-    "value": "#91723b",
+    "value": "#a26b26",
     "type": "color",
     "path": [
       "primitive-color",
@@ -4220,7 +4220,7 @@ const tokens = {
     ]
   },
   "primitive-color-saffron-500": {
-    "value": "#6d5936",
+    "value": "#7c5324",
     "type": "color",
     "path": [
       "primitive-color",
@@ -4230,7 +4230,7 @@ const tokens = {
     ]
   },
   "primitive-color-saffron-600": {
-    "value": "#4e422d",
+    "value": "#583e24",
     "type": "color",
     "path": [
       "primitive-color",
@@ -4240,7 +4240,7 @@ const tokens = {
     ]
   },
   "primitive-color-saffron-700": {
-    "value": "#342d21",
+    "value": "#3d2a19",
     "type": "color",
     "path": [
       "primitive-color",
@@ -4250,7 +4250,7 @@ const tokens = {
     ]
   },
   "primitive-color-saffron-800": {
-    "value": "#1d1912",
+    "value": "#23170b",
     "type": "color",
     "path": [
       "primitive-color",
@@ -4260,7 +4260,7 @@ const tokens = {
     ]
   },
   "primitive-color-saffron-900": {
-    "value": "#050301",
+    "value": "#0a0200",
     "type": "color",
     "path": [
       "primitive-color",
@@ -5009,7 +5009,7 @@ const tokens = {
     ]
   },
   "primitive-type-fontstyle-normal": {
-    "value": "Normal",
+    "value": "normal",
     "type": "string",
     "path": [
       "primitive-type",
@@ -5018,7 +5018,7 @@ const tokens = {
     ]
   },
   "primitive-type-fontstyle-italic": {
-    "value": "Italic",
+    "value": "italic",
     "type": "string",
     "path": [
       "primitive-type",
@@ -5027,7 +5027,7 @@ const tokens = {
     ]
   },
   "primitive-type-textdecoration-none": {
-    "value": "None",
+    "value": "none",
     "type": "string",
     "path": [
       "primitive-type",
@@ -5036,7 +5036,7 @@ const tokens = {
     ]
   },
   "primitive-type-textdecoration-underline": {
-    "value": "Underline",
+    "value": "underline",
     "type": "string",
     "path": [
       "primitive-type",
@@ -6964,6 +6964,212 @@ const tokens = {
       "rest"
     ]
   },
+  "semantic-color-light-fill-chart-sequential-10": {
+    "value": "#a8a0d8",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "10"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-11": {
+    "value": "#b9b3e0",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "11"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-12": {
+    "value": "#cbc6e8",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "12"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-13": {
+    "value": "#dcd9ef",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "13"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-14": {
+    "value": "#e8e6f5",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "14"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-15": {
+    "value": "#f4f2fa",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "15"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-01": {
+    "value": "#110c2c",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "01"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-02": {
+    "value": "#221e3f",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "02"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-03": {
+    "value": "#353063",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "03"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-04": {
+    "value": "#464080",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "04"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-05": {
+    "value": "#5951a0",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "05"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-06": {
+    "value": "#6e64b8",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "06"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-07": {
+    "value": "#877ec8",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "07"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-08": {
+    "value": "#9a90d0",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "08"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-09": {
+    "value": "#a198d4",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "09"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-anchor-end": {
+    "value": "#f4f2fa",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "anchor",
+      "end"
+    ]
+  },
+  "semantic-color-light-fill-chart-sequential-anchor-start": {
+    "value": "#110c2c",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "pathway-light",
+      "fill",
+      "chart",
+      "sequential",
+      "anchor",
+      "start"
+    ]
+  },
   "semantic-color-light-fill-shadow-dropshadow": {
     "value": "#22386b14",
     "type": "color",
@@ -7264,7 +7470,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-fill-static-neutral-base": {
-    "value": "#f6f6f6",
+    "value": "#f3f0ec",
     "type": "color",
     "path": [
       "semantic-color",
@@ -7276,7 +7482,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-fill-static-neutral-faint": {
-    "value": "#fdfdfd",
+    "value": "#fefefd",
     "type": "color",
     "path": [
       "semantic-color",
@@ -7300,7 +7506,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-fill-static-neutral-strong": {
-    "value": "#e1e1e1",
+    "value": "#e6e2dc",
     "type": "color",
     "path": [
       "semantic-color",
@@ -7312,7 +7518,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-fill-static-neutral-subtle": {
-    "value": "#fafafa",
+    "value": "#f9f7f5",
     "type": "color",
     "path": [
       "semantic-color",
@@ -7415,212 +7621,6 @@ const tokens = {
       "overlay"
     ]
   },
-  "semantic-color-light-fill-chart-sequential-10": {
-    "value": "#a8a0d8",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "10"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-11": {
-    "value": "#b9b3e0",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "11"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-12": {
-    "value": "#cbc6e8",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "12"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-13": {
-    "value": "#dcd9ef",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "13"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-14": {
-    "value": "#e8e6f5",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "14"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-15": {
-    "value": "#f4f2fa",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "15"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-01": {
-    "value": "#110c2c",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "01"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-02": {
-    "value": "#221e3f",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "02"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-03": {
-    "value": "#353063",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "03"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-04": {
-    "value": "#464080",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "04"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-05": {
-    "value": "#5951a0",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "05"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-06": {
-    "value": "#6e64b8",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "06"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-07": {
-    "value": "#877ec8",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "07"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-08": {
-    "value": "#9a90d0",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "08"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-09": {
-    "value": "#a198d4",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "09"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-anchor-end": {
-    "value": "#f4f2fa",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "anchor",
-      "end"
-    ]
-  },
-  "semantic-color-light-fill-chart-sequential-anchor-start": {
-    "value": "#110c2c",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "pathway-light",
-      "fill",
-      "chart",
-      "sequential",
-      "anchor",
-      "start"
-    ]
-  },
   "semantic-color-light-foreground-action-disabled": {
     "value": "#07070780",
     "type": "color",
@@ -8132,7 +8132,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-foreground-static-attention-on-strong": {
-    "value": "#1d1912",
+    "value": "#23170b",
     "type": "color",
     "path": [
       "semantic-color",
@@ -8144,7 +8144,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-foreground-static-attention-on-subtle": {
-    "value": "#342d21",
+    "value": "#3d2a19",
     "type": "color",
     "path": [
       "semantic-color",
@@ -8252,7 +8252,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-foreground-static-neutral-faint": {
-    "value": "#484848",
+    "value": "#545454",
     "type": "color",
     "path": [
       "semantic-color",
@@ -8549,7 +8549,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-stroke-action-secondary-hover": {
-    "value": "#87827b",
+    "value": "#67625c",
     "type": "color",
     "path": [
       "semantic-color",
@@ -8561,7 +8561,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-stroke-action-secondary-pressed": {
-    "value": "#67625c",
+    "value": "#57534e",
     "type": "color",
     "path": [
       "semantic-color",
@@ -8824,7 +8824,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-stroke-static-attention-strong": {
-    "value": "#aa843e",
+    "value": "#b97e2b",
     "type": "color",
     "path": [
       "semantic-color",
@@ -9848,7 +9848,7 @@ const tokens = {
     ]
   },
   "semantic-color-dark-fill-static-neutral-base": {
-    "value": "#313131",
+    "value": "#353a52",
     "type": "color",
     "path": [
       "semantic-color",
@@ -9860,7 +9860,7 @@ const tokens = {
     ]
   },
   "semantic-color-dark-fill-static-neutral-faint": {
-    "value": "#161616",
+    "value": "#181b2b",
     "type": "color",
     "path": [
       "semantic-color",
@@ -9884,7 +9884,7 @@ const tokens = {
     ]
   },
   "semantic-color-dark-fill-static-neutral-strong": {
-    "value": "#606060",
+    "value": "#868bad",
     "type": "color",
     "path": [
       "semantic-color",
@@ -9896,7 +9896,7 @@ const tokens = {
     ]
   },
   "semantic-color-dark-fill-static-neutral-subtle": {
-    "value": "#202020",
+    "value": "#262a3e",
     "type": "color",
     "path": [
       "semantic-color",
@@ -11094,7 +11094,7 @@ const tokens = {
     ]
   },
   "semantic-color-dark-stroke-action-primary-subtle-hover": {
-    "value": "#5d7cca",
+    "value": "#93aae2",
     "type": "color",
     "path": [
       "semantic-color",
@@ -11107,7 +11107,7 @@ const tokens = {
     ]
   },
   "semantic-color-dark-stroke-action-primary-subtle-pressed": {
-    "value": "#6e8bd4",
+    "value": "#a0b5e6",
     "type": "color",
     "path": [
       "semantic-color",
@@ -11120,7 +11120,7 @@ const tokens = {
     ]
   },
   "semantic-color-dark-stroke-action-primary-subtle-rest": {
-    "value": "#5475c6",
+    "value": "#86a0dd",
     "type": "color",
     "path": [
       "semantic-color",
@@ -11420,7 +11420,7 @@ const tokens = {
     ]
   },
   "semantic-color-dark-stroke-static-attention-subtle": {
-    "value": "#bf9342",
+    "value": "#cb8e31",
     "type": "color",
     "path": [
       "semantic-color",