@nswds/tokens 2.7.0 → 2.9.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 (152) hide show
  1. package/dist/css/colors/semantic/hex.css +78 -0
  2. package/dist/css/colors/semantic/hsl.css +78 -0
  3. package/dist/css/colors/semantic/oklch.css +78 -0
  4. package/dist/css/colors/semantic/rgb.css +78 -0
  5. package/dist/css/colors/themes/masterbrand/hex.css +57 -56
  6. package/dist/css/colors/themes/masterbrand/hsl.css +57 -56
  7. package/dist/css/colors/themes/masterbrand/oklch.css +57 -56
  8. package/dist/css/colors/themes/masterbrand/rgb.css +57 -56
  9. package/dist/figma/color/semantic/hex.json +314 -0
  10. package/dist/figma/color/semantic/hsl.json +618 -0
  11. package/dist/figma/color/semantic/oklch.json +618 -0
  12. package/dist/figma/color/semantic/rgb.json +618 -0
  13. package/dist/figma/color/themes/masterbrand/color/hex.json +236 -0
  14. package/dist/figma/color/themes/masterbrand/color/hsl.json +464 -0
  15. package/dist/figma/color/themes/masterbrand/color/oklch.json +464 -0
  16. package/dist/figma/color/themes/masterbrand/color/rgb.json +464 -0
  17. package/dist/index.cjs +2199 -2294
  18. package/dist/index.cjs.map +1 -1
  19. package/dist/index.d.cts +498 -770
  20. package/dist/index.d.ts +498 -770
  21. package/dist/index.js +2199 -2294
  22. package/dist/index.js.map +1 -1
  23. package/dist/js/colors/semantic/hex.js +87 -0
  24. package/dist/js/colors/semantic/hsl.js +87 -0
  25. package/dist/js/colors/semantic/oklch.js +87 -0
  26. package/dist/js/colors/semantic/rgb.js +87 -0
  27. package/dist/js/colors/themes/masterbrand/hex.js +59 -68
  28. package/dist/js/colors/themes/masterbrand/hsl.js +59 -68
  29. package/dist/js/colors/themes/masterbrand/oklch.js +59 -68
  30. package/dist/js/colors/themes/masterbrand/rgb.js +59 -68
  31. package/dist/json/colors/semantic/hex.json +86 -0
  32. package/dist/json/colors/semantic/hsl.json +86 -0
  33. package/dist/json/colors/semantic/oklch.json +86 -0
  34. package/dist/json/colors/semantic/rgb.json +86 -0
  35. package/dist/json/colors/themes/masterbrand/hex.json +58 -67
  36. package/dist/json/colors/themes/masterbrand/hsl.json +58 -67
  37. package/dist/json/colors/themes/masterbrand/oklch.json +58 -67
  38. package/dist/json/colors/themes/masterbrand/rgb.json +58 -67
  39. package/dist/less/colors/semantic/hex.less +76 -0
  40. package/dist/less/colors/semantic/hsl.less +76 -0
  41. package/dist/less/colors/semantic/oklch.less +76 -0
  42. package/dist/less/colors/semantic/rgb.less +76 -0
  43. package/dist/less/colors/themes/masterbrand/hex.less +57 -56
  44. package/dist/less/colors/themes/masterbrand/hsl.less +57 -56
  45. package/dist/less/colors/themes/masterbrand/oklch.less +57 -56
  46. package/dist/less/colors/themes/masterbrand/rgb.less +57 -56
  47. package/dist/scss/colors/semantic/hex.scss +76 -0
  48. package/dist/scss/colors/semantic/hsl.scss +76 -0
  49. package/dist/scss/colors/semantic/oklch.scss +76 -0
  50. package/dist/scss/colors/semantic/rgb.scss +76 -0
  51. package/dist/scss/colors/themes/masterbrand/hex.scss +57 -56
  52. package/dist/scss/colors/themes/masterbrand/hsl.scss +57 -56
  53. package/dist/scss/colors/themes/masterbrand/oklch.scss +57 -56
  54. package/dist/scss/colors/themes/masterbrand/rgb.scss +57 -56
  55. package/dist/tailwind/colors/semantic/hex.css +78 -0
  56. package/dist/tailwind/colors/semantic/hsl.css +78 -0
  57. package/dist/tailwind/colors/semantic/oklch.css +78 -0
  58. package/dist/tailwind/colors/semantic/rgb.css +78 -0
  59. package/dist/tailwind/colors/themes/masterbrand/hex.css +57 -56
  60. package/dist/tailwind/colors/themes/masterbrand/hsl.css +57 -56
  61. package/dist/tailwind/colors/themes/masterbrand/oklch.css +57 -56
  62. package/dist/tailwind/colors/themes/masterbrand/rgb.css +57 -56
  63. package/dist/ts/colors/semantic/hex.ts +84 -0
  64. package/dist/ts/colors/semantic/hsl.ts +84 -0
  65. package/dist/ts/colors/semantic/oklch.ts +84 -0
  66. package/dist/ts/colors/semantic/rgb.ts +84 -0
  67. package/dist/ts/colors/themes/masterbrand/hex.ts +59 -68
  68. package/dist/ts/colors/themes/masterbrand/hsl.ts +59 -68
  69. package/dist/ts/colors/themes/masterbrand/oklch.ts +59 -68
  70. package/dist/ts/colors/themes/masterbrand/rgb.ts +59 -68
  71. package/package.json +1 -1
  72. package/src/css/colors/semantic/hex.css +78 -0
  73. package/src/css/colors/semantic/hsl.css +78 -0
  74. package/src/css/colors/semantic/oklch.css +78 -0
  75. package/src/css/colors/semantic/rgb.css +78 -0
  76. package/src/css/colors/themes/masterbrand/hex.css +57 -56
  77. package/src/css/colors/themes/masterbrand/hsl.css +57 -56
  78. package/src/css/colors/themes/masterbrand/oklch.css +57 -56
  79. package/src/css/colors/themes/masterbrand/rgb.css +57 -56
  80. package/src/figma/color/semantic/hex.json +314 -0
  81. package/src/figma/color/semantic/hsl.json +618 -0
  82. package/src/figma/color/semantic/oklch.json +618 -0
  83. package/src/figma/color/semantic/rgb.json +618 -0
  84. package/src/figma/color/themes/masterbrand/color/hex.json +236 -0
  85. package/src/figma/color/themes/masterbrand/color/hsl.json +464 -0
  86. package/src/figma/color/themes/masterbrand/color/oklch.json +464 -0
  87. package/src/figma/color/themes/masterbrand/color/rgb.json +464 -0
  88. package/src/index.ts +4 -4
  89. package/src/js/colors/semantic/hex.js +87 -0
  90. package/src/js/colors/semantic/hsl.js +87 -0
  91. package/src/js/colors/semantic/oklch.js +87 -0
  92. package/src/js/colors/semantic/rgb.js +87 -0
  93. package/src/js/colors/themes/masterbrand/hex.js +59 -68
  94. package/src/js/colors/themes/masterbrand/hsl.js +59 -68
  95. package/src/js/colors/themes/masterbrand/oklch.js +59 -68
  96. package/src/js/colors/themes/masterbrand/rgb.js +59 -68
  97. package/src/json/colors/semantic/hex.json +86 -0
  98. package/src/json/colors/semantic/hsl.json +86 -0
  99. package/src/json/colors/semantic/oklch.json +86 -0
  100. package/src/json/colors/semantic/rgb.json +86 -0
  101. package/src/json/colors/themes/masterbrand/hex.json +58 -67
  102. package/src/json/colors/themes/masterbrand/hsl.json +58 -67
  103. package/src/json/colors/themes/masterbrand/oklch.json +58 -67
  104. package/src/json/colors/themes/masterbrand/rgb.json +58 -67
  105. package/src/less/colors/semantic/hex.less +76 -0
  106. package/src/less/colors/semantic/hsl.less +76 -0
  107. package/src/less/colors/semantic/oklch.less +76 -0
  108. package/src/less/colors/semantic/rgb.less +76 -0
  109. package/src/less/colors/themes/masterbrand/hex.less +57 -56
  110. package/src/less/colors/themes/masterbrand/hsl.less +57 -56
  111. package/src/less/colors/themes/masterbrand/oklch.less +57 -56
  112. package/src/less/colors/themes/masterbrand/rgb.less +57 -56
  113. package/src/scss/colors/semantic/hex.scss +76 -0
  114. package/src/scss/colors/semantic/hsl.scss +76 -0
  115. package/src/scss/colors/semantic/oklch.scss +76 -0
  116. package/src/scss/colors/semantic/rgb.scss +76 -0
  117. package/src/scss/colors/themes/masterbrand/hex.scss +57 -56
  118. package/src/scss/colors/themes/masterbrand/hsl.scss +57 -56
  119. package/src/scss/colors/themes/masterbrand/oklch.scss +57 -56
  120. package/src/scss/colors/themes/masterbrand/rgb.scss +57 -56
  121. package/src/tailwind/colors/semantic/hex.css +78 -0
  122. package/src/tailwind/colors/semantic/hsl.css +78 -0
  123. package/src/tailwind/colors/semantic/oklch.css +78 -0
  124. package/src/tailwind/colors/semantic/rgb.css +78 -0
  125. package/src/tailwind/colors/themes/masterbrand/hex.css +57 -56
  126. package/src/tailwind/colors/themes/masterbrand/hsl.css +57 -56
  127. package/src/tailwind/colors/themes/masterbrand/oklch.css +57 -56
  128. package/src/tailwind/colors/themes/masterbrand/rgb.css +57 -56
  129. package/src/ts/colors/semantic/hex.ts +84 -0
  130. package/src/ts/colors/semantic/hsl.ts +84 -0
  131. package/src/ts/colors/semantic/oklch.ts +84 -0
  132. package/src/ts/colors/semantic/rgb.ts +84 -0
  133. package/src/ts/colors/themes/masterbrand/hex.ts +59 -68
  134. package/src/ts/colors/themes/masterbrand/hsl.ts +59 -68
  135. package/src/ts/colors/themes/masterbrand/oklch.ts +59 -68
  136. package/src/ts/colors/themes/masterbrand/rgb.ts +59 -68
  137. package/dist/figma/themes/masterbrand/color/hex.json +0 -226
  138. package/dist/figma/themes/masterbrand/color/hsl.json +0 -450
  139. package/dist/figma/themes/masterbrand/color/oklch.json +0 -450
  140. package/dist/figma/themes/masterbrand/color/rgb.json +0 -450
  141. package/src/figma/themes/masterbrand/color/hex.json +0 -226
  142. package/src/figma/themes/masterbrand/color/hsl.json +0 -450
  143. package/src/figma/themes/masterbrand/color/oklch.json +0 -450
  144. package/src/figma/themes/masterbrand/color/rgb.json +0 -450
  145. /package/dist/figma/{global/color → color/global}/hex.json +0 -0
  146. /package/dist/figma/{global/color → color/global}/hsl.json +0 -0
  147. /package/dist/figma/{global/color → color/global}/oklch.json +0 -0
  148. /package/dist/figma/{global/color → color/global}/rgb.json +0 -0
  149. /package/src/figma/{global/color → color/global}/hex.json +0 -0
  150. /package/src/figma/{global/color → color/global}/hsl.json +0 -0
  151. /package/src/figma/{global/color → color/global}/oklch.json +0 -0
  152. /package/src/figma/{global/color → color/global}/rgb.json +0 -0
