@nswds/tokens 2.7.0 → 2.9.0

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

@@ -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/src/ts/colors/themes/masterbrand/rgb.ts

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

package/dist/figma/themes/masterbrand/color/hex.json

@@ -1,226 +0,0 @@
-{
-  "primary-lightest": {
-    "value": "#0c5ad4",
-    "type": "color"
-  },
-  "primary-lighter": {
-    "value": "#0548ad",
-    "type": "color"
-  },
-  "primary-light": {
-    "value": "#023688",
-    "type": "color"
-  },
-  "primary": {
-    "value": "#002664",
-    "type": "color"
-  },
-  "primary-dark": {
-    "value": "#001a4d",
-    "type": "color"
-  },
-  "primary-darker": {
-    "value": "#001037",
-    "type": "color"
-  },
-  "primary-darkest": {
-    "value": "#000622",
-    "type": "color"
-  },
-  "secondary-lightest": {
-    "value": "#f0fbff",
-    "type": "color"
-  },
-  "secondary-lighter": {
-    "value": "#e4f6ff",
-    "type": "color"
-  },
-  "secondary-light": {
-    "value": "#d7f2fe",
-    "type": "color"
-  },
-  "secondary": {
-    "value": "#cbedfd",
-    "type": "color"
-  },
-  "secondary-dark": {
-    "value": "#bceafe",
-    "type": "color"
-  },
-  "secondary-darker": {
-    "value": "#ade7ff",
-    "type": "color"
-  },
-  "secondary-darkest": {
-    "value": "#9de3ff",
-    "type": "color"
-  },
-  "tertiary-lightest": {
-    "value": "#5ac9ff",
-    "type": "color"
-  },
-  "tertiary-lighter": {
-    "value": "#26aeff",
-    "type": "color"
-  },
-  "tertiary-light": {
-    "value": "#008fff",
-    "type": "color"
-  },
-  "tertiary": {
-    "value": "#146cfd",
-    "type": "color"
-  },
-  "tertiary-dark": {
-    "value": "#0c5ad4",
-    "type": "color"
-  },
-  "tertiary-darker": {
-    "value": "#0548ad",
-    "type": "color"
-  },
-  "tertiary-darkest": {
-    "value": "#023688",
-    "type": "color"
-  },
-  "accent-lightest": {
-    "value": "#f897a2",
-    "type": "color"
-  },
-  "accent-lighter": {
-    "value": "#ef7581",
-    "type": "color"
-  },
-  "accent-light": {
-    "value": "#e44f5f",
-    "type": "color"
-  },
-  "accent": {
-    "value": "#d7153a",
-    "type": "color"
-  },
-  "accent-dark": {
-    "value": "#b90e32",
-    "type": "color"
-  },
-  "accent-darker": {
-    "value": "#9b072a",
-    "type": "color"
-  },
-  "accent-darkest": {
-    "value": "#7e0322",
-    "type": "color"
-  },
-  "success-lightest": {
-    "value": "#c4e5c0",
-    "type": "color"
-  },
-  "success-lighter": {
-    "value": "#8fc78b",
-    "type": "color"
-  },
-  "success-light": {
-    "value": "#58a854",
-    "type": "color"
-  },
-  "success": {
-    "value": "#008a07",
-    "type": "color"
-  },
-  "success-dark": {
-    "value": "#006a00",
-    "type": "color"
-  },
-  "success-darker": {
-    "value": "#004c00",
-    "type": "color"
-  },
-  "success-darkest": {
-    "value": "#002f00",
-    "type": "color"
-  },
-  "warning-lightest": {
-    "value": "#fdd2c0",
-    "type": "color"
-  },
-  "warning-lighter": {
-    "value": "#eea88a",
-    "type": "color"
-  },
-  "warning-light": {
-    "value": "#dd7d53",
-    "type": "color"
-  },
-  "warning": {
-    "value": "#c95000",
-    "type": "color"
-  },
-  "warning-dark": {
-    "value": "#9d3a00",
-    "type": "color"
-  },
-  "warning-darker": {
-    "value": "#722600",
-    "type": "color"
-  },
-  "warning-darkest": {
-    "value": "#4b1200",
-    "type": "color"
-  },
-  "error-lightest": {
-    "value": "#fdc6c6",
-    "type": "color"
-  },
-  "error-lighter": {
-    "value": "#ea9295",
-    "type": "color"
-  },
-  "error-light": {
-    "value": "#d35d65",
-    "type": "color"
-  },
-  "error": {
-    "value": "#b81237",
-    "type": "color"
-  },
-  "error-dark": {
-    "value": "#8f0327",
-    "type": "color"
-  },
-  "error-darker": {
-    "value": "#690018",
-    "type": "color"
-  },
-  "error-darkest": {
-    "value": "#44000a",
-    "type": "color"
-  },
-  "info-lightest": {
-    "value": "#acbbd5",
-    "type": "color"
-  },
-  "info-lighter": {
-    "value": "#8198c2",
-    "type": "color"
-  },
-  "info-light": {
-    "value": "#5775ae",
-    "type": "color"
-  },
-  "info": {
-    "value": "#2e5299",
-    "type": "color"
-  },
-  "info-dark": {
-    "value": "#203d77",
-    "type": "color"
-  },
-  "info-darker": {
-    "value": "#132956",
-    "type": "color"
-  },
-  "info-darkest": {
-    "value": "#071738",
-    "type": "color"
-  }
-}