@nswds/tokens 2.7.0 → 2.8.0

package/dist/js/colors/themes/masterbrand/hex.js

@@ -1,72 +1,63 @@
 export const primary = {
-  lightest: '#0c5ad4',
-  lighter: '#0548ad',
-  light: '#023688',
-  DEFAULT: '#002664',
-  dark: '#001a4d',
-  darker: '#001037',
-  darkest: '#000622',
-}
-export const secondary = {
-  lightest: '#f0fbff',
-  lighter: '#e4f6ff',
-  light: '#d7f2fe',
-  DEFAULT: '#cbedfd',
-  dark: '#bceafe',
-  darker: '#ade7ff',
-  darkest: '#9de3ff',
-}
-export const tertiary = {
-  lightest: '#5ac9ff',
-  lighter: '#26aeff',
-  light: '#008fff',
-  DEFAULT: '#146cfd',
-  dark: '#0c5ad4',
-  darker: '#0548ad',
-  darkest: '#023688',
+  50: '#f0fbff',
+  100: '#e4f6ff',
+  150: '#d7f2fe',
+  200: '#cbedfd',
+  250: '#bceafe',
+  300: '#ade7ff',
+  350: '#9de3ff',
+  400: '#8ce0ff',
+  450: '#5ac9ff',
+  500: '#26aeff',
+  550: '#008fff',
+  600: '#146cfd',
+  650: '#0c5ad4',
+  700: '#0548ad',
+  750: '#023688',
+  800: '#002664',
+  850: '#001a4d',
+  900: '#001037',
+  950: '#000622',
 }
 export const accent = {
-  lightest: '#f897a2',
-  lighter: '#ef7581',
-  light: '#e44f5f',
-  DEFAULT: '#d7153a',
-  dark: '#b90e32',
-  darker: '#9b072a',
-  darkest: '#7e0322',
-}
-export const success = {
-  lightest: '#c4e5c0',
-  lighter: '#8fc78b',
-  light: '#58a854',
-  DEFAULT: '#008a07',
-  dark: '#006a00',
-  darker: '#004c00',
-  darkest: '#002f00',
-}
-export const warning = {
-  lightest: '#fdd2c0',
-  lighter: '#eea88a',
-  light: '#dd7d53',
-  DEFAULT: '#c95000',
-  dark: '#9d3a00',
-  darker: '#722600',
-  darkest: '#4b1200',
-}
-export const error = {
-  lightest: '#fdc6c6',
-  lighter: '#ea9295',
-  light: '#d35d65',
-  DEFAULT: '#b81237',
-  dark: '#8f0327',
-  darker: '#690018',
-  darkest: '#44000a',
-}
-export const info = {
-  lightest: '#acbbd5',
-  lighter: '#8198c2',
-  light: '#5775ae',
-  DEFAULT: '#2e5299',
-  dark: '#203d77',
-  darker: '#132956',
-  darkest: '#071738',
+  50: '#fff8f9',
+  100: '#fff2f4',
+  150: '#ffecef',
+  200: '#ffe6ea',
+  250: '#ffdbe0',
+  300: '#ffcfd6',
+  350: '#ffc4cc',
+  400: '#ffb8c1',
+  450: '#f897a2',
+  500: '#ef7581',
+  550: '#e44f5f',
+  600: '#d7153a',
+  650: '#b90e32',
+  700: '#9b072a',
+  750: '#7e0322',
+  800: '#630019',
+  850: '#4c0010',
+  900: '#360008',
+  950: '#210003',
+}
+export const grey = {
+  50: '#fafafa',
+  100: '#f5f5f5',
+  150: '#f0f0f0',
+  200: '#ebebeb',
+  250: '#e3e5e6',
+  300: '#dcdfe0',
+  350: '#d4d9db',
+  400: '#cdd3d6',
+  450: '#aab0b4',
+  500: '#888f92',
+  550: '#686f72',
+  600: '#495054',
+  650: '#3f4549',
+  700: '#353b3f',
+  750: '#2b3135',
+  800: '#22272b',
+  850: '#181c1f',
+  900: '#0e1113',
+  950: '#050709',
 }

package/dist/js/colors/themes/masterbrand/hsl.js