@@ -1,72 +1,63 @@
1
1
  export const primary = {
2
- lightest: 'hsl(216.77, 89.43%, 43.98%)',
3
- lighter: 'hsl(216.29, 94.14%, 35%)',
4
- light: 'hsl(216.37, 97.67%, 26.93%)',
5
- DEFAULT: 'hsl(217.2, 100%, 19.61%)',
6
- dark: 'hsl(218.95, 100%, 14.93%)',
7
- darker: 'hsl(222.31, 100%, 10.59%)',
8
- darkest: 'hsl(228.65, 100%, 6.6%)',
9
- }
10
- export const secondary = {
11
- lightest: 'hsl(199.45, 100%, 97.34%)',
12
- lighter: 'hsl(199.38, 100%, 94.73%)',
13
- light: 'hsl(199.3, 95.85%, 92.09%)',
14
- DEFAULT: 'hsl(199.2, 92.59%, 89.41%)',
15
- dark: 'hsl(198.5, 96.87%, 86.75%)',
16
- darker: 'hsl(197.76, 98.99%, 83.89%)',
17
- darkest: 'hsl(197, 99.87%, 80.82%)',
18
- }
19
- export const tertiary = {
20
- lightest: 'hsl(199.74, 99.83%, 67.57%)',
21
- lighter: 'hsl(202.52, 100%, 57.55%)',
22
- light: 'hsl(204.76, 100%, 46.97%)',
23
- DEFAULT: 'hsl(217.34, 98.31%, 53.53%)',
24
- dark: 'hsl(216.77, 89.43%, 43.98%)',
25
- darker: 'hsl(216.29, 94.14%, 35%)',
26
- darkest: 'hsl(216.37, 97.67%, 26.93%)',
2
+ '50': 'hsl(199.45, 100%, 97.34%)',
3
+ '100': 'hsl(199.38, 100%, 94.73%)',
4
+ '150': 'hsl(199.3, 95.85%, 92.09%)',
5
+ '200': 'hsl(199.2, 92.59%, 89.41%)',
6
+ '250': 'hsl(198.5, 96.87%, 86.75%)',
7
+ '300': 'hsl(197.76, 98.99%, 83.89%)',
8
+ '350': 'hsl(197, 99.87%, 80.82%)',
9
+ '400': 'hsl(196.17, 100%, 77.45%)',
10
+ '450': 'hsl(199.74, 99.83%, 67.57%)',
11
+ '500': 'hsl(202.52, 100%, 57.55%)',
12
+ '550': 'hsl(204.76, 100%, 46.97%)',
13
+ '600': 'hsl(217.34, 98.31%, 53.53%)',
14
+ '650': 'hsl(216.77, 89.43%, 43.98%)',
15
+ '700': 'hsl(216.29, 94.14%, 35%)',
16
+ '750': 'hsl(216.37, 97.67%, 26.93%)',
17
+ '800': 'hsl(217.2, 100%, 19.61%)',
18
+ '850': 'hsl(218.95, 100%, 14.93%)',
19
+ '900': 'hsl(222.31, 100%, 10.59%)',
20
+ '950': 'hsl(228.65, 100%, 6.6%)',
27
21
  }
