@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
  1. package/components/sidenav/sidenav.jsx +29 -24
  2. package/dist/README.md +94 -4
  3. package/dist/brands/newco/primitives.css +10 -10
  4. package/dist/brands/newco/themes/dark.css +4 -4
  5. package/dist/brands/newco/themes/light.css +4 -4
  6. package/dist/brands/newco/tokens.js +21 -21
  7. package/dist/contract.json +51 -2
  8. package/dist/primitives.css +14 -14
  9. package/dist/themes/light.css +24 -24
  10. package/dist/themes/midnight.css +7 -7
  11. package/dist/tokens.js +238 -238
  12. package/dist/tokens.json +120 -120
  13. package/package.json +6 -4
package/dist/themes/light.css CHANGED
@@ -62,6 +62,23 @@
62
62
  --semantic-color-fill-action-status-positive-subtle-hover: var(--primitive-color-green-50);
63
63
  --semantic-color-fill-action-status-positive-subtle-pressed: var(--primitive-color-green-75);
64
64
  --semantic-color-fill-action-status-positive-subtle-rest: var(--primitive-color-green-25);
65
+ --semantic-color-fill-chart-sequential-10: var(--primitive-color-amethyst-200);
66
+ --semantic-color-fill-chart-sequential-11: var(--primitive-color-amethyst-150);
67
+ --semantic-color-fill-chart-sequential-12: var(--primitive-color-amethyst-100);
68
+ --semantic-color-fill-chart-sequential-13: var(--primitive-color-amethyst-75);
69
+ --semantic-color-fill-chart-sequential-14: var(--primitive-color-amethyst-50);
70
+ --semantic-color-fill-chart-sequential-15: var(--primitive-color-amethyst-25);
71
+ --semantic-color-fill-chart-sequential-01: var(--primitive-color-amethyst-900);
72
+ --semantic-color-fill-chart-sequential-02: var(--primitive-color-amethyst-800);
73
+ --semantic-color-fill-chart-sequential-03: var(--primitive-color-amethyst-700);
74
+ --semantic-color-fill-chart-sequential-04: var(--primitive-color-amethyst-600);
75
+ --semantic-color-fill-chart-sequential-05: var(--primitive-color-amethyst-500);
76
+ --semantic-color-fill-chart-sequential-06: var(--primitive-color-amethyst-400);
77
+ --semantic-color-fill-chart-sequential-07: var(--primitive-color-amethyst-350);
78
+ --semantic-color-fill-chart-sequential-08: var(--primitive-color-amethyst-300);
79
+ --semantic-color-fill-chart-sequential-09: var(--primitive-color-amethyst-250);
80
+ --semantic-color-fill-chart-sequential-anchor-end: var(--primitive-color-amethyst-25);
81
+ --semantic-color-fill-chart-sequential-anchor-start: var(--primitive-color-amethyst-900);
65
82
  --semantic-color-fill-shadow-dropshadow: var(--primitive-color-brand-600-8);
66
83
  --semantic-color-fill-static-accent-citrine-strong: var(--primitive-color-citrine-150);
67
84
  --semantic-color-fill-static-accent-citrine-subtle: var(--primitive-color-citrine-50);
@@ -86,11 +103,11 @@
86
103
  --semantic-color-fill-static-info-subtle: var(--primitive-color-amethyst-75);
87
104
  --semantic-color-fill-static-negative-strong: var(--primitive-color-red-500);
88
105
  --semantic-color-fill-static-negative-subtle: var(--primitive-color-red-50);
89
- --semantic-color-fill-static-neutral-base: var(--primitive-color-cool-neutral-25);
90
- --semantic-color-fill-static-neutral-faint: var(--primitive-color-cool-neutral-5);
106
+ --semantic-color-fill-static-neutral-base: var(--primitive-color-warm-neutral-50);
107
+ --semantic-color-fill-static-neutral-faint: var(--primitive-color-warm-neutral-0);
91
108
  --semantic-color-fill-static-neutral-mono: var(--primitive-color-cool-neutral-0);
