npm - @commercetools/nimbus-tokens - Versions diffs - 0.0.2 → 0.0.3 - Mend

@commercetools/nimbus-tokens 0.0.2 → 0.0.3

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

package/css/design-tokens.css CHANGED Viewed

@@ -1902,174 +1902,174 @@
   --color-semantic-palettes-info-alpha-dark-12: hsl(205, 100%, 88%);
   --color-semantic-palettes-info-alpha-dark-default: hsl(206, 100%, 50%);
   --color-semantic-palettes-info-alpha-dark-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-error-light-1: hsl(0, 100%, 99%);
-  --color-semantic-palettes-error-light-2: hsl(0, 100%, 98%);
-  --color-semantic-palettes-error-light-3: hsl(357, 90%, 96%);
-  --color-semantic-palettes-error-light-4: hsl(358, 100%, 93%);
-  --color-semantic-palettes-error-light-5: hsl(359, 100%, 90%);
-  --color-semantic-palettes-error-light-6: hsl(359, 94%, 87%);
-  --color-semantic-palettes-error-light-7: hsl(359, 77%, 81%);
-  --color-semantic-palettes-error-light-8: hsl(359, 70%, 74%);
-  --color-semantic-palettes-error-light-9: hsl(358, 75%, 59%);
-  --color-semantic-palettes-error-light-10: hsl(358, 69%, 55%);
-  --color-semantic-palettes-error-light-11: hsl(358, 65%, 49%);
-  --color-semantic-palettes-error-light-12: hsl(351, 63%, 24%);
-  --color-semantic-palettes-error-light-default: hsl(358, 75%, 59%);
-  --color-semantic-palettes-error-light-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-error-dark-1: hsl(0, 19%, 8%);
-  --color-semantic-palettes-error-dark-2: hsl(355, 25%, 10%);
-  --color-semantic-palettes-error-dark-3: hsl(350, 53%, 15%);
-  --color-semantic-palettes-error-dark-4: hsl(348, 68%, 19%);
-  --color-semantic-palettes-error-dark-5: hsl(350, 63%, 23%);
-  --color-semantic-palettes-error-dark-6: hsl(352, 53%, 29%);
-  --color-semantic-palettes-error-dark-7: hsl(355, 47%, 37%);
-  --color-semantic-palettes-error-dark-8: hsl(358, 45%, 49%);
-  --color-semantic-palettes-error-dark-9: hsl(358, 75%, 59%);
-  --color-semantic-palettes-error-dark-10: hsl(360, 79%, 65%);
-  --color-semantic-palettes-error-dark-11: hsl(2, 100%, 79%);
-  --color-semantic-palettes-error-dark-12: hsl(350, 100%, 91%);
-  --color-semantic-palettes-error-dark-default: hsl(358, 75%, 59%);
-  --color-semantic-palettes-error-dark-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-error-alpha-light-1: hsl(0, 100%, 99%);
-  --color-semantic-palettes-error-alpha-light-2: hsl(0, 100%, 98%);
-  --color-semantic-palettes-error-alpha-light-3: hsl(357, 90%, 96%);
-  --color-semantic-palettes-error-alpha-light-4: hsl(358, 100%, 93%);
-  --color-semantic-palettes-error-alpha-light-5: hsl(359, 100%, 90%);
-  --color-semantic-palettes-error-alpha-light-6: hsl(359, 94%, 87%);
-  --color-semantic-palettes-error-alpha-light-7: hsl(359, 77%, 81%);
-  --color-semantic-palettes-error-alpha-light-8: hsl(359, 70%, 74%);
-  --color-semantic-palettes-error-alpha-light-9: hsl(358, 75%, 59%);
-  --color-semantic-palettes-error-alpha-light-10: hsl(358, 69%, 55%);
-  --color-semantic-palettes-error-alpha-light-11: hsl(358, 65%, 49%);
-  --color-semantic-palettes-error-alpha-light-12: hsl(351, 63%, 24%);
-  --color-semantic-palettes-error-alpha-light-default: hsl(358, 75%, 59%);
-  --color-semantic-palettes-error-alpha-light-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-error-alpha-dark-1: hsl(0, 19%, 8%);
-  --color-semantic-palettes-error-alpha-dark-2: hsl(355, 25%, 10%);
-  --color-semantic-palettes-error-alpha-dark-3: hsl(350, 53%, 15%);
-  --color-semantic-palettes-error-alpha-dark-4: hsl(348, 68%, 19%);
-  --color-semantic-palettes-error-alpha-dark-5: hsl(350, 63%, 23%);
-  --color-semantic-palettes-error-alpha-dark-6: hsl(352, 53%, 29%);
-  --color-semantic-palettes-error-alpha-dark-7: hsl(355, 47%, 37%);
-  --color-semantic-palettes-error-alpha-dark-8: hsl(358, 45%, 49%);
-  --color-semantic-palettes-error-alpha-dark-9: hsl(358, 75%, 59%);
-  --color-semantic-palettes-error-alpha-dark-10: hsl(360, 79%, 65%);
-  --color-semantic-palettes-error-alpha-dark-11: hsl(2, 100%, 79%);
-  --color-semantic-palettes-error-alpha-dark-12: hsl(350, 100%, 91%);
-  --color-semantic-palettes-error-alpha-dark-default: hsl(358, 75%, 59%);
-  --color-semantic-palettes-error-alpha-dark-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-danger-light-1: hsl(20, 60%, 99%);
-  --color-semantic-palettes-danger-light-2: hsl(33, 100%, 96%);
-  --color-semantic-palettes-danger-light-3: hsl(37, 100%, 92%);
-  --color-semantic-palettes-danger-light-4: hsl(34, 100%, 85%);
-  --color-semantic-palettes-danger-light-5: hsl(33, 100%, 80%);
-  --color-semantic-palettes-danger-light-6: hsl(30, 100%, 75%);
-  --color-semantic-palettes-danger-light-7: hsl(27, 87%, 71%);
-  --color-semantic-palettes-danger-light-8: hsl(25, 80%, 63%);
-  --color-semantic-palettes-danger-light-9: hsl(23, 93%, 53%);
-  --color-semantic-palettes-danger-light-10: hsl(24, 100%, 47%);
-  --color-semantic-palettes-danger-light-11: hsl(23, 100%, 40%);
-  --color-semantic-palettes-danger-light-12: hsl(16, 50%, 23%);
-  --color-semantic-palettes-danger-light-default: hsl(23, 93%, 53%);
-  --color-semantic-palettes-danger-light-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-danger-dark-1: hsl(27, 24%, 7%);
-  --color-semantic-palettes-danger-dark-2: hsl(28, 33%, 9%);
-  --color-semantic-palettes-danger-dark-3: hsl(29, 65%, 12%);
-  --color-semantic-palettes-danger-dark-4: hsl(28, 100%, 14%);
-  --color-semantic-palettes-danger-dark-5: hsl(28, 100%, 17%);
-  --color-semantic-palettes-danger-dark-6: hsl(27, 79%, 22%);
-  --color-semantic-palettes-danger-dark-7: hsl(25, 63%, 30%);
-  --color-semantic-palettes-danger-dark-8: hsl(23, 60%, 40%);
-  --color-semantic-palettes-danger-dark-9: hsl(23, 93%, 53%);
-  --color-semantic-palettes-danger-dark-10: hsl(26, 100%, 56%);
-  --color-semantic-palettes-danger-dark-11: hsl(26, 100%, 67%);
-  --color-semantic-palettes-danger-dark-12: hsl(30, 100%, 88%);
-  --color-semantic-palettes-danger-dark-default: hsl(23, 93%, 53%);
-  --color-semantic-palettes-danger-dark-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-danger-alpha-light-1: hsl(20, 60%, 99%);
-  --color-semantic-palettes-danger-alpha-light-2: hsl(33, 100%, 96%);
-  --color-semantic-palettes-danger-alpha-light-3: hsl(37, 100%, 92%);
-  --color-semantic-palettes-danger-alpha-light-4: hsl(34, 100%, 85%);
-  --color-semantic-palettes-danger-alpha-light-5: hsl(33, 100%, 80%);
-  --color-semantic-palettes-danger-alpha-light-6: hsl(30, 100%, 75%);
-  --color-semantic-palettes-danger-alpha-light-7: hsl(27, 87%, 71%);
-  --color-semantic-palettes-danger-alpha-light-8: hsl(25, 80%, 63%);
-  --color-semantic-palettes-danger-alpha-light-9: hsl(23, 93%, 53%);
-  --color-semantic-palettes-danger-alpha-light-10: hsl(24, 100%, 47%);
-  --color-semantic-palettes-danger-alpha-light-11: hsl(23, 100%, 40%);
-  --color-semantic-palettes-danger-alpha-light-12: hsl(16, 50%, 23%);
-  --color-semantic-palettes-danger-alpha-light-default: hsl(23, 93%, 53%);
-  --color-semantic-palettes-danger-alpha-light-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-danger-alpha-dark-1: hsl(27, 24%, 7%);
-  --color-semantic-palettes-danger-alpha-dark-2: hsl(28, 33%, 9%);
-  --color-semantic-palettes-danger-alpha-dark-3: hsl(29, 65%, 12%);
-  --color-semantic-palettes-danger-alpha-dark-4: hsl(28, 100%, 14%);
-  --color-semantic-palettes-danger-alpha-dark-5: hsl(28, 100%, 17%);
-  --color-semantic-palettes-danger-alpha-dark-6: hsl(27, 79%, 22%);
-  --color-semantic-palettes-danger-alpha-dark-7: hsl(25, 63%, 30%);
-  --color-semantic-palettes-danger-alpha-dark-8: hsl(23, 60%, 40%);
-  --color-semantic-palettes-danger-alpha-dark-9: hsl(23, 93%, 53%);
-  --color-semantic-palettes-danger-alpha-dark-10: hsl(26, 100%, 56%);
-  --color-semantic-palettes-danger-alpha-dark-11: hsl(26, 100%, 67%);
-  --color-semantic-palettes-danger-alpha-dark-12: hsl(30, 100%, 88%);
-  --color-semantic-palettes-danger-alpha-dark-default: hsl(23, 93%, 53%);
-  --color-semantic-palettes-danger-alpha-dark-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-success-light-1: hsl(120, 60%, 99%);
-  --color-semantic-palettes-success-light-2: hsl(120, 43%, 97%);
-  --color-semantic-palettes-success-light-3: hsl(120, 42%, 94%);
-  --color-semantic-palettes-success-light-4: hsl(123, 45%, 90%);
-  --color-semantic-palettes-success-light-5: hsl(122, 40%, 85%);
-  --color-semantic-palettes-success-light-6: hsl(124, 39%, 78%);
-  --color-semantic-palettes-success-light-7: hsl(126, 37%, 69%);
-  --color-semantic-palettes-success-light-8: hsl(131, 38%, 56%);
-  --color-semantic-palettes-success-light-9: hsl(131, 41%, 46%);
-  --color-semantic-palettes-success-light-10: hsl(131, 43%, 43%);
-  --color-semantic-palettes-success-light-11: hsl(132, 50%, 33%);
-  --color-semantic-palettes-success-light-12: hsl(131, 30%, 18%);
-  --color-semantic-palettes-success-light-default: hsl(131, 41%, 46%);
-  --color-semantic-palettes-success-light-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-success-dark-1: hsl(146, 20%, 7%);
-  --color-semantic-palettes-success-dark-2: hsl(130, 13%, 9%);
-  --color-semantic-palettes-success-dark-3: hsl(132, 22%, 14%);
-  --color-semantic-palettes-success-dark-4: hsl(134, 33%, 17%);
-  --color-semantic-palettes-success-dark-5: hsl(134, 32%, 21%);
-  --color-semantic-palettes-success-dark-6: hsl(133, 32%, 26%);
-  --color-semantic-palettes-success-dark-7: hsl(132, 31%, 31%);
-  --color-semantic-palettes-success-dark-8: hsl(131, 32%, 36%);
-  --color-semantic-palettes-success-dark-9: hsl(131, 41%, 46%);
-  --color-semantic-palettes-success-dark-10: hsl(131, 39%, 51%);
-  --color-semantic-palettes-success-dark-11: hsl(131, 50%, 63%);
-  --color-semantic-palettes-success-dark-12: hsl(120, 61%, 85%);
-  --color-semantic-palettes-success-dark-default: hsl(131, 41%, 46%);
-  --color-semantic-palettes-success-dark-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-success-alpha-light-1: hsl(120, 60%, 99%);
-  --color-semantic-palettes-success-alpha-light-2: hsl(120, 43%, 97%);
-  --color-semantic-palettes-success-alpha-light-3: hsl(120, 42%, 94%);
-  --color-semantic-palettes-success-alpha-light-4: hsl(123, 45%, 90%);
-  --color-semantic-palettes-success-alpha-light-5: hsl(122, 40%, 85%);
-  --color-semantic-palettes-success-alpha-light-6: hsl(124, 39%, 78%);
-  --color-semantic-palettes-success-alpha-light-7: hsl(126, 37%, 69%);
-  --color-semantic-palettes-success-alpha-light-8: hsl(131, 38%, 56%);
-  --color-semantic-palettes-success-alpha-light-9: hsl(131, 41%, 46%);
-  --color-semantic-palettes-success-alpha-light-10: hsl(131, 43%, 43%);
-  --color-semantic-palettes-success-alpha-light-11: hsl(132, 50%, 33%);
-  --color-semantic-palettes-success-alpha-light-12: hsl(131, 30%, 18%);
-  --color-semantic-palettes-success-alpha-light-default: hsl(131, 41%, 46%);
-  --color-semantic-palettes-success-alpha-light-contrast: hsl(0, 0%, 100%);
-  --color-semantic-palettes-success-alpha-dark-1: hsl(146, 20%, 7%);
-  --color-semantic-palettes-success-alpha-dark-2: hsl(130, 13%, 9%);
-  --color-semantic-palettes-success-alpha-dark-3: hsl(132, 22%, 14%);
-  --color-semantic-palettes-success-alpha-dark-4: hsl(134, 33%, 17%);
-  --color-semantic-palettes-success-alpha-dark-5: hsl(134, 32%, 21%);
-  --color-semantic-palettes-success-alpha-dark-6: hsl(133, 32%, 26%);
-  --color-semantic-palettes-success-alpha-dark-7: hsl(132, 31%, 31%);
-  --color-semantic-palettes-success-alpha-dark-8: hsl(131, 32%, 36%);
-  --color-semantic-palettes-success-alpha-dark-9: hsl(131, 41%, 46%);
-  --color-semantic-palettes-success-alpha-dark-10: hsl(131, 39%, 51%);
-  --color-semantic-palettes-success-alpha-dark-11: hsl(131, 50%, 63%);
-  --color-semantic-palettes-success-alpha-dark-12: hsl(120, 61%, 85%);
-  --color-semantic-palettes-success-alpha-dark-default: hsl(131, 41%, 46%);
-  --color-semantic-palettes-success-alpha-dark-contrast: hsl(0, 0%, 100%);
+  --color-semantic-palettes-critical-light-1: hsl(0, 100%, 99%);
+  --color-semantic-palettes-critical-light-2: hsl(0, 100%, 98%);
+  --color-semantic-palettes-critical-light-3: hsl(357, 90%, 96%);
+  --color-semantic-palettes-critical-light-4: hsl(358, 100%, 93%);
+  --color-semantic-palettes-critical-light-5: hsl(359, 100%, 90%);
+  --color-semantic-palettes-critical-light-6: hsl(359, 94%, 87%);
+  --color-semantic-palettes-critical-light-7: hsl(359, 77%, 81%);
+  --color-semantic-palettes-critical-light-8: hsl(359, 70%, 74%);
+  --color-semantic-palettes-critical-light-9: hsl(358, 75%, 59%);
+  --color-semantic-palettes-critical-light-10: hsl(358, 69%, 55%);
+  --color-semantic-palettes-critical-light-11: hsl(358, 65%, 49%);
+  --color-semantic-palettes-critical-light-12: hsl(351, 63%, 24%);
+  --color-semantic-palettes-critical-light-default: hsl(358, 75%, 59%);
+  --color-semantic-palettes-critical-light-contrast: hsl(0, 0%, 100%);
+  --color-semantic-palettes-critical-dark-1: hsl(0, 19%, 8%);
+  --color-semantic-palettes-critical-dark-2: hsl(355, 25%, 10%);
+  --color-semantic-palettes-critical-dark-3: hsl(350, 53%, 15%);
+  --color-semantic-palettes-critical-dark-4: hsl(348, 68%, 19%);
+  --color-semantic-palettes-critical-dark-5: hsl(350, 63%, 23%);
+  --color-semantic-palettes-critical-dark-6: hsl(352, 53%, 29%);
+  --color-semantic-palettes-critical-dark-7: hsl(355, 47%, 37%);
+  --color-semantic-palettes-critical-dark-8: hsl(358, 45%, 49%);
+  --color-semantic-palettes-critical-dark-9: hsl(358, 75%, 59%);
+  --color-semantic-palettes-critical-dark-10: hsl(360, 79%, 65%);
+  --color-semantic-palettes-critical-dark-11: hsl(2, 100%, 79%);
+  --color-semantic-palettes-critical-dark-12: hsl(350, 100%, 91%);
+  --color-semantic-palettes-critical-dark-default: hsl(358, 75%, 59%);
+  --color-semantic-palettes-critical-dark-contrast: hsl(0, 0%, 100%);
+  --color-semantic-palettes-critical-alpha-light-1: hsl(0, 100%, 99%);
+  --color-semantic-palettes-critical-alpha-light-2: hsl(0, 100%, 98%);
+  --color-semantic-palettes-critical-alpha-light-3: hsl(357, 90%, 96%);
+  --color-semantic-palettes-critical-alpha-light-4: hsl(358, 100%, 93%);
+  --color-semantic-palettes-critical-alpha-light-5: hsl(359, 100%, 90%);
+  --color-semantic-palettes-critical-alpha-light-6: hsl(359, 94%, 87%);
+  --color-semantic-palettes-critical-alpha-light-7: hsl(359, 77%, 81%);
+  --color-semantic-palettes-critical-alpha-light-8: hsl(359, 70%, 74%);
+  --color-semantic-palettes-critical-alpha-light-9: hsl(358, 75%, 59%);
+  --color-semantic-palettes-critical-alpha-light-10: hsl(358, 69%, 55%);
+  --color-semantic-palettes-critical-alpha-light-11: hsl(358, 65%, 49%);
+  --color-semantic-palettes-critical-alpha-light-12: hsl(351, 63%, 24%);
+  --color-semantic-palettes-critical-alpha-light-default: hsl(358, 75%, 59%);
+  --color-semantic-palettes-critical-alpha-light-contrast: hsl(0, 0%, 100%);
+  --color-semantic-palettes-critical-alpha-dark-1: hsl(0, 19%, 8%);
+  --color-semantic-palettes-critical-alpha-dark-2: hsl(355, 25%, 10%);
+  --color-semantic-palettes-critical-alpha-dark-3: hsl(350, 53%, 15%);
+  --color-semantic-palettes-critical-alpha-dark-4: hsl(348, 68%, 19%);
+  --color-semantic-palettes-critical-alpha-dark-5: hsl(350, 63%, 23%);
+  --color-semantic-palettes-critical-alpha-dark-6: hsl(352, 53%, 29%);
+  --color-semantic-palettes-critical-alpha-dark-7: hsl(355, 47%, 37%);
+  --color-semantic-palettes-critical-alpha-dark-8: hsl(358, 45%, 49%);
+  --color-semantic-palettes-critical-alpha-dark-9: hsl(358, 75%, 59%);
+  --color-semantic-palettes-critical-alpha-dark-10: hsl(360, 79%, 65%);
+  --color-semantic-palettes-critical-alpha-dark-11: hsl(2, 100%, 79%);
+  --color-semantic-palettes-critical-alpha-dark-12: hsl(350, 100%, 91%);
+  --color-semantic-palettes-critical-alpha-dark-default: hsl(358, 75%, 59%);
+  --color-semantic-palettes-critical-alpha-dark-contrast: hsl(0, 0%, 100%);
+  --color-semantic-palettes-warning-light-1: hsl(40, 60%, 99%);
+  --color-semantic-palettes-warning-light-2: hsl(51, 91%, 95%);
+  --color-semantic-palettes-warning-light-3: hsl(52, 100%, 88%);
+  --color-semantic-palettes-warning-light-4: hsl(50, 100%, 81%);
+  --color-semantic-palettes-warning-light-5: hsl(50, 94%, 73%);
+  --color-semantic-palettes-warning-light-6: hsl(46, 84%, 70%);
+  --color-semantic-palettes-warning-light-7: hsl(42, 75%, 65%);
+  --color-semantic-palettes-warning-light-8: hsl(38, 75%, 55%);
+  --color-semantic-palettes-warning-light-9: hsl(42, 100%, 62%);
+  --color-semantic-palettes-warning-light-10: hsl(42, 100%, 55%);
+  --color-semantic-palettes-warning-light-11: hsl(35, 100%, 34%);
+  --color-semantic-palettes-warning-light-12: hsl(24, 40%, 22%);
+  --color-semantic-palettes-warning-light-default: hsl(42, 100%, 62%);
+  --color-semantic-palettes-warning-light-contrast: hsl(0, 0%, 0%);
+  --color-semantic-palettes-warning-dark-1: hsl(36, 29%, 7%);
+  --color-semantic-palettes-warning-dark-2: hsl(39, 32%, 9%);
+  --color-semantic-palettes-warning-dark-3: hsl(36, 71%, 11%);
+  --color-semantic-palettes-warning-dark-4: hsl(37, 100%, 12%);
+  --color-semantic-palettes-warning-dark-5: hsl(37, 100%, 15%);
+  --color-semantic-palettes-warning-dark-6: hsl(39, 90%, 19%);
+  --color-semantic-palettes-warning-dark-7: hsl(37, 64%, 27%);
+  --color-semantic-palettes-warning-dark-8: hsl(36, 60%, 35%);
+  --color-semantic-palettes-warning-dark-9: hsl(42, 100%, 62%);
+  --color-semantic-palettes-warning-dark-10: hsl(50, 100%, 52%);
+  --color-semantic-palettes-warning-dark-11: hsl(46, 100%, 54%);
+  --color-semantic-palettes-warning-dark-12: hsl(41, 100%, 85%);
+  --color-semantic-palettes-warning-dark-default: hsl(42, 100%, 62%);
+  --color-semantic-palettes-warning-dark-contrast: hsl(0, 0%, 0%);
+  --color-semantic-palettes-warning-alpha-light-1: hsl(40, 60%, 99%);
+  --color-semantic-palettes-warning-alpha-light-2: hsl(51, 91%, 95%);
+  --color-semantic-palettes-warning-alpha-light-3: hsl(52, 100%, 88%);
+  --color-semantic-palettes-warning-alpha-light-4: hsl(50, 100%, 81%);
+  --color-semantic-palettes-warning-alpha-light-5: hsl(50, 94%, 73%);
+  --color-semantic-palettes-warning-alpha-light-6: hsl(46, 84%, 70%);
+  --color-semantic-palettes-warning-alpha-light-7: hsl(42, 75%, 65%);
+  --color-semantic-palettes-warning-alpha-light-8: hsl(38, 75%, 55%);
+  --color-semantic-palettes-warning-alpha-light-9: hsl(42, 100%, 62%);
+  --color-semantic-palettes-warning-alpha-light-10: hsl(42, 100%, 55%);
+  --color-semantic-palettes-warning-alpha-light-11: hsl(35, 100%, 34%);
+  --color-semantic-palettes-warning-alpha-light-12: hsl(24, 40%, 22%);
+  --color-semantic-palettes-warning-alpha-light-default: hsl(42, 100%, 62%);
+  --color-semantic-palettes-warning-alpha-light-contrast: hsl(0, 0%, 0%);
+  --color-semantic-palettes-warning-alpha-dark-1: hsl(36, 29%, 7%);
+  --color-semantic-palettes-warning-alpha-dark-2: hsl(39, 32%, 9%);
+  --color-semantic-palettes-warning-alpha-dark-3: hsl(36, 71%, 11%);
+  --color-semantic-palettes-warning-alpha-dark-4: hsl(37, 100%, 12%);
+  --color-semantic-palettes-warning-alpha-dark-5: hsl(37, 100%, 15%);
+  --color-semantic-palettes-warning-alpha-dark-6: hsl(39, 90%, 19%);
+  --color-semantic-palettes-warning-alpha-dark-7: hsl(37, 64%, 27%);
+  --color-semantic-palettes-warning-alpha-dark-8: hsl(36, 60%, 35%);
+  --color-semantic-palettes-warning-alpha-dark-9: hsl(42, 100%, 62%);
+  --color-semantic-palettes-warning-alpha-dark-10: hsl(50, 100%, 52%);
+  --color-semantic-palettes-warning-alpha-dark-11: hsl(46, 100%, 54%);
+  --color-semantic-palettes-warning-alpha-dark-12: hsl(41, 100%, 85%);
+  --color-semantic-palettes-warning-alpha-dark-default: hsl(42, 100%, 62%);
+  --color-semantic-palettes-warning-alpha-dark-contrast: hsl(0, 0%, 0%);
+  --color-semantic-palettes-positive-light-1: hsl(120, 60%, 99%);
+  --color-semantic-palettes-positive-light-2: hsl(120, 43%, 97%);
+  --color-semantic-palettes-positive-light-3: hsl(120, 42%, 94%);
+  --color-semantic-palettes-positive-light-4: hsl(123, 45%, 90%);
+  --color-semantic-palettes-positive-light-5: hsl(122, 40%, 85%);
+  --color-semantic-palettes-positive-light-6: hsl(124, 39%, 78%);
+  --color-semantic-palettes-positive-light-7: hsl(126, 37%, 69%);
+  --color-semantic-palettes-positive-light-8: hsl(131, 38%, 56%);
+  --color-semantic-palettes-positive-light-9: hsl(131, 41%, 46%);
+  --color-semantic-palettes-positive-light-10: hsl(131, 43%, 43%);
+  --color-semantic-palettes-positive-light-11: hsl(132, 50%, 33%);
+  --color-semantic-palettes-positive-light-12: hsl(131, 30%, 18%);
+  --color-semantic-palettes-positive-light-default: hsl(131, 41%, 46%);
+  --color-semantic-palettes-positive-light-contrast: hsl(0, 0%, 100%);
+  --color-semantic-palettes-positive-dark-1: hsl(146, 20%, 7%);
+  --color-semantic-palettes-positive-dark-2: hsl(130, 13%, 9%);
+  --color-semantic-palettes-positive-dark-3: hsl(132, 22%, 14%);
+  --color-semantic-palettes-positive-dark-4: hsl(134, 33%, 17%);
+  --color-semantic-palettes-positive-dark-5: hsl(134, 32%, 21%);
+  --color-semantic-palettes-positive-dark-6: hsl(133, 32%, 26%);
+  --color-semantic-palettes-positive-dark-7: hsl(132, 31%, 31%);
+  --color-semantic-palettes-positive-dark-8: hsl(131, 32%, 36%);
+  --color-semantic-palettes-positive-dark-9: hsl(131, 41%, 46%);
+  --color-semantic-palettes-positive-dark-10: hsl(131, 39%, 51%);
+  --color-semantic-palettes-positive-dark-11: hsl(131, 50%, 63%);
+  --color-semantic-palettes-positive-dark-12: hsl(120, 61%, 85%);
+  --color-semantic-palettes-positive-dark-default: hsl(131, 41%, 46%);
+  --color-semantic-palettes-positive-dark-contrast: hsl(0, 0%, 100%);
+  --color-semantic-palettes-positive-alpha-light-1: hsl(120, 60%, 99%);
+  --color-semantic-palettes-positive-alpha-light-2: hsl(120, 43%, 97%);
+  --color-semantic-palettes-positive-alpha-light-3: hsl(120, 42%, 94%);
+  --color-semantic-palettes-positive-alpha-light-4: hsl(123, 45%, 90%);
+  --color-semantic-palettes-positive-alpha-light-5: hsl(122, 40%, 85%);
+  --color-semantic-palettes-positive-alpha-light-6: hsl(124, 39%, 78%);
+  --color-semantic-palettes-positive-alpha-light-7: hsl(126, 37%, 69%);
+  --color-semantic-palettes-positive-alpha-light-8: hsl(131, 38%, 56%);
+  --color-semantic-palettes-positive-alpha-light-9: hsl(131, 41%, 46%);
+  --color-semantic-palettes-positive-alpha-light-10: hsl(131, 43%, 43%);
+  --color-semantic-palettes-positive-alpha-light-11: hsl(132, 50%, 33%);
+  --color-semantic-palettes-positive-alpha-light-12: hsl(131, 30%, 18%);
+  --color-semantic-palettes-positive-alpha-light-default: hsl(131, 41%, 46%);
+  --color-semantic-palettes-positive-alpha-light-contrast: hsl(0, 0%, 100%);
+  --color-semantic-palettes-positive-alpha-dark-1: hsl(146, 20%, 7%);
+  --color-semantic-palettes-positive-alpha-dark-2: hsl(130, 13%, 9%);
+  --color-semantic-palettes-positive-alpha-dark-3: hsl(132, 22%, 14%);
+  --color-semantic-palettes-positive-alpha-dark-4: hsl(134, 33%, 17%);
+  --color-semantic-palettes-positive-alpha-dark-5: hsl(134, 32%, 21%);
+  --color-semantic-palettes-positive-alpha-dark-6: hsl(133, 32%, 26%);
+  --color-semantic-palettes-positive-alpha-dark-7: hsl(132, 31%, 31%);
+  --color-semantic-palettes-positive-alpha-dark-8: hsl(131, 32%, 36%);
+  --color-semantic-palettes-positive-alpha-dark-9: hsl(131, 41%, 46%);
+  --color-semantic-palettes-positive-alpha-dark-10: hsl(131, 39%, 51%);
+  --color-semantic-palettes-positive-alpha-dark-11: hsl(131, 50%, 63%);
+  --color-semantic-palettes-positive-alpha-dark-12: hsl(120, 61%, 85%);
+  --color-semantic-palettes-positive-alpha-dark-default: hsl(131, 41%, 46%);
+  --color-semantic-palettes-positive-alpha-dark-contrast: hsl(0, 0%, 100%);
   --font-family-heading: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   --font-family-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   --font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