28
22
  export const accent = {
29
- lightest: 'hsl(353.39, 86.96%, 78.18%)',
30
- lighter: 'hsl(353.95, 78.84%, 69.69%)',
31
- light: 'hsl(353.52, 73.17%, 60.13%)',
32
- DEFAULT: 'hsl(348.56, 82.2%, 46.27%)',
33
- dark: 'hsl(347.26, 85.91%, 38.92%)',
34
- darker: 'hsl(345.89, 91%, 31.81%)',
35
- darkest: 'hsl(345, 95.87%, 25.31%)',
36
- }
37
- export const success = {
38
- lightest: 'hsl(114.97, 40.74%, 82.58%)',
39
- lighter: 'hsl(115.71, 34.7%, 66.15%)',
40
- light: 'hsl(117.04, 33.37%, 49.53%)',
41
- DEFAULT: 'hsl(123.04, 100%, 27.06%)',
42
- dark: 'hsl(122.96, 100%, 19.1%)',
43
- darker: 'hsl(122.88, 100%, 12.74%)',
44
- darkest: 'hsl(122.85, 100%, 7.59%)',
45
- }
46
- export const warning = {
47
- lightest: 'hsl(17.74, 94.96%, 87.24%)',
48
- lighter: 'hsl(17.94, 75.09%, 73.77%)',
49
- light: 'hsl(18.45, 66.88%, 59.6%)',
50
- DEFAULT: 'hsl(23.88, 100%, 39.41%)',
51
- dark: 'hsl(24.01, 100%, 29.25%)',
52
- darker: 'hsl(22.64, 100%, 20.66%)',
53
- darkest: 'hsl(18.45, 100%, 13.3%)',
54
- }
55
- export const error = {
56
- lightest: 'hsl(359.69, 92.79%, 88.44%)',
57
- lighter: 'hsl(358.32, 67.18%, 74.5%)',
58
- light: 'hsl(355.68, 57.14%, 59.46%)',
59
- DEFAULT: 'hsl(346.63, 82.18%, 39.61%)',
60
- dark: 'hsl(344.75, 95.33%, 28.77%)',
61
- darker: 'hsl(344.52, 100%, 19.69%)',
62
- darkest: 'hsl(347.44, 100%, 12.27%)',
63
- }
64
- export const info = {
65
- lightest: 'hsl(218.63, 32.11%, 75.49%)',
66
- lighter: 'hsl(218.81, 34.57%, 63.16%)',
67
- light: 'hsl(219.17, 34.9%, 51.02%)',
68
- DEFAULT: 'hsl(219.81, 53.77%, 39.02%)',
69
- dark: 'hsl(219.87, 57.48%, 29.6%)',
70
- darker: 'hsl(219.94, 64.01%, 20.66%)',
71
- darkest: 'hsl(220.32, 77.61%, 12.34%)',
23
+ '50': 'hsl(350.85, 100%, 98.97%)',
24
+ '100': 'hsl(350.7, 100%, 97.7%)',
25
+ '150': 'hsl(350.55, 100%, 96.41%)',
26
+ '200': 'hsl(350.4, 100%, 95.1%)',
27
+ '250': 'hsl(350.92, 100%, 92.94%)',
28
+ '300': 'hsl(351.43, 100%, 90.72%)',
29
+ '350': 'hsl(351.92, 100%, 88.44%)',
30
+ '400': 'hsl(352.39, 100%, 86.08%)',
31
+ '450': 'hsl(353.39, 86.96%, 78.18%)',
32
+ '500': 'hsl(353.95, 78.84%, 69.69%)',
33
+ '550': 'hsl(353.52, 73.17%, 60.13%)',
34
+ '600': 'hsl(348.56, 82.2%, 46.27%)',
35
+ '650': 'hsl(347.26, 85.91%, 38.92%)',
36
+ '700': 'hsl(345.89, 91%, 31.81%)',
37
+ '750': 'hsl(345, 95.87%, 25.31%)',
38
+ '800': 'hsl(344.85, 100%, 19.41%)',
39
+ '850': 'hsl(346.11, 100%, 14.46%)',
40
+ '900': 'hsl(349.15, 100%, 10.03%)',
41
+ '950': 'hsl(352.16, 100%, 6.06%)',
42
+ }
43
+ export const grey = {
44
+ '50': 'hsl(223.81, 0%, 98.03%)',
45
+ '100': 'hsl(223.81, 0%, 96.06%)',
46
+ '150': 'hsl(223.81, 0%, 94.11%)',
47
+ '200': 'hsl(223.81, 0%, 92.16%)',
48
+ '250': 'hsl(200.05, 4.31%, 89.64%)',
49
+ '300': 'hsl(200.03, 6.92%, 87.13%)',
50
+ '350': 'hsl(200.02, 8.65%, 84.64%)',
51
+ '400': 'hsl(200, 9.89%, 82.16%)',
52
+ '450': 'hsl(200.47, 6.03%, 68.52%)',
53
+ '500': 'hsl(200.94, 4.51%, 55.36%)',
54
+ '550': 'hsl(201.39, 4.91%, 42.76%)',
55
+ '600': 'hsl(201.82, 7.01%, 30.78%)',
56
+ '650': 'hsl(203.03, 7.74%, 26.71%)',
57
+ '700': 'hsl(204.24, 8.68%, 22.73%)',
58
+ '750': 'hsl(205.45, 9.93%, 18.85%)',
59
+ '800': 'hsl(206.67, 11.69%, 15.1%)',
60
+ '850': 'hsl(206.66, 13.37%, 10.7%)',
61
+ '900': 'hsl(206.64, 17.01%, 6.52%)',
62
+ '950': 'hsl(208.68, 23.47%, 2.8%)',
72
63
  }
