@nswds/tokens 2.7.0 → 2.9.0

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

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

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

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

package/dist/figma/color/semantic/hex.json

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