@nswds/tokens 2.7.0 → 2.9.0

package/src/ts/colors/semantic/hex.ts

@@ -0,0 +1,84 @@
+export const success = {
+  '50': '#eff9ed',
+  '100': '#e0f3de',
+  '150': '#d2eccf',
+  '200': '#c4e5c0',
+  '250': '#aad6a5',
+  '300': '#8fc78a',
+  '350': '#74b76f',
+  '400': '#58a854',
+  '450': '#49a146',
+  '500': '#399936',
+  '550': '#259224',
+  '600': '#008a07',
+  '650': '#007204',
+  '700': '#005a02',
+  '750': '#004401',
+  '800': '#002f00',
+  '850': '#002200',
+  '900': '#001600',
+  '950': '#000b00',
+}
+export const warning = {
+  '50': '#fff3ed',
+  '100': '#ffe8de',
+  '150': '#ffddcf',
+  '200': '#fdd2c0',
+  '250': '#f6bda5',
+  '300': '#eea88a',
+  '350': '#e6936f',
+  '400': '#dd7d53',
+  '450': '#d87244',
+  '500': '#d36734',
+  '550': '#ce5c21',
+  '600': '#c95000',
+  '650': '#a83f03',
+  '700': '#882f03',
+  '750': '#692001',
+  '800': '#4b1200',
+  '850': '#390a00',
+  '900': '#270400',
+  '950': '#170100',
+}
+export const danger = {
+  '50': '#fff0ef',
+  '100': '#ffe2e1',
+  '150': '#ffd4d4',
+  '200': '#fdc6c6',
+  '250': '#f4acad',
+  '300': '#ea9294',
+  '350': '#df787c',
+  '400': '#d35d65',
+  '450': '#cd4e59',
+  '500': '#c63f4e',
+  '550': '#bf2c42',
+  '600': '#b81237',
+  '650': '#990b2a',
+  '700': '#7c061f',
+  '750': '#5f0214',
+  '800': '#44000a',
+  '850': '#330005',
+  '900': '#230002',
+  '950': '#140001',
+}
+export const info = {
+  '50': '#e9eef7',
+  '100': '#d4ddeb',
+  '150': '#c0cce0',
+  '200': '#acbbd5',
+  '250': '#96a9cc',
+  '300': '#8098c2',
+  '350': '#6b86b8',
+  '400': '#5775ae',
+  '450': '#4d6ca9',
+  '500': '#4264a4',
+  '550': '#385b9e',
+  '600': '#2e5299',
+  '650': '#23427f',
+  '700': '#193366',
+  '750': '#10254f',
+  '800': '#071738',
+  '850': '#040f2a',
+  '900': '#02071c',
+  '950': '#00030f',
+}

package/src/ts/colors/semantic/hsl.ts

