@nswds/tokens 2.7.0 → 2.8.0

package/dist/tailwind/colors/themes/masterbrand/hsl.css

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

package/dist/tailwind/colors/themes/masterbrand/oklch.css

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

package/dist/tailwind/colors/themes/masterbrand/rgb.css

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

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

@@ -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',
 }