@nswds/tokens 2.6.0 → 2.8.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 (72) hide show
  1. package/dist/css/colors/themes/masterbrand/hex.css +57 -56
  2. package/dist/css/colors/themes/masterbrand/hsl.css +57 -56
  3. package/dist/css/colors/themes/masterbrand/oklch.css +57 -56
  4. package/dist/css/colors/themes/masterbrand/rgb.css +57 -56
  5. package/dist/figma/themes/masterbrand/color/hex.json +231 -221
  6. package/dist/figma/themes/masterbrand/color/hsl.json +687 -445
  7. package/dist/figma/themes/masterbrand/color/oklch.json +687 -445
  8. package/dist/figma/themes/masterbrand/color/rgb.json +687 -445
  9. package/dist/index.cjs +2881 -2292
  10. package/dist/index.cjs.map +1 -1
  11. package/dist/index.d.cts +498 -770
  12. package/dist/index.d.ts +498 -770
  13. package/dist/index.js +2881 -2292
  14. package/dist/index.js.map +1 -1
  15. package/dist/js/colors/themes/masterbrand/hex.js +59 -68
  16. package/dist/js/colors/themes/masterbrand/hsl.js +59 -68
  17. package/dist/js/colors/themes/masterbrand/oklch.js +59 -68
  18. package/dist/js/colors/themes/masterbrand/rgb.js +59 -68
  19. package/dist/json/colors/themes/masterbrand/hex.json +59 -68
  20. package/dist/json/colors/themes/masterbrand/hsl.json +59 -68
  21. package/dist/json/colors/themes/masterbrand/oklch.json +59 -68
  22. package/dist/json/colors/themes/masterbrand/rgb.json +59 -68
  23. package/dist/less/colors/themes/masterbrand/hex.less +57 -56
  24. package/dist/less/colors/themes/masterbrand/hsl.less +57 -56
  25. package/dist/less/colors/themes/masterbrand/oklch.less +57 -56
  26. package/dist/less/colors/themes/masterbrand/rgb.less +57 -56
  27. package/dist/scss/colors/themes/masterbrand/hex.scss +57 -56
  28. package/dist/scss/colors/themes/masterbrand/hsl.scss +57 -56
  29. package/dist/scss/colors/themes/masterbrand/oklch.scss +57 -56
  30. package/dist/scss/colors/themes/masterbrand/rgb.scss +57 -56
  31. package/dist/tailwind/colors/themes/masterbrand/hex.css +57 -56
  32. package/dist/tailwind/colors/themes/masterbrand/hsl.css +57 -56
  33. package/dist/tailwind/colors/themes/masterbrand/oklch.css +57 -56
  34. package/dist/tailwind/colors/themes/masterbrand/rgb.css +57 -56
  35. package/dist/ts/colors/themes/masterbrand/hex.ts +59 -68
  36. package/dist/ts/colors/themes/masterbrand/hsl.ts +59 -68
  37. package/dist/ts/colors/themes/masterbrand/oklch.ts +59 -68
  38. package/dist/ts/colors/themes/masterbrand/rgb.ts +59 -68
  39. package/package.json +1 -1
  40. package/src/css/colors/themes/masterbrand/hex.css +57 -56
  41. package/src/css/colors/themes/masterbrand/hsl.css +57 -56
  42. package/src/css/colors/themes/masterbrand/oklch.css +57 -56
  43. package/src/css/colors/themes/masterbrand/rgb.css +57 -56
  44. package/src/figma/themes/masterbrand/color/hex.json +231 -221
  45. package/src/figma/themes/masterbrand/color/hsl.json +687 -445
  46. package/src/figma/themes/masterbrand/color/oklch.json +687 -445
  47. package/src/figma/themes/masterbrand/color/rgb.json +687 -445
  48. package/src/index.ts +5 -4
  49. package/src/js/colors/themes/masterbrand/hex.js +59 -68
  50. package/src/js/colors/themes/masterbrand/hsl.js +59 -68
  51. package/src/js/colors/themes/masterbrand/oklch.js +59 -68
  52. package/src/js/colors/themes/masterbrand/rgb.js +59 -68
  53. package/src/json/colors/themes/masterbrand/hex.json +59 -68
  54. package/src/json/colors/themes/masterbrand/hsl.json +59 -68
  55. package/src/json/colors/themes/masterbrand/oklch.json +59 -68
  56. package/src/json/colors/themes/masterbrand/rgb.json +59 -68
  57. package/src/less/colors/themes/masterbrand/hex.less +57 -56
  58. package/src/less/colors/themes/masterbrand/hsl.less +57 -56
  59. package/src/less/colors/themes/masterbrand/oklch.less +57 -56
  60. package/src/less/colors/themes/masterbrand/rgb.less +57 -56
  61. package/src/scss/colors/themes/masterbrand/hex.scss +57 -56
  62. package/src/scss/colors/themes/masterbrand/hsl.scss +57 -56
  63. package/src/scss/colors/themes/masterbrand/oklch.scss +57 -56
  64. package/src/scss/colors/themes/masterbrand/rgb.scss +57 -56
  65. package/src/tailwind/colors/themes/masterbrand/hex.css +57 -56
  66. package/src/tailwind/colors/themes/masterbrand/hsl.css +57 -56
  67. package/src/tailwind/colors/themes/masterbrand/oklch.css +57 -56
  68. package/src/tailwind/colors/themes/masterbrand/rgb.css +57 -56
  69. package/src/ts/colors/themes/masterbrand/hex.ts +59 -68
  70. package/src/ts/colors/themes/masterbrand/hsl.ts +59 -68
  71. package/src/ts/colors/themes/masterbrand/oklch.ts +59 -68
  72. package/src/ts/colors/themes/masterbrand/rgb.ts +59 -68