@@ -0,0 +1,84 @@
+export const success = {
+  '50': 'hsl(113.15, 52.52%, 95.43%)',
+  '100': 'hsl(113.26, 45.54%, 91.13%)',
+  '150': 'hsl(113.38, 42.97%, 86.84%)',
+  '200': 'hsl(113.51, 41.57%, 82.55%)',
+  '250': 'hsl(114.16, 37.16%, 74.26%)',
+  '300': 'hsl(114.93, 34.81%, 66.02%)',
+  '350': 'hsl(115.88, 33.38%, 57.78%)',
+  '400': 'hsl(117.14, 33.33%, 49.41%)',
+  '450': 'hsl(117.67, 39.56%, 45.11%)',
+  '500': 'hsl(118.38, 47.88%, 40.58%)',
+  '550': 'hsl(119.53, 60.48%, 35.56%)',
+  '600': 'hsl(123.04, 100%, 27.06%)',
+  '650': 'hsl(121.8, 99.36%, 22.38%)',
+  '700': 'hsl(120.9, 99.22%, 17.81%)',
+  '750': 'hsl(120.32, 99.47%, 13.4%)',
+  '800': 'hsl(120, 100%, 9.22%)',
+  '850': 'hsl(120.32, 100%, 6.51%)',
+  '900': 'hsl(120.63, 100%, 4.07%)',
+  '950': 'hsl(121.08, 100%, 1.88%)',
+}
+export const warning = {
+  '50': 'hsl(17.53, 100%, 96.97%)',
+  '100': 'hsl(17.59, 100%, 93.77%)',
+  '150': 'hsl(17.65, 99.09%, 90.53%)',
+  '200': 'hsl(17.7, 93.85%, 87.25%)',
+  '250': 'hsl(17.77, 81.71%, 80.57%)',
+  '300': 'hsl(17.84, 74.94%, 73.78%)',
+  '350': 'hsl(17.98, 70.36%, 66.84%)',
+  '400': 'hsl(18.26, 66.99%, 59.61%)',
+  '450': 'hsl(18.61, 65.61%, 55.79%)',
+  '500': 'hsl(19.18, 64.53%, 51.69%)',
+  '550': 'hsl(20.31, 72.21%, 46.96%)',
+  '600': 'hsl(23.88, 100%, 39.41%)',
+  '650': 'hsl(21.95, 96.66%, 33.46%)',
+  '700': 'hsl(20.07, 95.99%, 27.13%)',
+  '750': 'hsl(17.86, 97.32%, 20.78%)',
+  '800': 'hsl(14.4, 100%, 14.71%)',
+  '850': 'hsl(11.43, 100%, 10.95%)',
+  '900': 'hsl(7.67, 100%, 7.5%)',
+  '950': 'hsl(4.64, 100%, 4.34%)',
+}
+export const danger = {
+  '50': 'hsl(0.78, 100%, 97.61%)',
+  '100': 'hsl(0.56, 100%, 94.61%)',
+  '150': 'hsl(0.3, 100%, 91.55%)',
+  '200': 'hsl(0, 93.22%, 88.43%)',
+  '250': 'hsl(359.39, 76.34%, 81.59%)',
+  '300': 'hsl(358.59, 67.4%, 74.56%)',
+  '350': 'hsl(357.51, 61.52%, 67.27%)',
+  '400': 'hsl(355.93, 57.28%, 59.61%)',
+  '450': 'hsl(354.77, 55.6%, 55.49%)',
+  '500': 'hsl(353.23, 54.28%, 51.09%)',
+  '550': 'hsl(350.97, 62.34%, 46.16%)',
+  '600': 'hsl(346.63, 82.18%, 39.61%)',
+  '650': 'hsl(346.89, 86.15%, 32.28%)',
+  '700': 'hsl(347.25, 91.31%, 25.33%)',
+  '750': 'hsl(348.45, 96%, 19.02%)',
+  '800': 'hsl(351.18, 100%, 13.33%)',
+  '850': 'hsl(352.99, 100%, 9.85%)',
+  '900': 'hsl(354.47, 100%, 6.66%)',
+  '950': 'hsl(355.5, 100%, 3.76%)',
+}
+export const info = {
+  '50': 'hsl(217.99, 45.88%, 94%)',
+  '100': 'hsl(218, 37.47%, 87.77%)',
+  '150': 'hsl(218.02, 34.49%, 81.6%)',
+  '200': 'hsl(218.05, 32.8%, 75.49%)',
+  '250': 'hsl(218.29, 34.23%, 69.31%)',
+  '300': 'hsl(218.57, 34.87%, 63.2%)',
+  '350': 'hsl(218.9, 35.05%, 57.15%)',
+  '400': 'hsl(219.31, 34.94%, 51.18%)',
+  '450': 'hsl(219.41, 37.55%, 48.13%)',
+  '500': 'hsl(219.52, 42.28%, 45.1%)',
+  '550': 'hsl(219.66, 47.62%, 42.06%)',
+  '600': 'hsl(219.81, 53.77%, 39.02%)',
+  '650': 'hsl(219.87, 56.39%, 31.92%)',
+  '700': 'hsl(219.93, 60.27%, 25.07%)',
+  '750': 'hsl(220.02, 66.59%, 18.51%)',
+  '800': 'hsl(220.41, 77.78%, 12.35%)',
+  '850': 'hsl(222.21, 84%, 8.9%)',
+  '900': 'hsl(226.63, 89.54%, 5.83%)',
+  '950': 'hsl(230.65, 94.13%, 3.12%)',
+}