@@ -1,72 +1,63 @@
1
1
  export const primary = {
2
- lightest: 'oklch(0.5038341615701663 0.20169915825513662 260.52773388396713)',
3
- lighter: 'oklch(0.43255566986372795 0.17356468700683536 260.29913478593846)',
4
- light: 'oklch(0.3612771781572896 0.1454302157585341 260.07053568790974)',
5
- DEFAULT: 'oklch(0.2899986864508513 0.11729574451023282 259.841936589881)',
6
- dark: 'oklch(0.23924891632195233 0.0997013828336979 259.841936589881)',
7
- darker: 'oklch(0.18849914619305336 0.08210702115716298 259.841936589881)',
8
- darkest: 'oklch(0.13774937606415438 0.06451265948062805 259.841936589881)',
9
- }
10
- export const secondary = {
11
- lightest: 'oklch(0.9816683948128555 0.013540580086234762 227.890755564881)',
12
- lighter: 'oklch(0.9633367896257109 0.022914827838243446 227.890755564881)',
13
- light: 'oklch(0.9450051844385663 0.032289075590252125 227.890755564881)',
14
- DEFAULT: 'oklch(0.9266735792514218 0.04166332334226081 227.890755564881)',
15
- dark: 'oklch(0.9110280326138016 0.05428316129852959 226.81685418252806)',
16
- darker: 'oklch(0.8953824859761815 0.06690299925479838 225.74295280017512)',
17
- darkest: 'oklch(0.8797369393385615 0.07952283721106716 224.66905141782217)',
18
- }
19
- export const tertiary = {
20
- lightest: 'oklch(0.7918467078448571 0.12656541375136143 232.8854457721009)',
21
- lighter: 'oklch(0.719602022988773 0.1609881523353869 242.17574150873253)',
22
- light: 'oklch(0.6473573381326887 0.19541089091941238 251.4660372453642)',
23
- DEFAULT: 'oklch(0.5751126532766045 0.2298336295034379 260.75633298199585)',
24
- dark: 'oklch(0.5038341615701663 0.20169915825513662 260.52773388396713)',
25
- darker: 'oklch(0.43255566986372795 0.17356468700683536 260.29913478593846)',
26
- darkest: 'oklch(0.3612771781572896 0.1454302157585341 260.07053568790974)',
2
+ '50': 'oklch(0.9816683948128555 0.013540580086234762 227.890755564881)',
3
+ '100': 'oklch(0.9633367896257109 0.022914827838243446 227.890755564881)',
4
+ '150': 'oklch(0.9450051844385663 0.032289075590252125 227.890755564881)',
5
+ '200': 'oklch(0.9266735792514218 0.04166332334226081 227.890755564881)',
6
+ '250': 'oklch(0.9110280326138016 0.05428316129852959 226.81685418252806)',
7
+ '300': 'oklch(0.8953824859761815 0.06690299925479838 225.74295280017512)',
8
+ '350': 'oklch(0.8797369393385615 0.07952283721106716 224.66905141782217)',
9
+ '400': 'oklch(0.8640913927009413 0.09214267516733594 223.59515003546923)',
10
+ '450': 'oklch(0.7918467078448571 0.12656541375136143 232.8854457721009)',
11
+ '500': 'oklch(0.719602022988773 0.1609881523353869 242.17574150873253)',
12
+ '550': 'oklch(0.6473573381326887 0.19541089091941238 251.4660372453642)',
13
+ '600': 'oklch(0.5751126532766045 0.2298336295034379 260.75633298199585)',
14
+ '650': 'oklch(0.5038341615701663 0.20169915825513662 260.52773388396713)',
15
+ '700': 'oklch(0.43255566986372795 0.17356468700683536 260.29913478593846)',
16
+ '750': 'oklch(0.3612771781572896 0.1454302157585341 260.07053568790974)',
17
+ '800': 'oklch(0.2899986864508513 0.11729574451023282 259.841936589881)',
18
+ '850': 'oklch(0.23924891632195233 0.0997013828336979 259.841936589881)',
19
+ '900': 'oklch(0.18849914619305336 0.08210702115716298 259.841936589881)',
20
+ '950': 'oklch(0.13774937606415438 0.06451265948062805 259.841936589881)',
27
21
  }
