@nswds/tokens 3.0.1 → 3.1.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 (68) hide show
  1. package/dist/css/breakpoints/global.css +7 -0
  2. package/dist/css/colors/semantic/hex.css +76 -76
  3. package/dist/css/colors/semantic/hsl.css +76 -76
  4. package/dist/css/colors/semantic/oklch.css +76 -76
  5. package/dist/css/colors/semantic/rgb.css +76 -76
  6. package/dist/css/colors/themes/masterbrand/hex.css +57 -57
  7. package/dist/css/colors/themes/masterbrand/hsl.css +57 -57
  8. package/dist/css/colors/themes/masterbrand/oklch.css +57 -57
  9. package/dist/css/colors/themes/masterbrand/rgb.css +57 -57
  10. package/dist/css/radius/global.css +7 -0
  11. package/dist/css/space/global.css +14 -0
  12. package/dist/index.cjs +815 -31
  13. package/dist/index.cjs.map +1 -1
  14. package/dist/index.d.cts +263 -0
  15. package/dist/index.d.ts +263 -0
  16. package/dist/index.js +815 -31
  17. package/dist/index.js.map +1 -1
  18. package/dist/js/breakpoints/global.js +7 -0
  19. package/dist/js/radius/global.js +7 -0
  20. package/dist/js/space/global.js +14 -0
  21. package/dist/json/breakpoints/global.json +9 -0
  22. package/dist/json/radius/global.json +9 -0
  23. package/dist/json/space/global.json +16 -0
  24. package/dist/less/breakpoints/global.less +5 -0
  25. package/dist/less/colors/semantic/hex.less +76 -76
  26. package/dist/less/colors/semantic/hsl.less +76 -76
  27. package/dist/less/colors/semantic/oklch.less +76 -76
  28. package/dist/less/colors/semantic/rgb.less +76 -76
  29. package/dist/less/colors/themes/masterbrand/hex.less +57 -57
  30. package/dist/less/colors/themes/masterbrand/hsl.less +57 -57
  31. package/dist/less/colors/themes/masterbrand/oklch.less +57 -57
  32. package/dist/less/colors/themes/masterbrand/rgb.less +57 -57
  33. package/dist/less/radius/global.less +5 -0
  34. package/dist/less/space/global.less +12 -0
  35. package/dist/scss/breakpoints/global.scss +5 -0
  36. package/dist/scss/colors/semantic/hex.scss +76 -76
  37. package/dist/scss/colors/semantic/hsl.scss +76 -76
  38. package/dist/scss/colors/semantic/oklch.scss +76 -76
  39. package/dist/scss/colors/semantic/rgb.scss +76 -76
  40. package/dist/scss/colors/themes/masterbrand/hex.scss +57 -57
  41. package/dist/scss/colors/themes/masterbrand/hsl.scss +57 -57
  42. package/dist/scss/colors/themes/masterbrand/oklch.scss +57 -57
  43. package/dist/scss/colors/themes/masterbrand/rgb.scss +57 -57
  44. package/dist/scss/radius/global.scss +5 -0
  45. package/dist/scss/space/global.scss +12 -0
  46. package/dist/tailwind/breakpoints/global.css +7 -0
  47. package/dist/tailwind/radius/global.css +7 -0
  48. package/dist/tailwind/space/global.css +14 -0
  49. package/dist/tokens/breakpoints.base.json +44 -0
  50. package/dist/tokens/global/breakpoints/canonical.json +44 -0
  51. package/dist/tokens/global/radius/canonical.json +44 -0
  52. package/dist/tokens/global/space/canonical.json +100 -0
  53. package/dist/tokens/radius.base.json +44 -0
  54. package/dist/tokens/semantic/color/canonical.json +76 -0
  55. package/dist/tokens/semantic/color/hex.json +76 -0
  56. package/dist/tokens/semantic/color/hsl.json +76 -0
  57. package/dist/tokens/semantic/color/oklch.json +76 -0
  58. package/dist/tokens/semantic/color/rgb.json +76 -0
  59. package/dist/tokens/space.base.json +100 -0
  60. package/dist/tokens/themes/color/masterbrand/canonical.json +57 -0
  61. package/dist/tokens/themes/color/masterbrand/hex.json +57 -0
  62. package/dist/tokens/themes/color/masterbrand/hsl.json +57 -0
  63. package/dist/tokens/themes/color/masterbrand/oklch.json +57 -0
  64. package/dist/tokens/themes/color/masterbrand/rgb.json +57 -0
  65. package/dist/ts/breakpoints/global.ts +7 -0
  66. package/dist/ts/radius/global.ts +7 -0
  67. package/dist/ts/space/global.ts +14 -0
  68. package/package.json +1 -1