@@ -1,72 +1,63 @@
 export const primary = {
-  lightest: 'hsl(216.77, 89.43%, 43.98%)',
-  lighter: 'hsl(216.29, 94.14%, 35%)',
-  light: 'hsl(216.37, 97.67%, 26.93%)',
-  DEFAULT: 'hsl(217.2, 100%, 19.61%)',
-  dark: 'hsl(218.95, 100%, 14.93%)',
-  darker: 'hsl(222.31, 100%, 10.59%)',
-  darkest: 'hsl(228.65, 100%, 6.6%)',
-}
-export const secondary = {
-  lightest: 'hsl(199.45, 100%, 97.34%)',
-  lighter: 'hsl(199.38, 100%, 94.73%)',
-  light: 'hsl(199.3, 95.85%, 92.09%)',
-  DEFAULT: 'hsl(199.2, 92.59%, 89.41%)',
-  dark: 'hsl(198.5, 96.87%, 86.75%)',
-  darker: 'hsl(197.76, 98.99%, 83.89%)',
-  darkest: 'hsl(197, 99.87%, 80.82%)',
-}
-export const tertiary = {
-  lightest: 'hsl(199.74, 99.83%, 67.57%)',
-  lighter: 'hsl(202.52, 100%, 57.55%)',
-  light: 'hsl(204.76, 100%, 46.97%)',
-  DEFAULT: 'hsl(217.34, 98.31%, 53.53%)',
-  dark: 'hsl(216.77, 89.43%, 43.98%)',
-  darker: 'hsl(216.29, 94.14%, 35%)',
-  darkest: 'hsl(216.37, 97.67%, 26.93%)',
+  50: 'hsl(199.45, 100%, 97.34%)',
+  100: 'hsl(199.38, 100%, 94.73%)',
+  150: 'hsl(199.3, 95.85%, 92.09%)',
+  200: 'hsl(199.2, 92.59%, 89.41%)',
+  250: 'hsl(198.5, 96.87%, 86.75%)',
+  300: 'hsl(197.76, 98.99%, 83.89%)',
+  350: 'hsl(197, 99.87%, 80.82%)',
+  400: 'hsl(196.17, 100%, 77.45%)',
+  450: 'hsl(199.74, 99.83%, 67.57%)',
+  500: 'hsl(202.52, 100%, 57.55%)',
+  550: 'hsl(204.76, 100%, 46.97%)',
+  600: 'hsl(217.34, 98.31%, 53.53%)',
+  650: 'hsl(216.77, 89.43%, 43.98%)',
+  700: 'hsl(216.29, 94.14%, 35%)',
+  750: 'hsl(216.37, 97.67%, 26.93%)',
+  800: 'hsl(217.2, 100%, 19.61%)',
+  850: 'hsl(218.95, 100%, 14.93%)',
+  900: 'hsl(222.31, 100%, 10.59%)',
+  950: 'hsl(228.65, 100%, 6.6%)',
 }
 export const accent = {
-  lightest: 'hsl(353.39, 86.96%, 78.18%)',
-  lighter: 'hsl(353.95, 78.84%, 69.69%)',
-  light: 'hsl(353.52, 73.17%, 60.13%)',
-  DEFAULT: 'hsl(348.56, 82.2%, 46.27%)',
-  dark: 'hsl(347.26, 85.91%, 38.92%)',
-  darker: 'hsl(345.89, 91%, 31.81%)',
-  darkest: 'hsl(345, 95.87%, 25.31%)',
-}
-export const success = {
-  lightest: 'hsl(114.97, 40.74%, 82.58%)',
-  lighter: 'hsl(115.71, 34.7%, 66.15%)',
-  light: 'hsl(117.04, 33.37%, 49.53%)',
-  DEFAULT: 'hsl(123.04, 100%, 27.06%)',
-  dark: 'hsl(122.96, 100%, 19.1%)',
-  darker: 'hsl(122.88, 100%, 12.74%)',
-  darkest: 'hsl(122.85, 100%, 7.59%)',
-}
-export const warning = {
-  lightest: 'hsl(17.74, 94.96%, 87.24%)',
-  lighter: 'hsl(17.94, 75.09%, 73.77%)',
-  light: 'hsl(18.45, 66.88%, 59.6%)',
-  DEFAULT: 'hsl(23.88, 100%, 39.41%)',
-  dark: 'hsl(24.01, 100%, 29.25%)',
-  darker: 'hsl(22.64, 100%, 20.66%)',
-  darkest: 'hsl(18.45, 100%, 13.3%)',
-}
-export const error = {
-  lightest: 'hsl(359.69, 92.79%, 88.44%)',
-  lighter: 'hsl(358.32, 67.18%, 74.5%)',
-  light: 'hsl(355.68, 57.14%, 59.46%)',
-  DEFAULT: 'hsl(346.63, 82.18%, 39.61%)',
-  dark: 'hsl(344.75, 95.33%, 28.77%)',
-  darker: 'hsl(344.52, 100%, 19.69%)',
-  darkest: 'hsl(347.44, 100%, 12.27%)',
-}
-export const info = {
-  lightest: 'hsl(218.63, 32.11%, 75.49%)',
-  lighter: 'hsl(218.81, 34.57%, 63.16%)',
-  light: 'hsl(219.17, 34.9%, 51.02%)',
-  DEFAULT: 'hsl(219.81, 53.77%, 39.02%)',
-  dark: 'hsl(219.87, 57.48%, 29.6%)',
-  darker: 'hsl(219.94, 64.01%, 20.66%)',
-  darkest: 'hsl(220.32, 77.61%, 12.34%)',
+  50: 'hsl(350.85, 100%, 98.97%)',
+  100: 'hsl(350.7, 100%, 97.7%)',
+  150: 'hsl(350.55, 100%, 96.41%)',
+  200: 'hsl(350.4, 100%, 95.1%)',
+  250: 'hsl(350.92, 100%, 92.94%)',
+  300: 'hsl(351.43, 100%, 90.72%)',
+  350: 'hsl(351.92, 100%, 88.44%)',
+  400: 'hsl(352.39, 100%, 86.08%)',
+  450: 'hsl(353.39, 86.96%, 78.18%)',
+  500: 'hsl(353.95, 78.84%, 69.69%)',
+  550: 'hsl(353.52, 73.17%, 60.13%)',
+  600: 'hsl(348.56, 82.2%, 46.27%)',
+  650: 'hsl(347.26, 85.91%, 38.92%)',
+  700: 'hsl(345.89, 91%, 31.81%)',
+  750: 'hsl(345, 95.87%, 25.31%)',
+  800: 'hsl(344.85, 100%, 19.41%)',
+  850: 'hsl(346.11, 100%, 14.46%)',
+  900: 'hsl(349.15, 100%, 10.03%)',
+  950: 'hsl(352.16, 100%, 6.06%)',
+}
+export const grey = {
+  50: 'hsl(223.81, 0%, 98.03%)',
+  100: 'hsl(223.81, 0%, 96.06%)',
+  150: 'hsl(223.81, 0%, 94.11%)',
+  200: 'hsl(223.81, 0%, 92.16%)',
+  250: 'hsl(200.05, 4.31%, 89.64%)',
+  300: 'hsl(200.03, 6.92%, 87.13%)',
+  350: 'hsl(200.02, 8.65%, 84.64%)',
+  400: 'hsl(200, 9.89%, 82.16%)',
+  450: 'hsl(200.47, 6.03%, 68.52%)',
+  500: 'hsl(200.94, 4.51%, 55.36%)',
+  550: 'hsl(201.39, 4.91%, 42.76%)',
+  600: 'hsl(201.82, 7.01%, 30.78%)',
+  650: 'hsl(203.03, 7.74%, 26.71%)',
+  700: 'hsl(204.24, 8.68%, 22.73%)',
+  750: 'hsl(205.45, 9.93%, 18.85%)',
+  800: 'hsl(206.67, 11.69%, 15.1%)',
+  850: 'hsl(206.66, 13.37%, 10.7%)',
+  900: 'hsl(206.64, 17.01%, 6.52%)',
+  950: 'hsl(208.68, 23.47%, 2.8%)',
 }

