@nswds/tokens 3.5.1 → 3.6.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 (3) hide show
  1. package/README.md +12 -3
  2. package/dist/tailwind/preset.css +958 -0
  3. package/package.json +1 -1
package/README.md CHANGED
@@ -160,9 +160,18 @@ are the source of truth; `hex/rgb/hsl/oklch.json` are derived colour views.
160
160
  > **Requires Tailwind CSS v4.0 or later.** The Tailwind outputs use the CSS-first
161
161
  > [`@theme`](https://tailwindcss.com/docs/theme) at-rule, which does not exist in v3.
162
162
 
163
- Every category publishes a Tailwind `@theme` file. Colour files map onto `--color-*` and
164
- reference the CSS variables file (import both); non-colour categories carry direct values
165
- (one import each):
163
+ **One-import preset** — covers global + semantic colours (hex) and every non-colour
164
+ category in a single file:
165
+
166
+ ```css
167
+ @import '@nswds/tokens/tailwind/preset.css';
168
+ /* themes are opt-in (they define the same family names as one another): */
169
+ @import '@nswds/tokens/tailwind/colors/themes/masterbrand/hex.css';
170
+ ```
171
+
172
+ Or import per category. Every category publishes a Tailwind `@theme` file. Colour files
173
+ map onto `--color-*` and reference the CSS variables file (import both); non-colour
174
+ categories carry direct values (one import each):
166
175
 
167
176
  | Import | Namespace | Utilities unlocked |
168
177
  | -------------------------------------------- | ------------------------------------------------------------------------ | ------------------------------------------------------------- |
package/dist/tailwind/preset.css ADDED
@@ -0,0 +1,958 @@
1
+ /* Generated by scripts/generate-styles.mjs — do not edit.
2
+ * One-import Tailwind v4 preset: global + semantic colours (hex) and every
3
+ * non-colour category. Themes are not included — they define the same family
4
+ * names as one another, so import exactly one alongside this file, e.g.
5
+ * @import '@nswds/tokens/tailwind/colors/themes/masterbrand/hex.css';
6
+ */
7
+
8
+ /* ── tailwind/colors/global/hex.css ── */
9
+ @theme {
10
+ --color-nsw-grey-50: var(--nsw-grey-50);
11
+ --color-nsw-grey-100: var(--nsw-grey-100);
12
+ --color-nsw-grey-150: var(--nsw-grey-150);
13
+ --color-nsw-grey-200: var(--nsw-grey-200);
14
+ --color-nsw-grey-250: var(--nsw-grey-250);
15
+ --color-nsw-grey-300: var(--nsw-grey-300);
16
+ --color-nsw-grey-350: var(--nsw-grey-350);
17
+ --color-nsw-grey-400: var(--nsw-grey-400);
18
+ --color-nsw-grey-450: var(--nsw-grey-450);
19
+ --color-nsw-grey-500: var(--nsw-grey-500);
20
+ --color-nsw-grey-550: var(--nsw-grey-550);
21
+ --color-nsw-grey-600: var(--nsw-grey-600);
22
+ --color-nsw-grey-650: var(--nsw-grey-650);
23
+ --color-nsw-grey-700: var(--nsw-grey-700);
24
+ --color-nsw-grey-750: var(--nsw-grey-750);
25
+ --color-nsw-grey-800: var(--nsw-grey-800);
26
+ --color-nsw-grey-850: var(--nsw-grey-850);
27
+ --color-nsw-grey-900: var(--nsw-grey-900);
28
+ --color-nsw-grey-950: var(--nsw-grey-950);
29
+ --color-nsw-green-50: var(--nsw-green-50);
30
+ --color-nsw-green-100: var(--nsw-green-100);
31
+ --color-nsw-green-150: var(--nsw-green-150);
32
+ --color-nsw-green-200: var(--nsw-green-200);
33
+ --color-nsw-green-250: var(--nsw-green-250);
34
+ --color-nsw-green-300: var(--nsw-green-300);
35
+ --color-nsw-green-350: var(--nsw-green-350);
36
+ --color-nsw-green-400: var(--nsw-green-400);
37
+ --color-nsw-green-450: var(--nsw-green-450);
38
+ --color-nsw-green-500: var(--nsw-green-500);
39
+ --color-nsw-green-550: var(--nsw-green-550);
40
+ --color-nsw-green-600: var(--nsw-green-600);
41
+ --color-nsw-green-650: var(--nsw-green-650);
42
+ --color-nsw-green-700: var(--nsw-green-700);
43
+ --color-nsw-green-750: var(--nsw-green-750);
44
+ --color-nsw-green-800: var(--nsw-green-800);
45
+ --color-nsw-green-850: var(--nsw-green-850);
46
+ --color-nsw-green-900: var(--nsw-green-900);
47
+ --color-nsw-green-950: var(--nsw-green-950);
48
+ --color-nsw-teal-50: var(--nsw-teal-50);
49
+ --color-nsw-teal-100: var(--nsw-teal-100);
50
+ --color-nsw-teal-150: var(--nsw-teal-150);
51
+ --color-nsw-teal-200: var(--nsw-teal-200);
52
+ --color-nsw-teal-250: var(--nsw-teal-250);
53
+ --color-nsw-teal-300: var(--nsw-teal-300);
54
+ --color-nsw-teal-350: var(--nsw-teal-350);
55
+ --color-nsw-teal-400: var(--nsw-teal-400);
56
+ --color-nsw-teal-450: var(--nsw-teal-450);
57
+ --color-nsw-teal-500: var(--nsw-teal-500);
58
+ --color-nsw-teal-550: var(--nsw-teal-550);
59
+ --color-nsw-teal-600: var(--nsw-teal-600);
60
+ --color-nsw-teal-650: var(--nsw-teal-650);
61
+ --color-nsw-teal-700: var(--nsw-teal-700);
62
+ --color-nsw-teal-750: var(--nsw-teal-750);
63
+ --color-nsw-teal-800: var(--nsw-teal-800);
64
+ --color-nsw-teal-850: var(--nsw-teal-850);
65
+ --color-nsw-teal-900: var(--nsw-teal-900);
66
+ --color-nsw-teal-950: var(--nsw-teal-950);
67
+ --color-nsw-blue-50: var(--nsw-blue-50);
68
+ --color-nsw-blue-100: var(--nsw-blue-100);
69
+ --color-nsw-blue-150: var(--nsw-blue-150);
70
+ --color-nsw-blue-200: var(--nsw-blue-200);
71
+ --color-nsw-blue-250: var(--nsw-blue-250);
72
+ --color-nsw-blue-300: var(--nsw-blue-300);
73
+ --color-nsw-blue-350: var(--nsw-blue-350);
74
+ --color-nsw-blue-400: var(--nsw-blue-400);
75
+ --color-nsw-blue-450: var(--nsw-blue-450);
76
+ --color-nsw-blue-500: var(--nsw-blue-500);
77
+ --color-nsw-blue-550: var(--nsw-blue-550);
78
+ --color-nsw-blue-600: var(--nsw-blue-600);
79
+ --color-nsw-blue-650: var(--nsw-blue-650);
80
+ --color-nsw-blue-700: var(--nsw-blue-700);
81
+ --color-nsw-blue-750: var(--nsw-blue-750);
82
+ --color-nsw-blue-800: var(--nsw-blue-800);
83
+ --color-nsw-blue-850: var(--nsw-blue-850);
84
+ --color-nsw-blue-900: var(--nsw-blue-900);
85
+ --color-nsw-blue-950: var(--nsw-blue-950);
86
+ --color-nsw-purple-50: var(--nsw-purple-50);
87
+ --color-nsw-purple-100: var(--nsw-purple-100);
88
+ --color-nsw-purple-150: var(--nsw-purple-150);
89
+ --color-nsw-purple-200: var(--nsw-purple-200);
90
+ --color-nsw-purple-250: var(--nsw-purple-250);
91
+ --color-nsw-purple-300: var(--nsw-purple-300);
92
+ --color-nsw-purple-350: var(--nsw-purple-350);
93
+ --color-nsw-purple-400: var(--nsw-purple-400);
94
+ --color-nsw-purple-450: var(--nsw-purple-450);
95
+ --color-nsw-purple-500: var(--nsw-purple-500);
96
+ --color-nsw-purple-550: var(--nsw-purple-550);
97
+ --color-nsw-purple-600: var(--nsw-purple-600);
98
+ --color-nsw-purple-650: var(--nsw-purple-650);
99
+ --color-nsw-purple-700: var(--nsw-purple-700);
100
+ --color-nsw-purple-750: var(--nsw-purple-750);
101
+ --color-nsw-purple-800: var(--nsw-purple-800);
102
+ --color-nsw-purple-850: var(--nsw-purple-850);
103
+ --color-nsw-purple-900: var(--nsw-purple-900);
104
+ --color-nsw-purple-950: var(--nsw-purple-950);
105
+ --color-nsw-fuchsia-50: var(--nsw-fuchsia-50);
106
+ --color-nsw-fuchsia-100: var(--nsw-fuchsia-100);
107
+ --color-nsw-fuchsia-150: var(--nsw-fuchsia-150);
108
+ --color-nsw-fuchsia-200: var(--nsw-fuchsia-200);
109
+ --color-nsw-fuchsia-250: var(--nsw-fuchsia-250);
110
+ --color-nsw-fuchsia-300: var(--nsw-fuchsia-300);
111
+ --color-nsw-fuchsia-350: var(--nsw-fuchsia-350);
112
+ --color-nsw-fuchsia-400: var(--nsw-fuchsia-400);
113
+ --color-nsw-fuchsia-450: var(--nsw-fuchsia-450);
114
+ --color-nsw-fuchsia-500: var(--nsw-fuchsia-500);
115
+ --color-nsw-fuchsia-550: var(--nsw-fuchsia-550);
116
+ --color-nsw-fuchsia-600: var(--nsw-fuchsia-600);
117
+ --color-nsw-fuchsia-650: var(--nsw-fuchsia-650);
118
+ --color-nsw-fuchsia-700: var(--nsw-fuchsia-700);
119
+ --color-nsw-fuchsia-750: var(--nsw-fuchsia-750);
120
+ --color-nsw-fuchsia-800: var(--nsw-fuchsia-800);
121
+ --color-nsw-fuchsia-850: var(--nsw-fuchsia-850);
122
+ --color-nsw-fuchsia-900: var(--nsw-fuchsia-900);
123
+ --color-nsw-fuchsia-950: var(--nsw-fuchsia-950);
124
+ --color-nsw-red-50: var(--nsw-red-50);
125
+ --color-nsw-red-100: var(--nsw-red-100);
126
+ --color-nsw-red-150: var(--nsw-red-150);
127
+ --color-nsw-red-200: var(--nsw-red-200);
128
+ --color-nsw-red-250: var(--nsw-red-250);
129
+ --color-nsw-red-300: var(--nsw-red-300);
130
+ --color-nsw-red-350: var(--nsw-red-350);
131
+ --color-nsw-red-400: var(--nsw-red-400);
132
+ --color-nsw-red-450: var(--nsw-red-450);
133
+ --color-nsw-red-500: var(--nsw-red-500);
134
+ --color-nsw-red-550: var(--nsw-red-550);
135
+ --color-nsw-red-600: var(--nsw-red-600);
136
+ --color-nsw-red-650: var(--nsw-red-650);
137
+ --color-nsw-red-700: var(--nsw-red-700);
138
+ --color-nsw-red-750: var(--nsw-red-750);
139
+ --color-nsw-red-800: var(--nsw-red-800);
140
+ --color-nsw-red-850: var(--nsw-red-850);
141
+ --color-nsw-red-900: var(--nsw-red-900);
142
+ --color-nsw-red-950: var(--nsw-red-950);
143
+ --color-nsw-orange-50: var(--nsw-orange-50);
144
+ --color-nsw-orange-100: var(--nsw-orange-100);
145
+ --color-nsw-orange-150: var(--nsw-orange-150);
146
+ --color-nsw-orange-200: var(--nsw-orange-200);
147
+ --color-nsw-orange-250: var(--nsw-orange-250);
148
+ --color-nsw-orange-300: var(--nsw-orange-300);
149
+ --color-nsw-orange-350: var(--nsw-orange-350);
150
+ --color-nsw-orange-400: var(--nsw-orange-400);
151
+ --color-nsw-orange-450: var(--nsw-orange-450);
152
+ --color-nsw-orange-500: var(--nsw-orange-500);
153
+ --color-nsw-orange-550: var(--nsw-orange-550);
154
+ --color-nsw-orange-600: var(--nsw-orange-600);
155
+ --color-nsw-orange-650: var(--nsw-orange-650);
156
+ --color-nsw-orange-700: var(--nsw-orange-700);
157
+ --color-nsw-orange-750: var(--nsw-orange-750);
158
+ --color-nsw-orange-800: var(--nsw-orange-800);
159
+ --color-nsw-orange-850: var(--nsw-orange-850);
160
+ --color-nsw-orange-900: var(--nsw-orange-900);
161
+ --color-nsw-orange-950: var(--nsw-orange-950);
162
+ --color-nsw-yellow-50: var(--nsw-yellow-50);
163
+ --color-nsw-yellow-100: var(--nsw-yellow-100);
164
+ --color-nsw-yellow-150: var(--nsw-yellow-150);
165
+ --color-nsw-yellow-200: var(--nsw-yellow-200);
166
+ --color-nsw-yellow-250: var(--nsw-yellow-250);
167
+ --color-nsw-yellow-300: var(--nsw-yellow-300);
168
+ --color-nsw-yellow-350: var(--nsw-yellow-350);
169
+ --color-nsw-yellow-400: var(--nsw-yellow-400);
170
+ --color-nsw-yellow-450: var(--nsw-yellow-450);
171
+ --color-nsw-yellow-500: var(--nsw-yellow-500);
172
+ --color-nsw-yellow-550: var(--nsw-yellow-550);
173
+ --color-nsw-yellow-600: var(--nsw-yellow-600);
174
+ --color-nsw-yellow-650: var(--nsw-yellow-650);
175
+ --color-nsw-yellow-700: var(--nsw-yellow-700);
176
+ --color-nsw-yellow-750: var(--nsw-yellow-750);
177
+ --color-nsw-yellow-800: var(--nsw-yellow-800);
178
+ --color-nsw-yellow-850: var(--nsw-yellow-850);
179
+ --color-nsw-yellow-900: var(--nsw-yellow-900);
180
+ --color-nsw-yellow-950: var(--nsw-yellow-950);
181
+ --color-nsw-brown-50: var(--nsw-brown-50);
182
+ --color-nsw-brown-100: var(--nsw-brown-100);
183
+ --color-nsw-brown-150: var(--nsw-brown-150);
184
+ --color-nsw-brown-200: var(--nsw-brown-200);
185
+ --color-nsw-brown-250: var(--nsw-brown-250);
186
+ --color-nsw-brown-300: var(--nsw-brown-300);
187
+ --color-nsw-brown-350: var(--nsw-brown-350);
188
+ --color-nsw-brown-400: var(--nsw-brown-400);
189
+ --color-nsw-brown-450: var(--nsw-brown-450);
190
+ --color-nsw-brown-500: var(--nsw-brown-500);
191
+ --color-nsw-brown-550: var(--nsw-brown-550);
192
+ --color-nsw-brown-600: var(--nsw-brown-600);
193
+ --color-nsw-brown-650: var(--nsw-brown-650);
194
+ --color-nsw-brown-700: var(--nsw-brown-700);
195
+ --color-nsw-brown-750: var(--nsw-brown-750);
196
+ --color-nsw-brown-800: var(--nsw-brown-800);
197
+ --color-nsw-brown-850: var(--nsw-brown-850);
198
+ --color-nsw-brown-900: var(--nsw-brown-900);
199
+ --color-nsw-brown-950: var(--nsw-brown-950);
200
+ --color-nsw-aboriginal-grey-50: var(--nsw-aboriginal-grey-50);
201
+ --color-nsw-aboriginal-grey-100: var(--nsw-aboriginal-grey-100);
202
+ --color-nsw-aboriginal-grey-150: var(--nsw-aboriginal-grey-150);
203
+ --color-nsw-aboriginal-grey-200: var(--nsw-aboriginal-grey-200);
204
+ --color-nsw-aboriginal-grey-250: var(--nsw-aboriginal-grey-250);
205
+ --color-nsw-aboriginal-grey-300: var(--nsw-aboriginal-grey-300);
206
+ --color-nsw-aboriginal-grey-350: var(--nsw-aboriginal-grey-350);
207
+ --color-nsw-aboriginal-grey-400: var(--nsw-aboriginal-grey-400);
208
+ --color-nsw-aboriginal-grey-450: var(--nsw-aboriginal-grey-450);
209
+ --color-nsw-aboriginal-grey-500: var(--nsw-aboriginal-grey-500);
210
+ --color-nsw-aboriginal-grey-550: var(--nsw-aboriginal-grey-550);
211
+ --color-nsw-aboriginal-grey-600: var(--nsw-aboriginal-grey-600);
212
+ --color-nsw-aboriginal-grey-650: var(--nsw-aboriginal-grey-650);
213
+ --color-nsw-aboriginal-grey-700: var(--nsw-aboriginal-grey-700);
214
+ --color-nsw-aboriginal-grey-750: var(--nsw-aboriginal-grey-750);
215
+ --color-nsw-aboriginal-grey-800: var(--nsw-aboriginal-grey-800);
216
+ --color-nsw-aboriginal-grey-850: var(--nsw-aboriginal-grey-850);
217
+ --color-nsw-aboriginal-grey-900: var(--nsw-aboriginal-grey-900);
218
+ --color-nsw-aboriginal-grey-950: var(--nsw-aboriginal-grey-950);
219
+ --color-nsw-aboriginal-red-50: var(--nsw-aboriginal-red-50);
220
+ --color-nsw-aboriginal-red-100: var(--nsw-aboriginal-red-100);
221
+ --color-nsw-aboriginal-red-150: var(--nsw-aboriginal-red-150);
222
+ --color-nsw-aboriginal-red-200: var(--nsw-aboriginal-red-200);
223
+ --color-nsw-aboriginal-red-250: var(--nsw-aboriginal-red-250);
224
+ --color-nsw-aboriginal-red-300: var(--nsw-aboriginal-red-300);
225
+ --color-nsw-aboriginal-red-350: var(--nsw-aboriginal-red-350);
226
+ --color-nsw-aboriginal-red-400: var(--nsw-aboriginal-red-400);
227
+ --color-nsw-aboriginal-red-450: var(--nsw-aboriginal-red-450);
228
+ --color-nsw-aboriginal-red-500: var(--nsw-aboriginal-red-500);
229
+ --color-nsw-aboriginal-red-550: var(--nsw-aboriginal-red-550);
230
+ --color-nsw-aboriginal-red-600: var(--nsw-aboriginal-red-600);
231
+ --color-nsw-aboriginal-red-650: var(--nsw-aboriginal-red-650);
232
+ --color-nsw-aboriginal-red-700: var(--nsw-aboriginal-red-700);
233
+ --color-nsw-aboriginal-red-750: var(--nsw-aboriginal-red-750);
234
+ --color-nsw-aboriginal-red-800: var(--nsw-aboriginal-red-800);
235
+ --color-nsw-aboriginal-red-850: var(--nsw-aboriginal-red-850);
236
+ --color-nsw-aboriginal-red-900: var(--nsw-aboriginal-red-900);
237
+ --color-nsw-aboriginal-red-950: var(--nsw-aboriginal-red-950);
238
+ --color-nsw-aboriginal-orange-50: var(--nsw-aboriginal-orange-50);
239
+ --color-nsw-aboriginal-orange-100: var(--nsw-aboriginal-orange-100);
240
+ --color-nsw-aboriginal-orange-150: var(--nsw-aboriginal-orange-150);
241
+ --color-nsw-aboriginal-orange-200: var(--nsw-aboriginal-orange-200);
242
+ --color-nsw-aboriginal-orange-250: var(--nsw-aboriginal-orange-250);
243
+ --color-nsw-aboriginal-orange-300: var(--nsw-aboriginal-orange-300);
244
+ --color-nsw-aboriginal-orange-350: var(--nsw-aboriginal-orange-350);
245
+ --color-nsw-aboriginal-orange-400: var(--nsw-aboriginal-orange-400);
246
+ --color-nsw-aboriginal-orange-450: var(--nsw-aboriginal-orange-450);
247
+ --color-nsw-aboriginal-orange-500: var(--nsw-aboriginal-orange-500);
248
+ --color-nsw-aboriginal-orange-550: var(--nsw-aboriginal-orange-550);
249
+ --color-nsw-aboriginal-orange-600: var(--nsw-aboriginal-orange-600);
250
+ --color-nsw-aboriginal-orange-650: var(--nsw-aboriginal-orange-650);
251
+ --color-nsw-aboriginal-orange-700: var(--nsw-aboriginal-orange-700);
252
+ --color-nsw-aboriginal-orange-750: var(--nsw-aboriginal-orange-750);
253
+ --color-nsw-aboriginal-orange-800: var(--nsw-aboriginal-orange-800);
254
+ --color-nsw-aboriginal-orange-850: var(--nsw-aboriginal-orange-850);
255
+ --color-nsw-aboriginal-orange-900: var(--nsw-aboriginal-orange-900);
256
+ --color-nsw-aboriginal-orange-950: var(--nsw-aboriginal-orange-950);
257
+ --color-nsw-aboriginal-brown-50: var(--nsw-aboriginal-brown-50);
258
+ --color-nsw-aboriginal-brown-100: var(--nsw-aboriginal-brown-100);
259
+ --color-nsw-aboriginal-brown-150: var(--nsw-aboriginal-brown-150);
260
+ --color-nsw-aboriginal-brown-200: var(--nsw-aboriginal-brown-200);
261
+ --color-nsw-aboriginal-brown-250: var(--nsw-aboriginal-brown-250);
262
+ --color-nsw-aboriginal-brown-300: var(--nsw-aboriginal-brown-300);
263
+ --color-nsw-aboriginal-brown-350: var(--nsw-aboriginal-brown-350);
264
+ --color-nsw-aboriginal-brown-400: var(--nsw-aboriginal-brown-400);
265
+ --color-nsw-aboriginal-brown-450: var(--nsw-aboriginal-brown-450);
266
+ --color-nsw-aboriginal-brown-500: var(--nsw-aboriginal-brown-500);
267
+ --color-nsw-aboriginal-brown-550: var(--nsw-aboriginal-brown-550);
268
+ --color-nsw-aboriginal-brown-600: var(--nsw-aboriginal-brown-600);
269
+ --color-nsw-aboriginal-brown-650: var(--nsw-aboriginal-brown-650);
270
+ --color-nsw-aboriginal-brown-700: var(--nsw-aboriginal-brown-700);
271
+ --color-nsw-aboriginal-brown-750: var(--nsw-aboriginal-brown-750);
272
+ --color-nsw-aboriginal-brown-800: var(--nsw-aboriginal-brown-800);
273
+ --color-nsw-aboriginal-brown-850: var(--nsw-aboriginal-brown-850);
274
+ --color-nsw-aboriginal-brown-900: var(--nsw-aboriginal-brown-900);
275
+ --color-nsw-aboriginal-brown-950: var(--nsw-aboriginal-brown-950);
276
+ --color-nsw-aboriginal-yellow-50: var(--nsw-aboriginal-yellow-50);
277
+ --color-nsw-aboriginal-yellow-100: var(--nsw-aboriginal-yellow-100);
278
+ --color-nsw-aboriginal-yellow-150: var(--nsw-aboriginal-yellow-150);
279
+ --color-nsw-aboriginal-yellow-200: var(--nsw-aboriginal-yellow-200);
280
+ --color-nsw-aboriginal-yellow-250: var(--nsw-aboriginal-yellow-250);
281
+ --color-nsw-aboriginal-yellow-300: var(--nsw-aboriginal-yellow-300);
282
+ --color-nsw-aboriginal-yellow-350: var(--nsw-aboriginal-yellow-350);
283
+ --color-nsw-aboriginal-yellow-400: var(--nsw-aboriginal-yellow-400);
284
+ --color-nsw-aboriginal-yellow-450: var(--nsw-aboriginal-yellow-450);
285
+ --color-nsw-aboriginal-yellow-500: var(--nsw-aboriginal-yellow-500);
286
+ --color-nsw-aboriginal-yellow-550: var(--nsw-aboriginal-yellow-550);
287
+ --color-nsw-aboriginal-yellow-600: var(--nsw-aboriginal-yellow-600);
288
+ --color-nsw-aboriginal-yellow-650: var(--nsw-aboriginal-yellow-650);
289
+ --color-nsw-aboriginal-yellow-700: var(--nsw-aboriginal-yellow-700);
290
+ --color-nsw-aboriginal-yellow-750: var(--nsw-aboriginal-yellow-750);
291
+ --color-nsw-aboriginal-yellow-800: var(--nsw-aboriginal-yellow-800);
292
+ --color-nsw-aboriginal-yellow-850: var(--nsw-aboriginal-yellow-850);
293
+ --color-nsw-aboriginal-yellow-900: var(--nsw-aboriginal-yellow-900);
294
+ --color-nsw-aboriginal-yellow-950: var(--nsw-aboriginal-yellow-950);
295
+ --color-nsw-aboriginal-green-50: var(--nsw-aboriginal-green-50);
296
+ --color-nsw-aboriginal-green-100: var(--nsw-aboriginal-green-100);
297
+ --color-nsw-aboriginal-green-150: var(--nsw-aboriginal-green-150);
298
+ --color-nsw-aboriginal-green-200: var(--nsw-aboriginal-green-200);
299
+ --color-nsw-aboriginal-green-250: var(--nsw-aboriginal-green-250);
300
+ --color-nsw-aboriginal-green-300: var(--nsw-aboriginal-green-300);
301
+ --color-nsw-aboriginal-green-350: var(--nsw-aboriginal-green-350);
302
+ --color-nsw-aboriginal-green-400: var(--nsw-aboriginal-green-400);
303
+ --color-nsw-aboriginal-green-450: var(--nsw-aboriginal-green-450);
304
+ --color-nsw-aboriginal-green-500: var(--nsw-aboriginal-green-500);
305
+ --color-nsw-aboriginal-green-550: var(--nsw-aboriginal-green-550);
306
+ --color-nsw-aboriginal-green-600: var(--nsw-aboriginal-green-600);
307
+ --color-nsw-aboriginal-green-650: var(--nsw-aboriginal-green-650);
308
+ --color-nsw-aboriginal-green-700: var(--nsw-aboriginal-green-700);
309
+ --color-nsw-aboriginal-green-750: var(--nsw-aboriginal-green-750);
310
+ --color-nsw-aboriginal-green-800: var(--nsw-aboriginal-green-800);
311
+ --color-nsw-aboriginal-green-850: var(--nsw-aboriginal-green-850);
312
+ --color-nsw-aboriginal-green-900: var(--nsw-aboriginal-green-900);
313
+ --color-nsw-aboriginal-green-950: var(--nsw-aboriginal-green-950);
314
+ --color-nsw-aboriginal-blue-50: var(--nsw-aboriginal-blue-50);
315
+ --color-nsw-aboriginal-blue-100: var(--nsw-aboriginal-blue-100);
316
+ --color-nsw-aboriginal-blue-150: var(--nsw-aboriginal-blue-150);
317
+ --color-nsw-aboriginal-blue-200: var(--nsw-aboriginal-blue-200);
318
+ --color-nsw-aboriginal-blue-250: var(--nsw-aboriginal-blue-250);
319
+ --color-nsw-aboriginal-blue-300: var(--nsw-aboriginal-blue-300);
320
+ --color-nsw-aboriginal-blue-350: var(--nsw-aboriginal-blue-350);
321
+ --color-nsw-aboriginal-blue-400: var(--nsw-aboriginal-blue-400);
322
+ --color-nsw-aboriginal-blue-450: var(--nsw-aboriginal-blue-450);
323
+ --color-nsw-aboriginal-blue-500: var(--nsw-aboriginal-blue-500);
324
+ --color-nsw-aboriginal-blue-550: var(--nsw-aboriginal-blue-550);
325
+ --color-nsw-aboriginal-blue-600: var(--nsw-aboriginal-blue-600);
326
+ --color-nsw-aboriginal-blue-650: var(--nsw-aboriginal-blue-650);
327
+ --color-nsw-aboriginal-blue-700: var(--nsw-aboriginal-blue-700);
328
+ --color-nsw-aboriginal-blue-750: var(--nsw-aboriginal-blue-750);
329
+ --color-nsw-aboriginal-blue-800: var(--nsw-aboriginal-blue-800);
330
+ --color-nsw-aboriginal-blue-850: var(--nsw-aboriginal-blue-850);
331
+ --color-nsw-aboriginal-blue-900: var(--nsw-aboriginal-blue-900);
332
+ --color-nsw-aboriginal-blue-950: var(--nsw-aboriginal-blue-950);
333
+ --color-nsw-aboriginal-purple-50: var(--nsw-aboriginal-purple-50);
334
+ --color-nsw-aboriginal-purple-100: var(--nsw-aboriginal-purple-100);
335
+ --color-nsw-aboriginal-purple-150: var(--nsw-aboriginal-purple-150);
336
+ --color-nsw-aboriginal-purple-200: var(--nsw-aboriginal-purple-200);
337
+ --color-nsw-aboriginal-purple-250: var(--nsw-aboriginal-purple-250);
338
+ --color-nsw-aboriginal-purple-300: var(--nsw-aboriginal-purple-300);
339
+ --color-nsw-aboriginal-purple-350: var(--nsw-aboriginal-purple-350);
340
+ --color-nsw-aboriginal-purple-400: var(--nsw-aboriginal-purple-400);
341
+ --color-nsw-aboriginal-purple-450: var(--nsw-aboriginal-purple-450);
342
+ --color-nsw-aboriginal-purple-500: var(--nsw-aboriginal-purple-500);
343
+ --color-nsw-aboriginal-purple-550: var(--nsw-aboriginal-purple-550);
344
+ --color-nsw-aboriginal-purple-600: var(--nsw-aboriginal-purple-600);
345
+ --color-nsw-aboriginal-purple-650: var(--nsw-aboriginal-purple-650);
346
+ --color-nsw-aboriginal-purple-700: var(--nsw-aboriginal-purple-700);
347
+ --color-nsw-aboriginal-purple-750: var(--nsw-aboriginal-purple-750);
348
+ --color-nsw-aboriginal-purple-800: var(--nsw-aboriginal-purple-800);
349
+ --color-nsw-aboriginal-purple-850: var(--nsw-aboriginal-purple-850);
350
+ --color-nsw-aboriginal-purple-900: var(--nsw-aboriginal-purple-900);
351
+ --color-nsw-aboriginal-purple-950: var(--nsw-aboriginal-purple-950);
352
+ --color-white: var(--white);
353
+ --color-black: var(--black);
354
+ }
355
+
356
+ :root {
357
+ --nsw-grey-50: #fafafa;
358
+ --nsw-grey-100: #f5f5f5;
359
+ --nsw-grey-150: #f0f0f0;
360
+ --nsw-grey-200: #ebebeb;
361
+ --nsw-grey-250: #e3e5e6;
362
+ --nsw-grey-300: #dcdfe0;
363
+ --nsw-grey-350: #d4d9db;
364
+ --nsw-grey-400: #cdd3d6;
365
+ --nsw-grey-450: #aab0b4;
366
+ --nsw-grey-500: #888f92;
367
+ --nsw-grey-550: #686f72;
368
+ --nsw-grey-600: #495054;
369
+ --nsw-grey-650: #3f4549;
370
+ --nsw-grey-700: #353b3f;
371
+ --nsw-grey-750: #2b3135;
372
+ --nsw-grey-800: #22272b;
373
+ --nsw-grey-850: #181c1f;
374
+ --nsw-grey-900: #0e1113;
375
+ --nsw-grey-950: #050709;
376
+ --nsw-green-50: #f5fff6;
377
+ --nsw-green-100: #ecfdee;
378
+ --nsw-green-150: #e4fce7;
379
+ --nsw-green-200: #dbfadf;
380
+ --nsw-green-250: #cff7d4;
381
+ --nsw-green-300: #c2f4c9;
382
+ --nsw-green-350: #b5f0be;
383
+ --nsw-green-400: #a8edb3;
384
+ --nsw-green-450: #8adc98;
385
+ --nsw-green-500: #6acc7d;
386
+ --nsw-green-550: #45bb62;
387
+ --nsw-green-600: #00aa45;
388
+ --nsw-green-650: #078e32;
389
+ --nsw-green-700: #077320;
390
+ --nsw-green-750: #03590f;
391
+ --nsw-green-800: #004000;
392
+ --nsw-green-850: #003000;
393
+ --nsw-green-900: #002000;
394
+ --nsw-green-950: #001100;
395
+ --nsw-teal-50: #f2fbfa;
396
+ --nsw-teal-100: #e7f7f5;
397
+ --nsw-teal-150: #dcf2ef;
398
+ --nsw-teal-200: #d1eeea;
399
+ --nsw-teal-250: #c1eae7;
400
+ --nsw-teal-300: #afe5e5;
401
+ --nsw-teal-350: #9ee0e5;
402
+ --nsw-teal-400: #8cdbe5;
403
+ --nsw-teal-450: #75c4cf;
404
+ --nsw-teal-500: #5eacb9;
405
+ --nsw-teal-550: #4696a3;
406
+ --nsw-teal-600: #2e808e;
407
+ --nsw-teal-650: #256f7b;
408
+ --nsw-teal-700: #1c5f69;
409
+ --nsw-teal-750: #144e58;
410
+ --nsw-teal-800: #0b3f47;
411
+ --nsw-teal-850: #042f35;
412
+ --nsw-teal-900: #011f24;
413
+ --nsw-teal-950: #001114;
414
+ --nsw-blue-50: #f0fbff;
415
+ --nsw-blue-100: #e4f6ff;
416
+ --nsw-blue-150: #d7f2fe;
417
+ --nsw-blue-200: #cbedfd;
418
+ --nsw-blue-250: #bceafe;
419
+ --nsw-blue-300: #ade7ff;
420
+ --nsw-blue-350: #9de3ff;
421
+ --nsw-blue-400: #8ce0ff;
422
+ --nsw-blue-450: #5ac9ff;
423
+ --nsw-blue-500: #26aeff;
424
+ --nsw-blue-550: #008fff;
425
+ --nsw-blue-600: #146cfd;
426
+ --nsw-blue-650: #0c5ad4;
427
+ --nsw-blue-700: #0548ad;
428
+ --nsw-blue-750: #023688;
429
+ --nsw-blue-800: #002664;
430
+ --nsw-blue-850: #001a4d;
431
+ --nsw-blue-900: #001037;
432
+ --nsw-blue-950: #000622;
433
+ --nsw-purple-50: #f9f7ff;
434
+ --nsw-purple-100: #f2f0ff;
435
+ --nsw-purple-150: #ece8fe;
436
+ --nsw-purple-200: #e6e1fd;
437
+ --nsw-purple-250: #e0d9fe;
438
+ --nsw-purple-300: #dad0fe;
439
+ --nsw-purple-350: #d4c8ff;
440
+ --nsw-purple-400: #cebfff;
441
+ --nsw-purple-450: #baa6fc;
442
+ --nsw-purple-500: #a68df9;
443
+ --nsw-purple-550: #9372f5;
444
+ --nsw-purple-600: #8055f1;
445
+ --nsw-purple-650: #7243cf;
446
+ --nsw-purple-700: #6432ae;
447
+ --nsw-purple-750: #54218e;
448
+ --nsw-purple-800: #441170;
449
+ --nsw-purple-850: #330856;
450
+ --nsw-purple-900: #23023e;
451
+ --nsw-purple-950: #130027;
452
+ --nsw-fuchsia-50: #fff6fd;
453
+ --nsw-fuchsia-100: #ffeef9;
454
+ --nsw-fuchsia-150: #fee6f6;
455
+ --nsw-fuchsia-200: #fddef2;
456
+ --nsw-fuchsia-250: #fbd4ef;
457
+ --nsw-fuchsia-300: #f9c9eb;
458
+ --nsw-fuchsia-350: #f7bfe9;
459
+ --nsw-fuchsia-400: #f4b5e6;
460
+ --nsw-fuchsia-450: #ef96da;
461
+ --nsw-fuchsia-500: #e975cc;
462
+ --nsw-fuchsia-550: #e150be;
463
+ --nsw-fuchsia-600: #d912ae;
464
+ --nsw-fuchsia-650: #bb0c94;
465
+ --nsw-fuchsia-700: #9d067b;
466
+ --nsw-fuchsia-750: #810264;
467
+ --nsw-fuchsia-800: #65004d;
468
+ --nsw-fuchsia-850: #4d003a;
469
+ --nsw-fuchsia-900: #370028;
470
+ --nsw-fuchsia-950: #220017;
471
+ --nsw-red-50: #fff8f9;
472
+ --nsw-red-100: #fff2f4;
473
+ --nsw-red-150: #ffecef;
474
+ --nsw-red-200: #ffe6ea;
475
+ --nsw-red-250: #ffdbe0;
476
+ --nsw-red-300: #ffcfd6;
477
+ --nsw-red-350: #ffc4cc;
478
+ --nsw-red-400: #ffb8c1;
479
+ --nsw-red-450: #f897a2;
480
+ --nsw-red-500: #ef7581;
481
+ --nsw-red-550: #e44f5f;
482
+ --nsw-red-600: #d7153a;
483
+ --nsw-red-650: #b90e32;
484
+ --nsw-red-700: #9b072a;
485
+ --nsw-red-750: #7e0322;
486
+ --nsw-red-800: #630019;
487
+ --nsw-red-850: #4c0010;
488
+ --nsw-red-900: #360008;
489
+ --nsw-red-950: #210003;
490
+ --nsw-orange-50: #fffaf6;
491
+ --nsw-orange-100: #fff6ee;
492
+ --nsw-orange-150: #fef1e7;
493
+ --nsw-orange-200: #fdeddf;
494
+ --nsw-orange-250: #fee5ce;
495
+ --nsw-orange-300: #ffddbd;
496
+ --nsw-orange-350: #ffd6ab;
497
+ --nsw-orange-400: #ffce99;
498
+ --nsw-orange-450: #fdb678;
499
+ --nsw-orange-500: #fb9d58;
500
+ --nsw-orange-550: #f78139;
501
+ --nsw-orange-600: #f3631b;
502
+ --nsw-orange-650: #db5115;
503
+ --nsw-orange-700: #c33f0e;
504
+ --nsw-orange-750: #ab2e06;
505
+ --nsw-orange-800: #941b00;
506
+ --nsw-orange-850: #730f00;
507
+ --nsw-orange-900: #530400;
508
+ --nsw-orange-950: #350000;
509
+ --nsw-yellow-50: #fffcf0;
510
+ --nsw-yellow-100: #fffae5;
511
+ --nsw-yellow-150: #fff7da;
512
+ --nsw-yellow-200: #fff4cf;
513
+ --nsw-yellow-250: #fff1c2;
514
+ --nsw-yellow-300: #feeeb5;
515
+ --nsw-yellow-350: #feeaa8;
516
+ --nsw-yellow-400: #fde79a;
517
+ --nsw-yellow-450: #fbda80;
518
+ --nsw-yellow-500: #facd63;
519
+ --nsw-yellow-550: #fabe42;
520
+ --nsw-yellow-600: #faaf05;
521
+ --nsw-yellow-650: #d49403;
522
+ --nsw-yellow-700: #af7a01;
523
+ --nsw-yellow-750: #8b6000;
524
+ --nsw-yellow-800: #694800;
525
+ --nsw-yellow-850: #503500;
526
+ --nsw-yellow-900: #392400;
527
+ --nsw-yellow-950: #221300;
528
+ --nsw-brown-50: #fbf8f4;
529
+ --nsw-brown-100: #f6f1ea;
530
+ --nsw-brown-150: #f2eae1;
531
+ --nsw-brown-200: #ede3d7;
532
+ --nsw-brown-250: #ecdece;
533
+ --nsw-brown-300: #eadac6;
534
+ --nsw-brown-350: #e9d5bd;
535
+ --nsw-brown-400: #e8d0b5;
536
+ --nsw-brown-450: #dbbf9f;
537
+ --nsw-brown-500: #cfae89;
538
+ --nsw-brown-550: #c29d73;
539
+ --nsw-brown-600: #b68d5d;
540
+ --nsw-brown-650: #9c764b;
541
+ --nsw-brown-700: #82603a;
542
+ --nsw-brown-750: #6a4b29;
543
+ --nsw-brown-800: #523719;
544
+ --nsw-brown-850: #3e280f;
545
+ --nsw-brown-900: #2b1a07;
546
+ --nsw-brown-950: #190d02;
547
+ --nsw-aboriginal-grey-50: #f9f8f7;
548
+ --nsw-aboriginal-grey-100: #f2f1ef;
549
+ --nsw-aboriginal-grey-150: #ebeae8;
550
+ --nsw-aboriginal-grey-200: #e5e3e0;
551
+ --nsw-aboriginal-grey-250: #dfdcd8;
552
+ --nsw-aboriginal-grey-300: #d8d4d1;
553
+ --nsw-aboriginal-grey-350: #d2cdc9;
554
+ --nsw-aboriginal-grey-400: #ccc6c2;
555
+ --nsw-aboriginal-grey-450: #ada8a5;
556
+ --nsw-aboriginal-grey-500: #8e8b8a;
557
+ --nsw-aboriginal-grey-550: #71706f;
558
+ --nsw-aboriginal-grey-600: #555555;
559
+ --nsw-aboriginal-grey-650: #494949;
560
+ --nsw-aboriginal-grey-700: #3d3d3d;
561
+ --nsw-aboriginal-grey-750: #323232;
562
+ --nsw-aboriginal-grey-800: #272727;
563
+ --nsw-aboriginal-grey-850: #1c1c1c;
564
+ --nsw-aboriginal-grey-900: #111111;
565
+ --nsw-aboriginal-grey-950: #070707;
566
+ --nsw-aboriginal-red-50: #fff5f5;
567
+ --nsw-aboriginal-red-100: #ffebeb;
568
+ --nsw-aboriginal-red-150: #fee2e2;
569
+ --nsw-aboriginal-red-200: #fdd9d9;
570
+ --nsw-aboriginal-red-250: #fdd0d0;
571
+ --nsw-aboriginal-red-300: #fcc7c6;
572
+ --nsw-aboriginal-red-350: #fcbdbd;
573
+ --nsw-aboriginal-red-400: #fbb4b3;
574
+ --nsw-aboriginal-red-450: #f79693;
575
+ --nsw-aboriginal-red-500: #f27771;
576
+ --nsw-aboriginal-red-550: #ea554c;
577
+ --nsw-aboriginal-red-600: #e1261c;
578
+ --nsw-aboriginal-red-650: #cd1f17;
579
+ --nsw-aboriginal-red-700: #ba1811;
580
+ --nsw-aboriginal-red-750: #a7110b;
581
+ --nsw-aboriginal-red-800: #950906;
582
+ --nsw-aboriginal-red-850: #740001;
583
+ --nsw-aboriginal-red-900: #540000;
584
+ --nsw-aboriginal-red-950: #360000;
585
+ --nsw-aboriginal-orange-50: #fff4ec;
586
+ --nsw-aboriginal-orange-100: #fee9dd;
587
+ --nsw-aboriginal-orange-150: #fcdfcd;
588
+ --nsw-aboriginal-orange-200: #f9d4be;
589
+ --nsw-aboriginal-orange-250: #f8caae;
590
+ --nsw-aboriginal-orange-300: #f7bf9e;
591
+ --nsw-aboriginal-orange-350: #f6b58e;
592
+ --nsw-aboriginal-orange-400: #f4aa7d;
593
+ --nsw-aboriginal-orange-450: #f39a66;
594
+ --nsw-aboriginal-orange-500: #f2894f;
595
+ --nsw-aboriginal-orange-550: #f07736;
596
+ --nsw-aboriginal-orange-600: #ee6314;
597
+ --nsw-aboriginal-orange-650: #d45310;
598
+ --nsw-aboriginal-orange-700: #ba440a;
599
+ --nsw-aboriginal-orange-750: #a13505;
600
+ --nsw-aboriginal-orange-800: #882600;
601
+ --nsw-aboriginal-orange-850: #691900;
602
+ --nsw-aboriginal-orange-900: #4c0d00;
603
+ --nsw-aboriginal-orange-950: #300300;
604
+ --nsw-aboriginal-brown-50: #fcf1e9;
605
+ --nsw-aboriginal-brown-100: #f6e3d7;
606
+ --nsw-aboriginal-brown-150: #efd5c4;
607
+ --nsw-aboriginal-brown-200: #e9c8b2;
608
+ --nsw-aboriginal-brown-250: #e4ba9f;
609
+ --nsw-aboriginal-brown-300: #dead8c;
610
+ --nsw-aboriginal-brown-350: #d99f78;
611
+ --nsw-aboriginal-brown-400: #d39165;
612
+ --nsw-aboriginal-brown-450: #c68158;
613
+ --nsw-aboriginal-brown-500: #b9724b;
614
+ --nsw-aboriginal-brown-550: #ab623e;
615
+ --nsw-aboriginal-brown-600: #9e5332;
616
+ --nsw-aboriginal-brown-650: #8b4627;
617
+ --nsw-aboriginal-brown-700: #79391c;
618
+ --nsw-aboriginal-brown-750: #672d10;
619
+ --nsw-aboriginal-brown-800: #552105;
620
+ --nsw-aboriginal-brown-850: #411602;
621
+ --nsw-aboriginal-brown-900: #2d0c00;
622
+ --nsw-aboriginal-brown-950: #1b0400;
623
+ --nsw-aboriginal-yellow-50: #fffcee;
624
+ --nsw-aboriginal-yellow-100: #fff8e0;
625
+ --nsw-aboriginal-yellow-150: #fff5d3;
626
+ --nsw-aboriginal-yellow-200: #fff1c5;
627
+ --nsw-aboriginal-yellow-250: #ffeeb7;
628
+ --nsw-aboriginal-yellow-300: #ffeba9;
629
+ --nsw-aboriginal-yellow-350: #fee79b;
630
+ --nsw-aboriginal-yellow-400: #fee48c;
631
+ --nsw-aboriginal-yellow-450: #fed675;
632
+ --nsw-aboriginal-yellow-500: #fec85d;
633
+ --nsw-aboriginal-yellow-550: #feb944;
634
+ --nsw-aboriginal-yellow-600: #fea927;
635
+ --nsw-aboriginal-yellow-650: #df961c;
636
+ --nsw-aboriginal-yellow-700: #c18312;
637
+ --nsw-aboriginal-yellow-750: #a57007;
638
+ --nsw-aboriginal-yellow-800: #895e00;
639
+ --nsw-aboriginal-yellow-850: #694700;
640
+ --nsw-aboriginal-yellow-900: #4c3000;
641
+ --nsw-aboriginal-yellow-950: #2f1c00;
642
+ --nsw-aboriginal-green-50: #f5f9f2;
643
+ --nsw-aboriginal-green-100: #ecf3e7;
644
+ --nsw-aboriginal-green-150: #e3ecdc;
645
+ --nsw-aboriginal-green-200: #dae6d1;
646
+ --nsw-aboriginal-green-250: #d1e0c6;
647
+ --nsw-aboriginal-green-300: #c7d9ba;
648
+ --nsw-aboriginal-green-350: #bed3af;
649
+ --nsw-aboriginal-green-400: #b5cda4;
650
+ --nsw-aboriginal-green-450: #a5c28e;
651
+ --nsw-aboriginal-green-500: #95b777;
652
+ --nsw-aboriginal-green-550: #86ac60;
653
+ --nsw-aboriginal-green-600: #78a146;
654
+ --nsw-aboriginal-green-650: #5f8f44;
655
+ --nsw-aboriginal-green-700: #497d40;
656
+ --nsw-aboriginal-green-750: #346a3b;
657
+ --nsw-aboriginal-green-800: #215834;
658
+ --nsw-aboriginal-green-850: #154225;
659
+ --nsw-aboriginal-green-900: #0a2e17;
660
+ --nsw-aboriginal-green-950: #021b0a;
661
+ --nsw-aboriginal-blue-50: #eef8fa;
662
+ --nsw-aboriginal-blue-100: #dff1f4;
663
+ --nsw-aboriginal-blue-150: #d0e9ee;
664
+ --nsw-aboriginal-blue-200: #c1e2e8;
665
+ --nsw-aboriginal-blue-250: #b2dbe2;
666
+ --nsw-aboriginal-blue-300: #a3d4dc;
667
+ --nsw-aboriginal-blue-350: #94ccd7;
668
+ --nsw-aboriginal-blue-400: #84c5d1;
669
+ --nsw-aboriginal-blue-450: #67aec0;
670
+ --nsw-aboriginal-blue-500: #4a96b0;
671
+ --nsw-aboriginal-blue-550: #2e7fa1;
672
+ --nsw-aboriginal-blue-600: #0d6791;
673
+ --nsw-aboriginal-blue-650: #095d84;
674
+ --nsw-aboriginal-blue-700: #055377;
675
+ --nsw-aboriginal-blue-750: #02496a;
676
+ --nsw-aboriginal-blue-800: #00405e;
677
+ --nsw-aboriginal-blue-850: #002f48;
678
+ --nsw-aboriginal-blue-900: #002033;
679
+ --nsw-aboriginal-blue-950: #00111f;
680
+ --nsw-aboriginal-purple-50: #faf1f8;
681
+ --nsw-aboriginal-purple-100: #f2e5f0;
682
+ --nsw-aboriginal-purple-150: #ebd8e8;
683
+ --nsw-aboriginal-purple-200: #e4cce0;
684
+ --nsw-aboriginal-purple-250: #ddbfd8;
685
+ --nsw-aboriginal-purple-300: #d7b3d1;
686
+ --nsw-aboriginal-purple-350: #d0a6c9;
687
+ --nsw-aboriginal-purple-400: #c99ac2;
688
+ --nsw-aboriginal-purple-450: #bd8bb6;
689
+ --nsw-aboriginal-purple-500: #b17caa;
690
+ --nsw-aboriginal-purple-550: #a66d9f;
691
+ --nsw-aboriginal-purple-600: #9a5e93;
692
+ --nsw-aboriginal-purple-650: #844f7e;
693
+ --nsw-aboriginal-purple-700: #6f4169;
694
+ --nsw-aboriginal-purple-750: #5b3355;
695
+ --nsw-aboriginal-purple-800: #472642;
696
+ --nsw-aboriginal-purple-850: #351a31;
697
+ --nsw-aboriginal-purple-900: #241021;
698
+ --nsw-aboriginal-purple-950: #150612;
699
+ --white: #ffffff;
700
+ --black: #000000;
701
+ }
702
+
703
+
704
+ /* ── tailwind/colors/semantic/hex.css ── */
705
+ @theme inline {
706
+ --color-success-50: var(--success-50);
707
+ --color-success-100: var(--success-100);
708
+ --color-success-150: var(--success-150);
709
+ --color-success-200: var(--success-200);
710
+ --color-success-250: var(--success-250);
711
+ --color-success-300: var(--success-300);
712
+ --color-success-350: var(--success-350);
713
+ --color-success-400: var(--success-400);
714
+ --color-success-450: var(--success-450);
715
+ --color-success-500: var(--success-500);
716
+ --color-success-550: var(--success-550);
717
+ --color-success-600: var(--success-600);
718
+ --color-success-650: var(--success-650);
719
+ --color-success-700: var(--success-700);
720
+ --color-success-750: var(--success-750);
721
+ --color-success-800: var(--success-800);
722
+ --color-success-850: var(--success-850);
723
+ --color-success-900: var(--success-900);
724
+ --color-success-950: var(--success-950);
725
+ --color-warning-50: var(--warning-50);
726
+ --color-warning-100: var(--warning-100);
727
+ --color-warning-150: var(--warning-150);
728
+ --color-warning-200: var(--warning-200);
729
+ --color-warning-250: var(--warning-250);
730
+ --color-warning-300: var(--warning-300);
731
+ --color-warning-350: var(--warning-350);
732
+ --color-warning-400: var(--warning-400);
733
+ --color-warning-450: var(--warning-450);
734
+ --color-warning-500: var(--warning-500);
735
+ --color-warning-550: var(--warning-550);
736
+ --color-warning-600: var(--warning-600);
737
+ --color-warning-650: var(--warning-650);
738
+ --color-warning-700: var(--warning-700);
739
+ --color-warning-750: var(--warning-750);
740
+ --color-warning-800: var(--warning-800);
741
+ --color-warning-850: var(--warning-850);
742
+ --color-warning-900: var(--warning-900);
743
+ --color-warning-950: var(--warning-950);
744
+ --color-danger-50: var(--danger-50);
745
+ --color-danger-100: var(--danger-100);
746
+ --color-danger-150: var(--danger-150);
747
+ --color-danger-200: var(--danger-200);
748
+ --color-danger-250: var(--danger-250);
749
+ --color-danger-300: var(--danger-300);
750
+ --color-danger-350: var(--danger-350);
751
+ --color-danger-400: var(--danger-400);
752
+ --color-danger-450: var(--danger-450);
753
+ --color-danger-500: var(--danger-500);
754
+ --color-danger-550: var(--danger-550);
755
+ --color-danger-600: var(--danger-600);
756
+ --color-danger-650: var(--danger-650);
757
+ --color-danger-700: var(--danger-700);
758
+ --color-danger-750: var(--danger-750);
759
+ --color-danger-800: var(--danger-800);
760
+ --color-danger-850: var(--danger-850);
761
+ --color-danger-900: var(--danger-900);
762
+ --color-danger-950: var(--danger-950);
763
+ --color-info-50: var(--info-50);
764
+ --color-info-100: var(--info-100);
765
+ --color-info-150: var(--info-150);
766
+ --color-info-200: var(--info-200);
767
+ --color-info-250: var(--info-250);
768
+ --color-info-300: var(--info-300);
769
+ --color-info-350: var(--info-350);
770
+ --color-info-400: var(--info-400);
771
+ --color-info-450: var(--info-450);
772
+ --color-info-500: var(--info-500);
773
+ --color-info-550: var(--info-550);
774
+ --color-info-600: var(--info-600);
775
+ --color-info-650: var(--info-650);
776
+ --color-info-700: var(--info-700);
777
+ --color-info-750: var(--info-750);
778
+ --color-info-800: var(--info-800);
779
+ --color-info-850: var(--info-850);
780
+ --color-info-900: var(--info-900);
781
+ --color-info-950: var(--info-950);
782
+ }
783
+
784
+ :root {
785
+ --success-50: #eff9ed;
786
+ --success-100: #e0f3de;
787
+ --success-150: #d2eccf;
788
+ --success-200: #c4e5c0;
789
+ --success-250: #aad6a5;
790
+ --success-300: #8fc78a;
791
+ --success-350: #74b76f;
792
+ --success-400: #58a854;
793
+ --success-450: #49a146;
794
+ --success-500: #399936;
795
+ --success-550: #259224;
796
+ --success-600: #008a07;
797
+ --success-650: #007204;
798
+ --success-700: #005a02;
799
+ --success-750: #004401;
800
+ --success-800: #002f00;
801
+ --success-850: #002200;
802
+ --success-900: #001600;
803
+ --success-950: #000b00;
804
+ --warning-50: #fff3ed;
805
+ --warning-100: #ffe8de;
806
+ --warning-150: #ffddcf;
807
+ --warning-200: #fdd2c0;
808
+ --warning-250: #f6bda5;
809
+ --warning-300: #eea88a;
810
+ --warning-350: #e6936f;
811
+ --warning-400: #dd7d53;
812
+ --warning-450: #d87244;
813
+ --warning-500: #d36734;
814
+ --warning-550: #ce5c21;
815
+ --warning-600: #c95000;
816
+ --warning-650: #a83f03;
817
+ --warning-700: #882f03;
818
+ --warning-750: #692001;
819
+ --warning-800: #4b1200;
820
+ --warning-850: #390a00;
821
+ --warning-900: #270400;
822
+ --warning-950: #170100;
823
+ --danger-50: #fff0ef;
824
+ --danger-100: #ffe2e1;
825
+ --danger-150: #ffd4d4;
826
+ --danger-200: #fdc6c6;
827
+ --danger-250: #f4acad;
828
+ --danger-300: #ea9294;
829
+ --danger-350: #df787c;
830
+ --danger-400: #d35d65;
831
+ --danger-450: #cd4e59;
832
+ --danger-500: #c63f4e;
833
+ --danger-550: #bf2c42;
834
+ --danger-600: #b81237;
835
+ --danger-650: #990b2a;
836
+ --danger-700: #7c061f;
837
+ --danger-750: #5f0214;
838
+ --danger-800: #44000a;
839
+ --danger-850: #330005;
840
+ --danger-900: #230002;
841
+ --danger-950: #140001;
842
+ --info-50: #e9eef7;
843
+ --info-100: #d4ddeb;
844
+ --info-150: #c0cce0;
845
+ --info-200: #acbbd5;
846
+ --info-250: #96a9cc;
847
+ --info-300: #8098c2;
848
+ --info-350: #6b86b8;
849
+ --info-400: #5775ae;
850
+ --info-450: #4d6ca9;
851
+ --info-500: #4264a4;
852
+ --info-550: #385b9e;
853
+ --info-600: #2e5299;
854
+ --info-650: #23427f;
855
+ --info-700: #193366;
856
+ --info-750: #10254f;
857
+ --info-800: #071738;
858
+ --info-850: #040f2a;
859
+ --info-900: #02071c;
860
+ --info-950: #00030f;
861
+ }
862
+
863
+
864
+ /* ── tailwind/space/global.css ── */
865
+ @theme {
866
+ --spacing-0: 0rem;
867
+ --spacing-1: 0.25rem;
868
+ --spacing-2: 0.5rem;
869
+ --spacing-3: 0.75rem;
870
+ --spacing-4: 1rem;
871
+ --spacing-5: 1.25rem;
872
+ --spacing-6: 1.5rem;
873
+ --spacing-8: 2rem;
874
+ --spacing-10: 2.5rem;
875
+ --spacing-12: 3rem;
876
+ --spacing-14: 3.5rem;
877
+ --spacing-16: 4rem;
878
+ }
879
+
880
+
881
+ /* ── tailwind/radius/global.css ── */
882
+ @theme {
883
+ --radius-none: 0px;
884
+ --radius-sm: 4px;
885
+ --radius-md: 8px;
886
+ --radius-lg: 16px;
887
+ --radius-pill: 9999px;
888
+ }
889
+
890
+
891
+ /* ── tailwind/breakpoints/global.css ── */
892
+ @theme {
893
+ --breakpoint-xs: 480px;
894
+ --breakpoint-sm: 768px;
895
+ --breakpoint-md: 992px;
896
+ --breakpoint-lg: 1200px;
897
+ --breakpoint-xl: 1600px;
898
+ }
899
+
900
+
901
+ /* ── tailwind/typography/global.css ── */
902
+ @theme {
903
+ --font-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
904
+ --font-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
905
+ --font-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
906
+ --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
907
+ --text-12: 0.75rem;
908
+ --text-14: 0.875rem;
909
+ --text-16: 1rem;
910
+ --text-18: 1.125rem;
911
+ --text-20: 1.25rem;
912
+ --text-22: 1.375rem;
913
+ --text-24: 1.5rem;
914
+ --text-30: 1.875rem;
915
+ --text-36: 2.25rem;
916
+ --text-48: 3rem;
917
+ --text-56: 3.5rem;
918
+ --text-64: 4rem;
919
+ --font-weight-light: 300;
920
+ --font-weight-regular: 400;
921
+ --font-weight-medium: 500;
922
+ --font-weight-semibold: 600;
923
+ --font-weight-bold: 700;
924
+ --font-weight-extrabold: 800;
925
+ --leading-none: 1;
926
+ --leading-tight: 1.2;
927
+ --leading-snug: 1.3333333;
928
+ --leading-base: 1.5;
929
+ --leading-relaxed: 1.6;
930
+ --leading-loose: 1.75;
931
+ --tracking-tight: -0.0125em;
932
+ --tracking-normal: 0em;
933
+ --tracking-wide: 0.025em;
934
+ }
935
+
936
+
937
+ /* ── tailwind/border/global.css ── */
938
+ @theme {
939
+ --border-width-thin: 0.0625rem;
940
+ --border-width-thick: 0.125rem;
941
+ --border-width-thicker: 0.25rem;
942
+ --border-width-default: 0.0625rem;
943
+ }
944
+
945
+
946
+ /* ── tailwind/shadow/global.css ── */
947
+ @theme {
948
+ --inset-shadow-thin: inset 0 0 0 0.0625rem;
949
+ --inset-shadow-thick: inset 0 0 0 0.125rem;
950
+ --inset-shadow-thicker: inset 0 0 0 0.25rem;
951
+ --shadow-color-5: rgb(0 0 0 / 0.05);
952
+ --shadow-color-10: rgb(0 0 0 / 0.1);
953
+ --shadow-color-25: rgb(0 0 0 / 0.25);
954
+ --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
955
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
956
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
957
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
958
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nswds/tokens",
3
- "version": "3.5.1",
3
+ "version": "3.6.0",
4
4
  "description": "Design tokens for NSW Government digital products, providing colour tokens, theme outputs, and brand assets for use across CSS, SCSS, Less, JavaScript, TypeScript, JSON, Tailwind, Figma, and DTCG-compatible workflows.",
5
5
  "license": "MPL-2.0",
6
6
  "keywords": [