package/dist/tokens/themes/color/masterbrand/canonical.json CHANGED
@@ -2,234 +2,291 @@
2
2
  "primary": {
3
3
  "50": {
4
4
  "$type": "color",
5
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 50: lightest tints for subtle backgrounds and surfaces.",
5
6
  "$value": "{nsw-blue.50}"
6
7
  },
7
8
  "100": {
8
9
  "$type": "color",
10
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 100: lightest tints for subtle backgrounds and surfaces.",
9
11
  "$value": "{nsw-blue.100}"
10
12
  },
11
13
  "150": {
12
14
  "$type": "color",
15
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 150: lightest tints for subtle backgrounds and surfaces.",
13
16
  "$value": "{nsw-blue.150}"
14
17
  },
15
18
  "200": {
16
19
  "$type": "color",
20
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 200: lightest tints for subtle backgrounds and surfaces.",
17
21
  "$value": "{nsw-blue.200}"
18
22
  },
19
23
  "250": {
20
24
  "$type": "color",
25
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 250: lightest tints for subtle backgrounds and surfaces.",
21
26
  "$value": "{nsw-blue.250}"
22
27
  },
23
28
  "300": {
24
29
  "$type": "color",
30
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 300: light tints.",
25
31
  "$value": "{nsw-blue.300}"
26
32
  },
27
33
  "350": {
28
34
  "$type": "color",
35
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 350: light tints.",
29
36
  "$value": "{nsw-blue.350}"
30
37
  },
31
38
  "400": {
32
39
  "$type": "color",
40
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 400: light tints.",
33
41
  "$value": "{nsw-blue.400}"
34
42
  },
35
43
  "450": {
36
44
  "$type": "color",
45
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 450: light tints.",
37
46
  "$value": "{nsw-blue.450}"
38
47
  },
39
48
  "500": {
40
49
  "$type": "color",
50
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 500: base colour.",
41
51
  "$value": "{nsw-blue.500}"
42
52
  },
43
53
  "550": {
44
54
  "$type": "color",
55
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 550: shades for borders and icons.",
45
56
  "$value": "{nsw-blue.550}"
46
57
  },
47
58
  "600": {
48
59
  "$type": "color",
60
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 600: shades for borders and icons.",
49
61
  "$value": "{nsw-blue.600}"
50
62
  },
51
63
  "650": {
52
64
  "$type": "color",
65
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 650: shades for borders and icons.",
53
66
  "$value": "{nsw-blue.650}"
54
67
  },
55
68
  "700": {
56
69
  "$type": "color",
70
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 700: shades for borders and icons.",
57
71
  "$value": "{nsw-blue.700}"
58
72
  },
59
73
  "750": {
60
74
  "$type": "color",
75
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 750: darkest shades for text and high emphasis.",
61
76
  "$value": "{nsw-blue.750}"
62
77
  },
63
78
  "800": {
64
79
  "$type": "color",
80
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 800: darkest shades for text and high emphasis.",
65
81
  "$value": "{nsw-blue.800}"
66
82
  },
67
83
  "850": {
68
84
  "$type": "color",
85
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 850: darkest shades for text and high emphasis.",
69
86
  "$value": "{nsw-blue.850}"
70
87
  },
71
88
  "900": {
72
89
  "$type": "color",
90
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 900: darkest shades for text and high emphasis.",
73
91
  "$value": "{nsw-blue.900}"
74
92
  },
75
93
  "950": {
76
94
  "$type": "color",
95
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 950: darkest shades for text and high emphasis.",
77
96
  "$value": "{nsw-blue.950}"
78
97
  }
79
98
  },