package/dist/js/colors/themes/masterbrand/oklch.js

@@ -1,72 +1,63 @@
 export const primary = {
-  lightest: 'oklch(0.5038341615701663 0.20169915825513662 260.52773388396713)',
-  lighter: 'oklch(0.43255566986372795 0.17356468700683536 260.29913478593846)',
-  light: 'oklch(0.3612771781572896 0.1454302157585341 260.07053568790974)',
-  DEFAULT: 'oklch(0.2899986864508513 0.11729574451023282 259.841936589881)',
-  dark: 'oklch(0.23924891632195233 0.0997013828336979 259.841936589881)',
-  darker: 'oklch(0.18849914619305336 0.08210702115716298 259.841936589881)',
-  darkest: 'oklch(0.13774937606415438 0.06451265948062805 259.841936589881)',
-}
-export const secondary = {
-  lightest: 'oklch(0.9816683948128555 0.013540580086234762 227.890755564881)',
-  lighter: 'oklch(0.9633367896257109 0.022914827838243446 227.890755564881)',
-  light: 'oklch(0.9450051844385663 0.032289075590252125 227.890755564881)',
-  DEFAULT: 'oklch(0.9266735792514218 0.04166332334226081 227.890755564881)',
-  dark: 'oklch(0.9110280326138016 0.05428316129852959 226.81685418252806)',
-  darker: 'oklch(0.8953824859761815 0.06690299925479838 225.74295280017512)',
-  darkest: 'oklch(0.8797369393385615 0.07952283721106716 224.66905141782217)',
-}
-export const tertiary = {
-  lightest: 'oklch(0.7918467078448571 0.12656541375136143 232.8854457721009)',
-  lighter: 'oklch(0.719602022988773 0.1609881523353869 242.17574150873253)',
-  light: 'oklch(0.6473573381326887 0.19541089091941238 251.4660372453642)',
-  DEFAULT: 'oklch(0.5751126532766045 0.2298336295034379 260.75633298199585)',
-  dark: 'oklch(0.5038341615701663 0.20169915825513662 260.52773388396713)',
-  darker: 'oklch(0.43255566986372795 0.17356468700683536 260.29913478593846)',
-  darkest: 'oklch(0.3612771781572896 0.1454302157585341 260.07053568790974)',
+  50: 'oklch(0.9816683948128555 0.013540580086234762 227.890755564881)',
+  100: 'oklch(0.9633367896257109 0.022914827838243446 227.890755564881)',
+  150: 'oklch(0.9450051844385663 0.032289075590252125 227.890755564881)',
+  200: 'oklch(0.9266735792514218 0.04166332334226081 227.890755564881)',
+  250: 'oklch(0.9110280326138016 0.05428316129852959 226.81685418252806)',
+  300: 'oklch(0.8953824859761815 0.06690299925479838 225.74295280017512)',
+  350: 'oklch(0.8797369393385615 0.07952283721106716 224.66905141782217)',
+  400: 'oklch(0.8640913927009413 0.09214267516733594 223.59515003546923)',
+  450: 'oklch(0.7918467078448571 0.12656541375136143 232.8854457721009)',
+  500: 'oklch(0.719602022988773 0.1609881523353869 242.17574150873253)',
+  550: 'oklch(0.6473573381326887 0.19541089091941238 251.4660372453642)',
+  600: 'oklch(0.5751126532766045 0.2298336295034379 260.75633298199585)',
+  650: 'oklch(0.5038341615701663 0.20169915825513662 260.52773388396713)',
+  700: 'oklch(0.43255566986372795 0.17356468700683536 260.29913478593846)',
+  750: 'oklch(0.3612771781572896 0.1454302157585341 260.07053568790974)',
+  800: 'oklch(0.2899986864508513 0.11729574451023282 259.841936589881)',
+  850: 'oklch(0.23924891632195233 0.0997013828336979 259.841936589881)',
+  900: 'oklch(0.18849914619305336 0.08210702115716298 259.841936589881)',
+  950: 'oklch(0.13774937606415438 0.06451265948062805 259.841936589881)',
 }
 export const accent = {
-  lightest: 'oklch(0.7786513285230947 0.11664880226231811 13.011419492803782)',
-  lighter: 'oklch(0.7064193584802577 0.15026753878948967 15.45213465296721)',
-  light: 'oklch(0.6341873884374207 0.18388627531666124 17.892849813130642)',
-  DEFAULT: 'oklch(0.5619554183945837 0.2175050118438328 20.33356497329407)',
-  dark: 'oklch(0.5007084126233001 0.1948505033631296 19.53345435711309)',
-  darker: 'oklch(0.4394614068520166 0.17219599488242637 18.733343740932114)',
-  darkest: 'oklch(0.3782144010807331 0.14954148640172313 17.933233124751133)',
-}
-export const success = {
-  lightest: 'oklch(0.8872601819234176 0.060106868790808454 142.8007543325396)',
-  lighter: 'oklch(0.7745203638468352 0.1017193164152143 142.8007543325396)',
-  light: 'oklch(0.6617805457702527 0.14333176403962014 142.8007543325396)',
-  DEFAULT: 'oklch(0.5490407276936703 0.184944211664026 142.8007543325396)',
-  dark: 'oklch(0.452958600347278 0.1572025799144221 142.8007543325396)',
-  darker: 'oklch(0.35687647300088565 0.1294609481648182 142.8007543325396)',
-  darkest: 'oklch(0.2607943456544934 0.1017193164152143 142.8007543325396)',
-}
-export const warning = {
-  lightest: 'oklch(0.8958326078740171 0.05515411503535715 43.99726534950394)',
-  lighter: 'oklch(0.7916652157480342 0.09333773313675825 43.99726534950394)',
-  light: 'oklch(0.6874978236220514 0.13152135123815933 43.99726534950394)',
-  DEFAULT: 'oklch(0.5833304314960684 0.16970496933956045 43.99726534950394)',
-  dark: 'oklch(0.4812476059842564 0.14424922393862638 43.99726534950394)',
-  darker: 'oklch(0.3791647804724445 0.11879347853769232 43.99726534950394)',
-  darkest: 'oklch(0.2770819549606325 0.09333773313675825 43.99726534950394)',
-}
-export const error = {
-  lightest: 'oklch(0.8754989819725543 0.06263564750632042 18.079140916466272)',
-  lighter: 'oklch(0.7509979639451086 0.10599878808761917 18.079140916466272)',
-  light: 'oklch(0.626496945917663 0.14936192866891793 18.079140916466272)',
-  DEFAULT: 'oklch(0.5019959278902173 0.19272506925021668 18.079140916466272)',
-  dark: 'oklch(0.4141466405094293 0.16381630886268417 18.079140916466272)',
-  darker: 'oklch(0.3262973531286413 0.13490754847515168 18.079140916466272)',
-  darkest: 'oklch(0.2384480657478532 0.10599878808761917 18.079140916466272)',
-}
-export const info = {
-  lightest: 'oklch(0.7885885178062633 0.04006699378315225 262.3514946368672)',
-  lighter: 'oklch(0.6759330152625114 0.06780568178687302 262.3514946368672)',
-  light: 'oklch(0.5632775127187595 0.0955443697905938 262.3514946368672)',
-  DEFAULT: 'oklch(0.4506220101750076 0.12328305779431457 262.3514946368672)',
-  dark: 'oklch(0.37176315839438123 0.10479059912516739 262.3514946368672)',
-  darker: 'oklch(0.2929043066137549 0.0862981404560202 262.3514946368672)',
-  darkest: 'oklch(0.2140454548331286 0.06780568178687302 262.3514946368672)',
+  50: 'oklch(0.9865629857873716 0.009043874600495525 6.653158456152784)',
+  100: 'oklch(0.9731259715747431 0.015305018554684736 6.653158456152784)',
+  150: 'oklch(0.9596889573621147 0.021566162508873946 6.653158456152784)',
+  200: 'oklch(0.9462519431494862 0.027827306463063157 6.653158456152784)',
+  250: 'oklch(0.9224097820035976 0.041627996281084 7.632544925274676)',
+  300: 'oklch(0.8985676208577089 0.05542868609910484 8.611931394396567)',
+  350: 'oklch(0.8747254597118204 0.06922937591712569 9.59131786351846)',
+  400: 'oklch(0.8508832985659317 0.08303006573514653 10.570704332640352)',
+  450: 'oklch(0.7786513285230947 0.11664880226231811 13.011419492803782)',
+  500: 'oklch(0.7064193584802577 0.15026753878948967 15.45213465296721)',
+  550: 'oklch(0.6341873884374207 0.18388627531666124 17.892849813130642)',
+  600: 'oklch(0.5619554183945837 0.2175050118438328 20.33356497329407)',
+  650: 'oklch(0.5007084126233001 0.1948505033631296 19.53345435711309)',
+  700: 'oklch(0.4394614068520166 0.17219599488242637 18.733343740932114)',
+  750: 'oklch(0.3782144010807331 0.14954148640172313 17.933233124751133)',
+  800: 'oklch(0.31696739530944956 0.1268869779210199 17.133122508570153)',
+  850: 'oklch(0.2614981011302959 0.10785393123286692 17.133122508570153)',
+  900: 'oklch(0.20602880695114223 0.08882088454471393 17.133122508570153)',
+  950: 'oklch(0.15055951277198854 0.06978783785656095 17.133122508570153)',
+}
+export const grey = {
+  50: 'oklch(0.9850175274112574 0 0)',
+  100: 'oklch(0.9700350548225147 0 0)',
+  150: 'oklch(0.9550525822337722 0 0)',
+  200: 'oklch(0.9400701096450296 0 0)',
+  250: 'oklch(0.9208267112856119 0.0019440594503795112 228.8687380011113)',
+  300: 'oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113)',
+  350: 'oklch(0.8823399145667763 0.005832178351138532 228.8687380011113)',
+  400: 'oklch(0.8630965162073586 0.007776237801518043 228.8687380011113)',
+  450: 'oklch(0.7539290831519737 0.008632737257709678 229.8058410593526)',
+  500: 'oklch(0.6447616500965888 0.009489236713901311 230.74294411759388)',
+  550: 'oklch(0.5355942170412039 0.010345736170092946 231.68004717583517)',
+  600: 'oklch(0.426426783985819 0.011202235626284581 232.61715023407646)',
+  650: 'oklch(0.3871732148397997 0.010991669591883444 234.98382249287215)',
+  700: 'oklch(0.3479196456937804 0.010781103557482309 237.35049475166784)',
+  750: 'oklch(0.3086660765477611 0.010570537523081174 239.71716701046353)',
+  800: 'oklch(0.26941250740174183 0.010359971488680036 242.08383926925922)',
+  850: 'oklch(0.222265318606437 0.00880597576537803 242.08383926925922)',
+  900: 'oklch(0.17511812981113217 0.007251980042076026 242.08383926925922)',
+  950: 'oklch(0.12797094101582737 0.005697984318774021 242.08383926925922)',
 }

