@nswds/tokens 2.3.0 → 2.4.0

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 (119) hide show
  1. package/dist/css/colors/global/hex.css +192 -0
  2. package/dist/css/colors/global/hsl.css +192 -0
  3. package/dist/css/colors/global/oklch.css +192 -0
  4. package/dist/css/colors/global/rgb.css +192 -0
  5. package/dist/css/colors/themes/masterbrand/hex.css +2 -0
  6. package/dist/css/colors/themes/masterbrand/hsl.css +2 -0
  7. package/dist/css/colors/themes/masterbrand/oklch.css +2 -0
  8. package/dist/css/colors/themes/masterbrand/rgb.css +2 -0
  9. package/dist/index.js +1873 -1247
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.mjs +1873 -1247
  12. package/dist/index.mjs.map +1 -1
  13. package/dist/js/colors/global/hex.js +210 -0
  14. package/dist/js/colors/global/hsl.js +210 -0
  15. package/dist/js/colors/global/oklch.js +210 -0
  16. package/dist/js/colors/global/rgb.js +210 -0
  17. package/dist/js/colors/themes/masterbrand/hex.js +72 -0
  18. package/dist/js/colors/themes/masterbrand/hsl.js +72 -0
  19. package/dist/js/colors/themes/masterbrand/oklch.js +72 -0
  20. package/dist/js/colors/themes/masterbrand/rgb.js +72 -0
  21. package/dist/json/colors/global/hex.json +1 -0
  22. package/dist/json/colors/global/hsl.json +1 -0
  23. package/dist/json/colors/global/oklch.json +1 -0
  24. package/dist/json/colors/global/rgb.json +1 -0
  25. package/dist/json/colors/themes/masterbrand/hex.json +1 -0
  26. package/dist/json/colors/themes/masterbrand/hsl.json +1 -0
  27. package/dist/json/colors/themes/masterbrand/oklch.json +1 -0
  28. package/dist/json/colors/themes/masterbrand/rgb.json +1 -0
  29. package/dist/less/colors/global/hex.less +0 -0
  30. package/dist/less/colors/global/hsl.less +0 -0
  31. package/dist/less/colors/global/oklch.less +0 -0
  32. package/dist/less/colors/global/rgb.less +0 -0
  33. package/dist/less/colors/themes/masterbrand/hex.less +0 -0
  34. package/dist/less/colors/themes/masterbrand/hsl.less +0 -0
  35. package/dist/less/colors/themes/masterbrand/oklch.less +0 -0
  36. package/dist/less/colors/themes/masterbrand/rgb.less +0 -0
  37. package/dist/scss/colors/global/hex.scss +190 -0
  38. package/dist/scss/colors/global/hsl.scss +190 -0
  39. package/dist/scss/colors/global/oklch.scss +190 -0
  40. package/dist/scss/colors/global/rgb.scss +190 -0
  41. package/dist/scss/colors/themes/masterbrand/hex.scss +56 -0
  42. package/dist/scss/colors/themes/masterbrand/hsl.scss +56 -0
  43. package/dist/scss/colors/themes/masterbrand/oklch.scss +56 -0
  44. package/dist/scss/colors/themes/masterbrand/rgb.scss +56 -0
  45. package/dist/tailwind/colors/global/hex.css +192 -0
  46. package/dist/tailwind/colors/global/hsl.css +192 -0
  47. package/dist/tailwind/colors/global/oklch.css +192 -0
  48. package/dist/tailwind/colors/global/rgb.css +192 -0
  49. package/dist/tailwind/colors/themes/masterbrand/hex.css +58 -0
  50. package/dist/tailwind/colors/themes/masterbrand/hsl.css +58 -0
  51. package/dist/tailwind/colors/themes/masterbrand/oklch.css +58 -0
  52. package/dist/tailwind/colors/themes/masterbrand/rgb.css +58 -0
  53. package/dist/ts/colors/global/hex.ts +210 -0
  54. package/dist/ts/colors/global/hsl.ts +210 -0
  55. package/dist/ts/colors/global/oklch.ts +210 -0
  56. package/dist/ts/colors/global/rgb.ts +210 -0
  57. package/dist/ts/colors/themes/masterbrand/hex.ts +72 -0
  58. package/dist/ts/colors/themes/masterbrand/hsl.ts +72 -0
  59. package/dist/ts/colors/themes/masterbrand/oklch.ts +72 -0
  60. package/dist/ts/colors/themes/masterbrand/rgb.ts +72 -0
  61. package/package.json +10 -4
  62. package/src/css/colors/global/hex.css +192 -0
  63. package/src/css/colors/global/hsl.css +192 -0
  64. package/src/css/colors/global/oklch.css +192 -0
  65. package/src/css/colors/global/rgb.css +192 -0
  66. package/src/css/colors/themes/masterbrand/hex.css +2 -0
  67. package/src/css/colors/themes/masterbrand/hsl.css +2 -0
  68. package/src/css/colors/themes/masterbrand/oklch.css +2 -0
  69. package/src/css/colors/themes/masterbrand/rgb.css +2 -0
  70. package/src/index.ts +295 -0
  71. package/src/js/colors/global/hex.js +210 -0
  72. package/src/js/colors/global/hsl.js +210 -0
  73. package/src/js/colors/global/oklch.js +210 -0
  74. package/src/js/colors/global/rgb.js +210 -0
  75. package/src/js/colors/themes/masterbrand/hex.js +72 -0
  76. package/src/js/colors/themes/masterbrand/hsl.js +72 -0
  77. package/src/js/colors/themes/masterbrand/oklch.js +72 -0
  78. package/src/js/colors/themes/masterbrand/rgb.js +72 -0
  79. package/src/json/colors/global/hex.json +1 -0
  80. package/src/json/colors/global/hsl.json +1 -0
  81. package/src/json/colors/global/oklch.json +1 -0
  82. package/src/json/colors/global/rgb.json +1 -0
  83. package/src/json/colors/themes/masterbrand/hex.json +1 -0
  84. package/src/json/colors/themes/masterbrand/hsl.json +1 -0
  85. package/src/json/colors/themes/masterbrand/oklch.json +1 -0
  86. package/src/json/colors/themes/masterbrand/rgb.json +1 -0
  87. package/src/less/colors/global/hex.less +0 -0
  88. package/src/less/colors/global/hsl.less +0 -0
  89. package/src/less/colors/global/oklch.less +0 -0
  90. package/src/less/colors/global/rgb.less +0 -0
  91. package/src/less/colors/themes/masterbrand/hex.less +0 -0
  92. package/src/less/colors/themes/masterbrand/hsl.less +0 -0
  93. package/src/less/colors/themes/masterbrand/oklch.less +0 -0
  94. package/src/less/colors/themes/masterbrand/rgb.less +0 -0
  95. package/src/scss/colors/global/hex.scss +190 -0
  96. package/src/scss/colors/global/hsl.scss +190 -0
  97. package/src/scss/colors/global/oklch.scss +190 -0
  98. package/src/scss/colors/global/rgb.scss +190 -0
  99. package/src/scss/colors/themes/masterbrand/hex.scss +56 -0
  100. package/src/scss/colors/themes/masterbrand/hsl.scss +56 -0
  101. package/src/scss/colors/themes/masterbrand/oklch.scss +56 -0
  102. package/src/scss/colors/themes/masterbrand/rgb.scss +56 -0
  103. package/src/tailwind/colors/global/hex.css +192 -0
  104. package/src/tailwind/colors/global/hsl.css +192 -0
  105. package/src/tailwind/colors/global/oklch.css +192 -0
  106. package/src/tailwind/colors/global/rgb.css +192 -0
  107. package/src/tailwind/colors/themes/masterbrand/hex.css +58 -0
  108. package/src/tailwind/colors/themes/masterbrand/hsl.css +58 -0
  109. package/src/tailwind/colors/themes/masterbrand/oklch.css +58 -0
  110. package/src/tailwind/colors/themes/masterbrand/rgb.css +58 -0
  111. package/src/ts/colors/global/hex.ts +210 -0
  112. package/src/ts/colors/global/hsl.ts +210 -0
  113. package/src/ts/colors/global/oklch.ts +210 -0
  114. package/src/ts/colors/global/rgb.ts +210 -0
  115. package/src/ts/colors/themes/masterbrand/hex.ts +72 -0
  116. package/src/ts/colors/themes/masterbrand/hsl.ts +72 -0
  117. package/src/ts/colors/themes/masterbrand/oklch.ts +72 -0
  118. package/src/ts/colors/themes/masterbrand/rgb.ts +72 -0
  119. package/src/types.d.ts +25 -0