80
99
  "accent": {
81
100
  "50": {
82
101
  "$type": "color",
102
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 50: lightest tints for subtle backgrounds and surfaces.",
83
103
  "$value": "{nsw-red.50}"
84
104
  },
85
105
  "100": {
86
106
  "$type": "color",
107
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 100: lightest tints for subtle backgrounds and surfaces.",
87
108
  "$value": "{nsw-red.100}"
88
109
  },
89
110
  "150": {
90
111
  "$type": "color",
112
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 150: lightest tints for subtle backgrounds and surfaces.",
91
113
  "$value": "{nsw-red.150}"
92
114
  },
93
115
  "200": {
94
116
  "$type": "color",
117
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 200: lightest tints for subtle backgrounds and surfaces.",
95
118
  "$value": "{nsw-red.200}"
96
119
  },
97
120
  "250": {
98
121
  "$type": "color",
122
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 250: lightest tints for subtle backgrounds and surfaces.",
99
123
  "$value": "{nsw-red.250}"
100
124
  },
101
125
  "300": {
102
126
  "$type": "color",
127
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 300: light tints.",
103
128
  "$value": "{nsw-red.300}"
104
129
  },
105
130
  "350": {
106
131
  "$type": "color",
132
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 350: light tints.",
107
133
  "$value": "{nsw-red.350}"
108
134
  },
109
135
  "400": {
110
136
  "$type": "color",
137
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 400: light tints.",
111
138
  "$value": "{nsw-red.400}"
112
139
  },
113
140
  "450": {
114
141
  "$type": "color",
142
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 450: light tints.",
115
143
  "$value": "{nsw-red.450}"
116
144
  },
117
145
  "500": {
118
146
  "$type": "color",
147
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 500: base colour.",
119
148
  "$value": "{nsw-red.500}"
120
149
  },
121
150
  "550": {
122
151
  "$type": "color",
152
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 550: shades for borders and icons.",
123
153
  "$value": "{nsw-red.550}"
124
154
  },
125
155
  "600": {
126
156
  "$type": "color",
157
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 600: shades for borders and icons.",
127
158
  "$value": "{nsw-red.600}"
128
159
  },
129
160
  "650": {
130
161
  "$type": "color",
162
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 650: shades for borders and icons.",
131
163
  "$value": "{nsw-red.650}"
132
164
  },
133
165
  "700": {
134
166
  "$type": "color",
167
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 700: shades for borders and icons.",
135
168
  "$value": "{nsw-red.700}"
136
169
  },
137
170
  "750": {
138
171
  "$type": "color",
172
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 750: darkest shades for text and high emphasis.",
139
173
  "$value": "{nsw-red.750}"
140
174
  },
141
175
  "800": {
142
176
  "$type": "color",
177
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 800: darkest shades for text and high emphasis.",
143
178
  "$value": "{nsw-red.800}"
144
179
  },
145
180
  "850": {
146
181
  "$type": "color",
182
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 850: darkest shades for text and high emphasis.",
147
183
  "$value": "{nsw-red.850}"
148
184
  },
149
185
  "900": {
150
186
  "$type": "color",
187
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 900: darkest shades for text and high emphasis.",
151
188
  "$value": "{nsw-red.900}"
152
189
  },
153
190
  "950": {
154
191
  "$type": "color",
192
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 950: darkest shades for text and high emphasis.",
155
193
  "$value": "{nsw-red.950}"
156
194
  }
157
195
  },
