@nswds/tokens 2.3.0 → 2.4.0

package/dist/js/colors/global/rgb.js

@@ -0,0 +1,210 @@
+export const nswGrey = {
+  50: 'rgb(250, 250, 250)',
+  100: 'rgb(245, 245, 245)',
+  150: 'rgb(240, 240, 240)',
+  200: 'rgb(235, 235, 235)',
+  250: 'rgb(229, 228, 229)',
+  300: 'rgb(222, 222, 225)',
+  350: 'rgb(214, 216, 220)',
+  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)',
+}
+export const nswGreen = {
+  50: 'rgb(245, 255, 246)',
+  100: 'rgb(236, 253, 238)',
+  150: 'rgb(228, 252, 231)',
+  200: 'rgb(219, 250, 223)',
+  250: 'rgb(207, 247, 212)',
+  300: 'rgb(194, 244, 201)',
+  350: 'rgb(181, 240, 190)',
+  400: 'rgb(168, 237, 179)',
+  450: 'rgb(138, 220, 152)',
+  500: 'rgb(106, 204, 125)',
+  550: 'rgb(69, 187, 98)',
+  600: 'rgb(0, 170, 69)',
+  650: 'rgb(7, 142, 50)',
+  700: 'rgb(7, 115, 32)',
+  750: 'rgb(3, 89, 15)',
+  800: 'rgb(0, 64, 0)',
+  850: 'rgb(0, 48, 0)',
+  900: 'rgb(0, 32, 0)',
+  950: 'rgb(0, 17, 0)',
+}
+export const nswTeal = {
+  50: 'rgb(242, 251, 250)',
+  100: 'rgb(231, 247, 245)',
+  150: 'rgb(220, 242, 239)',
+  200: 'rgb(209, 238, 234)',
+  250: 'rgb(193, 234, 231)',
+  300: 'rgb(176, 229, 229)',
+  350: 'rgb(158, 224, 229)',
+  400: 'rgb(140, 219, 229)',
+  450: 'rgb(117, 196, 207)',
+  500: 'rgb(94, 172, 185)',
+  550: 'rgb(70, 150, 163)',
+  600: 'rgb(46, 128, 142)',
+  650: 'rgb(37, 111, 123)',
+  700: 'rgb(28, 95, 105)',
+  750: 'rgb(20, 78, 88)',
+  800: 'rgb(11, 63, 71)',
+  850: 'rgb(4, 47, 53)',
+  900: 'rgb(1, 31, 36)',
+  950: 'rgb(0, 17, 20)',
+}
+export const nswBlue = {
+  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 nswPurple = {
+  50: 'rgb(249, 247, 255)',
+  100: 'rgb(242, 240, 255)',
+  150: 'rgb(236, 232, 254)',
+  200: 'rgb(230, 225, 253)',
+  250: 'rgb(224, 217, 254)',
+  300: 'rgb(218, 208, 254)',
+  350: 'rgb(212, 200, 255)',
+  400: 'rgb(206, 191, 255)',
+  450: 'rgb(186, 166, 252)',
+  500: 'rgb(166, 141, 249)',
+  550: 'rgb(147, 114, 245)',
+  600: 'rgb(128, 85, 241)',
+  650: 'rgb(114, 67, 207)',
+  700: 'rgb(100, 50, 174)',
+  750: 'rgb(84, 33, 142)',
+  800: 'rgb(68, 17, 112)',
+  850: 'rgb(51, 8, 86)',
+  900: 'rgb(35, 2, 62)',
+  950: 'rgb(19, 0, 39)',
+}
+export const nswFuchsia = {
+  50: 'rgb(255, 246, 253)',
+  100: 'rgb(255, 238, 249)',
+  150: 'rgb(254, 230, 245)',
+  200: 'rgb(253, 222, 242)',
+  250: 'rgb(251, 212, 239)',
+  300: 'rgb(249, 201, 235)',
+  350: 'rgb(247, 191, 233)',
+  400: 'rgb(244, 181, 230)',
+  450: 'rgb(239, 150, 218)',
+  500: 'rgb(233, 117, 204)',
+  550: 'rgb(225, 80, 190)',
+  600: 'rgb(217, 18, 174)',
+  650: 'rgb(187, 12, 148)',
+  700: 'rgb(157, 6, 123)',
+  750: 'rgb(129, 2, 100)',
+  800: 'rgb(101, 0, 77)',
+  850: 'rgb(77, 0, 58)',
+  900: 'rgb(55, 0, 40)',
+  950: 'rgb(34, 0, 23)',
+}
+export const nswRed = {
+  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 nswOrange = {
+  50: 'rgb(255, 250, 246)',
+  100: 'rgb(255, 246, 238)',
+  150: 'rgb(254, 241, 231)',
+  200: 'rgb(253, 237, 223)',
+  250: 'rgb(254, 229, 206)',
+  300: 'rgb(255, 221, 189)',
+  350: 'rgb(255, 214, 171)',
+  400: 'rgb(255, 206, 153)',
+  450: 'rgb(253, 182, 120)',
+  500: 'rgb(251, 157, 88)',
+  550: 'rgb(247, 129, 57)',
+  600: 'rgb(243, 99, 27)',
+  650: 'rgb(219, 81, 21)',
+  700: 'rgb(195, 63, 14)',
+  750: 'rgb(171, 46, 6)',
+  800: 'rgb(148, 27, 0)',
+  850: 'rgb(115, 15, 0)',
+  900: 'rgb(83, 4, 0)',
+  950: 'rgb(53, 0, 0)',
+}
+export const nswYellow = {
+  50: 'rgb(255, 252, 240)',
+  100: 'rgb(255, 250, 229)',
+  150: 'rgb(255, 247, 218)',
+  200: 'rgb(255, 244, 207)',
+  250: 'rgb(255, 241, 194)',
+  300: 'rgb(254, 238, 181)',
+  350: 'rgb(254, 234, 168)',
+  400: 'rgb(253, 231, 154)',
+  450: 'rgb(251, 218, 128)',
+  500: 'rgb(250, 205, 99)',
+  550: 'rgb(250, 190, 66)',
+  600: 'rgb(250, 175, 5)',
+  650: 'rgb(212, 148, 2)',
+  700: 'rgb(175, 122, 1)',
+  750: 'rgb(139, 96, 0)',
+  800: 'rgb(105, 72, 0)',
+  850: 'rgb(80, 53, 0)',
+  900: 'rgb(57, 36, 0)',
+  950: 'rgb(34, 19, 0)',
+}
+export const nswBrown = {
+  50: 'rgb(251, 248, 244)',
+  100: 'rgb(246, 241, 234)',
+  150: 'rgb(242, 234, 225)',
+  200: 'rgb(237, 227, 215)',
+  250: 'rgb(236, 222, 206)',
+  300: 'rgb(234, 218, 198)',
+  350: 'rgb(233, 213, 189)',
+  400: 'rgb(232, 208, 181)',
+  450: 'rgb(219, 191, 159)',
+  500: 'rgb(207, 174, 137)',
+  550: 'rgb(194, 157, 115)',
+  600: 'rgb(182, 141, 93)',
+  650: 'rgb(156, 118, 75)',
+  700: 'rgb(130, 96, 58)',
+  750: 'rgb(106, 75, 41)',
+  800: 'rgb(82, 55, 25)',
+  850: 'rgb(62, 40, 15)',
+  900: 'rgb(43, 26, 7)',
+  950: 'rgb(25, 13, 2)',
+}

package/dist/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/dist/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/dist/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/dist/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/dist/json/colors/global/hex.json

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

package/dist/json/colors/global/hsl.json

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

package/dist/json/colors/global/oklch.json

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

package/dist/json/colors/global/rgb.json

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

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

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

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

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

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

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

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

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