@nswds/tokens 3.6.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/border.base.json +12 -4
- package/dist/tokens/breakpoints.base.json +15 -5
- package/dist/tokens/global/motion/canonical.json +45 -0
- package/dist/tokens/global/z-index/canonical.json +44 -0
- package/dist/tokens/primitives-global.light.json +1032 -344
- package/dist/tokens/primitives-semantic.light.json +228 -76
- package/dist/tokens/radius.base.json +15 -5
- package/dist/tokens/space.base.json +36 -12
- package/dist/tokens/themes-masterbrand.light.json +171 -57
- package/dist/tokens/typography.base.json +93 -31
- 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.js
CHANGED
|
@@ -62525,6 +62525,42 @@ var require_global6 = __commonJS({
|
|
|
62525
62525
|
}
|
|
62526
62526
|
});
|
|
62527
62527
|
|
|
62528
|
+
// src/json/motion/global.json
|
|
62529
|
+
var require_global7 = __commonJS({
|
|
62530
|
+
"src/json/motion/global.json"(exports$1, module) {
|
|
62531
|
+
module.exports = {
|
|
62532
|
+
duration: {
|
|
62533
|
+
"duration-fast": "150ms",
|
|
62534
|
+
"duration-base": "250ms",
|
|
62535
|
+
"duration-slow": "400ms"
|
|
62536
|
+
},
|
|
62537
|
+
easing: {
|
|
62538
|
+
"easing-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
62539
|
+
"easing-decelerate": "cubic-bezier(0, 0, 0.2, 1)",
|
|
62540
|
+
"easing-accelerate": "cubic-bezier(0.4, 0, 1, 1)"
|
|
62541
|
+
}
|
|
62542
|
+
};
|
|
62543
|
+
}
|
|
62544
|
+
});
|
|
62545
|
+
|
|
62546
|
+
// src/json/z-index/global.json
|
|
62547
|
+
var require_global8 = __commonJS({
|
|
62548
|
+
"src/json/z-index/global.json"(exports$1, module) {
|
|
62549
|
+
module.exports = {
|
|
62550
|
+
"z-index": {
|
|
62551
|
+
"z-index-base": 0,
|
|
62552
|
+
"z-index-dropdown": 1e3,
|
|
62553
|
+
"z-index-sticky": 1100,
|
|
62554
|
+
"z-index-overlay": 1200,
|
|
62555
|
+
"z-index-modal": 1300,
|
|
62556
|
+
"z-index-popover": 1400,
|
|
62557
|
+
"z-index-toast": 1500,
|
|
62558
|
+
"z-index-tooltip": 1600
|
|
62559
|
+
}
|
|
62560
|
+
};
|
|
62561
|
+
}
|
|
62562
|
+
});
|
|
62563
|
+
|
|
62528
62564
|
// src/css/colors/global/hex.css
|
|
62529
62565
|
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";
|
|
62530
62566
|
|
|
@@ -62666,6 +62702,12 @@ var global_default5 = ":root {\n --border-width-thin: 0.0625rem; /** Thin borde
|
|
|
62666
62702
|
// src/css/shadow/global.css
|
|
62667
62703
|
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";
|
|
62668
62704
|
|
|
62705
|
+
// src/css/motion/global.css
|
|
62706
|
+
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";
|
|
62707
|
+
|
|
62708
|
+
// src/css/z-index/global.css
|
|
62709
|
+
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";
|
|
62710
|
+
|
|
62669
62711
|
// src/js/colors/global/hex.js
|
|
62670
62712
|
var hex_exports = {};
|
|
62671
62713
|
__export(hex_exports, {
|
|
@@ -68676,6 +68718,39 @@ var shadow = {
|
|
|
68676
68718
|
xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
|
|
68677
68719
|
};
|
|
68678
68720
|
|
|
68721
|
+
// src/js/motion/global.js
|
|
68722
|
+
var global_exports7 = {};
|
|
68723
|
+
__export(global_exports7, {
|
|
68724
|
+
duration: () => duration,
|
|
68725
|
+
easing: () => easing
|
|
68726
|
+
});
|
|
68727
|
+
var duration = {
|
|
68728
|
+
fast: "150ms",
|
|
68729
|
+
base: "250ms",
|
|
68730
|
+
slow: "400ms"
|
|
68731
|
+
};
|
|
68732
|
+
var easing = {
|
|
68733
|
+
standard: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
68734
|
+
decelerate: "cubic-bezier(0, 0, 0.2, 1)",
|
|
68735
|
+
accelerate: "cubic-bezier(0.4, 0, 1, 1)"
|
|
68736
|
+
};
|
|
68737
|
+
|
|
68738
|
+
// src/js/z-index/global.js
|
|
68739
|
+
var global_exports8 = {};
|
|
68740
|
+
__export(global_exports8, {
|
|
68741
|
+
zIndex: () => zIndex
|
|
68742
|
+
});
|
|
68743
|
+
var zIndex = {
|
|
68744
|
+
base: 0,
|
|
68745
|
+
dropdown: 1e3,
|
|
68746
|
+
sticky: 1100,
|
|
68747
|
+
overlay: 1200,
|
|
68748
|
+
modal: 1300,
|
|
68749
|
+
popover: 1400,
|
|
68750
|
+
toast: 1500,
|
|
68751
|
+
tooltip: 1600
|
|
68752
|
+
};
|
|
68753
|
+
|
|
68679
68754
|
// src/less/colors/global/hex.less
|
|
68680
68755
|
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";
|
|
68681
68756
|
|
|
@@ -68773,25 +68848,31 @@ var oklch_default12 = "@ember-50: oklch(0.269413 0.01036 242.083865);\n@ember-10
|
|
|
68773
68848
|
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";
|
|
68774
68849
|
|
|
68775
68850
|
// src/less/space/global.less
|
|
68776
|
-
var
|
|
68851
|
+
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";
|
|
68777
68852
|
|
|
68778
68853
|
// src/less/radius/global.less
|
|
68779
|
-
var
|
|
68854
|
+
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";
|
|
68780
68855
|
|
|
68781
68856
|
// src/less/breakpoints/global.less
|
|
68782
|
-
var
|
|
68857
|
+
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";
|
|
68783
68858
|
|
|
68784
68859
|
// src/less/typography/global.less
|
|
68785
|
-
var
|
|
68860
|
+
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";
|
|
68786
68861
|
|
|
68787
68862
|
// src/less/typography/semantic.less
|
|
68788
68863
|
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";
|
|
68789
68864
|
|
|
68790
68865
|
// src/less/border/global.less
|
|
68791
|
-
var
|
|
68866
|
+
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";
|
|
68792
68867
|
|
|
68793
68868
|
// src/less/shadow/global.less
|
|
68794
|
-
var
|
|
68869
|
+
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";
|
|
68870
|
+
|
|
68871
|
+
// src/less/motion/global.less
|
|
68872
|
+
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";
|
|
68873
|
+
|
|
68874
|
+
// src/less/z-index/global.less
|
|
68875
|
+
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";
|
|
68795
68876
|
|
|
68796
68877
|
// src/scss/colors/global/hex.scss
|
|
68797
68878
|
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";
|
|
@@ -68890,25 +68971,31 @@ var oklch_default18 = "$ember-50: oklch(0.269413 0.01036 242.083865);\n$ember-10
|
|
|
68890
68971
|
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";
|
|
68891
68972
|
|
|
68892
68973
|
// src/scss/space/global.scss
|
|
68893
|
-
var
|
|
68974
|
+
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";
|
|
68894
68975
|
|
|
68895
68976
|
// src/scss/radius/global.scss
|
|
68896
|
-
var
|
|
68977
|
+
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";
|
|
68897
68978
|
|
|
68898
68979
|
// src/scss/breakpoints/global.scss
|
|
68899
|
-
var
|
|
68980
|
+
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";
|
|
68900
68981
|
|
|
68901
68982
|
// src/scss/typography/global.scss
|
|
68902
|
-
var
|
|
68983
|
+
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";
|
|
68903
68984
|
|
|
68904
68985
|
// src/scss/typography/semantic.scss
|
|
68905
68986
|
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";
|
|
68906
68987
|
|
|
68907
68988
|
// src/scss/border/global.scss
|
|
68908
|
-
var
|
|
68989
|
+
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";
|
|
68909
68990
|
|
|
68910
68991
|
// src/scss/shadow/global.scss
|
|
68911
|
-
var
|
|
68992
|
+
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";
|
|
68993
|
+
|
|
68994
|
+
// src/scss/motion/global.scss
|
|
68995
|
+
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";
|
|
68996
|
+
|
|
68997
|
+
// src/scss/z-index/global.scss
|
|
68998
|
+
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";
|
|
68912
68999
|
|
|
68913
69000
|
// src/tailwind/colors/global/hex.css
|
|
68914
69001
|
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";
|
|
@@ -68983,22 +69070,28 @@ var oklch_default24 = "@theme {\n --color-ember-50: var(--ember-50);\n --color
|
|
|
68983
69070
|
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";
|
|
68984
69071
|
|
|
68985
69072
|
// src/tailwind/space/global.css
|
|
68986
|
-
var
|
|
69073
|
+
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";
|
|
68987
69074
|
|
|
68988
69075
|
// src/tailwind/radius/global.css
|
|
68989
|
-
var
|
|
69076
|
+
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";
|
|
68990
69077
|
|
|
68991
69078
|
// src/tailwind/breakpoints/global.css
|
|
68992
|
-
var
|
|
69079
|
+
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";
|
|
68993
69080
|
|
|
68994
69081
|
// src/tailwind/typography/global.css
|
|
68995
|
-
var
|
|
69082
|
+
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";
|
|
68996
69083
|
|
|
68997
69084
|
// src/tailwind/border/global.css
|
|
68998
|
-
var
|
|
69085
|
+
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";
|
|
68999
69086
|
|
|
69000
69087
|
// src/tailwind/shadow/global.css
|
|
69001
|
-
var
|
|
69088
|
+
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";
|
|
69089
|
+
|
|
69090
|
+
// src/tailwind/motion/global.css
|
|
69091
|
+
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";
|
|
69092
|
+
|
|
69093
|
+
// src/tailwind/z-index/global.css
|
|
69094
|
+
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";
|
|
69002
69095
|
|
|
69003
69096
|
// src/ts/colors/global/hex.ts
|
|
69004
69097
|
var hex_exports7 = {};
|
|
@@ -74801,8 +74894,8 @@ var fuchsiaTeal8 = {
|
|
|
74801
74894
|
};
|
|
74802
74895
|
|
|
74803
74896
|
// src/ts/space/global.ts
|
|
74804
|
-
var
|
|
74805
|
-
__export(
|
|
74897
|
+
var global_exports9 = {};
|
|
74898
|
+
__export(global_exports9, {
|
|
74806
74899
|
space: () => space2
|
|
74807
74900
|
});
|
|
74808
74901
|
var space2 = {
|
|
@@ -74821,8 +74914,8 @@ var space2 = {
|
|
|
74821
74914
|
};
|
|
74822
74915
|
|
|
74823
74916
|
// src/ts/radius/global.ts
|
|
74824
|
-
var
|
|
74825
|
-
__export(
|
|
74917
|
+
var global_exports10 = {};
|
|
74918
|
+
__export(global_exports10, {
|
|
74826
74919
|
radius: () => radius2
|
|
74827
74920
|
});
|
|
74828
74921
|
var radius2 = {
|
|
@@ -74834,8 +74927,8 @@ var radius2 = {
|
|
|
74834
74927
|
};
|
|
74835
74928
|
|
|
74836
74929
|
// src/ts/breakpoints/global.ts
|
|
74837
|
-
var
|
|
74838
|
-
__export(
|
|
74930
|
+
var global_exports11 = {};
|
|
74931
|
+
__export(global_exports11, {
|
|
74839
74932
|
breakpoint: () => breakpoint2
|
|
74840
74933
|
});
|
|
74841
74934
|
var breakpoint2 = {
|
|
@@ -74847,8 +74940,8 @@ var breakpoint2 = {
|
|
|
74847
74940
|
};
|
|
74848
74941
|
|
|
74849
74942
|
// src/ts/typography/global.ts
|
|
74850
|
-
var
|
|
74851
|
-
__export(
|
|
74943
|
+
var global_exports12 = {};
|
|
74944
|
+
__export(global_exports12, {
|
|
74852
74945
|
fontFamily: () => fontFamily2,
|
|
74853
74946
|
fontSize: () => fontSize2,
|
|
74854
74947
|
fontWeight: () => fontWeight2,
|
|
@@ -74975,8 +75068,8 @@ var code2 = {
|
|
|
74975
75068
|
};
|
|
74976
75069
|
|
|
74977
75070
|
// src/ts/border/global.ts
|
|
74978
|
-
var
|
|
74979
|
-
__export(
|
|
75071
|
+
var global_exports13 = {};
|
|
75072
|
+
__export(global_exports13, {
|
|
74980
75073
|
borderWidth: () => borderWidth2
|
|
74981
75074
|
});
|
|
74982
75075
|
var borderWidth2 = {
|
|
@@ -74987,8 +75080,8 @@ var borderWidth2 = {
|
|
|
74987
75080
|
};
|
|
74988
75081
|
|
|
74989
75082
|
// src/ts/shadow/global.ts
|
|
74990
|
-
var
|
|
74991
|
-
__export(
|
|
75083
|
+
var global_exports14 = {};
|
|
75084
|
+
__export(global_exports14, {
|
|
74992
75085
|
boxShadow: () => boxShadow2,
|
|
74993
75086
|
shadow: () => shadow2,
|
|
74994
75087
|
shadowColor: () => shadowColor2
|
|
@@ -75010,6 +75103,39 @@ var shadow2 = {
|
|
|
75010
75103
|
xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
|
|
75011
75104
|
};
|
|
75012
75105
|
|
|
75106
|
+
// src/ts/motion/global.ts
|
|
75107
|
+
var global_exports15 = {};
|
|
75108
|
+
__export(global_exports15, {
|
|
75109
|
+
duration: () => duration2,
|
|
75110
|
+
easing: () => easing2
|
|
75111
|
+
});
|
|
75112
|
+
var duration2 = {
|
|
75113
|
+
fast: "150ms",
|
|
75114
|
+
base: "250ms",
|
|
75115
|
+
slow: "400ms"
|
|
75116
|
+
};
|
|
75117
|
+
var easing2 = {
|
|
75118
|
+
standard: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
75119
|
+
decelerate: "cubic-bezier(0, 0, 0.2, 1)",
|
|
75120
|
+
accelerate: "cubic-bezier(0.4, 0, 1, 1)"
|
|
75121
|
+
};
|
|
75122
|
+
|
|
75123
|
+
// src/ts/z-index/global.ts
|
|
75124
|
+
var global_exports16 = {};
|
|
75125
|
+
__export(global_exports16, {
|
|
75126
|
+
zIndex: () => zIndex2
|
|
75127
|
+
});
|
|
75128
|
+
var zIndex2 = {
|
|
75129
|
+
base: 0,
|
|
75130
|
+
dropdown: 1e3,
|
|
75131
|
+
sticky: 1100,
|
|
75132
|
+
overlay: 1200,
|
|
75133
|
+
modal: 1300,
|
|
75134
|
+
popover: 1400,
|
|
75135
|
+
toast: 1500,
|
|
75136
|
+
tooltip: 1600
|
|
75137
|
+
};
|
|
75138
|
+
|
|
75013
75139
|
// src/index.ts
|
|
75014
75140
|
var globalColorHex = require_hex();
|
|
75015
75141
|
var globalColorHsl = require_hsl();
|
|
@@ -75082,6 +75208,8 @@ var typographyJsonGlobal = require_global4();
|
|
|
75082
75208
|
var typographyJsonSemantic = require_semantic();
|
|
75083
75209
|
var borderJsonGlobal = require_global5();
|
|
75084
75210
|
var shadowJsonGlobal = require_global6();
|
|
75211
|
+
var motionJsonGlobal = require_global7();
|
|
75212
|
+
var zIndexJsonGlobal = require_global8();
|
|
75085
75213
|
var tokens = {
|
|
75086
75214
|
colors: {
|
|
75087
75215
|
global: { hex: globalColorHex, hsl: globalColorHsl, oklch: globalColorOklch, rgb: globalColorRgb, dark: { hex: globalColorHexDark, hsl: globalColorHslDark, oklch: globalColorOklchDark, rgb: globalColorRgbDark } },
|
|
@@ -75107,7 +75235,9 @@ var tokens = {
|
|
|
75107
75235
|
breakpoints: { global: global_default3 },
|
|
75108
75236
|
typography: { global: global_default4, semantic: semantic_default },
|
|
75109
75237
|
border: { global: global_default5 },
|
|
75110
|
-
shadow: { global: global_default6 }
|
|
75238
|
+
shadow: { global: global_default6 },
|
|
75239
|
+
motion: { global: global_default7 },
|
|
75240
|
+
zIndex: { global: global_default8 }
|
|
75111
75241
|
},
|
|
75112
75242
|
js: {
|
|
75113
75243
|
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 } },
|
|
@@ -75123,7 +75253,9 @@ var tokens = {
|
|
|
75123
75253
|
breakpoints: { global: global_exports3 },
|
|
75124
75254
|
typography: { global: global_exports4, semantic: semantic_exports },
|
|
75125
75255
|
border: { global: global_exports5 },
|
|
75126
|
-
shadow: { global: global_exports6 }
|
|
75256
|
+
shadow: { global: global_exports6 },
|
|
75257
|
+
motion: { global: global_exports7 },
|
|
75258
|
+
zIndex: { global: global_exports8 }
|
|
75127
75259
|
},
|
|
75128
75260
|
json: {
|
|
75129
75261
|
global: { hex: globalJsonHex, hsl: globalJsonHsl, oklch: globalJsonOklch, rgb: globalJsonRgb, dark: { hex: globalJsonHexDark, hsl: globalJsonHslDark, oklch: globalJsonOklchDark, rgb: globalJsonRgbDark } },
|
|
@@ -75139,7 +75271,9 @@ var tokens = {
|
|
|
75139
75271
|
breakpoints: { global: breakpointsJsonGlobal },
|
|
75140
75272
|
typography: { global: typographyJsonGlobal, semantic: typographyJsonSemantic },
|
|
75141
75273
|
border: { global: borderJsonGlobal },
|
|
75142
|
-
shadow: { global: shadowJsonGlobal }
|
|
75274
|
+
shadow: { global: shadowJsonGlobal },
|
|
75275
|
+
motion: { global: motionJsonGlobal },
|
|
75276
|
+
zIndex: { global: zIndexJsonGlobal }
|
|
75143
75277
|
},
|
|
75144
75278
|
less: {
|
|
75145
75279
|
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 } },
|
|
@@ -75150,12 +75284,14 @@ var tokens = {
|
|
|
75150
75284
|
"fuchsia-orange": { hex: hex_default11, hsl: hsl_default11, oklch: oklch_default11, rgb: rgb_default11 },
|
|
75151
75285
|
"data-visualisation": { hex: hex_default12, hsl: hsl_default12, oklch: oklch_default12, rgb: rgb_default12 }
|
|
75152
75286
|
},
|
|
75153
|
-
space: { global:
|
|
75154
|
-
radius: { global:
|
|
75155
|
-
breakpoints: { global:
|
|
75156
|
-
typography: { global:
|
|
75157
|
-
border: { global:
|
|
75158
|
-
shadow: { global:
|
|
75287
|
+
space: { global: global_default9 },
|
|
75288
|
+
radius: { global: global_default10 },
|
|
75289
|
+
breakpoints: { global: global_default11 },
|
|
75290
|
+
typography: { global: global_default12, semantic: semantic_default2 },
|
|
75291
|
+
border: { global: global_default13 },
|
|
75292
|
+
shadow: { global: global_default14 },
|
|
75293
|
+
motion: { global: global_default15 },
|
|
75294
|
+
zIndex: { global: global_default16 }
|
|
75159
75295
|
},
|
|
75160
75296
|
scss: {
|
|
75161
75297
|
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 } },
|
|
@@ -75166,12 +75302,14 @@ var tokens = {
|
|
|
75166
75302
|
"fuchsia-orange": { hex: hex_default17, hsl: hsl_default17, oklch: oklch_default17, rgb: rgb_default17 },
|
|
75167
75303
|
"data-visualisation": { hex: hex_default18, hsl: hsl_default18, oklch: oklch_default18, rgb: rgb_default18 }
|
|
75168
75304
|
},
|
|
75169
|
-
space: { global:
|
|
75170
|
-
radius: { global:
|
|
75171
|
-
breakpoints: { global:
|
|
75172
|
-
typography: { global:
|
|
75173
|
-
border: { global:
|
|
75174
|
-
shadow: { global:
|
|
75305
|
+
space: { global: global_default17 },
|
|
75306
|
+
radius: { global: global_default18 },
|
|
75307
|
+
breakpoints: { global: global_default19 },
|
|
75308
|
+
typography: { global: global_default20, semantic: semantic_default3 },
|
|
75309
|
+
border: { global: global_default21 },
|
|
75310
|
+
shadow: { global: global_default22 },
|
|
75311
|
+
motion: { global: global_default23 },
|
|
75312
|
+
zIndex: { global: global_default24 }
|
|
75175
75313
|
},
|
|
75176
75314
|
tailwind: {
|
|
75177
75315
|
global: { hex: hex_default19, hsl: hsl_default19, oklch: oklch_default19, rgb: rgb_default19 },
|
|
@@ -75182,12 +75320,14 @@ var tokens = {
|
|
|
75182
75320
|
"fuchsia-orange": { hex: hex_default23, hsl: hsl_default23, oklch: oklch_default23, rgb: rgb_default23 },
|
|
75183
75321
|
"data-visualisation": { hex: hex_default24, hsl: hsl_default24, oklch: oklch_default24, rgb: rgb_default24 }
|
|
75184
75322
|
},
|
|
75185
|
-
space: { global:
|
|
75186
|
-
radius: { global:
|
|
75187
|
-
breakpoints: { global:
|
|
75188
|
-
typography: { global:
|
|
75189
|
-
border: { global:
|
|
75190
|
-
shadow: { global:
|
|
75323
|
+
space: { global: global_default25 },
|
|
75324
|
+
radius: { global: global_default26 },
|
|
75325
|
+
breakpoints: { global: global_default27 },
|
|
75326
|
+
typography: { global: global_default28 },
|
|
75327
|
+
border: { global: global_default29 },
|
|
75328
|
+
shadow: { global: global_default30 },
|
|
75329
|
+
motion: { global: global_default31 },
|
|
75330
|
+
zIndex: { global: global_default32 }
|
|
75191
75331
|
},
|
|
75192
75332
|
ts: {
|
|
75193
75333
|
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 } },
|
|
@@ -75198,12 +75338,14 @@ var tokens = {
|
|
|
75198
75338
|
"fuchsia-orange": { hex: hex_exports11, hsl: hsl_exports11, oklch: oklch_exports11, rgb: rgb_exports11 },
|
|
75199
75339
|
"data-visualisation": { hex: hex_exports12, hsl: hsl_exports12, oklch: oklch_exports12, rgb: rgb_exports12 }
|
|
75200
75340
|
},
|
|
75201
|
-
space: { global:
|
|
75202
|
-
radius: { global:
|
|
75203
|
-
breakpoints: { global:
|
|
75204
|
-
typography: { global:
|
|
75205
|
-
border: { global:
|
|
75206
|
-
shadow: { global:
|
|
75341
|
+
space: { global: global_exports9 },
|
|
75342
|
+
radius: { global: global_exports10 },
|
|
75343
|
+
breakpoints: { global: global_exports11 },
|
|
75344
|
+
typography: { global: global_exports12, semantic: semantic_exports2 },
|
|
75345
|
+
border: { global: global_exports13 },
|
|
75346
|
+
shadow: { global: global_exports14 },
|
|
75347
|
+
motion: { global: global_exports15 },
|
|
75348
|
+
zIndex: { global: global_exports16 }
|
|
75207
75349
|
}
|
|
75208
75350
|
};
|
|
75209
75351
|
var colorTokens = tokens.colors;
|