@nswds/tokens 2.3.0 → 2.4.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 (119) hide show
  1. package/dist/css/colors/global/hex.css +192 -0
  2. package/dist/css/colors/global/hsl.css +192 -0
  3. package/dist/css/colors/global/oklch.css +192 -0
  4. package/dist/css/colors/global/rgb.css +192 -0
  5. package/dist/css/colors/themes/masterbrand/hex.css +2 -0
  6. package/dist/css/colors/themes/masterbrand/hsl.css +2 -0
  7. package/dist/css/colors/themes/masterbrand/oklch.css +2 -0
  8. package/dist/css/colors/themes/masterbrand/rgb.css +2 -0
  9. package/dist/index.js +1873 -1247
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.mjs +1873 -1247
  12. package/dist/index.mjs.map +1 -1
  13. package/dist/js/colors/global/hex.js +210 -0
  14. package/dist/js/colors/global/hsl.js +210 -0
  15. package/dist/js/colors/global/oklch.js +210 -0
  16. package/dist/js/colors/global/rgb.js +210 -0
  17. package/dist/js/colors/themes/masterbrand/hex.js +72 -0
  18. package/dist/js/colors/themes/masterbrand/hsl.js +72 -0
  19. package/dist/js/colors/themes/masterbrand/oklch.js +72 -0
  20. package/dist/js/colors/themes/masterbrand/rgb.js +72 -0
  21. package/dist/json/colors/global/hex.json +1 -0
  22. package/dist/json/colors/global/hsl.json +1 -0
  23. package/dist/json/colors/global/oklch.json +1 -0
  24. package/dist/json/colors/global/rgb.json +1 -0
  25. package/dist/json/colors/themes/masterbrand/hex.json +1 -0
  26. package/dist/json/colors/themes/masterbrand/hsl.json +1 -0
  27. package/dist/json/colors/themes/masterbrand/oklch.json +1 -0
  28. package/dist/json/colors/themes/masterbrand/rgb.json +1 -0
  29. package/dist/less/colors/global/hex.less +0 -0
  30. package/dist/less/colors/global/hsl.less +0 -0
  31. package/dist/less/colors/global/oklch.less +0 -0
  32. package/dist/less/colors/global/rgb.less +0 -0
  33. package/dist/less/colors/themes/masterbrand/hex.less +0 -0
  34. package/dist/less/colors/themes/masterbrand/hsl.less +0 -0
  35. package/dist/less/colors/themes/masterbrand/oklch.less +0 -0
  36. package/dist/less/colors/themes/masterbrand/rgb.less +0 -0
  37. package/dist/scss/colors/global/hex.scss +190 -0
  38. package/dist/scss/colors/global/hsl.scss +190 -0
  39. package/dist/scss/colors/global/oklch.scss +190 -0
  40. package/dist/scss/colors/global/rgb.scss +190 -0
  41. package/dist/scss/colors/themes/masterbrand/hex.scss +56 -0
  42. package/dist/scss/colors/themes/masterbrand/hsl.scss +56 -0
  43. package/dist/scss/colors/themes/masterbrand/oklch.scss +56 -0
  44. package/dist/scss/colors/themes/masterbrand/rgb.scss +56 -0
  45. package/dist/tailwind/colors/global/hex.css +192 -0
  46. package/dist/tailwind/colors/global/hsl.css +192 -0
  47. package/dist/tailwind/colors/global/oklch.css +192 -0
  48. package/dist/tailwind/colors/global/rgb.css +192 -0
  49. package/dist/tailwind/colors/themes/masterbrand/hex.css +58 -0
  50. package/dist/tailwind/colors/themes/masterbrand/hsl.css +58 -0
  51. package/dist/tailwind/colors/themes/masterbrand/oklch.css +58 -0
  52. package/dist/tailwind/colors/themes/masterbrand/rgb.css +58 -0
  53. package/dist/ts/colors/global/hex.ts +210 -0
  54. package/dist/ts/colors/global/hsl.ts +210 -0
  55. package/dist/ts/colors/global/oklch.ts +210 -0
  56. package/dist/ts/colors/global/rgb.ts +210 -0
  57. package/dist/ts/colors/themes/masterbrand/hex.ts +72 -0
  58. package/dist/ts/colors/themes/masterbrand/hsl.ts +72 -0
  59. package/dist/ts/colors/themes/masterbrand/oklch.ts +72 -0
  60. package/dist/ts/colors/themes/masterbrand/rgb.ts +72 -0
  61. package/package.json +10 -4
  62. package/src/css/colors/global/hex.css +192 -0
  63. package/src/css/colors/global/hsl.css +192 -0
  64. package/src/css/colors/global/oklch.css +192 -0
  65. package/src/css/colors/global/rgb.css +192 -0
  66. package/src/css/colors/themes/masterbrand/hex.css +2 -0
  67. package/src/css/colors/themes/masterbrand/hsl.css +2 -0
  68. package/src/css/colors/themes/masterbrand/oklch.css +2 -0
  69. package/src/css/colors/themes/masterbrand/rgb.css +2 -0
  70. package/src/index.ts +295 -0
  71. package/src/js/colors/global/hex.js +210 -0
  72. package/src/js/colors/global/hsl.js +210 -0
  73. package/src/js/colors/global/oklch.js +210 -0
  74. package/src/js/colors/global/rgb.js +210 -0
  75. package/src/js/colors/themes/masterbrand/hex.js +72 -0
  76. package/src/js/colors/themes/masterbrand/hsl.js +72 -0
  77. package/src/js/colors/themes/masterbrand/oklch.js +72 -0
  78. package/src/js/colors/themes/masterbrand/rgb.js +72 -0
  79. package/src/json/colors/global/hex.json +1 -0
  80. package/src/json/colors/global/hsl.json +1 -0
  81. package/src/json/colors/global/oklch.json +1 -0
  82. package/src/json/colors/global/rgb.json +1 -0
  83. package/src/json/colors/themes/masterbrand/hex.json +1 -0
  84. package/src/json/colors/themes/masterbrand/hsl.json +1 -0
  85. package/src/json/colors/themes/masterbrand/oklch.json +1 -0
  86. package/src/json/colors/themes/masterbrand/rgb.json +1 -0
  87. package/src/less/colors/global/hex.less +0 -0
  88. package/src/less/colors/global/hsl.less +0 -0
  89. package/src/less/colors/global/oklch.less +0 -0
  90. package/src/less/colors/global/rgb.less +0 -0
  91. package/src/less/colors/themes/masterbrand/hex.less +0 -0
  92. package/src/less/colors/themes/masterbrand/hsl.less +0 -0
  93. package/src/less/colors/themes/masterbrand/oklch.less +0 -0
  94. package/src/less/colors/themes/masterbrand/rgb.less +0 -0
  95. package/src/scss/colors/global/hex.scss +190 -0
  96. package/src/scss/colors/global/hsl.scss +190 -0
  97. package/src/scss/colors/global/oklch.scss +190 -0
  98. package/src/scss/colors/global/rgb.scss +190 -0
  99. package/src/scss/colors/themes/masterbrand/hex.scss +56 -0
  100. package/src/scss/colors/themes/masterbrand/hsl.scss +56 -0
  101. package/src/scss/colors/themes/masterbrand/oklch.scss +56 -0
  102. package/src/scss/colors/themes/masterbrand/rgb.scss +56 -0
  103. package/src/tailwind/colors/global/hex.css +192 -0
  104. package/src/tailwind/colors/global/hsl.css +192 -0
  105. package/src/tailwind/colors/global/oklch.css +192 -0
  106. package/src/tailwind/colors/global/rgb.css +192 -0
  107. package/src/tailwind/colors/themes/masterbrand/hex.css +58 -0
  108. package/src/tailwind/colors/themes/masterbrand/hsl.css +58 -0
  109. package/src/tailwind/colors/themes/masterbrand/oklch.css +58 -0
  110. package/src/tailwind/colors/themes/masterbrand/rgb.css +58 -0
  111. package/src/ts/colors/global/hex.ts +210 -0
  112. package/src/ts/colors/global/hsl.ts +210 -0
  113. package/src/ts/colors/global/oklch.ts +210 -0
  114. package/src/ts/colors/global/rgb.ts +210 -0
  115. package/src/ts/colors/themes/masterbrand/hex.ts +72 -0
  116. package/src/ts/colors/themes/masterbrand/hsl.ts +72 -0
  117. package/src/ts/colors/themes/masterbrand/oklch.ts +72 -0
  118. package/src/ts/colors/themes/masterbrand/rgb.ts +72 -0
  119. package/src/types.d.ts +25 -0
