@nswds/tokens 2.32.3 → 2.33.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 (188) hide show
  1. package/dist/css/colors/global/hsl.css +342 -342
  2. package/dist/css/colors/global/oklch.css +342 -342
  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/themes/data-visualisation/hex.css +208 -0
  6. package/dist/css/colors/themes/data-visualisation/hsl.css +208 -0
  7. package/dist/css/colors/themes/data-visualisation/oklch.css +208 -0
  8. package/dist/css/colors/themes/data-visualisation/rgb.css +208 -0
  9. package/dist/css/colors/themes/fuchsia-blue/hex.css +59 -0
  10. package/dist/css/colors/themes/fuchsia-blue/hsl.css +59 -0
  11. package/dist/css/colors/themes/fuchsia-blue/oklch.css +59 -0
  12. package/dist/css/colors/themes/fuchsia-blue/rgb.css +59 -0
  13. package/dist/css/colors/themes/fuchsia-orange/hex.css +59 -0
  14. package/dist/css/colors/themes/fuchsia-orange/hsl.css +59 -0
  15. package/dist/css/colors/themes/fuchsia-orange/oklch.css +59 -0
  16. package/dist/css/colors/themes/fuchsia-orange/rgb.css +59 -0
  17. package/dist/css/colors/themes/masterbrand/hsl.css +57 -57
  18. package/dist/css/colors/themes/masterbrand/oklch.css +57 -57
  19. package/dist/figma/color/global/hex.json +1 -1
  20. package/dist/figma/color/global/hsl.json +1027 -2053
  21. package/dist/figma/color/global/oklch.json +1027 -2053
  22. package/dist/figma/color/global/rgb.json +1369 -2395
  23. package/dist/figma/color/semantic/hsl.json +228 -152
  24. package/dist/figma/color/semantic/oklch.json +228 -152
  25. package/dist/figma/color/semantic/rgb.json +304 -228
  26. package/dist/figma/color/themes/data-visualisation/hex.json +846 -0
  27. package/dist/figma/color/themes/data-visualisation/hsl.json +1876 -0
  28. package/dist/figma/color/themes/data-visualisation/oklch.json +1876 -0
  29. package/dist/figma/color/themes/data-visualisation/rgb.json +1876 -0
  30. package/dist/figma/color/themes/fuchsia-blue/hex.json +236 -0
  31. package/dist/figma/color/themes/fuchsia-blue/hsl.json +521 -0
  32. package/dist/figma/color/themes/fuchsia-blue/oklch.json +521 -0
  33. package/dist/figma/color/themes/fuchsia-blue/rgb.json +521 -0
  34. package/dist/figma/color/themes/fuchsia-orange/hex.json +236 -0
  35. package/dist/figma/color/themes/fuchsia-orange/hsl.json +521 -0
  36. package/dist/figma/color/themes/fuchsia-orange/oklch.json +521 -0
  37. package/dist/figma/color/themes/fuchsia-orange/rgb.json +521 -0
  38. package/dist/figma/color/themes/masterbrand/color/hsl.json +171 -114
  39. package/dist/figma/color/themes/masterbrand/color/oklch.json +171 -114
  40. package/dist/figma/color/themes/masterbrand/color/rgb.json +228 -171
  41. package/dist/index.cjs +33786 -11365
  42. package/dist/index.cjs.map +1 -1
  43. package/dist/index.d.cts +3878 -482
  44. package/dist/index.d.ts +3878 -482
  45. package/dist/index.js +33786 -11365
  46. package/dist/index.js.map +1 -1
  47. package/dist/js/colors/global/hsl.js +342 -342
  48. package/dist/js/colors/global/oklch.js +342 -342
  49. package/dist/js/colors/semantic/hex.js +0 -3
  50. package/dist/js/colors/semantic/hsl.js +76 -79
  51. package/dist/js/colors/semantic/oklch.js +76 -79
  52. package/dist/js/colors/semantic/rgb.js +0 -3
  53. package/dist/js/colors/themes/data-visualisation/hex.js +226 -0
  54. package/dist/js/colors/themes/data-visualisation/hsl.js +226 -0
  55. package/dist/js/colors/themes/data-visualisation/oklch.js +226 -0
  56. package/dist/js/colors/themes/data-visualisation/rgb.js +226 -0
  57. package/dist/js/colors/themes/fuchsia-blue/hex.js +63 -0
  58. package/dist/js/colors/themes/fuchsia-blue/hsl.js +63 -0
  59. package/dist/js/colors/themes/fuchsia-blue/oklch.js +63 -0
  60. package/dist/js/colors/themes/fuchsia-blue/rgb.js +63 -0
  61. package/dist/js/colors/themes/fuchsia-orange/hex.js +63 -0
  62. package/dist/js/colors/themes/fuchsia-orange/hsl.js +63 -0
  63. package/dist/js/colors/themes/fuchsia-orange/oklch.js +63 -0
  64. package/dist/js/colors/themes/fuchsia-orange/rgb.js +63 -0
  65. package/dist/js/colors/themes/masterbrand/hsl.js +57 -57
  66. package/dist/js/colors/themes/masterbrand/oklch.js +57 -57
  67. package/dist/json/colors/global/hex.json +1 -1
  68. package/dist/json/colors/global/hsl.json +343 -343
  69. package/dist/json/colors/global/oklch.json +343 -343
  70. package/dist/json/colors/global/rgb.json +1 -1
  71. package/dist/json/colors/semantic/hsl.json +76 -76
  72. package/dist/json/colors/semantic/oklch.json +76 -76
  73. package/dist/json/colors/themes/data-visualisation/hex.json +228 -0
  74. package/dist/json/colors/themes/data-visualisation/hsl.json +228 -0
  75. package/dist/json/colors/themes/data-visualisation/oklch.json +228 -0
  76. package/dist/json/colors/themes/data-visualisation/rgb.json +228 -0
  77. package/dist/json/colors/themes/fuchsia-blue/hex.json +65 -0
  78. package/dist/json/colors/themes/fuchsia-blue/hsl.json +65 -0
  79. package/dist/json/colors/themes/fuchsia-blue/oklch.json +65 -0
  80. package/dist/json/colors/themes/fuchsia-blue/rgb.json +65 -0
  81. package/dist/json/colors/themes/fuchsia-orange/hex.json +65 -0
  82. package/dist/json/colors/themes/fuchsia-orange/hsl.json +65 -0
  83. package/dist/json/colors/themes/fuchsia-orange/oklch.json +65 -0
  84. package/dist/json/colors/themes/fuchsia-orange/rgb.json +65 -0
  85. package/dist/json/colors/themes/masterbrand/hsl.json +57 -57
  86. package/dist/json/colors/themes/masterbrand/oklch.json +57 -57
  87. package/dist/less/colors/global/hsl.less +342 -342
  88. package/dist/less/colors/global/oklch.less +342 -342
  89. package/dist/less/colors/semantic/hsl.less +76 -76
  90. package/dist/less/colors/semantic/oklch.less +76 -76
  91. package/dist/less/colors/themes/data-visualisation/hex.less +206 -0
  92. package/dist/less/colors/themes/data-visualisation/hsl.less +206 -0
  93. package/dist/less/colors/themes/data-visualisation/oklch.less +206 -0
  94. package/dist/less/colors/themes/data-visualisation/rgb.less +206 -0
  95. package/dist/less/colors/themes/fuchsia-blue/hex.less +57 -0
  96. package/dist/less/colors/themes/fuchsia-blue/hsl.less +57 -0
  97. package/dist/less/colors/themes/fuchsia-blue/oklch.less +57 -0
  98. package/dist/less/colors/themes/fuchsia-blue/rgb.less +57 -0
  99. package/dist/less/colors/themes/fuchsia-orange/hex.less +57 -0
  100. package/dist/less/colors/themes/fuchsia-orange/hsl.less +57 -0
  101. package/dist/less/colors/themes/fuchsia-orange/oklch.less +57 -0
  102. package/dist/less/colors/themes/fuchsia-orange/rgb.less +57 -0
  103. package/dist/less/colors/themes/masterbrand/hsl.less +57 -57
  104. package/dist/less/colors/themes/masterbrand/oklch.less +57 -57
  105. package/dist/scss/colors/global/hsl.scss +342 -342
  106. package/dist/scss/colors/global/oklch.scss +342 -342
  107. package/dist/scss/colors/semantic/hsl.scss +76 -76
  108. package/dist/scss/colors/semantic/oklch.scss +76 -76
  109. package/dist/scss/colors/themes/data-visualisation/hex.scss +206 -0
  110. package/dist/scss/colors/themes/data-visualisation/hsl.scss +206 -0
  111. package/dist/scss/colors/themes/data-visualisation/oklch.scss +206 -0
  112. package/dist/scss/colors/themes/data-visualisation/rgb.scss +206 -0
  113. package/dist/scss/colors/themes/fuchsia-blue/hex.scss +57 -0
  114. package/dist/scss/colors/themes/fuchsia-blue/hsl.scss +57 -0
  115. package/dist/scss/colors/themes/fuchsia-blue/oklch.scss +57 -0
  116. package/dist/scss/colors/themes/fuchsia-blue/rgb.scss +57 -0
  117. package/dist/scss/colors/themes/fuchsia-orange/hex.scss +57 -0
  118. package/dist/scss/colors/themes/fuchsia-orange/hsl.scss +57 -0
  119. package/dist/scss/colors/themes/fuchsia-orange/oklch.scss +57 -0
  120. package/dist/scss/colors/themes/fuchsia-orange/rgb.scss +57 -0
  121. package/dist/scss/colors/themes/masterbrand/hsl.scss +57 -57
  122. package/dist/scss/colors/themes/masterbrand/oklch.scss +57 -57
  123. package/dist/tailwind/colors/global/hsl.css +342 -342
  124. package/dist/tailwind/colors/global/oklch.css +342 -342
  125. package/dist/tailwind/colors/semantic/hsl.css +76 -76
  126. package/dist/tailwind/colors/semantic/oklch.css +76 -76
  127. package/dist/tailwind/colors/themes/data-visualisation/hsl.css +206 -206
  128. package/dist/tailwind/colors/themes/data-visualisation/oklch.css +206 -206
  129. package/dist/tailwind/colors/themes/fuchsia-blue/hex.css +1 -1
  130. package/dist/tailwind/colors/themes/fuchsia-blue/hsl.css +117 -57
  131. package/dist/tailwind/colors/themes/fuchsia-blue/oklch.css +117 -57
  132. package/dist/tailwind/colors/themes/fuchsia-blue/rgb.css +117 -57
  133. package/dist/tailwind/colors/themes/fuchsia-orange/hex.css +1 -1
  134. package/dist/tailwind/colors/themes/fuchsia-orange/hsl.css +117 -57
  135. package/dist/tailwind/colors/themes/fuchsia-orange/oklch.css +117 -57
  136. package/dist/tailwind/colors/themes/fuchsia-orange/rgb.css +117 -57
  137. package/dist/tailwind/colors/themes/masterbrand/hex.css +1 -1
  138. package/dist/tailwind/colors/themes/masterbrand/hsl.css +117 -57
  139. package/dist/tailwind/colors/themes/masterbrand/oklch.css +117 -57
  140. package/dist/tailwind/colors/themes/masterbrand/rgb.css +117 -57
  141. package/dist/tokens/global/color/canonical.json +4484 -0
  142. package/dist/tokens/global/color/hex.json +1 -1
  143. package/dist/tokens/global/color/hsl.json +1942 -1600
  144. package/dist/tokens/global/color/oklch.json +2041 -1699
  145. package/dist/tokens/global/color/rgb.json +2342 -2000
  146. package/dist/tokens/semantic/color/canonical.json +998 -0
  147. package/dist/tokens/semantic/color/hsl.json +532 -152
  148. package/dist/tokens/semantic/color/oklch.json +532 -152
  149. package/dist/tokens/semantic/color/rgb.json +608 -228
  150. package/dist/tokens/themes/color/data-visualisation/canonical.json +2700 -0
  151. package/dist/tokens/themes/color/data-visualisation/hex.json +846 -0
  152. package/dist/tokens/themes/color/data-visualisation/hsl.json +2700 -0
  153. package/dist/tokens/themes/color/data-visualisation/oklch.json +2700 -0
  154. package/dist/tokens/themes/color/data-visualisation/rgb.json +2700 -0
  155. package/dist/tokens/themes/color/fuchsia-blue/canonical.json +236 -0
  156. package/dist/tokens/themes/color/fuchsia-blue/hex.json +236 -0
  157. package/dist/tokens/themes/color/fuchsia-blue/hsl.json +749 -0
  158. package/dist/tokens/themes/color/fuchsia-blue/oklch.json +749 -0
  159. package/dist/tokens/themes/color/fuchsia-blue/rgb.json +749 -0
  160. package/dist/tokens/themes/color/fuchsia-orange/canonical.json +236 -0
  161. package/dist/tokens/themes/color/fuchsia-orange/hex.json +236 -0
  162. package/dist/tokens/themes/color/fuchsia-orange/hsl.json +749 -0
  163. package/dist/tokens/themes/color/fuchsia-orange/oklch.json +749 -0
  164. package/dist/tokens/themes/color/fuchsia-orange/rgb.json +749 -0
  165. package/dist/tokens/themes/color/masterbrand/canonical.json +236 -0
  166. package/dist/tokens/themes/color/masterbrand/hex.json +1 -1
  167. package/dist/tokens/themes/color/masterbrand/hsl.json +313 -256
  168. package/dist/tokens/themes/color/masterbrand/oklch.json +338 -281
  169. package/dist/tokens/themes/color/masterbrand/rgb.json +390 -333
  170. package/dist/ts/colors/global/hsl.ts +342 -342
  171. package/dist/ts/colors/global/oklch.ts +342 -342
  172. package/dist/ts/colors/semantic/hsl.ts +76 -76
  173. package/dist/ts/colors/semantic/oklch.ts +76 -76
  174. package/dist/ts/colors/themes/data-visualisation/hex.ts +226 -0
  175. package/dist/ts/colors/themes/data-visualisation/hsl.ts +226 -0
  176. package/dist/ts/colors/themes/data-visualisation/oklch.ts +226 -0
  177. package/dist/ts/colors/themes/data-visualisation/rgb.ts +226 -0
  178. package/dist/ts/colors/themes/fuchsia-blue/hex.ts +63 -0
  179. package/dist/ts/colors/themes/fuchsia-blue/hsl.ts +63 -0
  180. package/dist/ts/colors/themes/fuchsia-blue/oklch.ts +63 -0
  181. package/dist/ts/colors/themes/fuchsia-blue/rgb.ts +63 -0
  182. package/dist/ts/colors/themes/fuchsia-orange/hex.ts +63 -0
  183. package/dist/ts/colors/themes/fuchsia-orange/hsl.ts +63 -0
  184. package/dist/ts/colors/themes/fuchsia-orange/oklch.ts +63 -0
  185. package/dist/ts/colors/themes/fuchsia-orange/rgb.ts +63 -0
  186. package/dist/ts/colors/themes/masterbrand/hsl.ts +57 -57
  187. package/dist/ts/colors/themes/masterbrand/oklch.ts +57 -57
  188. package/package.json +5 -2