package/src/ts/colors/semantic/oklch.ts

@@ -0,0 +1,84 @@
+export const success = {
+  '50': 'oklch(0.9720355476100955 0.01978729853872853 142.11752406542539)',
+  '100': 'oklch(0.944071095220191 0.03348619752707904 142.11752406542539)',
+  '150': 'oklch(0.9161066428302864 0.04718509651542956 142.11752406542539)',
+  '200': 'oklch(0.8881421904403819 0.06088399550378008 142.11752406542539)',
+  '250': 'oklch(0.8312289461835737 0.0814134964867239 142.2964842668701)',
+  '300': 'oklch(0.7743157019267655 0.10194299746966773 142.47544446831483)',
+  '350': 'oklch(0.7174024576699572 0.12247249845261154 142.65440466975954)',
+  '400': 'oklch(0.660489213413149 0.14300199943555536 142.83336487120425)',
+  '450': 'oklch(0.6326270919832794 0.153487552492673 142.8252122365381)',
+  '500': 'oklch(0.6047649705534097 0.16397310554979067 142.81705960187193)',
+  '550': 'oklch(0.57690284912354 0.17445865860690835 142.80890696720576)',
+  '600': 'oklch(0.5490407276936703 0.184944211664026 142.8007543325396)',
+  '650': 'oklch(0.4778879989458421 0.16120283434453703 142.72440047135717)',
+  '700': 'oklch(0.40673527019801387 0.13746145702504803 142.64804661017473)',
+  '750': 'oklch(0.3355825414501856 0.11372007970555903 142.57169274899232)',
+  '800': 'oklch(0.26442981270235744 0.08997870238607004 142.49533888780988)',
+  '850': 'oklch(0.21815459547944488 0.07648189702815954 142.49533888780988)',
+  '900': 'oklch(0.17187937825653232 0.06298509167024903 142.49533888780988)',
+  '950': 'oklch(0.12560416103361977 0.04948828631233853 142.49533888780988)',
+}
+export const warning = {
+  '50': 'oklch(0.9739777778864123 0.017695077274685146 43.9454781334139)',
+  '100': 'oklch(0.9479555557728245 0.029945515387928705 43.9454781334139)',
+  '150': 'oklch(0.9219333336592369 0.042195953501172265 43.9454781334139)',
+  '200': 'oklch(0.8959111115456492 0.05444639161441583 43.9454781334139)',
+  '250': 'oklch(0.8436567377995562 0.07383969866253859 43.88732593200177)',
+  '300': 'oklch(0.7914023640534633 0.09323300571066136 43.829173730589645)',
+  '350': 'oklch(0.7391479903073703 0.11262631275878413 43.77102152917751)',
+  '400': 'oklch(0.6868936165612773 0.13201961980690688 43.71286932776538)',
+  '450': 'oklch(0.6610028202949751 0.14144095719007027 43.78396833320002)',
+  '500': 'oklch(0.635112024028673 0.15086229457323366 43.85506733863466)',
+  '550': 'oklch(0.6092212277623706 0.16028363195639705 43.9261663440693)',
+  '600': 'oklch(0.5833304314960684 0.16970496933956045 43.99726534950394)',
+  '650': 'oklch(0.507009085738871 0.149901753081645 42.56483564766481)',
+  '700': 'oklch(0.43068773998167365 0.13009853682372957 41.13240594582567)',
+  '750': 'oklch(0.3543663942244763 0.11029532056581412 39.69997624398653)',
+  '800': 'oklch(0.2780450484672789 0.09049210430789867 38.26754654214739)',
+  '850': 'oklch(0.2293871649855051 0.07691828866171387 38.26754654214739)',
+  '900': 'oklch(0.1807292815037313 0.06334447301552906 38.26754654214739)',
+  '950': 'oklch(0.13207139802195747 0.04977065736934427 38.26754654214739)',
+}
+export const danger = {
+  '50': 'oklch(0.9688081012787089 0.02046893571008903 18.42817489942577)',
+  '100': 'oklch(0.9376162025574177 0.034639737355535286 18.42817489942577)',
+  '150': 'oklch(0.9064243038361265 0.048810539000981534 18.42817489942577)',
+  '200': 'oklch(0.8752324051148354 0.06298134064642778 18.42817489942577)',
+  '250': 'oklch(0.8133068732197568 0.08452871651344564 18.398482771634782)',
+  '300': 'oklch(0.7513813413246784 0.1060760923804635 18.368790643843795)',
+  '350': 'oklch(0.6894558094295998 0.12762346824748136 18.339098516052807)',
+  '400': 'oklch(0.6275302775345213 0.1491708441144992 18.30940638826182)',
+  '450': 'oklch(0.5961466901234453 0.1600594003984286 18.251840020312933)',
+  '500': 'oklch(0.5647631027123693 0.17094795668235796 18.194273652364046)',
+  '550': 'oklch(0.5333795153012932 0.1818365129662873 18.13670728441516)',
+  '600': 'oklch(0.5019959278902173 0.19272506925021668 18.079140916466272)',
+  '650': 'oklch(0.43761291207168196 0.16911051005163913 18.72632727121819)',
+  '700': 'oklch(0.3732298962531466 0.1454959508530616 19.3735136259701)',
+  '750': 'oklch(0.30884688043461134 0.12188139165448407 20.020699980722014)',
+  '800': 'oklch(0.244463864616076 0.09826683245590653 20.66788633547393)',
+  '850': 'oklch(0.2016826883082627 0.08352680758752055 20.66788633547393)',
+  '900': 'oklch(0.15890151200044939 0.06878678271913458 20.66788633547393)',
+  '950': 'oklch(0.1161203356926361 0.0540467578507486 20.66788633547393)',
+}
+export const info = {
+  '50': 'oklch(0.9472470414070251 0.01319114316017373 261.49146551846417)',
+  '100': 'oklch(0.8944940828140502 0.02232347304029401 261.49146551846417)',
+  '150': 'oklch(0.8417411242210754 0.03145580292041429 261.49146551846417)',
+  '200': 'oklch(0.7889881656281005 0.04058813280053457 261.49146551846417)',
+  '250': 'oklch(0.7327975333484203 0.05432284288357939 261.7505460408388)',
+  '300': 'oklch(0.6766069010687401 0.06805755296662422 262.0096265632134)',
+  '350': 'oklch(0.62041626878906 0.08179226304966905 262.268707085588)',
+  '400': 'oklch(0.5642256365093798 0.09552697313271387 262.52778760796264)',
+  '450': 'oklch(0.5358247299257868 0.10246599429811404 262.4837143651888)',
+  '500': 'oklch(0.5074238233421937 0.10940501546351422 262.4396411224149)',
+  '550': 'oklch(0.47902291675860065 0.1163440366289144 262.395567879641)',
+  '600': 'oklch(0.4506220101750076 0.12328305779431457 262.3514946368672)',
+  '650': 'oklch(0.3914472612047992 0.10948475002303204 262.3659717757216)',
+  '700': 'oklch(0.33227251223459087 0.09568644225174952 262.3804489145761)',
+  '750': 'oklch(0.2730977632643825 0.08188813448046699 262.3949260534306)',
+  '800': 'oklch(0.21392301429417415 0.06808982670918445 262.409403192285)',
+  '850': 'oklch(0.1764864867926937 0.057876352702806784 262.409403192285)',
+  '900': 'oklch(0.13904995929121322 0.047662878696429115 262.409403192285)',
+  '950': 'oklch(0.10161343178973273 0.03744940469005145 262.409403192285)',
+}