28
22
  export const accent = {
29
- lightest: 'oklch(0.7786513285230947 0.11664880226231811 13.011419492803782)',
30
- lighter: 'oklch(0.7064193584802577 0.15026753878948967 15.45213465296721)',
31
- light: 'oklch(0.6341873884374207 0.18388627531666124 17.892849813130642)',
32
- DEFAULT: 'oklch(0.5619554183945837 0.2175050118438328 20.33356497329407)',
33
- dark: 'oklch(0.5007084126233001 0.1948505033631296 19.53345435711309)',
34
- darker: 'oklch(0.4394614068520166 0.17219599488242637 18.733343740932114)',
35
- darkest: 'oklch(0.3782144010807331 0.14954148640172313 17.933233124751133)',
36
- }
37
- export const success = {
38
- lightest: 'oklch(0.8872601819234176 0.060106868790808454 142.8007543325396)',
39
- lighter: 'oklch(0.7745203638468352 0.1017193164152143 142.8007543325396)',
40
- light: 'oklch(0.6617805457702527 0.14333176403962014 142.8007543325396)',
41
- DEFAULT: 'oklch(0.5490407276936703 0.184944211664026 142.8007543325396)',
42
- dark: 'oklch(0.452958600347278 0.1572025799144221 142.8007543325396)',
43
- darker: 'oklch(0.35687647300088565 0.1294609481648182 142.8007543325396)',
44
- darkest: 'oklch(0.2607943456544934 0.1017193164152143 142.8007543325396)',
45
- }
46
- export const warning = {
47
- lightest: 'oklch(0.8958326078740171 0.05515411503535715 43.99726534950394)',
48
- lighter: 'oklch(0.7916652157480342 0.09333773313675825 43.99726534950394)',
49
- light: 'oklch(0.6874978236220514 0.13152135123815933 43.99726534950394)',
50
- DEFAULT: 'oklch(0.5833304314960684 0.16970496933956045 43.99726534950394)',
51
- dark: 'oklch(0.4812476059842564 0.14424922393862638 43.99726534950394)',
52
- darker: 'oklch(0.3791647804724445 0.11879347853769232 43.99726534950394)',
53
- darkest: 'oklch(0.2770819549606325 0.09333773313675825 43.99726534950394)',
54
- }
55
- export const error = {
56
- lightest: 'oklch(0.8754989819725543 0.06263564750632042 18.079140916466272)',
57
- lighter: 'oklch(0.7509979639451086 0.10599878808761917 18.079140916466272)',
58
- light: 'oklch(0.626496945917663 0.14936192866891793 18.079140916466272)',
59
- DEFAULT: 'oklch(0.5019959278902173 0.19272506925021668 18.079140916466272)',
60
- dark: 'oklch(0.4141466405094293 0.16381630886268417 18.079140916466272)',
61
- darker: 'oklch(0.3262973531286413 0.13490754847515168 18.079140916466272)',
62
- darkest: 'oklch(0.2384480657478532 0.10599878808761917 18.079140916466272)',
63
- }
64
- export const info = {
65
- lightest: 'oklch(0.7885885178062633 0.04006699378315225 262.3514946368672)',
66
- lighter: 'oklch(0.6759330152625114 0.06780568178687302 262.3514946368672)',
67
- light: 'oklch(0.5632775127187595 0.0955443697905938 262.3514946368672)',
68
- DEFAULT: 'oklch(0.4506220101750076 0.12328305779431457 262.3514946368672)',
69
- dark: 'oklch(0.37176315839438123 0.10479059912516739 262.3514946368672)',
70
- darker: 'oklch(0.2929043066137549 0.0862981404560202 262.3514946368672)',
71
- darkest: 'oklch(0.2140454548331286 0.06780568178687302 262.3514946368672)',
23
+ '50': 'oklch(0.9865629857873716 0.009043874600495525 6.653158456152784)',
24
+ '100': 'oklch(0.9731259715747431 0.015305018554684736 6.653158456152784)',
25
+ '150': 'oklch(0.9596889573621147 0.021566162508873946 6.653158456152784)',
26
+ '200': 'oklch(0.9462519431494862 0.027827306463063157 6.653158456152784)',
27
+ '250': 'oklch(0.9224097820035976 0.041627996281084 7.632544925274676)',
28
+ '300': 'oklch(0.8985676208577089 0.05542868609910484 8.611931394396567)',
29
+ '350': 'oklch(0.8747254597118204 0.06922937591712569 9.59131786351846)',
30
+ '400': 'oklch(0.8508832985659317 0.08303006573514653 10.570704332640352)',
31
+ '450': 'oklch(0.7786513285230947 0.11664880226231811 13.011419492803782)',
32
+ '500': 'oklch(0.7064193584802577 0.15026753878948967 15.45213465296721)',
33
+ '550': 'oklch(0.6341873884374207 0.18388627531666124 17.892849813130642)',
34
+ '600': 'oklch(0.5619554183945837 0.2175050118438328 20.33356497329407)',
35
+ '650': 'oklch(0.5007084126233001 0.1948505033631296 19.53345435711309)',
36
+ '700': 'oklch(0.4394614068520166 0.17219599488242637 18.733343740932114)',
37
+ '750': 'oklch(0.3782144010807331 0.14954148640172313 17.933233124751133)',
38
+ '800': 'oklch(0.31696739530944956 0.1268869779210199 17.133122508570153)',
39
+ '850': 'oklch(0.2614981011302959 0.10785393123286692 17.133122508570153)',
40
+ '900': 'oklch(0.20602880695114223 0.08882088454471393 17.133122508570153)',
41
+ '950': 'oklch(0.15055951277198854 0.06978783785656095 17.133122508570153)',
42
+ }
43
+ export const grey = {
44
+ '50': 'oklch(0.9850175274112574 0 0)',
45
+ '100': 'oklch(0.9700350548225147 0 0)',
46
+ '150': 'oklch(0.9550525822337722 0 0)',
47
+ '200': 'oklch(0.9400701096450296 0 0)',
48
+ '250': 'oklch(0.9208267112856119 0.0019440594503795112 228.8687380011113)',
49
+ '300': 'oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113)',
50
+ '350': 'oklch(0.8823399145667763 0.005832178351138532 228.8687380011113)',
51
+ '400': 'oklch(0.8630965162073586 0.007776237801518043 228.8687380011113)',
52
+ '450': 'oklch(0.7539290831519737 0.008632737257709678 229.8058410593526)',
53
+ '500': 'oklch(0.6447616500965888 0.009489236713901311 230.74294411759388)',
54
+ '550': 'oklch(0.5355942170412039 0.010345736170092946 231.68004717583517)',
55
+ '600': 'oklch(0.426426783985819 0.011202235626284581 232.61715023407646)',
56
+ '650': 'oklch(0.3871732148397997 0.010991669591883444 234.98382249287215)',
57
+ '700': 'oklch(0.3479196456937804 0.010781103557482309 237.35049475166784)',
58
+ '750': 'oklch(0.3086660765477611 0.010570537523081174 239.71716701046353)',
59
+ '800': 'oklch(0.26941250740174183 0.010359971488680036 242.08383926925922)',
60
+ '850': 'oklch(0.222265318606437 0.00880597576537803 242.08383926925922)',
61
+ '900': 'oklch(0.17511812981113217 0.007251980042076026 242.08383926925922)',
62
+ '950': 'oklch(0.12797094101582737 0.005697984318774021 242.08383926925922)',
72
63
  }
