@nswds/tokens 2.2.1 → 2.4.0

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

@@ -0,0 +1,72 @@
+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',
+}
+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',
+}

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

@@ -0,0 +1,72 @@
+export const primary = {
+  lightest: 'hsl(216.77, 89.39%, 43.99%)',
+  lighter: 'hsl(216.29, 94.12%, 35.01%)',
+  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.29, 95.95%, 92.09%)',
+  DEFAULT: 'hsl(199.2, 92.7%, 89.41%)',
+  dark: 'hsl(198.5, 96.92%, 86.75%)',
+  darker: 'hsl(197.77, 99.01%, 83.9%)',
+  darkest: 'hsl(197, 99.86%, 80.82%)',
+}
+export const tertiary = {
+  lightest: 'hsl(199.75, 99.81%, 67.58%)',
+  lighter: 'hsl(202.53, 100%, 57.56%)',
+  light: 'hsl(204.78, 100%, 47%)',
+  DEFAULT: 'hsl(217.35, 98.29%, 53.54%)',
+  dark: 'hsl(216.77, 89.39%, 43.99%)',
+  darker: 'hsl(216.29, 94.12%, 35.01%)',
+  darkest: 'hsl(216.37, 97.67%, 26.93%)',
+}
+export const accent = {
+  lightest: 'hsl(353.39, 86.95%, 78.18%)',
+  lighter: 'hsl(353.95, 78.84%, 69.69%)',
+  light: 'hsl(353.52, 73.18%, 60.13%)',
+  DEFAULT: 'hsl(348.56, 82.17%, 46.29%)',
+  dark: 'hsl(347.26, 85.88%, 38.93%)',
+  darker: 'hsl(345.89, 90.98%, 31.82%)',
+  darkest: 'hsl(345, 95.86%, 25.31%)',
+}
+export const success = {
+  lightest: 'hsl(114.97, 40.73%, 82.58%)',
+  lighter: 'hsl(115.71, 34.69%, 66.15%)',
+  light: 'hsl(117.04, 33.36%, 49.53%)',
+  DEFAULT: 'hsl(123.03, 99.86%, 27.07%)',
+  dark: 'hsl(122.95, 100%, 19.11%)',
+  darker: 'hsl(122.88, 100%, 12.75%)',
+  darkest: 'hsl(122.85, 100%, 7.59%)',
+}
+export const warning = {
+  lightest: 'hsl(17.74, 94.96%, 87.24%)',
+  lighter: 'hsl(17.94, 75.08%, 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.77%, 88.44%)',
+  lighter: 'hsl(358.32, 67.17%, 74.5%)',
+  light: 'hsl(355.68, 57.13%, 59.46%)',
+  DEFAULT: 'hsl(346.64, 82.14%, 39.61%)',
+  dark: 'hsl(344.75, 95.28%, 28.78%)',
+  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.78%, 39.02%)',
+  dark: 'hsl(219.86, 57.49%, 29.6%)',
+  darker: 'hsl(219.94, 64.03%, 20.65%)',
+  darkest: 'hsl(220.32, 77.63%, 12.34%)',
+}

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