158
196
  "grey": {
159
197
  "50": {
160
198
  "$type": "color",
199
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 50: lightest tints for subtle backgrounds and surfaces.",
161
200
  "$value": "{nsw-grey.50}"
162
201
  },
163
202
  "100": {
164
203
  "$type": "color",
204
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 100: lightest tints for subtle backgrounds and surfaces.",
165
205
  "$value": "{nsw-grey.100}"
166
206
  },
167
207
  "150": {
168
208
  "$type": "color",
209
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 150: lightest tints for subtle backgrounds and surfaces.",
169
210
  "$value": "{nsw-grey.150}"
170
211
  },
171
212
  "200": {
172
213
  "$type": "color",
214
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 200: lightest tints for subtle backgrounds and surfaces.",
173
215
  "$value": "{nsw-grey.200}"
174
216
  },
175
217
  "250": {
176
218
  "$type": "color",
219
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 250: lightest tints for subtle backgrounds and surfaces.",
177
220
  "$value": "{nsw-grey.250}"
178
221
  },
179
222
  "300": {
180
223
  "$type": "color",
224
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 300: light tints.",
181
225
  "$value": "{nsw-grey.300}"
182
226
  },
183
227
  "350": {
184
228
  "$type": "color",
229
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 350: light tints.",
185
230
  "$value": "{nsw-grey.350}"
186
231
  },
187
232
  "400": {
188
233
  "$type": "color",
234
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 400: light tints.",
189
235
  "$value": "{nsw-grey.400}"
190
236
  },
191
237
  "450": {
192
238
  "$type": "color",
239
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 450: light tints.",
193
240
  "$value": "{nsw-grey.450}"
194
241
  },
195
242
  "500": {
196
243
  "$type": "color",
244
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 500: base colour.",
197
245
  "$value": "{nsw-grey.500}"
198
246
  },
199
247
  "550": {
200
248
  "$type": "color",
249
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 550: shades for borders and icons.",
201
250
  "$value": "{nsw-grey.550}"
202
251
  },
203
252
  "600": {
204
253
  "$type": "color",
254
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 600: shades for borders and icons.",
205
255
  "$value": "{nsw-grey.600}"
206
256
  },
207
257
  "650": {
208
258
  "$type": "color",
259
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 650: shades for borders and icons.",
209
260
  "$value": "{nsw-grey.650}"
210
261
  },
211
262
  "700": {
212
263
  "$type": "color",
264
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 700: shades for borders and icons.",
213
265
  "$value": "{nsw-grey.700}"
214
266
  },
215
267
  "750": {
216
268
  "$type": "color",
269
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 750: darkest shades for text and high emphasis.",
217
270
  "$value": "{nsw-grey.750}"
218
271
  },
219
272
  "800": {
220
273
  "$type": "color",
274
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 800: darkest shades for text and high emphasis.",
221
275
  "$value": "{nsw-grey.800}"
222
276
  },
223
277
  "850": {
224
278
  "$type": "color",
279
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 850: darkest shades for text and high emphasis.",
225
280
  "$value": "{nsw-grey.850}"
226
281
  },
227
282
  "900": {
228
283
  "$type": "color",
284
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 900: darkest shades for text and high emphasis.",
229
285
  "$value": "{nsw-grey.900}"
230
286
  },
231
287
  "950": {
232
288
  "$type": "color",
289
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 950: darkest shades for text and high emphasis.",
233
290
  "$value": "{nsw-grey.950}"
234
291
  }
235
292
  }
package/dist/tokens/themes/color/masterbrand/hex.json CHANGED
@@ -2,234 +2,291 @@
2
2
  "primary": {
3
3
  "50": {
4
4
  "$type": "color",
5
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 50: lightest tints for subtle backgrounds and surfaces.",
5
6
  "$value": "{nsw-blue.50}"
6
7
  },
7
8
  "100": {
8
9
  "$type": "color",
10
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 100: lightest tints for subtle backgrounds and surfaces.",
9
11
  "$value": "{nsw-blue.100}"
10
12
  },
11
13
  "150": {
12
14
  "$type": "color",
15
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 150: lightest tints for subtle backgrounds and surfaces.",
13
16
  "$value": "{nsw-blue.150}"
14
17
  },
15
18
  "200": {
16
19
  "$type": "color",
20
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 200: lightest tints for subtle backgrounds and surfaces.",
17
21
  "$value": "{nsw-blue.200}"
18
22
  },
19
23
  "250": {
20
24
  "$type": "color",
25
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 250: lightest tints for subtle backgrounds and surfaces.",
21
26
  "$value": "{nsw-blue.250}"
22
27
  },
23
28
  "300": {
24
29
  "$type": "color",
30
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 300: light tints.",
25
31
  "$value": "{nsw-blue.300}"
26
32
  },
27
33
  "350": {
28
34
  "$type": "color",
35
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 350: light tints.",
29
36
  "$value": "{nsw-blue.350}"
30
37
  },
31
38
  "400": {
32
39
  "$type": "color",
40
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 400: light tints.",
33
41
  "$value": "{nsw-blue.400}"
34
42
  },
35
43
  "450": {
36
44
  "$type": "color",
45
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 450: light tints.",
37
46
  "$value": "{nsw-blue.450}"
38
47
  },
39
48
  "500": {
40
49
  "$type": "color",
50
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 500: base colour.",
41
51
  "$value": "{nsw-blue.500}"
42
52
  },
43
53
  "550": {
44
54
  "$type": "color",
55
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 550: shades for borders and icons.",
45
56
  "$value": "{nsw-blue.550}"
46
57
  },
47
58
  "600": {
48
59
  "$type": "color",
60
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 600: shades for borders and icons.",
49
61
  "$value": "{nsw-blue.600}"
50
62
  },
51
63
  "650": {
52
64
  "$type": "color",
65
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 650: shades for borders and icons.",
53
66
  "$value": "{nsw-blue.650}"
54
67
  },
55
68
  "700": {
56
69
  "$type": "color",
70
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 700: shades for borders and icons.",
57
71
  "$value": "{nsw-blue.700}"
58
72
  },
59
73
  "750": {
60
74
  "$type": "color",
75
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 750: darkest shades for text and high emphasis.",
61
76
  "$value": "{nsw-blue.750}"
62
77
  },
63
78
  "800": {
64
79
  "$type": "color",
80
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 800: darkest shades for text and high emphasis.",
65
81
  "$value": "{nsw-blue.800}"
66
82
  },
67
83
  "850": {
68
84
  "$type": "color",
85
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 850: darkest shades for text and high emphasis.",
69
86
  "$value": "{nsw-blue.850}"
70
87
  },
71
88
  "900": {
72
89
  "$type": "color",
90
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 900: darkest shades for text and high emphasis.",
73
91
  "$value": "{nsw-blue.900}"
74
92
  },
75
93
  "950": {
76
94
  "$type": "color",
95
+ "$description": "Primary brand colour — primary actions, links, and key accents. Step 950: darkest shades for text and high emphasis.",
77
96
  "$value": "{nsw-blue.950}"
78
97
  }
79
98
  },