92
- --semantic-color-fill-static-neutral-strong: var(--primitive-color-cool-neutral-75);
93
- --semantic-color-fill-static-neutral-subtle: var(--primitive-color-cool-neutral-10);
109
+ --semantic-color-fill-static-neutral-strong: var(--primitive-color-warm-neutral-75);
110
+ --semantic-color-fill-static-neutral-subtle: var(--primitive-color-warm-neutral-25);
94
111
  --semantic-color-fill-static-positive-strong: var(--primitive-color-green-150);
95
112
  --semantic-color-fill-static-positive-subtle: var(--primitive-color-green-25);
96
113
  --semantic-color-fill-static-severe-strong: var(--primitive-color-orange-250);
@@ -99,23 +116,6 @@
99
116
  --semantic-color-fill-surface-chrome: var(--primitive-color-brand-550);
100
117
  --semantic-color-fill-surface-elevated: var(--primitive-color-cool-neutral-0);
101
118
  --semantic-color-fill-surface-overlay: var(--primitive-color-cool-neutral-0);
102
- --semantic-color-fill-chart-sequential-10: var(--primitive-color-amethyst-200);
103
- --semantic-color-fill-chart-sequential-11: var(--primitive-color-amethyst-150);
104
- --semantic-color-fill-chart-sequential-12: var(--primitive-color-amethyst-100);
105
- --semantic-color-fill-chart-sequential-13: var(--primitive-color-amethyst-75);
106
- --semantic-color-fill-chart-sequential-14: var(--primitive-color-amethyst-50);
107
- --semantic-color-fill-chart-sequential-15: var(--primitive-color-amethyst-25);
108
- --semantic-color-fill-chart-sequential-01: var(--primitive-color-amethyst-900);
109
- --semantic-color-fill-chart-sequential-02: var(--primitive-color-amethyst-800);
110
- --semantic-color-fill-chart-sequential-03: var(--primitive-color-amethyst-700);
111
- --semantic-color-fill-chart-sequential-04: var(--primitive-color-amethyst-600);
112
- --semantic-color-fill-chart-sequential-05: var(--primitive-color-amethyst-500);
113
- --semantic-color-fill-chart-sequential-06: var(--primitive-color-amethyst-400);
114
- --semantic-color-fill-chart-sequential-07: var(--primitive-color-amethyst-350);
115
- --semantic-color-fill-chart-sequential-08: var(--primitive-color-amethyst-300);
116
- --semantic-color-fill-chart-sequential-09: var(--primitive-color-amethyst-250);
117
- --semantic-color-fill-chart-sequential-anchor-end: var(--primitive-color-amethyst-25);
118
- --semantic-color-fill-chart-sequential-anchor-start: var(--primitive-color-amethyst-900);
119
119
  --semantic-color-foreground-action-disabled: var(--primitive-color-cool-neutral-900-50);
120
120
  --semantic-color-foreground-action-ghost-hover: var(--primitive-color-brand-10);
121
121
  --semantic-color-foreground-action-ghost-pressed: var(--primitive-color-brand-0);
@@ -163,7 +163,7 @@
163
163
  --semantic-color-foreground-static-negative-on-subtle: var(--primitive-color-red-700);
164
164
  --semantic-color-foreground-static-neutral-base: var(--primitive-color-cool-neutral-600);
165
165
  --semantic-color-foreground-static-neutral-bold: var(--primitive-color-cool-neutral-700);
166
- --semantic-color-foreground-static-neutral-faint: var(--primitive-color-cool-neutral-500);
166
+ --semantic-color-foreground-static-neutral-faint: var(--primitive-color-cool-neutral-450);
167
167
  --semantic-color-foreground-static-neutral-mono: var(--primitive-color-cool-neutral-0);
168
168
  --semantic-color-foreground-static-neutral-strong: var(--primitive-color-cool-neutral-900);
169
169
  --semantic-color-foreground-static-neutral-subtle: var(--primitive-color-cool-neutral-500);