@@ -1,72 +1,63 @@
1
1
  export const primary = {
2
- lightest: 'rgb(12, 90, 212)',
3
- lighter: 'rgb(5, 72, 173)',
4
- light: 'rgb(2, 54, 136)',
5
- DEFAULT: 'rgb(0, 38, 100)',
6
- dark: 'rgb(0, 26, 77)',
7
- darker: 'rgb(0, 16, 55)',
8
- darkest: 'rgb(0, 6, 34)',
9
- }
10
- export const secondary = {
11
- lightest: 'rgb(240, 251, 255)',
12
- lighter: 'rgb(228, 246, 255)',
13
- light: 'rgb(215, 242, 254)',
14
- DEFAULT: 'rgb(203, 237, 253)',
15
- dark: 'rgb(188, 234, 254)',
16
- darker: 'rgb(173, 231, 255)',
17
- darkest: 'rgb(157, 227, 255)',
18
- }
19
- export const tertiary = {
20
- lightest: 'rgb(90, 201, 255)',
21
- lighter: 'rgb(38, 174, 255)',
22
- light: 'rgb(0, 143, 255)',
23
- DEFAULT: 'rgb(20, 108, 253)',
24
- dark: 'rgb(12, 90, 212)',
25
- darker: 'rgb(5, 72, 173)',
26
- darkest: 'rgb(2, 54, 136)',
2
+ '50': 'rgb(240, 251, 255)',
3
+ '100': 'rgb(228, 246, 255)',
4
+ '150': 'rgb(215, 242, 254)',
5
+ '200': 'rgb(203, 237, 253)',
6
+ '250': 'rgb(188, 234, 254)',
7
+ '300': 'rgb(173, 231, 255)',
8
+ '350': 'rgb(157, 227, 255)',
9
+ '400': 'rgb(140, 224, 255)',
10
+ '450': 'rgb(90, 201, 255)',
11
+ '500': 'rgb(38, 174, 255)',
12
+ '550': 'rgb(0, 143, 255)',
13
+ '600': 'rgb(20, 108, 253)',
14
+ '650': 'rgb(12, 90, 212)',
15
+ '700': 'rgb(5, 72, 173)',
16
+ '750': 'rgb(2, 54, 136)',
17
+ '800': 'rgb(0, 38, 100)',
18
+ '850': 'rgb(0, 26, 77)',
19
+ '900': 'rgb(0, 16, 55)',
20
+ '950': 'rgb(0, 6, 34)',
27
21
  }