@@ -1,59 +1,119 @@
1
1
  @theme {
2
- --color-primary-50: var(--nsw-fuchsia-50);
3
- --color-primary-100: var(--nsw-fuchsia-100);
4
- --color-primary-150: var(--nsw-fuchsia-150);
5
- --color-primary-200: var(--nsw-fuchsia-200);
6
- --color-primary-250: var(--nsw-fuchsia-250);
7
- --color-primary-300: var(--nsw-fuchsia-300);
8
- --color-primary-350: var(--nsw-fuchsia-350);
9
- --color-primary-400: var(--nsw-fuchsia-400);
10
- --color-primary-450: var(--nsw-fuchsia-450);
11
- --color-primary-500: var(--nsw-fuchsia-500);
12
- --color-primary-550: var(--nsw-fuchsia-550);
13
- --color-primary-600: var(--nsw-fuchsia-600);
14
- --color-primary-650: var(--nsw-fuchsia-650);
15
- --color-primary-700: var(--nsw-fuchsia-700);
16
- --color-primary-750: var(--nsw-fuchsia-750);
17
- --color-primary-800: var(--nsw-fuchsia-800);
18
- --color-primary-850: var(--nsw-fuchsia-800);
19
- --color-primary-900: var(--nsw-fuchsia-900);
20
- --color-primary-950: var(--nsw-fuchsia-950);
21
- --color-accent-50: var(--nsw-orange-50);
22
- --color-accent-100: var(--nsw-orange-100);
23
- --color-accent-150: var(--nsw-orange-150);
24
- --color-accent-200: var(--nsw-orange-200);
25
- --color-accent-250: var(--nsw-orange-250);
26
- --color-accent-300: var(--nsw-orange-300);
27
- --color-accent-350: var(--nsw-orange-350);
28
- --color-accent-400: var(--nsw-orange-400);
29
- --color-accent-450: var(--nsw-orange-450);
30
- --color-accent-500: var(--nsw-orange-500);
31
- --color-accent-550: var(--nsw-orange-550);
32
- --color-accent-600: var(--nsw-orange-600);
33
- --color-accent-650: var(--nsw-orange-650);
34
- --color-accent-700: var(--nsw-orange-700);
35
- --color-accent-750: var(--nsw-orange-750);
36
- --color-accent-800: var(--nsw-orange-800);
37
- --color-accent-850: var(--nsw-orange-850);
38
- --color-accent-900: var(--nsw-orange-900);
39
- --color-accent-950: var(--nsw-orange-950);
40
- --color-grey-50: var(--nsw-grey-50);
41
- --color-grey-100: var(--nsw-grey-100);
42
- --color-grey-150: var(--nsw-grey-150);
43
- --color-grey-200: var(--nsw-grey-200);
44
- --color-grey-250: var(--nsw-grey-250);
45
- --color-grey-300: var(--nsw-grey-300);
46
- --color-grey-350: var(--nsw-grey-350);
47
- --color-grey-400: var(--nsw-grey-400);
48
- --color-grey-450: var(--nsw-grey-450);
49
- --color-grey-500: var(--nsw-grey-500);
50
- --color-grey-550: var(--nsw-grey-550);
51
- --color-grey-600: var(--nsw-grey-600);
52
- --color-grey-650: var(--nsw-grey-650);
53
- --color-grey-700: var(--nsw-grey-700);
54
- --color-grey-750: var(--nsw-grey-750);
55
- --color-grey-800: var(--nsw-grey-800);
56
- --color-grey-850: var(--nsw-grey-850);
57
- --color-grey-900: var(--nsw-grey-900);
58
- --color-grey-950: var(--nsw-grey-950);
2
+ --color-primary-50: var(--primary-50);
3
+ --color-primary-100: var(--primary-100);
4
+ --color-primary-150: var(--primary-150);
5
+ --color-primary-200: var(--primary-200);
6
+ --color-primary-250: var(--primary-250);
7
+ --color-primary-300: var(--primary-300);
8
+ --color-primary-350: var(--primary-350);
9
+ --color-primary-400: var(--primary-400);
10
+ --color-primary-450: var(--primary-450);
11
+ --color-primary-500: var(--primary-500);
12
+ --color-primary-550: var(--primary-550);
13
+ --color-primary-600: var(--primary-600);
14
+ --color-primary-650: var(--primary-650);
15
+ --color-primary-700: var(--primary-700);
16
+ --color-primary-750: var(--primary-750);
17
+ --color-primary-800: var(--primary-800);
18
+ --color-primary-850: var(--primary-850);
19
+ --color-primary-900: var(--primary-900);
20
+ --color-primary-950: var(--primary-950);
21
+ --color-accent-50: var(--accent-50);
22
+ --color-accent-100: var(--accent-100);
23
+ --color-accent-150: var(--accent-150);
24
+ --color-accent-200: var(--accent-200);
25
+ --color-accent-250: var(--accent-250);
26
+ --color-accent-300: var(--accent-300);
27
+ --color-accent-350: var(--accent-350);
28
+ --color-accent-400: var(--accent-400);
29
+ --color-accent-450: var(--accent-450);
30
+ --color-accent-500: var(--accent-500);
31
+ --color-accent-550: var(--accent-550);
32
+ --color-accent-600: var(--accent-600);
33
+ --color-accent-650: var(--accent-650);
34
+ --color-accent-700: var(--accent-700);
35
+ --color-accent-750: var(--accent-750);
36
+ --color-accent-800: var(--accent-800);
37
+ --color-accent-850: var(--accent-850);
38
+ --color-accent-900: var(--accent-900);
39
+ --color-accent-950: var(--accent-950);
40
+ --color-grey-50: var(--grey-50);
41
+ --color-grey-100: var(--grey-100);
42
+ --color-grey-150: var(--grey-150);
43
+ --color-grey-200: var(--grey-200);
44
+ --color-grey-250: var(--grey-250);
45
+ --color-grey-300: var(--grey-300);
46
+ --color-grey-350: var(--grey-350);
47
+ --color-grey-400: var(--grey-400);
48
+ --color-grey-450: var(--grey-450);
49
+ --color-grey-500: var(--grey-500);
50
+ --color-grey-550: var(--grey-550);
51
+ --color-grey-600: var(--grey-600);
52
+ --color-grey-650: var(--grey-650);
53
+ --color-grey-700: var(--grey-700);
54
+ --color-grey-750: var(--grey-750);
55
+ --color-grey-800: var(--grey-800);
56
+ --color-grey-850: var(--grey-850);
57
+ --color-grey-900: var(--grey-900);
58
+ --color-grey-950: var(--grey-950);
59
+ }
60
+
61
+ :root {
62
+ --primary-50: hsl(313.333333, 100%, 98.235294%);
63
+ --primary-100: hsl(321.176471, 100%, 96.666667%);
64
+ --primary-150: hsl(320, 92.307692%, 94.901961%);
65
+ --primary-200: hsl(321.290323, 88.571429%, 93.137255%);
66
+ --primary-250: hsl(318.461538, 82.978723%, 90.784314%);
67
+ --primary-300: hsl(317.5, 80%, 88.235294%);
68
+ --primary-350: hsl(315, 77.777778%, 85.882353%);
69
+ --primary-400: hsl(313.333333, 74.117647%, 83.333333%);
70
+ --primary-450: hsl(314.157303, 73.553719%, 76.27451%);
71
+ --primary-500: hsl(315, 72.5%, 68.627451%);
72
+ --primary-550: hsl(314.482759, 70.731707%, 59.803922%);
73
+ --primary-600: hsl(312.964824, 84.680851%, 46.078431%);
74
+ --primary-650: hsl(313.371429, 87.939698%, 39.019608%);
75
+ --primary-700: hsl(313.509934, 92.638037%, 31.960784%);
76
+ --primary-750: hsl(313.700787, 96.946565%, 25.686275%);
77
+ --primary-800: hsl(314.257426, 100%, 19.803922%);
78
+ --primary-850: hsl(314.805195, 100%, 15.098039%);
79
+ --primary-900: hsl(316.363636, 100%, 10.784314%);
80
+ --primary-950: hsl(319.411765, 100%, 6.666667%);
81
+ --accent-50: hsl(26.666667, 100%, 98.235294%);
82
+ --accent-100: hsl(28.235294, 100%, 96.666667%);
83
+ --accent-150: hsl(26.086957, 92%, 95.098039%);
84
+ --accent-200: hsl(28, 88.235294%, 93.333333%);
85
+ --accent-250: hsl(28.75, 96%, 90.196078%);
86
+ --accent-300: hsl(29.090909, 100%, 87.058824%);
87
+ --accent-350: hsl(30.714286, 100%, 83.529412%);
88
+ --accent-400: hsl(31.176471, 100%, 80%);
89
+ --accent-450: hsl(27.969925, 97.080292%, 73.137255%);
90
+ --accent-500: hsl(25.398773, 95.321637%, 66.470588%);
91
+ --accent-550: hsl(22.736842, 92.23301%, 59.607843%);
92
+ --accent-600: hsl(20, 90%, 52.941176%);
93
+ --accent-650: hsl(18.181818, 82.5%, 47.058824%);
94
+ --accent-700: hsl(16.243094, 86.602871%, 40.980392%);
95
+ --accent-750: hsl(14.545455, 93.220339%, 34.705882%);
96
+ --accent-800: hsl(10.945946, 100%, 29.019608%);
97
+ --accent-850: hsl(7.826087, 100%, 22.54902%);
98
+ --accent-900: hsl(2.891566, 100%, 16.27451%);
99
+ --accent-950: hsl(0, 100%, 10.392157%);
100
+ --grey-50: hsl(0, 0%, 98.039216%);
101
+ --grey-100: hsl(0, 0%, 96.078431%);
102
+ --grey-150: hsl(0, 0%, 94.117647%);
103
+ --grey-200: hsl(0, 0%, 92.156863%);
104
+ --grey-250: hsl(200, 5.660377%, 89.607843%);
105
+ --grey-300: hsl(195, 6.060606%, 87.058824%);
106
+ --grey-350: hsl(197.142857, 8.860759%, 84.509804%);
107
+ --grey-400: hsl(200, 9.89011%, 82.156863%);
108
+ --grey-450: hsl(204, 6.25%, 68.627451%);
109
+ --grey-500: hsl(198, 4.385965%, 55.294118%);
110
+ --grey-550: hsl(198, 4.587156%, 42.745098%);
111
+ --grey-600: hsl(201.818182, 7.006369%, 30.784314%);
112
+ --grey-650: hsl(204, 7.352941%, 26.666667%);
113
+ --grey-700: hsl(204, 8.62069%, 22.745098%);
114
+ --grey-750: hsl(204, 10.416667%, 18.823529%);
115
+ --grey-800: hsl(206.666667, 11.688312%, 15.098039%);
116
+ --grey-850: hsl(205.714286, 12.727273%, 10.784314%);
117
+ --grey-900: hsl(204, 15.151515%, 6.470588%);
118
+ --grey-950: hsl(210, 28.571429%, 2.745098%);
59
119
  }