@@ -0,0 +1,58 @@
1
+ @theme inline {
2
+ --color-primary-lightest: hsl(216.77, 89.39%, 43.99%);
3
+ --color-primary-lighter: hsl(216.29, 94.12%, 35.01%);
4
+ --color-primary-light: hsl(216.37, 97.67%, 26.93%);
5
+ --color-primary: hsl(217.2, 100%, 19.61%);
6
+ --color-primary-dark: hsl(218.95, 100%, 14.93%);
7
+ --color-primary-darker: hsl(222.31, 100%, 10.59%);
8
+ --color-primary-darkest: hsl(228.65, 100%, 6.6%);
9
+ --color-secondary-lightest: hsl(199.45, 100%, 97.34%);
10
+ --color-secondary-lighter: hsl(199.38, 100%, 94.73%);
11
+ --color-secondary-light: hsl(199.29, 95.95%, 92.09%);
12
+ --color-secondary: hsl(199.2, 92.7%, 89.41%);
13
+ --color-secondary-dark: hsl(198.5, 96.92%, 86.75%);
14
+ --color-secondary-darker: hsl(197.77, 99.01%, 83.9%);
15
+ --color-secondary-darkest: hsl(197, 99.86%, 80.82%);
16
+ --color-tertiary-lightest: hsl(199.75, 99.81%, 67.58%);
17
+ --color-tertiary-lighter: hsl(202.53, 100%, 57.56%);
18
+ --color-tertiary-light: hsl(204.78, 100%, 47%);
19
+ --color-tertiary: hsl(217.35, 98.29%, 53.54%);
20
+ --color-tertiary-dark: hsl(216.77, 89.39%, 43.99%);
21
+ --color-tertiary-darker: hsl(216.29, 94.12%, 35.01%);
22
+ --color-tertiary-darkest: hsl(216.37, 97.67%, 26.93%);
23
+ --color-accent-lightest: hsl(353.39, 86.95%, 78.18%);
24
+ --color-accent-lighter: hsl(353.95, 78.84%, 69.69%);
25
+ --color-accent-light: hsl(353.52, 73.18%, 60.13%);
26
+ --color-accent: hsl(348.56, 82.17%, 46.29%);
27
+ --color-accent-dark: hsl(347.26, 85.88%, 38.93%);
28
+ --color-accent-darker: hsl(345.89, 90.98%, 31.82%);
29
+ --color-accent-darkest: hsl(345, 95.86%, 25.31%);
30
+ --color-success-lightest: hsl(114.97, 40.73%, 82.58%);
31
+ --color-success-lighter: hsl(115.71, 34.69%, 66.15%);
32
+ --color-success-light: hsl(117.04, 33.36%, 49.53%);
33
+ --color-success: hsl(123.03, 99.86%, 27.07%);
34
+ --color-success-dark: hsl(122.95, 100%, 19.11%);
35
+ --color-success-darker: hsl(122.88, 100%, 12.75%);
36
+ --color-success-darkest: hsl(122.85, 100%, 7.59%);
37
+ --color-warning-lightest: hsl(17.74, 94.96%, 87.24%);
38
+ --color-warning-lighter: hsl(17.94, 75.08%, 73.77%);
39
+ --color-warning-light: hsl(18.45, 66.88%, 59.6%);
40
+ --color-warning: hsl(23.88, 100%, 39.41%);
41
+ --color-warning-dark: hsl(24.01, 100%, 29.25%);
42
+ --color-warning-darker: hsl(22.64, 100%, 20.66%);
43
+ --color-warning-darkest: hsl(18.45, 100%, 13.3%);
44
+ --color-error-lightest: hsl(359.69, 92.77%, 88.44%);
45
+ --color-error-lighter: hsl(358.32, 67.17%, 74.5%);
46
+ --color-error-light: hsl(355.68, 57.13%, 59.46%);
47
+ --color-error: hsl(346.64, 82.14%, 39.61%);
48
+ --color-error-dark: hsl(344.75, 95.28%, 28.78%);
49
+ --color-error-darker: hsl(344.52, 100%, 19.69%);
50
+ --color-error-darkest: hsl(347.44, 100%, 12.27%);
51
+ --color-info-lightest: hsl(218.63, 32.11%, 75.49%);
52
+ --color-info-lighter: hsl(218.81, 34.57%, 63.16%);
53
+ --color-info-light: hsl(219.17, 34.9%, 51.02%);
54
+ --color-info: hsl(219.81, 53.78%, 39.02%);
55
+ --color-info-dark: hsl(219.86, 57.49%, 29.6%);
56
+ --color-info-darker: hsl(219.94, 64.03%, 20.65%);
57
+ --color-info-darkest: hsl(220.32, 77.63%, 12.34%);
58
+ }
@@ -0,0 +1,58 @@
1
+ @theme inline {
2
+ --color-primary-lightest: oklch(0.503825 0.201675 260.53);
3
+ --color-primary-lighter: oklch(0.43255 0.17355 260.29999999999995);
4
+ --color-primary-light: oklch(0.36127499999999996 0.145425 260.07);
5
+ --color-primary: oklch(0.29 0.1173 259.84);
6
+ --color-primary-dark: oklch(0.23925 0.099705 259.84);
7
+ --color-primary-darker: oklch(0.1885 0.08211 259.84);
8
+ --color-primary-darkest: oklch(0.13774999999999998 0.064515 259.84);
9
+ --color-secondary-lightest: oklch(0.981675 0.013552500000000002 227.89);
10
+ --color-secondary-lighter: oklch(0.9633499999999999 0.022935 227.89);
11
+ --color-secondary-light: oklch(0.945025 0.0323175 227.89);
12
+ --color-secondary: oklch(0.9267 0.0417 227.89);
13
+ --color-secondary-dark: oklch(0.9110499999999999 0.0543 226.8175);
14
+ --color-secondary-darker: oklch(0.8954 0.0669 225.745);
15
+ --color-secondary-darkest: oklch(0.87975 0.0795 224.67249999999999);
16
+ --color-tertiary-lightest: oklch(0.7918499999999999 0.126525 232.89);
17
+ --color-tertiary-lighter: oklch(0.7196 0.16095 242.18);
18
+ --color-tertiary-light: oklch(0.64735 0.19537500000000002 251.47);
19
+ --color-tertiary: oklch(0.5751 0.2298 260.76);
20
+ --color-tertiary-dark: oklch(0.503825 0.201675 260.53);
21
+ --color-tertiary-darker: oklch(0.43255 0.17355 260.29999999999995);
22
+ --color-tertiary-darkest: oklch(0.36127499999999996 0.145425 260.07);
23
+ --color-accent-lightest: oklch(0.778675 0.11662499999999999 13.01);
24
+ --color-accent-lighter: oklch(0.70645 0.15025 15.45);
25
+ --color-accent-light: oklch(0.634225 0.183875 17.89);
26
+ --color-accent: oklch(0.562 0.2175 20.33);
27
+ --color-accent-dark: oklch(0.50075 0.19485 19.529999999999998);
28
+ --color-accent-darker: oklch(0.4395 0.17220000000000002 18.729999999999997);
29
+ --color-accent-darkest: oklch(0.37825000000000003 0.14955000000000002 17.93);
30
+ --color-success-lightest: oklch(0.88725 0.06009250000000001 142.8);
31
+ --color-success-lighter: oklch(0.7745 0.10169500000000001 142.8);
32
+ --color-success-light: oklch(0.6617500000000001 0.14329750000000002 142.8);
33
+ --color-success: oklch(0.549 0.1849 142.8);
34
+ --color-success-dark: oklch(0.452925 0.157165 142.8);
35
+ --color-success-darker: oklch(0.35685 0.12943000000000002 142.8);
36
+ --color-success-darkest: oklch(0.26077500000000003 0.10169500000000001 142.8);
37
+ --color-warning-lightest: oklch(0.895825 0.055154125 43.9973);
38
+ --color-warning-lighter: oklch(0.79165 0.09333775 43.9973);
39
+ --color-warning-light: oklch(0.6874750000000001 0.131521375 43.9973);
40
+ --color-warning: oklch(0.5833 0.169705 43.9973);
41
+ --color-warning-dark: oklch(0.4812225 0.14424925 43.9973);
42
+ --color-warning-darker: oklch(0.37914500000000007 0.1187935 43.9973);
43
+ --color-warning-darkest: oklch(0.2770675 0.09333775 43.9973);
44
+ --color-error-lightest: oklch(0.8755 0.0626275 18.08);
45
+ --color-error-lighter: oklch(0.751 0.10598500000000001 18.08);
46
+ --color-error-light: oklch(0.6265000000000001 0.14934250000000002 18.08);
47
+ --color-error: oklch(0.502 0.1927 18.08);
48
+ --color-error-dark: oklch(0.41415 0.16379500000000002 18.08);
49
+ --color-error-darker: oklch(0.32630000000000003 0.13489 18.08);
50
+ --color-error-darkest: oklch(0.23845 0.10598500000000001 18.08);
51
+ --color-info-lightest: oklch(0.78855 0.0400725 262.35);
52
+ --color-info-lighter: oklch(0.6759 0.067815 262.35);
53
+ --color-info-light: oklch(0.56325 0.0955575 262.35);
54
+ --color-info: oklch(0.4506 0.1233 262.35);
55
+ --color-info-dark: oklch(0.371745 0.10480500000000001 262.35);
56
+ --color-info-darker: oklch(0.29289 0.08631 262.35);
57
+ --color-info-darkest: oklch(0.214035 0.067815 262.35);
58
+ }
@@ -0,0 +1,58 @@
1
+ @theme inline {
2
+ --color-primary-lightest: rgb(12, 90, 212);
3
+ --color-primary-lighter: rgb(5, 72, 173);
4
+ --color-primary-light: rgb(2, 54, 136);
5
+ --color-primary: rgb(0, 38, 100);
6
+ --color-primary-dark: rgb(0, 26, 77);
7
+ --color-primary-darker: rgb(0, 16, 55);
8
+ --color-primary-darkest: rgb(0, 6, 34);
9
+ --color-secondary-lightest: rgb(240, 251, 255);
10
+ --color-secondary-lighter: rgb(228, 246, 255);
11
+ --color-secondary-light: rgb(215, 242, 254);
12
+ --color-secondary: rgb(203, 237, 253);
13
+ --color-secondary-dark: rgb(188, 234, 254);
14
+ --color-secondary-darker: rgb(173, 231, 255);
15
+ --color-secondary-darkest: rgb(157, 227, 255);
16
+ --color-tertiary-lightest: rgb(90, 201, 255);
17
+ --color-tertiary-lighter: rgb(38, 174, 255);
18
+ --color-tertiary-light: rgb(0, 143, 255);
19
+ --color-tertiary: rgb(20, 108, 253);
20
+ --color-tertiary-dark: rgb(12, 90, 212);
21
+ --color-tertiary-darker: rgb(5, 72, 173);
22
+ --color-tertiary-darkest: rgb(2, 54, 136);
23
+ --color-accent-lightest: rgb(248, 151, 162);
24
+ --color-accent-lighter: rgb(239, 117, 129);
25
+ --color-accent-light: rgb(228, 79, 95);
26
+ --color-accent: rgb(215, 21, 58);
27
+ --color-accent-dark: rgb(185, 14, 50);
28
+ --color-accent-darker: rgb(155, 7, 42);
29
+ --color-accent-darkest: rgb(126, 3, 34);
30
+ --color-success-lightest: rgb(196, 229, 192);
31
+ --color-success-lighter: rgb(143, 199, 139);
32
+ --color-success-light: rgb(88, 168, 84);
33
+ --color-success: rgb(0, 138, 7);
34
+ --color-success-dark: rgb(0, 106, 0);
35
+ --color-success-darker: rgb(0, 76, 0);
36
+ --color-success-darkest: rgb(0, 47, 0);
37
+ --color-warning-lightest: rgb(253, 210, 192);
38
+ --color-warning-lighter: rgb(238, 168, 138);
39
+ --color-warning-light: rgb(221, 125, 83);
40
+ --color-warning: rgb(201, 80, 0);
41
+ --color-warning-dark: rgb(157, 58, 0);
42
+ --color-warning-darker: rgb(114, 38, 0);
43
+ --color-warning-darkest: rgb(75, 18, 0);
44
+ --color-error-lightest: rgb(253, 198, 198);
45
+ --color-error-lighter: rgb(234, 146, 149);
46
+ --color-error-light: rgb(211, 93, 101);
47
+ --color-error: rgb(184, 18, 55);
48
+ --color-error-dark: rgb(143, 3, 39);
49
+ --color-error-darker: rgb(105, 0, 24);
50
+ --color-error-darkest: rgb(68, 0, 10);
51
+ --color-info-lightest: rgb(172, 187, 213);
52
+ --color-info-lighter: rgb(129, 152, 194);
53
+ --color-info-light: rgb(87, 117, 174);
54
+ --color-info: rgb(46, 82, 153);
55
+ --color-info-dark: rgb(32, 61, 119);
56
+ --color-info-darker: rgb(19, 41, 86);
57
+ --color-info-darkest: rgb(7, 23, 56);
58
+ }
@@ -0,0 +1,210 @@
1
+ export const nswGrey = {
2
+ '50': '#fafafa',
3
+ '100': '#f5f5f5',
4
+ '150': '#f0f0f0',
5
+ '200': '#ebebeb',
6
+ '250': '#e5e4e5',
7
+ '300': '#dedee1',
8
+ '350': '#d6d8dc',
9
+ '400': '#cdd3d6',
10
+ '450': '#aab0b4',
11
+ '500': '#888f92',
12
+ '550': '#686f72',
13
+ '600': '#495054',
14
+ '650': '#3f4549',
15
+ '700': '#353b3f',
16
+ '750': '#2b3135',
17
+ '800': '#22272b',
18
+ '850': '#181c1f',
19
+ '900': '#0e1113',
20
+ '950': '#050709',
21
+ }
22
+ export const nswGreen = {
23
+ '50': '#f5fff6',
24
+ '100': '#ecfdee',
25
+ '150': '#e4fce7',
26
+ '200': '#dbfadf',
27
+ '250': '#cff7d4',
28
+ '300': '#c2f4c9',
29
+ '350': '#b5f0be',
30
+ '400': '#a8edb3',
31
+ '450': '#8adc98',
32
+ '500': '#6acc7d',
33
+ '550': '#45bb62',
34
+ '600': '#00aa45',
35
+ '650': '#078e32',
36
+ '700': '#077320',
37
+ '750': '#03590f',
38
+ '800': '#004000',
39
+ '850': '#003000',
40
+ '900': '#002000',
41
+ '950': '#001100',
42
+ }
43
+ export const nswTeal = {
44
+ '50': '#f2fbfa',
45
+ '100': '#e7f7f5',
46
+ '150': '#dcf2ef',
47
+ '200': '#d1eeea',
48
+ '250': '#c1eae7',
49
+ '300': '#b0e5e5',
50
+ '350': '#9ee0e5',
51
+ '400': '#8cdbe5',
52
+ '450': '#75c4cf',
53
+ '500': '#5eacb9',
54
+ '550': '#4696a3',
55
+ '600': '#2e808e',
56
+ '650': '#256f7b',
57
+ '700': '#1c5f69',
58
+ '750': '#144e58',
59
+ '800': '#0b3f47',
60
+ '850': '#042f35',
61
+ '900': '#011f24',
62
+ '950': '#001114',
63
+ }
64
+ export const nswBlue = {
65
+ '50': '#f0fbff',
66
+ '100': '#e4f6ff',
67
+ '150': '#d7f2fe',
68
+ '200': '#cbedfd',
69
+ '250': '#bceafe',
70
+ '300': '#ade7ff',
71
+ '350': '#9de3ff',
72
+ '400': '#8ce0ff',
73
+ '450': '#5ac9ff',
74
+ '500': '#26aeff',
75
+ '550': '#008fff',
76
+ '600': '#146cfd',
77
+ '650': '#0c5ad4',
78
+ '700': '#0548ad',
79
+ '750': '#023688',
80
+ '800': '#002664',
81
+ '850': '#001a4d',
82
+ '900': '#001037',
83
+ '950': '#000622',
84
+ }
85
+ export const nswPurple = {
86
+ '50': '#f9f7ff',
87
+ '100': '#f2f0ff',
88
+ '150': '#ece8fe',
89
+ '200': '#e6e1fd',
90
+ '250': '#e0d9fe',
91
+ '300': '#dad0fe',
92
+ '350': '#d4c8ff',
93
+ '400': '#cebfff',
94
+ '450': '#baa6fc',
95
+ '500': '#a68df9',
96
+ '550': '#9372f5',
97
+ '600': '#8055f1',
98
+ '650': '#7243cf',
99
+ '700': '#6432ae',
100
+ '750': '#54218e',
101
+ '800': '#441170',
102
+ '850': '#330856',
103
+ '900': '#23023e',
104
+ '950': '#130027',
105
+ }
106
+ export const nswFuchsia = {
107
+ '50': '#fff6fd',
108
+ '100': '#ffeef9',
109
+ '150': '#fee6f5',
110
+ '200': '#fddef2',
111
+ '250': '#fbd4ef',
112
+ '300': '#f9c9eb',
113
+ '350': '#f7bfe9',
114
+ '400': '#f4b5e6',
115
+ '450': '#ef96da',
116
+ '500': '#e975cc',
117
+ '550': '#e150be',
118
+ '600': '#d912ae',
119
+ '650': '#bb0c94',
120
+ '700': '#9d067b',
121
+ '750': '#810264',
122
+ '800': '#65004d',
123
+ '850': '#4d003a',
124
+ '900': '#370028',
125
+ '950': '#220017',
126
+ }
127
+ export const nswRed = {
128
+ '50': '#fff8f9',
129
+ '100': '#fff2f4',
130
+ '150': '#ffecef',
131
+ '200': '#ffe6ea',
132
+ '250': '#ffdbe0',
133
+ '300': '#ffcfd6',
134
+ '350': '#ffc4cc',
135
+ '400': '#ffb8c1',
136
+ '450': '#f897a2',
137
+ '500': '#ef7581',
138
+ '550': '#e44f5f',
139
+ '600': '#d7153a',
140
+ '650': '#b90e32',
141
+ '700': '#9b072a',
142
+ '750': '#7e0322',
143
+ '800': '#630019',
144
+ '850': '#4c0010',
145
+ '900': '#360008',
146
+ '950': '#210003',
147
+ }
148
+ export const nswOrange = {
149
+ '50': '#fffaf6',
150
+ '100': '#fff6ee',
151
+ '150': '#fef1e7',
152
+ '200': '#fdeddf',
153
+ '250': '#fee5ce',
154
+ '300': '#ffddbd',
155
+ '350': '#ffd6ab',
156
+ '400': '#ffce99',
157
+ '450': '#fdb678',
158
+ '500': '#fb9d58',
159
+ '550': '#f78139',
160
+ '600': '#f3631b',
161
+ '650': '#db5115',
162
+ '700': '#c33f0e',
163
+ '750': '#ab2e06',
164
+ '800': '#941b00',
165
+ '850': '#730f00',
166
+ '900': '#530400',
167
+ '950': '#350000',
168
+ }
169
+ export const nswYellow = {
170
+ '50': '#fffcf0',
171
+ '100': '#fffae5',
172
+ '150': '#fff7da',
173
+ '200': '#fff4cf',
174
+ '250': '#fff1c2',
175
+ '300': '#feeeb5',
176
+ '350': '#feeaa8',
177
+ '400': '#fde79a',
178
+ '450': '#fbda80',
179
+ '500': '#facd63',
180
+ '550': '#fabe42',
181
+ '600': '#faaf05',
182
+ '650': '#d49402',
183
+ '700': '#af7a01',
184
+ '750': '#8b6000',
185
+ '800': '#694800',
186
+ '850': '#503500',
187
+ '900': '#392400',
188
+ '950': '#221300',
189
+ }
190
+ export const nswBrown = {
191
+ '50': '#fbf8f4',
192
+ '100': '#f6f1ea',
193
+ '150': '#f2eae1',
194
+ '200': '#ede3d7',
195
+ '250': '#ecdece',
196
+ '300': '#eadac6',
197
+ '350': '#e9d5bd',
198
+ '400': '#e8d0b5',
199
+ '450': '#dbbf9f',
200
+ '500': '#cfae89',
201
+ '550': '#c29d73',
202
+ '600': '#b68d5d',
203
+ '650': '#9c764b',
204
+ '700': '#82603a',
205
+ '750': '#6a4b29',
206
+ '800': '#523719',
207
+ '850': '#3e280f',
208
+ '900': '#2b1a07',
209
+ '950': '#190d02',
210
+ }
@@ -0,0 +1,210 @@
1
+ export const nswGrey = {
2
+ '50': 'hsl(223.81, 0%, 98.03%)',
3
+ '100': 'hsl(223.81, 0%, 96.07%)',
4
+ '150': 'hsl(223.81, 0%, 94.11%)',
5
+ '200': 'hsl(223.81, 0%, 92.16%)',
6
+ '250': 'hsl(303.31, 2.25%, 89.74%)',
7
+ '300': 'hsl(250.59, 4.53%, 87.59%)',
8
+ '350': 'hsl(218.09, 8.07%, 85.12%)',
9
+ '400': 'hsl(200, 9.92%, 82.16%)',
10
+ '450': 'hsl(200.47, 6.04%, 68.52%)',
11
+ '500': 'hsl(200.94, 4.51%, 55.36%)',
12
+ '550': 'hsl(201.39, 4.92%, 42.76%)',
13
+ '600': 'hsl(201.82, 7.01%, 30.78%)',
14
+ '650': 'hsl(203.03, 7.75%, 26.7%)',
15
+ '700': 'hsl(204.24, 8.69%, 22.72%)',
16
+ '750': 'hsl(205.45, 9.95%, 18.85%)',
17
+ '800': 'hsl(206.66, 11.73%, 15.1%)',
18
+ '850': 'hsl(206.65, 13.42%, 10.7%)',
19
+ '900': 'hsl(206.64, 17.08%, 6.52%)',
20
+ '950': 'hsl(208.68, 23.56%, 2.8%)',
21
+ }
22
+ export const nswGreen = {
23
+ '50': 'hsl(126.92, 92.47%, 97.87%)',
24
+ '100': 'hsl(127.17, 81.74%, 95.92%)',
25
+ '150': 'hsl(127.44, 77.76%, 93.95%)',
26
+ '200': 'hsl(127.73, 75.6%, 91.95%)',
27
+ '250': 'hsl(128.12, 71.21%, 88.91%)',
28
+ '300': 'hsl(128.55, 68.63%, 85.81%)',
29
+ '350': 'hsl(129.03, 66.92%, 82.65%)',
30
+ '400': 'hsl(129.57, 65.73%, 79.41%)',
31
+ '450': 'hsl(130.49, 54.37%, 70.18%)',
32
+ '500': 'hsl(131.92, 48.77%, 60.63%)',
33
+ '550': 'hsl(134.54, 46.29%, 50.21%)',
34
+ '600': 'hsl(144.36, 100%, 33.32%)',
35
+ '650': 'hsl(139.28, 91%, 29.11%)',
36
+ '700': 'hsl(134.24, 89.07%, 23.77%)',
37
+ '750': 'hsl(128, 92.42%, 18.07%)',
38
+ '800': 'hsl(120.02, 99.95%, 12.55%)',
39
+ '850': 'hsl(120.42, 100%, 8.99%)',
40
+ '900': 'hsl(120.78, 100%, 5.85%)',
41
+ '950': 'hsl(121.18, 100%, 3.07%)',
42
+ }
43
+ export const nswTeal = {
44
+ '50': 'hsl(171.22, 56.09%, 96.73%)',
45
+ '100': 'hsl(171.38, 49.46%, 93.72%)',
46
+ '150': 'hsl(171.55, 47.16%, 90.69%)',
47
+ '200': 'hsl(171.73, 46.01%, 87.65%)',
48
+ '250': 'hsl(176, 49.1%, 83.58%)',
49
+ '300': 'hsl(180.06, 50.94%, 79.35%)',
50
+ '350': 'hsl(183.68, 57.17%, 75.79%)',
51
+ '400': 'hsl(186.74, 63.11%, 72.35%)',
52
+ '450': 'hsl(187.41, 48.13%, 63.4%)',
53
+ '500': 'hsl(188, 39.25%, 54.56%)',
54
+ '550': 'hsl(188.48, 39.7%, 45.78%)',
55
+ '600': 'hsl(188.75, 51.08%, 36.86%)',
56
+ '650': 'hsl(188.61, 53.9%, 31.46%)',
57
+ '700': 'hsl(188.45, 57.82%, 26.19%)',
58
+ '750': 'hsl(188.25, 63.64%, 21.07%)',
59
+ '800': 'hsl(188, 73.24%, 16.07%)',
60
+ '850': 'hsl(187.98, 84.98%, 11.27%)',
61
+ '900': 'hsl(188.56, 96.08%, 7.25%)',
62
+ '950': 'hsl(190.58, 100%, 3.88%)',
63
+ }
64
+ export const nswBlue = {
65
+ '50': 'hsl(199.45, 100%, 97.34%)',
66
+ '100': 'hsl(199.38, 100%, 94.73%)',
67
+ '150': 'hsl(199.29, 95.95%, 92.09%)',
68
+ '200': 'hsl(199.2, 92.7%, 89.41%)',
69
+ '250': 'hsl(198.5, 96.92%, 86.75%)',
70
+ '300': 'hsl(197.77, 99.01%, 83.9%)',
71
+ '350': 'hsl(197, 99.86%, 80.82%)',
72
+ '400': 'hsl(196.18, 99.98%, 77.46%)',
73
+ '450': 'hsl(199.75, 99.81%, 67.58%)',
74
+ '500': 'hsl(202.53, 100%, 57.56%)',
75
+ '550': 'hsl(204.78, 100%, 47%)',
76
+ '600': 'hsl(217.35, 98.29%, 53.54%)',
77
+ '650': 'hsl(216.77, 89.39%, 43.99%)',
78
+ '700': 'hsl(216.29, 94.12%, 35.01%)',
79
+ '750': 'hsl(216.37, 97.67%, 26.93%)',
80
+ '800': 'hsl(217.2, 100%, 19.61%)',
81
+ '850': 'hsl(218.95, 100%, 14.93%)',
82
+ '900': 'hsl(222.31, 100%, 10.59%)',
83
+ '950': 'hsl(228.65, 100%, 6.6%)',
84
+ }
85
+ export const nswPurple = {
86
+ '50': 'hsl(250, 100%, 98.76%)',
87
+ '100': 'hsl(250.23, 100%, 97.1%)',
88
+ '150': 'hsl(250.46, 93.55%, 95.42%)',
89
+ '200': 'hsl(250.71, 87.63%, 93.73%)',
90
+ '250': 'hsl(251.52, 93.9%, 92.24%)',
91
+ '300': 'hsl(252.35, 97.36%, 90.69%)',
92
+ '350': 'hsl(253.2, 99.18%, 89.1%)',
93
+ '400': 'hsl(254.06, 99.98%, 87.45%)',
94
+ '450': 'hsl(253.9, 94.11%, 82.01%)',
95
+ '500': 'hsl(254.11, 90.13%, 76.39%)',
96
+ '550': 'hsl(254.88, 87.1%, 70.46%)',
97
+ '600': 'hsl(256.54, 84.77%, 63.92%)',
98
+ '650': 'hsl(260.32, 59.16%, 53.67%)',
99
+ '700': 'hsl(264.12, 55.46%, 43.83%)',
100
+ '750': 'hsl(268.01, 62.03%, 34.39%)',
101
+ '800': 'hsl(272.2, 73.61%, 25.3%)',
102
+ '850': 'hsl(272.74, 82.65%, 18.56%)',
103
+ '900': 'hsl(272.45, 92.74%, 12.65%)',
104
+ '950': 'hsl(269.95, 100%, 7.66%)',
105
+ }
106
+ export const nswFuchsia = {
107
+ '50': 'hsl(322.14, 100%, 98.49%)',
108
+ '100': 'hsl(321.86, 100%, 96.73%)',
109
+ '150': 'hsl(321.58, 93.8%, 94.94%)',
110
+ '200': 'hsl(321.29, 88.4%, 93.13%)',
111
+ '250': 'hsl(319.35, 84.33%, 90.79%)',
112
+ '300': 'hsl(317.37, 80.64%, 88.37%)',
113
+ '350': 'hsl(315.37, 77.26%, 85.89%)',
114
+ '400': 'hsl(313.33, 74.12%, 83.33%)',
115
+ '450': 'hsl(314.15, 73.33%, 76.26%)',
116
+ '500': 'hsl(314.67, 72.14%, 68.63%)',
117
+ '550': 'hsl(314.69, 71.13%, 59.87%)',
118
+ '600': 'hsl(312.97, 84.59%, 46.1%)',
119
+ '650': 'hsl(313.18, 88.3%, 38.88%)',
120
+ '700': 'hsl(313.38, 92.82%, 31.97%)',
121
+ '750': 'hsl(313.72, 96.76%, 25.63%)',
122
+ '800': 'hsl(314.26, 99.98%, 19.81%)',
123
+ '850': 'hsl(314.51, 100%, 14.68%)',
124
+ '900': 'hsl(315.33, 100%, 10.15%)',
125
+ '950': 'hsl(317.48, 100%, 6.11%)',
126
+ }
127
+ export const nswRed = {
128
+ '50': 'hsl(350.85, 100%, 98.97%)',
129
+ '100': 'hsl(350.7, 100%, 97.7%)',
130
+ '150': 'hsl(350.55, 100%, 96.41%)',
131
+ '200': 'hsl(350.4, 99.99%, 95.1%)',
132
+ '250': 'hsl(350.92, 100%, 92.95%)',
133
+ '300': 'hsl(351.43, 100%, 90.72%)',
134
+ '350': 'hsl(351.92, 100%, 88.44%)',
135
+ '400': 'hsl(352.39, 99.97%, 86.08%)',
136
+ '450': 'hsl(353.39, 86.95%, 78.18%)',
137
+ '500': 'hsl(353.95, 78.84%, 69.69%)',
138
+ '550': 'hsl(353.52, 73.18%, 60.13%)',
139
+ '600': 'hsl(348.56, 82.17%, 46.29%)',
140
+ '650': 'hsl(347.26, 85.88%, 38.93%)',
141
+ '700': 'hsl(345.89, 90.98%, 31.82%)',
142
+ '750': 'hsl(345, 95.86%, 25.31%)',
143
+ '800': 'hsl(344.84, 100%, 19.41%)',
144
+ '850': 'hsl(346.11, 100%, 14.46%)',
145
+ '900': 'hsl(349.14, 100%, 10.03%)',
146
+ '950': 'hsl(352.16, 100%, 6.07%)',
147
+ }
148
+ export const nswOrange = {
149
+ '50': 'hsl(27.87, 100%, 98.29%)',
150
+ '100': 'hsl(27.91, 96.94%, 96.64%)',
151
+ '150': 'hsl(27.95, 91.25%, 94.99%)',
152
+ '200': 'hsl(28, 88.2%, 93.33%)',
153
+ '250': 'hsl(28.75, 96.75%, 90.26%)',
154
+ '300': 'hsl(29.52, 99.72%, 87.03%)',
155
+ '350': 'hsl(30.32, 100%, 83.61%)',
156
+ '400': 'hsl(31.18, 100%, 80%)',
157
+ '450': 'hsl(28.25, 96.79%, 73.01%)',
158
+ '500': 'hsl(25.49, 94.76%, 66.34%)',
159
+ '550': 'hsl(22.75, 92.61%, 59.79%)',
160
+ '600': 'hsl(20, 89.98%, 52.94%)',
161
+ '650': 'hsl(18.26, 82.62%, 47%)',
162
+ '700': 'hsl(16.43, 86.72%, 40.94%)',
163
+ '750': 'hsl(14.39, 93.12%, 34.79%)',
164
+ '800': 'hsl(10.94, 100%, 29.02%)',
165
+ '850': 'hsl(9.09, 100%, 21.91%)',
166
+ '900': 'hsl(5.28, 100%, 15.58%)',
167
+ '950': 'hsl(2.01, 100%, 9.91%)',
168
+ }
169
+ export const nswYellow = {
170
+ '50': 'hsl(46.46, 100%, 97.31%)',
171
+ '100': 'hsl(46.38, 100%, 95.09%)',
172
+ '150': 'hsl(46.31, 100%, 92.85%)',
173
+ '200': 'hsl(46.25, 99.92%, 90.59%)',
174
+ '250': 'hsl(46.32, 98.52%, 88%)',
175
+ '300': 'hsl(46.42, 97.52%, 85.35%)',
176
+ '350': 'hsl(46.53, 96.75%, 82.63%)',
177
+ '400': 'hsl(46.67, 96.12%, 79.82%)',
178
+ '450': 'hsl(43.95, 94.26%, 74.28%)',
179
+ '500': 'hsl(41.83, 94.17%, 68.55%)',
180
+ '550': 'hsl(40.46, 94.83%, 62.03%)',
181
+ '600': 'hsl(41.65, 96.35%, 49.93%)',
182
+ '650': 'hsl(41.73, 97.79%, 41.95%)',
183
+ '700': 'hsl(41.7, 98.85%, 34.42%)',
184
+ '750': 'hsl(41.53, 99.58%, 27.3%)',
185
+ '800': 'hsl(41.14, 100%, 20.58%)',
186
+ '850': 'hsl(40.68, 100%, 15.12%)',
187
+ '900': 'hsl(39.24, 100%, 10.36%)',
188
+ '950': 'hsl(35.52, 100%, 6.19%)',
189
+ }
190
+ export const nswBrown = {
191
+ '50': 'hsl(32.66, 48.62%, 97.07%)',
192
+ '100': 'hsl(32.68, 41.72%, 94.25%)',
193
+ '150': 'hsl(32.7, 39.3%, 91.43%)',
194
+ '200': 'hsl(32.73, 38.03%, 88.63%)',
195
+ '250': 'hsl(32.48, 43.17%, 86.7%)',
196
+ '300': 'hsl(32.23, 47.04%, 84.79%)',
197
+ '350': 'hsl(31.99, 50.07%, 82.88%)',
198
+ '400': 'hsl(31.77, 52.52%, 80.98%)',
199
+ '450': 'hsl(31.83, 45.98%, 74.17%)',
200
+ '500': 'hsl(31.93, 42.13%, 67.41%)',
201
+ '550': 'hsl(32.1, 39.61%, 60.67%)',
202
+ '600': 'hsl(32.36, 37.86%, 53.93%)',
203
+ '650': 'hsl(32.04, 34.92%, 45.3%)',
204
+ '700': 'hsl(31.77, 38.52%, 36.92%)',
205
+ '750': 'hsl(31.58, 43.97%, 28.81%)',
206
+ '800': 'hsl(31.58, 53.25%, 20.99%)',
207
+ '850': 'hsl(31.74, 60%, 15.18%)',
208
+ '900': 'hsl(31.73, 72.6%, 9.74%)',
209
+ '950': 'hsl(27.95, 86.09%, 5.27%)',
210
+ }