@@ -188,8 +188,8 @@
188
188
  --semantic-color-stroke-action-primary-subtle-hover: var(--primitive-color-brand-200);
189
189
  --semantic-color-stroke-action-primary-subtle-pressed: var(--primitive-color-brand-250);
190
190
  --semantic-color-stroke-action-primary-subtle-rest: var(--primitive-color-brand-100);
191
- --semantic-color-stroke-action-secondary-hover: var(--primitive-color-warm-neutral-350);
192
- --semantic-color-stroke-action-secondary-pressed: var(--primitive-color-warm-neutral-450);
191
+ --semantic-color-stroke-action-secondary-hover: var(--primitive-color-warm-neutral-450);
192
+ --semantic-color-stroke-action-secondary-pressed: var(--primitive-color-warm-neutral-500);
193
193
  --semantic-color-stroke-action-secondary-rest: var(--primitive-color-warm-neutral-400);
194
194
  --semantic-color-stroke-action-status-info-hover: var(--primitive-color-amethyst-500);
195
195
  --semantic-color-stroke-action-status-info-pressed: var(--primitive-color-amethyst-600);
package/dist/themes/midnight.css CHANGED
@@ -88,11 +88,11 @@
88
88
  --semantic-color-fill-static-info-subtle: var(--primitive-color-amethyst-350-16);
89
89
  --semantic-color-fill-static-negative-strong: var(--primitive-color-red-400);
90
90
  --semantic-color-fill-static-negative-subtle: var(--primitive-color-red-300-16);
91
- --semantic-color-fill-static-neutral-base: var(--primitive-color-cool-neutral-600);
92
- --semantic-color-fill-static-neutral-faint: var(--primitive-color-cool-neutral-800);
91
+ --semantic-color-fill-static-neutral-base: var(--primitive-color-midnight-800);
92
+ --semantic-color-fill-static-neutral-faint: var(--primitive-color-midnight-900);
93
93
  --semantic-color-fill-static-neutral-mono: var(--primitive-color-cool-neutral-0);
94
- --semantic-color-fill-static-neutral-strong: var(--primitive-color-cool-neutral-400);
95
- --semantic-color-fill-static-neutral-subtle: var(--primitive-color-cool-neutral-700);
94
+ --semantic-color-fill-static-neutral-strong: var(--primitive-color-midnight-350);
95
+ --semantic-color-fill-static-neutral-subtle: var(--primitive-color-midnight-850);
96
96
  --semantic-color-fill-static-positive-strong: var(--primitive-color-green-300);
97
97
  --semantic-color-fill-static-positive-subtle: var(--primitive-color-green-350-16);
98
98
  --semantic-color-fill-static-severe-strong: var(--primitive-color-orange-200);
@@ -189,9 +189,9 @@
189
189
  --semantic-color-stroke-action-primary-strong-hover: var(--primitive-color-brand-250);
190
190
  --semantic-color-stroke-action-primary-strong-pressed: var(--primitive-color-brand-200);
191
191
  --semantic-color-stroke-action-primary-strong-rest: var(--primitive-color-brand-300);
192
- --semantic-color-stroke-action-primary-subtle-hover: var(--primitive-color-brand-250);
193
- --semantic-color-stroke-action-primary-subtle-pressed: var(--primitive-color-brand-200);
194
- --semantic-color-stroke-action-primary-subtle-rest: var(--primitive-color-brand-300);
192
+ --semantic-color-stroke-action-primary-subtle-hover: var(--primitive-color-brand-125);
193
+ --semantic-color-stroke-action-primary-subtle-pressed: var(--primitive-color-brand-100);
194
+ --semantic-color-stroke-action-primary-subtle-rest: var(--primitive-color-brand-150);
195
195
  --semantic-color-stroke-action-secondary-hover: var(--primitive-color-midnight-300);
196
196
  --semantic-color-stroke-action-secondary-pressed: var(--primitive-color-midnight-200);
197
197
  --semantic-color-stroke-action-secondary-rest: var(--primitive-color-midnight-400);