80
99
  "accent": {
81
100
  "50": {
82
101
  "$type": "color",
102
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 50: lightest tints for subtle backgrounds and surfaces.",
83
103
  "$value": "{nsw-red.50}"
84
104
  },
85
105
  "100": {
86
106
  "$type": "color",
107
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 100: lightest tints for subtle backgrounds and surfaces.",
87
108
  "$value": "{nsw-red.100}"
88
109
  },
89
110
  "150": {
90
111
  "$type": "color",
112
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 150: lightest tints for subtle backgrounds and surfaces.",
91
113
  "$value": "{nsw-red.150}"
92
114
  },
93
115
  "200": {
94
116
  "$type": "color",
117
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 200: lightest tints for subtle backgrounds and surfaces.",
95
118
  "$value": "{nsw-red.200}"
96
119
  },
97
120
  "250": {
98
121
  "$type": "color",
122
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 250: lightest tints for subtle backgrounds and surfaces.",
99
123
  "$value": "{nsw-red.250}"
100
124
  },
101
125
  "300": {
102
126
  "$type": "color",
127
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 300: light tints.",
103
128
  "$value": "{nsw-red.300}"
104
129
  },
105
130
  "350": {
106
131
  "$type": "color",
132
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 350: light tints.",
107
133
  "$value": "{nsw-red.350}"
108
134
  },
109
135
  "400": {
110
136
  "$type": "color",
137
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 400: light tints.",
111
138
  "$value": "{nsw-red.400}"
112
139
  },
113
140
  "450": {
114
141
  "$type": "color",
142
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 450: light tints.",
115
143
  "$value": "{nsw-red.450}"
116
144
  },
117
145
  "500": {
118
146
  "$type": "color",
147
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 500: base colour.",
119
148
  "$value": "{nsw-red.500}"
120
149
  },
121
150
  "550": {
122
151
  "$type": "color",
152
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 550: shades for borders and icons.",
123
153
  "$value": "{nsw-red.550}"
124
154
  },
125
155
  "600": {
126
156
  "$type": "color",
157
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 600: shades for borders and icons.",
127
158
  "$value": "{nsw-red.600}"
128
159
  },
129
160
  "650": {
130
161
  "$type": "color",
162
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 650: shades for borders and icons.",
131
163
  "$value": "{nsw-red.650}"
132
164
  },
133
165
  "700": {
134
166
  "$type": "color",
167
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 700: shades for borders and icons.",
135
168
  "$value": "{nsw-red.700}"
136
169
  },
137
170
  "750": {
138
171
  "$type": "color",
172
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 750: darkest shades for text and high emphasis.",
139
173
  "$value": "{nsw-red.750}"
140
174
  },
141
175
  "800": {
142
176
  "$type": "color",
177
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 800: darkest shades for text and high emphasis.",
143
178
  "$value": "{nsw-red.800}"
144
179
  },
145
180
  "850": {
146
181
  "$type": "color",
182
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 850: darkest shades for text and high emphasis.",
147
183
  "$value": "{nsw-red.850}"
148
184
  },
149
185
  "900": {
150
186
  "$type": "color",
187
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 900: darkest shades for text and high emphasis.",
151
188
  "$value": "{nsw-red.900}"
152
189
  },
153
190
  "950": {
154
191
  "$type": "color",
192
+ "$description": "Accent colour — secondary emphasis and supporting highlights. Step 950: darkest shades for text and high emphasis.",
155
193
  "$value": "{nsw-red.950}"
156
194
  }
157
195
  },