@@ -0,0 +1,190 @@
1
+ $nsw-grey-50: rgb(250, 250, 250);
2
+ $nsw-grey-100: rgb(245, 245, 245);
3
+ $nsw-grey-150: rgb(240, 240, 240);
4
+ $nsw-grey-200: rgb(235, 235, 235);
5
+ $nsw-grey-250: rgb(229, 228, 229);
6
+ $nsw-grey-300: rgb(222, 222, 225);
7
+ $nsw-grey-350: rgb(214, 216, 220);
8
+ $nsw-grey-400: rgb(205, 211, 214);
9
+ $nsw-grey-450: rgb(170, 176, 180);
10
+ $nsw-grey-500: rgb(136, 143, 146);
11
+ $nsw-grey-550: rgb(104, 111, 114);
12
+ $nsw-grey-600: rgb(73, 80, 84);
13
+ $nsw-grey-650: rgb(63, 69, 73);
14
+ $nsw-grey-700: rgb(53, 59, 63);
15
+ $nsw-grey-750: rgb(43, 49, 53);
16
+ $nsw-grey-800: rgb(34, 39, 43);
17
+ $nsw-grey-850: rgb(24, 28, 31);
18
+ $nsw-grey-900: rgb(14, 17, 19);
19
+ $nsw-grey-950: rgb(5, 7, 9);
20
+ $nsw-green-50: rgb(245, 255, 246);
21
+ $nsw-green-100: rgb(236, 253, 238);
22
+ $nsw-green-150: rgb(228, 252, 231);
23
+ $nsw-green-200: rgb(219, 250, 223);
24
+ $nsw-green-250: rgb(207, 247, 212);
25
+ $nsw-green-300: rgb(194, 244, 201);
26
+ $nsw-green-350: rgb(181, 240, 190);
27
+ $nsw-green-400: rgb(168, 237, 179);
28
+ $nsw-green-450: rgb(138, 220, 152);
29
+ $nsw-green-500: rgb(106, 204, 125);
30
+ $nsw-green-550: rgb(69, 187, 98);
31
+ $nsw-green-600: rgb(0, 170, 69);
32
+ $nsw-green-650: rgb(7, 142, 50);
33
+ $nsw-green-700: rgb(7, 115, 32);
34
+ $nsw-green-750: rgb(3, 89, 15);
35
+ $nsw-green-800: rgb(0, 64, 0);
36
+ $nsw-green-850: rgb(0, 48, 0);
37
+ $nsw-green-900: rgb(0, 32, 0);
38
+ $nsw-green-950: rgb(0, 17, 0);
39
+ $nsw-teal-50: rgb(242, 251, 250);
40
+ $nsw-teal-100: rgb(231, 247, 245);
41
+ $nsw-teal-150: rgb(220, 242, 239);
42
+ $nsw-teal-200: rgb(209, 238, 234);
43
+ $nsw-teal-250: rgb(193, 234, 231);
44
+ $nsw-teal-300: rgb(176, 229, 229);
45
+ $nsw-teal-350: rgb(158, 224, 229);
46
+ $nsw-teal-400: rgb(140, 219, 229);
47
+ $nsw-teal-450: rgb(117, 196, 207);
48
+ $nsw-teal-500: rgb(94, 172, 185);
49
+ $nsw-teal-550: rgb(70, 150, 163);
50
+ $nsw-teal-600: rgb(46, 128, 142);
51
+ $nsw-teal-650: rgb(37, 111, 123);
52
+ $nsw-teal-700: rgb(28, 95, 105);
53
+ $nsw-teal-750: rgb(20, 78, 88);
54
+ $nsw-teal-800: rgb(11, 63, 71);
55
+ $nsw-teal-850: rgb(4, 47, 53);
56
+ $nsw-teal-900: rgb(1, 31, 36);
57
+ $nsw-teal-950: rgb(0, 17, 20);
58
+ $nsw-blue-50: rgb(240, 251, 255);
59
+ $nsw-blue-100: rgb(228, 246, 255);
60
+ $nsw-blue-150: rgb(215, 242, 254);
61
+ $nsw-blue-200: rgb(203, 237, 253);
62
+ $nsw-blue-250: rgb(188, 234, 254);
63
+ $nsw-blue-300: rgb(173, 231, 255);
64
+ $nsw-blue-350: rgb(157, 227, 255);
65
+ $nsw-blue-400: rgb(140, 224, 255);
66
+ $nsw-blue-450: rgb(90, 201, 255);
67
+ $nsw-blue-500: rgb(38, 174, 255);
68
+ $nsw-blue-550: rgb(0, 143, 255);
69
+ $nsw-blue-600: rgb(20, 108, 253);
70
+ $nsw-blue-650: rgb(12, 90, 212);
71
+ $nsw-blue-700: rgb(5, 72, 173);
72
+ $nsw-blue-750: rgb(2, 54, 136);
73
+ $nsw-blue-800: rgb(0, 38, 100);
74
+ $nsw-blue-850: rgb(0, 26, 77);
75
+ $nsw-blue-900: rgb(0, 16, 55);
76
+ $nsw-blue-950: rgb(0, 6, 34);
77
+ $nsw-purple-50: rgb(249, 247, 255);
78
+ $nsw-purple-100: rgb(242, 240, 255);
79
+ $nsw-purple-150: rgb(236, 232, 254);
80
+ $nsw-purple-200: rgb(230, 225, 253);
81
+ $nsw-purple-250: rgb(224, 217, 254);
82
+ $nsw-purple-300: rgb(218, 208, 254);
83
+ $nsw-purple-350: rgb(212, 200, 255);
84
+ $nsw-purple-400: rgb(206, 191, 255);
85
+ $nsw-purple-450: rgb(186, 166, 252);
86
+ $nsw-purple-500: rgb(166, 141, 249);
87
+ $nsw-purple-550: rgb(147, 114, 245);
88
+ $nsw-purple-600: rgb(128, 85, 241);
89
+ $nsw-purple-650: rgb(114, 67, 207);
90
+ $nsw-purple-700: rgb(100, 50, 174);
91
+ $nsw-purple-750: rgb(84, 33, 142);
92
+ $nsw-purple-800: rgb(68, 17, 112);
93
+ $nsw-purple-850: rgb(51, 8, 86);
94
+ $nsw-purple-900: rgb(35, 2, 62);
95
+ $nsw-purple-950: rgb(19, 0, 39);
96
+ $nsw-fuchsia-50: rgb(255, 246, 253);
97
+ $nsw-fuchsia-100: rgb(255, 238, 249);
98
+ $nsw-fuchsia-150: rgb(254, 230, 245);
99
+ $nsw-fuchsia-200: rgb(253, 222, 242);
100
+ $nsw-fuchsia-250: rgb(251, 212, 239);
101
+ $nsw-fuchsia-300: rgb(249, 201, 235);
102
+ $nsw-fuchsia-350: rgb(247, 191, 233);
103
+ $nsw-fuchsia-400: rgb(244, 181, 230);
104
+ $nsw-fuchsia-450: rgb(239, 150, 218);
105
+ $nsw-fuchsia-500: rgb(233, 117, 204);
106
+ $nsw-fuchsia-550: rgb(225, 80, 190);
107
+ $nsw-fuchsia-600: rgb(217, 18, 174);
108
+ $nsw-fuchsia-650: rgb(187, 12, 148);
109
+ $nsw-fuchsia-700: rgb(157, 6, 123);
110
+ $nsw-fuchsia-750: rgb(129, 2, 100);
111
+ $nsw-fuchsia-800: rgb(101, 0, 77);
112
+ $nsw-fuchsia-850: rgb(77, 0, 58);
113
+ $nsw-fuchsia-900: rgb(55, 0, 40);
114
+ $nsw-fuchsia-950: rgb(34, 0, 23);
115
+ $nsw-red-50: rgb(255, 248, 249);
116
+ $nsw-red-100: rgb(255, 242, 244);
117
+ $nsw-red-150: rgb(255, 236, 239);
118
+ $nsw-red-200: rgb(255, 230, 234);
119
+ $nsw-red-250: rgb(255, 219, 224);
120
+ $nsw-red-300: rgb(255, 207, 214);
121
+ $nsw-red-350: rgb(255, 196, 204);
122
+ $nsw-red-400: rgb(255, 184, 193);
123
+ $nsw-red-450: rgb(248, 151, 162);
124
+ $nsw-red-500: rgb(239, 117, 129);
125
+ $nsw-red-550: rgb(228, 79, 95);
126
+ $nsw-red-600: rgb(215, 21, 58);
127
+ $nsw-red-650: rgb(185, 14, 50);
128
+ $nsw-red-700: rgb(155, 7, 42);
129
+ $nsw-red-750: rgb(126, 3, 34);
130
+ $nsw-red-800: rgb(99, 0, 25);
131
+ $nsw-red-850: rgb(76, 0, 16);
132
+ $nsw-red-900: rgb(54, 0, 8);
133
+ $nsw-red-950: rgb(33, 0, 3);
134
+ $nsw-orange-50: rgb(255, 250, 246);
135
+ $nsw-orange-100: rgb(255, 246, 238);
136
+ $nsw-orange-150: rgb(254, 241, 231);
137
+ $nsw-orange-200: rgb(253, 237, 223);
138
+ $nsw-orange-250: rgb(254, 229, 206);
139
+ $nsw-orange-300: rgb(255, 221, 189);
140
+ $nsw-orange-350: rgb(255, 214, 171);
141
+ $nsw-orange-400: rgb(255, 206, 153);
142
+ $nsw-orange-450: rgb(253, 182, 120);
143
+ $nsw-orange-500: rgb(251, 157, 88);
144
+ $nsw-orange-550: rgb(247, 129, 57);
145
+ $nsw-orange-600: rgb(243, 99, 27);
146
+ $nsw-orange-650: rgb(219, 81, 21);
147
+ $nsw-orange-700: rgb(195, 63, 14);
148
+ $nsw-orange-750: rgb(171, 46, 6);
149
+ $nsw-orange-800: rgb(148, 27, 0);
150
+ $nsw-orange-850: rgb(115, 15, 0);
151
+ $nsw-orange-900: rgb(83, 4, 0);
152
+ $nsw-orange-950: rgb(53, 0, 0);
153
+ $nsw-yellow-50: rgb(255, 252, 240);
154
+ $nsw-yellow-100: rgb(255, 250, 229);
155
+ $nsw-yellow-150: rgb(255, 247, 218);
156
+ $nsw-yellow-200: rgb(255, 244, 207);
157
+ $nsw-yellow-250: rgb(255, 241, 194);
158
+ $nsw-yellow-300: rgb(254, 238, 181);
159
+ $nsw-yellow-350: rgb(254, 234, 168);
160
+ $nsw-yellow-400: rgb(253, 231, 154);
161
+ $nsw-yellow-450: rgb(251, 218, 128);
162
+ $nsw-yellow-500: rgb(250, 205, 99);
163
+ $nsw-yellow-550: rgb(250, 190, 66);
164
+ $nsw-yellow-600: rgb(250, 175, 5);
165
+ $nsw-yellow-650: rgb(212, 148, 2);
166
+ $nsw-yellow-700: rgb(175, 122, 1);
167
+ $nsw-yellow-750: rgb(139, 96, 0);
168
+ $nsw-yellow-800: rgb(105, 72, 0);
169
+ $nsw-yellow-850: rgb(80, 53, 0);
170
+ $nsw-yellow-900: rgb(57, 36, 0);
171
+ $nsw-yellow-950: rgb(34, 19, 0);
172
+ $nsw-brown-50: rgb(251, 248, 244);
173
+ $nsw-brown-100: rgb(246, 241, 234);
174
+ $nsw-brown-150: rgb(242, 234, 225);
175
+ $nsw-brown-200: rgb(237, 227, 215);
176
+ $nsw-brown-250: rgb(236, 222, 206);
177
+ $nsw-brown-300: rgb(234, 218, 198);
178
+ $nsw-brown-350: rgb(233, 213, 189);
179
+ $nsw-brown-400: rgb(232, 208, 181);
180
+ $nsw-brown-450: rgb(219, 191, 159);
181
+ $nsw-brown-500: rgb(207, 174, 137);
182
+ $nsw-brown-550: rgb(194, 157, 115);
183
+ $nsw-brown-600: rgb(182, 141, 93);
184
+ $nsw-brown-650: rgb(156, 118, 75);
185
+ $nsw-brown-700: rgb(130, 96, 58);
186
+ $nsw-brown-750: rgb(106, 75, 41);
187
+ $nsw-brown-800: rgb(82, 55, 25);
188
+ $nsw-brown-850: rgb(62, 40, 15);
189
+ $nsw-brown-900: rgb(43, 26, 7);
190
+ $nsw-brown-950: rgb(25, 13, 2);
@@ -0,0 +1,56 @@
1
+ $primary-lightest: #0c5ad4;
2
+ $primary-lighter: #0548ad;
3
+ $primary-light: #023688;
4
+ $primary: #002664;
5
+ $primary-dark: #001a4d;
6
+ $primary-darker: #001037;
7
+ $primary-darkest: #000622;
8
+ $secondary-lightest: #f0fbff;
9
+ $secondary-lighter: #e4f6ff;
10
+ $secondary-light: #d7f2fe;
11
+ $secondary: #cbedfd;
12
+ $secondary-dark: #bceafe;
13
+ $secondary-darker: #ade7ff;
14
+ $secondary-darkest: #9de3ff;
15
+ $tertiary-lightest: #5ac9ff;
16
+ $tertiary-lighter: #26aeff;
17
+ $tertiary-light: #008fff;
18
+ $tertiary: #146cfd;
19
+ $tertiary-dark: #0c5ad4;
20
+ $tertiary-darker: #0548ad;
21
+ $tertiary-darkest: #023688;
22
+ $accent-lightest: #f897a2;
23
+ $accent-lighter: #ef7581;
24
+ $accent-light: #e44f5f;
25
+ $accent: #d7153a;
26
+ $accent-dark: #b90e32;
27
+ $accent-darker: #9b072a;
28
+ $accent-darkest: #7e0322;
29
+ $success-lightest: #c4e5c0;
30
+ $success-lighter: #8fc78b;
31
+ $success-light: #58a854;
32
+ $success: #008a07;
33
+ $success-dark: #006a00;
34
+ $success-darker: #004c00;
35
+ $success-darkest: #002f00;
36
+ $warning-lightest: #fdd2c0;
37
+ $warning-lighter: #eea88a;
38
+ $warning-light: #dd7d53;
39
+ $warning: #c95000;
40
+ $warning-dark: #9d3a00;
41
+ $warning-darker: #722600;
42
+ $warning-darkest: #4b1200;
43
+ $error-lightest: #fdc6c6;
44
+ $error-lighter: #ea9295;
45
+ $error-light: #d35d65;
46
+ $error: #b81237;
47
+ $error-dark: #8f0327;
48
+ $error-darker: #690018;
49
+ $error-darkest: #44000a;
50
+ $info-lightest: #acbbd5;
51
+ $info-lighter: #8198c2;
52
+ $info-light: #5775ae;
53
+ $info: #2e5299;
54
+ $info-dark: #203d77;
55
+ $info-darker: #132956;
56
+ $info-darkest: #071738;
@@ -0,0 +1,56 @@
1
+ $primary-lightest: hsl(216.77, 89.39%, 43.99%);
2
+ $primary-lighter: hsl(216.29, 94.12%, 35.01%);
3
+ $primary-light: hsl(216.37, 97.67%, 26.93%);
4
+ $primary: hsl(217.2, 100%, 19.61%);
5
+ $primary-dark: hsl(218.95, 100%, 14.93%);
6
+ $primary-darker: hsl(222.31, 100%, 10.59%);
7
+ $primary-darkest: hsl(228.65, 100%, 6.6%);
8
+ $secondary-lightest: hsl(199.45, 100%, 97.34%);
9
+ $secondary-lighter: hsl(199.38, 100%, 94.73%);
10
+ $secondary-light: hsl(199.29, 95.95%, 92.09%);
11
+ $secondary: hsl(199.2, 92.7%, 89.41%);
12
+ $secondary-dark: hsl(198.5, 96.92%, 86.75%);
13
+ $secondary-darker: hsl(197.77, 99.01%, 83.9%);
14
+ $secondary-darkest: hsl(197, 99.86%, 80.82%);
15
+ $tertiary-lightest: hsl(199.75, 99.81%, 67.58%);
16
+ $tertiary-lighter: hsl(202.53, 100%, 57.56%);
17
+ $tertiary-light: hsl(204.78, 100%, 47%);
18
+ $tertiary: hsl(217.35, 98.29%, 53.54%);
19
+ $tertiary-dark: hsl(216.77, 89.39%, 43.99%);
20
+ $tertiary-darker: hsl(216.29, 94.12%, 35.01%);
21
+ $tertiary-darkest: hsl(216.37, 97.67%, 26.93%);
22
+ $accent-lightest: hsl(353.39, 86.95%, 78.18%);
23
+ $accent-lighter: hsl(353.95, 78.84%, 69.69%);
24
+ $accent-light: hsl(353.52, 73.18%, 60.13%);
25
+ $accent: hsl(348.56, 82.17%, 46.29%);
26
+ $accent-dark: hsl(347.26, 85.88%, 38.93%);
27
+ $accent-darker: hsl(345.89, 90.98%, 31.82%);
28
+ $accent-darkest: hsl(345, 95.86%, 25.31%);
29
+ $success-lightest: hsl(114.97, 40.73%, 82.58%);
30
+ $success-lighter: hsl(115.71, 34.69%, 66.15%);
31
+ $success-light: hsl(117.04, 33.36%, 49.53%);
32
+ $success: hsl(123.03, 99.86%, 27.07%);
33
+ $success-dark: hsl(122.95, 100%, 19.11%);
34
+ $success-darker: hsl(122.88, 100%, 12.75%);
35
+ $success-darkest: hsl(122.85, 100%, 7.59%);
36
+ $warning-lightest: hsl(17.74, 94.96%, 87.24%);
37
+ $warning-lighter: hsl(17.94, 75.08%, 73.77%);
38
+ $warning-light: hsl(18.45, 66.88%, 59.6%);
39
+ $warning: hsl(23.88, 100%, 39.41%);
40
+ $warning-dark: hsl(24.01, 100%, 29.25%);
41
+ $warning-darker: hsl(22.64, 100%, 20.66%);
42
+ $warning-darkest: hsl(18.45, 100%, 13.3%);
43
+ $error-lightest: hsl(359.69, 92.77%, 88.44%);
44
+ $error-lighter: hsl(358.32, 67.17%, 74.5%);
45
+ $error-light: hsl(355.68, 57.13%, 59.46%);
46
+ $error: hsl(346.64, 82.14%, 39.61%);
47
+ $error-dark: hsl(344.75, 95.28%, 28.78%);
48
+ $error-darker: hsl(344.52, 100%, 19.69%);
49
+ $error-darkest: hsl(347.44, 100%, 12.27%);
50
+ $info-lightest: hsl(218.63, 32.11%, 75.49%);
51
+ $info-lighter: hsl(218.81, 34.57%, 63.16%);
52
+ $info-light: hsl(219.17, 34.9%, 51.02%);
53
+ $info: hsl(219.81, 53.78%, 39.02%);
54
+ $info-dark: hsl(219.86, 57.49%, 29.6%);
55
+ $info-darker: hsl(219.94, 64.03%, 20.65%);
56
+ $info-darkest: hsl(220.32, 77.63%, 12.34%);
@@ -0,0 +1,56 @@
1
+ $primary-lightest: oklch(0.503825 0.201675 260.53);
2
+ $primary-lighter: oklch(0.43255 0.17355 260.29999999999995);
3
+ $primary-light: oklch(0.36127499999999996 0.145425 260.07);
4
+ $primary: oklch(0.29 0.1173 259.84);
5
+ $primary-dark: oklch(0.23925 0.099705 259.84);
6
+ $primary-darker: oklch(0.1885 0.08211 259.84);
7
+ $primary-darkest: oklch(0.13774999999999998 0.064515 259.84);
8
+ $secondary-lightest: oklch(0.981675 0.013552500000000002 227.89);
9
+ $secondary-lighter: oklch(0.9633499999999999 0.022935 227.89);
10
+ $secondary-light: oklch(0.945025 0.0323175 227.89);
11
+ $secondary: oklch(0.9267 0.0417 227.89);
12
+ $secondary-dark: oklch(0.9110499999999999 0.0543 226.8175);
13
+ $secondary-darker: oklch(0.8954 0.0669 225.745);
14
+ $secondary-darkest: oklch(0.87975 0.0795 224.67249999999999);
15
+ $tertiary-lightest: oklch(0.7918499999999999 0.126525 232.89);
16
+ $tertiary-lighter: oklch(0.7196 0.16095 242.18);
17
+ $tertiary-light: oklch(0.64735 0.19537500000000002 251.47);
18
+ $tertiary: oklch(0.5751 0.2298 260.76);
19
+ $tertiary-dark: oklch(0.503825 0.201675 260.53);
20
+ $tertiary-darker: oklch(0.43255 0.17355 260.29999999999995);
21
+ $tertiary-darkest: oklch(0.36127499999999996 0.145425 260.07);
22
+ $accent-lightest: oklch(0.778675 0.11662499999999999 13.01);
23
+ $accent-lighter: oklch(0.70645 0.15025 15.45);
24
+ $accent-light: oklch(0.634225 0.183875 17.89);
25
+ $accent: oklch(0.562 0.2175 20.33);
26
+ $accent-dark: oklch(0.50075 0.19485 19.529999999999998);
27
+ $accent-darker: oklch(0.4395 0.17220000000000002 18.729999999999997);
28
+ $accent-darkest: oklch(0.37825000000000003 0.14955000000000002 17.93);
29
+ $success-lightest: oklch(0.88725 0.06009250000000001 142.8);
30
+ $success-lighter: oklch(0.7745 0.10169500000000001 142.8);
31
+ $success-light: oklch(0.6617500000000001 0.14329750000000002 142.8);
32
+ $success: oklch(0.549 0.1849 142.8);
33
+ $success-dark: oklch(0.452925 0.157165 142.8);
34
+ $success-darker: oklch(0.35685 0.12943000000000002 142.8);
35
+ $success-darkest: oklch(0.26077500000000003 0.10169500000000001 142.8);
36
+ $warning-lightest: oklch(0.895825 0.055154125 43.9973);
37
+ $warning-lighter: oklch(0.79165 0.09333775 43.9973);
38
+ $warning-light: oklch(0.6874750000000001 0.131521375 43.9973);
39
+ $warning: oklch(0.5833 0.169705 43.9973);
40
+ $warning-dark: oklch(0.4812225 0.14424925 43.9973);
41
+ $warning-darker: oklch(0.37914500000000007 0.1187935 43.9973);
42
+ $warning-darkest: oklch(0.2770675 0.09333775 43.9973);
43
+ $error-lightest: oklch(0.8755 0.0626275 18.08);
44
+ $error-lighter: oklch(0.751 0.10598500000000001 18.08);
45
+ $error-light: oklch(0.6265000000000001 0.14934250000000002 18.08);
46
+ $error: oklch(0.502 0.1927 18.08);
47
+ $error-dark: oklch(0.41415 0.16379500000000002 18.08);
48
+ $error-darker: oklch(0.32630000000000003 0.13489 18.08);
49
+ $error-darkest: oklch(0.23845 0.10598500000000001 18.08);
50
+ $info-lightest: oklch(0.78855 0.0400725 262.35);
51
+ $info-lighter: oklch(0.6759 0.067815 262.35);
52
+ $info-light: oklch(0.56325 0.0955575 262.35);
53
+ $info: oklch(0.4506 0.1233 262.35);
54
+ $info-dark: oklch(0.371745 0.10480500000000001 262.35);
55
+ $info-darker: oklch(0.29289 0.08631 262.35);
56
+ $info-darkest: oklch(0.214035 0.067815 262.35);
@@ -0,0 +1,56 @@
1
+ $primary-lightest: rgb(12, 90, 212);
2
+ $primary-lighter: rgb(5, 72, 173);
3
+ $primary-light: rgb(2, 54, 136);
4
+ $primary: rgb(0, 38, 100);
5
+ $primary-dark: rgb(0, 26, 77);
6
+ $primary-darker: rgb(0, 16, 55);
7
+ $primary-darkest: rgb(0, 6, 34);
8
+ $secondary-lightest: rgb(240, 251, 255);
9
+ $secondary-lighter: rgb(228, 246, 255);
10
+ $secondary-light: rgb(215, 242, 254);
11
+ $secondary: rgb(203, 237, 253);
12
+ $secondary-dark: rgb(188, 234, 254);
13
+ $secondary-darker: rgb(173, 231, 255);
14
+ $secondary-darkest: rgb(157, 227, 255);
15
+ $tertiary-lightest: rgb(90, 201, 255);
16
+ $tertiary-lighter: rgb(38, 174, 255);
17
+ $tertiary-light: rgb(0, 143, 255);
18
+ $tertiary: rgb(20, 108, 253);
19
+ $tertiary-dark: rgb(12, 90, 212);
20
+ $tertiary-darker: rgb(5, 72, 173);
21
+ $tertiary-darkest: rgb(2, 54, 136);
22
+ $accent-lightest: rgb(248, 151, 162);
23
+ $accent-lighter: rgb(239, 117, 129);
24
+ $accent-light: rgb(228, 79, 95);
25
+ $accent: rgb(215, 21, 58);
26
+ $accent-dark: rgb(185, 14, 50);
27
+ $accent-darker: rgb(155, 7, 42);
28
+ $accent-darkest: rgb(126, 3, 34);
29
+ $success-lightest: rgb(196, 229, 192);
30
+ $success-lighter: rgb(143, 199, 139);
31
+ $success-light: rgb(88, 168, 84);
32
+ $success: rgb(0, 138, 7);
33
+ $success-dark: rgb(0, 106, 0);
34
+ $success-darker: rgb(0, 76, 0);
35
+ $success-darkest: rgb(0, 47, 0);
36
+ $warning-lightest: rgb(253, 210, 192);
37
+ $warning-lighter: rgb(238, 168, 138);
38
+ $warning-light: rgb(221, 125, 83);
39
+ $warning: rgb(201, 80, 0);
40
+ $warning-dark: rgb(157, 58, 0);
41
+ $warning-darker: rgb(114, 38, 0);
42
+ $warning-darkest: rgb(75, 18, 0);
43
+ $error-lightest: rgb(253, 198, 198);
44
+ $error-lighter: rgb(234, 146, 149);
45
+ $error-light: rgb(211, 93, 101);
46
+ $error: rgb(184, 18, 55);
47
+ $error-dark: rgb(143, 3, 39);
48
+ $error-darker: rgb(105, 0, 24);
49
+ $error-darkest: rgb(68, 0, 10);
50
+ $info-lightest: rgb(172, 187, 213);
51
+ $info-lighter: rgb(129, 152, 194);
52
+ $info-light: rgb(87, 117, 174);
53
+ $info: rgb(46, 82, 153);
54
+ $info-dark: rgb(32, 61, 119);
55
+ $info-darker: rgb(19, 41, 86);
56
+ $info-darkest: rgb(7, 23, 56);
@@ -0,0 +1,192 @@
1
+ @theme {
2
+ --color-nsw-grey-50: #fafafa;
3
+ --color-nsw-grey-100: #f5f5f5;
4
+ --color-nsw-grey-150: #f0f0f0;
5
+ --color-nsw-grey-200: #ebebeb;
6
+ --color-nsw-grey-250: #e5e4e5;
7
+ --color-nsw-grey-300: #dedee1;
8
+ --color-nsw-grey-350: #d6d8dc;
9
+ --color-nsw-grey-400: #cdd3d6;
10
+ --color-nsw-grey-450: #aab0b4;
11
+ --color-nsw-grey-500: #888f92;
12
+ --color-nsw-grey-550: #686f72;
13
+ --color-nsw-grey-600: #495054;
14
+ --color-nsw-grey-650: #3f4549;
15
+ --color-nsw-grey-700: #353b3f;
16
+ --color-nsw-grey-750: #2b3135;
17
+ --color-nsw-grey-800: #22272b;
18
+ --color-nsw-grey-850: #181c1f;
19
+ --color-nsw-grey-900: #0e1113;
20
+ --color-nsw-grey-950: #050709;
21
+ --color-nsw-green-50: #f5fff6;
22
+ --color-nsw-green-100: #ecfdee;
23
+ --color-nsw-green-150: #e4fce7;
24
+ --color-nsw-green-200: #dbfadf;
25
+ --color-nsw-green-250: #cff7d4;
26
+ --color-nsw-green-300: #c2f4c9;
27
+ --color-nsw-green-350: #b5f0be;
28
+ --color-nsw-green-400: #a8edb3;
29
+ --color-nsw-green-450: #8adc98;
30
+ --color-nsw-green-500: #6acc7d;
31
+ --color-nsw-green-550: #45bb62;
32
+ --color-nsw-green-600: #00aa45;
33
+ --color-nsw-green-650: #078e32;
34
+ --color-nsw-green-700: #077320;
35
+ --color-nsw-green-750: #03590f;
36
+ --color-nsw-green-800: #004000;
37
+ --color-nsw-green-850: #003000;
38
+ --color-nsw-green-900: #002000;
39
+ --color-nsw-green-950: #001100;
40
+ --color-nsw-teal-50: #f2fbfa;
41
+ --color-nsw-teal-100: #e7f7f5;
42
+ --color-nsw-teal-150: #dcf2ef;
43
+ --color-nsw-teal-200: #d1eeea;
44
+ --color-nsw-teal-250: #c1eae7;
45
+ --color-nsw-teal-300: #b0e5e5;
46
+ --color-nsw-teal-350: #9ee0e5;
47
+ --color-nsw-teal-400: #8cdbe5;
48
+ --color-nsw-teal-450: #75c4cf;
49
+ --color-nsw-teal-500: #5eacb9;
50
+ --color-nsw-teal-550: #4696a3;
51
+ --color-nsw-teal-600: #2e808e;
52
+ --color-nsw-teal-650: #256f7b;
53
+ --color-nsw-teal-700: #1c5f69;
54
+ --color-nsw-teal-750: #144e58;
55
+ --color-nsw-teal-800: #0b3f47;
56
+ --color-nsw-teal-850: #042f35;
57
+ --color-nsw-teal-900: #011f24;
58
+ --color-nsw-teal-950: #001114;
59
+ --color-nsw-blue-50: #f0fbff;
60
+ --color-nsw-blue-100: #e4f6ff;
61
+ --color-nsw-blue-150: #d7f2fe;
62
+ --color-nsw-blue-200: #cbedfd;
63
+ --color-nsw-blue-250: #bceafe;
64
+ --color-nsw-blue-300: #ade7ff;
65
+ --color-nsw-blue-350: #9de3ff;
66
+ --color-nsw-blue-400: #8ce0ff;
67
+ --color-nsw-blue-450: #5ac9ff;
68
+ --color-nsw-blue-500: #26aeff;
69
+ --color-nsw-blue-550: #008fff;
70
+ --color-nsw-blue-600: #146cfd;
71
+ --color-nsw-blue-650: #0c5ad4;
72
+ --color-nsw-blue-700: #0548ad;
73
+ --color-nsw-blue-750: #023688;
74
+ --color-nsw-blue-800: #002664;
75
+ --color-nsw-blue-850: #001a4d;
76
+ --color-nsw-blue-900: #001037;
77
+ --color-nsw-blue-950: #000622;
78
+ --color-nsw-purple-50: #f9f7ff;
79
+ --color-nsw-purple-100: #f2f0ff;
80
+ --color-nsw-purple-150: #ece8fe;
81
+ --color-nsw-purple-200: #e6e1fd;
82
+ --color-nsw-purple-250: #e0d9fe;
83
+ --color-nsw-purple-300: #dad0fe;
84
+ --color-nsw-purple-350: #d4c8ff;
85
+ --color-nsw-purple-400: #cebfff;
86
+ --color-nsw-purple-450: #baa6fc;
87
+ --color-nsw-purple-500: #a68df9;
88
+ --color-nsw-purple-550: #9372f5;
89
+ --color-nsw-purple-600: #8055f1;
90
+ --color-nsw-purple-650: #7243cf;
91
+ --color-nsw-purple-700: #6432ae;
92
+ --color-nsw-purple-750: #54218e;
93
+ --color-nsw-purple-800: #441170;
94
+ --color-nsw-purple-850: #330856;
95
+ --color-nsw-purple-900: #23023e;
96
+ --color-nsw-purple-950: #130027;
97
+ --color-nsw-fuchsia-50: #fff6fd;
98
+ --color-nsw-fuchsia-100: #ffeef9;
99
+ --color-nsw-fuchsia-150: #fee6f5;
100
+ --color-nsw-fuchsia-200: #fddef2;
101
+ --color-nsw-fuchsia-250: #fbd4ef;
102
+ --color-nsw-fuchsia-300: #f9c9eb;
103
+ --color-nsw-fuchsia-350: #f7bfe9;
104
+ --color-nsw-fuchsia-400: #f4b5e6;
105
+ --color-nsw-fuchsia-450: #ef96da;
106
+ --color-nsw-fuchsia-500: #e975cc;
107
+ --color-nsw-fuchsia-550: #e150be;
108
+ --color-nsw-fuchsia-600: #d912ae;
109
+ --color-nsw-fuchsia-650: #bb0c94;
110
+ --color-nsw-fuchsia-700: #9d067b;
111
+ --color-nsw-fuchsia-750: #810264;
112
+ --color-nsw-fuchsia-800: #65004d;
113
+ --color-nsw-fuchsia-850: #4d003a;
114
+ --color-nsw-fuchsia-900: #370028;
115
+ --color-nsw-fuchsia-950: #220017;
116
+ --color-nsw-red-50: #fff8f9;
117
+ --color-nsw-red-100: #fff2f4;
118
+ --color-nsw-red-150: #ffecef;
119
+ --color-nsw-red-200: #ffe6ea;
120
+ --color-nsw-red-250: #ffdbe0;
121
+ --color-nsw-red-300: #ffcfd6;
122
+ --color-nsw-red-350: #ffc4cc;
123
+ --color-nsw-red-400: #ffb8c1;
124
+ --color-nsw-red-450: #f897a2;
125
+ --color-nsw-red-500: #ef7581;
126
+ --color-nsw-red-550: #e44f5f;
127
+ --color-nsw-red-600: #d7153a;
128
+ --color-nsw-red-650: #b90e32;
129
+ --color-nsw-red-700: #9b072a;
130
+ --color-nsw-red-750: #7e0322;
131
+ --color-nsw-red-800: #630019;
132
+ --color-nsw-red-850: #4c0010;
133
+ --color-nsw-red-900: #360008;
134
+ --color-nsw-red-950: #210003;
135
+ --color-nsw-orange-50: #fffaf6;
136
+ --color-nsw-orange-100: #fff6ee;
137
+ --color-nsw-orange-150: #fef1e7;
138
+ --color-nsw-orange-200: #fdeddf;
139
+ --color-nsw-orange-250: #fee5ce;
140
+ --color-nsw-orange-300: #ffddbd;
141
+ --color-nsw-orange-350: #ffd6ab;
142
+ --color-nsw-orange-400: #ffce99;
143
+ --color-nsw-orange-450: #fdb678;
144
+ --color-nsw-orange-500: #fb9d58;
145
+ --color-nsw-orange-550: #f78139;
146
+ --color-nsw-orange-600: #f3631b;
147
+ --color-nsw-orange-650: #db5115;
148
+ --color-nsw-orange-700: #c33f0e;
149
+ --color-nsw-orange-750: #ab2e06;
150
+ --color-nsw-orange-800: #941b00;
151
+ --color-nsw-orange-850: #730f00;
152
+ --color-nsw-orange-900: #530400;
153
+ --color-nsw-orange-950: #350000;
154
+ --color-nsw-yellow-50: #fffcf0;
155
+ --color-nsw-yellow-100: #fffae5;
156
+ --color-nsw-yellow-150: #fff7da;
157
+ --color-nsw-yellow-200: #fff4cf;
158
+ --color-nsw-yellow-250: #fff1c2;
159
+ --color-nsw-yellow-300: #feeeb5;
160
+ --color-nsw-yellow-350: #feeaa8;
161
+ --color-nsw-yellow-400: #fde79a;
162
+ --color-nsw-yellow-450: #fbda80;
163
+ --color-nsw-yellow-500: #facd63;
164
+ --color-nsw-yellow-550: #fabe42;
165
+ --color-nsw-yellow-600: #faaf05;
166
+ --color-nsw-yellow-650: #d49402;
167
+ --color-nsw-yellow-700: #af7a01;
168
+ --color-nsw-yellow-750: #8b6000;
169
+ --color-nsw-yellow-800: #694800;
170
+ --color-nsw-yellow-850: #503500;
171
+ --color-nsw-yellow-900: #392400;
172
+ --color-nsw-yellow-950: #221300;
173
+ --color-nsw-brown-50: #fbf8f4;
174
+ --color-nsw-brown-100: #f6f1ea;
175
+ --color-nsw-brown-150: #f2eae1;
176
+ --color-nsw-brown-200: #ede3d7;
177
+ --color-nsw-brown-250: #ecdece;
178
+ --color-nsw-brown-300: #eadac6;
179
+ --color-nsw-brown-350: #e9d5bd;
180
+ --color-nsw-brown-400: #e8d0b5;
181
+ --color-nsw-brown-450: #dbbf9f;
182
+ --color-nsw-brown-500: #cfae89;
183
+ --color-nsw-brown-550: #c29d73;
184
+ --color-nsw-brown-600: #b68d5d;
185
+ --color-nsw-brown-650: #9c764b;
186
+ --color-nsw-brown-700: #82603a;
187
+ --color-nsw-brown-750: #6a4b29;
188
+ --color-nsw-brown-800: #523719;
189
+ --color-nsw-brown-850: #3e280f;
190
+ --color-nsw-brown-900: #2b1a07;
191
+ --color-nsw-brown-950: #190d02;
192
+ }