@@ -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.6.0",
3
+ "version": "2.8.0",
4
4
  "description": "NSW Application Design System Design Tokens",
5
5
  "homepage": "https://github.com/digitalnsw/nswds-tokens#readme",
6
6
  "repository": {
@@ -1,58 +1,59 @@
1
1
  :root {
2
- --primary-lightest: #0c5ad4;
3
- --primary-lighter: #0548ad;
4
- --primary-light: #023688;
5
- --primary: #002664;
6
- --primary-dark: #001a4d;
7
- --primary-darker: #001037;
8
- --primary-darkest: #000622;
9
- --secondary-lightest: #f0fbff;
10
- --secondary-lighter: #e4f6ff;
11
- --secondary-light: #d7f2fe;
12
- --secondary: #cbedfd;
13
- --secondary-dark: #bceafe;
14
- --secondary-darker: #ade7ff;
15
- --secondary-darkest: #9de3ff;
16
- --tertiary-lightest: #5ac9ff;
17
- --tertiary-lighter: #26aeff;
18
- --tertiary-light: #008fff;
19
- --tertiary: #146cfd;
20
- --tertiary-dark: #0c5ad4;
21
- --tertiary-darker: #0548ad;
22
- --tertiary-darkest: #023688;
23
- --accent-lightest: #f897a2;
24
- --accent-lighter: #ef7581;
25
- --accent-light: #e44f5f;
26
- --accent: #d7153a;
27
- --accent-dark: #b90e32;
28
- --accent-darker: #9b072a;
29
- --accent-darkest: #7e0322;
30
- --success-lightest: #c4e5c0;
31
- --success-lighter: #8fc78b;
32
- --success-light: #58a854;
33
- --success: #008a07;
34
- --success-dark: #006a00;
35
- --success-darker: #004c00;
36
- --success-darkest: #002f00;
37
- --warning-lightest: #fdd2c0;
38
- --warning-lighter: #eea88a;
39
- --warning-light: #dd7d53;
40
- --warning: #c95000;
41
- --warning-dark: #9d3a00;
42
- --warning-darker: #722600;
43
- --warning-darkest: #4b1200;
44
- --error-lightest: #fdc6c6;
45
- --error-lighter: #ea9295;
46
- --error-light: #d35d65;
47
- --error: #b81237;
48
- --error-dark: #8f0327;
49
- --error-darker: #690018;
50
- --error-darkest: #44000a;
51
- --info-lightest: #acbbd5;
52
- --info-lighter: #8198c2;
53
- --info-light: #5775ae;
54
- --info: #2e5299;
55
- --info-dark: #203d77;
56
- --info-darker: #132956;
57
- --info-darkest: #071738;
2
+ --primary-50: #f0fbff;
3
+ --primary-100: #e4f6ff;
4
+ --primary-150: #d7f2fe;
5
+ --primary-200: #cbedfd;
6
+ --primary-250: #bceafe;
7
+ --primary-300: #ade7ff;
8
+ --primary-350: #9de3ff;
9
+ --primary-400: #8ce0ff;
10
+ --primary-450: #5ac9ff;
11
+ --primary-500: #26aeff;
12
+ --primary-550: #008fff;
13
+ --primary-600: #146cfd;
14
+ --primary-650: #0c5ad4;
15
+ --primary-700: #0548ad;
16
+ --primary-750: #023688;
17
+ --primary-800: #002664;
18
+ --primary-850: #001a4d;
19
+ --primary-900: #001037;
20
+ --primary-950: #000622;
21
+ --accent-50: #fff8f9;
22
+ --accent-100: #fff2f4;
23
+ --accent-150: #ffecef;
24
+ --accent-200: #ffe6ea;
25
+ --accent-250: #ffdbe0;
26
+ --accent-300: #ffcfd6;
27
+ --accent-350: #ffc4cc;
28
+ --accent-400: #ffb8c1;
29
+ --accent-450: #f897a2;
30
+ --accent-500: #ef7581;
31
+ --accent-550: #e44f5f;
32
+ --accent-600: #d7153a;
33
+ --accent-650: #b90e32;
34
+ --accent-700: #9b072a;
35
+ --accent-750: #7e0322;
36
+ --accent-800: #630019;
37
+ --accent-850: #4c0010;
38
+ --accent-900: #360008;
39
+ --accent-950: #210003;
40
+ --grey-50: #fafafa;
41
+ --grey-100: #f5f5f5;
42
+ --grey-150: #f0f0f0;
43
+ --grey-200: #ebebeb;
44
+ --grey-250: #e3e5e6;
45
+ --grey-300: #dcdfe0;
46
+ --grey-350: #d4d9db;
47
+ --grey-400: #cdd3d6;
48
+ --grey-450: #aab0b4;
49
+ --grey-500: #888f92;
50
+ --grey-550: #686f72;
51
+ --grey-600: #495054;
52
+ --grey-650: #3f4549;
53
+ --grey-700: #353b3f;
54
+ --grey-750: #2b3135;
55
+ --grey-800: #22272b;
56
+ --grey-850: #181c1f;
57
+ --grey-900: #0e1113;
58
+ --grey-950: #050709;
58
59
  }