@@ -1,59 +1,119 @@
1
1
  @theme {
2
- --color-primary-50: var(--nsw-fuchsia-50);
3
- --color-primary-100: var(--nsw-fuchsia-100);
4
- --color-primary-150: var(--nsw-fuchsia-150);
5
- --color-primary-200: var(--nsw-fuchsia-200);
6
- --color-primary-250: var(--nsw-fuchsia-250);
7
- --color-primary-300: var(--nsw-fuchsia-300);
8
- --color-primary-350: var(--nsw-fuchsia-350);
9
- --color-primary-400: var(--nsw-fuchsia-400);
10
- --color-primary-450: var(--nsw-fuchsia-450);
11
- --color-primary-500: var(--nsw-fuchsia-500);
12
- --color-primary-550: var(--nsw-fuchsia-550);
13
- --color-primary-600: var(--nsw-fuchsia-600);
14
- --color-primary-650: var(--nsw-fuchsia-650);
15
- --color-primary-700: var(--nsw-fuchsia-700);
16
- --color-primary-750: var(--nsw-fuchsia-750);
17
- --color-primary-800: var(--nsw-fuchsia-800);
18
- --color-primary-850: var(--nsw-fuchsia-800);
19
- --color-primary-900: var(--nsw-fuchsia-900);
20
- --color-primary-950: var(--nsw-fuchsia-950);
21
- --color-accent-50: var(--nsw-orange-50);
22
- --color-accent-100: var(--nsw-orange-100);
23
- --color-accent-150: var(--nsw-orange-150);
24
- --color-accent-200: var(--nsw-orange-200);
25
- --color-accent-250: var(--nsw-orange-250);
26
- --color-accent-300: var(--nsw-orange-300);
27
- --color-accent-350: var(--nsw-orange-350);
28
- --color-accent-400: var(--nsw-orange-400);
29
- --color-accent-450: var(--nsw-orange-450);
30
- --color-accent-500: var(--nsw-orange-500);
31
- --color-accent-550: var(--nsw-orange-550);
32
- --color-accent-600: var(--nsw-orange-600);
33
- --color-accent-650: var(--nsw-orange-650);
34
- --color-accent-700: var(--nsw-orange-700);
35
- --color-accent-750: var(--nsw-orange-750);
36
- --color-accent-800: var(--nsw-orange-800);
37
- --color-accent-850: var(--nsw-orange-850);
38
- --color-accent-900: var(--nsw-orange-900);
39
- --color-accent-950: var(--nsw-orange-950);
40
- --color-grey-50: var(--nsw-grey-50);
41
- --color-grey-100: var(--nsw-grey-100);
42
- --color-grey-150: var(--nsw-grey-150);
43
- --color-grey-200: var(--nsw-grey-200);
44
- --color-grey-250: var(--nsw-grey-250);
45
- --color-grey-300: var(--nsw-grey-300);
46
- --color-grey-350: var(--nsw-grey-350);
47
- --color-grey-400: var(--nsw-grey-400);
48
- --color-grey-450: var(--nsw-grey-450);
49
- --color-grey-500: var(--nsw-grey-500);
50
- --color-grey-550: var(--nsw-grey-550);
51
- --color-grey-600: var(--nsw-grey-600);
52
- --color-grey-650: var(--nsw-grey-650);
53
- --color-grey-700: var(--nsw-grey-700);
54
- --color-grey-750: var(--nsw-grey-750);
55
- --color-grey-800: var(--nsw-grey-800);
56
- --color-grey-850: var(--nsw-grey-850);
57
- --color-grey-900: var(--nsw-grey-900);
58
- --color-grey-950: var(--nsw-grey-950);
2
+ --color-primary-50: var(--primary-50);
3
+ --color-primary-100: var(--primary-100);
4
+ --color-primary-150: var(--primary-150);
5
+ --color-primary-200: var(--primary-200);
6
+ --color-primary-250: var(--primary-250);
7
+ --color-primary-300: var(--primary-300);
8
+ --color-primary-350: var(--primary-350);
9
+ --color-primary-400: var(--primary-400);
10
+ --color-primary-450: var(--primary-450);
11
+ --color-primary-500: var(--primary-500);
12
+ --color-primary-550: var(--primary-550);
13
+ --color-primary-600: var(--primary-600);
14
+ --color-primary-650: var(--primary-650);
15
+ --color-primary-700: var(--primary-700);
16
+ --color-primary-750: var(--primary-750);
17
+ --color-primary-800: var(--primary-800);
18
+ --color-primary-850: var(--primary-850);
19
+ --color-primary-900: var(--primary-900);
20
+ --color-primary-950: var(--primary-950);
21
+ --color-accent-50: var(--accent-50);
22
+ --color-accent-100: var(--accent-100);
23
+ --color-accent-150: var(--accent-150);
24
+ --color-accent-200: var(--accent-200);
25
+ --color-accent-250: var(--accent-250);
26
+ --color-accent-300: var(--accent-300);
27
+ --color-accent-350: var(--accent-350);
28
+ --color-accent-400: var(--accent-400);
29
+ --color-accent-450: var(--accent-450);
30
+ --color-accent-500: var(--accent-500);
31
+ --color-accent-550: var(--accent-550);
32
+ --color-accent-600: var(--accent-600);
33
+ --color-accent-650: var(--accent-650);
34
+ --color-accent-700: var(--accent-700);
35
+ --color-accent-750: var(--accent-750);
36
+ --color-accent-800: var(--accent-800);
37
+ --color-accent-850: var(--accent-850);
38
+ --color-accent-900: var(--accent-900);
39
+ --color-accent-950: var(--accent-950);
40
+ --color-grey-50: var(--grey-50);
41
+ --color-grey-100: var(--grey-100);
42
+ --color-grey-150: var(--grey-150);
43
+ --color-grey-200: var(--grey-200);
44
+ --color-grey-250: var(--grey-250);
45
+ --color-grey-300: var(--grey-300);
46
+ --color-grey-350: var(--grey-350);
47
+ --color-grey-400: var(--grey-400);
48
+ --color-grey-450: var(--grey-450);
49
+ --color-grey-500: var(--grey-500);
50
+ --color-grey-550: var(--grey-550);
51
+ --color-grey-600: var(--grey-600);
52
+ --color-grey-650: var(--grey-650);
53
+ --color-grey-700: var(--grey-700);
54
+ --color-grey-750: var(--grey-750);
55
+ --color-grey-800: var(--grey-800);
56
+ --color-grey-850: var(--grey-850);
57
+ --color-grey-900: var(--grey-900);
58
+ --color-grey-950: var(--grey-950);
59
+ }
60
+
61
+ :root {
62
+ --primary-50: oklch(0.982084 0.013244 333.034319);
63
+ --primary-100: oklch(0.965669 0.023247 338.610142);
64
+ --primary-150: oklch(0.948854 0.03339 337.959274);
65
+ --primary-200: oklch(0.93185 0.042831 339.134147);
66
+ --primary-250: oklch(0.910705 0.055741 337.314857);
67
+ --primary-300: oklch(0.887629 0.069703 336.916306);
68
+ --primary-350: oklch(0.86725 0.08373 335.420133);
69
+ --primary-400: oklch(0.84582 0.096185 334.510766);
70
+ --primary-450: oklch(0.784752 0.136018 335.952916);
71
+ --primary-500: oklch(0.723334 0.175513 337.649945);
72
+ --primary-550: oklch(0.661983 0.214363 338.632544);
73
+ --primary-600: oklch(0.601253 0.254233 340.252307);
74
+ --primary-650: oklch(0.536642 0.227232 340.78992);
75
+ --primary-700: oklch(0.470462 0.200119 341.098388);
76
+ --primary-750: oklch(0.406687 0.174181 341.335872);
77
+ --primary-800: oklch(0.340576 0.146851 341.706145);
78
+ --primary-850: oklch(0.282424 0.121774 341.71207);
79
+ --primary-900: oklch(0.22599 0.097183 342.322886);
80
+ --primary-950: oklch(0.168705 0.072287 343.166627);
81
+ --accent-50: oklch(0.987839 0.007543 61.45578);
82
+ --accent-100: oklch(0.977951 0.014375 64.347922);
83
+ --accent-150: oklch(0.965645 0.019381 60.174704);
84
+ --accent-200: oklch(0.955039 0.025491 63.743337);
85
+ --accent-250: oklch(0.936249 0.041053 64.929124);
86
+ --accent-300: oklch(0.917859 0.056636 65.300646);
87
+ --accent-350: oklch(0.900675 0.072472 68.034989);
88
+ --accent-400: oklch(0.882019 0.087884 68.490482);
89
+ --accent-450: oklch(0.829842 0.113933 61.388359);
90
+ --accent-500: oklch(0.778954 0.140471 55.166517);
91
+ --accent-550: oklch(0.72492 0.166374 48.688783);
92
+ --accent-600: oklch(0.674414 0.192429 42.148083);
93
+ --accent-650: oklch(0.613962 0.184358 39.794614);
94
+ --accent-700: oklch(0.55289 0.176309 37.423321);
95
+ --accent-750: oklch(0.492464 0.16713 35.422254);
96
+ --accent-800: oklch(0.432199 0.159379 33.02244);
97
+ --accent-850: oklch(0.357475 0.135212 32.07107);
98
+ --accent-900: oklch(0.281222 0.110671 30.651366);
99
+ --accent-950: oklch(0.206578 0.08477 29.23388);
100
+ --grey-50: oklch(0.985104 0 0);
101
+ --grey-100: oklch(0.970151 0 0);
102
+ --grey-150: oklch(0.95514 0 0);
103
+ --grey-200: oklch(0.94007 0 0);
104
+ --grey-250: oklch(0.920652 0.002558 228.786818);
105
+ --grey-300: oklch(0.901624 0.003538 219.535738);
106
+ --grey-350: oklch(0.882025 0.006111 223.464254);
107
+ --grey-400: oklch(0.863097 0.007776 228.868893);
108
+ --grey-450: oklch(0.753634 0.008885 236.605307);
109
+ --grey-500: oklch(0.645222 0.009348 225.150438);
110
+ --grey-550: oklch(0.536704 0.009767 225.197358);
111
+ --grey-600: oklch(0.426427 0.011202 232.617199);
112
+ --grey-650: oklch(0.386365 0.01045 236.835687);
113
+ --grey-700: oklch(0.348204 0.010712 236.894097);
114
+ --grey-750: oklch(0.308978 0.011017 236.97265);
115
+ --grey-800: oklch(0.269413 0.01036 242.083865);
116
+ --grey-850: oklch(0.223572 0.008405 240.274391);
117
+ --grey-900: oklch(0.175228 0.006346 236.981786);
118
+ --grey-950: oklch(0.126543 0.006953 243.792325);
59
119
  }