158
196
  "grey": {
159
197
  "50": {
160
198
  "$type": "color",
199
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 50: lightest tints for subtle backgrounds and surfaces.",
161
200
  "$value": "{nsw-grey.50}"
162
201
  },
163
202
  "100": {
164
203
  "$type": "color",
204
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 100: lightest tints for subtle backgrounds and surfaces.",
165
205
  "$value": "{nsw-grey.100}"
166
206
  },
167
207
  "150": {
168
208
  "$type": "color",
209
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 150: lightest tints for subtle backgrounds and surfaces.",
169
210
  "$value": "{nsw-grey.150}"
170
211
  },
171
212
  "200": {
172
213
  "$type": "color",
214
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 200: lightest tints for subtle backgrounds and surfaces.",
173
215
  "$value": "{nsw-grey.200}"
174
216
  },
175
217
  "250": {
176
218
  "$type": "color",
219
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 250: lightest tints for subtle backgrounds and surfaces.",
177
220
  "$value": "{nsw-grey.250}"
178
221
  },
179
222
  "300": {
180
223
  "$type": "color",
224
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 300: light tints.",
181
225
  "$value": "{nsw-grey.300}"
182
226
  },
183
227
  "350": {
184
228
  "$type": "color",
229
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 350: light tints.",
185
230
  "$value": "{nsw-grey.350}"
186
231
  },
187
232
  "400": {
188
233
  "$type": "color",
234
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 400: light tints.",
189
235
  "$value": "{nsw-grey.400}"
190
236
  },
191
237
  "450": {
192
238
  "$type": "color",
239
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 450: light tints.",
193
240
  "$value": "{nsw-grey.450}"
194
241
  },
195
242
  "500": {
196
243
  "$type": "color",
244
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 500: base colour.",
197
245
  "$value": "{nsw-grey.500}"
198
246
  },
199
247
  "550": {
200
248
  "$type": "color",
249
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 550: shades for borders and icons.",
201
250
  "$value": "{nsw-grey.550}"
202
251
  },
203
252
  "600": {
204
253
  "$type": "color",
254
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 600: shades for borders and icons.",
205
255
  "$value": "{nsw-grey.600}"
206
256
  },
207
257
  "650": {
208
258
  "$type": "color",
259
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 650: shades for borders and icons.",
209
260
  "$value": "{nsw-grey.650}"
210
261
  },
211
262
  "700": {
212
263
  "$type": "color",
264
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 700: shades for borders and icons.",
213
265
  "$value": "{nsw-grey.700}"
214
266
  },
215
267
  "750": {
216
268
  "$type": "color",
269
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 750: darkest shades for text and high emphasis.",
217
270
  "$value": "{nsw-grey.750}"
218
271
  },
219
272
  "800": {
220
273
  "$type": "color",
274
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 800: darkest shades for text and high emphasis.",
221
275
  "$value": "{nsw-grey.800}"
222
276
  },
223
277
  "850": {
224
278
  "$type": "color",
279
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 850: darkest shades for text and high emphasis.",
225
280
  "$value": "{nsw-grey.850}"
226
281
  },
227
282
  "900": {
228
283
  "$type": "color",
284
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 900: darkest shades for text and high emphasis.",
229
285
  "$value": "{nsw-grey.900}"
230
286
  },
231
287
  "950": {
232
288
  "$type": "color",
289
+ "$description": "Neutral grey — text, borders, surfaces, and dividers. Step 950: darkest shades for text and high emphasis.",
233
290
  "$value": "{nsw-grey.950}"
234
291
  }
235
292
  }