28
22
  export const accent = {
29
- lightest: 'rgb(248, 151, 162)',
30
- lighter: 'rgb(239, 117, 129)',
31
- light: 'rgb(228, 79, 95)',
32
- DEFAULT: 'rgb(215, 21, 58)',
33
- dark: 'rgb(185, 14, 50)',
34
- darker: 'rgb(155, 7, 42)',
35
- darkest: 'rgb(126, 3, 34)',
36
- }
37
- export const success = {
38
- lightest: 'rgb(196, 229, 192)',
39
- lighter: 'rgb(143, 199, 139)',
40
- light: 'rgb(88, 168, 84)',
41
- DEFAULT: 'rgb(0, 138, 7)',
42
- dark: 'rgb(0, 106, 0)',
43
- darker: 'rgb(0, 76, 0)',
44
- darkest: 'rgb(0, 47, 0)',
45
- }
46
- export const warning = {
47
- lightest: 'rgb(253, 210, 192)',
48
- lighter: 'rgb(238, 168, 138)',
49
- light: 'rgb(221, 125, 83)',
50
- DEFAULT: 'rgb(201, 80, 0)',
51
- dark: 'rgb(157, 58, 0)',
52
- darker: 'rgb(114, 38, 0)',
53
- darkest: 'rgb(75, 18, 0)',
54
- }
55
- export const error = {
56
- lightest: 'rgb(253, 198, 198)',
57
- lighter: 'rgb(234, 146, 149)',
58
- light: 'rgb(211, 93, 101)',
59
- DEFAULT: 'rgb(184, 18, 55)',
60
- dark: 'rgb(143, 3, 39)',
61
- darker: 'rgb(105, 0, 24)',
62
- darkest: 'rgb(68, 0, 10)',
63
- }
64
- export const info = {
65
- lightest: 'rgb(172, 187, 213)',
66
- lighter: 'rgb(129, 152, 194)',
67
- light: 'rgb(87, 117, 174)',
68
- DEFAULT: 'rgb(46, 82, 153)',
69
- dark: 'rgb(32, 61, 119)',
70
- darker: 'rgb(19, 41, 86)',
71
- darkest: 'rgb(7, 23, 56)',
23
+ '50': 'rgb(255, 248, 249)',
24
+ '100': 'rgb(255, 242, 244)',
25
+ '150': 'rgb(255, 236, 239)',
26
+ '200': 'rgb(255, 230, 234)',
27
+ '250': 'rgb(255, 219, 224)',
28
+ '300': 'rgb(255, 207, 214)',
29
+ '350': 'rgb(255, 196, 204)',
30
+ '400': 'rgb(255, 184, 193)',
31
+ '450': 'rgb(248, 151, 162)',
32
+ '500': 'rgb(239, 117, 129)',
33
+ '550': 'rgb(228, 79, 95)',
34
+ '600': 'rgb(215, 21, 58)',
35
+ '650': 'rgb(185, 14, 50)',
36
+ '700': 'rgb(155, 7, 42)',
37
+ '750': 'rgb(126, 3, 34)',
38
+ '800': 'rgb(99, 0, 25)',
39
+ '850': 'rgb(76, 0, 16)',
40
+ '900': 'rgb(54, 0, 8)',
41
+ '950': 'rgb(33, 0, 3)',
42
+ }
43
+ export const grey = {
44
+ '50': 'rgb(250, 250, 250)',
45
+ '100': 'rgb(245, 245, 245)',
46
+ '150': 'rgb(240, 240, 240)',
47
+ '200': 'rgb(235, 235, 235)',
48
+ '250': 'rgb(227, 229, 230)',
49
+ '300': 'rgb(220, 223, 224)',
50
+ '350': 'rgb(212, 217, 219)',
51
+ '400': 'rgb(205, 211, 214)',
52
+ '450': 'rgb(170, 176, 180)',
53
+ '500': 'rgb(136, 143, 146)',
54
+ '550': 'rgb(104, 111, 114)',
55
+ '600': 'rgb(73, 80, 84)',
56
+ '650': 'rgb(63, 69, 73)',
57
+ '700': 'rgb(53, 59, 63)',
58
+ '750': 'rgb(43, 49, 53)',
59
+ '800': 'rgb(34, 39, 43)',
60
+ '850': 'rgb(24, 28, 31)',
61
+ '900': 'rgb(14, 17, 19)',
62
+ '950': 'rgb(5, 7, 9)',
72
63
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nswds/tokens",
3
- "version": "2.7.0",
3
+ "version": "2.9.0",
4
4
  "description": "NSW Application Design System Design Tokens",
5
5
  "homepage": "https://github.com/digitalnsw/nswds-tokens#readme",
6
6
  "repository": {
@@ -0,0 +1,78 @@
1
+ :root {
2
+ --success-50: #eff9ed;
3
+ --success-100: #e0f3de;
4
+ --success-150: #d2eccf;
5
+ --success-200: #c4e5c0;
6
+ --success-250: #aad6a5;
7
+ --success-300: #8fc78a;
8
+ --success-350: #74b76f;
9
+ --success-400: #58a854;
10
+ --success-450: #49a146;
11
+ --success-500: #399936;
12
+ --success-550: #259224;
13
+ --success-600: #008a07;
14
+ --success-650: #007204;
15
+ --success-700: #005a02;
16
+ --success-750: #004401;
17
+ --success-800: #002f00;
18
+ --success-850: #002200;
19
+ --success-900: #001600;
20
+ --success-950: #000b00;
21
+ --warning-50: #fff3ed;
22
+ --warning-100: #ffe8de;
23
+ --warning-150: #ffddcf;
24
+ --warning-200: #fdd2c0;
25
+ --warning-250: #f6bda5;
26
+ --warning-300: #eea88a;
27
+ --warning-350: #e6936f;
28
+ --warning-400: #dd7d53;
29
+ --warning-450: #d87244;
30
+ --warning-500: #d36734;
31
+ --warning-550: #ce5c21;
32
+ --warning-600: #c95000;
33
+ --warning-650: #a83f03;
34
+ --warning-700: #882f03;
35
+ --warning-750: #692001;
36
+ --warning-800: #4b1200;
37
+ --warning-850: #390a00;
38
+ --warning-900: #270400;
39
+ --warning-950: #170100;
40
+ --danger-50: #fff0ef;
41
+ --danger-100: #ffe2e1;
42
+ --danger-150: #ffd4d4;
43
+ --danger-200: #fdc6c6;
44
+ --danger-250: #f4acad;
45
+ --danger-300: #ea9294;
46
+ --danger-350: #df787c;
47
+ --danger-400: #d35d65;
48
+ --danger-450: #cd4e59;
49
+ --danger-500: #c63f4e;
50
+ --danger-550: #bf2c42;
51
+ --danger-600: #b81237;
52
+ --danger-650: #990b2a;
53
+ --danger-700: #7c061f;
54
+ --danger-750: #5f0214;
55
+ --danger-800: #44000a;
56
+ --danger-850: #330005;
57
+ --danger-900: #230002;
58
+ --danger-950: #140001;
59
+ --info-50: #e9eef7;
60
+ --info-100: #d4ddeb;
61
+ --info-150: #c0cce0;
62
+ --info-200: #acbbd5;
63
+ --info-250: #96a9cc;
64
+ --info-300: #8098c2;
65
+ --info-350: #6b86b8;
66
+ --info-400: #5775ae;
67
+ --info-450: #4d6ca9;
68
+ --info-500: #4264a4;
69
+ --info-550: #385b9e;
70
+ --info-600: #2e5299;
71
+ --info-650: #23427f;
72
+ --info-700: #193366;
73
+ --info-750: #10254f;
74
+ --info-800: #071738;
75
+ --info-850: #040f2a;
76
+ --info-900: #02071c;
77
+ --info-950: #00030f;
78
+ }
@@ -0,0 +1,78 @@
1
+ :root {
2
+ --success-50: hsl(113.15, 52.52%, 95.43%);
3
+ --success-100: hsl(113.26, 45.54%, 91.13%);
4
+ --success-150: hsl(113.38, 42.97%, 86.84%);
5
+ --success-200: hsl(113.51, 41.57%, 82.55%);
6
+ --success-250: hsl(114.16, 37.16%, 74.26%);
7
+ --success-300: hsl(114.93, 34.81%, 66.02%);
8
+ --success-350: hsl(115.88, 33.38%, 57.78%);
9
+ --success-400: hsl(117.14, 33.33%, 49.41%);
10
+ --success-450: hsl(117.67, 39.56%, 45.11%);
11
+ --success-500: hsl(118.38, 47.88%, 40.58%);
12
+ --success-550: hsl(119.53, 60.48%, 35.56%);
13
+ --success-600: hsl(123.04, 100%, 27.06%);
14
+ --success-650: hsl(121.8, 99.36%, 22.38%);
15
+ --success-700: hsl(120.9, 99.22%, 17.81%);
16
+ --success-750: hsl(120.32, 99.47%, 13.4%);
17
+ --success-800: hsl(120, 100%, 9.22%);
18
+ --success-850: hsl(120.32, 100%, 6.51%);
19
+ --success-900: hsl(120.63, 100%, 4.07%);
20
+ --success-950: hsl(121.08, 100%, 1.88%);
21
+ --warning-50: hsl(17.53, 100%, 96.97%);
22
+ --warning-100: hsl(17.59, 100%, 93.77%);
23
+ --warning-150: hsl(17.65, 99.09%, 90.53%);
24
+ --warning-200: hsl(17.7, 93.85%, 87.25%);
25
+ --warning-250: hsl(17.77, 81.71%, 80.57%);
26
+ --warning-300: hsl(17.84, 74.94%, 73.78%);
27
+ --warning-350: hsl(17.98, 70.36%, 66.84%);
28
+ --warning-400: hsl(18.26, 66.99%, 59.61%);
29
+ --warning-450: hsl(18.61, 65.61%, 55.79%);
30
+ --warning-500: hsl(19.18, 64.53%, 51.69%);
31
+ --warning-550: hsl(20.31, 72.21%, 46.96%);
32
+ --warning-600: hsl(23.88, 100%, 39.41%);
33
+ --warning-650: hsl(21.95, 96.66%, 33.46%);
34
+ --warning-700: hsl(20.07, 95.99%, 27.13%);
35
+ --warning-750: hsl(17.86, 97.32%, 20.78%);
36
+ --warning-800: hsl(14.4, 100%, 14.71%);
37
+ --warning-850: hsl(11.43, 100%, 10.95%);
38
+ --warning-900: hsl(7.67, 100%, 7.5%);
39
+ --warning-950: hsl(4.64, 100%, 4.34%);
40
+ --danger-50: hsl(0.78, 100%, 97.61%);
41
+ --danger-100: hsl(0.56, 100%, 94.61%);
42
+ --danger-150: hsl(0.3, 100%, 91.55%);
43
+ --danger-200: hsl(0, 93.22%, 88.43%);
44
+ --danger-250: hsl(359.39, 76.34%, 81.59%);
45
+ --danger-300: hsl(358.59, 67.4%, 74.56%);
46
+ --danger-350: hsl(357.51, 61.52%, 67.27%);
47
+ --danger-400: hsl(355.93, 57.28%, 59.61%);
48
+ --danger-450: hsl(354.77, 55.6%, 55.49%);
49
+ --danger-500: hsl(353.23, 54.28%, 51.09%);
50
+ --danger-550: hsl(350.97, 62.34%, 46.16%);
51
+ --danger-600: hsl(346.63, 82.18%, 39.61%);
52
+ --danger-650: hsl(346.89, 86.15%, 32.28%);
53
+ --danger-700: hsl(347.25, 91.31%, 25.33%);
54
+ --danger-750: hsl(348.45, 96%, 19.02%);
55
+ --danger-800: hsl(351.18, 100%, 13.33%);
56
+ --danger-850: hsl(352.99, 100%, 9.85%);
57
+ --danger-900: hsl(354.47, 100%, 6.66%);
58
+ --danger-950: hsl(355.5, 100%, 3.76%);
59
+ --info-50: hsl(217.99, 45.88%, 94%);
60
+ --info-100: hsl(218, 37.47%, 87.77%);
61
+ --info-150: hsl(218.02, 34.49%, 81.6%);
62
+ --info-200: hsl(218.05, 32.8%, 75.49%);
63
+ --info-250: hsl(218.29, 34.23%, 69.31%);
64
+ --info-300: hsl(218.57, 34.87%, 63.2%);
65
+ --info-350: hsl(218.9, 35.05%, 57.15%);
66
+ --info-400: hsl(219.31, 34.94%, 51.18%);
67
+ --info-450: hsl(219.41, 37.55%, 48.13%);
68
+ --info-500: hsl(219.52, 42.28%, 45.1%);
69
+ --info-550: hsl(219.66, 47.62%, 42.06%);
70
+ --info-600: hsl(219.81, 53.77%, 39.02%);
71
+ --info-650: hsl(219.87, 56.39%, 31.92%);
72
+ --info-700: hsl(219.93, 60.27%, 25.07%);
73
+ --info-750: hsl(220.02, 66.59%, 18.51%);
74
+ --info-800: hsl(220.41, 77.78%, 12.35%);
75
+ --info-850: hsl(222.21, 84%, 8.9%);
76
+ --info-900: hsl(226.63, 89.54%, 5.83%);
77
+ --info-950: hsl(230.65, 94.13%, 3.12%);
78
+ }