package/dist/declarations/src/generated/chakra/theme-tokens.d.ts CHANGED Viewed

@@ -5872,7 +5872,7 @@ declare const _default: {
                     };
                 };
             };
-            readonly error: {
+            readonly critical: {
                 readonly "1": {
                     readonly value: {
                         readonly _light: "hsl(0, 100%, 99%)";
@@ -5958,7 +5958,7 @@ declare const _default: {
                     };
                 };
             };
-            readonly errorAlpha: {
+            readonly criticalAlpha: {
                 readonly "1": {
                     readonly value: {
                         readonly _light: "hsl(0, 100%, 99%)";
@@ -6044,179 +6044,179 @@ declare const _default: {
                     };
                 };
             };
-            readonly danger: {
+            readonly warning: {
                 readonly "1": {
                     readonly value: {
-                        readonly _light: "hsl(20, 60%, 99%)";
-                        readonly _dark: "hsl(27, 24%, 7%)";
+                        readonly _light: "hsl(40, 60%, 99%)";
+                        readonly _dark: "hsl(36, 29%, 7%)";
                     };
                 };
                 readonly "2": {
                     readonly value: {
-                        readonly _light: "hsl(33, 100%, 96%)";
-                        readonly _dark: "hsl(28, 33%, 9%)";
+                        readonly _light: "hsl(51, 91%, 95%)";
+                        readonly _dark: "hsl(39, 32%, 9%)";
                     };
                 };
                 readonly "3": {
                     readonly value: {
-                        readonly _light: "hsl(37, 100%, 92%)";
-                        readonly _dark: "hsl(29, 65%, 12%)";
+                        readonly _light: "hsl(52, 100%, 88%)";
+                        readonly _dark: "hsl(36, 71%, 11%)";
                     };
                 };
                 readonly "4": {
                     readonly value: {
-                        readonly _light: "hsl(34, 100%, 85%)";
-                        readonly _dark: "hsl(28, 100%, 14%)";
+                        readonly _light: "hsl(50, 100%, 81%)";
+                        readonly _dark: "hsl(37, 100%, 12%)";
                     };
                 };
                 readonly "5": {
                     readonly value: {
-                        readonly _light: "hsl(33, 100%, 80%)";
-                        readonly _dark: "hsl(28, 100%, 17%)";
+                        readonly _light: "hsl(50, 94%, 73%)";
+                        readonly _dark: "hsl(37, 100%, 15%)";
                     };
                 };
                 readonly "6": {
                     readonly value: {
-                        readonly _light: "hsl(30, 100%, 75%)";
-                        readonly _dark: "hsl(27, 79%, 22%)";
+                        readonly _light: "hsl(46, 84%, 70%)";
+                        readonly _dark: "hsl(39, 90%, 19%)";
                     };
                 };
                 readonly "7": {
                     readonly value: {
-                        readonly _light: "hsl(27, 87%, 71%)";
-                        readonly _dark: "hsl(25, 63%, 30%)";
+                        readonly _light: "hsl(42, 75%, 65%)";
+                        readonly _dark: "hsl(37, 64%, 27%)";
                     };
                 };
                 readonly "8": {
                     readonly value: {
-                        readonly _light: "hsl(25, 80%, 63%)";
-                        readonly _dark: "hsl(23, 60%, 40%)";
+                        readonly _light: "hsl(38, 75%, 55%)";
+                        readonly _dark: "hsl(36, 60%, 35%)";
                     };
                 };
                 readonly "9": {
                     readonly value: {
-                        readonly _light: "hsl(23, 93%, 53%)";
-                        readonly _dark: "hsl(23, 93%, 53%)";
+                        readonly _light: "hsl(42, 100%, 62%)";
+                        readonly _dark: "hsl(42, 100%, 62%)";
                     };
                 };
                 readonly "10": {
                     readonly value: {
-                        readonly _light: "hsl(24, 100%, 47%)";
-                        readonly _dark: "hsl(26, 100%, 56%)";
+                        readonly _light: "hsl(42, 100%, 55%)";
+                        readonly _dark: "hsl(50, 100%, 52%)";
                     };
                 };
                 readonly "11": {
                     readonly value: {
-                        readonly _light: "hsl(23, 100%, 40%)";
-                        readonly _dark: "hsl(26, 100%, 67%)";
+                        readonly _light: "hsl(35, 100%, 34%)";
+                        readonly _dark: "hsl(46, 100%, 54%)";
                     };
                 };
                 readonly "12": {
                     readonly value: {
-                        readonly _light: "hsl(16, 50%, 23%)";
-                        readonly _dark: "hsl(30, 100%, 88%)";
+                        readonly _light: "hsl(24, 40%, 22%)";
+                        readonly _dark: "hsl(41, 100%, 85%)";
                     };
                 };
                 readonly DEFAULT: {
                     readonly value: {
-                        readonly _light: "hsl(23, 93%, 53%)";
-                        readonly _dark: "hsl(23, 93%, 53%)";
+                        readonly _light: "hsl(42, 100%, 62%)";
+                        readonly _dark: "hsl(42, 100%, 62%)";
                     };
                 };
                 readonly contrast: {
                     readonly value: {
-                        readonly _light: "hsl(0, 0%, 100%)";
-                        readonly _dark: "hsl(0, 0%, 100%)";
+                        readonly _light: "hsl(0, 0%, 0%)";
+                        readonly _dark: "hsl(0, 0%, 0%)";
                     };
                 };
             };
-            readonly dangerAlpha: {
+            readonly warningAlpha: {
                 readonly "1": {
                     readonly value: {
-                        readonly _light: "hsl(20, 60%, 99%)";
-                        readonly _dark: "hsl(27, 24%, 7%)";
+                        readonly _light: "hsl(40, 60%, 99%)";
+                        readonly _dark: "hsl(36, 29%, 7%)";
                     };
                 };
                 readonly "2": {
                     readonly value: {
-                        readonly _light: "hsl(33, 100%, 96%)";
-                        readonly _dark: "hsl(28, 33%, 9%)";
+                        readonly _light: "hsl(51, 91%, 95%)";
+                        readonly _dark: "hsl(39, 32%, 9%)";
                     };
                 };
                 readonly "3": {
                     readonly value: {
-                        readonly _light: "hsl(37, 100%, 92%)";
-                        readonly _dark: "hsl(29, 65%, 12%)";
+                        readonly _light: "hsl(52, 100%, 88%)";
+                        readonly _dark: "hsl(36, 71%, 11%)";
                     };
                 };
                 readonly "4": {
                     readonly value: {
-                        readonly _light: "hsl(34, 100%, 85%)";
-                        readonly _dark: "hsl(28, 100%, 14%)";
+                        readonly _light: "hsl(50, 100%, 81%)";
+                        readonly _dark: "hsl(37, 100%, 12%)";
                     };
                 };
                 readonly "5": {
                     readonly value: {
-                        readonly _light: "hsl(33, 100%, 80%)";
-                        readonly _dark: "hsl(28, 100%, 17%)";
+                        readonly _light: "hsl(50, 94%, 73%)";
+                        readonly _dark: "hsl(37, 100%, 15%)";
                     };
                 };
                 readonly "6": {
                     readonly value: {
-                        readonly _light: "hsl(30, 100%, 75%)";
-                        readonly _dark: "hsl(27, 79%, 22%)";
+                        readonly _light: "hsl(46, 84%, 70%)";
+                        readonly _dark: "hsl(39, 90%, 19%)";
                     };
                 };
                 readonly "7": {
                     readonly value: {
-                        readonly _light: "hsl(27, 87%, 71%)";
-                        readonly _dark: "hsl(25, 63%, 30%)";
+                        readonly _light: "hsl(42, 75%, 65%)";
+                        readonly _dark: "hsl(37, 64%, 27%)";
                     };
                 };
                 readonly "8": {
                     readonly value: {
-                        readonly _light: "hsl(25, 80%, 63%)";
-                        readonly _dark: "hsl(23, 60%, 40%)";
+                        readonly _light: "hsl(38, 75%, 55%)";
+                        readonly _dark: "hsl(36, 60%, 35%)";
                     };
                 };
                 readonly "9": {
                     readonly value: {
-                        readonly _light: "hsl(23, 93%, 53%)";
-                        readonly _dark: "hsl(23, 93%, 53%)";
+                        readonly _light: "hsl(42, 100%, 62%)";
+                        readonly _dark: "hsl(42, 100%, 62%)";
                     };
                 };
                 readonly "10": {
                     readonly value: {
-                        readonly _light: "hsl(24, 100%, 47%)";
-                        readonly _dark: "hsl(26, 100%, 56%)";
+                        readonly _light: "hsl(42, 100%, 55%)";
+                        readonly _dark: "hsl(50, 100%, 52%)";
                     };
                 };
                 readonly "11": {
                     readonly value: {
-                        readonly _light: "hsl(23, 100%, 40%)";
-                        readonly _dark: "hsl(26, 100%, 67%)";
+                        readonly _light: "hsl(35, 100%, 34%)";
+                        readonly _dark: "hsl(46, 100%, 54%)";
                     };
                 };
                 readonly "12": {
                     readonly value: {
-                        readonly _light: "hsl(16, 50%, 23%)";
-                        readonly _dark: "hsl(30, 100%, 88%)";
+                        readonly _light: "hsl(24, 40%, 22%)";
+                        readonly _dark: "hsl(41, 100%, 85%)";
                     };
                 };
                 readonly DEFAULT: {
                     readonly value: {
-                        readonly _light: "hsl(23, 93%, 53%)";
-                        readonly _dark: "hsl(23, 93%, 53%)";
+                        readonly _light: "hsl(42, 100%, 62%)";
+                        readonly _dark: "hsl(42, 100%, 62%)";
                     };
                 };
                 readonly contrast: {
                     readonly value: {
-                        readonly _light: "hsl(0, 0%, 100%)";
-                        readonly _dark: "hsl(0, 0%, 100%)";
+                        readonly _light: "hsl(0, 0%, 0%)";
+                        readonly _dark: "hsl(0, 0%, 0%)";
                     };
                 };
             };
-            readonly success: {
+            readonly positive: {
                 readonly "1": {
                     readonly value: {
                         readonly _light: "hsl(120, 60%, 99%)";
@@ -6302,7 +6302,7 @@ declare const _default: {
                     };
                 };
             };
-            readonly successAlpha: {
+            readonly positiveAlpha: {
                 readonly "1": {
                     readonly value: {
                         readonly _light: "hsl(120, 60%, 99%)";