package/dist/js/colors/themes/masterbrand/rgb.js

@@ -1,72 +1,63 @@
 export const primary = {
-  lightest: 'rgb(12, 90, 212)',
-  lighter: 'rgb(5, 72, 173)',
-  light: 'rgb(2, 54, 136)',
-  DEFAULT: 'rgb(0, 38, 100)',
-  dark: 'rgb(0, 26, 77)',
-  darker: 'rgb(0, 16, 55)',
-  darkest: 'rgb(0, 6, 34)',
-}
-export const secondary = {
-  lightest: 'rgb(240, 251, 255)',
-  lighter: 'rgb(228, 246, 255)',
-  light: 'rgb(215, 242, 254)',
-  DEFAULT: 'rgb(203, 237, 253)',
-  dark: 'rgb(188, 234, 254)',
-  darker: 'rgb(173, 231, 255)',
-  darkest: 'rgb(157, 227, 255)',
-}
-export const tertiary = {
-  lightest: 'rgb(90, 201, 255)',
-  lighter: 'rgb(38, 174, 255)',
-  light: 'rgb(0, 143, 255)',
-  DEFAULT: 'rgb(20, 108, 253)',
-  dark: 'rgb(12, 90, 212)',
-  darker: 'rgb(5, 72, 173)',
-  darkest: 'rgb(2, 54, 136)',
+  50: 'rgb(240, 251, 255)',
+  100: 'rgb(228, 246, 255)',
+  150: 'rgb(215, 242, 254)',
+  200: 'rgb(203, 237, 253)',
+  250: 'rgb(188, 234, 254)',
+  300: 'rgb(173, 231, 255)',
+  350: 'rgb(157, 227, 255)',
+  400: 'rgb(140, 224, 255)',
+  450: 'rgb(90, 201, 255)',
+  500: 'rgb(38, 174, 255)',
+  550: 'rgb(0, 143, 255)',
+  600: 'rgb(20, 108, 253)',
+  650: 'rgb(12, 90, 212)',
+  700: 'rgb(5, 72, 173)',
+  750: 'rgb(2, 54, 136)',
+  800: 'rgb(0, 38, 100)',
+  850: 'rgb(0, 26, 77)',
+  900: 'rgb(0, 16, 55)',
+  950: 'rgb(0, 6, 34)',
 }
 export const accent = {
-  lightest: 'rgb(248, 151, 162)',
-  lighter: 'rgb(239, 117, 129)',
-  light: 'rgb(228, 79, 95)',
-  DEFAULT: 'rgb(215, 21, 58)',
-  dark: 'rgb(185, 14, 50)',
-  darker: 'rgb(155, 7, 42)',
-  darkest: 'rgb(126, 3, 34)',
-}
-export const success = {
-  lightest: 'rgb(196, 229, 192)',
-  lighter: 'rgb(143, 199, 139)',
-  light: 'rgb(88, 168, 84)',
-  DEFAULT: 'rgb(0, 138, 7)',
-  dark: 'rgb(0, 106, 0)',
-  darker: 'rgb(0, 76, 0)',
-  darkest: 'rgb(0, 47, 0)',
-}
-export const warning = {
-  lightest: 'rgb(253, 210, 192)',
-  lighter: 'rgb(238, 168, 138)',
-  light: 'rgb(221, 125, 83)',
-  DEFAULT: 'rgb(201, 80, 0)',
-  dark: 'rgb(157, 58, 0)',
-  darker: 'rgb(114, 38, 0)',
-  darkest: 'rgb(75, 18, 0)',
-}
-export const error = {
-  lightest: 'rgb(253, 198, 198)',
-  lighter: 'rgb(234, 146, 149)',
-  light: 'rgb(211, 93, 101)',
-  DEFAULT: 'rgb(184, 18, 55)',
-  dark: 'rgb(143, 3, 39)',
-  darker: 'rgb(105, 0, 24)',
-  darkest: 'rgb(68, 0, 10)',
-}
-export const info = {
-  lightest: 'rgb(172, 187, 213)',
-  lighter: 'rgb(129, 152, 194)',
-  light: 'rgb(87, 117, 174)',
-  DEFAULT: 'rgb(46, 82, 153)',
-  dark: 'rgb(32, 61, 119)',
-  darker: 'rgb(19, 41, 86)',
-  darkest: 'rgb(7, 23, 56)',
+  50: 'rgb(255, 248, 249)',
+  100: 'rgb(255, 242, 244)',
+  150: 'rgb(255, 236, 239)',
+  200: 'rgb(255, 230, 234)',
+  250: 'rgb(255, 219, 224)',
+  300: 'rgb(255, 207, 214)',
+  350: 'rgb(255, 196, 204)',
+  400: 'rgb(255, 184, 193)',
+  450: 'rgb(248, 151, 162)',
+  500: 'rgb(239, 117, 129)',
+  550: 'rgb(228, 79, 95)',
+  600: 'rgb(215, 21, 58)',
+  650: 'rgb(185, 14, 50)',
+  700: 'rgb(155, 7, 42)',
+  750: 'rgb(126, 3, 34)',
+  800: 'rgb(99, 0, 25)',
+  850: 'rgb(76, 0, 16)',
+  900: 'rgb(54, 0, 8)',
+  950: 'rgb(33, 0, 3)',
+}
+export const grey = {
+  50: 'rgb(250, 250, 250)',
+  100: 'rgb(245, 245, 245)',
+  150: 'rgb(240, 240, 240)',
+  200: 'rgb(235, 235, 235)',
+  250: 'rgb(227, 229, 230)',
+  300: 'rgb(220, 223, 224)',
+  350: 'rgb(212, 217, 219)',
+  400: 'rgb(205, 211, 214)',
+  450: 'rgb(170, 176, 180)',
+  500: 'rgb(136, 143, 146)',
+  550: 'rgb(104, 111, 114)',
+  600: 'rgb(73, 80, 84)',
+  650: 'rgb(63, 69, 73)',
+  700: 'rgb(53, 59, 63)',
+  750: 'rgb(43, 49, 53)',
+  800: 'rgb(34, 39, 43)',
+  850: 'rgb(24, 28, 31)',
+  900: 'rgb(14, 17, 19)',
+  950: 'rgb(5, 7, 9)',
 }