@nswds/tokens 3.7.0 → 3.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -1
- package/dist/css/motion/global.css +8 -0
- package/dist/css/z-index/global.css +10 -0
- package/dist/index.cjs +199 -57
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +147 -0
- package/dist/index.d.ts +147 -0
- package/dist/index.js +199 -57
- package/dist/index.js.map +1 -1
- package/dist/js/motion/global.d.ts +10 -0
- package/dist/js/motion/global.js +10 -0
- package/dist/js/z-index/global.d.ts +10 -0
- package/dist/js/z-index/global.js +10 -0
- package/dist/json/motion/global.json +12 -0
- package/dist/json/z-index/global.json +12 -0
- package/dist/less/motion/global.less +6 -0
- package/dist/less/z-index/global.less +8 -0
- package/dist/scss/motion/global.scss +6 -0
- package/dist/scss/z-index/global.scss +8 -0
- package/dist/tailwind/motion/global.css +8 -0
- package/dist/tailwind/preset.css +24 -0
- package/dist/tailwind/z-index/global.css +10 -0
- package/dist/tokens/global/motion/canonical.json +45 -0
- package/dist/tokens/global/z-index/canonical.json +44 -0
- package/dist/ts/motion/global.ts +10 -0
- package/dist/ts/z-index/global.ts +10 -0
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -62527,6 +62527,42 @@ var require_global6 = __commonJS({
|
|
|
62527
62527
|
}
|
|
62528
62528
|
});
|
|
62529
62529
|
|
|
62530
|
+
// src/json/motion/global.json
|
|
62531
|
+
var require_global7 = __commonJS({
|
|
62532
|
+
"src/json/motion/global.json"(exports$1, module) {
|
|
62533
|
+
module.exports = {
|
|
62534
|
+
duration: {
|
|
62535
|
+
"duration-fast": "150ms",
|
|
62536
|
+
"duration-base": "250ms",
|
|
62537
|
+
"duration-slow": "400ms"
|
|
62538
|
+
},
|
|
62539
|
+
easing: {
|
|
62540
|
+
"easing-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
62541
|
+
"easing-decelerate": "cubic-bezier(0, 0, 0.2, 1)",
|
|
62542
|
+
"easing-accelerate": "cubic-bezier(0.4, 0, 1, 1)"
|
|
62543
|
+
}
|
|
62544
|
+
};
|
|
62545
|
+
}
|
|
62546
|
+
});
|
|
62547
|
+
|
|
62548
|
+
// src/json/z-index/global.json
|
|
62549
|
+
var require_global8 = __commonJS({
|
|
62550
|
+
"src/json/z-index/global.json"(exports$1, module) {
|
|
62551
|
+
module.exports = {
|
|
62552
|
+
"z-index": {
|
|
62553
|
+
"z-index-base": 0,
|
|
62554
|
+
"z-index-dropdown": 1e3,
|
|
62555
|
+
"z-index-sticky": 1100,
|
|
62556
|
+
"z-index-overlay": 1200,
|
|
62557
|
+
"z-index-modal": 1300,
|
|
62558
|
+
"z-index-popover": 1400,
|
|
62559
|
+
"z-index-toast": 1500,
|
|
62560
|
+
"z-index-tooltip": 1600
|
|
62561
|
+
}
|
|
62562
|
+
};
|
|
62563
|
+
}
|
|
62564
|
+
});
|
|
62565
|
+
|
|
62530
62566
|
// src/css/colors/global/hex.css
|
|
62531
62567
|
var hex_default = ":root {\n --nsw-grey-50: #fafafa; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 50: subtle backgrounds and surfaces. */\n --nsw-grey-100: #f5f5f5; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 100: subtle backgrounds and surfaces. */\n --nsw-grey-150: #f0f0f0; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 150: subtle backgrounds and surfaces. */\n --nsw-grey-200: #ebebeb; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 200: Interactive components. */\n --nsw-grey-250: #e3e5e6; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 250: Interactive components. */\n --nsw-grey-300: #dcdfe0; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 300: Interactive components. */\n --nsw-grey-350: #d4d9db; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 350: Interactive components. */\n --nsw-grey-400: #cdd3d6; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 400: Interactive components. */\n --nsw-grey-450: #aab0b4; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 450: borders, separators and icons. */\n --nsw-grey-500: #888f92; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 500: borders, separators and icons. */\n --nsw-grey-550: #686f72; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 550: borders, separators and icons. */\n --nsw-grey-600: #495054; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 600: borders, separators and icons. */\n --nsw-grey-650: #3f4549; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 650: borders, separators and icons. */\n --nsw-grey-700: #353b3f; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 700: Solid colors. */\n --nsw-grey-750: #2b3135; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 750: Solid colors. */\n --nsw-grey-800: #22272b; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 800: Solid colors. */\n --nsw-grey-850: #181c1f; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 850: text and high emphasis. */\n --nsw-grey-900: #0e1113; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 900: text and high emphasis. */\n --nsw-grey-950: #050709; /** Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 950: text and high emphasis. */\n --nsw-green-50: #f5fff6; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 50: subtle backgrounds and surfaces. */\n --nsw-green-100: #ecfdee; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 100: subtle backgrounds and surfaces. */\n --nsw-green-150: #e4fce7; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 150: subtle backgrounds and surfaces. */\n --nsw-green-200: #dbfadf; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 200: Interactive components. */\n --nsw-green-250: #cff7d4; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 250: Interactive components. */\n --nsw-green-300: #c2f4c9; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 300: Interactive components. */\n --nsw-green-350: #b5f0be; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 350: Interactive components. */\n --nsw-green-400: #a8edb3; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 400: Interactive components. */\n --nsw-green-450: #8adc98; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 450: borders, separators and icons. */\n --nsw-green-500: #6acc7d; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 500: borders, separators and icons. */\n --nsw-green-550: #45bb62; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 550: borders, separators and icons. */\n --nsw-green-600: #00aa45; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 600: borders, separators and icons. */\n --nsw-green-650: #078e32; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 650: borders, separators and icons. */\n --nsw-green-700: #077320; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 700: Solid colors. */\n --nsw-green-750: #03590f; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 750: Solid colors. */\n --nsw-green-800: #004000; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 800: Solid colors. */\n --nsw-green-850: #003000; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 850: text and high emphasis. */\n --nsw-green-900: #002000; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 900: text and high emphasis. */\n --nsw-green-950: #001100; /** NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 950: text and high emphasis. */\n --nsw-teal-50: #f2fbfa; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces. */\n --nsw-teal-100: #e7f7f5; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces. */\n --nsw-teal-150: #dcf2ef; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces. */\n --nsw-teal-200: #d1eeea; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components. */\n --nsw-teal-250: #c1eae7; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components. */\n --nsw-teal-300: #afe5e5; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components. */\n --nsw-teal-350: #9ee0e5; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components. */\n --nsw-teal-400: #8cdbe5; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components. */\n --nsw-teal-450: #75c4cf; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons. */\n --nsw-teal-500: #5eacb9; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons. */\n --nsw-teal-550: #4696a3; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons. */\n --nsw-teal-600: #2e808e; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons. */\n --nsw-teal-650: #256f7b; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons. */\n --nsw-teal-700: #1c5f69; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors. */\n --nsw-teal-750: #144e58; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors. */\n --nsw-teal-800: #0b3f47; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors. */\n --nsw-teal-850: #042f35; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis. */\n --nsw-teal-900: #011f24; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis. */\n --nsw-teal-950: #001114; /** NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis. */\n --nsw-blue-50: #f0fbff; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 50: subtle backgrounds and surfaces. */\n --nsw-blue-100: #e4f6ff; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 100: subtle backgrounds and surfaces. */\n --nsw-blue-150: #d7f2fe; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 150: subtle backgrounds and surfaces. */\n --nsw-blue-200: #cbedfd; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 200: Interactive components. */\n --nsw-blue-250: #bceafe; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 250: Interactive components. */\n --nsw-blue-300: #ade7ff; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 300: Interactive components. */\n --nsw-blue-350: #9de3ff; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 350: Interactive components. */\n --nsw-blue-400: #8ce0ff; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 400: Interactive components. */\n --nsw-blue-450: #5ac9ff; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 450: borders, separators and icons. */\n --nsw-blue-500: #26aeff; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 500: borders, separators and icons. */\n --nsw-blue-550: #008fff; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 550: borders, separators and icons. */\n --nsw-blue-600: #146cfd; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 600: borders, separators and icons. */\n --nsw-blue-650: #0c5ad4; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 650: borders, separators and icons. */\n --nsw-blue-700: #0548ad; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 700: Solid colors. */\n --nsw-blue-750: #023688; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 750: Solid colors. */\n --nsw-blue-800: #002664; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 800: Solid colors. */\n --nsw-blue-850: #001a4d; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 850: text and high emphasis. */\n --nsw-blue-900: #001037; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 900: text and high emphasis. */\n --nsw-blue-950: #000622; /** NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 950: text and high emphasis. */\n --nsw-purple-50: #f9f7ff; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces. */\n --nsw-purple-100: #f2f0ff; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces. */\n --nsw-purple-150: #ece8fe; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces. */\n --nsw-purple-200: #e6e1fd; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components. */\n --nsw-purple-250: #e0d9fe; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components. */\n --nsw-purple-300: #dad0fe; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components. */\n --nsw-purple-350: #d4c8ff; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components. */\n --nsw-purple-400: #cebfff; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components. */\n --nsw-purple-450: #baa6fc; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons. */\n --nsw-purple-500: #a68df9; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons. */\n --nsw-purple-550: #9372f5; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons. */\n --nsw-purple-600: #8055f1; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons. */\n --nsw-purple-650: #7243cf; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons. */\n --nsw-purple-700: #6432ae; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors. */\n --nsw-purple-750: #54218e; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors. */\n --nsw-purple-800: #441170; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors. */\n --nsw-purple-850: #330856; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis. */\n --nsw-purple-900: #23023e; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis. */\n --nsw-purple-950: #130027; /** NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis. */\n --nsw-fuchsia-50: #fff6fd; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 50: subtle backgrounds and surfaces. */\n --nsw-fuchsia-100: #ffeef9; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 100: subtle backgrounds and surfaces. */\n --nsw-fuchsia-150: #fee6f6; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 150: subtle backgrounds and surfaces. */\n --nsw-fuchsia-200: #fddef2; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 200: Interactive components. */\n --nsw-fuchsia-250: #fbd4ef; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 250: Interactive components. */\n --nsw-fuchsia-300: #f9c9eb; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 300: Interactive components. */\n --nsw-fuchsia-350: #f7bfe9; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 350: Interactive components. */\n --nsw-fuchsia-400: #f4b5e6; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 400: Interactive components. */\n --nsw-fuchsia-450: #ef96da; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 450: borders, separators and icons. */\n --nsw-fuchsia-500: #e975cc; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 500: borders, separators and icons. */\n --nsw-fuchsia-550: #e150be; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 550: borders, separators and icons. */\n --nsw-fuchsia-600: #d912ae; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 600: borders, separators and icons. */\n --nsw-fuchsia-650: #bb0c94; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 650: borders, separators and icons. */\n --nsw-fuchsia-700: #9d067b; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 700: Solid colors. */\n --nsw-fuchsia-750: #810264; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 750: Solid colors. */\n --nsw-fuchsia-800: #65004d; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 800: Solid colors. */\n --nsw-fuchsia-850: #4d003a; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 850: text and high emphasis. */\n --nsw-fuchsia-900: #370028; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 900: text and high emphasis. */\n --nsw-fuchsia-950: #220017; /** NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 950: text and high emphasis. */\n --nsw-red-50: #fff8f9; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 50: subtle backgrounds and surfaces. */\n --nsw-red-100: #fff2f4; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 100: subtle backgrounds and surfaces. */\n --nsw-red-150: #ffecef; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 150: subtle backgrounds and surfaces. */\n --nsw-red-200: #ffe6ea; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 200: Interactive components. */\n --nsw-red-250: #ffdbe0; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 250: Interactive components. */\n --nsw-red-300: #ffcfd6; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 300: Interactive components. */\n --nsw-red-350: #ffc4cc; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 350: Interactive components. */\n --nsw-red-400: #ffb8c1; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 400: Interactive components. */\n --nsw-red-450: #f897a2; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 450: borders, separators and icons. */\n --nsw-red-500: #ef7581; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 500: borders, separators and icons. */\n --nsw-red-550: #e44f5f; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 550: borders, separators and icons. */\n --nsw-red-600: #d7153a; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 600: borders, separators and icons. */\n --nsw-red-650: #b90e32; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 650: borders, separators and icons. */\n --nsw-red-700: #9b072a; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 700: Solid colors. */\n --nsw-red-750: #7e0322; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 750: Solid colors. */\n --nsw-red-800: #630019; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 800: Solid colors. */\n --nsw-red-850: #4c0010; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 850: text and high emphasis. */\n --nsw-red-900: #360008; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 900: text and high emphasis. */\n --nsw-red-950: #210003; /** NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 950: text and high emphasis. */\n --nsw-orange-50: #fffaf6; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 50: subtle backgrounds and surfaces. */\n --nsw-orange-100: #fff6ee; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 100: subtle backgrounds and surfaces. */\n --nsw-orange-150: #fef1e7; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 150: subtle backgrounds and surfaces. */\n --nsw-orange-200: #fdeddf; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 200: Interactive components. */\n --nsw-orange-250: #fee5ce; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 250: Interactive components. */\n --nsw-orange-300: #ffddbd; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 300: Interactive components. */\n --nsw-orange-350: #ffd6ab; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 350: Interactive components. */\n --nsw-orange-400: #ffce99; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 400: Interactive components. */\n --nsw-orange-450: #fdb678; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 450: borders, separators and icons. */\n --nsw-orange-500: #fb9d58; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 500: borders, separators and icons. */\n --nsw-orange-550: #f78139; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 550: borders, separators and icons. */\n --nsw-orange-600: #f3631b; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 600: borders, separators and icons. */\n --nsw-orange-650: #db5115; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 650: borders, separators and icons. */\n --nsw-orange-700: #c33f0e; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 700: Solid colors. */\n --nsw-orange-750: #ab2e06; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 750: Solid colors. */\n --nsw-orange-800: #941b00; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 800: Solid colors. */\n --nsw-orange-850: #730f00; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 850: text and high emphasis. */\n --nsw-orange-900: #530400; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 900: text and high emphasis. */\n --nsw-orange-950: #350000; /** NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 950: text and high emphasis. */\n --nsw-yellow-50: #fffcf0; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 50: subtle backgrounds and surfaces. */\n --nsw-yellow-100: #fffae5; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 100: subtle backgrounds and surfaces. */\n --nsw-yellow-150: #fff7da; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 150: subtle backgrounds and surfaces. */\n --nsw-yellow-200: #fff4cf; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 200: Interactive components. */\n --nsw-yellow-250: #fff1c2; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 250: Interactive components. */\n --nsw-yellow-300: #feeeb5; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 300: Interactive components. */\n --nsw-yellow-350: #feeaa8; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 350: Interactive components. */\n --nsw-yellow-400: #fde79a; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 400: Interactive components. */\n --nsw-yellow-450: #fbda80; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 450: borders, separators and icons. */\n --nsw-yellow-500: #facd63; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 500: borders, separators and icons. */\n --nsw-yellow-550: #fabe42; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 550: borders, separators and icons. */\n --nsw-yellow-600: #faaf05; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 600: borders, separators and icons. */\n --nsw-yellow-650: #d49403; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 650: borders, separators and icons. */\n --nsw-yellow-700: #af7a01; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 700: Solid colors. */\n --nsw-yellow-750: #8b6000; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 750: Solid colors. */\n --nsw-yellow-800: #694800; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 800: Solid colors. */\n --nsw-yellow-850: #503500; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 850: text and high emphasis. */\n --nsw-yellow-900: #392400; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 900: text and high emphasis. */\n --nsw-yellow-950: #221300; /** NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 950: text and high emphasis. */\n --nsw-brown-50: #fbf8f4; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces. */\n --nsw-brown-100: #f6f1ea; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces. */\n --nsw-brown-150: #f2eae1; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces. */\n --nsw-brown-200: #ede3d7; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components. */\n --nsw-brown-250: #ecdece; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components. */\n --nsw-brown-300: #eadac6; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components. */\n --nsw-brown-350: #e9d5bd; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components. */\n --nsw-brown-400: #e8d0b5; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components. */\n --nsw-brown-450: #dbbf9f; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons. */\n --nsw-brown-500: #cfae89; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons. */\n --nsw-brown-550: #c29d73; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons. */\n --nsw-brown-600: #b68d5d; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons. */\n --nsw-brown-650: #9c764b; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons. */\n --nsw-brown-700: #82603a; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors. */\n --nsw-brown-750: #6a4b29; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors. */\n --nsw-brown-800: #523719; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors. */\n --nsw-brown-850: #3e280f; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis. */\n --nsw-brown-900: #2b1a07; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis. */\n --nsw-brown-950: #190d02; /** NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis. */\n --nsw-aboriginal-grey-50: #f9f8f7; /** NSW Aboriginal palette grey. Step 50: subtle backgrounds and surfaces. */\n --nsw-aboriginal-grey-100: #f2f1ef; /** NSW Aboriginal palette grey. Step 100: subtle backgrounds and surfaces. */\n --nsw-aboriginal-grey-150: #ebeae8; /** NSW Aboriginal palette grey. Step 150: subtle backgrounds and surfaces. */\n --nsw-aboriginal-grey-200: #e5e3e0; /** NSW Aboriginal palette Smoke Grey. Step 200: subtle backgrounds and surfaces. */\n --nsw-aboriginal-grey-250: #dfdcd8; /** NSW Aboriginal palette grey. Step 250: subtle backgrounds and surfaces. */\n --nsw-aboriginal-grey-300: #d8d4d1; /** NSW Aboriginal palette grey. Step 300: Interactive components. */\n --nsw-aboriginal-grey-350: #d2cdc9; /** NSW Aboriginal palette grey. Step 350: Interactive components. */\n --nsw-aboriginal-grey-400: #ccc6c2; /** NSW Aboriginal palette Ash Grey. Step 400: Interactive components. */\n --nsw-aboriginal-grey-450: #ada8a5; /** NSW Aboriginal palette grey. Step 450: Interactive components. */\n --nsw-aboriginal-grey-500: #8e8b8a; /** NSW Aboriginal palette grey \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */\n --nsw-aboriginal-grey-550: #71706f; /** NSW Aboriginal palette grey. Step 550: borders and icons. */\n --nsw-aboriginal-grey-600: #555555; /** NSW Aboriginal palette Emu Grey. Step 600: borders and icons. */\n --nsw-aboriginal-grey-650: #494949; /** NSW Aboriginal palette grey. Step 650: borders and icons. */\n --nsw-aboriginal-grey-700: #3d3d3d; /** NSW Aboriginal palette grey. Step 700: borders and icons. */\n --nsw-aboriginal-grey-750: #323232; /** NSW Aboriginal palette grey. Step 750: text and high emphasis. */\n --nsw-aboriginal-grey-800: #272727; /** NSW Aboriginal palette Charcoal Grey. Step 800: text and high emphasis. */\n --nsw-aboriginal-grey-850: #1c1c1c; /** NSW Aboriginal palette grey. Step 850: text and high emphasis. */\n --nsw-aboriginal-grey-900: #111111; /** NSW Aboriginal palette grey. Step 900: text and high emphasis. */\n --nsw-aboriginal-grey-950: #070707; /** NSW Aboriginal palette grey. Step 950: text and high emphasis. */\n --nsw-aboriginal-red-50: #fff5f5; /** NSW Aboriginal palette red. Step 50: subtle backgrounds and surfaces. */\n --nsw-aboriginal-red-100: #ffebeb; /** NSW Aboriginal palette red. Step 100: subtle backgrounds and surfaces. */\n --nsw-aboriginal-red-150: #fee2e2; /** NSW Aboriginal palette red. Step 150: subtle backgrounds and surfaces. */\n --nsw-aboriginal-red-200: #fdd9d9; /** NSW Aboriginal palette Galah Pink. Step 200: subtle backgrounds and surfaces. */\n --nsw-aboriginal-red-250: #fdd0d0; /** NSW Aboriginal palette red. Step 250: subtle backgrounds and surfaces. */\n --nsw-aboriginal-red-300: #fcc7c6; /** NSW Aboriginal palette red. Step 300: Interactive components. */\n --nsw-aboriginal-red-350: #fcbdbd; /** NSW Aboriginal palette red. Step 350: Interactive components. */\n --nsw-aboriginal-red-400: #fbb4b3; /** NSW Aboriginal palette Coral Pink. Step 400: Interactive components. */\n --nsw-aboriginal-red-450: #f79693; /** NSW Aboriginal palette red. Step 450: Interactive components. */\n --nsw-aboriginal-red-500: #f27771; /** NSW Aboriginal palette red \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */\n --nsw-aboriginal-red-550: #ea554c; /** NSW Aboriginal palette red. Step 550: borders and icons. */\n --nsw-aboriginal-red-600: #e1261c; /** NSW Aboriginal palette Ember Red. Step 600: borders and icons. */\n --nsw-aboriginal-red-650: #cd1f17; /** NSW Aboriginal palette red. Step 650: borders and icons. */\n --nsw-aboriginal-red-700: #ba1811; /** NSW Aboriginal palette red. Step 700: borders and icons. */\n --nsw-aboriginal-red-750: #a7110b; /** NSW Aboriginal palette red. Step 750: text and high emphasis. */\n --nsw-aboriginal-red-800: #950906; /** NSW Aboriginal palette Earth Red. Step 800: text and high emphasis. */\n --nsw-aboriginal-red-850: #740001; /** NSW Aboriginal palette red. Step 850: text and high emphasis. */\n --nsw-aboriginal-red-900: #540000; /** NSW Aboriginal palette red. Step 900: text and high emphasis. */\n --nsw-aboriginal-red-950: #360000; /** NSW Aboriginal palette red. Step 950: text and high emphasis. */\n --nsw-aboriginal-orange-50: #fff4ec; /** NSW Aboriginal palette orange. Step 50: subtle backgrounds and surfaces. */\n --nsw-aboriginal-orange-100: #fee9dd; /** NSW Aboriginal palette orange. Step 100: subtle backgrounds and surfaces. */\n --nsw-aboriginal-orange-150: #fcdfcd; /** NSW Aboriginal palette orange. Step 150: subtle backgrounds and surfaces. */\n --nsw-aboriginal-orange-200: #f9d4be; /** NSW Aboriginal palette Sunset Orange. Step 200: subtle backgrounds and surfaces. */\n --nsw-aboriginal-orange-250: #f8caae; /** NSW Aboriginal palette orange. Step 250: subtle backgrounds and surfaces. */\n --nsw-aboriginal-orange-300: #f7bf9e; /** NSW Aboriginal palette orange. Step 300: Interactive components. */\n --nsw-aboriginal-orange-350: #f6b58e; /** NSW Aboriginal palette orange. Step 350: Interactive components. */\n --nsw-aboriginal-orange-400: #f4aa7d; /** NSW Aboriginal palette Clay Orange. Step 400: Interactive components. */\n --nsw-aboriginal-orange-450: #f39a66; /** NSW Aboriginal palette orange. Step 450: Interactive components. */\n --nsw-aboriginal-orange-500: #f2894f; /** NSW Aboriginal palette orange \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */\n --nsw-aboriginal-orange-550: #f07736; /** NSW Aboriginal palette orange. Step 550: borders and icons. */\n --nsw-aboriginal-orange-600: #ee6314; /** NSW Aboriginal palette Orange Ochre. Step 600: borders and icons. */\n --nsw-aboriginal-orange-650: #d45310; /** NSW Aboriginal palette orange. Step 650: borders and icons. */\n --nsw-aboriginal-orange-700: #ba440a; /** NSW Aboriginal palette orange. Step 700: borders and icons. */\n --nsw-aboriginal-orange-750: #a13505; /** NSW Aboriginal palette orange. Step 750: text and high emphasis. */\n --nsw-aboriginal-orange-800: #882600; /** NSW Aboriginal palette Deep Orange. Step 800: text and high emphasis. */\n --nsw-aboriginal-orange-850: #691900; /** NSW Aboriginal palette orange. Step 850: text and high emphasis. */\n --nsw-aboriginal-orange-900: #4c0d00; /** NSW Aboriginal palette orange. Step 900: text and high emphasis. */\n --nsw-aboriginal-orange-950: #300300; /** NSW Aboriginal palette orange. Step 950: text and high emphasis. */\n --nsw-aboriginal-brown-50: #fcf1e9; /** NSW Aboriginal palette brown. Step 50: subtle backgrounds and surfaces. */\n --nsw-aboriginal-brown-100: #f6e3d7; /** NSW Aboriginal palette brown. Step 100: subtle backgrounds and surfaces. */\n --nsw-aboriginal-brown-150: #efd5c4; /** NSW Aboriginal palette brown. Step 150: subtle backgrounds and surfaces. */\n --nsw-aboriginal-brown-200: #e9c8b2; /** NSW Aboriginal palette Macadamia Brown. Step 200: subtle backgrounds and surfaces. */\n --nsw-aboriginal-brown-250: #e4ba9f; /** NSW Aboriginal palette brown. Step 250: subtle backgrounds and surfaces. */\n --nsw-aboriginal-brown-300: #dead8c; /** NSW Aboriginal palette brown. Step 300: Interactive components. */\n --nsw-aboriginal-brown-350: #d99f78; /** NSW Aboriginal palette brown. Step 350: Interactive components. */\n --nsw-aboriginal-brown-400: #d39165; /** NSW Aboriginal palette Claystone Brown. Step 400: Interactive components. */\n --nsw-aboriginal-brown-450: #c68158; /** NSW Aboriginal palette brown. Step 450: Interactive components. */\n --nsw-aboriginal-brown-500: #b9724b; /** NSW Aboriginal palette brown \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */\n --nsw-aboriginal-brown-550: #ab623e; /** NSW Aboriginal palette brown. Step 550: borders and icons. */\n --nsw-aboriginal-brown-600: #9e5332; /** NSW Aboriginal palette Firewood Brown. Step 600: borders and icons. */\n --nsw-aboriginal-brown-650: #8b4627; /** NSW Aboriginal palette brown. Step 650: borders and icons. */\n --nsw-aboriginal-brown-700: #79391c; /** NSW Aboriginal palette brown. Step 700: borders and icons. */\n --nsw-aboriginal-brown-750: #672d10; /** NSW Aboriginal palette brown. Step 750: text and high emphasis. */\n --nsw-aboriginal-brown-800: #552105; /** NSW Aboriginal palette Riverbed Brown. Step 800: text and high emphasis. */\n --nsw-aboriginal-brown-850: #411602; /** NSW Aboriginal palette brown. Step 850: text and high emphasis. */\n --nsw-aboriginal-brown-900: #2d0c00; /** NSW Aboriginal palette brown. Step 900: text and high emphasis. */\n --nsw-aboriginal-brown-950: #1b0400; /** NSW Aboriginal palette brown. Step 950: text and high emphasis. */\n --nsw-aboriginal-yellow-50: #fffcee; /** NSW Aboriginal palette yellow. Step 50: subtle backgrounds and surfaces. */\n --nsw-aboriginal-yellow-100: #fff8e0; /** NSW Aboriginal palette yellow. Step 100: subtle backgrounds and surfaces. */\n --nsw-aboriginal-yellow-150: #fff5d3; /** NSW Aboriginal palette yellow. Step 150: subtle backgrounds and surfaces. */\n --nsw-aboriginal-yellow-200: #fff1c5; /** NSW Aboriginal palette Sunbeam Yellow. Step 200: subtle backgrounds and surfaces. */\n --nsw-aboriginal-yellow-250: #ffeeb7; /** NSW Aboriginal palette yellow. Step 250: subtle backgrounds and surfaces. */\n --nsw-aboriginal-yellow-300: #ffeba9; /** NSW Aboriginal palette yellow. Step 300: Interactive components. */\n --nsw-aboriginal-yellow-350: #fee79b; /** NSW Aboriginal palette yellow. Step 350: Interactive components. */\n --nsw-aboriginal-yellow-400: #fee48c; /** NSW Aboriginal palette Golden Wattle Yellow. Step 400: Interactive components. */\n --nsw-aboriginal-yellow-450: #fed675; /** NSW Aboriginal palette yellow. Step 450: Interactive components. */\n --nsw-aboriginal-yellow-500: #fec85d; /** NSW Aboriginal palette yellow \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */\n --nsw-aboriginal-yellow-550: #feb944; /** NSW Aboriginal palette yellow. Step 550: borders and icons. */\n --nsw-aboriginal-yellow-600: #fea927; /** NSW Aboriginal palette Sandstone Yellow. Step 600: borders and icons. */\n --nsw-aboriginal-yellow-650: #df961c; /** NSW Aboriginal palette yellow. Step 650: borders and icons. */\n --nsw-aboriginal-yellow-700: #c18312; /** NSW Aboriginal palette yellow. Step 700: borders and icons. */\n --nsw-aboriginal-yellow-750: #a57007; /** NSW Aboriginal palette yellow. Step 750: text and high emphasis. */\n --nsw-aboriginal-yellow-800: #895e00; /** NSW Aboriginal palette Bush Honey Yellow. Step 800: text and high emphasis. */\n --nsw-aboriginal-yellow-850: #694700; /** NSW Aboriginal palette yellow. Step 850: text and high emphasis. */\n --nsw-aboriginal-yellow-900: #4c3000; /** NSW Aboriginal palette yellow. Step 900: text and high emphasis. */\n --nsw-aboriginal-yellow-950: #2f1c00; /** NSW Aboriginal palette yellow. Step 950: text and high emphasis. */\n --nsw-aboriginal-green-50: #f5f9f2; /** NSW Aboriginal palette green. Step 50: subtle backgrounds and surfaces. */\n --nsw-aboriginal-green-100: #ecf3e7; /** NSW Aboriginal palette green. Step 100: subtle backgrounds and surfaces. */\n --nsw-aboriginal-green-150: #e3ecdc; /** NSW Aboriginal palette green. Step 150: subtle backgrounds and surfaces. */\n --nsw-aboriginal-green-200: #dae6d1; /** NSW Aboriginal palette Saltbush Green. Step 200: subtle backgrounds and surfaces. */\n --nsw-aboriginal-green-250: #d1e0c6; /** NSW Aboriginal palette green. Step 250: subtle backgrounds and surfaces. */\n --nsw-aboriginal-green-300: #c7d9ba; /** NSW Aboriginal palette green. Step 300: Interactive components. */\n --nsw-aboriginal-green-350: #bed3af; /** NSW Aboriginal palette green. Step 350: Interactive components. */\n --nsw-aboriginal-green-400: #b5cda4; /** NSW Aboriginal palette Gumleaf Green. Step 400: Interactive components. */\n --nsw-aboriginal-green-450: #a5c28e; /** NSW Aboriginal palette green. Step 450: Interactive components. */\n --nsw-aboriginal-green-500: #95b777; /** NSW Aboriginal palette green \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */\n --nsw-aboriginal-green-550: #86ac60; /** NSW Aboriginal palette green. Step 550: borders and icons. */\n --nsw-aboriginal-green-600: #78a146; /** NSW Aboriginal palette Marshland Lime. Step 600: borders and icons. */\n --nsw-aboriginal-green-650: #5f8f44; /** NSW Aboriginal palette green. Step 650: borders and icons. */\n --nsw-aboriginal-green-700: #497d40; /** NSW Aboriginal palette green. Step 700: borders and icons. */\n --nsw-aboriginal-green-750: #346a3b; /** NSW Aboriginal palette green. Step 750: text and high emphasis. */\n --nsw-aboriginal-green-800: #215834; /** NSW Aboriginal palette Bushland Green. Step 800: text and high emphasis. */\n --nsw-aboriginal-green-850: #154225; /** NSW Aboriginal palette green. Step 850: text and high emphasis. */\n --nsw-aboriginal-green-900: #0a2e17; /** NSW Aboriginal palette green. Step 900: text and high emphasis. */\n --nsw-aboriginal-green-950: #021b0a; /** NSW Aboriginal palette green. Step 950: text and high emphasis. */\n --nsw-aboriginal-blue-50: #eef8fa; /** NSW Aboriginal palette blue. Step 50: subtle backgrounds and surfaces. */\n --nsw-aboriginal-blue-100: #dff1f4; /** NSW Aboriginal palette blue. Step 100: subtle backgrounds and surfaces. */\n --nsw-aboriginal-blue-150: #d0e9ee; /** NSW Aboriginal palette blue. Step 150: subtle backgrounds and surfaces. */\n --nsw-aboriginal-blue-200: #c1e2e8; /** NSW Aboriginal palette Coastal Blue. Step 200: subtle backgrounds and surfaces. */\n --nsw-aboriginal-blue-250: #b2dbe2; /** NSW Aboriginal palette blue. Step 250: subtle backgrounds and surfaces. */\n --nsw-aboriginal-blue-300: #a3d4dc; /** NSW Aboriginal palette blue. Step 300: Interactive components. */\n --nsw-aboriginal-blue-350: #94ccd7; /** NSW Aboriginal palette blue. Step 350: Interactive components. */\n --nsw-aboriginal-blue-400: #84c5d1; /** NSW Aboriginal palette Light Water Blue. Step 400: Interactive components. */\n --nsw-aboriginal-blue-450: #67aec0; /** NSW Aboriginal palette blue. Step 450: Interactive components. */\n --nsw-aboriginal-blue-500: #4a96b0; /** NSW Aboriginal palette blue \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */\n --nsw-aboriginal-blue-550: #2e7fa1; /** NSW Aboriginal palette blue. Step 550: borders and icons. */\n --nsw-aboriginal-blue-600: #0d6791; /** NSW Aboriginal palette Saltwater Blue. Step 600: borders and icons. */\n --nsw-aboriginal-blue-650: #095d84; /** NSW Aboriginal palette blue. Step 650: borders and icons. */\n --nsw-aboriginal-blue-700: #055377; /** NSW Aboriginal palette blue. Step 700: borders and icons. */\n --nsw-aboriginal-blue-750: #02496a; /** NSW Aboriginal palette blue. Step 750: text and high emphasis. */\n --nsw-aboriginal-blue-800: #00405e; /** NSW Aboriginal palette Billabong Blue. Step 800: text and high emphasis. */\n --nsw-aboriginal-blue-850: #002f48; /** NSW Aboriginal palette blue. Step 850: text and high emphasis. */\n --nsw-aboriginal-blue-900: #002033; /** NSW Aboriginal palette blue. Step 900: text and high emphasis. */\n --nsw-aboriginal-blue-950: #00111f; /** NSW Aboriginal palette blue. Step 950: text and high emphasis. */\n --nsw-aboriginal-purple-50: #faf1f8; /** NSW Aboriginal palette purple. Step 50: subtle backgrounds and surfaces. */\n --nsw-aboriginal-purple-100: #f2e5f0; /** NSW Aboriginal palette purple. Step 100: subtle backgrounds and surfaces. */\n --nsw-aboriginal-purple-150: #ebd8e8; /** NSW Aboriginal palette purple. Step 150: subtle backgrounds and surfaces. */\n --nsw-aboriginal-purple-200: #e4cce0; /** NSW Aboriginal palette Dusk Purple. Step 200: subtle backgrounds and surfaces. */\n --nsw-aboriginal-purple-250: #ddbfd8; /** NSW Aboriginal palette purple. Step 250: subtle backgrounds and surfaces. */\n --nsw-aboriginal-purple-300: #d7b3d1; /** NSW Aboriginal palette purple. Step 300: Interactive components. */\n --nsw-aboriginal-purple-350: #d0a6c9; /** NSW Aboriginal palette purple. Step 350: Interactive components. */\n --nsw-aboriginal-purple-400: #c99ac2; /** NSW Aboriginal palette Lilli Pilli Purple. Step 400: Interactive components. */\n --nsw-aboriginal-purple-450: #bd8bb6; /** NSW Aboriginal palette purple. Step 450: Interactive components. */\n --nsw-aboriginal-purple-500: #b17caa; /** NSW Aboriginal palette purple \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */\n --nsw-aboriginal-purple-550: #a66d9f; /** NSW Aboriginal palette purple. Step 550: borders and icons. */\n --nsw-aboriginal-purple-600: #9a5e93; /** NSW Aboriginal palette Spirit Lilac. Step 600: borders and icons. */\n --nsw-aboriginal-purple-650: #844f7e; /** NSW Aboriginal palette purple. Step 650: borders and icons. */\n --nsw-aboriginal-purple-700: #6f4169; /** NSW Aboriginal palette purple. Step 700: borders and icons. */\n --nsw-aboriginal-purple-750: #5b3355; /** NSW Aboriginal palette purple. Step 750: text and high emphasis. */\n --nsw-aboriginal-purple-800: #472642; /** NSW Aboriginal palette Bush Plum. Step 800: text and high emphasis. */\n --nsw-aboriginal-purple-850: #351a31; /** NSW Aboriginal palette purple. Step 850: text and high emphasis. */\n --nsw-aboriginal-purple-900: #241021; /** NSW Aboriginal palette purple. Step 900: text and high emphasis. */\n --nsw-aboriginal-purple-950: #150612; /** NSW Aboriginal palette purple. Step 950: text and high emphasis. */\n --white: #ffffff; /** Pure white \u2014 page backgrounds, content surfaces, and text on dark or solid fills. */\n --black: #000000; /** Pure black \u2014 maximum-contrast text, overlays, and scrims. */\n}\n";
|
|
62532
62568
|
|
|
@@ -62668,6 +62704,12 @@ var global_default5 = ":root {\n --border-width-thin: 0.0625rem; /** Thin borde
|
|
|
62668
62704
|
// src/css/shadow/global.css
|
|
62669
62705
|
var global_default6 = ":root {\n --box-shadow-thin: inset 0 0 0 0.0625rem; /** Thin inset ring (inset 0 0 0 border-width.thin) \u2014 border-via-shadow that does not affect layout; renders with currentColor. */\n --box-shadow-thick: inset 0 0 0 0.125rem; /** Thick inset ring (inset 0 0 0 border-width.thick) \u2014 emphasis/selected outline; renders with currentColor. */\n --box-shadow-thicker: inset 0 0 0 0.25rem; /** Thicker inset ring (inset 0 0 0 border-width.thicker) \u2014 focus indication; renders with currentColor. */\n --shadow-color-5: rgb(0 0 0 / 0.05); /** Shadow black at 5% alpha \u2014 the faintest elevation tint. Step name is the alpha percentage. */\n --shadow-color-10: rgb(0 0 0 / 0.1); /** Shadow black at 10% alpha \u2014 the standard elevation tint. Step name is the alpha percentage. */\n --shadow-color-25: rgb(0 0 0 / 0.25); /** Shadow black at 25% alpha \u2014 strong elevation for overlays/modals. Step name is the alpha percentage. */\n --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); /** Small elevation \u2014 cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review. */\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /** Medium elevation \u2014 dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review. */\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /** Large elevation \u2014 dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review. */\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); /** Extra-large elevation \u2014 modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review. */\n}\n";
|
|
62670
62706
|
|
|
62707
|
+
// src/css/motion/global.css
|
|
62708
|
+
var global_default7 = ":root {\n --duration-fast: 150ms; /** Fast \u2014 quick feedback on small elements (hovers, toggles, focus rings). DRAFT pending design review. */\n --duration-base: 250ms; /** Base \u2014 the default duration for most UI transitions. DRAFT pending design review. */\n --duration-slow: 400ms; /** Slow \u2014 larger surfaces entering or leaving (modals, drawers, sheets). DRAFT pending design review. */\n --easing-standard: cubic-bezier(0.4, 0, 0.2, 1); /** Standard ease-in-out \u2014 the default curve for elements moving within the viewport. DRAFT pending design review. */\n --easing-decelerate: cubic-bezier(0, 0, 0.2, 1); /** Decelerate (ease-out) \u2014 elements entering the screen, fast then settling. DRAFT pending design review. */\n --easing-accelerate: cubic-bezier(0.4, 0, 1, 1); /** Accelerate (ease-in) \u2014 elements leaving the screen, building speed as they exit. DRAFT pending design review. */\n}\n";
|
|
62709
|
+
|
|
62710
|
+
// src/css/z-index/global.css
|
|
62711
|
+
var global_default8 = ":root {\n --z-index-base: 0; /** Base stacking level (0) \u2014 default in-flow content. DRAFT pending design review. */\n --z-index-dropdown: 1000; /** Dropdown menus and select popups. DRAFT pending design review. */\n --z-index-sticky: 1100; /** Sticky elements that pin on scroll (headers, toolbars). DRAFT pending design review. */\n --z-index-overlay: 1200; /** Full-screen overlay scrims sitting behind modal content. DRAFT pending design review. */\n --z-index-modal: 1300; /** Modal dialogs and side sheets. DRAFT pending design review. */\n --z-index-popover: 1400; /** Popovers anchored to a trigger, above modals. DRAFT pending design review. */\n --z-index-toast: 1500; /** Toast and snackbar notifications. DRAFT pending design review. */\n --z-index-tooltip: 1600; /** Tooltips \u2014 the top-most interactive layer. DRAFT pending design review. */\n}\n";
|
|
62712
|
+
|
|
62671
62713
|
// src/js/colors/global/hex.js
|
|
62672
62714
|
var hex_exports = {};
|
|
62673
62715
|
__export(hex_exports, {
|
|
@@ -68678,6 +68720,39 @@ var shadow = {
|
|
|
68678
68720
|
xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
|
|
68679
68721
|
};
|
|
68680
68722
|
|
|
68723
|
+
// src/js/motion/global.js
|
|
68724
|
+
var global_exports7 = {};
|
|
68725
|
+
__export(global_exports7, {
|
|
68726
|
+
duration: () => duration,
|
|
68727
|
+
easing: () => easing
|
|
68728
|
+
});
|
|
68729
|
+
var duration = {
|
|
68730
|
+
fast: "150ms",
|
|
68731
|
+
base: "250ms",
|
|
68732
|
+
slow: "400ms"
|
|
68733
|
+
};
|
|
68734
|
+
var easing = {
|
|
68735
|
+
standard: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
68736
|
+
decelerate: "cubic-bezier(0, 0, 0.2, 1)",
|
|
68737
|
+
accelerate: "cubic-bezier(0.4, 0, 1, 1)"
|
|
68738
|
+
};
|
|
68739
|
+
|
|
68740
|
+
// src/js/z-index/global.js
|
|
68741
|
+
var global_exports8 = {};
|
|
68742
|
+
__export(global_exports8, {
|
|
68743
|
+
zIndex: () => zIndex
|
|
68744
|
+
});
|
|
68745
|
+
var zIndex = {
|
|
68746
|
+
base: 0,
|
|
68747
|
+
dropdown: 1e3,
|
|
68748
|
+
sticky: 1100,
|
|
68749
|
+
overlay: 1200,
|
|
68750
|
+
modal: 1300,
|
|
68751
|
+
popover: 1400,
|
|
68752
|
+
toast: 1500,
|
|
68753
|
+
tooltip: 1600
|
|
68754
|
+
};
|
|
68755
|
+
|
|
68681
68756
|
// src/less/colors/global/hex.less
|
|
68682
68757
|
var hex_default7 = "@nsw-grey-50: #fafafa; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 50: subtle backgrounds and surfaces.\n@nsw-grey-100: #f5f5f5; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 100: subtle backgrounds and surfaces.\n@nsw-grey-150: #f0f0f0; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 150: subtle backgrounds and surfaces.\n@nsw-grey-200: #ebebeb; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 200: Interactive components.\n@nsw-grey-250: #e3e5e6; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 250: Interactive components.\n@nsw-grey-300: #dcdfe0; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 300: Interactive components.\n@nsw-grey-350: #d4d9db; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 350: Interactive components.\n@nsw-grey-400: #cdd3d6; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 400: Interactive components.\n@nsw-grey-450: #aab0b4; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 450: borders, separators and icons.\n@nsw-grey-500: #888f92; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 500: borders, separators and icons.\n@nsw-grey-550: #686f72; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 550: borders, separators and icons.\n@nsw-grey-600: #495054; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 600: borders, separators and icons.\n@nsw-grey-650: #3f4549; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 650: borders, separators and icons.\n@nsw-grey-700: #353b3f; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 700: Solid colors.\n@nsw-grey-750: #2b3135; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 750: Solid colors.\n@nsw-grey-800: #22272b; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 800: Solid colors.\n@nsw-grey-850: #181c1f; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 850: text and high emphasis.\n@nsw-grey-900: #0e1113; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 900: text and high emphasis.\n@nsw-grey-950: #050709; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 950: text and high emphasis.\n@nsw-green-50: #f5fff6; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 50: subtle backgrounds and surfaces.\n@nsw-green-100: #ecfdee; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 100: subtle backgrounds and surfaces.\n@nsw-green-150: #e4fce7; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 150: subtle backgrounds and surfaces.\n@nsw-green-200: #dbfadf; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 200: Interactive components.\n@nsw-green-250: #cff7d4; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 250: Interactive components.\n@nsw-green-300: #c2f4c9; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 300: Interactive components.\n@nsw-green-350: #b5f0be; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 350: Interactive components.\n@nsw-green-400: #a8edb3; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 400: Interactive components.\n@nsw-green-450: #8adc98; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 450: borders, separators and icons.\n@nsw-green-500: #6acc7d; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 500: borders, separators and icons.\n@nsw-green-550: #45bb62; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 550: borders, separators and icons.\n@nsw-green-600: #00aa45; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 600: borders, separators and icons.\n@nsw-green-650: #078e32; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 650: borders, separators and icons.\n@nsw-green-700: #077320; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 700: Solid colors.\n@nsw-green-750: #03590f; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 750: Solid colors.\n@nsw-green-800: #004000; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 800: Solid colors.\n@nsw-green-850: #003000; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 850: text and high emphasis.\n@nsw-green-900: #002000; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 900: text and high emphasis.\n@nsw-green-950: #001100; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 950: text and high emphasis.\n@nsw-teal-50: #f2fbfa; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.\n@nsw-teal-100: #e7f7f5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.\n@nsw-teal-150: #dcf2ef; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.\n@nsw-teal-200: #d1eeea; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components.\n@nsw-teal-250: #c1eae7; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components.\n@nsw-teal-300: #afe5e5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components.\n@nsw-teal-350: #9ee0e5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components.\n@nsw-teal-400: #8cdbe5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components.\n@nsw-teal-450: #75c4cf; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.\n@nsw-teal-500: #5eacb9; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.\n@nsw-teal-550: #4696a3; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.\n@nsw-teal-600: #2e808e; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.\n@nsw-teal-650: #256f7b; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.\n@nsw-teal-700: #1c5f69; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors.\n@nsw-teal-750: #144e58; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors.\n@nsw-teal-800: #0b3f47; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors.\n@nsw-teal-850: #042f35; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis.\n@nsw-teal-900: #011f24; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis.\n@nsw-teal-950: #001114; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis.\n@nsw-blue-50: #f0fbff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 50: subtle backgrounds and surfaces.\n@nsw-blue-100: #e4f6ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 100: subtle backgrounds and surfaces.\n@nsw-blue-150: #d7f2fe; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 150: subtle backgrounds and surfaces.\n@nsw-blue-200: #cbedfd; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 200: Interactive components.\n@nsw-blue-250: #bceafe; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 250: Interactive components.\n@nsw-blue-300: #ade7ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 300: Interactive components.\n@nsw-blue-350: #9de3ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 350: Interactive components.\n@nsw-blue-400: #8ce0ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 400: Interactive components.\n@nsw-blue-450: #5ac9ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 450: borders, separators and icons.\n@nsw-blue-500: #26aeff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 500: borders, separators and icons.\n@nsw-blue-550: #008fff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 550: borders, separators and icons.\n@nsw-blue-600: #146cfd; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 600: borders, separators and icons.\n@nsw-blue-650: #0c5ad4; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 650: borders, separators and icons.\n@nsw-blue-700: #0548ad; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 700: Solid colors.\n@nsw-blue-750: #023688; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 750: Solid colors.\n@nsw-blue-800: #002664; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 800: Solid colors.\n@nsw-blue-850: #001a4d; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 850: text and high emphasis.\n@nsw-blue-900: #001037; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 900: text and high emphasis.\n@nsw-blue-950: #000622; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 950: text and high emphasis.\n@nsw-purple-50: #f9f7ff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.\n@nsw-purple-100: #f2f0ff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.\n@nsw-purple-150: #ece8fe; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.\n@nsw-purple-200: #e6e1fd; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components.\n@nsw-purple-250: #e0d9fe; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components.\n@nsw-purple-300: #dad0fe; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components.\n@nsw-purple-350: #d4c8ff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components.\n@nsw-purple-400: #cebfff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components.\n@nsw-purple-450: #baa6fc; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.\n@nsw-purple-500: #a68df9; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.\n@nsw-purple-550: #9372f5; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.\n@nsw-purple-600: #8055f1; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.\n@nsw-purple-650: #7243cf; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.\n@nsw-purple-700: #6432ae; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors.\n@nsw-purple-750: #54218e; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors.\n@nsw-purple-800: #441170; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors.\n@nsw-purple-850: #330856; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis.\n@nsw-purple-900: #23023e; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis.\n@nsw-purple-950: #130027; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis.\n@nsw-fuchsia-50: #fff6fd; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 50: subtle backgrounds and surfaces.\n@nsw-fuchsia-100: #ffeef9; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 100: subtle backgrounds and surfaces.\n@nsw-fuchsia-150: #fee6f6; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 150: subtle backgrounds and surfaces.\n@nsw-fuchsia-200: #fddef2; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 200: Interactive components.\n@nsw-fuchsia-250: #fbd4ef; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 250: Interactive components.\n@nsw-fuchsia-300: #f9c9eb; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 300: Interactive components.\n@nsw-fuchsia-350: #f7bfe9; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 350: Interactive components.\n@nsw-fuchsia-400: #f4b5e6; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 400: Interactive components.\n@nsw-fuchsia-450: #ef96da; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 450: borders, separators and icons.\n@nsw-fuchsia-500: #e975cc; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 500: borders, separators and icons.\n@nsw-fuchsia-550: #e150be; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 550: borders, separators and icons.\n@nsw-fuchsia-600: #d912ae; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 600: borders, separators and icons.\n@nsw-fuchsia-650: #bb0c94; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 650: borders, separators and icons.\n@nsw-fuchsia-700: #9d067b; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 700: Solid colors.\n@nsw-fuchsia-750: #810264; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 750: Solid colors.\n@nsw-fuchsia-800: #65004d; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 800: Solid colors.\n@nsw-fuchsia-850: #4d003a; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 850: text and high emphasis.\n@nsw-fuchsia-900: #370028; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 900: text and high emphasis.\n@nsw-fuchsia-950: #220017; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 950: text and high emphasis.\n@nsw-red-50: #fff8f9; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 50: subtle backgrounds and surfaces.\n@nsw-red-100: #fff2f4; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 100: subtle backgrounds and surfaces.\n@nsw-red-150: #ffecef; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 150: subtle backgrounds and surfaces.\n@nsw-red-200: #ffe6ea; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 200: Interactive components.\n@nsw-red-250: #ffdbe0; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 250: Interactive components.\n@nsw-red-300: #ffcfd6; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 300: Interactive components.\n@nsw-red-350: #ffc4cc; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 350: Interactive components.\n@nsw-red-400: #ffb8c1; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 400: Interactive components.\n@nsw-red-450: #f897a2; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 450: borders, separators and icons.\n@nsw-red-500: #ef7581; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 500: borders, separators and icons.\n@nsw-red-550: #e44f5f; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 550: borders, separators and icons.\n@nsw-red-600: #d7153a; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 600: borders, separators and icons.\n@nsw-red-650: #b90e32; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 650: borders, separators and icons.\n@nsw-red-700: #9b072a; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 700: Solid colors.\n@nsw-red-750: #7e0322; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 750: Solid colors.\n@nsw-red-800: #630019; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 800: Solid colors.\n@nsw-red-850: #4c0010; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 850: text and high emphasis.\n@nsw-red-900: #360008; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 900: text and high emphasis.\n@nsw-red-950: #210003; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 950: text and high emphasis.\n@nsw-orange-50: #fffaf6; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 50: subtle backgrounds and surfaces.\n@nsw-orange-100: #fff6ee; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 100: subtle backgrounds and surfaces.\n@nsw-orange-150: #fef1e7; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 150: subtle backgrounds and surfaces.\n@nsw-orange-200: #fdeddf; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 200: Interactive components.\n@nsw-orange-250: #fee5ce; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 250: Interactive components.\n@nsw-orange-300: #ffddbd; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 300: Interactive components.\n@nsw-orange-350: #ffd6ab; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 350: Interactive components.\n@nsw-orange-400: #ffce99; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 400: Interactive components.\n@nsw-orange-450: #fdb678; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 450: borders, separators and icons.\n@nsw-orange-500: #fb9d58; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 500: borders, separators and icons.\n@nsw-orange-550: #f78139; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 550: borders, separators and icons.\n@nsw-orange-600: #f3631b; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 600: borders, separators and icons.\n@nsw-orange-650: #db5115; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 650: borders, separators and icons.\n@nsw-orange-700: #c33f0e; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 700: Solid colors.\n@nsw-orange-750: #ab2e06; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 750: Solid colors.\n@nsw-orange-800: #941b00; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 800: Solid colors.\n@nsw-orange-850: #730f00; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 850: text and high emphasis.\n@nsw-orange-900: #530400; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 900: text and high emphasis.\n@nsw-orange-950: #350000; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 950: text and high emphasis.\n@nsw-yellow-50: #fffcf0; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 50: subtle backgrounds and surfaces.\n@nsw-yellow-100: #fffae5; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 100: subtle backgrounds and surfaces.\n@nsw-yellow-150: #fff7da; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 150: subtle backgrounds and surfaces.\n@nsw-yellow-200: #fff4cf; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 200: Interactive components.\n@nsw-yellow-250: #fff1c2; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 250: Interactive components.\n@nsw-yellow-300: #feeeb5; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 300: Interactive components.\n@nsw-yellow-350: #feeaa8; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 350: Interactive components.\n@nsw-yellow-400: #fde79a; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 400: Interactive components.\n@nsw-yellow-450: #fbda80; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 450: borders, separators and icons.\n@nsw-yellow-500: #facd63; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 500: borders, separators and icons.\n@nsw-yellow-550: #fabe42; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 550: borders, separators and icons.\n@nsw-yellow-600: #faaf05; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 600: borders, separators and icons.\n@nsw-yellow-650: #d49403; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 650: borders, separators and icons.\n@nsw-yellow-700: #af7a01; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 700: Solid colors.\n@nsw-yellow-750: #8b6000; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 750: Solid colors.\n@nsw-yellow-800: #694800; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 800: Solid colors.\n@nsw-yellow-850: #503500; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 850: text and high emphasis.\n@nsw-yellow-900: #392400; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 900: text and high emphasis.\n@nsw-yellow-950: #221300; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 950: text and high emphasis.\n@nsw-brown-50: #fbf8f4; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.\n@nsw-brown-100: #f6f1ea; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.\n@nsw-brown-150: #f2eae1; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.\n@nsw-brown-200: #ede3d7; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components.\n@nsw-brown-250: #ecdece; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components.\n@nsw-brown-300: #eadac6; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components.\n@nsw-brown-350: #e9d5bd; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components.\n@nsw-brown-400: #e8d0b5; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components.\n@nsw-brown-450: #dbbf9f; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.\n@nsw-brown-500: #cfae89; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.\n@nsw-brown-550: #c29d73; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.\n@nsw-brown-600: #b68d5d; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.\n@nsw-brown-650: #9c764b; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.\n@nsw-brown-700: #82603a; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors.\n@nsw-brown-750: #6a4b29; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors.\n@nsw-brown-800: #523719; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors.\n@nsw-brown-850: #3e280f; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis.\n@nsw-brown-900: #2b1a07; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis.\n@nsw-brown-950: #190d02; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis.\n@nsw-aboriginal-grey-50: #f9f8f7; // NSW Aboriginal palette grey. Step 50: subtle backgrounds and surfaces.\n@nsw-aboriginal-grey-100: #f2f1ef; // NSW Aboriginal palette grey. Step 100: subtle backgrounds and surfaces.\n@nsw-aboriginal-grey-150: #ebeae8; // NSW Aboriginal palette grey. Step 150: subtle backgrounds and surfaces.\n@nsw-aboriginal-grey-200: #e5e3e0; // NSW Aboriginal palette Smoke Grey. Step 200: subtle backgrounds and surfaces.\n@nsw-aboriginal-grey-250: #dfdcd8; // NSW Aboriginal palette grey. Step 250: subtle backgrounds and surfaces.\n@nsw-aboriginal-grey-300: #d8d4d1; // NSW Aboriginal palette grey. Step 300: Interactive components.\n@nsw-aboriginal-grey-350: #d2cdc9; // NSW Aboriginal palette grey. Step 350: Interactive components.\n@nsw-aboriginal-grey-400: #ccc6c2; // NSW Aboriginal palette Ash Grey. Step 400: Interactive components.\n@nsw-aboriginal-grey-450: #ada8a5; // NSW Aboriginal palette grey. Step 450: Interactive components.\n@nsw-aboriginal-grey-500: #8e8b8a; // NSW Aboriginal palette grey \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n@nsw-aboriginal-grey-550: #71706f; // NSW Aboriginal palette grey. Step 550: borders and icons.\n@nsw-aboriginal-grey-600: #555555; // NSW Aboriginal palette Emu Grey. Step 600: borders and icons.\n@nsw-aboriginal-grey-650: #494949; // NSW Aboriginal palette grey. Step 650: borders and icons.\n@nsw-aboriginal-grey-700: #3d3d3d; // NSW Aboriginal palette grey. Step 700: borders and icons.\n@nsw-aboriginal-grey-750: #323232; // NSW Aboriginal palette grey. Step 750: text and high emphasis.\n@nsw-aboriginal-grey-800: #272727; // NSW Aboriginal palette Charcoal Grey. Step 800: text and high emphasis.\n@nsw-aboriginal-grey-850: #1c1c1c; // NSW Aboriginal palette grey. Step 850: text and high emphasis.\n@nsw-aboriginal-grey-900: #111111; // NSW Aboriginal palette grey. Step 900: text and high emphasis.\n@nsw-aboriginal-grey-950: #070707; // NSW Aboriginal palette grey. Step 950: text and high emphasis.\n@nsw-aboriginal-red-50: #fff5f5; // NSW Aboriginal palette red. Step 50: subtle backgrounds and surfaces.\n@nsw-aboriginal-red-100: #ffebeb; // NSW Aboriginal palette red. Step 100: subtle backgrounds and surfaces.\n@nsw-aboriginal-red-150: #fee2e2; // NSW Aboriginal palette red. Step 150: subtle backgrounds and surfaces.\n@nsw-aboriginal-red-200: #fdd9d9; // NSW Aboriginal palette Galah Pink. Step 200: subtle backgrounds and surfaces.\n@nsw-aboriginal-red-250: #fdd0d0; // NSW Aboriginal palette red. Step 250: subtle backgrounds and surfaces.\n@nsw-aboriginal-red-300: #fcc7c6; // NSW Aboriginal palette red. Step 300: Interactive components.\n@nsw-aboriginal-red-350: #fcbdbd; // NSW Aboriginal palette red. Step 350: Interactive components.\n@nsw-aboriginal-red-400: #fbb4b3; // NSW Aboriginal palette Coral Pink. Step 400: Interactive components.\n@nsw-aboriginal-red-450: #f79693; // NSW Aboriginal palette red. Step 450: Interactive components.\n@nsw-aboriginal-red-500: #f27771; // NSW Aboriginal palette red \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n@nsw-aboriginal-red-550: #ea554c; // NSW Aboriginal palette red. Step 550: borders and icons.\n@nsw-aboriginal-red-600: #e1261c; // NSW Aboriginal palette Ember Red. Step 600: borders and icons.\n@nsw-aboriginal-red-650: #cd1f17; // NSW Aboriginal palette red. Step 650: borders and icons.\n@nsw-aboriginal-red-700: #ba1811; // NSW Aboriginal palette red. Step 700: borders and icons.\n@nsw-aboriginal-red-750: #a7110b; // NSW Aboriginal palette red. Step 750: text and high emphasis.\n@nsw-aboriginal-red-800: #950906; // NSW Aboriginal palette Earth Red. Step 800: text and high emphasis.\n@nsw-aboriginal-red-850: #740001; // NSW Aboriginal palette red. Step 850: text and high emphasis.\n@nsw-aboriginal-red-900: #540000; // NSW Aboriginal palette red. Step 900: text and high emphasis.\n@nsw-aboriginal-red-950: #360000; // NSW Aboriginal palette red. Step 950: text and high emphasis.\n@nsw-aboriginal-orange-50: #fff4ec; // NSW Aboriginal palette orange. Step 50: subtle backgrounds and surfaces.\n@nsw-aboriginal-orange-100: #fee9dd; // NSW Aboriginal palette orange. Step 100: subtle backgrounds and surfaces.\n@nsw-aboriginal-orange-150: #fcdfcd; // NSW Aboriginal palette orange. Step 150: subtle backgrounds and surfaces.\n@nsw-aboriginal-orange-200: #f9d4be; // NSW Aboriginal palette Sunset Orange. Step 200: subtle backgrounds and surfaces.\n@nsw-aboriginal-orange-250: #f8caae; // NSW Aboriginal palette orange. Step 250: subtle backgrounds and surfaces.\n@nsw-aboriginal-orange-300: #f7bf9e; // NSW Aboriginal palette orange. Step 300: Interactive components.\n@nsw-aboriginal-orange-350: #f6b58e; // NSW Aboriginal palette orange. Step 350: Interactive components.\n@nsw-aboriginal-orange-400: #f4aa7d; // NSW Aboriginal palette Clay Orange. Step 400: Interactive components.\n@nsw-aboriginal-orange-450: #f39a66; // NSW Aboriginal palette orange. Step 450: Interactive components.\n@nsw-aboriginal-orange-500: #f2894f; // NSW Aboriginal palette orange \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n@nsw-aboriginal-orange-550: #f07736; // NSW Aboriginal palette orange. Step 550: borders and icons.\n@nsw-aboriginal-orange-600: #ee6314; // NSW Aboriginal palette Orange Ochre. Step 600: borders and icons.\n@nsw-aboriginal-orange-650: #d45310; // NSW Aboriginal palette orange. Step 650: borders and icons.\n@nsw-aboriginal-orange-700: #ba440a; // NSW Aboriginal palette orange. Step 700: borders and icons.\n@nsw-aboriginal-orange-750: #a13505; // NSW Aboriginal palette orange. Step 750: text and high emphasis.\n@nsw-aboriginal-orange-800: #882600; // NSW Aboriginal palette Deep Orange. Step 800: text and high emphasis.\n@nsw-aboriginal-orange-850: #691900; // NSW Aboriginal palette orange. Step 850: text and high emphasis.\n@nsw-aboriginal-orange-900: #4c0d00; // NSW Aboriginal palette orange. Step 900: text and high emphasis.\n@nsw-aboriginal-orange-950: #300300; // NSW Aboriginal palette orange. Step 950: text and high emphasis.\n@nsw-aboriginal-brown-50: #fcf1e9; // NSW Aboriginal palette brown. Step 50: subtle backgrounds and surfaces.\n@nsw-aboriginal-brown-100: #f6e3d7; // NSW Aboriginal palette brown. Step 100: subtle backgrounds and surfaces.\n@nsw-aboriginal-brown-150: #efd5c4; // NSW Aboriginal palette brown. Step 150: subtle backgrounds and surfaces.\n@nsw-aboriginal-brown-200: #e9c8b2; // NSW Aboriginal palette Macadamia Brown. Step 200: subtle backgrounds and surfaces.\n@nsw-aboriginal-brown-250: #e4ba9f; // NSW Aboriginal palette brown. Step 250: subtle backgrounds and surfaces.\n@nsw-aboriginal-brown-300: #dead8c; // NSW Aboriginal palette brown. Step 300: Interactive components.\n@nsw-aboriginal-brown-350: #d99f78; // NSW Aboriginal palette brown. Step 350: Interactive components.\n@nsw-aboriginal-brown-400: #d39165; // NSW Aboriginal palette Claystone Brown. Step 400: Interactive components.\n@nsw-aboriginal-brown-450: #c68158; // NSW Aboriginal palette brown. Step 450: Interactive components.\n@nsw-aboriginal-brown-500: #b9724b; // NSW Aboriginal palette brown \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n@nsw-aboriginal-brown-550: #ab623e; // NSW Aboriginal palette brown. Step 550: borders and icons.\n@nsw-aboriginal-brown-600: #9e5332; // NSW Aboriginal palette Firewood Brown. Step 600: borders and icons.\n@nsw-aboriginal-brown-650: #8b4627; // NSW Aboriginal palette brown. Step 650: borders and icons.\n@nsw-aboriginal-brown-700: #79391c; // NSW Aboriginal palette brown. Step 700: borders and icons.\n@nsw-aboriginal-brown-750: #672d10; // NSW Aboriginal palette brown. Step 750: text and high emphasis.\n@nsw-aboriginal-brown-800: #552105; // NSW Aboriginal palette Riverbed Brown. Step 800: text and high emphasis.\n@nsw-aboriginal-brown-850: #411602; // NSW Aboriginal palette brown. Step 850: text and high emphasis.\n@nsw-aboriginal-brown-900: #2d0c00; // NSW Aboriginal palette brown. Step 900: text and high emphasis.\n@nsw-aboriginal-brown-950: #1b0400; // NSW Aboriginal palette brown. Step 950: text and high emphasis.\n@nsw-aboriginal-yellow-50: #fffcee; // NSW Aboriginal palette yellow. Step 50: subtle backgrounds and surfaces.\n@nsw-aboriginal-yellow-100: #fff8e0; // NSW Aboriginal palette yellow. Step 100: subtle backgrounds and surfaces.\n@nsw-aboriginal-yellow-150: #fff5d3; // NSW Aboriginal palette yellow. Step 150: subtle backgrounds and surfaces.\n@nsw-aboriginal-yellow-200: #fff1c5; // NSW Aboriginal palette Sunbeam Yellow. Step 200: subtle backgrounds and surfaces.\n@nsw-aboriginal-yellow-250: #ffeeb7; // NSW Aboriginal palette yellow. Step 250: subtle backgrounds and surfaces.\n@nsw-aboriginal-yellow-300: #ffeba9; // NSW Aboriginal palette yellow. Step 300: Interactive components.\n@nsw-aboriginal-yellow-350: #fee79b; // NSW Aboriginal palette yellow. Step 350: Interactive components.\n@nsw-aboriginal-yellow-400: #fee48c; // NSW Aboriginal palette Golden Wattle Yellow. Step 400: Interactive components.\n@nsw-aboriginal-yellow-450: #fed675; // NSW Aboriginal palette yellow. Step 450: Interactive components.\n@nsw-aboriginal-yellow-500: #fec85d; // NSW Aboriginal palette yellow \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n@nsw-aboriginal-yellow-550: #feb944; // NSW Aboriginal palette yellow. Step 550: borders and icons.\n@nsw-aboriginal-yellow-600: #fea927; // NSW Aboriginal palette Sandstone Yellow. Step 600: borders and icons.\n@nsw-aboriginal-yellow-650: #df961c; // NSW Aboriginal palette yellow. Step 650: borders and icons.\n@nsw-aboriginal-yellow-700: #c18312; // NSW Aboriginal palette yellow. Step 700: borders and icons.\n@nsw-aboriginal-yellow-750: #a57007; // NSW Aboriginal palette yellow. Step 750: text and high emphasis.\n@nsw-aboriginal-yellow-800: #895e00; // NSW Aboriginal palette Bush Honey Yellow. Step 800: text and high emphasis.\n@nsw-aboriginal-yellow-850: #694700; // NSW Aboriginal palette yellow. Step 850: text and high emphasis.\n@nsw-aboriginal-yellow-900: #4c3000; // NSW Aboriginal palette yellow. Step 900: text and high emphasis.\n@nsw-aboriginal-yellow-950: #2f1c00; // NSW Aboriginal palette yellow. Step 950: text and high emphasis.\n@nsw-aboriginal-green-50: #f5f9f2; // NSW Aboriginal palette green. Step 50: subtle backgrounds and surfaces.\n@nsw-aboriginal-green-100: #ecf3e7; // NSW Aboriginal palette green. Step 100: subtle backgrounds and surfaces.\n@nsw-aboriginal-green-150: #e3ecdc; // NSW Aboriginal palette green. Step 150: subtle backgrounds and surfaces.\n@nsw-aboriginal-green-200: #dae6d1; // NSW Aboriginal palette Saltbush Green. Step 200: subtle backgrounds and surfaces.\n@nsw-aboriginal-green-250: #d1e0c6; // NSW Aboriginal palette green. Step 250: subtle backgrounds and surfaces.\n@nsw-aboriginal-green-300: #c7d9ba; // NSW Aboriginal palette green. Step 300: Interactive components.\n@nsw-aboriginal-green-350: #bed3af; // NSW Aboriginal palette green. Step 350: Interactive components.\n@nsw-aboriginal-green-400: #b5cda4; // NSW Aboriginal palette Gumleaf Green. Step 400: Interactive components.\n@nsw-aboriginal-green-450: #a5c28e; // NSW Aboriginal palette green. Step 450: Interactive components.\n@nsw-aboriginal-green-500: #95b777; // NSW Aboriginal palette green \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n@nsw-aboriginal-green-550: #86ac60; // NSW Aboriginal palette green. Step 550: borders and icons.\n@nsw-aboriginal-green-600: #78a146; // NSW Aboriginal palette Marshland Lime. Step 600: borders and icons.\n@nsw-aboriginal-green-650: #5f8f44; // NSW Aboriginal palette green. Step 650: borders and icons.\n@nsw-aboriginal-green-700: #497d40; // NSW Aboriginal palette green. Step 700: borders and icons.\n@nsw-aboriginal-green-750: #346a3b; // NSW Aboriginal palette green. Step 750: text and high emphasis.\n@nsw-aboriginal-green-800: #215834; // NSW Aboriginal palette Bushland Green. Step 800: text and high emphasis.\n@nsw-aboriginal-green-850: #154225; // NSW Aboriginal palette green. Step 850: text and high emphasis.\n@nsw-aboriginal-green-900: #0a2e17; // NSW Aboriginal palette green. Step 900: text and high emphasis.\n@nsw-aboriginal-green-950: #021b0a; // NSW Aboriginal palette green. Step 950: text and high emphasis.\n@nsw-aboriginal-blue-50: #eef8fa; // NSW Aboriginal palette blue. Step 50: subtle backgrounds and surfaces.\n@nsw-aboriginal-blue-100: #dff1f4; // NSW Aboriginal palette blue. Step 100: subtle backgrounds and surfaces.\n@nsw-aboriginal-blue-150: #d0e9ee; // NSW Aboriginal palette blue. Step 150: subtle backgrounds and surfaces.\n@nsw-aboriginal-blue-200: #c1e2e8; // NSW Aboriginal palette Coastal Blue. Step 200: subtle backgrounds and surfaces.\n@nsw-aboriginal-blue-250: #b2dbe2; // NSW Aboriginal palette blue. Step 250: subtle backgrounds and surfaces.\n@nsw-aboriginal-blue-300: #a3d4dc; // NSW Aboriginal palette blue. Step 300: Interactive components.\n@nsw-aboriginal-blue-350: #94ccd7; // NSW Aboriginal palette blue. Step 350: Interactive components.\n@nsw-aboriginal-blue-400: #84c5d1; // NSW Aboriginal palette Light Water Blue. Step 400: Interactive components.\n@nsw-aboriginal-blue-450: #67aec0; // NSW Aboriginal palette blue. Step 450: Interactive components.\n@nsw-aboriginal-blue-500: #4a96b0; // NSW Aboriginal palette blue \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n@nsw-aboriginal-blue-550: #2e7fa1; // NSW Aboriginal palette blue. Step 550: borders and icons.\n@nsw-aboriginal-blue-600: #0d6791; // NSW Aboriginal palette Saltwater Blue. Step 600: borders and icons.\n@nsw-aboriginal-blue-650: #095d84; // NSW Aboriginal palette blue. Step 650: borders and icons.\n@nsw-aboriginal-blue-700: #055377; // NSW Aboriginal palette blue. Step 700: borders and icons.\n@nsw-aboriginal-blue-750: #02496a; // NSW Aboriginal palette blue. Step 750: text and high emphasis.\n@nsw-aboriginal-blue-800: #00405e; // NSW Aboriginal palette Billabong Blue. Step 800: text and high emphasis.\n@nsw-aboriginal-blue-850: #002f48; // NSW Aboriginal palette blue. Step 850: text and high emphasis.\n@nsw-aboriginal-blue-900: #002033; // NSW Aboriginal palette blue. Step 900: text and high emphasis.\n@nsw-aboriginal-blue-950: #00111f; // NSW Aboriginal palette blue. Step 950: text and high emphasis.\n@nsw-aboriginal-purple-50: #faf1f8; // NSW Aboriginal palette purple. Step 50: subtle backgrounds and surfaces.\n@nsw-aboriginal-purple-100: #f2e5f0; // NSW Aboriginal palette purple. Step 100: subtle backgrounds and surfaces.\n@nsw-aboriginal-purple-150: #ebd8e8; // NSW Aboriginal palette purple. Step 150: subtle backgrounds and surfaces.\n@nsw-aboriginal-purple-200: #e4cce0; // NSW Aboriginal palette Dusk Purple. Step 200: subtle backgrounds and surfaces.\n@nsw-aboriginal-purple-250: #ddbfd8; // NSW Aboriginal palette purple. Step 250: subtle backgrounds and surfaces.\n@nsw-aboriginal-purple-300: #d7b3d1; // NSW Aboriginal palette purple. Step 300: Interactive components.\n@nsw-aboriginal-purple-350: #d0a6c9; // NSW Aboriginal palette purple. Step 350: Interactive components.\n@nsw-aboriginal-purple-400: #c99ac2; // NSW Aboriginal palette Lilli Pilli Purple. Step 400: Interactive components.\n@nsw-aboriginal-purple-450: #bd8bb6; // NSW Aboriginal palette purple. Step 450: Interactive components.\n@nsw-aboriginal-purple-500: #b17caa; // NSW Aboriginal palette purple \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n@nsw-aboriginal-purple-550: #a66d9f; // NSW Aboriginal palette purple. Step 550: borders and icons.\n@nsw-aboriginal-purple-600: #9a5e93; // NSW Aboriginal palette Spirit Lilac. Step 600: borders and icons.\n@nsw-aboriginal-purple-650: #844f7e; // NSW Aboriginal palette purple. Step 650: borders and icons.\n@nsw-aboriginal-purple-700: #6f4169; // NSW Aboriginal palette purple. Step 700: borders and icons.\n@nsw-aboriginal-purple-750: #5b3355; // NSW Aboriginal palette purple. Step 750: text and high emphasis.\n@nsw-aboriginal-purple-800: #472642; // NSW Aboriginal palette Bush Plum. Step 800: text and high emphasis.\n@nsw-aboriginal-purple-850: #351a31; // NSW Aboriginal palette purple. Step 850: text and high emphasis.\n@nsw-aboriginal-purple-900: #241021; // NSW Aboriginal palette purple. Step 900: text and high emphasis.\n@nsw-aboriginal-purple-950: #150612; // NSW Aboriginal palette purple. Step 950: text and high emphasis.\n@white: #ffffff; // Pure white \u2014 page backgrounds, content surfaces, and text on dark or solid fills.\n@black: #000000; // Pure black \u2014 maximum-contrast text, overlays, and scrims.\n";
|
|
68683
68758
|
|
|
@@ -68775,25 +68850,31 @@ var oklch_default12 = "@ember-50: oklch(0.269413 0.01036 242.083865);\n@ember-10
|
|
|
68775
68850
|
var rgb_default12 = "@ember-50: rgb(34, 39, 43);\n@ember-100: rgb(28, 42, 59);\n@ember-150: rgb(28, 42, 76);\n@ember-200: rgb(37, 38, 92);\n@ember-250: rgb(51, 31, 104);\n@ember-300: rgb(68, 17, 112);\n@ember-350: rgb(97, 17, 117);\n@ember-400: rgb(128, 15, 115);\n@ember-450: rgb(159, 9, 106);\n@ember-500: rgb(188, 7, 88);\n@ember-550: rgb(215, 21, 58);\n@ember-600: rgb(222, 43, 52);\n@ember-650: rgb(228, 59, 46);\n@ember-700: rgb(233, 73, 39);\n@ember-750: rgb(238, 86, 33);\n@ember-800: rgb(243, 99, 27);\n@ember-850: rgb(247, 115, 0);\n@ember-900: rgb(249, 130, 0);\n@ember-950: rgb(251, 145, 0);\n@ember-1000: rgb(251, 160, 0);\n@ember-1050: rgb(250, 175, 5);\n@earthfire-50: rgb(82, 55, 25);\n@earthfire-100: rgb(95, 54, 13);\n@earthfire-150: rgb(108, 51, 0);\n@earthfire-200: rgb(122, 46, 0);\n@earthfire-250: rgb(135, 38, 0);\n@earthfire-300: rgb(148, 27, 0);\n@earthfire-350: rgb(167, 42, 5);\n@earthfire-400: rgb(185, 56, 11);\n@earthfire-450: rgb(204, 70, 17);\n@earthfire-500: rgb(224, 85, 22);\n@earthfire-550: rgb(243, 99, 27);\n@earthfire-600: rgb(247, 115, 0);\n@earthfire-650: rgb(249, 130, 0);\n@earthfire-700: rgb(251, 145, 0);\n@earthfire-750: rgb(251, 160, 0);\n@earthfire-800: rgb(250, 175, 5);\n@earthfire-850: rgb(250, 187, 59);\n@earthfire-900: rgb(250, 199, 87);\n@earthfire-950: rgb(251, 210, 111);\n@earthfire-1000: rgb(252, 221, 133);\n@earthfire-1050: rgb(253, 231, 154);\n@fuchsia-heat-50: rgb(101, 0, 77);\n@fuchsia-heat-100: rgb(123, 2, 95);\n@fuchsia-heat-150: rgb(146, 4, 114);\n@fuchsia-heat-200: rgb(169, 8, 133);\n@fuchsia-heat-250: rgb(193, 13, 153);\n@fuchsia-heat-300: rgb(217, 18, 174);\n@fuchsia-heat-350: rgb(230, 30, 146);\n@fuchsia-heat-400: rgb(240, 45, 119);\n@fuchsia-heat-450: rgb(245, 62, 91);\n@fuchsia-heat-500: rgb(246, 80, 62);\n@fuchsia-heat-550: rgb(243, 99, 27);\n@fuchsia-heat-600: rgb(247, 115, 0);\n@fuchsia-heat-650: rgb(249, 130, 0);\n@fuchsia-heat-700: rgb(251, 145, 0);\n@fuchsia-heat-750: rgb(251, 160, 0);\n@fuchsia-heat-800: rgb(250, 175, 5);\n@fuchsia-heat-850: rgb(250, 187, 59);\n@fuchsia-heat-900: rgb(250, 199, 87);\n@fuchsia-heat-950: rgb(251, 210, 111);\n@fuchsia-heat-1000: rgb(252, 221, 133);\n@fuchsia-heat-1050: rgb(253, 231, 154);\n@polar-glow-50: rgb(0, 38, 100);\n@polar-glow-100: rgb(1, 51, 128);\n@polar-glow-150: rgb(3, 65, 158);\n@polar-glow-200: rgb(7, 79, 189);\n@polar-glow-250: rgb(13, 93, 220);\n@polar-glow-300: rgb(20, 108, 253);\n@polar-glow-350: rgb(0, 119, 231);\n@polar-glow-400: rgb(0, 126, 208);\n@polar-glow-450: rgb(0, 130, 184);\n@polar-glow-500: rgb(0, 130, 162);\n@polar-glow-550: rgb(46, 128, 142);\n@polar-glow-600: rgb(66, 146, 159);\n@polar-glow-650: rgb(84, 163, 176);\n@polar-glow-700: rgb(103, 182, 193);\n@polar-glow-750: rgb(121, 200, 211);\n@polar-glow-800: rgb(140, 219, 229);\n@polar-glow-850: rgb(154, 223, 229);\n@polar-glow-900: rgb(169, 227, 229);\n@polar-glow-950: rgb(182, 231, 230);\n@polar-glow-1000: rgb(196, 235, 231);\n@polar-glow-1050: rgb(209, 238, 234);\n@glacier-pool-50: rgb(68, 17, 112);\n@glacier-pool-100: rgb(81, 30, 136);\n@glacier-pool-150: rgb(93, 43, 161);\n@glacier-pool-200: rgb(106, 57, 187);\n@glacier-pool-250: rgb(117, 70, 214);\n@glacier-pool-300: rgb(128, 85, 241);\n@glacier-pool-350: rgb(115, 89, 246);\n@glacier-pool-400: rgb(100, 94, 250);\n@glacier-pool-450: rgb(83, 98, 252);\n@glacier-pool-500: rgb(60, 103, 253);\n@glacier-pool-550: rgb(20, 108, 253);\n@glacier-pool-600: rgb(0, 137, 255);\n@glacier-pool-650: rgb(12, 162, 255);\n@glacier-pool-700: rgb(59, 185, 255);\n@glacier-pool-750: rgb(100, 205, 255);\n@glacier-pool-800: rgb(140, 224, 255);\n@glacier-pool-850: rgb(154, 227, 255);\n@glacier-pool-900: rgb(167, 229, 255);\n@glacier-pool-950: rgb(179, 232, 254);\n@glacier-pool-1000: rgb(191, 234, 254);\n@glacier-pool-1050: rgb(203, 237, 253);\n@deep-current-50: rgb(11, 63, 71);\n@deep-current-100: rgb(18, 75, 84);\n@deep-current-150: rgb(25, 88, 98);\n@deep-current-200: rgb(32, 101, 113);\n@deep-current-250: rgb(39, 114, 127);\n@deep-current-300: rgb(46, 128, 142);\n@deep-current-350: rgb(0, 130, 162);\n@deep-current-400: rgb(0, 130, 184);\n@deep-current-450: rgb(0, 126, 208);\n@deep-current-500: rgb(0, 119, 231);\n@deep-current-550: rgb(20, 108, 253);\n@deep-current-600: rgb(0, 137, 255);\n@deep-current-650: rgb(12, 162, 255);\n@deep-current-700: rgb(59, 185, 255);\n@deep-current-750: rgb(100, 205, 255);\n@deep-current-800: rgb(140, 224, 255);\n@deep-current-850: rgb(154, 227, 255);\n@deep-current-900: rgb(167, 229, 255);\n@deep-current-950: rgb(179, 232, 254);\n@deep-current-1000: rgb(191, 234, 254);\n@deep-current-1050: rgb(203, 237, 253);\n@blue-red-50: rgb(0, 38, 100);\n@blue-red-100: rgb(1, 51, 128);\n@blue-red-150: rgb(3, 65, 158);\n@blue-red-200: rgb(7, 79, 189);\n@blue-red-250: rgb(13, 93, 220);\n@blue-red-300: rgb(20, 108, 253);\n@blue-red-350: rgb(76, 142, 255);\n@blue-red-400: rgb(121, 172, 255);\n@blue-red-450: rgb(165, 200, 255);\n@blue-red-500: rgb(210, 228, 255);\n@blue-red-550: rgb(254, 215, 214);\n@blue-red-600: rgb(249, 175, 174);\n@blue-red-650: rgb(241, 134, 135);\n@blue-red-700: rgb(229, 89, 97);\n@blue-red-750: rgb(215, 21, 58);\n@blue-red-800: rgb(191, 15, 52);\n@blue-red-850: rgb(167, 10, 45);\n@blue-red-900: rgb(143, 5, 39);\n@blue-red-950: rgb(121, 2, 32);\n@blue-red-1000: rgb(99, 0, 25);\n@blue-orange-50: rgb(0, 38, 100);\n@blue-orange-100: rgb(1, 51, 128);\n@blue-orange-150: rgb(3, 65, 158);\n@blue-orange-200: rgb(7, 79, 189);\n@blue-orange-250: rgb(13, 93, 220);\n@blue-orange-300: rgb(20, 108, 253);\n@blue-orange-350: rgb(76, 142, 255);\n@blue-orange-400: rgb(121, 172, 255);\n@blue-orange-450: rgb(165, 200, 255);\n@blue-orange-500: rgb(210, 228, 255);\n@blue-orange-550: rgb(255, 226, 214);\n@blue-orange-600: rgb(255, 196, 173);\n@blue-orange-650: rgb(254, 166, 131);\n@blue-orange-700: rgb(250, 134, 87);\n@blue-orange-750: rgb(243, 99, 27);\n@blue-orange-800: rgb(224, 85, 22);\n@blue-orange-850: rgb(204, 70, 17);\n@blue-orange-900: rgb(185, 56, 11);\n@blue-orange-950: rgb(167, 42, 5);\n@blue-orange-1000: rgb(148, 27, 0);\n@purple-yellow-50: rgb(68, 17, 112);\n@purple-yellow-100: rgb(81, 30, 136);\n@purple-yellow-150: rgb(93, 43, 161);\n@purple-yellow-200: rgb(106, 57, 187);\n@purple-yellow-250: rgb(117, 70, 214);\n@purple-yellow-300: rgb(128, 85, 241);\n@purple-yellow-350: rgb(150, 123, 247);\n@purple-yellow-400: rgb(174, 158, 251);\n@purple-yellow-450: rgb(199, 191, 254);\n@purple-yellow-500: rgb(227, 223, 255);\n@purple-yellow-550: rgb(255, 240, 218);\n@purple-yellow-600: rgb(255, 224, 180);\n@purple-yellow-650: rgb(254, 208, 139);\n@purple-yellow-700: rgb(252, 192, 93);\n@purple-yellow-750: rgb(250, 175, 5);\n@purple-yellow-800: rgb(219, 153, 3);\n@purple-yellow-850: rgb(189, 132, 2);\n@purple-yellow-900: rgb(160, 111, 1);\n@purple-yellow-950: rgb(132, 91, 0);\n@purple-yellow-1000: rgb(105, 72, 0);\n@fuchsia-teal-50: rgb(101, 0, 77);\n@fuchsia-teal-100: rgb(123, 2, 95);\n@fuchsia-teal-150: rgb(146, 4, 114);\n@fuchsia-teal-200: rgb(169, 8, 133);\n@fuchsia-teal-250: rgb(193, 13, 153);\n@fuchsia-teal-300: rgb(217, 18, 174);\n@fuchsia-teal-350: rgb(230, 91, 191);\n@fuchsia-teal-400: rgb(240, 136, 207);\n@fuchsia-teal-450: rgb(248, 177, 223);\n@fuchsia-teal-500: rgb(253, 216, 239);\n@fuchsia-teal-550: rgb(214, 229, 232);\n@fuchsia-teal-600: rgb(174, 203, 209);\n@fuchsia-teal-650: rgb(134, 178, 186);\n@fuchsia-teal-700: rgb(93, 153, 164);\n@fuchsia-teal-750: rgb(46, 128, 142);\n@fuchsia-teal-800: rgb(39, 114, 127);\n@fuchsia-teal-850: rgb(32, 101, 113);\n@fuchsia-teal-900: rgb(25, 88, 98);\n@fuchsia-teal-950: rgb(18, 75, 84);\n@fuchsia-teal-1000: rgb(11, 63, 71);\n";
|
|
68776
68851
|
|
|
68777
68852
|
// src/less/space/global.less
|
|
68778
|
-
var
|
|
68853
|
+
var global_default9 = "@space-0: 0rem; // Spacing step 0 on the 4px grid (0px at the default root font size). Use for padding, margins, and gaps.\n@space-1: 0.25rem; // Spacing step 1 on the 4px grid (4px at the default root font size). Use for padding, margins, and gaps.\n@space-2: 0.5rem; // Spacing step 2 on the 4px grid (8px at the default root font size). Use for padding, margins, and gaps.\n@space-3: 0.75rem; // Spacing step 3 on the 4px grid (12px at the default root font size). Use for padding, margins, and gaps.\n@space-4: 1rem; // Spacing step 4 on the 4px grid (16px at the default root font size). Use for padding, margins, and gaps.\n@space-5: 1.25rem; // Spacing step 5 on the 4px grid (20px at the default root font size). Use for padding, margins, and gaps.\n@space-6: 1.5rem; // Spacing step 6 on the 4px grid (24px at the default root font size). Use for padding, margins, and gaps.\n@space-8: 2rem; // Spacing step 8 on the 4px grid (32px at the default root font size). Use for padding, margins, and gaps.\n@space-10: 2.5rem; // Spacing step 10 on the 4px grid (40px at the default root font size). Use for padding, margins, and gaps.\n@space-12: 3rem; // Spacing step 12 on the 4px grid (48px at the default root font size). Use for padding, margins, and gaps.\n@space-14: 3.5rem; // Spacing step 14 on the 4px grid (56px at the default root font size). Use for padding, margins, and gaps.\n@space-16: 4rem; // Spacing step 16 on the 4px grid (64px at the default root font size). Use for padding, margins, and gaps.\n";
|
|
68779
68854
|
|
|
68780
68855
|
// src/less/radius/global.less
|
|
68781
|
-
var
|
|
68856
|
+
var global_default10 = "@radius-none: 0px; // Square corners \u2014 tables, full-bleed surfaces, and elements flush to container edges.\n@radius-sm: 4px; // Small rounding \u2014 inputs, buttons, tags, and compact controls.\n@radius-md: 8px; // Medium rounding \u2014 cards, panels, and modals.\n@radius-lg: 16px; // Large rounding \u2014 hero surfaces and prominent containers.\n@radius-pill: 9999px; // Fully rounded ends \u2014 pills, badges, and circular icon buttons.\n";
|
|
68782
68857
|
|
|
68783
68858
|
// src/less/breakpoints/global.less
|
|
68784
|
-
var
|
|
68859
|
+
var global_default11 = "@breakpoint-xs: 480px; // Extra-small breakpoint \u2014 large phones and up.\n@breakpoint-sm: 768px; // Small breakpoint \u2014 tablets portrait and up.\n@breakpoint-md: 992px; // Medium breakpoint \u2014 tablets landscape / small laptops and up.\n@breakpoint-lg: 1200px; // Large breakpoint \u2014 desktops and up.\n@breakpoint-xl: 1600px; // Extra-large breakpoint \u2014 wide desktops and up.\n";
|
|
68785
68860
|
|
|
68786
68861
|
// src/less/typography/global.less
|
|
68787
|
-
var
|
|
68862
|
+
var global_default12 = "@font-family-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Primary typeface \u2014 Public Sans (the NSW Government brand typeface) with system, Helvetica/Arial, and emoji fallbacks. Use for all UI and body text.\n@font-family-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Display typeface \u2014 currently the same stack as sans; a separate token so display/heading type can diverge from body text later without a breaking change.\n@font-family-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // System typeface \u2014 currently the same stack as sans; a separate token for system-chrome contexts (toasts, native-feeling UI) that may diverge later.\n@font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; // Monospace stack \u2014 JetBrains Mono with ui-monospace and system fallbacks for code, tabular data, and technical content.\n@font-size-12: 0.75rem; // Font size 12px (0.75rem) \u2014 the step name is the px value at the default root font size.\n@font-size-14: 0.875rem; // Font size 14px (0.875rem) \u2014 the step name is the px value at the default root font size.\n@font-size-16: 1rem; // Font size 16px (1rem) \u2014 the step name is the px value at the default root font size.\n@font-size-18: 1.125rem; // Font size 18px (1.125rem) \u2014 the step name is the px value at the default root font size.\n@font-size-20: 1.25rem; // Font size 20px (1.25rem) \u2014 the step name is the px value at the default root font size.\n@font-size-22: 1.375rem; // Font size 22px (1.375rem) \u2014 the step name is the px value at the default root font size.\n@font-size-24: 1.5rem; // Font size 24px (1.5rem) \u2014 the step name is the px value at the default root font size.\n@font-size-30: 1.875rem; // Font size 30px (1.875rem) \u2014 the step name is the px value at the default root font size.\n@font-size-36: 2.25rem; // Font size 36px (2.25rem) \u2014 the step name is the px value at the default root font size.\n@font-size-48: 3rem; // Font size 48px (3rem) \u2014 the step name is the px value at the default root font size.\n@font-size-56: 3.5rem; // Font size 56px (3.5rem) \u2014 the step name is the px value at the default root font size.\n@font-size-64: 4rem; // Font size 64px (4rem) \u2014 the step name is the px value at the default root font size.\n@font-weight-light: 300; // Light (300) \u2014 large display text only; avoid at body sizes for legibility.\n@font-weight-regular: 400; // Regular (400) \u2014 default body text weight.\n@font-weight-medium: 500; // Medium (500) \u2014 subtle emphasis, labels, and navigation.\n@font-weight-semibold: 600; // Semibold (600) \u2014 headings and strong emphasis.\n@font-weight-bold: 700; // Bold (700) \u2014 highest emphasis; key figures and primary headings.\n@font-weight-extrabold: 800; // Extrabold (800) \u2014 hero/display headings (the prose scale uses 800 for h1).\n@line-height-none: 1; // Solid (1) \u2014 display headings set at their own size (48/48, 56/56, 64/64 in the prose scale).\n@line-height-tight: 1.2; // Tight (1.2) \u2014 large headings (36/30 in the prose scale).\n@line-height-snug: 1.3333333; // Snug (1.3333333) \u2014 mid-size headings (32/24, 40/30 in the prose scale).\n@line-height-base: 1.5; // Base (1.5) \u2014 default for UI text and dense content (24/16, 36/24 in the prose scale); meets WCAG 1.4.12 text-spacing.\n@line-height-relaxed: 1.6; // Relaxed (1.6) \u2014 subheadings and lead text (32/20 in the prose scale).\n@line-height-loose: 1.75; // Loose (1.75) \u2014 long-form body text (28/16 in the prose scale).\n@letter-spacing-tight: -0.0125em; // Tight tracking (-0.0125em) \u2014 large display headings. Value is an em multiplier; string outputs render it with the em unit.\n@letter-spacing-normal: 0em; // Normal tracking (0em) \u2014 default for body text. Value is an em multiplier; string outputs render it with the em unit.\n@letter-spacing-wide: 0.025em; // Wide tracking (0.025em) \u2014 small caps, overlines, and small labels. Value is an em multiplier; string outputs render it with the em unit.\n";
|
|
68788
68863
|
|
|
68789
68864
|
// src/less/typography/semantic.less
|
|
68790
68865
|
var semantic_default2 = "@typography-heading-1-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-heading-1-font-size: 2.25rem;\n@typography-heading-1-font-weight: 800;\n@typography-heading-1-line-height: 1.2;\n@typography-heading-1-letter-spacing: -0.0125em;\n@typography-heading-2-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-heading-2-font-size: 1.5rem;\n@typography-heading-2-font-weight: 700;\n@typography-heading-2-line-height: 1.3333333;\n@typography-heading-2-letter-spacing: 0em;\n@typography-heading-3-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-heading-3-font-size: 1.25rem;\n@typography-heading-3-font-weight: 600;\n@typography-heading-3-line-height: 1.6;\n@typography-heading-3-letter-spacing: 0em;\n@typography-heading-4-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-heading-4-font-size: 1rem;\n@typography-heading-4-font-weight: 600;\n@typography-heading-4-line-height: 1.5;\n@typography-heading-4-letter-spacing: 0em;\n@typography-body-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-body-font-size: 1rem;\n@typography-body-font-weight: 400;\n@typography-body-line-height: 1.75;\n@typography-body-letter-spacing: 0em;\n@typography-body-sm-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-body-sm-font-size: 0.875rem;\n@typography-body-sm-font-weight: 400;\n@typography-body-sm-line-height: 1.75;\n@typography-body-sm-letter-spacing: 0em;\n@typography-lead-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-lead-font-size: 1.25rem;\n@typography-lead-font-weight: 400;\n@typography-lead-line-height: 1.6;\n@typography-lead-letter-spacing: 0em;\n@typography-caption-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-caption-font-size: 0.75rem;\n@typography-caption-font-weight: 400;\n@typography-caption-line-height: 1.5;\n@typography-caption-letter-spacing: 0.025em;\n@typography-code-font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;\n@typography-code-font-size: 0.875rem;\n@typography-code-font-weight: 400;\n@typography-code-line-height: 1.5;\n@typography-code-letter-spacing: 0em;\n";
|
|
68791
68866
|
|
|
68792
68867
|
// src/less/border/global.less
|
|
68793
|
-
var
|
|
68868
|
+
var global_default13 = "@border-width-thin: 0.0625rem; // Thin border (0.0625rem / 1px at the default root) \u2014 hairlines, dividers, and default control borders.\n@border-width-thick: 0.125rem; // Thick border (0.125rem / 2px at the default root) \u2014 emphasis borders and selected states.\n@border-width-thicker: 0.25rem; // Thicker border (0.25rem / 4px at the default root) \u2014 focus rings and high-emphasis outlines.\n@border-width-default: 0.0625rem; // Default border width \u2014 aliases thin so the system-wide default can be retuned in one place.\n";
|
|
68794
68869
|
|
|
68795
68870
|
// src/less/shadow/global.less
|
|
68796
|
-
var
|
|
68871
|
+
var global_default14 = "@box-shadow-thin: inset 0 0 0 0.0625rem; // Thin inset ring (inset 0 0 0 border-width.thin) \u2014 border-via-shadow that does not affect layout; renders with currentColor.\n@box-shadow-thick: inset 0 0 0 0.125rem; // Thick inset ring (inset 0 0 0 border-width.thick) \u2014 emphasis/selected outline; renders with currentColor.\n@box-shadow-thicker: inset 0 0 0 0.25rem; // Thicker inset ring (inset 0 0 0 border-width.thicker) \u2014 focus indication; renders with currentColor.\n@shadow-color-5: rgb(0 0 0 / 0.05); // Shadow black at 5% alpha \u2014 the faintest elevation tint. Step name is the alpha percentage.\n@shadow-color-10: rgb(0 0 0 / 0.1); // Shadow black at 10% alpha \u2014 the standard elevation tint. Step name is the alpha percentage.\n@shadow-color-25: rgb(0 0 0 / 0.25); // Shadow black at 25% alpha \u2014 strong elevation for overlays/modals. Step name is the alpha percentage.\n@shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); // Small elevation \u2014 cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review.\n@shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // Medium elevation \u2014 dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review.\n@shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); // Large elevation \u2014 dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review.\n@shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); // Extra-large elevation \u2014 modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review.\n";
|
|
68872
|
+
|
|
68873
|
+
// src/less/motion/global.less
|
|
68874
|
+
var global_default15 = "@duration-fast: 150ms; // Fast \u2014 quick feedback on small elements (hovers, toggles, focus rings). DRAFT pending design review.\n@duration-base: 250ms; // Base \u2014 the default duration for most UI transitions. DRAFT pending design review.\n@duration-slow: 400ms; // Slow \u2014 larger surfaces entering or leaving (modals, drawers, sheets). DRAFT pending design review.\n@easing-standard: cubic-bezier(0.4, 0, 0.2, 1); // Standard ease-in-out \u2014 the default curve for elements moving within the viewport. DRAFT pending design review.\n@easing-decelerate: cubic-bezier(0, 0, 0.2, 1); // Decelerate (ease-out) \u2014 elements entering the screen, fast then settling. DRAFT pending design review.\n@easing-accelerate: cubic-bezier(0.4, 0, 1, 1); // Accelerate (ease-in) \u2014 elements leaving the screen, building speed as they exit. DRAFT pending design review.\n";
|
|
68875
|
+
|
|
68876
|
+
// src/less/z-index/global.less
|
|
68877
|
+
var global_default16 = "@z-index-base: 0; // Base stacking level (0) \u2014 default in-flow content. DRAFT pending design review.\n@z-index-dropdown: 1000; // Dropdown menus and select popups. DRAFT pending design review.\n@z-index-sticky: 1100; // Sticky elements that pin on scroll (headers, toolbars). DRAFT pending design review.\n@z-index-overlay: 1200; // Full-screen overlay scrims sitting behind modal content. DRAFT pending design review.\n@z-index-modal: 1300; // Modal dialogs and side sheets. DRAFT pending design review.\n@z-index-popover: 1400; // Popovers anchored to a trigger, above modals. DRAFT pending design review.\n@z-index-toast: 1500; // Toast and snackbar notifications. DRAFT pending design review.\n@z-index-tooltip: 1600; // Tooltips \u2014 the top-most interactive layer. DRAFT pending design review.\n";
|
|
68797
68878
|
|
|
68798
68879
|
// src/scss/colors/global/hex.scss
|
|
68799
68880
|
var hex_default13 = "$nsw-grey-50: #fafafa; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 50: subtle backgrounds and surfaces.\n$nsw-grey-100: #f5f5f5; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 100: subtle backgrounds and surfaces.\n$nsw-grey-150: #f0f0f0; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 150: subtle backgrounds and surfaces.\n$nsw-grey-200: #ebebeb; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 200: Interactive components.\n$nsw-grey-250: #e3e5e6; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 250: Interactive components.\n$nsw-grey-300: #dcdfe0; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 300: Interactive components.\n$nsw-grey-350: #d4d9db; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 350: Interactive components.\n$nsw-grey-400: #cdd3d6; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 400: Interactive components.\n$nsw-grey-450: #aab0b4; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 450: borders, separators and icons.\n$nsw-grey-500: #888f92; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 500: borders, separators and icons.\n$nsw-grey-550: #686f72; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 550: borders, separators and icons.\n$nsw-grey-600: #495054; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 600: borders, separators and icons.\n$nsw-grey-650: #3f4549; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 650: borders, separators and icons.\n$nsw-grey-700: #353b3f; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 700: Solid colors.\n$nsw-grey-750: #2b3135; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 750: Solid colors.\n$nsw-grey-800: #22272b; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 800: Solid colors.\n$nsw-grey-850: #181c1f; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 850: text and high emphasis.\n$nsw-grey-900: #0e1113; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 900: text and high emphasis.\n$nsw-grey-950: #050709; // Neutral grey \u2014 text, borders, surfaces, and dividers; every theme\u2019s grey ramp aliases this family. Step 950: text and high emphasis.\n$nsw-green-50: #f5fff6; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 50: subtle backgrounds and surfaces.\n$nsw-green-100: #ecfdee; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 100: subtle backgrounds and surfaces.\n$nsw-green-150: #e4fce7; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 150: subtle backgrounds and surfaces.\n$nsw-green-200: #dbfadf; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 200: Interactive components.\n$nsw-green-250: #cff7d4; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 250: Interactive components.\n$nsw-green-300: #c2f4c9; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 300: Interactive components.\n$nsw-green-350: #b5f0be; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 350: Interactive components.\n$nsw-green-400: #a8edb3; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 400: Interactive components.\n$nsw-green-450: #8adc98; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 450: borders, separators and icons.\n$nsw-green-500: #6acc7d; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 500: borders, separators and icons.\n$nsw-green-550: #45bb62; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 550: borders, separators and icons.\n$nsw-green-600: #00aa45; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 600: borders, separators and icons.\n$nsw-green-650: #078e32; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 650: borders, separators and icons.\n$nsw-green-700: #077320; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 700: Solid colors.\n$nsw-green-750: #03590f; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 750: Solid colors.\n$nsw-green-800: #004000; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 800: Solid colors.\n$nsw-green-850: #003000; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 850: text and high emphasis.\n$nsw-green-900: #002000; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 900: text and high emphasis.\n$nsw-green-950: #001100; // NSW palette green \u2014 accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 950: text and high emphasis.\n$nsw-teal-50: #f2fbfa; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.\n$nsw-teal-100: #e7f7f5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.\n$nsw-teal-150: #dcf2ef; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.\n$nsw-teal-200: #d1eeea; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components.\n$nsw-teal-250: #c1eae7; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components.\n$nsw-teal-300: #afe5e5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components.\n$nsw-teal-350: #9ee0e5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components.\n$nsw-teal-400: #8cdbe5; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components.\n$nsw-teal-450: #75c4cf; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.\n$nsw-teal-500: #5eacb9; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.\n$nsw-teal-550: #4696a3; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.\n$nsw-teal-600: #2e808e; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.\n$nsw-teal-650: #256f7b; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.\n$nsw-teal-700: #1c5f69; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors.\n$nsw-teal-750: #144e58; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors.\n$nsw-teal-800: #0b3f47; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors.\n$nsw-teal-850: #042f35; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis.\n$nsw-teal-900: #011f24; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis.\n$nsw-teal-950: #001114; // NSW palette teal \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis.\n$nsw-blue-50: #f0fbff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 50: subtle backgrounds and surfaces.\n$nsw-blue-100: #e4f6ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 100: subtle backgrounds and surfaces.\n$nsw-blue-150: #d7f2fe; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 150: subtle backgrounds and surfaces.\n$nsw-blue-200: #cbedfd; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 200: Interactive components.\n$nsw-blue-250: #bceafe; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 250: Interactive components.\n$nsw-blue-300: #ade7ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 300: Interactive components.\n$nsw-blue-350: #9de3ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 350: Interactive components.\n$nsw-blue-400: #8ce0ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 400: Interactive components.\n$nsw-blue-450: #5ac9ff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 450: borders, separators and icons.\n$nsw-blue-500: #26aeff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 500: borders, separators and icons.\n$nsw-blue-550: #008fff; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 550: borders, separators and icons.\n$nsw-blue-600: #146cfd; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 600: borders, separators and icons.\n$nsw-blue-650: #0c5ad4; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 650: borders, separators and icons.\n$nsw-blue-700: #0548ad; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 700: Solid colors.\n$nsw-blue-750: #023688; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 750: Solid colors.\n$nsw-blue-800: #002664; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 800: Solid colors.\n$nsw-blue-850: #001a4d; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 850: text and high emphasis.\n$nsw-blue-900: #001037; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 900: text and high emphasis.\n$nsw-blue-950: #000622; // NSW brand blue \u2014 masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 950: text and high emphasis.\n$nsw-purple-50: #f9f7ff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.\n$nsw-purple-100: #f2f0ff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.\n$nsw-purple-150: #ece8fe; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.\n$nsw-purple-200: #e6e1fd; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components.\n$nsw-purple-250: #e0d9fe; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components.\n$nsw-purple-300: #dad0fe; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components.\n$nsw-purple-350: #d4c8ff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components.\n$nsw-purple-400: #cebfff; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components.\n$nsw-purple-450: #baa6fc; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.\n$nsw-purple-500: #a68df9; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.\n$nsw-purple-550: #9372f5; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.\n$nsw-purple-600: #8055f1; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.\n$nsw-purple-650: #7243cf; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.\n$nsw-purple-700: #6432ae; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors.\n$nsw-purple-750: #54218e; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors.\n$nsw-purple-800: #441170; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors.\n$nsw-purple-850: #330856; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis.\n$nsw-purple-900: #23023e; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis.\n$nsw-purple-950: #130027; // NSW palette purple \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis.\n$nsw-fuchsia-50: #fff6fd; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 50: subtle backgrounds and surfaces.\n$nsw-fuchsia-100: #ffeef9; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 100: subtle backgrounds and surfaces.\n$nsw-fuchsia-150: #fee6f6; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 150: subtle backgrounds and surfaces.\n$nsw-fuchsia-200: #fddef2; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 200: Interactive components.\n$nsw-fuchsia-250: #fbd4ef; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 250: Interactive components.\n$nsw-fuchsia-300: #f9c9eb; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 300: Interactive components.\n$nsw-fuchsia-350: #f7bfe9; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 350: Interactive components.\n$nsw-fuchsia-400: #f4b5e6; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 400: Interactive components.\n$nsw-fuchsia-450: #ef96da; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 450: borders, separators and icons.\n$nsw-fuchsia-500: #e975cc; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 500: borders, separators and icons.\n$nsw-fuchsia-550: #e150be; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 550: borders, separators and icons.\n$nsw-fuchsia-600: #d912ae; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 600: borders, separators and icons.\n$nsw-fuchsia-650: #bb0c94; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 650: borders, separators and icons.\n$nsw-fuchsia-700: #9d067b; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 700: Solid colors.\n$nsw-fuchsia-750: #810264; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 750: Solid colors.\n$nsw-fuchsia-800: #65004d; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 800: Solid colors.\n$nsw-fuchsia-850: #4d003a; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 850: text and high emphasis.\n$nsw-fuchsia-900: #370028; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 900: text and high emphasis.\n$nsw-fuchsia-950: #220017; // NSW brand fuchsia \u2014 the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 950: text and high emphasis.\n$nsw-red-50: #fff8f9; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 50: subtle backgrounds and surfaces.\n$nsw-red-100: #fff2f4; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 100: subtle backgrounds and surfaces.\n$nsw-red-150: #ffecef; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 150: subtle backgrounds and surfaces.\n$nsw-red-200: #ffe6ea; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 200: Interactive components.\n$nsw-red-250: #ffdbe0; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 250: Interactive components.\n$nsw-red-300: #ffcfd6; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 300: Interactive components.\n$nsw-red-350: #ffc4cc; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 350: Interactive components.\n$nsw-red-400: #ffb8c1; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 400: Interactive components.\n$nsw-red-450: #f897a2; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 450: borders, separators and icons.\n$nsw-red-500: #ef7581; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 500: borders, separators and icons.\n$nsw-red-550: #e44f5f; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 550: borders, separators and icons.\n$nsw-red-600: #d7153a; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 600: borders, separators and icons.\n$nsw-red-650: #b90e32; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 650: borders, separators and icons.\n$nsw-red-700: #9b072a; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 700: Solid colors.\n$nsw-red-750: #7e0322; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 750: Solid colors.\n$nsw-red-800: #630019; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 800: Solid colors.\n$nsw-red-850: #4c0010; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 850: text and high emphasis.\n$nsw-red-900: #360008; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 900: text and high emphasis.\n$nsw-red-950: #210003; // NSW brand red \u2014 masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 950: text and high emphasis.\n$nsw-orange-50: #fffaf6; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 50: subtle backgrounds and surfaces.\n$nsw-orange-100: #fff6ee; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 100: subtle backgrounds and surfaces.\n$nsw-orange-150: #fef1e7; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 150: subtle backgrounds and surfaces.\n$nsw-orange-200: #fdeddf; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 200: Interactive components.\n$nsw-orange-250: #fee5ce; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 250: Interactive components.\n$nsw-orange-300: #ffddbd; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 300: Interactive components.\n$nsw-orange-350: #ffd6ab; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 350: Interactive components.\n$nsw-orange-400: #ffce99; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 400: Interactive components.\n$nsw-orange-450: #fdb678; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 450: borders, separators and icons.\n$nsw-orange-500: #fb9d58; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 500: borders, separators and icons.\n$nsw-orange-550: #f78139; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 550: borders, separators and icons.\n$nsw-orange-600: #f3631b; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 600: borders, separators and icons.\n$nsw-orange-650: #db5115; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 650: borders, separators and icons.\n$nsw-orange-700: #c33f0e; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 700: Solid colors.\n$nsw-orange-750: #ab2e06; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 750: Solid colors.\n$nsw-orange-800: #941b00; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 800: Solid colors.\n$nsw-orange-850: #730f00; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 850: text and high emphasis.\n$nsw-orange-900: #530400; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 900: text and high emphasis.\n$nsw-orange-950: #350000; // NSW palette orange \u2014 fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 950: text and high emphasis.\n$nsw-yellow-50: #fffcf0; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 50: subtle backgrounds and surfaces.\n$nsw-yellow-100: #fffae5; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 100: subtle backgrounds and surfaces.\n$nsw-yellow-150: #fff7da; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 150: subtle backgrounds and surfaces.\n$nsw-yellow-200: #fff4cf; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 200: Interactive components.\n$nsw-yellow-250: #fff1c2; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 250: Interactive components.\n$nsw-yellow-300: #feeeb5; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 300: Interactive components.\n$nsw-yellow-350: #feeaa8; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 350: Interactive components.\n$nsw-yellow-400: #fde79a; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 400: Interactive components.\n$nsw-yellow-450: #fbda80; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 450: borders, separators and icons.\n$nsw-yellow-500: #facd63; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 500: borders, separators and icons.\n$nsw-yellow-550: #fabe42; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 550: borders, separators and icons.\n$nsw-yellow-600: #faaf05; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 600: borders, separators and icons.\n$nsw-yellow-650: #d49403; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 650: borders, separators and icons.\n$nsw-yellow-700: #af7a01; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 700: Solid colors.\n$nsw-yellow-750: #8b6000; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 750: Solid colors.\n$nsw-yellow-800: #694800; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 800: Solid colors.\n$nsw-yellow-850: #503500; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 850: text and high emphasis.\n$nsw-yellow-900: #392400; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 900: text and high emphasis.\n$nsw-yellow-950: #221300; // NSW palette yellow \u2014 accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 950: text and high emphasis.\n$nsw-brown-50: #fbf8f4; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.\n$nsw-brown-100: #f6f1ea; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.\n$nsw-brown-150: #f2eae1; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.\n$nsw-brown-200: #ede3d7; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 200: Interactive components.\n$nsw-brown-250: #ecdece; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 250: Interactive components.\n$nsw-brown-300: #eadac6; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 300: Interactive components.\n$nsw-brown-350: #e9d5bd; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 350: Interactive components.\n$nsw-brown-400: #e8d0b5; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 400: Interactive components.\n$nsw-brown-450: #dbbf9f; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.\n$nsw-brown-500: #cfae89; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.\n$nsw-brown-550: #c29d73; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.\n$nsw-brown-600: #b68d5d; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.\n$nsw-brown-650: #9c764b; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.\n$nsw-brown-700: #82603a; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 700: Solid colors.\n$nsw-brown-750: #6a4b29; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 750: Solid colors.\n$nsw-brown-800: #523719; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 800: Solid colors.\n$nsw-brown-850: #3e280f; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 850: text and high emphasis.\n$nsw-brown-900: #2b1a07; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 900: text and high emphasis.\n$nsw-brown-950: #190d02; // NSW palette brown \u2014 accents, illustration, and data-visualisation support. Step 950: text and high emphasis.\n$nsw-aboriginal-grey-50: #f9f8f7; // NSW Aboriginal palette grey. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-grey-100: #f2f1ef; // NSW Aboriginal palette grey. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-grey-150: #ebeae8; // NSW Aboriginal palette grey. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-grey-200: #e5e3e0; // NSW Aboriginal palette Smoke Grey. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-grey-250: #dfdcd8; // NSW Aboriginal palette grey. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-grey-300: #d8d4d1; // NSW Aboriginal palette grey. Step 300: Interactive components.\n$nsw-aboriginal-grey-350: #d2cdc9; // NSW Aboriginal palette grey. Step 350: Interactive components.\n$nsw-aboriginal-grey-400: #ccc6c2; // NSW Aboriginal palette Ash Grey. Step 400: Interactive components.\n$nsw-aboriginal-grey-450: #ada8a5; // NSW Aboriginal palette grey. Step 450: Interactive components.\n$nsw-aboriginal-grey-500: #8e8b8a; // NSW Aboriginal palette grey \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-grey-550: #71706f; // NSW Aboriginal palette grey. Step 550: borders and icons.\n$nsw-aboriginal-grey-600: #555555; // NSW Aboriginal palette Emu Grey. Step 600: borders and icons.\n$nsw-aboriginal-grey-650: #494949; // NSW Aboriginal palette grey. Step 650: borders and icons.\n$nsw-aboriginal-grey-700: #3d3d3d; // NSW Aboriginal palette grey. Step 700: borders and icons.\n$nsw-aboriginal-grey-750: #323232; // NSW Aboriginal palette grey. Step 750: text and high emphasis.\n$nsw-aboriginal-grey-800: #272727; // NSW Aboriginal palette Charcoal Grey. Step 800: text and high emphasis.\n$nsw-aboriginal-grey-850: #1c1c1c; // NSW Aboriginal palette grey. Step 850: text and high emphasis.\n$nsw-aboriginal-grey-900: #111111; // NSW Aboriginal palette grey. Step 900: text and high emphasis.\n$nsw-aboriginal-grey-950: #070707; // NSW Aboriginal palette grey. Step 950: text and high emphasis.\n$nsw-aboriginal-red-50: #fff5f5; // NSW Aboriginal palette red. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-red-100: #ffebeb; // NSW Aboriginal palette red. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-red-150: #fee2e2; // NSW Aboriginal palette red. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-red-200: #fdd9d9; // NSW Aboriginal palette Galah Pink. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-red-250: #fdd0d0; // NSW Aboriginal palette red. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-red-300: #fcc7c6; // NSW Aboriginal palette red. Step 300: Interactive components.\n$nsw-aboriginal-red-350: #fcbdbd; // NSW Aboriginal palette red. Step 350: Interactive components.\n$nsw-aboriginal-red-400: #fbb4b3; // NSW Aboriginal palette Coral Pink. Step 400: Interactive components.\n$nsw-aboriginal-red-450: #f79693; // NSW Aboriginal palette red. Step 450: Interactive components.\n$nsw-aboriginal-red-500: #f27771; // NSW Aboriginal palette red \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-red-550: #ea554c; // NSW Aboriginal palette red. Step 550: borders and icons.\n$nsw-aboriginal-red-600: #e1261c; // NSW Aboriginal palette Ember Red. Step 600: borders and icons.\n$nsw-aboriginal-red-650: #cd1f17; // NSW Aboriginal palette red. Step 650: borders and icons.\n$nsw-aboriginal-red-700: #ba1811; // NSW Aboriginal palette red. Step 700: borders and icons.\n$nsw-aboriginal-red-750: #a7110b; // NSW Aboriginal palette red. Step 750: text and high emphasis.\n$nsw-aboriginal-red-800: #950906; // NSW Aboriginal palette Earth Red. Step 800: text and high emphasis.\n$nsw-aboriginal-red-850: #740001; // NSW Aboriginal palette red. Step 850: text and high emphasis.\n$nsw-aboriginal-red-900: #540000; // NSW Aboriginal palette red. Step 900: text and high emphasis.\n$nsw-aboriginal-red-950: #360000; // NSW Aboriginal palette red. Step 950: text and high emphasis.\n$nsw-aboriginal-orange-50: #fff4ec; // NSW Aboriginal palette orange. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-orange-100: #fee9dd; // NSW Aboriginal palette orange. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-orange-150: #fcdfcd; // NSW Aboriginal palette orange. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-orange-200: #f9d4be; // NSW Aboriginal palette Sunset Orange. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-orange-250: #f8caae; // NSW Aboriginal palette orange. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-orange-300: #f7bf9e; // NSW Aboriginal palette orange. Step 300: Interactive components.\n$nsw-aboriginal-orange-350: #f6b58e; // NSW Aboriginal palette orange. Step 350: Interactive components.\n$nsw-aboriginal-orange-400: #f4aa7d; // NSW Aboriginal palette Clay Orange. Step 400: Interactive components.\n$nsw-aboriginal-orange-450: #f39a66; // NSW Aboriginal palette orange. Step 450: Interactive components.\n$nsw-aboriginal-orange-500: #f2894f; // NSW Aboriginal palette orange \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-orange-550: #f07736; // NSW Aboriginal palette orange. Step 550: borders and icons.\n$nsw-aboriginal-orange-600: #ee6314; // NSW Aboriginal palette Orange Ochre. Step 600: borders and icons.\n$nsw-aboriginal-orange-650: #d45310; // NSW Aboriginal palette orange. Step 650: borders and icons.\n$nsw-aboriginal-orange-700: #ba440a; // NSW Aboriginal palette orange. Step 700: borders and icons.\n$nsw-aboriginal-orange-750: #a13505; // NSW Aboriginal palette orange. Step 750: text and high emphasis.\n$nsw-aboriginal-orange-800: #882600; // NSW Aboriginal palette Deep Orange. Step 800: text and high emphasis.\n$nsw-aboriginal-orange-850: #691900; // NSW Aboriginal palette orange. Step 850: text and high emphasis.\n$nsw-aboriginal-orange-900: #4c0d00; // NSW Aboriginal palette orange. Step 900: text and high emphasis.\n$nsw-aboriginal-orange-950: #300300; // NSW Aboriginal palette orange. Step 950: text and high emphasis.\n$nsw-aboriginal-brown-50: #fcf1e9; // NSW Aboriginal palette brown. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-brown-100: #f6e3d7; // NSW Aboriginal palette brown. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-brown-150: #efd5c4; // NSW Aboriginal palette brown. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-brown-200: #e9c8b2; // NSW Aboriginal palette Macadamia Brown. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-brown-250: #e4ba9f; // NSW Aboriginal palette brown. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-brown-300: #dead8c; // NSW Aboriginal palette brown. Step 300: Interactive components.\n$nsw-aboriginal-brown-350: #d99f78; // NSW Aboriginal palette brown. Step 350: Interactive components.\n$nsw-aboriginal-brown-400: #d39165; // NSW Aboriginal palette Claystone Brown. Step 400: Interactive components.\n$nsw-aboriginal-brown-450: #c68158; // NSW Aboriginal palette brown. Step 450: Interactive components.\n$nsw-aboriginal-brown-500: #b9724b; // NSW Aboriginal palette brown \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-brown-550: #ab623e; // NSW Aboriginal palette brown. Step 550: borders and icons.\n$nsw-aboriginal-brown-600: #9e5332; // NSW Aboriginal palette Firewood Brown. Step 600: borders and icons.\n$nsw-aboriginal-brown-650: #8b4627; // NSW Aboriginal palette brown. Step 650: borders and icons.\n$nsw-aboriginal-brown-700: #79391c; // NSW Aboriginal palette brown. Step 700: borders and icons.\n$nsw-aboriginal-brown-750: #672d10; // NSW Aboriginal palette brown. Step 750: text and high emphasis.\n$nsw-aboriginal-brown-800: #552105; // NSW Aboriginal palette Riverbed Brown. Step 800: text and high emphasis.\n$nsw-aboriginal-brown-850: #411602; // NSW Aboriginal palette brown. Step 850: text and high emphasis.\n$nsw-aboriginal-brown-900: #2d0c00; // NSW Aboriginal palette brown. Step 900: text and high emphasis.\n$nsw-aboriginal-brown-950: #1b0400; // NSW Aboriginal palette brown. Step 950: text and high emphasis.\n$nsw-aboriginal-yellow-50: #fffcee; // NSW Aboriginal palette yellow. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-yellow-100: #fff8e0; // NSW Aboriginal palette yellow. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-yellow-150: #fff5d3; // NSW Aboriginal palette yellow. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-yellow-200: #fff1c5; // NSW Aboriginal palette Sunbeam Yellow. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-yellow-250: #ffeeb7; // NSW Aboriginal palette yellow. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-yellow-300: #ffeba9; // NSW Aboriginal palette yellow. Step 300: Interactive components.\n$nsw-aboriginal-yellow-350: #fee79b; // NSW Aboriginal palette yellow. Step 350: Interactive components.\n$nsw-aboriginal-yellow-400: #fee48c; // NSW Aboriginal palette Golden Wattle Yellow. Step 400: Interactive components.\n$nsw-aboriginal-yellow-450: #fed675; // NSW Aboriginal palette yellow. Step 450: Interactive components.\n$nsw-aboriginal-yellow-500: #fec85d; // NSW Aboriginal palette yellow \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-yellow-550: #feb944; // NSW Aboriginal palette yellow. Step 550: borders and icons.\n$nsw-aboriginal-yellow-600: #fea927; // NSW Aboriginal palette Sandstone Yellow. Step 600: borders and icons.\n$nsw-aboriginal-yellow-650: #df961c; // NSW Aboriginal palette yellow. Step 650: borders and icons.\n$nsw-aboriginal-yellow-700: #c18312; // NSW Aboriginal palette yellow. Step 700: borders and icons.\n$nsw-aboriginal-yellow-750: #a57007; // NSW Aboriginal palette yellow. Step 750: text and high emphasis.\n$nsw-aboriginal-yellow-800: #895e00; // NSW Aboriginal palette Bush Honey Yellow. Step 800: text and high emphasis.\n$nsw-aboriginal-yellow-850: #694700; // NSW Aboriginal palette yellow. Step 850: text and high emphasis.\n$nsw-aboriginal-yellow-900: #4c3000; // NSW Aboriginal palette yellow. Step 900: text and high emphasis.\n$nsw-aboriginal-yellow-950: #2f1c00; // NSW Aboriginal palette yellow. Step 950: text and high emphasis.\n$nsw-aboriginal-green-50: #f5f9f2; // NSW Aboriginal palette green. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-green-100: #ecf3e7; // NSW Aboriginal palette green. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-green-150: #e3ecdc; // NSW Aboriginal palette green. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-green-200: #dae6d1; // NSW Aboriginal palette Saltbush Green. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-green-250: #d1e0c6; // NSW Aboriginal palette green. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-green-300: #c7d9ba; // NSW Aboriginal palette green. Step 300: Interactive components.\n$nsw-aboriginal-green-350: #bed3af; // NSW Aboriginal palette green. Step 350: Interactive components.\n$nsw-aboriginal-green-400: #b5cda4; // NSW Aboriginal palette Gumleaf Green. Step 400: Interactive components.\n$nsw-aboriginal-green-450: #a5c28e; // NSW Aboriginal palette green. Step 450: Interactive components.\n$nsw-aboriginal-green-500: #95b777; // NSW Aboriginal palette green \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-green-550: #86ac60; // NSW Aboriginal palette green. Step 550: borders and icons.\n$nsw-aboriginal-green-600: #78a146; // NSW Aboriginal palette Marshland Lime. Step 600: borders and icons.\n$nsw-aboriginal-green-650: #5f8f44; // NSW Aboriginal palette green. Step 650: borders and icons.\n$nsw-aboriginal-green-700: #497d40; // NSW Aboriginal palette green. Step 700: borders and icons.\n$nsw-aboriginal-green-750: #346a3b; // NSW Aboriginal palette green. Step 750: text and high emphasis.\n$nsw-aboriginal-green-800: #215834; // NSW Aboriginal palette Bushland Green. Step 800: text and high emphasis.\n$nsw-aboriginal-green-850: #154225; // NSW Aboriginal palette green. Step 850: text and high emphasis.\n$nsw-aboriginal-green-900: #0a2e17; // NSW Aboriginal palette green. Step 900: text and high emphasis.\n$nsw-aboriginal-green-950: #021b0a; // NSW Aboriginal palette green. Step 950: text and high emphasis.\n$nsw-aboriginal-blue-50: #eef8fa; // NSW Aboriginal palette blue. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-blue-100: #dff1f4; // NSW Aboriginal palette blue. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-blue-150: #d0e9ee; // NSW Aboriginal palette blue. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-blue-200: #c1e2e8; // NSW Aboriginal palette Coastal Blue. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-blue-250: #b2dbe2; // NSW Aboriginal palette blue. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-blue-300: #a3d4dc; // NSW Aboriginal palette blue. Step 300: Interactive components.\n$nsw-aboriginal-blue-350: #94ccd7; // NSW Aboriginal palette blue. Step 350: Interactive components.\n$nsw-aboriginal-blue-400: #84c5d1; // NSW Aboriginal palette Light Water Blue. Step 400: Interactive components.\n$nsw-aboriginal-blue-450: #67aec0; // NSW Aboriginal palette blue. Step 450: Interactive components.\n$nsw-aboriginal-blue-500: #4a96b0; // NSW Aboriginal palette blue \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-blue-550: #2e7fa1; // NSW Aboriginal palette blue. Step 550: borders and icons.\n$nsw-aboriginal-blue-600: #0d6791; // NSW Aboriginal palette Saltwater Blue. Step 600: borders and icons.\n$nsw-aboriginal-blue-650: #095d84; // NSW Aboriginal palette blue. Step 650: borders and icons.\n$nsw-aboriginal-blue-700: #055377; // NSW Aboriginal palette blue. Step 700: borders and icons.\n$nsw-aboriginal-blue-750: #02496a; // NSW Aboriginal palette blue. Step 750: text and high emphasis.\n$nsw-aboriginal-blue-800: #00405e; // NSW Aboriginal palette Billabong Blue. Step 800: text and high emphasis.\n$nsw-aboriginal-blue-850: #002f48; // NSW Aboriginal palette blue. Step 850: text and high emphasis.\n$nsw-aboriginal-blue-900: #002033; // NSW Aboriginal palette blue. Step 900: text and high emphasis.\n$nsw-aboriginal-blue-950: #00111f; // NSW Aboriginal palette blue. Step 950: text and high emphasis.\n$nsw-aboriginal-purple-50: #faf1f8; // NSW Aboriginal palette purple. Step 50: subtle backgrounds and surfaces.\n$nsw-aboriginal-purple-100: #f2e5f0; // NSW Aboriginal palette purple. Step 100: subtle backgrounds and surfaces.\n$nsw-aboriginal-purple-150: #ebd8e8; // NSW Aboriginal palette purple. Step 150: subtle backgrounds and surfaces.\n$nsw-aboriginal-purple-200: #e4cce0; // NSW Aboriginal palette Dusk Purple. Step 200: subtle backgrounds and surfaces.\n$nsw-aboriginal-purple-250: #ddbfd8; // NSW Aboriginal palette purple. Step 250: subtle backgrounds and surfaces.\n$nsw-aboriginal-purple-300: #d7b3d1; // NSW Aboriginal palette purple. Step 300: Interactive components.\n$nsw-aboriginal-purple-350: #d0a6c9; // NSW Aboriginal palette purple. Step 350: Interactive components.\n$nsw-aboriginal-purple-400: #c99ac2; // NSW Aboriginal palette Lilli Pilli Purple. Step 400: Interactive components.\n$nsw-aboriginal-purple-450: #bd8bb6; // NSW Aboriginal palette purple. Step 450: Interactive components.\n$nsw-aboriginal-purple-500: #b17caa; // NSW Aboriginal palette purple \u2014 part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.\n$nsw-aboriginal-purple-550: #a66d9f; // NSW Aboriginal palette purple. Step 550: borders and icons.\n$nsw-aboriginal-purple-600: #9a5e93; // NSW Aboriginal palette Spirit Lilac. Step 600: borders and icons.\n$nsw-aboriginal-purple-650: #844f7e; // NSW Aboriginal palette purple. Step 650: borders and icons.\n$nsw-aboriginal-purple-700: #6f4169; // NSW Aboriginal palette purple. Step 700: borders and icons.\n$nsw-aboriginal-purple-750: #5b3355; // NSW Aboriginal palette purple. Step 750: text and high emphasis.\n$nsw-aboriginal-purple-800: #472642; // NSW Aboriginal palette Bush Plum. Step 800: text and high emphasis.\n$nsw-aboriginal-purple-850: #351a31; // NSW Aboriginal palette purple. Step 850: text and high emphasis.\n$nsw-aboriginal-purple-900: #241021; // NSW Aboriginal palette purple. Step 900: text and high emphasis.\n$nsw-aboriginal-purple-950: #150612; // NSW Aboriginal palette purple. Step 950: text and high emphasis.\n$white: #ffffff; // Pure white \u2014 page backgrounds, content surfaces, and text on dark or solid fills.\n$black: #000000; // Pure black \u2014 maximum-contrast text, overlays, and scrims.\n";
|
|
@@ -68892,25 +68973,31 @@ var oklch_default18 = "$ember-50: oklch(0.269413 0.01036 242.083865);\n$ember-10
|
|
|
68892
68973
|
var rgb_default18 = "$ember-50: rgb(34, 39, 43);\n$ember-100: rgb(28, 42, 59);\n$ember-150: rgb(28, 42, 76);\n$ember-200: rgb(37, 38, 92);\n$ember-250: rgb(51, 31, 104);\n$ember-300: rgb(68, 17, 112);\n$ember-350: rgb(97, 17, 117);\n$ember-400: rgb(128, 15, 115);\n$ember-450: rgb(159, 9, 106);\n$ember-500: rgb(188, 7, 88);\n$ember-550: rgb(215, 21, 58);\n$ember-600: rgb(222, 43, 52);\n$ember-650: rgb(228, 59, 46);\n$ember-700: rgb(233, 73, 39);\n$ember-750: rgb(238, 86, 33);\n$ember-800: rgb(243, 99, 27);\n$ember-850: rgb(247, 115, 0);\n$ember-900: rgb(249, 130, 0);\n$ember-950: rgb(251, 145, 0);\n$ember-1000: rgb(251, 160, 0);\n$ember-1050: rgb(250, 175, 5);\n$earthfire-50: rgb(82, 55, 25);\n$earthfire-100: rgb(95, 54, 13);\n$earthfire-150: rgb(108, 51, 0);\n$earthfire-200: rgb(122, 46, 0);\n$earthfire-250: rgb(135, 38, 0);\n$earthfire-300: rgb(148, 27, 0);\n$earthfire-350: rgb(167, 42, 5);\n$earthfire-400: rgb(185, 56, 11);\n$earthfire-450: rgb(204, 70, 17);\n$earthfire-500: rgb(224, 85, 22);\n$earthfire-550: rgb(243, 99, 27);\n$earthfire-600: rgb(247, 115, 0);\n$earthfire-650: rgb(249, 130, 0);\n$earthfire-700: rgb(251, 145, 0);\n$earthfire-750: rgb(251, 160, 0);\n$earthfire-800: rgb(250, 175, 5);\n$earthfire-850: rgb(250, 187, 59);\n$earthfire-900: rgb(250, 199, 87);\n$earthfire-950: rgb(251, 210, 111);\n$earthfire-1000: rgb(252, 221, 133);\n$earthfire-1050: rgb(253, 231, 154);\n$fuchsia-heat-50: rgb(101, 0, 77);\n$fuchsia-heat-100: rgb(123, 2, 95);\n$fuchsia-heat-150: rgb(146, 4, 114);\n$fuchsia-heat-200: rgb(169, 8, 133);\n$fuchsia-heat-250: rgb(193, 13, 153);\n$fuchsia-heat-300: rgb(217, 18, 174);\n$fuchsia-heat-350: rgb(230, 30, 146);\n$fuchsia-heat-400: rgb(240, 45, 119);\n$fuchsia-heat-450: rgb(245, 62, 91);\n$fuchsia-heat-500: rgb(246, 80, 62);\n$fuchsia-heat-550: rgb(243, 99, 27);\n$fuchsia-heat-600: rgb(247, 115, 0);\n$fuchsia-heat-650: rgb(249, 130, 0);\n$fuchsia-heat-700: rgb(251, 145, 0);\n$fuchsia-heat-750: rgb(251, 160, 0);\n$fuchsia-heat-800: rgb(250, 175, 5);\n$fuchsia-heat-850: rgb(250, 187, 59);\n$fuchsia-heat-900: rgb(250, 199, 87);\n$fuchsia-heat-950: rgb(251, 210, 111);\n$fuchsia-heat-1000: rgb(252, 221, 133);\n$fuchsia-heat-1050: rgb(253, 231, 154);\n$polar-glow-50: rgb(0, 38, 100);\n$polar-glow-100: rgb(1, 51, 128);\n$polar-glow-150: rgb(3, 65, 158);\n$polar-glow-200: rgb(7, 79, 189);\n$polar-glow-250: rgb(13, 93, 220);\n$polar-glow-300: rgb(20, 108, 253);\n$polar-glow-350: rgb(0, 119, 231);\n$polar-glow-400: rgb(0, 126, 208);\n$polar-glow-450: rgb(0, 130, 184);\n$polar-glow-500: rgb(0, 130, 162);\n$polar-glow-550: rgb(46, 128, 142);\n$polar-glow-600: rgb(66, 146, 159);\n$polar-glow-650: rgb(84, 163, 176);\n$polar-glow-700: rgb(103, 182, 193);\n$polar-glow-750: rgb(121, 200, 211);\n$polar-glow-800: rgb(140, 219, 229);\n$polar-glow-850: rgb(154, 223, 229);\n$polar-glow-900: rgb(169, 227, 229);\n$polar-glow-950: rgb(182, 231, 230);\n$polar-glow-1000: rgb(196, 235, 231);\n$polar-glow-1050: rgb(209, 238, 234);\n$glacier-pool-50: rgb(68, 17, 112);\n$glacier-pool-100: rgb(81, 30, 136);\n$glacier-pool-150: rgb(93, 43, 161);\n$glacier-pool-200: rgb(106, 57, 187);\n$glacier-pool-250: rgb(117, 70, 214);\n$glacier-pool-300: rgb(128, 85, 241);\n$glacier-pool-350: rgb(115, 89, 246);\n$glacier-pool-400: rgb(100, 94, 250);\n$glacier-pool-450: rgb(83, 98, 252);\n$glacier-pool-500: rgb(60, 103, 253);\n$glacier-pool-550: rgb(20, 108, 253);\n$glacier-pool-600: rgb(0, 137, 255);\n$glacier-pool-650: rgb(12, 162, 255);\n$glacier-pool-700: rgb(59, 185, 255);\n$glacier-pool-750: rgb(100, 205, 255);\n$glacier-pool-800: rgb(140, 224, 255);\n$glacier-pool-850: rgb(154, 227, 255);\n$glacier-pool-900: rgb(167, 229, 255);\n$glacier-pool-950: rgb(179, 232, 254);\n$glacier-pool-1000: rgb(191, 234, 254);\n$glacier-pool-1050: rgb(203, 237, 253);\n$deep-current-50: rgb(11, 63, 71);\n$deep-current-100: rgb(18, 75, 84);\n$deep-current-150: rgb(25, 88, 98);\n$deep-current-200: rgb(32, 101, 113);\n$deep-current-250: rgb(39, 114, 127);\n$deep-current-300: rgb(46, 128, 142);\n$deep-current-350: rgb(0, 130, 162);\n$deep-current-400: rgb(0, 130, 184);\n$deep-current-450: rgb(0, 126, 208);\n$deep-current-500: rgb(0, 119, 231);\n$deep-current-550: rgb(20, 108, 253);\n$deep-current-600: rgb(0, 137, 255);\n$deep-current-650: rgb(12, 162, 255);\n$deep-current-700: rgb(59, 185, 255);\n$deep-current-750: rgb(100, 205, 255);\n$deep-current-800: rgb(140, 224, 255);\n$deep-current-850: rgb(154, 227, 255);\n$deep-current-900: rgb(167, 229, 255);\n$deep-current-950: rgb(179, 232, 254);\n$deep-current-1000: rgb(191, 234, 254);\n$deep-current-1050: rgb(203, 237, 253);\n$blue-red-50: rgb(0, 38, 100);\n$blue-red-100: rgb(1, 51, 128);\n$blue-red-150: rgb(3, 65, 158);\n$blue-red-200: rgb(7, 79, 189);\n$blue-red-250: rgb(13, 93, 220);\n$blue-red-300: rgb(20, 108, 253);\n$blue-red-350: rgb(76, 142, 255);\n$blue-red-400: rgb(121, 172, 255);\n$blue-red-450: rgb(165, 200, 255);\n$blue-red-500: rgb(210, 228, 255);\n$blue-red-550: rgb(254, 215, 214);\n$blue-red-600: rgb(249, 175, 174);\n$blue-red-650: rgb(241, 134, 135);\n$blue-red-700: rgb(229, 89, 97);\n$blue-red-750: rgb(215, 21, 58);\n$blue-red-800: rgb(191, 15, 52);\n$blue-red-850: rgb(167, 10, 45);\n$blue-red-900: rgb(143, 5, 39);\n$blue-red-950: rgb(121, 2, 32);\n$blue-red-1000: rgb(99, 0, 25);\n$blue-orange-50: rgb(0, 38, 100);\n$blue-orange-100: rgb(1, 51, 128);\n$blue-orange-150: rgb(3, 65, 158);\n$blue-orange-200: rgb(7, 79, 189);\n$blue-orange-250: rgb(13, 93, 220);\n$blue-orange-300: rgb(20, 108, 253);\n$blue-orange-350: rgb(76, 142, 255);\n$blue-orange-400: rgb(121, 172, 255);\n$blue-orange-450: rgb(165, 200, 255);\n$blue-orange-500: rgb(210, 228, 255);\n$blue-orange-550: rgb(255, 226, 214);\n$blue-orange-600: rgb(255, 196, 173);\n$blue-orange-650: rgb(254, 166, 131);\n$blue-orange-700: rgb(250, 134, 87);\n$blue-orange-750: rgb(243, 99, 27);\n$blue-orange-800: rgb(224, 85, 22);\n$blue-orange-850: rgb(204, 70, 17);\n$blue-orange-900: rgb(185, 56, 11);\n$blue-orange-950: rgb(167, 42, 5);\n$blue-orange-1000: rgb(148, 27, 0);\n$purple-yellow-50: rgb(68, 17, 112);\n$purple-yellow-100: rgb(81, 30, 136);\n$purple-yellow-150: rgb(93, 43, 161);\n$purple-yellow-200: rgb(106, 57, 187);\n$purple-yellow-250: rgb(117, 70, 214);\n$purple-yellow-300: rgb(128, 85, 241);\n$purple-yellow-350: rgb(150, 123, 247);\n$purple-yellow-400: rgb(174, 158, 251);\n$purple-yellow-450: rgb(199, 191, 254);\n$purple-yellow-500: rgb(227, 223, 255);\n$purple-yellow-550: rgb(255, 240, 218);\n$purple-yellow-600: rgb(255, 224, 180);\n$purple-yellow-650: rgb(254, 208, 139);\n$purple-yellow-700: rgb(252, 192, 93);\n$purple-yellow-750: rgb(250, 175, 5);\n$purple-yellow-800: rgb(219, 153, 3);\n$purple-yellow-850: rgb(189, 132, 2);\n$purple-yellow-900: rgb(160, 111, 1);\n$purple-yellow-950: rgb(132, 91, 0);\n$purple-yellow-1000: rgb(105, 72, 0);\n$fuchsia-teal-50: rgb(101, 0, 77);\n$fuchsia-teal-100: rgb(123, 2, 95);\n$fuchsia-teal-150: rgb(146, 4, 114);\n$fuchsia-teal-200: rgb(169, 8, 133);\n$fuchsia-teal-250: rgb(193, 13, 153);\n$fuchsia-teal-300: rgb(217, 18, 174);\n$fuchsia-teal-350: rgb(230, 91, 191);\n$fuchsia-teal-400: rgb(240, 136, 207);\n$fuchsia-teal-450: rgb(248, 177, 223);\n$fuchsia-teal-500: rgb(253, 216, 239);\n$fuchsia-teal-550: rgb(214, 229, 232);\n$fuchsia-teal-600: rgb(174, 203, 209);\n$fuchsia-teal-650: rgb(134, 178, 186);\n$fuchsia-teal-700: rgb(93, 153, 164);\n$fuchsia-teal-750: rgb(46, 128, 142);\n$fuchsia-teal-800: rgb(39, 114, 127);\n$fuchsia-teal-850: rgb(32, 101, 113);\n$fuchsia-teal-900: rgb(25, 88, 98);\n$fuchsia-teal-950: rgb(18, 75, 84);\n$fuchsia-teal-1000: rgb(11, 63, 71);\n";
|
|
68893
68974
|
|
|
68894
68975
|
// src/scss/space/global.scss
|
|
68895
|
-
var
|
|
68976
|
+
var global_default17 = "$space-0: 0rem; // Spacing step 0 on the 4px grid (0px at the default root font size). Use for padding, margins, and gaps.\n$space-1: 0.25rem; // Spacing step 1 on the 4px grid (4px at the default root font size). Use for padding, margins, and gaps.\n$space-2: 0.5rem; // Spacing step 2 on the 4px grid (8px at the default root font size). Use for padding, margins, and gaps.\n$space-3: 0.75rem; // Spacing step 3 on the 4px grid (12px at the default root font size). Use for padding, margins, and gaps.\n$space-4: 1rem; // Spacing step 4 on the 4px grid (16px at the default root font size). Use for padding, margins, and gaps.\n$space-5: 1.25rem; // Spacing step 5 on the 4px grid (20px at the default root font size). Use for padding, margins, and gaps.\n$space-6: 1.5rem; // Spacing step 6 on the 4px grid (24px at the default root font size). Use for padding, margins, and gaps.\n$space-8: 2rem; // Spacing step 8 on the 4px grid (32px at the default root font size). Use for padding, margins, and gaps.\n$space-10: 2.5rem; // Spacing step 10 on the 4px grid (40px at the default root font size). Use for padding, margins, and gaps.\n$space-12: 3rem; // Spacing step 12 on the 4px grid (48px at the default root font size). Use for padding, margins, and gaps.\n$space-14: 3.5rem; // Spacing step 14 on the 4px grid (56px at the default root font size). Use for padding, margins, and gaps.\n$space-16: 4rem; // Spacing step 16 on the 4px grid (64px at the default root font size). Use for padding, margins, and gaps.\n";
|
|
68896
68977
|
|
|
68897
68978
|
// src/scss/radius/global.scss
|
|
68898
|
-
var
|
|
68979
|
+
var global_default18 = "$radius-none: 0px; // Square corners \u2014 tables, full-bleed surfaces, and elements flush to container edges.\n$radius-sm: 4px; // Small rounding \u2014 inputs, buttons, tags, and compact controls.\n$radius-md: 8px; // Medium rounding \u2014 cards, panels, and modals.\n$radius-lg: 16px; // Large rounding \u2014 hero surfaces and prominent containers.\n$radius-pill: 9999px; // Fully rounded ends \u2014 pills, badges, and circular icon buttons.\n";
|
|
68899
68980
|
|
|
68900
68981
|
// src/scss/breakpoints/global.scss
|
|
68901
|
-
var
|
|
68982
|
+
var global_default19 = "$breakpoint-xs: 480px; // Extra-small breakpoint \u2014 large phones and up.\n$breakpoint-sm: 768px; // Small breakpoint \u2014 tablets portrait and up.\n$breakpoint-md: 992px; // Medium breakpoint \u2014 tablets landscape / small laptops and up.\n$breakpoint-lg: 1200px; // Large breakpoint \u2014 desktops and up.\n$breakpoint-xl: 1600px; // Extra-large breakpoint \u2014 wide desktops and up.\n";
|
|
68902
68983
|
|
|
68903
68984
|
// src/scss/typography/global.scss
|
|
68904
|
-
var
|
|
68985
|
+
var global_default20 = "$font-family-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Primary typeface \u2014 Public Sans (the NSW Government brand typeface) with system, Helvetica/Arial, and emoji fallbacks. Use for all UI and body text.\n$font-family-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Display typeface \u2014 currently the same stack as sans; a separate token so display/heading type can diverge from body text later without a breaking change.\n$font-family-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // System typeface \u2014 currently the same stack as sans; a separate token for system-chrome contexts (toasts, native-feeling UI) that may diverge later.\n$font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; // Monospace stack \u2014 JetBrains Mono with ui-monospace and system fallbacks for code, tabular data, and technical content.\n$font-size-12: 0.75rem; // Font size 12px (0.75rem) \u2014 the step name is the px value at the default root font size.\n$font-size-14: 0.875rem; // Font size 14px (0.875rem) \u2014 the step name is the px value at the default root font size.\n$font-size-16: 1rem; // Font size 16px (1rem) \u2014 the step name is the px value at the default root font size.\n$font-size-18: 1.125rem; // Font size 18px (1.125rem) \u2014 the step name is the px value at the default root font size.\n$font-size-20: 1.25rem; // Font size 20px (1.25rem) \u2014 the step name is the px value at the default root font size.\n$font-size-22: 1.375rem; // Font size 22px (1.375rem) \u2014 the step name is the px value at the default root font size.\n$font-size-24: 1.5rem; // Font size 24px (1.5rem) \u2014 the step name is the px value at the default root font size.\n$font-size-30: 1.875rem; // Font size 30px (1.875rem) \u2014 the step name is the px value at the default root font size.\n$font-size-36: 2.25rem; // Font size 36px (2.25rem) \u2014 the step name is the px value at the default root font size.\n$font-size-48: 3rem; // Font size 48px (3rem) \u2014 the step name is the px value at the default root font size.\n$font-size-56: 3.5rem; // Font size 56px (3.5rem) \u2014 the step name is the px value at the default root font size.\n$font-size-64: 4rem; // Font size 64px (4rem) \u2014 the step name is the px value at the default root font size.\n$font-weight-light: 300; // Light (300) \u2014 large display text only; avoid at body sizes for legibility.\n$font-weight-regular: 400; // Regular (400) \u2014 default body text weight.\n$font-weight-medium: 500; // Medium (500) \u2014 subtle emphasis, labels, and navigation.\n$font-weight-semibold: 600; // Semibold (600) \u2014 headings and strong emphasis.\n$font-weight-bold: 700; // Bold (700) \u2014 highest emphasis; key figures and primary headings.\n$font-weight-extrabold: 800; // Extrabold (800) \u2014 hero/display headings (the prose scale uses 800 for h1).\n$line-height-none: 1; // Solid (1) \u2014 display headings set at their own size (48/48, 56/56, 64/64 in the prose scale).\n$line-height-tight: 1.2; // Tight (1.2) \u2014 large headings (36/30 in the prose scale).\n$line-height-snug: 1.3333333; // Snug (1.3333333) \u2014 mid-size headings (32/24, 40/30 in the prose scale).\n$line-height-base: 1.5; // Base (1.5) \u2014 default for UI text and dense content (24/16, 36/24 in the prose scale); meets WCAG 1.4.12 text-spacing.\n$line-height-relaxed: 1.6; // Relaxed (1.6) \u2014 subheadings and lead text (32/20 in the prose scale).\n$line-height-loose: 1.75; // Loose (1.75) \u2014 long-form body text (28/16 in the prose scale).\n$letter-spacing-tight: -0.0125em; // Tight tracking (-0.0125em) \u2014 large display headings. Value is an em multiplier; string outputs render it with the em unit.\n$letter-spacing-normal: 0em; // Normal tracking (0em) \u2014 default for body text. Value is an em multiplier; string outputs render it with the em unit.\n$letter-spacing-wide: 0.025em; // Wide tracking (0.025em) \u2014 small caps, overlines, and small labels. Value is an em multiplier; string outputs render it with the em unit.\n";
|
|
68905
68986
|
|
|
68906
68987
|
// src/scss/typography/semantic.scss
|
|
68907
68988
|
var semantic_default3 = "$typography-heading-1-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-heading-1-font-size: 2.25rem;\n$typography-heading-1-font-weight: 800;\n$typography-heading-1-line-height: 1.2;\n$typography-heading-1-letter-spacing: -0.0125em;\n$typography-heading-2-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-heading-2-font-size: 1.5rem;\n$typography-heading-2-font-weight: 700;\n$typography-heading-2-line-height: 1.3333333;\n$typography-heading-2-letter-spacing: 0em;\n$typography-heading-3-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-heading-3-font-size: 1.25rem;\n$typography-heading-3-font-weight: 600;\n$typography-heading-3-line-height: 1.6;\n$typography-heading-3-letter-spacing: 0em;\n$typography-heading-4-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-heading-4-font-size: 1rem;\n$typography-heading-4-font-weight: 600;\n$typography-heading-4-line-height: 1.5;\n$typography-heading-4-letter-spacing: 0em;\n$typography-body-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-body-font-size: 1rem;\n$typography-body-font-weight: 400;\n$typography-body-line-height: 1.75;\n$typography-body-letter-spacing: 0em;\n$typography-body-sm-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-body-sm-font-size: 0.875rem;\n$typography-body-sm-font-weight: 400;\n$typography-body-sm-line-height: 1.75;\n$typography-body-sm-letter-spacing: 0em;\n$typography-lead-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-lead-font-size: 1.25rem;\n$typography-lead-font-weight: 400;\n$typography-lead-line-height: 1.6;\n$typography-lead-letter-spacing: 0em;\n$typography-caption-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-caption-font-size: 0.75rem;\n$typography-caption-font-weight: 400;\n$typography-caption-line-height: 1.5;\n$typography-caption-letter-spacing: 0.025em;\n$typography-code-font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;\n$typography-code-font-size: 0.875rem;\n$typography-code-font-weight: 400;\n$typography-code-line-height: 1.5;\n$typography-code-letter-spacing: 0em;\n";
|
|
68908
68989
|
|
|
68909
68990
|
// src/scss/border/global.scss
|
|
68910
|
-
var
|
|
68991
|
+
var global_default21 = "$border-width-thin: 0.0625rem; // Thin border (0.0625rem / 1px at the default root) \u2014 hairlines, dividers, and default control borders.\n$border-width-thick: 0.125rem; // Thick border (0.125rem / 2px at the default root) \u2014 emphasis borders and selected states.\n$border-width-thicker: 0.25rem; // Thicker border (0.25rem / 4px at the default root) \u2014 focus rings and high-emphasis outlines.\n$border-width-default: 0.0625rem; // Default border width \u2014 aliases thin so the system-wide default can be retuned in one place.\n";
|
|
68911
68992
|
|
|
68912
68993
|
// src/scss/shadow/global.scss
|
|
68913
|
-
var
|
|
68994
|
+
var global_default22 = "$box-shadow-thin: inset 0 0 0 0.0625rem; // Thin inset ring (inset 0 0 0 border-width.thin) \u2014 border-via-shadow that does not affect layout; renders with currentColor.\n$box-shadow-thick: inset 0 0 0 0.125rem; // Thick inset ring (inset 0 0 0 border-width.thick) \u2014 emphasis/selected outline; renders with currentColor.\n$box-shadow-thicker: inset 0 0 0 0.25rem; // Thicker inset ring (inset 0 0 0 border-width.thicker) \u2014 focus indication; renders with currentColor.\n$shadow-color-5: rgb(0 0 0 / 0.05); // Shadow black at 5% alpha \u2014 the faintest elevation tint. Step name is the alpha percentage.\n$shadow-color-10: rgb(0 0 0 / 0.1); // Shadow black at 10% alpha \u2014 the standard elevation tint. Step name is the alpha percentage.\n$shadow-color-25: rgb(0 0 0 / 0.25); // Shadow black at 25% alpha \u2014 strong elevation for overlays/modals. Step name is the alpha percentage.\n$shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); // Small elevation \u2014 cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review.\n$shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // Medium elevation \u2014 dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review.\n$shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); // Large elevation \u2014 dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review.\n$shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); // Extra-large elevation \u2014 modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review.\n";
|
|
68995
|
+
|
|
68996
|
+
// src/scss/motion/global.scss
|
|
68997
|
+
var global_default23 = "$duration-fast: 150ms; // Fast \u2014 quick feedback on small elements (hovers, toggles, focus rings). DRAFT pending design review.\n$duration-base: 250ms; // Base \u2014 the default duration for most UI transitions. DRAFT pending design review.\n$duration-slow: 400ms; // Slow \u2014 larger surfaces entering or leaving (modals, drawers, sheets). DRAFT pending design review.\n$easing-standard: cubic-bezier(0.4, 0, 0.2, 1); // Standard ease-in-out \u2014 the default curve for elements moving within the viewport. DRAFT pending design review.\n$easing-decelerate: cubic-bezier(0, 0, 0.2, 1); // Decelerate (ease-out) \u2014 elements entering the screen, fast then settling. DRAFT pending design review.\n$easing-accelerate: cubic-bezier(0.4, 0, 1, 1); // Accelerate (ease-in) \u2014 elements leaving the screen, building speed as they exit. DRAFT pending design review.\n";
|
|
68998
|
+
|
|
68999
|
+
// src/scss/z-index/global.scss
|
|
69000
|
+
var global_default24 = "$z-index-base: 0; // Base stacking level (0) \u2014 default in-flow content. DRAFT pending design review.\n$z-index-dropdown: 1000; // Dropdown menus and select popups. DRAFT pending design review.\n$z-index-sticky: 1100; // Sticky elements that pin on scroll (headers, toolbars). DRAFT pending design review.\n$z-index-overlay: 1200; // Full-screen overlay scrims sitting behind modal content. DRAFT pending design review.\n$z-index-modal: 1300; // Modal dialogs and side sheets. DRAFT pending design review.\n$z-index-popover: 1400; // Popovers anchored to a trigger, above modals. DRAFT pending design review.\n$z-index-toast: 1500; // Toast and snackbar notifications. DRAFT pending design review.\n$z-index-tooltip: 1600; // Tooltips \u2014 the top-most interactive layer. DRAFT pending design review.\n";
|
|
68914
69001
|
|
|
68915
69002
|
// src/tailwind/colors/global/hex.css
|
|
68916
69003
|
var hex_default19 = "@theme {\n --color-nsw-grey-50: var(--nsw-grey-50);\n --color-nsw-grey-100: var(--nsw-grey-100);\n --color-nsw-grey-150: var(--nsw-grey-150);\n --color-nsw-grey-200: var(--nsw-grey-200);\n --color-nsw-grey-250: var(--nsw-grey-250);\n --color-nsw-grey-300: var(--nsw-grey-300);\n --color-nsw-grey-350: var(--nsw-grey-350);\n --color-nsw-grey-400: var(--nsw-grey-400);\n --color-nsw-grey-450: var(--nsw-grey-450);\n --color-nsw-grey-500: var(--nsw-grey-500);\n --color-nsw-grey-550: var(--nsw-grey-550);\n --color-nsw-grey-600: var(--nsw-grey-600);\n --color-nsw-grey-650: var(--nsw-grey-650);\n --color-nsw-grey-700: var(--nsw-grey-700);\n --color-nsw-grey-750: var(--nsw-grey-750);\n --color-nsw-grey-800: var(--nsw-grey-800);\n --color-nsw-grey-850: var(--nsw-grey-850);\n --color-nsw-grey-900: var(--nsw-grey-900);\n --color-nsw-grey-950: var(--nsw-grey-950);\n --color-nsw-green-50: var(--nsw-green-50);\n --color-nsw-green-100: var(--nsw-green-100);\n --color-nsw-green-150: var(--nsw-green-150);\n --color-nsw-green-200: var(--nsw-green-200);\n --color-nsw-green-250: var(--nsw-green-250);\n --color-nsw-green-300: var(--nsw-green-300);\n --color-nsw-green-350: var(--nsw-green-350);\n --color-nsw-green-400: var(--nsw-green-400);\n --color-nsw-green-450: var(--nsw-green-450);\n --color-nsw-green-500: var(--nsw-green-500);\n --color-nsw-green-550: var(--nsw-green-550);\n --color-nsw-green-600: var(--nsw-green-600);\n --color-nsw-green-650: var(--nsw-green-650);\n --color-nsw-green-700: var(--nsw-green-700);\n --color-nsw-green-750: var(--nsw-green-750);\n --color-nsw-green-800: var(--nsw-green-800);\n --color-nsw-green-850: var(--nsw-green-850);\n --color-nsw-green-900: var(--nsw-green-900);\n --color-nsw-green-950: var(--nsw-green-950);\n --color-nsw-teal-50: var(--nsw-teal-50);\n --color-nsw-teal-100: var(--nsw-teal-100);\n --color-nsw-teal-150: var(--nsw-teal-150);\n --color-nsw-teal-200: var(--nsw-teal-200);\n --color-nsw-teal-250: var(--nsw-teal-250);\n --color-nsw-teal-300: var(--nsw-teal-300);\n --color-nsw-teal-350: var(--nsw-teal-350);\n --color-nsw-teal-400: var(--nsw-teal-400);\n --color-nsw-teal-450: var(--nsw-teal-450);\n --color-nsw-teal-500: var(--nsw-teal-500);\n --color-nsw-teal-550: var(--nsw-teal-550);\n --color-nsw-teal-600: var(--nsw-teal-600);\n --color-nsw-teal-650: var(--nsw-teal-650);\n --color-nsw-teal-700: var(--nsw-teal-700);\n --color-nsw-teal-750: var(--nsw-teal-750);\n --color-nsw-teal-800: var(--nsw-teal-800);\n --color-nsw-teal-850: var(--nsw-teal-850);\n --color-nsw-teal-900: var(--nsw-teal-900);\n --color-nsw-teal-950: var(--nsw-teal-950);\n --color-nsw-blue-50: var(--nsw-blue-50);\n --color-nsw-blue-100: var(--nsw-blue-100);\n --color-nsw-blue-150: var(--nsw-blue-150);\n --color-nsw-blue-200: var(--nsw-blue-200);\n --color-nsw-blue-250: var(--nsw-blue-250);\n --color-nsw-blue-300: var(--nsw-blue-300);\n --color-nsw-blue-350: var(--nsw-blue-350);\n --color-nsw-blue-400: var(--nsw-blue-400);\n --color-nsw-blue-450: var(--nsw-blue-450);\n --color-nsw-blue-500: var(--nsw-blue-500);\n --color-nsw-blue-550: var(--nsw-blue-550);\n --color-nsw-blue-600: var(--nsw-blue-600);\n --color-nsw-blue-650: var(--nsw-blue-650);\n --color-nsw-blue-700: var(--nsw-blue-700);\n --color-nsw-blue-750: var(--nsw-blue-750);\n --color-nsw-blue-800: var(--nsw-blue-800);\n --color-nsw-blue-850: var(--nsw-blue-850);\n --color-nsw-blue-900: var(--nsw-blue-900);\n --color-nsw-blue-950: var(--nsw-blue-950);\n --color-nsw-purple-50: var(--nsw-purple-50);\n --color-nsw-purple-100: var(--nsw-purple-100);\n --color-nsw-purple-150: var(--nsw-purple-150);\n --color-nsw-purple-200: var(--nsw-purple-200);\n --color-nsw-purple-250: var(--nsw-purple-250);\n --color-nsw-purple-300: var(--nsw-purple-300);\n --color-nsw-purple-350: var(--nsw-purple-350);\n --color-nsw-purple-400: var(--nsw-purple-400);\n --color-nsw-purple-450: var(--nsw-purple-450);\n --color-nsw-purple-500: var(--nsw-purple-500);\n --color-nsw-purple-550: var(--nsw-purple-550);\n --color-nsw-purple-600: var(--nsw-purple-600);\n --color-nsw-purple-650: var(--nsw-purple-650);\n --color-nsw-purple-700: var(--nsw-purple-700);\n --color-nsw-purple-750: var(--nsw-purple-750);\n --color-nsw-purple-800: var(--nsw-purple-800);\n --color-nsw-purple-850: var(--nsw-purple-850);\n --color-nsw-purple-900: var(--nsw-purple-900);\n --color-nsw-purple-950: var(--nsw-purple-950);\n --color-nsw-fuchsia-50: var(--nsw-fuchsia-50);\n --color-nsw-fuchsia-100: var(--nsw-fuchsia-100);\n --color-nsw-fuchsia-150: var(--nsw-fuchsia-150);\n --color-nsw-fuchsia-200: var(--nsw-fuchsia-200);\n --color-nsw-fuchsia-250: var(--nsw-fuchsia-250);\n --color-nsw-fuchsia-300: var(--nsw-fuchsia-300);\n --color-nsw-fuchsia-350: var(--nsw-fuchsia-350);\n --color-nsw-fuchsia-400: var(--nsw-fuchsia-400);\n --color-nsw-fuchsia-450: var(--nsw-fuchsia-450);\n --color-nsw-fuchsia-500: var(--nsw-fuchsia-500);\n --color-nsw-fuchsia-550: var(--nsw-fuchsia-550);\n --color-nsw-fuchsia-600: var(--nsw-fuchsia-600);\n --color-nsw-fuchsia-650: var(--nsw-fuchsia-650);\n --color-nsw-fuchsia-700: var(--nsw-fuchsia-700);\n --color-nsw-fuchsia-750: var(--nsw-fuchsia-750);\n --color-nsw-fuchsia-800: var(--nsw-fuchsia-800);\n --color-nsw-fuchsia-850: var(--nsw-fuchsia-850);\n --color-nsw-fuchsia-900: var(--nsw-fuchsia-900);\n --color-nsw-fuchsia-950: var(--nsw-fuchsia-950);\n --color-nsw-red-50: var(--nsw-red-50);\n --color-nsw-red-100: var(--nsw-red-100);\n --color-nsw-red-150: var(--nsw-red-150);\n --color-nsw-red-200: var(--nsw-red-200);\n --color-nsw-red-250: var(--nsw-red-250);\n --color-nsw-red-300: var(--nsw-red-300);\n --color-nsw-red-350: var(--nsw-red-350);\n --color-nsw-red-400: var(--nsw-red-400);\n --color-nsw-red-450: var(--nsw-red-450);\n --color-nsw-red-500: var(--nsw-red-500);\n --color-nsw-red-550: var(--nsw-red-550);\n --color-nsw-red-600: var(--nsw-red-600);\n --color-nsw-red-650: var(--nsw-red-650);\n --color-nsw-red-700: var(--nsw-red-700);\n --color-nsw-red-750: var(--nsw-red-750);\n --color-nsw-red-800: var(--nsw-red-800);\n --color-nsw-red-850: var(--nsw-red-850);\n --color-nsw-red-900: var(--nsw-red-900);\n --color-nsw-red-950: var(--nsw-red-950);\n --color-nsw-orange-50: var(--nsw-orange-50);\n --color-nsw-orange-100: var(--nsw-orange-100);\n --color-nsw-orange-150: var(--nsw-orange-150);\n --color-nsw-orange-200: var(--nsw-orange-200);\n --color-nsw-orange-250: var(--nsw-orange-250);\n --color-nsw-orange-300: var(--nsw-orange-300);\n --color-nsw-orange-350: var(--nsw-orange-350);\n --color-nsw-orange-400: var(--nsw-orange-400);\n --color-nsw-orange-450: var(--nsw-orange-450);\n --color-nsw-orange-500: var(--nsw-orange-500);\n --color-nsw-orange-550: var(--nsw-orange-550);\n --color-nsw-orange-600: var(--nsw-orange-600);\n --color-nsw-orange-650: var(--nsw-orange-650);\n --color-nsw-orange-700: var(--nsw-orange-700);\n --color-nsw-orange-750: var(--nsw-orange-750);\n --color-nsw-orange-800: var(--nsw-orange-800);\n --color-nsw-orange-850: var(--nsw-orange-850);\n --color-nsw-orange-900: var(--nsw-orange-900);\n --color-nsw-orange-950: var(--nsw-orange-950);\n --color-nsw-yellow-50: var(--nsw-yellow-50);\n --color-nsw-yellow-100: var(--nsw-yellow-100);\n --color-nsw-yellow-150: var(--nsw-yellow-150);\n --color-nsw-yellow-200: var(--nsw-yellow-200);\n --color-nsw-yellow-250: var(--nsw-yellow-250);\n --color-nsw-yellow-300: var(--nsw-yellow-300);\n --color-nsw-yellow-350: var(--nsw-yellow-350);\n --color-nsw-yellow-400: var(--nsw-yellow-400);\n --color-nsw-yellow-450: var(--nsw-yellow-450);\n --color-nsw-yellow-500: var(--nsw-yellow-500);\n --color-nsw-yellow-550: var(--nsw-yellow-550);\n --color-nsw-yellow-600: var(--nsw-yellow-600);\n --color-nsw-yellow-650: var(--nsw-yellow-650);\n --color-nsw-yellow-700: var(--nsw-yellow-700);\n --color-nsw-yellow-750: var(--nsw-yellow-750);\n --color-nsw-yellow-800: var(--nsw-yellow-800);\n --color-nsw-yellow-850: var(--nsw-yellow-850);\n --color-nsw-yellow-900: var(--nsw-yellow-900);\n --color-nsw-yellow-950: var(--nsw-yellow-950);\n --color-nsw-brown-50: var(--nsw-brown-50);\n --color-nsw-brown-100: var(--nsw-brown-100);\n --color-nsw-brown-150: var(--nsw-brown-150);\n --color-nsw-brown-200: var(--nsw-brown-200);\n --color-nsw-brown-250: var(--nsw-brown-250);\n --color-nsw-brown-300: var(--nsw-brown-300);\n --color-nsw-brown-350: var(--nsw-brown-350);\n --color-nsw-brown-400: var(--nsw-brown-400);\n --color-nsw-brown-450: var(--nsw-brown-450);\n --color-nsw-brown-500: var(--nsw-brown-500);\n --color-nsw-brown-550: var(--nsw-brown-550);\n --color-nsw-brown-600: var(--nsw-brown-600);\n --color-nsw-brown-650: var(--nsw-brown-650);\n --color-nsw-brown-700: var(--nsw-brown-700);\n --color-nsw-brown-750: var(--nsw-brown-750);\n --color-nsw-brown-800: var(--nsw-brown-800);\n --color-nsw-brown-850: var(--nsw-brown-850);\n --color-nsw-brown-900: var(--nsw-brown-900);\n --color-nsw-brown-950: var(--nsw-brown-950);\n --color-nsw-aboriginal-grey-50: var(--nsw-aboriginal-grey-50);\n --color-nsw-aboriginal-grey-100: var(--nsw-aboriginal-grey-100);\n --color-nsw-aboriginal-grey-150: var(--nsw-aboriginal-grey-150);\n --color-nsw-aboriginal-grey-200: var(--nsw-aboriginal-grey-200);\n --color-nsw-aboriginal-grey-250: var(--nsw-aboriginal-grey-250);\n --color-nsw-aboriginal-grey-300: var(--nsw-aboriginal-grey-300);\n --color-nsw-aboriginal-grey-350: var(--nsw-aboriginal-grey-350);\n --color-nsw-aboriginal-grey-400: var(--nsw-aboriginal-grey-400);\n --color-nsw-aboriginal-grey-450: var(--nsw-aboriginal-grey-450);\n --color-nsw-aboriginal-grey-500: var(--nsw-aboriginal-grey-500);\n --color-nsw-aboriginal-grey-550: var(--nsw-aboriginal-grey-550);\n --color-nsw-aboriginal-grey-600: var(--nsw-aboriginal-grey-600);\n --color-nsw-aboriginal-grey-650: var(--nsw-aboriginal-grey-650);\n --color-nsw-aboriginal-grey-700: var(--nsw-aboriginal-grey-700);\n --color-nsw-aboriginal-grey-750: var(--nsw-aboriginal-grey-750);\n --color-nsw-aboriginal-grey-800: var(--nsw-aboriginal-grey-800);\n --color-nsw-aboriginal-grey-850: var(--nsw-aboriginal-grey-850);\n --color-nsw-aboriginal-grey-900: var(--nsw-aboriginal-grey-900);\n --color-nsw-aboriginal-grey-950: var(--nsw-aboriginal-grey-950);\n --color-nsw-aboriginal-red-50: var(--nsw-aboriginal-red-50);\n --color-nsw-aboriginal-red-100: var(--nsw-aboriginal-red-100);\n --color-nsw-aboriginal-red-150: var(--nsw-aboriginal-red-150);\n --color-nsw-aboriginal-red-200: var(--nsw-aboriginal-red-200);\n --color-nsw-aboriginal-red-250: var(--nsw-aboriginal-red-250);\n --color-nsw-aboriginal-red-300: var(--nsw-aboriginal-red-300);\n --color-nsw-aboriginal-red-350: var(--nsw-aboriginal-red-350);\n --color-nsw-aboriginal-red-400: var(--nsw-aboriginal-red-400);\n --color-nsw-aboriginal-red-450: var(--nsw-aboriginal-red-450);\n --color-nsw-aboriginal-red-500: var(--nsw-aboriginal-red-500);\n --color-nsw-aboriginal-red-550: var(--nsw-aboriginal-red-550);\n --color-nsw-aboriginal-red-600: var(--nsw-aboriginal-red-600);\n --color-nsw-aboriginal-red-650: var(--nsw-aboriginal-red-650);\n --color-nsw-aboriginal-red-700: var(--nsw-aboriginal-red-700);\n --color-nsw-aboriginal-red-750: var(--nsw-aboriginal-red-750);\n --color-nsw-aboriginal-red-800: var(--nsw-aboriginal-red-800);\n --color-nsw-aboriginal-red-850: var(--nsw-aboriginal-red-850);\n --color-nsw-aboriginal-red-900: var(--nsw-aboriginal-red-900);\n --color-nsw-aboriginal-red-950: var(--nsw-aboriginal-red-950);\n --color-nsw-aboriginal-orange-50: var(--nsw-aboriginal-orange-50);\n --color-nsw-aboriginal-orange-100: var(--nsw-aboriginal-orange-100);\n --color-nsw-aboriginal-orange-150: var(--nsw-aboriginal-orange-150);\n --color-nsw-aboriginal-orange-200: var(--nsw-aboriginal-orange-200);\n --color-nsw-aboriginal-orange-250: var(--nsw-aboriginal-orange-250);\n --color-nsw-aboriginal-orange-300: var(--nsw-aboriginal-orange-300);\n --color-nsw-aboriginal-orange-350: var(--nsw-aboriginal-orange-350);\n --color-nsw-aboriginal-orange-400: var(--nsw-aboriginal-orange-400);\n --color-nsw-aboriginal-orange-450: var(--nsw-aboriginal-orange-450);\n --color-nsw-aboriginal-orange-500: var(--nsw-aboriginal-orange-500);\n --color-nsw-aboriginal-orange-550: var(--nsw-aboriginal-orange-550);\n --color-nsw-aboriginal-orange-600: var(--nsw-aboriginal-orange-600);\n --color-nsw-aboriginal-orange-650: var(--nsw-aboriginal-orange-650);\n --color-nsw-aboriginal-orange-700: var(--nsw-aboriginal-orange-700);\n --color-nsw-aboriginal-orange-750: var(--nsw-aboriginal-orange-750);\n --color-nsw-aboriginal-orange-800: var(--nsw-aboriginal-orange-800);\n --color-nsw-aboriginal-orange-850: var(--nsw-aboriginal-orange-850);\n --color-nsw-aboriginal-orange-900: var(--nsw-aboriginal-orange-900);\n --color-nsw-aboriginal-orange-950: var(--nsw-aboriginal-orange-950);\n --color-nsw-aboriginal-brown-50: var(--nsw-aboriginal-brown-50);\n --color-nsw-aboriginal-brown-100: var(--nsw-aboriginal-brown-100);\n --color-nsw-aboriginal-brown-150: var(--nsw-aboriginal-brown-150);\n --color-nsw-aboriginal-brown-200: var(--nsw-aboriginal-brown-200);\n --color-nsw-aboriginal-brown-250: var(--nsw-aboriginal-brown-250);\n --color-nsw-aboriginal-brown-300: var(--nsw-aboriginal-brown-300);\n --color-nsw-aboriginal-brown-350: var(--nsw-aboriginal-brown-350);\n --color-nsw-aboriginal-brown-400: var(--nsw-aboriginal-brown-400);\n --color-nsw-aboriginal-brown-450: var(--nsw-aboriginal-brown-450);\n --color-nsw-aboriginal-brown-500: var(--nsw-aboriginal-brown-500);\n --color-nsw-aboriginal-brown-550: var(--nsw-aboriginal-brown-550);\n --color-nsw-aboriginal-brown-600: var(--nsw-aboriginal-brown-600);\n --color-nsw-aboriginal-brown-650: var(--nsw-aboriginal-brown-650);\n --color-nsw-aboriginal-brown-700: var(--nsw-aboriginal-brown-700);\n --color-nsw-aboriginal-brown-750: var(--nsw-aboriginal-brown-750);\n --color-nsw-aboriginal-brown-800: var(--nsw-aboriginal-brown-800);\n --color-nsw-aboriginal-brown-850: var(--nsw-aboriginal-brown-850);\n --color-nsw-aboriginal-brown-900: var(--nsw-aboriginal-brown-900);\n --color-nsw-aboriginal-brown-950: var(--nsw-aboriginal-brown-950);\n --color-nsw-aboriginal-yellow-50: var(--nsw-aboriginal-yellow-50);\n --color-nsw-aboriginal-yellow-100: var(--nsw-aboriginal-yellow-100);\n --color-nsw-aboriginal-yellow-150: var(--nsw-aboriginal-yellow-150);\n --color-nsw-aboriginal-yellow-200: var(--nsw-aboriginal-yellow-200);\n --color-nsw-aboriginal-yellow-250: var(--nsw-aboriginal-yellow-250);\n --color-nsw-aboriginal-yellow-300: var(--nsw-aboriginal-yellow-300);\n --color-nsw-aboriginal-yellow-350: var(--nsw-aboriginal-yellow-350);\n --color-nsw-aboriginal-yellow-400: var(--nsw-aboriginal-yellow-400);\n --color-nsw-aboriginal-yellow-450: var(--nsw-aboriginal-yellow-450);\n --color-nsw-aboriginal-yellow-500: var(--nsw-aboriginal-yellow-500);\n --color-nsw-aboriginal-yellow-550: var(--nsw-aboriginal-yellow-550);\n --color-nsw-aboriginal-yellow-600: var(--nsw-aboriginal-yellow-600);\n --color-nsw-aboriginal-yellow-650: var(--nsw-aboriginal-yellow-650);\n --color-nsw-aboriginal-yellow-700: var(--nsw-aboriginal-yellow-700);\n --color-nsw-aboriginal-yellow-750: var(--nsw-aboriginal-yellow-750);\n --color-nsw-aboriginal-yellow-800: var(--nsw-aboriginal-yellow-800);\n --color-nsw-aboriginal-yellow-850: var(--nsw-aboriginal-yellow-850);\n --color-nsw-aboriginal-yellow-900: var(--nsw-aboriginal-yellow-900);\n --color-nsw-aboriginal-yellow-950: var(--nsw-aboriginal-yellow-950);\n --color-nsw-aboriginal-green-50: var(--nsw-aboriginal-green-50);\n --color-nsw-aboriginal-green-100: var(--nsw-aboriginal-green-100);\n --color-nsw-aboriginal-green-150: var(--nsw-aboriginal-green-150);\n --color-nsw-aboriginal-green-200: var(--nsw-aboriginal-green-200);\n --color-nsw-aboriginal-green-250: var(--nsw-aboriginal-green-250);\n --color-nsw-aboriginal-green-300: var(--nsw-aboriginal-green-300);\n --color-nsw-aboriginal-green-350: var(--nsw-aboriginal-green-350);\n --color-nsw-aboriginal-green-400: var(--nsw-aboriginal-green-400);\n --color-nsw-aboriginal-green-450: var(--nsw-aboriginal-green-450);\n --color-nsw-aboriginal-green-500: var(--nsw-aboriginal-green-500);\n --color-nsw-aboriginal-green-550: var(--nsw-aboriginal-green-550);\n --color-nsw-aboriginal-green-600: var(--nsw-aboriginal-green-600);\n --color-nsw-aboriginal-green-650: var(--nsw-aboriginal-green-650);\n --color-nsw-aboriginal-green-700: var(--nsw-aboriginal-green-700);\n --color-nsw-aboriginal-green-750: var(--nsw-aboriginal-green-750);\n --color-nsw-aboriginal-green-800: var(--nsw-aboriginal-green-800);\n --color-nsw-aboriginal-green-850: var(--nsw-aboriginal-green-850);\n --color-nsw-aboriginal-green-900: var(--nsw-aboriginal-green-900);\n --color-nsw-aboriginal-green-950: var(--nsw-aboriginal-green-950);\n --color-nsw-aboriginal-blue-50: var(--nsw-aboriginal-blue-50);\n --color-nsw-aboriginal-blue-100: var(--nsw-aboriginal-blue-100);\n --color-nsw-aboriginal-blue-150: var(--nsw-aboriginal-blue-150);\n --color-nsw-aboriginal-blue-200: var(--nsw-aboriginal-blue-200);\n --color-nsw-aboriginal-blue-250: var(--nsw-aboriginal-blue-250);\n --color-nsw-aboriginal-blue-300: var(--nsw-aboriginal-blue-300);\n --color-nsw-aboriginal-blue-350: var(--nsw-aboriginal-blue-350);\n --color-nsw-aboriginal-blue-400: var(--nsw-aboriginal-blue-400);\n --color-nsw-aboriginal-blue-450: var(--nsw-aboriginal-blue-450);\n --color-nsw-aboriginal-blue-500: var(--nsw-aboriginal-blue-500);\n --color-nsw-aboriginal-blue-550: var(--nsw-aboriginal-blue-550);\n --color-nsw-aboriginal-blue-600: var(--nsw-aboriginal-blue-600);\n --color-nsw-aboriginal-blue-650: var(--nsw-aboriginal-blue-650);\n --color-nsw-aboriginal-blue-700: var(--nsw-aboriginal-blue-700);\n --color-nsw-aboriginal-blue-750: var(--nsw-aboriginal-blue-750);\n --color-nsw-aboriginal-blue-800: var(--nsw-aboriginal-blue-800);\n --color-nsw-aboriginal-blue-850: var(--nsw-aboriginal-blue-850);\n --color-nsw-aboriginal-blue-900: var(--nsw-aboriginal-blue-900);\n --color-nsw-aboriginal-blue-950: var(--nsw-aboriginal-blue-950);\n --color-nsw-aboriginal-purple-50: var(--nsw-aboriginal-purple-50);\n --color-nsw-aboriginal-purple-100: var(--nsw-aboriginal-purple-100);\n --color-nsw-aboriginal-purple-150: var(--nsw-aboriginal-purple-150);\n --color-nsw-aboriginal-purple-200: var(--nsw-aboriginal-purple-200);\n --color-nsw-aboriginal-purple-250: var(--nsw-aboriginal-purple-250);\n --color-nsw-aboriginal-purple-300: var(--nsw-aboriginal-purple-300);\n --color-nsw-aboriginal-purple-350: var(--nsw-aboriginal-purple-350);\n --color-nsw-aboriginal-purple-400: var(--nsw-aboriginal-purple-400);\n --color-nsw-aboriginal-purple-450: var(--nsw-aboriginal-purple-450);\n --color-nsw-aboriginal-purple-500: var(--nsw-aboriginal-purple-500);\n --color-nsw-aboriginal-purple-550: var(--nsw-aboriginal-purple-550);\n --color-nsw-aboriginal-purple-600: var(--nsw-aboriginal-purple-600);\n --color-nsw-aboriginal-purple-650: var(--nsw-aboriginal-purple-650);\n --color-nsw-aboriginal-purple-700: var(--nsw-aboriginal-purple-700);\n --color-nsw-aboriginal-purple-750: var(--nsw-aboriginal-purple-750);\n --color-nsw-aboriginal-purple-800: var(--nsw-aboriginal-purple-800);\n --color-nsw-aboriginal-purple-850: var(--nsw-aboriginal-purple-850);\n --color-nsw-aboriginal-purple-900: var(--nsw-aboriginal-purple-900);\n --color-nsw-aboriginal-purple-950: var(--nsw-aboriginal-purple-950);\n --color-white: var(--white);\n --color-black: var(--black);\n}\n\n:root {\n --nsw-grey-50: #fafafa;\n --nsw-grey-100: #f5f5f5;\n --nsw-grey-150: #f0f0f0;\n --nsw-grey-200: #ebebeb;\n --nsw-grey-250: #e3e5e6;\n --nsw-grey-300: #dcdfe0;\n --nsw-grey-350: #d4d9db;\n --nsw-grey-400: #cdd3d6;\n --nsw-grey-450: #aab0b4;\n --nsw-grey-500: #888f92;\n --nsw-grey-550: #686f72;\n --nsw-grey-600: #495054;\n --nsw-grey-650: #3f4549;\n --nsw-grey-700: #353b3f;\n --nsw-grey-750: #2b3135;\n --nsw-grey-800: #22272b;\n --nsw-grey-850: #181c1f;\n --nsw-grey-900: #0e1113;\n --nsw-grey-950: #050709;\n --nsw-green-50: #f5fff6;\n --nsw-green-100: #ecfdee;\n --nsw-green-150: #e4fce7;\n --nsw-green-200: #dbfadf;\n --nsw-green-250: #cff7d4;\n --nsw-green-300: #c2f4c9;\n --nsw-green-350: #b5f0be;\n --nsw-green-400: #a8edb3;\n --nsw-green-450: #8adc98;\n --nsw-green-500: #6acc7d;\n --nsw-green-550: #45bb62;\n --nsw-green-600: #00aa45;\n --nsw-green-650: #078e32;\n --nsw-green-700: #077320;\n --nsw-green-750: #03590f;\n --nsw-green-800: #004000;\n --nsw-green-850: #003000;\n --nsw-green-900: #002000;\n --nsw-green-950: #001100;\n --nsw-teal-50: #f2fbfa;\n --nsw-teal-100: #e7f7f5;\n --nsw-teal-150: #dcf2ef;\n --nsw-teal-200: #d1eeea;\n --nsw-teal-250: #c1eae7;\n --nsw-teal-300: #afe5e5;\n --nsw-teal-350: #9ee0e5;\n --nsw-teal-400: #8cdbe5;\n --nsw-teal-450: #75c4cf;\n --nsw-teal-500: #5eacb9;\n --nsw-teal-550: #4696a3;\n --nsw-teal-600: #2e808e;\n --nsw-teal-650: #256f7b;\n --nsw-teal-700: #1c5f69;\n --nsw-teal-750: #144e58;\n --nsw-teal-800: #0b3f47;\n --nsw-teal-850: #042f35;\n --nsw-teal-900: #011f24;\n --nsw-teal-950: #001114;\n --nsw-blue-50: #f0fbff;\n --nsw-blue-100: #e4f6ff;\n --nsw-blue-150: #d7f2fe;\n --nsw-blue-200: #cbedfd;\n --nsw-blue-250: #bceafe;\n --nsw-blue-300: #ade7ff;\n --nsw-blue-350: #9de3ff;\n --nsw-blue-400: #8ce0ff;\n --nsw-blue-450: #5ac9ff;\n --nsw-blue-500: #26aeff;\n --nsw-blue-550: #008fff;\n --nsw-blue-600: #146cfd;\n --nsw-blue-650: #0c5ad4;\n --nsw-blue-700: #0548ad;\n --nsw-blue-750: #023688;\n --nsw-blue-800: #002664;\n --nsw-blue-850: #001a4d;\n --nsw-blue-900: #001037;\n --nsw-blue-950: #000622;\n --nsw-purple-50: #f9f7ff;\n --nsw-purple-100: #f2f0ff;\n --nsw-purple-150: #ece8fe;\n --nsw-purple-200: #e6e1fd;\n --nsw-purple-250: #e0d9fe;\n --nsw-purple-300: #dad0fe;\n --nsw-purple-350: #d4c8ff;\n --nsw-purple-400: #cebfff;\n --nsw-purple-450: #baa6fc;\n --nsw-purple-500: #a68df9;\n --nsw-purple-550: #9372f5;\n --nsw-purple-600: #8055f1;\n --nsw-purple-650: #7243cf;\n --nsw-purple-700: #6432ae;\n --nsw-purple-750: #54218e;\n --nsw-purple-800: #441170;\n --nsw-purple-850: #330856;\n --nsw-purple-900: #23023e;\n --nsw-purple-950: #130027;\n --nsw-fuchsia-50: #fff6fd;\n --nsw-fuchsia-100: #ffeef9;\n --nsw-fuchsia-150: #fee6f6;\n --nsw-fuchsia-200: #fddef2;\n --nsw-fuchsia-250: #fbd4ef;\n --nsw-fuchsia-300: #f9c9eb;\n --nsw-fuchsia-350: #f7bfe9;\n --nsw-fuchsia-400: #f4b5e6;\n --nsw-fuchsia-450: #ef96da;\n --nsw-fuchsia-500: #e975cc;\n --nsw-fuchsia-550: #e150be;\n --nsw-fuchsia-600: #d912ae;\n --nsw-fuchsia-650: #bb0c94;\n --nsw-fuchsia-700: #9d067b;\n --nsw-fuchsia-750: #810264;\n --nsw-fuchsia-800: #65004d;\n --nsw-fuchsia-850: #4d003a;\n --nsw-fuchsia-900: #370028;\n --nsw-fuchsia-950: #220017;\n --nsw-red-50: #fff8f9;\n --nsw-red-100: #fff2f4;\n --nsw-red-150: #ffecef;\n --nsw-red-200: #ffe6ea;\n --nsw-red-250: #ffdbe0;\n --nsw-red-300: #ffcfd6;\n --nsw-red-350: #ffc4cc;\n --nsw-red-400: #ffb8c1;\n --nsw-red-450: #f897a2;\n --nsw-red-500: #ef7581;\n --nsw-red-550: #e44f5f;\n --nsw-red-600: #d7153a;\n --nsw-red-650: #b90e32;\n --nsw-red-700: #9b072a;\n --nsw-red-750: #7e0322;\n --nsw-red-800: #630019;\n --nsw-red-850: #4c0010;\n --nsw-red-900: #360008;\n --nsw-red-950: #210003;\n --nsw-orange-50: #fffaf6;\n --nsw-orange-100: #fff6ee;\n --nsw-orange-150: #fef1e7;\n --nsw-orange-200: #fdeddf;\n --nsw-orange-250: #fee5ce;\n --nsw-orange-300: #ffddbd;\n --nsw-orange-350: #ffd6ab;\n --nsw-orange-400: #ffce99;\n --nsw-orange-450: #fdb678;\n --nsw-orange-500: #fb9d58;\n --nsw-orange-550: #f78139;\n --nsw-orange-600: #f3631b;\n --nsw-orange-650: #db5115;\n --nsw-orange-700: #c33f0e;\n --nsw-orange-750: #ab2e06;\n --nsw-orange-800: #941b00;\n --nsw-orange-850: #730f00;\n --nsw-orange-900: #530400;\n --nsw-orange-950: #350000;\n --nsw-yellow-50: #fffcf0;\n --nsw-yellow-100: #fffae5;\n --nsw-yellow-150: #fff7da;\n --nsw-yellow-200: #fff4cf;\n --nsw-yellow-250: #fff1c2;\n --nsw-yellow-300: #feeeb5;\n --nsw-yellow-350: #feeaa8;\n --nsw-yellow-400: #fde79a;\n --nsw-yellow-450: #fbda80;\n --nsw-yellow-500: #facd63;\n --nsw-yellow-550: #fabe42;\n --nsw-yellow-600: #faaf05;\n --nsw-yellow-650: #d49403;\n --nsw-yellow-700: #af7a01;\n --nsw-yellow-750: #8b6000;\n --nsw-yellow-800: #694800;\n --nsw-yellow-850: #503500;\n --nsw-yellow-900: #392400;\n --nsw-yellow-950: #221300;\n --nsw-brown-50: #fbf8f4;\n --nsw-brown-100: #f6f1ea;\n --nsw-brown-150: #f2eae1;\n --nsw-brown-200: #ede3d7;\n --nsw-brown-250: #ecdece;\n --nsw-brown-300: #eadac6;\n --nsw-brown-350: #e9d5bd;\n --nsw-brown-400: #e8d0b5;\n --nsw-brown-450: #dbbf9f;\n --nsw-brown-500: #cfae89;\n --nsw-brown-550: #c29d73;\n --nsw-brown-600: #b68d5d;\n --nsw-brown-650: #9c764b;\n --nsw-brown-700: #82603a;\n --nsw-brown-750: #6a4b29;\n --nsw-brown-800: #523719;\n --nsw-brown-850: #3e280f;\n --nsw-brown-900: #2b1a07;\n --nsw-brown-950: #190d02;\n --nsw-aboriginal-grey-50: #f9f8f7;\n --nsw-aboriginal-grey-100: #f2f1ef;\n --nsw-aboriginal-grey-150: #ebeae8;\n --nsw-aboriginal-grey-200: #e5e3e0;\n --nsw-aboriginal-grey-250: #dfdcd8;\n --nsw-aboriginal-grey-300: #d8d4d1;\n --nsw-aboriginal-grey-350: #d2cdc9;\n --nsw-aboriginal-grey-400: #ccc6c2;\n --nsw-aboriginal-grey-450: #ada8a5;\n --nsw-aboriginal-grey-500: #8e8b8a;\n --nsw-aboriginal-grey-550: #71706f;\n --nsw-aboriginal-grey-600: #555555;\n --nsw-aboriginal-grey-650: #494949;\n --nsw-aboriginal-grey-700: #3d3d3d;\n --nsw-aboriginal-grey-750: #323232;\n --nsw-aboriginal-grey-800: #272727;\n --nsw-aboriginal-grey-850: #1c1c1c;\n --nsw-aboriginal-grey-900: #111111;\n --nsw-aboriginal-grey-950: #070707;\n --nsw-aboriginal-red-50: #fff5f5;\n --nsw-aboriginal-red-100: #ffebeb;\n --nsw-aboriginal-red-150: #fee2e2;\n --nsw-aboriginal-red-200: #fdd9d9;\n --nsw-aboriginal-red-250: #fdd0d0;\n --nsw-aboriginal-red-300: #fcc7c6;\n --nsw-aboriginal-red-350: #fcbdbd;\n --nsw-aboriginal-red-400: #fbb4b3;\n --nsw-aboriginal-red-450: #f79693;\n --nsw-aboriginal-red-500: #f27771;\n --nsw-aboriginal-red-550: #ea554c;\n --nsw-aboriginal-red-600: #e1261c;\n --nsw-aboriginal-red-650: #cd1f17;\n --nsw-aboriginal-red-700: #ba1811;\n --nsw-aboriginal-red-750: #a7110b;\n --nsw-aboriginal-red-800: #950906;\n --nsw-aboriginal-red-850: #740001;\n --nsw-aboriginal-red-900: #540000;\n --nsw-aboriginal-red-950: #360000;\n --nsw-aboriginal-orange-50: #fff4ec;\n --nsw-aboriginal-orange-100: #fee9dd;\n --nsw-aboriginal-orange-150: #fcdfcd;\n --nsw-aboriginal-orange-200: #f9d4be;\n --nsw-aboriginal-orange-250: #f8caae;\n --nsw-aboriginal-orange-300: #f7bf9e;\n --nsw-aboriginal-orange-350: #f6b58e;\n --nsw-aboriginal-orange-400: #f4aa7d;\n --nsw-aboriginal-orange-450: #f39a66;\n --nsw-aboriginal-orange-500: #f2894f;\n --nsw-aboriginal-orange-550: #f07736;\n --nsw-aboriginal-orange-600: #ee6314;\n --nsw-aboriginal-orange-650: #d45310;\n --nsw-aboriginal-orange-700: #ba440a;\n --nsw-aboriginal-orange-750: #a13505;\n --nsw-aboriginal-orange-800: #882600;\n --nsw-aboriginal-orange-850: #691900;\n --nsw-aboriginal-orange-900: #4c0d00;\n --nsw-aboriginal-orange-950: #300300;\n --nsw-aboriginal-brown-50: #fcf1e9;\n --nsw-aboriginal-brown-100: #f6e3d7;\n --nsw-aboriginal-brown-150: #efd5c4;\n --nsw-aboriginal-brown-200: #e9c8b2;\n --nsw-aboriginal-brown-250: #e4ba9f;\n --nsw-aboriginal-brown-300: #dead8c;\n --nsw-aboriginal-brown-350: #d99f78;\n --nsw-aboriginal-brown-400: #d39165;\n --nsw-aboriginal-brown-450: #c68158;\n --nsw-aboriginal-brown-500: #b9724b;\n --nsw-aboriginal-brown-550: #ab623e;\n --nsw-aboriginal-brown-600: #9e5332;\n --nsw-aboriginal-brown-650: #8b4627;\n --nsw-aboriginal-brown-700: #79391c;\n --nsw-aboriginal-brown-750: #672d10;\n --nsw-aboriginal-brown-800: #552105;\n --nsw-aboriginal-brown-850: #411602;\n --nsw-aboriginal-brown-900: #2d0c00;\n --nsw-aboriginal-brown-950: #1b0400;\n --nsw-aboriginal-yellow-50: #fffcee;\n --nsw-aboriginal-yellow-100: #fff8e0;\n --nsw-aboriginal-yellow-150: #fff5d3;\n --nsw-aboriginal-yellow-200: #fff1c5;\n --nsw-aboriginal-yellow-250: #ffeeb7;\n --nsw-aboriginal-yellow-300: #ffeba9;\n --nsw-aboriginal-yellow-350: #fee79b;\n --nsw-aboriginal-yellow-400: #fee48c;\n --nsw-aboriginal-yellow-450: #fed675;\n --nsw-aboriginal-yellow-500: #fec85d;\n --nsw-aboriginal-yellow-550: #feb944;\n --nsw-aboriginal-yellow-600: #fea927;\n --nsw-aboriginal-yellow-650: #df961c;\n --nsw-aboriginal-yellow-700: #c18312;\n --nsw-aboriginal-yellow-750: #a57007;\n --nsw-aboriginal-yellow-800: #895e00;\n --nsw-aboriginal-yellow-850: #694700;\n --nsw-aboriginal-yellow-900: #4c3000;\n --nsw-aboriginal-yellow-950: #2f1c00;\n --nsw-aboriginal-green-50: #f5f9f2;\n --nsw-aboriginal-green-100: #ecf3e7;\n --nsw-aboriginal-green-150: #e3ecdc;\n --nsw-aboriginal-green-200: #dae6d1;\n --nsw-aboriginal-green-250: #d1e0c6;\n --nsw-aboriginal-green-300: #c7d9ba;\n --nsw-aboriginal-green-350: #bed3af;\n --nsw-aboriginal-green-400: #b5cda4;\n --nsw-aboriginal-green-450: #a5c28e;\n --nsw-aboriginal-green-500: #95b777;\n --nsw-aboriginal-green-550: #86ac60;\n --nsw-aboriginal-green-600: #78a146;\n --nsw-aboriginal-green-650: #5f8f44;\n --nsw-aboriginal-green-700: #497d40;\n --nsw-aboriginal-green-750: #346a3b;\n --nsw-aboriginal-green-800: #215834;\n --nsw-aboriginal-green-850: #154225;\n --nsw-aboriginal-green-900: #0a2e17;\n --nsw-aboriginal-green-950: #021b0a;\n --nsw-aboriginal-blue-50: #eef8fa;\n --nsw-aboriginal-blue-100: #dff1f4;\n --nsw-aboriginal-blue-150: #d0e9ee;\n --nsw-aboriginal-blue-200: #c1e2e8;\n --nsw-aboriginal-blue-250: #b2dbe2;\n --nsw-aboriginal-blue-300: #a3d4dc;\n --nsw-aboriginal-blue-350: #94ccd7;\n --nsw-aboriginal-blue-400: #84c5d1;\n --nsw-aboriginal-blue-450: #67aec0;\n --nsw-aboriginal-blue-500: #4a96b0;\n --nsw-aboriginal-blue-550: #2e7fa1;\n --nsw-aboriginal-blue-600: #0d6791;\n --nsw-aboriginal-blue-650: #095d84;\n --nsw-aboriginal-blue-700: #055377;\n --nsw-aboriginal-blue-750: #02496a;\n --nsw-aboriginal-blue-800: #00405e;\n --nsw-aboriginal-blue-850: #002f48;\n --nsw-aboriginal-blue-900: #002033;\n --nsw-aboriginal-blue-950: #00111f;\n --nsw-aboriginal-purple-50: #faf1f8;\n --nsw-aboriginal-purple-100: #f2e5f0;\n --nsw-aboriginal-purple-150: #ebd8e8;\n --nsw-aboriginal-purple-200: #e4cce0;\n --nsw-aboriginal-purple-250: #ddbfd8;\n --nsw-aboriginal-purple-300: #d7b3d1;\n --nsw-aboriginal-purple-350: #d0a6c9;\n --nsw-aboriginal-purple-400: #c99ac2;\n --nsw-aboriginal-purple-450: #bd8bb6;\n --nsw-aboriginal-purple-500: #b17caa;\n --nsw-aboriginal-purple-550: #a66d9f;\n --nsw-aboriginal-purple-600: #9a5e93;\n --nsw-aboriginal-purple-650: #844f7e;\n --nsw-aboriginal-purple-700: #6f4169;\n --nsw-aboriginal-purple-750: #5b3355;\n --nsw-aboriginal-purple-800: #472642;\n --nsw-aboriginal-purple-850: #351a31;\n --nsw-aboriginal-purple-900: #241021;\n --nsw-aboriginal-purple-950: #150612;\n --white: #ffffff;\n --black: #000000;\n}\n";
|
|
@@ -68985,22 +69072,28 @@ var oklch_default24 = "@theme {\n --color-ember-50: var(--ember-50);\n --color
|
|
|
68985
69072
|
var rgb_default24 = "@theme {\n --color-ember-50: var(--ember-50);\n --color-ember-100: var(--ember-100);\n --color-ember-150: var(--ember-150);\n --color-ember-200: var(--ember-200);\n --color-ember-250: var(--ember-250);\n --color-ember-300: var(--ember-300);\n --color-ember-350: var(--ember-350);\n --color-ember-400: var(--ember-400);\n --color-ember-450: var(--ember-450);\n --color-ember-500: var(--ember-500);\n --color-ember-550: var(--ember-550);\n --color-ember-600: var(--ember-600);\n --color-ember-650: var(--ember-650);\n --color-ember-700: var(--ember-700);\n --color-ember-750: var(--ember-750);\n --color-ember-800: var(--ember-800);\n --color-ember-850: var(--ember-850);\n --color-ember-900: var(--ember-900);\n --color-ember-950: var(--ember-950);\n --color-ember-1000: var(--ember-1000);\n --color-ember-1050: var(--ember-1050);\n --color-earthfire-50: var(--earthfire-50);\n --color-earthfire-100: var(--earthfire-100);\n --color-earthfire-150: var(--earthfire-150);\n --color-earthfire-200: var(--earthfire-200);\n --color-earthfire-250: var(--earthfire-250);\n --color-earthfire-300: var(--earthfire-300);\n --color-earthfire-350: var(--earthfire-350);\n --color-earthfire-400: var(--earthfire-400);\n --color-earthfire-450: var(--earthfire-450);\n --color-earthfire-500: var(--earthfire-500);\n --color-earthfire-550: var(--earthfire-550);\n --color-earthfire-600: var(--earthfire-600);\n --color-earthfire-650: var(--earthfire-650);\n --color-earthfire-700: var(--earthfire-700);\n --color-earthfire-750: var(--earthfire-750);\n --color-earthfire-800: var(--earthfire-800);\n --color-earthfire-850: var(--earthfire-850);\n --color-earthfire-900: var(--earthfire-900);\n --color-earthfire-950: var(--earthfire-950);\n --color-earthfire-1000: var(--earthfire-1000);\n --color-earthfire-1050: var(--earthfire-1050);\n --color-fuchsia-heat-50: var(--fuchsia-heat-50);\n --color-fuchsia-heat-100: var(--fuchsia-heat-100);\n --color-fuchsia-heat-150: var(--fuchsia-heat-150);\n --color-fuchsia-heat-200: var(--fuchsia-heat-200);\n --color-fuchsia-heat-250: var(--fuchsia-heat-250);\n --color-fuchsia-heat-300: var(--fuchsia-heat-300);\n --color-fuchsia-heat-350: var(--fuchsia-heat-350);\n --color-fuchsia-heat-400: var(--fuchsia-heat-400);\n --color-fuchsia-heat-450: var(--fuchsia-heat-450);\n --color-fuchsia-heat-500: var(--fuchsia-heat-500);\n --color-fuchsia-heat-550: var(--fuchsia-heat-550);\n --color-fuchsia-heat-600: var(--fuchsia-heat-600);\n --color-fuchsia-heat-650: var(--fuchsia-heat-650);\n --color-fuchsia-heat-700: var(--fuchsia-heat-700);\n --color-fuchsia-heat-750: var(--fuchsia-heat-750);\n --color-fuchsia-heat-800: var(--fuchsia-heat-800);\n --color-fuchsia-heat-850: var(--fuchsia-heat-850);\n --color-fuchsia-heat-900: var(--fuchsia-heat-900);\n --color-fuchsia-heat-950: var(--fuchsia-heat-950);\n --color-fuchsia-heat-1000: var(--fuchsia-heat-1000);\n --color-fuchsia-heat-1050: var(--fuchsia-heat-1050);\n --color-polar-glow-50: var(--polar-glow-50);\n --color-polar-glow-100: var(--polar-glow-100);\n --color-polar-glow-150: var(--polar-glow-150);\n --color-polar-glow-200: var(--polar-glow-200);\n --color-polar-glow-250: var(--polar-glow-250);\n --color-polar-glow-300: var(--polar-glow-300);\n --color-polar-glow-350: var(--polar-glow-350);\n --color-polar-glow-400: var(--polar-glow-400);\n --color-polar-glow-450: var(--polar-glow-450);\n --color-polar-glow-500: var(--polar-glow-500);\n --color-polar-glow-550: var(--polar-glow-550);\n --color-polar-glow-600: var(--polar-glow-600);\n --color-polar-glow-650: var(--polar-glow-650);\n --color-polar-glow-700: var(--polar-glow-700);\n --color-polar-glow-750: var(--polar-glow-750);\n --color-polar-glow-800: var(--polar-glow-800);\n --color-polar-glow-850: var(--polar-glow-850);\n --color-polar-glow-900: var(--polar-glow-900);\n --color-polar-glow-950: var(--polar-glow-950);\n --color-polar-glow-1000: var(--polar-glow-1000);\n --color-polar-glow-1050: var(--polar-glow-1050);\n --color-glacier-pool-50: var(--glacier-pool-50);\n --color-glacier-pool-100: var(--glacier-pool-100);\n --color-glacier-pool-150: var(--glacier-pool-150);\n --color-glacier-pool-200: var(--glacier-pool-200);\n --color-glacier-pool-250: var(--glacier-pool-250);\n --color-glacier-pool-300: var(--glacier-pool-300);\n --color-glacier-pool-350: var(--glacier-pool-350);\n --color-glacier-pool-400: var(--glacier-pool-400);\n --color-glacier-pool-450: var(--glacier-pool-450);\n --color-glacier-pool-500: var(--glacier-pool-500);\n --color-glacier-pool-550: var(--glacier-pool-550);\n --color-glacier-pool-600: var(--glacier-pool-600);\n --color-glacier-pool-650: var(--glacier-pool-650);\n --color-glacier-pool-700: var(--glacier-pool-700);\n --color-glacier-pool-750: var(--glacier-pool-750);\n --color-glacier-pool-800: var(--glacier-pool-800);\n --color-glacier-pool-850: var(--glacier-pool-850);\n --color-glacier-pool-900: var(--glacier-pool-900);\n --color-glacier-pool-950: var(--glacier-pool-950);\n --color-glacier-pool-1000: var(--glacier-pool-1000);\n --color-glacier-pool-1050: var(--glacier-pool-1050);\n --color-deep-current-50: var(--deep-current-50);\n --color-deep-current-100: var(--deep-current-100);\n --color-deep-current-150: var(--deep-current-150);\n --color-deep-current-200: var(--deep-current-200);\n --color-deep-current-250: var(--deep-current-250);\n --color-deep-current-300: var(--deep-current-300);\n --color-deep-current-350: var(--deep-current-350);\n --color-deep-current-400: var(--deep-current-400);\n --color-deep-current-450: var(--deep-current-450);\n --color-deep-current-500: var(--deep-current-500);\n --color-deep-current-550: var(--deep-current-550);\n --color-deep-current-600: var(--deep-current-600);\n --color-deep-current-650: var(--deep-current-650);\n --color-deep-current-700: var(--deep-current-700);\n --color-deep-current-750: var(--deep-current-750);\n --color-deep-current-800: var(--deep-current-800);\n --color-deep-current-850: var(--deep-current-850);\n --color-deep-current-900: var(--deep-current-900);\n --color-deep-current-950: var(--deep-current-950);\n --color-deep-current-1000: var(--deep-current-1000);\n --color-deep-current-1050: var(--deep-current-1050);\n --color-blue-red-50: var(--blue-red-50);\n --color-blue-red-100: var(--blue-red-100);\n --color-blue-red-150: var(--blue-red-150);\n --color-blue-red-200: var(--blue-red-200);\n --color-blue-red-250: var(--blue-red-250);\n --color-blue-red-300: var(--blue-red-300);\n --color-blue-red-350: var(--blue-red-350);\n --color-blue-red-400: var(--blue-red-400);\n --color-blue-red-450: var(--blue-red-450);\n --color-blue-red-500: var(--blue-red-500);\n --color-blue-red-550: var(--blue-red-550);\n --color-blue-red-600: var(--blue-red-600);\n --color-blue-red-650: var(--blue-red-650);\n --color-blue-red-700: var(--blue-red-700);\n --color-blue-red-750: var(--blue-red-750);\n --color-blue-red-800: var(--blue-red-800);\n --color-blue-red-850: var(--blue-red-850);\n --color-blue-red-900: var(--blue-red-900);\n --color-blue-red-950: var(--blue-red-950);\n --color-blue-red-1000: var(--blue-red-1000);\n --color-blue-orange-50: var(--blue-orange-50);\n --color-blue-orange-100: var(--blue-orange-100);\n --color-blue-orange-150: var(--blue-orange-150);\n --color-blue-orange-200: var(--blue-orange-200);\n --color-blue-orange-250: var(--blue-orange-250);\n --color-blue-orange-300: var(--blue-orange-300);\n --color-blue-orange-350: var(--blue-orange-350);\n --color-blue-orange-400: var(--blue-orange-400);\n --color-blue-orange-450: var(--blue-orange-450);\n --color-blue-orange-500: var(--blue-orange-500);\n --color-blue-orange-550: var(--blue-orange-550);\n --color-blue-orange-600: var(--blue-orange-600);\n --color-blue-orange-650: var(--blue-orange-650);\n --color-blue-orange-700: var(--blue-orange-700);\n --color-blue-orange-750: var(--blue-orange-750);\n --color-blue-orange-800: var(--blue-orange-800);\n --color-blue-orange-850: var(--blue-orange-850);\n --color-blue-orange-900: var(--blue-orange-900);\n --color-blue-orange-950: var(--blue-orange-950);\n --color-blue-orange-1000: var(--blue-orange-1000);\n --color-purple-yellow-50: var(--purple-yellow-50);\n --color-purple-yellow-100: var(--purple-yellow-100);\n --color-purple-yellow-150: var(--purple-yellow-150);\n --color-purple-yellow-200: var(--purple-yellow-200);\n --color-purple-yellow-250: var(--purple-yellow-250);\n --color-purple-yellow-300: var(--purple-yellow-300);\n --color-purple-yellow-350: var(--purple-yellow-350);\n --color-purple-yellow-400: var(--purple-yellow-400);\n --color-purple-yellow-450: var(--purple-yellow-450);\n --color-purple-yellow-500: var(--purple-yellow-500);\n --color-purple-yellow-550: var(--purple-yellow-550);\n --color-purple-yellow-600: var(--purple-yellow-600);\n --color-purple-yellow-650: var(--purple-yellow-650);\n --color-purple-yellow-700: var(--purple-yellow-700);\n --color-purple-yellow-750: var(--purple-yellow-750);\n --color-purple-yellow-800: var(--purple-yellow-800);\n --color-purple-yellow-850: var(--purple-yellow-850);\n --color-purple-yellow-900: var(--purple-yellow-900);\n --color-purple-yellow-950: var(--purple-yellow-950);\n --color-purple-yellow-1000: var(--purple-yellow-1000);\n --color-fuchsia-teal-50: var(--fuchsia-teal-50);\n --color-fuchsia-teal-100: var(--fuchsia-teal-100);\n --color-fuchsia-teal-150: var(--fuchsia-teal-150);\n --color-fuchsia-teal-200: var(--fuchsia-teal-200);\n --color-fuchsia-teal-250: var(--fuchsia-teal-250);\n --color-fuchsia-teal-300: var(--fuchsia-teal-300);\n --color-fuchsia-teal-350: var(--fuchsia-teal-350);\n --color-fuchsia-teal-400: var(--fuchsia-teal-400);\n --color-fuchsia-teal-450: var(--fuchsia-teal-450);\n --color-fuchsia-teal-500: var(--fuchsia-teal-500);\n --color-fuchsia-teal-550: var(--fuchsia-teal-550);\n --color-fuchsia-teal-600: var(--fuchsia-teal-600);\n --color-fuchsia-teal-650: var(--fuchsia-teal-650);\n --color-fuchsia-teal-700: var(--fuchsia-teal-700);\n --color-fuchsia-teal-750: var(--fuchsia-teal-750);\n --color-fuchsia-teal-800: var(--fuchsia-teal-800);\n --color-fuchsia-teal-850: var(--fuchsia-teal-850);\n --color-fuchsia-teal-900: var(--fuchsia-teal-900);\n --color-fuchsia-teal-950: var(--fuchsia-teal-950);\n --color-fuchsia-teal-1000: var(--fuchsia-teal-1000);\n}\n\n:root {\n --ember-50: rgb(34, 39, 43);\n --ember-100: rgb(28, 42, 59);\n --ember-150: rgb(28, 42, 76);\n --ember-200: rgb(37, 38, 92);\n --ember-250: rgb(51, 31, 104);\n --ember-300: rgb(68, 17, 112);\n --ember-350: rgb(97, 17, 117);\n --ember-400: rgb(128, 15, 115);\n --ember-450: rgb(159, 9, 106);\n --ember-500: rgb(188, 7, 88);\n --ember-550: rgb(215, 21, 58);\n --ember-600: rgb(222, 43, 52);\n --ember-650: rgb(228, 59, 46);\n --ember-700: rgb(233, 73, 39);\n --ember-750: rgb(238, 86, 33);\n --ember-800: rgb(243, 99, 27);\n --ember-850: rgb(247, 115, 0);\n --ember-900: rgb(249, 130, 0);\n --ember-950: rgb(251, 145, 0);\n --ember-1000: rgb(251, 160, 0);\n --ember-1050: rgb(250, 175, 5);\n --earthfire-50: rgb(82, 55, 25);\n --earthfire-100: rgb(95, 54, 13);\n --earthfire-150: rgb(108, 51, 0);\n --earthfire-200: rgb(122, 46, 0);\n --earthfire-250: rgb(135, 38, 0);\n --earthfire-300: rgb(148, 27, 0);\n --earthfire-350: rgb(167, 42, 5);\n --earthfire-400: rgb(185, 56, 11);\n --earthfire-450: rgb(204, 70, 17);\n --earthfire-500: rgb(224, 85, 22);\n --earthfire-550: rgb(243, 99, 27);\n --earthfire-600: rgb(247, 115, 0);\n --earthfire-650: rgb(249, 130, 0);\n --earthfire-700: rgb(251, 145, 0);\n --earthfire-750: rgb(251, 160, 0);\n --earthfire-800: rgb(250, 175, 5);\n --earthfire-850: rgb(250, 187, 59);\n --earthfire-900: rgb(250, 199, 87);\n --earthfire-950: rgb(251, 210, 111);\n --earthfire-1000: rgb(252, 221, 133);\n --earthfire-1050: rgb(253, 231, 154);\n --fuchsia-heat-50: rgb(101, 0, 77);\n --fuchsia-heat-100: rgb(123, 2, 95);\n --fuchsia-heat-150: rgb(146, 4, 114);\n --fuchsia-heat-200: rgb(169, 8, 133);\n --fuchsia-heat-250: rgb(193, 13, 153);\n --fuchsia-heat-300: rgb(217, 18, 174);\n --fuchsia-heat-350: rgb(230, 30, 146);\n --fuchsia-heat-400: rgb(240, 45, 119);\n --fuchsia-heat-450: rgb(245, 62, 91);\n --fuchsia-heat-500: rgb(246, 80, 62);\n --fuchsia-heat-550: rgb(243, 99, 27);\n --fuchsia-heat-600: rgb(247, 115, 0);\n --fuchsia-heat-650: rgb(249, 130, 0);\n --fuchsia-heat-700: rgb(251, 145, 0);\n --fuchsia-heat-750: rgb(251, 160, 0);\n --fuchsia-heat-800: rgb(250, 175, 5);\n --fuchsia-heat-850: rgb(250, 187, 59);\n --fuchsia-heat-900: rgb(250, 199, 87);\n --fuchsia-heat-950: rgb(251, 210, 111);\n --fuchsia-heat-1000: rgb(252, 221, 133);\n --fuchsia-heat-1050: rgb(253, 231, 154);\n --polar-glow-50: rgb(0, 38, 100);\n --polar-glow-100: rgb(1, 51, 128);\n --polar-glow-150: rgb(3, 65, 158);\n --polar-glow-200: rgb(7, 79, 189);\n --polar-glow-250: rgb(13, 93, 220);\n --polar-glow-300: rgb(20, 108, 253);\n --polar-glow-350: rgb(0, 119, 231);\n --polar-glow-400: rgb(0, 126, 208);\n --polar-glow-450: rgb(0, 130, 184);\n --polar-glow-500: rgb(0, 130, 162);\n --polar-glow-550: rgb(46, 128, 142);\n --polar-glow-600: rgb(66, 146, 159);\n --polar-glow-650: rgb(84, 163, 176);\n --polar-glow-700: rgb(103, 182, 193);\n --polar-glow-750: rgb(121, 200, 211);\n --polar-glow-800: rgb(140, 219, 229);\n --polar-glow-850: rgb(154, 223, 229);\n --polar-glow-900: rgb(169, 227, 229);\n --polar-glow-950: rgb(182, 231, 230);\n --polar-glow-1000: rgb(196, 235, 231);\n --polar-glow-1050: rgb(209, 238, 234);\n --glacier-pool-50: rgb(68, 17, 112);\n --glacier-pool-100: rgb(81, 30, 136);\n --glacier-pool-150: rgb(93, 43, 161);\n --glacier-pool-200: rgb(106, 57, 187);\n --glacier-pool-250: rgb(117, 70, 214);\n --glacier-pool-300: rgb(128, 85, 241);\n --glacier-pool-350: rgb(115, 89, 246);\n --glacier-pool-400: rgb(100, 94, 250);\n --glacier-pool-450: rgb(83, 98, 252);\n --glacier-pool-500: rgb(60, 103, 253);\n --glacier-pool-550: rgb(20, 108, 253);\n --glacier-pool-600: rgb(0, 137, 255);\n --glacier-pool-650: rgb(12, 162, 255);\n --glacier-pool-700: rgb(59, 185, 255);\n --glacier-pool-750: rgb(100, 205, 255);\n --glacier-pool-800: rgb(140, 224, 255);\n --glacier-pool-850: rgb(154, 227, 255);\n --glacier-pool-900: rgb(167, 229, 255);\n --glacier-pool-950: rgb(179, 232, 254);\n --glacier-pool-1000: rgb(191, 234, 254);\n --glacier-pool-1050: rgb(203, 237, 253);\n --deep-current-50: rgb(11, 63, 71);\n --deep-current-100: rgb(18, 75, 84);\n --deep-current-150: rgb(25, 88, 98);\n --deep-current-200: rgb(32, 101, 113);\n --deep-current-250: rgb(39, 114, 127);\n --deep-current-300: rgb(46, 128, 142);\n --deep-current-350: rgb(0, 130, 162);\n --deep-current-400: rgb(0, 130, 184);\n --deep-current-450: rgb(0, 126, 208);\n --deep-current-500: rgb(0, 119, 231);\n --deep-current-550: rgb(20, 108, 253);\n --deep-current-600: rgb(0, 137, 255);\n --deep-current-650: rgb(12, 162, 255);\n --deep-current-700: rgb(59, 185, 255);\n --deep-current-750: rgb(100, 205, 255);\n --deep-current-800: rgb(140, 224, 255);\n --deep-current-850: rgb(154, 227, 255);\n --deep-current-900: rgb(167, 229, 255);\n --deep-current-950: rgb(179, 232, 254);\n --deep-current-1000: rgb(191, 234, 254);\n --deep-current-1050: rgb(203, 237, 253);\n --blue-red-50: rgb(0, 38, 100);\n --blue-red-100: rgb(1, 51, 128);\n --blue-red-150: rgb(3, 65, 158);\n --blue-red-200: rgb(7, 79, 189);\n --blue-red-250: rgb(13, 93, 220);\n --blue-red-300: rgb(20, 108, 253);\n --blue-red-350: rgb(76, 142, 255);\n --blue-red-400: rgb(121, 172, 255);\n --blue-red-450: rgb(165, 200, 255);\n --blue-red-500: rgb(210, 228, 255);\n --blue-red-550: rgb(254, 215, 214);\n --blue-red-600: rgb(249, 175, 174);\n --blue-red-650: rgb(241, 134, 135);\n --blue-red-700: rgb(229, 89, 97);\n --blue-red-750: rgb(215, 21, 58);\n --blue-red-800: rgb(191, 15, 52);\n --blue-red-850: rgb(167, 10, 45);\n --blue-red-900: rgb(143, 5, 39);\n --blue-red-950: rgb(121, 2, 32);\n --blue-red-1000: rgb(99, 0, 25);\n --blue-orange-50: rgb(0, 38, 100);\n --blue-orange-100: rgb(1, 51, 128);\n --blue-orange-150: rgb(3, 65, 158);\n --blue-orange-200: rgb(7, 79, 189);\n --blue-orange-250: rgb(13, 93, 220);\n --blue-orange-300: rgb(20, 108, 253);\n --blue-orange-350: rgb(76, 142, 255);\n --blue-orange-400: rgb(121, 172, 255);\n --blue-orange-450: rgb(165, 200, 255);\n --blue-orange-500: rgb(210, 228, 255);\n --blue-orange-550: rgb(255, 226, 214);\n --blue-orange-600: rgb(255, 196, 173);\n --blue-orange-650: rgb(254, 166, 131);\n --blue-orange-700: rgb(250, 134, 87);\n --blue-orange-750: rgb(243, 99, 27);\n --blue-orange-800: rgb(224, 85, 22);\n --blue-orange-850: rgb(204, 70, 17);\n --blue-orange-900: rgb(185, 56, 11);\n --blue-orange-950: rgb(167, 42, 5);\n --blue-orange-1000: rgb(148, 27, 0);\n --purple-yellow-50: rgb(68, 17, 112);\n --purple-yellow-100: rgb(81, 30, 136);\n --purple-yellow-150: rgb(93, 43, 161);\n --purple-yellow-200: rgb(106, 57, 187);\n --purple-yellow-250: rgb(117, 70, 214);\n --purple-yellow-300: rgb(128, 85, 241);\n --purple-yellow-350: rgb(150, 123, 247);\n --purple-yellow-400: rgb(174, 158, 251);\n --purple-yellow-450: rgb(199, 191, 254);\n --purple-yellow-500: rgb(227, 223, 255);\n --purple-yellow-550: rgb(255, 240, 218);\n --purple-yellow-600: rgb(255, 224, 180);\n --purple-yellow-650: rgb(254, 208, 139);\n --purple-yellow-700: rgb(252, 192, 93);\n --purple-yellow-750: rgb(250, 175, 5);\n --purple-yellow-800: rgb(219, 153, 3);\n --purple-yellow-850: rgb(189, 132, 2);\n --purple-yellow-900: rgb(160, 111, 1);\n --purple-yellow-950: rgb(132, 91, 0);\n --purple-yellow-1000: rgb(105, 72, 0);\n --fuchsia-teal-50: rgb(101, 0, 77);\n --fuchsia-teal-100: rgb(123, 2, 95);\n --fuchsia-teal-150: rgb(146, 4, 114);\n --fuchsia-teal-200: rgb(169, 8, 133);\n --fuchsia-teal-250: rgb(193, 13, 153);\n --fuchsia-teal-300: rgb(217, 18, 174);\n --fuchsia-teal-350: rgb(230, 91, 191);\n --fuchsia-teal-400: rgb(240, 136, 207);\n --fuchsia-teal-450: rgb(248, 177, 223);\n --fuchsia-teal-500: rgb(253, 216, 239);\n --fuchsia-teal-550: rgb(214, 229, 232);\n --fuchsia-teal-600: rgb(174, 203, 209);\n --fuchsia-teal-650: rgb(134, 178, 186);\n --fuchsia-teal-700: rgb(93, 153, 164);\n --fuchsia-teal-750: rgb(46, 128, 142);\n --fuchsia-teal-800: rgb(39, 114, 127);\n --fuchsia-teal-850: rgb(32, 101, 113);\n --fuchsia-teal-900: rgb(25, 88, 98);\n --fuchsia-teal-950: rgb(18, 75, 84);\n --fuchsia-teal-1000: rgb(11, 63, 71);\n}\n";
|
|
68986
69073
|
|
|
68987
69074
|
// src/tailwind/space/global.css
|
|
68988
|
-
var
|
|
69075
|
+
var global_default25 = "@theme {\n --spacing-0: 0rem;\n --spacing-1: 0.25rem;\n --spacing-2: 0.5rem;\n --spacing-3: 0.75rem;\n --spacing-4: 1rem;\n --spacing-5: 1.25rem;\n --spacing-6: 1.5rem;\n --spacing-8: 2rem;\n --spacing-10: 2.5rem;\n --spacing-12: 3rem;\n --spacing-14: 3.5rem;\n --spacing-16: 4rem;\n}\n";
|
|
68989
69076
|
|
|
68990
69077
|
// src/tailwind/radius/global.css
|
|
68991
|
-
var
|
|
69078
|
+
var global_default26 = "@theme {\n --radius-none: 0px;\n --radius-sm: 4px;\n --radius-md: 8px;\n --radius-lg: 16px;\n --radius-pill: 9999px;\n}\n";
|
|
68992
69079
|
|
|
68993
69080
|
// src/tailwind/breakpoints/global.css
|
|
68994
|
-
var
|
|
69081
|
+
var global_default27 = "@theme {\n --breakpoint-xs: 480px;\n --breakpoint-sm: 768px;\n --breakpoint-md: 992px;\n --breakpoint-lg: 1200px;\n --breakpoint-xl: 1600px;\n}\n";
|
|
68995
69082
|
|
|
68996
69083
|
// src/tailwind/typography/global.css
|
|
68997
|
-
var
|
|
69084
|
+
var global_default28 = "@theme {\n --font-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --font-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --font-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;\n --text-12: 0.75rem;\n --text-14: 0.875rem;\n --text-16: 1rem;\n --text-18: 1.125rem;\n --text-20: 1.25rem;\n --text-22: 1.375rem;\n --text-24: 1.5rem;\n --text-30: 1.875rem;\n --text-36: 2.25rem;\n --text-48: 3rem;\n --text-56: 3.5rem;\n --text-64: 4rem;\n --font-weight-light: 300;\n --font-weight-regular: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n --leading-none: 1;\n --leading-tight: 1.2;\n --leading-snug: 1.3333333;\n --leading-base: 1.5;\n --leading-relaxed: 1.6;\n --leading-loose: 1.75;\n --tracking-tight: -0.0125em;\n --tracking-normal: 0em;\n --tracking-wide: 0.025em;\n}\n";
|
|
68998
69085
|
|
|
68999
69086
|
// src/tailwind/border/global.css
|
|
69000
|
-
var
|
|
69087
|
+
var global_default29 = "@theme {\n --border-width-thin: 0.0625rem;\n --border-width-thick: 0.125rem;\n --border-width-thicker: 0.25rem;\n --border-width-default: 0.0625rem;\n}\n";
|
|
69001
69088
|
|
|
69002
69089
|
// src/tailwind/shadow/global.css
|
|
69003
|
-
var
|
|
69090
|
+
var global_default30 = "@theme {\n --inset-shadow-thin: inset 0 0 0 0.0625rem;\n --inset-shadow-thick: inset 0 0 0 0.125rem;\n --inset-shadow-thicker: inset 0 0 0 0.25rem;\n --shadow-color-5: rgb(0 0 0 / 0.05);\n --shadow-color-10: rgb(0 0 0 / 0.1);\n --shadow-color-25: rgb(0 0 0 / 0.25);\n --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n}\n";
|
|
69091
|
+
|
|
69092
|
+
// src/tailwind/motion/global.css
|
|
69093
|
+
var global_default31 = "@theme {\n --duration-fast: 150ms;\n --duration-base: 250ms;\n --duration-slow: 400ms;\n --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);\n --ease-decelerate: cubic-bezier(0, 0, 0.2, 1);\n --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);\n}\n";
|
|
69094
|
+
|
|
69095
|
+
// src/tailwind/z-index/global.css
|
|
69096
|
+
var global_default32 = "@theme {\n --z-index-base: 0;\n --z-index-dropdown: 1000;\n --z-index-sticky: 1100;\n --z-index-overlay: 1200;\n --z-index-modal: 1300;\n --z-index-popover: 1400;\n --z-index-toast: 1500;\n --z-index-tooltip: 1600;\n}\n";
|
|
69004
69097
|
|
|
69005
69098
|
// src/ts/colors/global/hex.ts
|
|
69006
69099
|
var hex_exports7 = {};
|
|
@@ -74803,8 +74896,8 @@ var fuchsiaTeal8 = {
|
|
|
74803
74896
|
};
|
|
74804
74897
|
|
|
74805
74898
|
// src/ts/space/global.ts
|
|
74806
|
-
var
|
|
74807
|
-
__export(
|
|
74899
|
+
var global_exports9 = {};
|
|
74900
|
+
__export(global_exports9, {
|
|
74808
74901
|
space: () => space2
|
|
74809
74902
|
});
|
|
74810
74903
|
var space2 = {
|
|
@@ -74823,8 +74916,8 @@ var space2 = {
|
|
|
74823
74916
|
};
|
|
74824
74917
|
|
|
74825
74918
|
// src/ts/radius/global.ts
|
|
74826
|
-
var
|
|
74827
|
-
__export(
|
|
74919
|
+
var global_exports10 = {};
|
|
74920
|
+
__export(global_exports10, {
|
|
74828
74921
|
radius: () => radius2
|
|
74829
74922
|
});
|
|
74830
74923
|
var radius2 = {
|
|
@@ -74836,8 +74929,8 @@ var radius2 = {
|
|
|
74836
74929
|
};
|
|
74837
74930
|
|
|
74838
74931
|
// src/ts/breakpoints/global.ts
|
|
74839
|
-
var
|
|
74840
|
-
__export(
|
|
74932
|
+
var global_exports11 = {};
|
|
74933
|
+
__export(global_exports11, {
|
|
74841
74934
|
breakpoint: () => breakpoint2
|
|
74842
74935
|
});
|
|
74843
74936
|
var breakpoint2 = {
|
|
@@ -74849,8 +74942,8 @@ var breakpoint2 = {
|
|
|
74849
74942
|
};
|
|
74850
74943
|
|
|
74851
74944
|
// src/ts/typography/global.ts
|
|
74852
|
-
var
|
|
74853
|
-
__export(
|
|
74945
|
+
var global_exports12 = {};
|
|
74946
|
+
__export(global_exports12, {
|
|
74854
74947
|
fontFamily: () => fontFamily2,
|
|
74855
74948
|
fontSize: () => fontSize2,
|
|
74856
74949
|
fontWeight: () => fontWeight2,
|
|
@@ -74977,8 +75070,8 @@ var code2 = {
|
|
|
74977
75070
|
};
|
|
74978
75071
|
|
|
74979
75072
|
// src/ts/border/global.ts
|
|
74980
|
-
var
|
|
74981
|
-
__export(
|
|
75073
|
+
var global_exports13 = {};
|
|
75074
|
+
__export(global_exports13, {
|
|
74982
75075
|
borderWidth: () => borderWidth2
|
|
74983
75076
|
});
|
|
74984
75077
|
var borderWidth2 = {
|
|
@@ -74989,8 +75082,8 @@ var borderWidth2 = {
|
|
|
74989
75082
|
};
|
|
74990
75083
|
|
|
74991
75084
|
// src/ts/shadow/global.ts
|
|
74992
|
-
var
|
|
74993
|
-
__export(
|
|
75085
|
+
var global_exports14 = {};
|
|
75086
|
+
__export(global_exports14, {
|
|
74994
75087
|
boxShadow: () => boxShadow2,
|
|
74995
75088
|
shadow: () => shadow2,
|
|
74996
75089
|
shadowColor: () => shadowColor2
|
|
@@ -75012,6 +75105,39 @@ var shadow2 = {
|
|
|
75012
75105
|
xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
|
|
75013
75106
|
};
|
|
75014
75107
|
|
|
75108
|
+
// src/ts/motion/global.ts
|
|
75109
|
+
var global_exports15 = {};
|
|
75110
|
+
__export(global_exports15, {
|
|
75111
|
+
duration: () => duration2,
|
|
75112
|
+
easing: () => easing2
|
|
75113
|
+
});
|
|
75114
|
+
var duration2 = {
|
|
75115
|
+
fast: "150ms",
|
|
75116
|
+
base: "250ms",
|
|
75117
|
+
slow: "400ms"
|
|
75118
|
+
};
|
|
75119
|
+
var easing2 = {
|
|
75120
|
+
standard: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
75121
|
+
decelerate: "cubic-bezier(0, 0, 0.2, 1)",
|
|
75122
|
+
accelerate: "cubic-bezier(0.4, 0, 1, 1)"
|
|
75123
|
+
};
|
|
75124
|
+
|
|
75125
|
+
// src/ts/z-index/global.ts
|
|
75126
|
+
var global_exports16 = {};
|
|
75127
|
+
__export(global_exports16, {
|
|
75128
|
+
zIndex: () => zIndex2
|
|
75129
|
+
});
|
|
75130
|
+
var zIndex2 = {
|
|
75131
|
+
base: 0,
|
|
75132
|
+
dropdown: 1e3,
|
|
75133
|
+
sticky: 1100,
|
|
75134
|
+
overlay: 1200,
|
|
75135
|
+
modal: 1300,
|
|
75136
|
+
popover: 1400,
|
|
75137
|
+
toast: 1500,
|
|
75138
|
+
tooltip: 1600
|
|
75139
|
+
};
|
|
75140
|
+
|
|
75015
75141
|
// src/index.ts
|
|
75016
75142
|
var globalColorHex = require_hex();
|
|
75017
75143
|
var globalColorHsl = require_hsl();
|
|
@@ -75084,6 +75210,8 @@ var typographyJsonGlobal = require_global4();
|
|
|
75084
75210
|
var typographyJsonSemantic = require_semantic();
|
|
75085
75211
|
var borderJsonGlobal = require_global5();
|
|
75086
75212
|
var shadowJsonGlobal = require_global6();
|
|
75213
|
+
var motionJsonGlobal = require_global7();
|
|
75214
|
+
var zIndexJsonGlobal = require_global8();
|
|
75087
75215
|
var tokens = {
|
|
75088
75216
|
colors: {
|
|
75089
75217
|
global: { hex: globalColorHex, hsl: globalColorHsl, oklch: globalColorOklch, rgb: globalColorRgb, dark: { hex: globalColorHexDark, hsl: globalColorHslDark, oklch: globalColorOklchDark, rgb: globalColorRgbDark } },
|
|
@@ -75109,7 +75237,9 @@ var tokens = {
|
|
|
75109
75237
|
breakpoints: { global: global_default3 },
|
|
75110
75238
|
typography: { global: global_default4, semantic: semantic_default },
|
|
75111
75239
|
border: { global: global_default5 },
|
|
75112
|
-
shadow: { global: global_default6 }
|
|
75240
|
+
shadow: { global: global_default6 },
|
|
75241
|
+
motion: { global: global_default7 },
|
|
75242
|
+
zIndex: { global: global_default8 }
|
|
75113
75243
|
},
|
|
75114
75244
|
js: {
|
|
75115
75245
|
global: { hex: hex_exports, hsl: hsl_exports, oklch: oklch_exports, rgb: rgb_exports, dark: { hex: hex_dark_exports, hsl: hsl_dark_exports, oklch: oklch_dark_exports, rgb: rgb_dark_exports } },
|
|
@@ -75125,7 +75255,9 @@ var tokens = {
|
|
|
75125
75255
|
breakpoints: { global: global_exports3 },
|
|
75126
75256
|
typography: { global: global_exports4, semantic: semantic_exports },
|
|
75127
75257
|
border: { global: global_exports5 },
|
|
75128
|
-
shadow: { global: global_exports6 }
|
|
75258
|
+
shadow: { global: global_exports6 },
|
|
75259
|
+
motion: { global: global_exports7 },
|
|
75260
|
+
zIndex: { global: global_exports8 }
|
|
75129
75261
|
},
|
|
75130
75262
|
json: {
|
|
75131
75263
|
global: { hex: globalJsonHex, hsl: globalJsonHsl, oklch: globalJsonOklch, rgb: globalJsonRgb, dark: { hex: globalJsonHexDark, hsl: globalJsonHslDark, oklch: globalJsonOklchDark, rgb: globalJsonRgbDark } },
|
|
@@ -75141,7 +75273,9 @@ var tokens = {
|
|
|
75141
75273
|
breakpoints: { global: breakpointsJsonGlobal },
|
|
75142
75274
|
typography: { global: typographyJsonGlobal, semantic: typographyJsonSemantic },
|
|
75143
75275
|
border: { global: borderJsonGlobal },
|
|
75144
|
-
shadow: { global: shadowJsonGlobal }
|
|
75276
|
+
shadow: { global: shadowJsonGlobal },
|
|
75277
|
+
motion: { global: motionJsonGlobal },
|
|
75278
|
+
zIndex: { global: zIndexJsonGlobal }
|
|
75145
75279
|
},
|
|
75146
75280
|
less: {
|
|
75147
75281
|
global: { hex: hex_default7, hsl: hsl_default7, oklch: oklch_default7, rgb: rgb_default7, dark: { hex: hex_dark_default3, hsl: hsl_dark_default3, oklch: oklch_dark_default3, rgb: rgb_dark_default3 } },
|
|
@@ -75152,12 +75286,14 @@ var tokens = {
|
|
|
75152
75286
|
"fuchsia-orange": { hex: hex_default11, hsl: hsl_default11, oklch: oklch_default11, rgb: rgb_default11 },
|
|
75153
75287
|
"data-visualisation": { hex: hex_default12, hsl: hsl_default12, oklch: oklch_default12, rgb: rgb_default12 }
|
|
75154
75288
|
},
|
|
75155
|
-
space: { global:
|
|
75156
|
-
radius: { global:
|
|
75157
|
-
breakpoints: { global:
|
|
75158
|
-
typography: { global:
|
|
75159
|
-
border: { global:
|
|
75160
|
-
shadow: { global:
|
|
75289
|
+
space: { global: global_default9 },
|
|
75290
|
+
radius: { global: global_default10 },
|
|
75291
|
+
breakpoints: { global: global_default11 },
|
|
75292
|
+
typography: { global: global_default12, semantic: semantic_default2 },
|
|
75293
|
+
border: { global: global_default13 },
|
|
75294
|
+
shadow: { global: global_default14 },
|
|
75295
|
+
motion: { global: global_default15 },
|
|
75296
|
+
zIndex: { global: global_default16 }
|
|
75161
75297
|
},
|
|
75162
75298
|
scss: {
|
|
75163
75299
|
global: { hex: hex_default13, hsl: hsl_default13, oklch: oklch_default13, rgb: rgb_default13, dark: { hex: hex_dark_default5, hsl: hsl_dark_default5, oklch: oklch_dark_default5, rgb: rgb_dark_default5 } },
|
|
@@ -75168,12 +75304,14 @@ var tokens = {
|
|
|
75168
75304
|
"fuchsia-orange": { hex: hex_default17, hsl: hsl_default17, oklch: oklch_default17, rgb: rgb_default17 },
|
|
75169
75305
|
"data-visualisation": { hex: hex_default18, hsl: hsl_default18, oklch: oklch_default18, rgb: rgb_default18 }
|
|
75170
75306
|
},
|
|
75171
|
-
space: { global:
|
|
75172
|
-
radius: { global:
|
|
75173
|
-
breakpoints: { global:
|
|
75174
|
-
typography: { global:
|
|
75175
|
-
border: { global:
|
|
75176
|
-
shadow: { global:
|
|
75307
|
+
space: { global: global_default17 },
|
|
75308
|
+
radius: { global: global_default18 },
|
|
75309
|
+
breakpoints: { global: global_default19 },
|
|
75310
|
+
typography: { global: global_default20, semantic: semantic_default3 },
|
|
75311
|
+
border: { global: global_default21 },
|
|
75312
|
+
shadow: { global: global_default22 },
|
|
75313
|
+
motion: { global: global_default23 },
|
|
75314
|
+
zIndex: { global: global_default24 }
|
|
75177
75315
|
},
|
|
75178
75316
|
tailwind: {
|
|
75179
75317
|
global: { hex: hex_default19, hsl: hsl_default19, oklch: oklch_default19, rgb: rgb_default19 },
|
|
@@ -75184,12 +75322,14 @@ var tokens = {
|
|
|
75184
75322
|
"fuchsia-orange": { hex: hex_default23, hsl: hsl_default23, oklch: oklch_default23, rgb: rgb_default23 },
|
|
75185
75323
|
"data-visualisation": { hex: hex_default24, hsl: hsl_default24, oklch: oklch_default24, rgb: rgb_default24 }
|
|
75186
75324
|
},
|
|
75187
|
-
space: { global:
|
|
75188
|
-
radius: { global:
|
|
75189
|
-
breakpoints: { global:
|
|
75190
|
-
typography: { global:
|
|
75191
|
-
border: { global:
|
|
75192
|
-
shadow: { global:
|
|
75325
|
+
space: { global: global_default25 },
|
|
75326
|
+
radius: { global: global_default26 },
|
|
75327
|
+
breakpoints: { global: global_default27 },
|
|
75328
|
+
typography: { global: global_default28 },
|
|
75329
|
+
border: { global: global_default29 },
|
|
75330
|
+
shadow: { global: global_default30 },
|
|
75331
|
+
motion: { global: global_default31 },
|
|
75332
|
+
zIndex: { global: global_default32 }
|
|
75193
75333
|
},
|
|
75194
75334
|
ts: {
|
|
75195
75335
|
global: { hex: hex_exports7, hsl: hsl_exports7, oklch: oklch_exports7, rgb: rgb_exports7, dark: { hex: hex_dark_exports3, hsl: hsl_dark_exports3, oklch: oklch_dark_exports3, rgb: rgb_dark_exports3 } },
|
|
@@ -75200,12 +75340,14 @@ var tokens = {
|
|
|
75200
75340
|
"fuchsia-orange": { hex: hex_exports11, hsl: hsl_exports11, oklch: oklch_exports11, rgb: rgb_exports11 },
|
|
75201
75341
|
"data-visualisation": { hex: hex_exports12, hsl: hsl_exports12, oklch: oklch_exports12, rgb: rgb_exports12 }
|
|
75202
75342
|
},
|
|
75203
|
-
space: { global:
|
|
75204
|
-
radius: { global:
|
|
75205
|
-
breakpoints: { global:
|
|
75206
|
-
typography: { global:
|
|
75207
|
-
border: { global:
|
|
75208
|
-
shadow: { global:
|
|
75343
|
+
space: { global: global_exports9 },
|
|
75344
|
+
radius: { global: global_exports10 },
|
|
75345
|
+
breakpoints: { global: global_exports11 },
|
|
75346
|
+
typography: { global: global_exports12, semantic: semantic_exports2 },
|
|
75347
|
+
border: { global: global_exports13 },
|
|
75348
|
+
shadow: { global: global_exports14 },
|
|
75349
|
+
motion: { global: global_exports15 },
|
|
75350
|
+
zIndex: { global: global_exports16 }
|
|
75209
75351
|
}
|
|
75210
75352
|
};
|
|
75211
75353
|
var colorTokens = tokens.colors;
|