@@ -0,0 +1,72 @@
+export const primary = {
+  lightest: 'oklch(0.503825 0.201675 260.53)',
+  lighter: 'oklch(0.43255 0.17355 260.29999999999995)',
+  light: 'oklch(0.36127499999999996 0.145425 260.07)',
+  DEFAULT: 'oklch(0.29 0.1173 259.84)',
+  dark: 'oklch(0.23925 0.099705 259.84)',
+  darker: 'oklch(0.1885 0.08211 259.84)',
+  darkest: 'oklch(0.13774999999999998 0.064515 259.84)',
+}
+export const secondary = {
+  lightest: 'oklch(0.981675 0.013552500000000002 227.89)',
+  lighter: 'oklch(0.9633499999999999 0.022935 227.89)',
+  light: 'oklch(0.945025 0.0323175 227.89)',
+  DEFAULT: 'oklch(0.9267 0.0417 227.89)',
+  dark: 'oklch(0.9110499999999999 0.0543 226.8175)',
+  darker: 'oklch(0.8954 0.0669 225.745)',
+  darkest: 'oklch(0.87975 0.0795 224.67249999999999)',
+}
+export const tertiary = {
+  lightest: 'oklch(0.7918499999999999 0.126525 232.89)',
+  lighter: 'oklch(0.7196 0.16095 242.18)',
+  light: 'oklch(0.64735 0.19537500000000002 251.47)',
+  DEFAULT: 'oklch(0.5751 0.2298 260.76)',
+  dark: 'oklch(0.503825 0.201675 260.53)',
+  darker: 'oklch(0.43255 0.17355 260.29999999999995)',
+  darkest: 'oklch(0.36127499999999996 0.145425 260.07)',
+}
+export const accent = {
+  lightest: 'oklch(0.778675 0.11662499999999999 13.01)',
+  lighter: 'oklch(0.70645 0.15025 15.45)',
+  light: 'oklch(0.634225 0.183875 17.89)',
+  DEFAULT: 'oklch(0.562 0.2175 20.33)',
+  dark: 'oklch(0.50075 0.19485 19.529999999999998)',
+  darker: 'oklch(0.4395 0.17220000000000002 18.729999999999997)',
+  darkest: 'oklch(0.37825000000000003 0.14955000000000002 17.93)',
+}
+export const success = {
+  lightest: 'oklch(0.88725 0.06009250000000001 142.8)',
+  lighter: 'oklch(0.7745 0.10169500000000001 142.8)',
+  light: 'oklch(0.6617500000000001 0.14329750000000002 142.8)',
+  DEFAULT: 'oklch(0.549 0.1849 142.8)',
+  dark: 'oklch(0.452925 0.157165 142.8)',
+  darker: 'oklch(0.35685 0.12943000000000002 142.8)',
+  darkest: 'oklch(0.26077500000000003 0.10169500000000001 142.8)',
+}
+export const warning = {
+  lightest: 'oklch(0.895825 0.055154125 43.9973)',
+  lighter: 'oklch(0.79165 0.09333775 43.9973)',
+  light: 'oklch(0.6874750000000001 0.131521375 43.9973)',
+  DEFAULT: 'oklch(0.5833 0.169705 43.9973)',
+  dark: 'oklch(0.4812225 0.14424925 43.9973)',
+  darker: 'oklch(0.37914500000000007 0.1187935 43.9973)',
+  darkest: 'oklch(0.2770675 0.09333775 43.9973)',
+}
+export const error = {
+  lightest: 'oklch(0.8755 0.0626275 18.08)',
+  lighter: 'oklch(0.751 0.10598500000000001 18.08)',
+  light: 'oklch(0.6265000000000001 0.14934250000000002 18.08)',
+  DEFAULT: 'oklch(0.502 0.1927 18.08)',
+  dark: 'oklch(0.41415 0.16379500000000002 18.08)',
+  darker: 'oklch(0.32630000000000003 0.13489 18.08)',
+  darkest: 'oklch(0.23845 0.10598500000000001 18.08)',
+}
+export const info = {
+  lightest: 'oklch(0.78855 0.0400725 262.35)',
+  lighter: 'oklch(0.6759 0.067815 262.35)',
+  light: 'oklch(0.56325 0.0955575 262.35)',
+  DEFAULT: 'oklch(0.4506 0.1233 262.35)',
+  dark: 'oklch(0.371745 0.10480500000000001 262.35)',
+  darker: 'oklch(0.29289 0.08631 262.35)',
+  darkest: 'oklch(0.214035 0.067815 262.35)',
+}

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

@@ -0,0 +1,72 @@
+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)',
+}
+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)',
+}

package/src/json/colors/global/hex.json

@@ -0,0 +1 @@
+{}

package/src/json/colors/global/hsl.json

@@ -0,0 +1 @@
+{}

package/src/json/colors/global/oklch.json

@@ -0,0 +1 @@
+{}

package/src/json/colors/global/rgb.json

@@ -0,0 +1 @@
+{}

package/src/json/colors/themes/masterbrand/hex.json

@@ -0,0 +1 @@
+{}

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

@@ -0,0 +1 @@
+{}

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

@@ -0,0 +1 @@
+{}

package/src/json/colors/themes/masterbrand/rgb.json

@@ -0,0 +1 @@
+{}

package/src/scss/colors/global/hex.scss