@@ -1,59 +1,119 @@
1
1
  @theme {
2
- --color-primary-50: var(--nsw-fuchsia-50);
3
- --color-primary-100: var(--nsw-fuchsia-100);
4
- --color-primary-150: var(--nsw-fuchsia-150);
5
- --color-primary-200: var(--nsw-fuchsia-200);
6
- --color-primary-250: var(--nsw-fuchsia-250);
7
- --color-primary-300: var(--nsw-fuchsia-300);
8
- --color-primary-350: var(--nsw-fuchsia-350);
9
- --color-primary-400: var(--nsw-fuchsia-400);
10
- --color-primary-450: var(--nsw-fuchsia-450);
11
- --color-primary-500: var(--nsw-fuchsia-500);
12
- --color-primary-550: var(--nsw-fuchsia-550);
13
- --color-primary-600: var(--nsw-fuchsia-600);
14
- --color-primary-650: var(--nsw-fuchsia-650);
15
- --color-primary-700: var(--nsw-fuchsia-700);
16
- --color-primary-750: var(--nsw-fuchsia-750);
17
- --color-primary-800: var(--nsw-fuchsia-800);
18
- --color-primary-850: var(--nsw-fuchsia-800);
19
- --color-primary-900: var(--nsw-fuchsia-900);
20
- --color-primary-950: var(--nsw-fuchsia-950);
21
- --color-accent-50: var(--nsw-orange-50);
22
- --color-accent-100: var(--nsw-orange-100);
23
- --color-accent-150: var(--nsw-orange-150);
24
- --color-accent-200: var(--nsw-orange-200);
25
- --color-accent-250: var(--nsw-orange-250);
26
- --color-accent-300: var(--nsw-orange-300);
27
- --color-accent-350: var(--nsw-orange-350);
28
- --color-accent-400: var(--nsw-orange-400);
29
- --color-accent-450: var(--nsw-orange-450);
30
- --color-accent-500: var(--nsw-orange-500);
31
- --color-accent-550: var(--nsw-orange-550);
32
- --color-accent-600: var(--nsw-orange-600);
33
- --color-accent-650: var(--nsw-orange-650);
34
- --color-accent-700: var(--nsw-orange-700);
35
- --color-accent-750: var(--nsw-orange-750);
36
- --color-accent-800: var(--nsw-orange-800);
37
- --color-accent-850: var(--nsw-orange-850);
38
- --color-accent-900: var(--nsw-orange-900);
39
- --color-accent-950: var(--nsw-orange-950);
40
- --color-grey-50: var(--nsw-grey-50);
41
- --color-grey-100: var(--nsw-grey-100);
42
- --color-grey-150: var(--nsw-grey-150);
43
- --color-grey-200: var(--nsw-grey-200);
44
- --color-grey-250: var(--nsw-grey-250);
45
- --color-grey-300: var(--nsw-grey-300);
46
- --color-grey-350: var(--nsw-grey-350);
47
- --color-grey-400: var(--nsw-grey-400);
48
- --color-grey-450: var(--nsw-grey-450);
49
- --color-grey-500: var(--nsw-grey-500);
50
- --color-grey-550: var(--nsw-grey-550);
51
- --color-grey-600: var(--nsw-grey-600);
52
- --color-grey-650: var(--nsw-grey-650);
53
- --color-grey-700: var(--nsw-grey-700);
54
- --color-grey-750: var(--nsw-grey-750);
55
- --color-grey-800: var(--nsw-grey-800);
56
- --color-grey-850: var(--nsw-grey-850);
57
- --color-grey-900: var(--nsw-grey-900);
58
- --color-grey-950: var(--nsw-grey-950);
2
+ --color-primary-50: var(--primary-50);
3
+ --color-primary-100: var(--primary-100);
4
+ --color-primary-150: var(--primary-150);
5
+ --color-primary-200: var(--primary-200);
6
+ --color-primary-250: var(--primary-250);
7
+ --color-primary-300: var(--primary-300);
8
+ --color-primary-350: var(--primary-350);
9
+ --color-primary-400: var(--primary-400);
10
+ --color-primary-450: var(--primary-450);
11
+ --color-primary-500: var(--primary-500);
12
+ --color-primary-550: var(--primary-550);
13
+ --color-primary-600: var(--primary-600);
14
+ --color-primary-650: var(--primary-650);
15
+ --color-primary-700: var(--primary-700);
16
+ --color-primary-750: var(--primary-750);
17
+ --color-primary-800: var(--primary-800);
18
+ --color-primary-850: var(--primary-850);
19
+ --color-primary-900: var(--primary-900);
20
+ --color-primary-950: var(--primary-950);
21
+ --color-accent-50: var(--accent-50);
22
+ --color-accent-100: var(--accent-100);
23
+ --color-accent-150: var(--accent-150);
24
+ --color-accent-200: var(--accent-200);
25
+ --color-accent-250: var(--accent-250);
26
+ --color-accent-300: var(--accent-300);
27
+ --color-accent-350: var(--accent-350);
28
+ --color-accent-400: var(--accent-400);
29
+ --color-accent-450: var(--accent-450);
30
+ --color-accent-500: var(--accent-500);
31
+ --color-accent-550: var(--accent-550);
32
+ --color-accent-600: var(--accent-600);
33
+ --color-accent-650: var(--accent-650);
34
+ --color-accent-700: var(--accent-700);
35
+ --color-accent-750: var(--accent-750);
36
+ --color-accent-800: var(--accent-800);
37
+ --color-accent-850: var(--accent-850);
38
+ --color-accent-900: var(--accent-900);
39
+ --color-accent-950: var(--accent-950);
40
+ --color-grey-50: var(--grey-50);
41
+ --color-grey-100: var(--grey-100);
42
+ --color-grey-150: var(--grey-150);
43
+ --color-grey-200: var(--grey-200);
44
+ --color-grey-250: var(--grey-250);
45
+ --color-grey-300: var(--grey-300);
46
+ --color-grey-350: var(--grey-350);
47
+ --color-grey-400: var(--grey-400);
48
+ --color-grey-450: var(--grey-450);
49
+ --color-grey-500: var(--grey-500);
50
+ --color-grey-550: var(--grey-550);
51
+ --color-grey-600: var(--grey-600);
52
+ --color-grey-650: var(--grey-650);
53
+ --color-grey-700: var(--grey-700);
54
+ --color-grey-750: var(--grey-750);
55
+ --color-grey-800: var(--grey-800);
56
+ --color-grey-850: var(--grey-850);
57
+ --color-grey-900: var(--grey-900);
58
+ --color-grey-950: var(--grey-950);
59
+ }
60
+
61
+ :root {
62
+ --primary-50: rgb(255, 246, 253);
63
+ --primary-100: rgb(255, 238, 249);
64
+ --primary-150: rgb(254, 230, 246);
65
+ --primary-200: rgb(253, 222, 242);
66
+ --primary-250: rgb(251, 212, 239);
67
+ --primary-300: rgb(249, 201, 235);
68
+ --primary-350: rgb(247, 191, 233);
69
+ --primary-400: rgb(244, 181, 230);
70
+ --primary-450: rgb(239, 150, 218);
71
+ --primary-500: rgb(233, 117, 204);
72
+ --primary-550: rgb(225, 80, 190);
73
+ --primary-600: rgb(217, 18, 174);
74
+ --primary-650: rgb(187, 12, 148);
75
+ --primary-700: rgb(157, 6, 123);
76
+ --primary-750: rgb(129, 2, 100);
77
+ --primary-800: rgb(101, 0, 77);
78
+ --primary-850: rgb(77, 0, 58);
79
+ --primary-900: rgb(55, 0, 40);
80
+ --primary-950: rgb(34, 0, 23);
81
+ --accent-50: rgb(255, 250, 246);
82
+ --accent-100: rgb(255, 246, 238);
83
+ --accent-150: rgb(254, 241, 231);
84
+ --accent-200: rgb(253, 237, 223);
85
+ --accent-250: rgb(254, 229, 206);
86
+ --accent-300: rgb(255, 221, 189);
87
+ --accent-350: rgb(255, 214, 171);
88
+ --accent-400: rgb(255, 206, 153);
89
+ --accent-450: rgb(253, 182, 120);
90
+ --accent-500: rgb(251, 157, 88);
91
+ --accent-550: rgb(247, 129, 57);
92
+ --accent-600: rgb(243, 99, 27);
93
+ --accent-650: rgb(219, 81, 21);
94
+ --accent-700: rgb(195, 63, 14);
95
+ --accent-750: rgb(171, 46, 6);
96
+ --accent-800: rgb(148, 27, 0);
97
+ --accent-850: rgb(115, 15, 0);
98
+ --accent-900: rgb(83, 4, 0);
99
+ --accent-950: rgb(53, 0, 0);
100
+ --grey-50: rgb(250, 250, 250);
101
+ --grey-100: rgb(245, 245, 245);
102
+ --grey-150: rgb(240, 240, 240);
103
+ --grey-200: rgb(235, 235, 235);
104
+ --grey-250: rgb(227, 229, 230);
105
+ --grey-300: rgb(220, 223, 224);
106
+ --grey-350: rgb(212, 217, 219);
107
+ --grey-400: rgb(205, 211, 214);
108
+ --grey-450: rgb(170, 176, 180);
109
+ --grey-500: rgb(136, 143, 146);
110
+ --grey-550: rgb(104, 111, 114);
111
+ --grey-600: rgb(73, 80, 84);
112
+ --grey-650: rgb(63, 69, 73);
113
+ --grey-700: rgb(53, 59, 63);
114
+ --grey-750: rgb(43, 49, 53);
115
+ --grey-800: rgb(34, 39, 43);
116
+ --grey-850: rgb(24, 28, 31);
117
+ --grey-900: rgb(14, 17, 19);
118
+ --grey-950: rgb(5, 7, 9);
59
119
  }
@@ -15,7 +15,7 @@
15
15
  --color-primary-700: var(--nsw-blue-700);
16
16
  --color-primary-750: var(--nsw-blue-750);
17
17
  --color-primary-800: var(--nsw-blue-800);
18
- --color-primary-850: var(--nsw-blue-800);
18
+ --color-primary-850: var(--nsw-blue-850);
19
19
  --color-primary-900: var(--nsw-blue-900);
20
20
  --color-primary-950: var(--nsw-blue-950);
21
21
  --color-accent-50: var(--nsw-red-50);