@tenancy.nz/tokens 1.8.7 → 1.9.1

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
  1. package/dist/cjs/dark.cjs +21 -9
  2. package/dist/cjs/light.cjs +18 -6
  3. package/dist/css/dark.css +16 -6
  4. package/dist/css/light.css +13 -3
  5. package/dist/css/tokens.css +29 -9
  6. package/dist/esm/dark.js +21 -9
  7. package/dist/esm/light.js +18 -6
  8. package/package.json +1 -1
package/dist/cjs/dark.cjs CHANGED
@@ -52,6 +52,14 @@ module.exports = {
52
52
  "backgroundPressed": "#b6ece3",
53
53
  "backgroundHover": "#cef3ed",
54
54
  "backgroundDefault": "#e7f9f6"
55
+ },
56
+ "destructiveTertiary": {
57
+ "backgroundDefault": "#ffffff",
58
+ "backgroundHover": "#fce6e6",
59
+ "backgroundPressed": "#f9cccc",
60
+ "backgroundDisabled": "#eeeeee",
61
+ "textColor": "#e10000",
62
+ "iconColor": "#e10000"
55
63
  }
56
64
  },
57
65
  "switches": {
@@ -138,9 +146,10 @@ module.exports = {
138
146
  "progressBar": {
139
147
  "incompleteColor": "#e0e0e0",
140
148
  "accentColor": "#0cc1a3",
141
- "errorColor": "#870000",
142
- "successColor": "#16402b",
143
- "warningColor": "#794913"
149
+ "errorColor": "#e10000",
150
+ "successColor": "#38a06c",
151
+ "warningColor": "#c97a20",
152
+ "primaryColor": "#564d7c"
144
153
  },
145
154
  "chip": {
146
155
  "backgroundHover": "#eeeeee",
@@ -157,7 +166,8 @@ module.exports = {
157
166
  "purple": "#cb98f5",
158
167
  "pink": "#f1abc7",
159
168
  "blue": "#b5d0ff",
160
- "cobalt": "#9bb5e2"
169
+ "cobalt": "#9bb5e2",
170
+ "grey": "#e0e0e0"
161
171
  },
162
172
  "text": {
163
173
  "turquoise": "#0a9a82",
@@ -166,7 +176,8 @@ module.exports = {
166
176
  "purple": "#a954ef",
167
177
  "pink": "#db2c73",
168
178
  "blue": "#376ecc",
169
- "cobalt": "#366ac5"
179
+ "cobalt": "#366ac5",
180
+ "grey": "#757575"
170
181
  },
171
182
  "background": {
172
183
  "turquoise": "#e7f9f6",
@@ -175,7 +186,8 @@ module.exports = {
175
186
  "purple": "#f6eefd",
176
187
  "pink": "#fbeaf1",
177
188
  "blue": "#ecf3ff",
178
- "cobalt": "#e6ecf8"
189
+ "cobalt": "#e6ecf8",
190
+ "grey": "#f5f5f5"
179
191
  }
180
192
  }
181
193
  },
@@ -433,14 +445,14 @@ module.exports = {
433
445
  "scrim": "rgba(0, 0, 0, 0.74)"
434
446
  },
435
447
  "icons": {
436
- "warningColor": "#794913",
437
- "errorColor": "#870000",
448
+ "warningColor": "#c97a20",
449
+ "errorColor": "#e10000",
438
450
  "iconOnColor": "#ffffff",
439
451
  "disabledColor": "#757575",
440
452
  "primaryColor": "#0e0044",
441
453
  "accentColor": "#0cc1a3",
442
454
  "infoColor": "#043ea5",
443
- "successColor": "#16402b",
455
+ "successColor": "#38a06c",
444
456
  "secondaryColor": "#6e668f",
445
457
  "incompleteStepColor": "#6e668f",
446
458
  "destructiveColor": "#e10000",
package/dist/cjs/light.cjs CHANGED
@@ -52,6 +52,14 @@ module.exports = {
52
52
  "backgroundPressed": "#b6ece3",
53
53
  "backgroundHover": "#cef3ed",
54
54
  "backgroundDefault": "#e7f9f6"
55
+ },
56
+ "destructiveTertiary": {
57
+ "backgroundDefault": "#ffffff",
58
+ "backgroundHover": "#fce6e6",
59
+ "backgroundPressed": "#f9cccc",
60
+ "backgroundDisabled": "#eeeeee",
61
+ "textColor": "#e10000",
62
+ "iconColor": "#e10000"
55
63
  }
56
64
  },
57
65
  "switches": {
@@ -138,9 +146,10 @@ module.exports = {
138
146
  "progressBar": {
139
147
  "incompleteColor": "#e0e0e0",
140
148
  "accentColor": "#0cc1a3",
141
- "errorColor": "#870000",
142
- "successColor": "#16402b",
143
- "warningColor": "#794913"
149
+ "errorColor": "#e10000",
150
+ "successColor": "#38a06c",
151
+ "warningColor": "#c97a20",
152
+ "primaryColor": "#564d7c"
144
153
  },
145
154
  "chip": {
146
155
  "backgroundHover": "#eeeeee",
@@ -157,7 +166,8 @@ module.exports = {
157
166
  "purple": "#cb98f5",
158
167
  "pink": "#f1abc7",
159
168
  "blue": "#b5d0ff",
160
- "cobalt": "#9bb5e2"
169
+ "cobalt": "#9bb5e2",
170
+ "grey": "#e0e0e0"
161
171
  },
162
172
  "text": {
163
173
  "turquoise": "#0a9a82",
@@ -166,7 +176,8 @@ module.exports = {
166
176
  "purple": "#a954ef",
167
177
  "pink": "#db2c73",
168
178
  "blue": "#376ecc",
169
- "cobalt": "#366ac5"
179
+ "cobalt": "#366ac5",
180
+ "grey": "#757575"
170
181
  },
171
182
  "background": {
172
183
  "turquoise": "#e7f9f6",
@@ -175,7 +186,8 @@ module.exports = {
175
186
  "purple": "#f6eefd",
176
187
  "pink": "#fbeaf1",
177
188
  "blue": "#ecf3ff",
178
- "cobalt": "#e6ecf8"
189
+ "cobalt": "#e6ecf8",
190
+ "grey": "#f5f5f5"
179
191
  }
180
192
  }
181
193
  },
package/dist/css/dark.css CHANGED
@@ -242,6 +242,12 @@
242
242
  --button-citation-background-pressed: var(--color-turquoise-150);
243
243
  --button-citation-background-hover: var(--color-turquoise-100);
244
244
  --button-citation-background-default: var(--color-turquoise-50);
245
+ --button-destructive-tertiary-background-default: var(--color-white);
246
+ --button-destructive-tertiary-background-hover: var(--color-red-50);
247
+ --button-destructive-tertiary-background-pressed: var(--color-red-100);
248
+ --button-destructive-tertiary-background-disabled: var(--color-grey-200);
249
+ --button-destructive-tertiary-text-color: var(--color-red-400);
250
+ --button-destructive-tertiary-icon-color: var(--color-red-400);
245
251
  --switches-handle-on-disabled: var(--color-white);
246
252
  --switches-handle-off: var(--color-grey-600);
247
253
  --switches-handle-on: var(--color-white);
@@ -303,9 +309,10 @@
303
309
  --segmented-control-background-color: var(--color-dark-blue-50);
304
310
  --progress-bar-incomplete-color: var(--color-grey-300);
305
311
  --progress-bar-accent-color: var(--color-turquoise-500);
306
- --progress-bar-error-color: var(--color-red-600);
307
- --progress-bar-success-color: var(--color-green-800);
308
- --progress-bar-warning-color: var(--color-gold-600);
312
+ --progress-bar-error-color: var(--color-red-400);
313
+ --progress-bar-success-color: var(--color-green-500);
314
+ --progress-bar-warning-color: var(--color-gold-400);
315
+ --progress-bar-primary-color: var(--color-dark-blue-600);
309
316
  --chip-background-hover: var(--color-grey-200);
310
317
  --chip-background-pressed: var(--color-grey-300);
311
318
  --chip-background-active: var(--color-dark-blue-1000);
@@ -316,6 +323,7 @@
316
323
  --profile-border-pink: var(--color-pink-200);
317
324
  --profile-border-blue: var(--color-blue-200);
318
325
  --profile-border-cobalt: var(--color-cobalt-200);
326
+ --profile-border-grey: var(--color-grey-300);
319
327
  --profile-text-turquoise: var(--color-turquoise-600);
320
328
  --profile-text-gold: var(--color-gold-400);
321
329
  --profile-text-orange: var(--color-orange-500);
@@ -323,6 +331,7 @@
323
331
  --profile-text-pink: var(--color-pink-500);
324
332
  --profile-text-blue: var(--color-blue-600);
325
333
  --profile-text-cobalt: var(--color-cobalt-400);
334
+ --profile-text-grey: var(--color-grey-600);
326
335
  --profile-background-turquoise: var(--color-turquoise-50);
327
336
  --profile-background-yellow: var(--color-yellow-50);
328
337
  --profile-background-orange: var(--color-orange-50);
@@ -330,6 +339,7 @@
330
339
  --profile-background-pink: var(--color-pink-50);
331
340
  --profile-background-blue: var(--color-blue-50);
332
341
  --profile-background-cobalt: var(--color-cobalt-50);
342
+ --profile-background-grey: var(--color-grey-100);
333
343
  --surface-warning-color: var(--color-yellow-100);
334
344
  --surface-error-color: var(--color-red-50);
335
345
  --surface-primary-color: var(--color-dark-blue-1000);
@@ -341,14 +351,14 @@
341
351
  --surface-background-1: var(--color-white);
342
352
  --surface-accent-color: var(--color-turquoise-100);
343
353
  --surface-scrim: var(--opacity-9);
344
- --icons-warning-color: var(--color-gold-600);
345
- --icons-error-color: var(--color-red-600);
354
+ --icons-warning-color: var(--color-gold-400);
355
+ --icons-error-color: var(--color-red-400);
346
356
  --icons-icon-on-color: var(--color-white);
347
357
  --icons-disabled-color: var(--color-grey-600);
348
358
  --icons-primary-color: var(--color-dark-blue-1000);
349
359
  --icons-accent-color: var(--color-turquoise-500);
350
360
  --icons-info-color: var(--color-cobalt-550);
351
- --icons-success-color: var(--color-green-800);
361
+ --icons-success-color: var(--color-green-500);
352
362
  --icons-secondary-color: var(--color-dark-blue-500);
353
363
  --icons-incomplete-step-color: var(--color-dark-blue-500);
354
364
  --icons-destructive-color: var(--color-red-400);
package/dist/css/light.css CHANGED
@@ -242,6 +242,12 @@
242
242
  --button-citation-background-pressed: var(--color-turquoise-150);
243
243
  --button-citation-background-hover: var(--color-turquoise-100);
244
244
  --button-citation-background-default: var(--color-turquoise-50);
245
+ --button-destructive-tertiary-background-default: var(--color-white);
246
+ --button-destructive-tertiary-background-hover: var(--color-red-50);
247
+ --button-destructive-tertiary-background-pressed: var(--color-red-100);
248
+ --button-destructive-tertiary-background-disabled: var(--color-grey-200);
249
+ --button-destructive-tertiary-text-color: var(--color-red-400);
250
+ --button-destructive-tertiary-icon-color: var(--color-red-400);
245
251
  --switches-handle-on-disabled: var(--color-white);
246
252
  --switches-handle-off: var(--color-grey-600);
247
253
  --switches-handle-on: var(--color-white);
@@ -303,9 +309,10 @@
303
309
  --segmented-control-background-color: var(--color-dark-blue-50);
304
310
  --progress-bar-incomplete-color: var(--color-grey-300);
305
311
  --progress-bar-accent-color: var(--color-turquoise-500);
306
- --progress-bar-error-color: var(--color-red-600);
307
- --progress-bar-success-color: var(--color-green-800);
308
- --progress-bar-warning-color: var(--color-gold-600);
312
+ --progress-bar-error-color: var(--color-red-400);
313
+ --progress-bar-success-color: var(--color-green-500);
314
+ --progress-bar-warning-color: var(--color-gold-400);
315
+ --progress-bar-primary-color: var(--color-dark-blue-600);
309
316
  --chip-background-hover: var(--color-grey-200);
310
317
  --chip-background-pressed: var(--color-grey-300);
311
318
  --chip-background-active: var(--color-dark-blue-1000);
@@ -316,6 +323,7 @@
316
323
  --profile-border-pink: var(--color-pink-200);
317
324
  --profile-border-blue: var(--color-blue-200);
318
325
  --profile-border-cobalt: var(--color-cobalt-200);
326
+ --profile-border-grey: var(--color-grey-300);
319
327
  --profile-text-turquoise: var(--color-turquoise-600);
320
328
  --profile-text-gold: var(--color-gold-400);
321
329
  --profile-text-orange: var(--color-orange-500);
@@ -323,6 +331,7 @@
323
331
  --profile-text-pink: var(--color-pink-500);
324
332
  --profile-text-blue: var(--color-blue-600);
325
333
  --profile-text-cobalt: var(--color-cobalt-400);
334
+ --profile-text-grey: var(--color-grey-600);
326
335
  --profile-background-turquoise: var(--color-turquoise-50);
327
336
  --profile-background-yellow: var(--color-yellow-50);
328
337
  --profile-background-orange: var(--color-orange-50);
@@ -330,6 +339,7 @@
330
339
  --profile-background-pink: var(--color-pink-50);
331
340
  --profile-background-blue: var(--color-blue-50);
332
341
  --profile-background-cobalt: var(--color-cobalt-50);
342
+ --profile-background-grey: var(--color-grey-100);
333
343
  --surface-warning-color: var(--color-yellow-100);
334
344
  --surface-error-color: var(--color-red-50);
335
345
  --surface-primary-color: var(--color-dark-blue-1000);
package/dist/css/tokens.css CHANGED
@@ -242,6 +242,12 @@
242
242
  --button-citation-background-pressed: var(--color-turquoise-150);
243
243
  --button-citation-background-hover: var(--color-turquoise-100);
244
244
  --button-citation-background-default: var(--color-turquoise-50);
245
+ --button-destructive-tertiary-background-default: var(--color-white);
246
+ --button-destructive-tertiary-background-hover: var(--color-red-50);
247
+ --button-destructive-tertiary-background-pressed: var(--color-red-100);
248
+ --button-destructive-tertiary-background-disabled: var(--color-grey-200);
249
+ --button-destructive-tertiary-text-color: var(--color-red-400);
250
+ --button-destructive-tertiary-icon-color: var(--color-red-400);
245
251
  --switches-handle-on-disabled: var(--color-white);
246
252
  --switches-handle-off: var(--color-grey-600);
247
253
  --switches-handle-on: var(--color-white);
@@ -303,9 +309,10 @@
303
309
  --segmented-control-background-color: var(--color-dark-blue-50);
304
310
  --progress-bar-incomplete-color: var(--color-grey-300);
305
311
  --progress-bar-accent-color: var(--color-turquoise-500);
306
- --progress-bar-error-color: var(--color-red-600);
307
- --progress-bar-success-color: var(--color-green-800);
308
- --progress-bar-warning-color: var(--color-gold-600);
312
+ --progress-bar-error-color: var(--color-red-400);
313
+ --progress-bar-success-color: var(--color-green-500);
314
+ --progress-bar-warning-color: var(--color-gold-400);
315
+ --progress-bar-primary-color: var(--color-dark-blue-600);
309
316
  --chip-background-hover: var(--color-grey-200);
310
317
  --chip-background-pressed: var(--color-grey-300);
311
318
  --chip-background-active: var(--color-dark-blue-1000);
@@ -316,6 +323,7 @@
316
323
  --profile-border-pink: var(--color-pink-200);
317
324
  --profile-border-blue: var(--color-blue-200);
318
325
  --profile-border-cobalt: var(--color-cobalt-200);
326
+ --profile-border-grey: var(--color-grey-300);
319
327
  --profile-text-turquoise: var(--color-turquoise-600);
320
328
  --profile-text-gold: var(--color-gold-400);
321
329
  --profile-text-orange: var(--color-orange-500);
@@ -323,6 +331,7 @@
323
331
  --profile-text-pink: var(--color-pink-500);
324
332
  --profile-text-blue: var(--color-blue-600);
325
333
  --profile-text-cobalt: var(--color-cobalt-400);
334
+ --profile-text-grey: var(--color-grey-600);
326
335
  --profile-background-turquoise: var(--color-turquoise-50);
327
336
  --profile-background-yellow: var(--color-yellow-50);
328
337
  --profile-background-orange: var(--color-orange-50);
@@ -330,6 +339,7 @@
330
339
  --profile-background-pink: var(--color-pink-50);
331
340
  --profile-background-blue: var(--color-blue-50);
332
341
  --profile-background-cobalt: var(--color-cobalt-50);
342
+ --profile-background-grey: var(--color-grey-100);
333
343
  --surface-warning-color: var(--color-yellow-100);
334
344
  --surface-error-color: var(--color-red-50);
335
345
  --surface-primary-color: var(--color-dark-blue-1000);
@@ -639,6 +649,12 @@
639
649
  --button-citation-background-pressed: var(--color-turquoise-150);
640
650
  --button-citation-background-hover: var(--color-turquoise-100);
641
651
  --button-citation-background-default: var(--color-turquoise-50);
652
+ --button-destructive-tertiary-background-default: var(--color-white);
653
+ --button-destructive-tertiary-background-hover: var(--color-red-50);
654
+ --button-destructive-tertiary-background-pressed: var(--color-red-100);
655
+ --button-destructive-tertiary-background-disabled: var(--color-grey-200);
656
+ --button-destructive-tertiary-text-color: var(--color-red-400);
657
+ --button-destructive-tertiary-icon-color: var(--color-red-400);
642
658
  --switches-handle-on-disabled: var(--color-white);
643
659
  --switches-handle-off: var(--color-grey-600);
644
660
  --switches-handle-on: var(--color-white);
@@ -700,9 +716,10 @@
700
716
  --segmented-control-background-color: var(--color-dark-blue-50);
701
717
  --progress-bar-incomplete-color: var(--color-grey-300);
702
718
  --progress-bar-accent-color: var(--color-turquoise-500);
703
- --progress-bar-error-color: var(--color-red-600);
704
- --progress-bar-success-color: var(--color-green-800);
705
- --progress-bar-warning-color: var(--color-gold-600);
719
+ --progress-bar-error-color: var(--color-red-400);
720
+ --progress-bar-success-color: var(--color-green-500);
721
+ --progress-bar-warning-color: var(--color-gold-400);
722
+ --progress-bar-primary-color: var(--color-dark-blue-600);
706
723
  --chip-background-hover: var(--color-grey-200);
707
724
  --chip-background-pressed: var(--color-grey-300);
708
725
  --chip-background-active: var(--color-dark-blue-1000);
@@ -713,6 +730,7 @@
713
730
  --profile-border-pink: var(--color-pink-200);
714
731
  --profile-border-blue: var(--color-blue-200);
715
732
  --profile-border-cobalt: var(--color-cobalt-200);
733
+ --profile-border-grey: var(--color-grey-300);
716
734
  --profile-text-turquoise: var(--color-turquoise-600);
717
735
  --profile-text-gold: var(--color-gold-400);
718
736
  --profile-text-orange: var(--color-orange-500);
@@ -720,6 +738,7 @@
720
738
  --profile-text-pink: var(--color-pink-500);
721
739
  --profile-text-blue: var(--color-blue-600);
722
740
  --profile-text-cobalt: var(--color-cobalt-400);
741
+ --profile-text-grey: var(--color-grey-600);
723
742
  --profile-background-turquoise: var(--color-turquoise-50);
724
743
  --profile-background-yellow: var(--color-yellow-50);
725
744
  --profile-background-orange: var(--color-orange-50);
@@ -727,6 +746,7 @@
727
746
  --profile-background-pink: var(--color-pink-50);
728
747
  --profile-background-blue: var(--color-blue-50);
729
748
  --profile-background-cobalt: var(--color-cobalt-50);
749
+ --profile-background-grey: var(--color-grey-100);
730
750
  --surface-warning-color: var(--color-yellow-100);
731
751
  --surface-error-color: var(--color-red-50);
732
752
  --surface-primary-color: var(--color-dark-blue-1000);
@@ -738,14 +758,14 @@
738
758
  --surface-background-1: var(--color-white);
739
759
  --surface-accent-color: var(--color-turquoise-100);
740
760
  --surface-scrim: var(--opacity-9);
741
- --icons-warning-color: var(--color-gold-600);
742
- --icons-error-color: var(--color-red-600);
761
+ --icons-warning-color: var(--color-gold-400);
762
+ --icons-error-color: var(--color-red-400);
743
763
  --icons-icon-on-color: var(--color-white);
744
764
  --icons-disabled-color: var(--color-grey-600);
745
765
  --icons-primary-color: var(--color-dark-blue-1000);
746
766
  --icons-accent-color: var(--color-turquoise-500);
747
767
  --icons-info-color: var(--color-cobalt-550);
748
- --icons-success-color: var(--color-green-800);
768
+ --icons-success-color: var(--color-green-500);
749
769
  --icons-secondary-color: var(--color-dark-blue-500);
750
770
  --icons-incomplete-step-color: var(--color-dark-blue-500);
751
771
  --icons-destructive-color: var(--color-red-400);
package/dist/esm/dark.js CHANGED
@@ -52,6 +52,14 @@ export default {
52
52
  "backgroundPressed": "#b6ece3",
53
53
  "backgroundHover": "#cef3ed",
54
54
  "backgroundDefault": "#e7f9f6"
55
+ },
56
+ "destructiveTertiary": {
57
+ "backgroundDefault": "#ffffff",
58
+ "backgroundHover": "#fce6e6",
59
+ "backgroundPressed": "#f9cccc",
60
+ "backgroundDisabled": "#eeeeee",
61
+ "textColor": "#e10000",
62
+ "iconColor": "#e10000"
55
63
  }
56
64
  },
57
65
  "switches": {
@@ -138,9 +146,10 @@ export default {
138
146
  "progressBar": {
139
147
  "incompleteColor": "#e0e0e0",
140
148
  "accentColor": "#0cc1a3",
141
- "errorColor": "#870000",
142
- "successColor": "#16402b",
143
- "warningColor": "#794913"
149
+ "errorColor": "#e10000",
150
+ "successColor": "#38a06c",
151
+ "warningColor": "#c97a20",
152
+ "primaryColor": "#564d7c"
144
153
  },
145
154
  "chip": {
146
155
  "backgroundHover": "#eeeeee",
@@ -157,7 +166,8 @@ export default {
157
166
  "purple": "#cb98f5",
158
167
  "pink": "#f1abc7",
159
168
  "blue": "#b5d0ff",
160
- "cobalt": "#9bb5e2"
169
+ "cobalt": "#9bb5e2",
170
+ "grey": "#e0e0e0"
161
171
  },
162
172
  "text": {
163
173
  "turquoise": "#0a9a82",
@@ -166,7 +176,8 @@ export default {
166
176
  "purple": "#a954ef",
167
177
  "pink": "#db2c73",
168
178
  "blue": "#376ecc",
169
- "cobalt": "#366ac5"
179
+ "cobalt": "#366ac5",
180
+ "grey": "#757575"
170
181
  },
171
182
  "background": {
172
183
  "turquoise": "#e7f9f6",
@@ -175,7 +186,8 @@ export default {
175
186
  "purple": "#f6eefd",
176
187
  "pink": "#fbeaf1",
177
188
  "blue": "#ecf3ff",
178
- "cobalt": "#e6ecf8"
189
+ "cobalt": "#e6ecf8",
190
+ "grey": "#f5f5f5"
179
191
  }
180
192
  }
181
193
  },
@@ -433,14 +445,14 @@ export default {
433
445
  "scrim": "rgba(0, 0, 0, 0.74)"
434
446
  },
435
447
  "icons": {
436
- "warningColor": "#794913",
437
- "errorColor": "#870000",
448
+ "warningColor": "#c97a20",
449
+ "errorColor": "#e10000",
438
450
  "iconOnColor": "#ffffff",
439
451
  "disabledColor": "#757575",
440
452
  "primaryColor": "#0e0044",
441
453
  "accentColor": "#0cc1a3",
442
454
  "infoColor": "#043ea5",
443
- "successColor": "#16402b",
455
+ "successColor": "#38a06c",
444
456
  "secondaryColor": "#6e668f",
445
457
  "incompleteStepColor": "#6e668f",
446
458
  "destructiveColor": "#e10000",
package/dist/esm/light.js CHANGED
@@ -52,6 +52,14 @@ export default {
52
52
  "backgroundPressed": "#b6ece3",
53
53
  "backgroundHover": "#cef3ed",
54
54
  "backgroundDefault": "#e7f9f6"
55
+ },
56
+ "destructiveTertiary": {
57
+ "backgroundDefault": "#ffffff",
58
+ "backgroundHover": "#fce6e6",
59
+ "backgroundPressed": "#f9cccc",
60
+ "backgroundDisabled": "#eeeeee",
61
+ "textColor": "#e10000",
62
+ "iconColor": "#e10000"
55
63
  }
56
64
  },
57
65
  "switches": {
@@ -138,9 +146,10 @@ export default {
138
146
  "progressBar": {
139
147
  "incompleteColor": "#e0e0e0",
140
148
  "accentColor": "#0cc1a3",
141
- "errorColor": "#870000",
142
- "successColor": "#16402b",
143
- "warningColor": "#794913"
149
+ "errorColor": "#e10000",
150
+ "successColor": "#38a06c",
151
+ "warningColor": "#c97a20",
152
+ "primaryColor": "#564d7c"
144
153
  },
145
154
  "chip": {
146
155
  "backgroundHover": "#eeeeee",
@@ -157,7 +166,8 @@ export default {
157
166
  "purple": "#cb98f5",
158
167
  "pink": "#f1abc7",
159
168
  "blue": "#b5d0ff",
160
- "cobalt": "#9bb5e2"
169
+ "cobalt": "#9bb5e2",
170
+ "grey": "#e0e0e0"
161
171
  },
162
172
  "text": {
163
173
  "turquoise": "#0a9a82",
@@ -166,7 +176,8 @@ export default {
166
176
  "purple": "#a954ef",
167
177
  "pink": "#db2c73",
168
178
  "blue": "#376ecc",
169
- "cobalt": "#366ac5"
179
+ "cobalt": "#366ac5",
180
+ "grey": "#757575"
170
181
  },
171
182
  "background": {
172
183
  "turquoise": "#e7f9f6",
@@ -175,7 +186,8 @@ export default {
175
186
  "purple": "#f6eefd",
176
187
  "pink": "#fbeaf1",
177
188
  "blue": "#ecf3ff",
178
- "cobalt": "#e6ecf8"
189
+ "cobalt": "#e6ecf8",
190
+ "grey": "#f5f5f5"
179
191
  }
180
192
  }
181
193
  },
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tenancy.nz/tokens",
3
3
  "description": "Design tokens for TPS UI — synced from Figma Token Studio, compiled with Style Dictionary.",
4
- "version": "1.8.7",
4
+ "version": "1.9.1",
5
5
  "author": "TPS <https://www.tenancy.co.nz>",
6
6
  "type": "module",
7
7
  "sideEffects": [