@@ -0,0 +1,190 @@
+$nsw-grey-50: #fafafa;
+$nsw-grey-100: #f5f5f5;
+$nsw-grey-150: #f0f0f0;
+$nsw-grey-200: #ebebeb;
+$nsw-grey-250: #e5e4e5;
+$nsw-grey-300: #dedee1;
+$nsw-grey-350: #d6d8dc;
+$nsw-grey-400: #cdd3d6;
+$nsw-grey-450: #aab0b4;
+$nsw-grey-500: #888f92;
+$nsw-grey-550: #686f72;
+$nsw-grey-600: #495054;
+$nsw-grey-650: #3f4549;
+$nsw-grey-700: #353b3f;
+$nsw-grey-750: #2b3135;
+$nsw-grey-800: #22272b;
+$nsw-grey-850: #181c1f;
+$nsw-grey-900: #0e1113;
+$nsw-grey-950: #050709;
+$nsw-green-50: #f5fff6;
+$nsw-green-100: #ecfdee;
+$nsw-green-150: #e4fce7;
+$nsw-green-200: #dbfadf;
+$nsw-green-250: #cff7d4;
+$nsw-green-300: #c2f4c9;
+$nsw-green-350: #b5f0be;
+$nsw-green-400: #a8edb3;
+$nsw-green-450: #8adc98;
+$nsw-green-500: #6acc7d;
+$nsw-green-550: #45bb62;
+$nsw-green-600: #00aa45;
+$nsw-green-650: #078e32;
+$nsw-green-700: #077320;
+$nsw-green-750: #03590f;
+$nsw-green-800: #004000;
+$nsw-green-850: #003000;
+$nsw-green-900: #002000;
+$nsw-green-950: #001100;
+$nsw-teal-50: #f2fbfa;
+$nsw-teal-100: #e7f7f5;
+$nsw-teal-150: #dcf2ef;
+$nsw-teal-200: #d1eeea;
+$nsw-teal-250: #c1eae7;
+$nsw-teal-300: #b0e5e5;
+$nsw-teal-350: #9ee0e5;
+$nsw-teal-400: #8cdbe5;
+$nsw-teal-450: #75c4cf;
+$nsw-teal-500: #5eacb9;
+$nsw-teal-550: #4696a3;
+$nsw-teal-600: #2e808e;
+$nsw-teal-650: #256f7b;
+$nsw-teal-700: #1c5f69;
+$nsw-teal-750: #144e58;
+$nsw-teal-800: #0b3f47;
+$nsw-teal-850: #042f35;
+$nsw-teal-900: #011f24;
+$nsw-teal-950: #001114;
+$nsw-blue-50: #f0fbff;
+$nsw-blue-100: #e4f6ff;
+$nsw-blue-150: #d7f2fe;
+$nsw-blue-200: #cbedfd;
+$nsw-blue-250: #bceafe;
+$nsw-blue-300: #ade7ff;
+$nsw-blue-350: #9de3ff;
+$nsw-blue-400: #8ce0ff;
+$nsw-blue-450: #5ac9ff;
+$nsw-blue-500: #26aeff;
+$nsw-blue-550: #008fff;
+$nsw-blue-600: #146cfd;
+$nsw-blue-650: #0c5ad4;
+$nsw-blue-700: #0548ad;
+$nsw-blue-750: #023688;
+$nsw-blue-800: #002664;
+$nsw-blue-850: #001a4d;
+$nsw-blue-900: #001037;
+$nsw-blue-950: #000622;
+$nsw-purple-50: #f9f7ff;
+$nsw-purple-100: #f2f0ff;
+$nsw-purple-150: #ece8fe;
+$nsw-purple-200: #e6e1fd;
+$nsw-purple-250: #e0d9fe;
+$nsw-purple-300: #dad0fe;
+$nsw-purple-350: #d4c8ff;
+$nsw-purple-400: #cebfff;
+$nsw-purple-450: #baa6fc;
+$nsw-purple-500: #a68df9;
+$nsw-purple-550: #9372f5;
+$nsw-purple-600: #8055f1;
+$nsw-purple-650: #7243cf;
+$nsw-purple-700: #6432ae;
+$nsw-purple-750: #54218e;
+$nsw-purple-800: #441170;
+$nsw-purple-850: #330856;
+$nsw-purple-900: #23023e;
+$nsw-purple-950: #130027;
+$nsw-fuchsia-50: #fff6fd;
+$nsw-fuchsia-100: #ffeef9;
+$nsw-fuchsia-150: #fee6f5;
+$nsw-fuchsia-200: #fddef2;
+$nsw-fuchsia-250: #fbd4ef;
+$nsw-fuchsia-300: #f9c9eb;
+$nsw-fuchsia-350: #f7bfe9;
+$nsw-fuchsia-400: #f4b5e6;
+$nsw-fuchsia-450: #ef96da;
+$nsw-fuchsia-500: #e975cc;
+$nsw-fuchsia-550: #e150be;
+$nsw-fuchsia-600: #d912ae;
+$nsw-fuchsia-650: #bb0c94;
+$nsw-fuchsia-700: #9d067b;
+$nsw-fuchsia-750: #810264;
+$nsw-fuchsia-800: #65004d;
+$nsw-fuchsia-850: #4d003a;
+$nsw-fuchsia-900: #370028;
+$nsw-fuchsia-950: #220017;
+$nsw-red-50: #fff8f9;
+$nsw-red-100: #fff2f4;
+$nsw-red-150: #ffecef;
+$nsw-red-200: #ffe6ea;
+$nsw-red-250: #ffdbe0;
+$nsw-red-300: #ffcfd6;
+$nsw-red-350: #ffc4cc;
+$nsw-red-400: #ffb8c1;
+$nsw-red-450: #f897a2;
+$nsw-red-500: #ef7581;
+$nsw-red-550: #e44f5f;
+$nsw-red-600: #d7153a;
+$nsw-red-650: #b90e32;
+$nsw-red-700: #9b072a;
+$nsw-red-750: #7e0322;
+$nsw-red-800: #630019;
+$nsw-red-850: #4c0010;
+$nsw-red-900: #360008;
+$nsw-red-950: #210003;
+$nsw-orange-50: #fffaf6;
+$nsw-orange-100: #fff6ee;
+$nsw-orange-150: #fef1e7;
+$nsw-orange-200: #fdeddf;
+$nsw-orange-250: #fee5ce;
+$nsw-orange-300: #ffddbd;
+$nsw-orange-350: #ffd6ab;
+$nsw-orange-400: #ffce99;
+$nsw-orange-450: #fdb678;
+$nsw-orange-500: #fb9d58;
+$nsw-orange-550: #f78139;
+$nsw-orange-600: #f3631b;
+$nsw-orange-650: #db5115;
+$nsw-orange-700: #c33f0e;
+$nsw-orange-750: #ab2e06;
+$nsw-orange-800: #941b00;
+$nsw-orange-850: #730f00;
+$nsw-orange-900: #530400;
+$nsw-orange-950: #350000;
+$nsw-yellow-50: #fffcf0;
+$nsw-yellow-100: #fffae5;
+$nsw-yellow-150: #fff7da;
+$nsw-yellow-200: #fff4cf;
+$nsw-yellow-250: #fff1c2;
+$nsw-yellow-300: #feeeb5;
+$nsw-yellow-350: #feeaa8;
+$nsw-yellow-400: #fde79a;
+$nsw-yellow-450: #fbda80;
+$nsw-yellow-500: #facd63;
+$nsw-yellow-550: #fabe42;
+$nsw-yellow-600: #faaf05;
+$nsw-yellow-650: #d49402;
+$nsw-yellow-700: #af7a01;
+$nsw-yellow-750: #8b6000;
+$nsw-yellow-800: #694800;
+$nsw-yellow-850: #503500;
+$nsw-yellow-900: #392400;
+$nsw-yellow-950: #221300;
+$nsw-brown-50: #fbf8f4;
+$nsw-brown-100: #f6f1ea;
+$nsw-brown-150: #f2eae1;
+$nsw-brown-200: #ede3d7;
+$nsw-brown-250: #ecdece;
+$nsw-brown-300: #eadac6;
+$nsw-brown-350: #e9d5bd;
+$nsw-brown-400: #e8d0b5;
+$nsw-brown-450: #dbbf9f;
+$nsw-brown-500: #cfae89;
+$nsw-brown-550: #c29d73;
+$nsw-brown-600: #b68d5d;
+$nsw-brown-650: #9c764b;
+$nsw-brown-700: #82603a;
+$nsw-brown-750: #6a4b29;
+$nsw-brown-800: #523719;
+$nsw-brown-850: #3e280f;
+$nsw-brown-900: #2b1a07;
+$nsw-brown-950: #190d02;