package/src/ts/colors/semantic/rgb.ts

@@ -0,0 +1,84 @@
+export const success = {
+  '50': 'rgb(239, 249, 237)',
+  '100': 'rgb(224, 243, 222)',
+  '150': 'rgb(210, 236, 207)',
+  '200': 'rgb(196, 229, 192)',
+  '250': 'rgb(170, 214, 165)',
+  '300': 'rgb(143, 199, 138)',
+  '350': 'rgb(116, 183, 111)',
+  '400': 'rgb(88, 168, 84)',
+  '450': 'rgb(73, 161, 70)',
+  '500': 'rgb(57, 153, 54)',
+  '550': 'rgb(37, 146, 36)',
+  '600': 'rgb(0, 138, 7)',
+  '650': 'rgb(0, 114, 4)',
+  '700': 'rgb(0, 90, 2)',
+  '750': 'rgb(0, 68, 1)',
+  '800': 'rgb(0, 47, 0)',
+  '850': 'rgb(0, 34, 0)',
+  '900': 'rgb(0, 22, 0)',
+  '950': 'rgb(0, 11, 0)',
+}
+export const warning = {
+  '50': 'rgb(255, 243, 237)',
+  '100': 'rgb(255, 232, 222)',
+  '150': 'rgb(255, 221, 207)',
+  '200': 'rgb(253, 210, 192)',
+  '250': 'rgb(246, 189, 165)',
+  '300': 'rgb(238, 168, 138)',
+  '350': 'rgb(230, 147, 111)',
+  '400': 'rgb(221, 125, 83)',
+  '450': 'rgb(216, 114, 68)',
+  '500': 'rgb(211, 103, 52)',
+  '550': 'rgb(206, 92, 33)',
+  '600': 'rgb(201, 80, 0)',
+  '650': 'rgb(168, 63, 3)',
+  '700': 'rgb(136, 47, 3)',
+  '750': 'rgb(105, 32, 1)',
+  '800': 'rgb(75, 18, 0)',
+  '850': 'rgb(57, 10, 0)',
+  '900': 'rgb(39, 4, 0)',
+  '950': 'rgb(23, 1, 0)',
+}
+export const danger = {
+  '50': 'rgb(255, 240, 239)',
+  '100': 'rgb(255, 226, 225)',
+  '150': 'rgb(255, 212, 212)',
+  '200': 'rgb(253, 198, 198)',
+  '250': 'rgb(244, 172, 173)',
+  '300': 'rgb(234, 146, 148)',
+  '350': 'rgb(223, 120, 124)',
+  '400': 'rgb(211, 93, 101)',
+  '450': 'rgb(205, 78, 89)',
+  '500': 'rgb(198, 63, 78)',
+  '550': 'rgb(191, 44, 66)',
+  '600': 'rgb(184, 18, 55)',
+  '650': 'rgb(153, 11, 42)',
+  '700': 'rgb(124, 6, 31)',
+  '750': 'rgb(95, 2, 20)',
+  '800': 'rgb(68, 0, 10)',
+  '850': 'rgb(51, 0, 5)',
+  '900': 'rgb(35, 0, 2)',
+  '950': 'rgb(20, 0, 1)',
+}
+export const info = {
+  '50': 'rgb(233, 238, 247)',
+  '100': 'rgb(212, 221, 235)',
+  '150': 'rgb(192, 204, 224)',
+  '200': 'rgb(172, 187, 213)',
+  '250': 'rgb(150, 169, 204)',
+  '300': 'rgb(128, 152, 194)',
+  '350': 'rgb(107, 134, 184)',
+  '400': 'rgb(87, 117, 174)',
+  '450': 'rgb(77, 108, 169)',
+  '500': 'rgb(66, 100, 164)',
+  '550': 'rgb(56, 91, 158)',
+  '600': 'rgb(46, 82, 153)',
+  '650': 'rgb(35, 66, 127)',
+  '700': 'rgb(25, 51, 102)',
+  '750': 'rgb(16, 37, 79)',
+  '800': 'rgb(7, 23, 56)',
+  '850': 'rgb(4, 15, 42)',
+  '900': 'rgb(2, 7, 28)',
+  '950': 'rgb(0, 3, 15)',
+}

package/src/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',
 }

package/src/ts/colors/themes/masterbrand/hsl.ts

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