@nswds/tokens 4.0.0 → 4.2.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/dist/css/colors/semantic/hex.dark.css +1 -1
- package/dist/css/colors/semantic/hsl.dark.css +1 -1
- package/dist/css/colors/semantic/oklch.dark.css +1 -1
- package/dist/css/colors/semantic/rgb.dark.css +1 -1
- package/dist/css/shadow/global.css +4 -4
- package/dist/index.cjs +7 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/less/shadow/global.less +4 -4
- package/dist/scss/shadow/global.scss +4 -4
- package/dist/tokens/global/shadow/canonical.json +4 -4
- package/dist/tokens/motion.base.json +118 -0
- package/dist/tokens/primitives-global.light.json +1908 -0
- package/dist/tokens/primitives-semantic.dark.json +532 -0
- package/dist/tokens/primitives-semantic.light.json +147 -1525
- package/dist/tokens/z-index.base.json +132 -0
- package/package.json +9 -2
package/dist/index.js
CHANGED
|
@@ -44312,16 +44312,16 @@ var oklch_default2 = ":root {\n --background-default: oklch(0.985104 0 0); /**
|
|
|
44312
44312
|
var rgb_default2 = ":root {\n --background-default: rgb(250, 250, 250); /** Page canvas \u2014 the base background behind all content. */\n --background-subtle: rgb(245, 245, 245); /** Subtly differentiated background for alternating or grouped sections. */\n --surface-default: rgb(255, 255, 255); /** Default container surface \u2014 cards, panels, and inputs on the page. */\n --surface-raised: rgb(255, 255, 255); /** Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode. */\n --surface-sunken: rgb(245, 245, 245); /** Recessed surface for wells and inset regions. */\n --text-default: rgb(14, 17, 19); /** Primary body and heading text. */\n --text-muted: rgb(73, 80, 84); /** Secondary text \u2014 supporting copy, captions, metadata. */\n --text-subtle: rgb(136, 143, 146); /** Tertiary text \u2014 placeholders and disabled labels. The mid-grey reads in both modes. */\n --text-inverse: rgb(255, 255, 255); /** Text and icons rendered on an action or solid fill. */\n --text-link: rgb(0, 38, 100); /** Inline hyperlink text. */\n --border-default: rgb(220, 223, 224); /** Default border for inputs, cards, and dividers. */\n --border-subtle: rgb(235, 235, 235); /** Low-emphasis border for subtle separation. */\n --border-strong: rgb(136, 143, 146); /** High-emphasis border for focus and selected states. */\n --action-default: rgb(0, 38, 100); /** Primary interactive colour \u2014 buttons, links, key accents. NSW navy in light, brightened for contrast in dark. */\n --action-hover: rgb(0, 16, 55); /** Hover and active state for primary actions. */\n --action-subtle: rgb(240, 251, 255); /** Tinted background for low-emphasis (ghost) actions. */\n --success-surface: rgb(239, 249, 237); /** Success (positive outcomes and confirmations) \u2014 tinted background. */\n --success-text: rgb(0, 90, 2); /** Success (positive outcomes and confirmations) \u2014 readable text on the tint. */\n --success-border: rgb(143, 199, 138); /** Success (positive outcomes and confirmations) \u2014 border and divider. */\n --success-solid: rgb(0, 138, 7); /** Success (positive outcomes and confirmations) \u2014 solid fill for badges and icons. */\n --warning-surface: rgb(255, 243, 237); /** Warning (caution and pending states) \u2014 tinted background. */\n --warning-text: rgb(136, 47, 3); /** Warning (caution and pending states) \u2014 readable text on the tint. */\n --warning-border: rgb(238, 168, 138); /** Warning (caution and pending states) \u2014 border and divider. */\n --warning-solid: rgb(201, 80, 0); /** Warning (caution and pending states) \u2014 solid fill for badges and icons. */\n --danger-surface: rgb(255, 240, 239); /** Danger (errors and destructive actions) \u2014 tinted background. */\n --danger-text: rgb(124, 6, 31); /** Danger (errors and destructive actions) \u2014 readable text on the tint. */\n --danger-border: rgb(234, 146, 148); /** Danger (errors and destructive actions) \u2014 border and divider. */\n --danger-solid: rgb(184, 18, 55); /** Danger (errors and destructive actions) \u2014 solid fill for badges and icons. */\n --info-surface: rgb(233, 238, 247); /** Info (neutral information) \u2014 tinted background. */\n --info-text: rgb(25, 51, 102); /** Info (neutral information) \u2014 readable text on the tint. */\n --info-border: rgb(128, 152, 194); /** Info (neutral information) \u2014 border and divider. */\n --info-solid: rgb(46, 82, 153); /** Info (neutral information) \u2014 solid fill for badges and icons. */\n}\n";
|
|
44313
44313
|
|
|
44314
44314
|
// src/css/colors/semantic/hex.dark.css
|
|
44315
|
-
var hex_dark_default = "[data-theme='dark'] {\n --background-default: #050709; /** Page canvas \u2014 the base background behind all content. */\n --background-subtle: #0e1113; /** Subtly differentiated background for alternating or grouped sections. */\n --surface-default: #0e1113; /** Default container surface \u2014 cards, panels, and inputs on the page. */\n --surface-raised: #22272b; /** Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode. */\n --surface-sunken: #050709; /** Recessed surface for wells and inset regions. */\n --text-default: #f5f5f5; /** Primary body and heading text. */\n --text-muted: #cdd3d6; /** Secondary text \u2014 supporting copy, captions, metadata. */\n --text-subtle: #888f92; /** Tertiary text \u2014 placeholders and disabled labels. The mid-grey reads in both modes. */\n --text-inverse: #050709; /** Text and icons rendered on an action or solid fill. */\n --text-link: #8ce0ff; /** Inline hyperlink text. */\n --border-default: #353b3f; /** Default border for inputs, cards, and dividers. */\n --border-subtle: #22272b; /** Low-emphasis border for subtle separation. */\n --border-strong: #888f92; /** High-emphasis border for focus and selected states. */\n --action-default: #26aeff; /** Primary interactive colour \u2014 buttons, links, key accents. NSW navy in light, brightened for contrast in dark. */\n --action-hover: #8ce0ff; /** Hover and active state for primary actions. */\n --action-subtle: #001037; /** Tinted background for low-emphasis (ghost) actions. */\n --success-surface: #001600; /** Success (positive outcomes and confirmations) \u2014 tinted background. */\n --success-text: #8fc78a; /** Success (positive outcomes and confirmations) \u2014 readable text on the tint. */\n --success-border: #005a02; /** Success (positive outcomes and confirmations) \u2014 border and divider. */\n --success-solid: #399936; /** Success (positive outcomes and confirmations) \u2014 solid fill for badges and icons. */\n --warning-surface: #270400; /** Warning (caution and pending states) \u2014 tinted background. */\n --warning-text: #eea88a; /** Warning (caution and pending states) \u2014 readable text on the tint. */\n --warning-border: #882f03; /** Warning (caution and pending states) \u2014 border and divider. */\n --warning-solid: #d36734; /** Warning (caution and pending states) \u2014 solid fill for badges and icons. */\n --danger-surface: #230002; /** Danger (errors and destructive actions) \u2014 tinted background. */\n --danger-text: #ea9294; /** Danger (errors and destructive actions) \u2014 readable text on the tint. */\n --danger-border: #7c061f; /** Danger (errors and destructive actions) \u2014 border and divider. */\n --danger-solid: #c63f4e; /** Danger (errors and destructive actions) \u2014 solid fill for badges and icons. */\n --info-surface: #02071c; /** Info (neutral information) \u2014 tinted background. */\n --info-text: #8098c2; /** Info (neutral information) \u2014 readable text on the tint. */\n --info-border: #193366; /** Info (neutral information) \u2014 border and divider. */\n --info-solid: #4264a4; /** Info (neutral information) \u2014 solid fill for badges and icons. */\n}\n";
|
|
44315
|
+
var hex_dark_default = "[data-theme='dark'], .dark {\n --background-default: #050709; /** Page canvas \u2014 the base background behind all content. */\n --background-subtle: #0e1113; /** Subtly differentiated background for alternating or grouped sections. */\n --surface-default: #0e1113; /** Default container surface \u2014 cards, panels, and inputs on the page. */\n --surface-raised: #22272b; /** Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode. */\n --surface-sunken: #050709; /** Recessed surface for wells and inset regions. */\n --text-default: #f5f5f5; /** Primary body and heading text. */\n --text-muted: #cdd3d6; /** Secondary text \u2014 supporting copy, captions, metadata. */\n --text-subtle: #888f92; /** Tertiary text \u2014 placeholders and disabled labels. The mid-grey reads in both modes. */\n --text-inverse: #050709; /** Text and icons rendered on an action or solid fill. */\n --text-link: #8ce0ff; /** Inline hyperlink text. */\n --border-default: #353b3f; /** Default border for inputs, cards, and dividers. */\n --border-subtle: #22272b; /** Low-emphasis border for subtle separation. */\n --border-strong: #888f92; /** High-emphasis border for focus and selected states. */\n --action-default: #26aeff; /** Primary interactive colour \u2014 buttons, links, key accents. NSW navy in light, brightened for contrast in dark. */\n --action-hover: #8ce0ff; /** Hover and active state for primary actions. */\n --action-subtle: #001037; /** Tinted background for low-emphasis (ghost) actions. */\n --success-surface: #001600; /** Success (positive outcomes and confirmations) \u2014 tinted background. */\n --success-text: #8fc78a; /** Success (positive outcomes and confirmations) \u2014 readable text on the tint. */\n --success-border: #005a02; /** Success (positive outcomes and confirmations) \u2014 border and divider. */\n --success-solid: #399936; /** Success (positive outcomes and confirmations) \u2014 solid fill for badges and icons. */\n --warning-surface: #270400; /** Warning (caution and pending states) \u2014 tinted background. */\n --warning-text: #eea88a; /** Warning (caution and pending states) \u2014 readable text on the tint. */\n --warning-border: #882f03; /** Warning (caution and pending states) \u2014 border and divider. */\n --warning-solid: #d36734; /** Warning (caution and pending states) \u2014 solid fill for badges and icons. */\n --danger-surface: #230002; /** Danger (errors and destructive actions) \u2014 tinted background. */\n --danger-text: #ea9294; /** Danger (errors and destructive actions) \u2014 readable text on the tint. */\n --danger-border: #7c061f; /** Danger (errors and destructive actions) \u2014 border and divider. */\n --danger-solid: #c63f4e; /** Danger (errors and destructive actions) \u2014 solid fill for badges and icons. */\n --info-surface: #02071c; /** Info (neutral information) \u2014 tinted background. */\n --info-text: #8098c2; /** Info (neutral information) \u2014 readable text on the tint. */\n --info-border: #193366; /** Info (neutral information) \u2014 border and divider. */\n --info-solid: #4264a4; /** Info (neutral information) \u2014 solid fill for badges and icons. */\n}\n";
|
|
44316
44316
|
|
|
44317
44317
|
// src/css/colors/semantic/hsl.dark.css
|
|
44318
|
-
var hsl_dark_default = "[data-theme='dark'] {\n --background-default: hsl(210, 28.571429%, 2.745098%); /** Page canvas \u2014 the base background behind all content. */\n --background-subtle: hsl(204, 15.151515%, 6.470588%); /** Subtly differentiated background for alternating or grouped sections. */\n --surface-default: hsl(204, 15.151515%, 6.470588%); /** Default container surface \u2014 cards, panels, and inputs on the page. */\n --surface-raised: hsl(206.666667, 11.688312%, 15.098039%); /** Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode. */\n --surface-sunken: hsl(210, 28.571429%, 2.745098%); /** Recessed surface for wells and inset regions. */\n --text-default: hsl(0, 0%, 96.078431%); /** Primary body and heading text. */\n --text-muted: hsl(200, 9.89011%, 82.156863%); /** Secondary text \u2014 supporting copy, captions, metadata. */\n --text-subtle: hsl(198, 4.385965%, 55.294118%); /** Tertiary text \u2014 placeholders and disabled labels. The mid-grey reads in both modes. */\n --text-inverse: hsl(210, 28.571429%, 2.745098%); /** Text and icons rendered on an action or solid fill. */\n --text-link: hsl(196.173913, 100%, 77.45098%); /** Inline hyperlink text. */\n --border-default: hsl(204, 8.62069%, 22.745098%); /** Default border for inputs, cards, and dividers. */\n --border-subtle: hsl(206.666667, 11.688312%, 15.098039%); /** Low-emphasis border for subtle separation. */\n --border-strong: hsl(198, 4.385965%, 55.294118%); /** High-emphasis border for focus and selected states. */\n --action-default: hsl(202.396313, 100%, 57.45098%); /** Primary interactive colour \u2014 buttons, links, key accents. NSW navy in light, brightened for contrast in dark. */\n --action-hover: hsl(196.173913, 100%, 77.45098%); /** Hover and active state for primary actions. */\n --action-subtle: hsl(222.545455, 100%, 10.784314%); /** Tinted background for low-emphasis (ghost) actions. */\n --success-surface: hsl(120, 100%, 4.313725%); /** Success (positive outcomes and confirmations) \u2014 tinted background. */\n --success-text: hsl(115.081967, 35.260116%, 66.078431%); /** Success (positive outcomes and confirmations) \u2014 readable text on the tint. */\n --success-border: hsl(121.333333, 100%, 17.647059%); /** Success (positive outcomes and confirmations) \u2014 border and divider. */\n --success-solid: hsl(118.181818, 47.826087%, 40.588235%); /** Success (positive outcomes and confirmations) \u2014 solid fill for badges and icons. */\n --warning-surface: hsl(6.153846, 100%, 7.647059%); /** Warning (caution and pending states) \u2014 tinted background. */\n --warning-text: hsl(18, 74.626866%, 73.72549%); /** Warning (caution and pending states) \u2014 readable text on the tint. */\n --warning-border: hsl(19.849624, 95.683453%, 27.254902%); /** Warning (caution and pending states) \u2014 border and divider. */\n --warning-solid: hsl(19.245283, 64.37247%, 51.568627%); /** Warning (caution and pending states) \u2014 solid fill for badges and icons. */\n --danger-surface: hsl(356.571429, 100%, 6.862745%); /** Danger (errors and destructive actions) \u2014 tinted background. */\n --danger-text: hsl(358.636364, 67.692308%, 74.509804%); /** Danger (errors and destructive actions) \u2014 readable text on the tint. */\n --danger-border: hsl(347.288136, 90.769231%, 25.490196%); /** Danger (errors and destructive actions) \u2014 border and divider. */\n --danger-solid: hsl(353.333333, 54.216867%, 51.176471%); /** Danger (errors and destructive actions) \u2014 solid fill for badges and icons. */\n --info-surface: hsl(228.461538, 86.666667%, 5.882353%); /** Info (neutral information) \u2014 tinted background. */\n --info-text: hsl(218.181818, 35.106383%, 63.137255%); /** Info (neutral information) \u2014 readable text on the tint. */\n --info-border: hsl(219.74026, 60.629921%, 24.901961%); /** Info (neutral information) \u2014 border and divider. */\n --info-solid: hsl(219.183673, 42.608696%, 45.098039%); /** Info (neutral information) \u2014 solid fill for badges and icons. */\n}\n";
|
|
44318
|
+
var hsl_dark_default = "[data-theme='dark'], .dark {\n --background-default: hsl(210, 28.571429%, 2.745098%); /** Page canvas \u2014 the base background behind all content. */\n --background-subtle: hsl(204, 15.151515%, 6.470588%); /** Subtly differentiated background for alternating or grouped sections. */\n --surface-default: hsl(204, 15.151515%, 6.470588%); /** Default container surface \u2014 cards, panels, and inputs on the page. */\n --surface-raised: hsl(206.666667, 11.688312%, 15.098039%); /** Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode. */\n --surface-sunken: hsl(210, 28.571429%, 2.745098%); /** Recessed surface for wells and inset regions. */\n --text-default: hsl(0, 0%, 96.078431%); /** Primary body and heading text. */\n --text-muted: hsl(200, 9.89011%, 82.156863%); /** Secondary text \u2014 supporting copy, captions, metadata. */\n --text-subtle: hsl(198, 4.385965%, 55.294118%); /** Tertiary text \u2014 placeholders and disabled labels. The mid-grey reads in both modes. */\n --text-inverse: hsl(210, 28.571429%, 2.745098%); /** Text and icons rendered on an action or solid fill. */\n --text-link: hsl(196.173913, 100%, 77.45098%); /** Inline hyperlink text. */\n --border-default: hsl(204, 8.62069%, 22.745098%); /** Default border for inputs, cards, and dividers. */\n --border-subtle: hsl(206.666667, 11.688312%, 15.098039%); /** Low-emphasis border for subtle separation. */\n --border-strong: hsl(198, 4.385965%, 55.294118%); /** High-emphasis border for focus and selected states. */\n --action-default: hsl(202.396313, 100%, 57.45098%); /** Primary interactive colour \u2014 buttons, links, key accents. NSW navy in light, brightened for contrast in dark. */\n --action-hover: hsl(196.173913, 100%, 77.45098%); /** Hover and active state for primary actions. */\n --action-subtle: hsl(222.545455, 100%, 10.784314%); /** Tinted background for low-emphasis (ghost) actions. */\n --success-surface: hsl(120, 100%, 4.313725%); /** Success (positive outcomes and confirmations) \u2014 tinted background. */\n --success-text: hsl(115.081967, 35.260116%, 66.078431%); /** Success (positive outcomes and confirmations) \u2014 readable text on the tint. */\n --success-border: hsl(121.333333, 100%, 17.647059%); /** Success (positive outcomes and confirmations) \u2014 border and divider. */\n --success-solid: hsl(118.181818, 47.826087%, 40.588235%); /** Success (positive outcomes and confirmations) \u2014 solid fill for badges and icons. */\n --warning-surface: hsl(6.153846, 100%, 7.647059%); /** Warning (caution and pending states) \u2014 tinted background. */\n --warning-text: hsl(18, 74.626866%, 73.72549%); /** Warning (caution and pending states) \u2014 readable text on the tint. */\n --warning-border: hsl(19.849624, 95.683453%, 27.254902%); /** Warning (caution and pending states) \u2014 border and divider. */\n --warning-solid: hsl(19.245283, 64.37247%, 51.568627%); /** Warning (caution and pending states) \u2014 solid fill for badges and icons. */\n --danger-surface: hsl(356.571429, 100%, 6.862745%); /** Danger (errors and destructive actions) \u2014 tinted background. */\n --danger-text: hsl(358.636364, 67.692308%, 74.509804%); /** Danger (errors and destructive actions) \u2014 readable text on the tint. */\n --danger-border: hsl(347.288136, 90.769231%, 25.490196%); /** Danger (errors and destructive actions) \u2014 border and divider. */\n --danger-solid: hsl(353.333333, 54.216867%, 51.176471%); /** Danger (errors and destructive actions) \u2014 solid fill for badges and icons. */\n --info-surface: hsl(228.461538, 86.666667%, 5.882353%); /** Info (neutral information) \u2014 tinted background. */\n --info-text: hsl(218.181818, 35.106383%, 63.137255%); /** Info (neutral information) \u2014 readable text on the tint. */\n --info-border: hsl(219.74026, 60.629921%, 24.901961%); /** Info (neutral information) \u2014 border and divider. */\n --info-solid: hsl(219.183673, 42.608696%, 45.098039%); /** Info (neutral information) \u2014 solid fill for badges and icons. */\n}\n";
|
|
44319
44319
|
|
|
44320
44320
|
// src/css/colors/semantic/oklch.dark.css
|
|
44321
|
-
var oklch_dark_default = "[data-theme='dark'] {\n --background-default: oklch(0.126543 0.006953 243.792325); /** Page canvas \u2014 the base background behind all content. */\n --background-subtle: oklch(0.175228 0.006346 236.981786); /** Subtly differentiated background for alternating or grouped sections. */\n --surface-default: oklch(0.175228 0.006346 236.981786); /** Default container surface \u2014 cards, panels, and inputs on the page. */\n --surface-raised: oklch(0.269413 0.01036 242.083865); /** Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode. */\n --surface-sunken: oklch(0.126543 0.006953 243.792325); /** Recessed surface for wells and inset regions. */\n --text-default: oklch(0.970151 0 0); /** Primary body and heading text. */\n --text-muted: oklch(0.863097 0.007776 228.868893); /** Secondary text \u2014 supporting copy, captions, metadata. */\n --text-subtle: oklch(0.645222 0.009348 225.150438); /** Tertiary text \u2014 placeholders and disabled labels. The mid-grey reads in both modes. */\n --text-inverse: oklch(0.126543 0.006953 243.792325); /** Text and icons rendered on an action or solid fill. */\n --text-link: oklch(0.864091 0.092143 223.595164); /** Inline hyperlink text. */\n --border-default: oklch(0.348204 0.010712 236.894097); /** Default border for inputs, cards, and dividers. */\n --border-subtle: oklch(0.269413 0.01036 242.083865); /** Low-emphasis border for subtle separation. */\n --border-strong: oklch(0.645222 0.009348 225.150438); /** High-emphasis border for focus and selected states. */\n --action-default: oklch(0.719588 0.160232 241.934243); /** Primary interactive colour \u2014 buttons, links, key accents. NSW navy in light, brightened for contrast in dark. */\n --action-hover: oklch(0.864091 0.092143 223.595164); /** Hover and active state for primary actions. */\n --action-subtle: oklch(0.190403 0.080719 260.682766); /** Tinted background for low-emphasis (ghost) actions. */\n --success-surface: oklch(0.173455 0.059022 142.495345); /** Success (positive outcomes and confirmations) \u2014 tinted background. */\n --success-text: oklch(0.775209 0.103098 142.532525); /** Success (positive outcomes and confirmations) \u2014 readable text on the tint. */\n --success-border: oklch(0.40526 0.136911 142.712023); /** Success (positive outcomes and confirmations) \u2014 border and divider. */\n --success-solid: oklch(0.604784 0.163709 142.769697); /** Success (positive outcomes and confirmations) \u2014 solid fill for badges and icons. */\n --warning-surface: oklch(0.18011 0.062518 35.437897); /** Warning (caution and pending states) \u2014 tinted background. */\n --warning-text: oklch(0.791422 0.092884 44.093664); /** Warning (caution and pending states) \u2014 readable text on the tint. */\n --warning-border: oklch(0.431173 0.130695 40.89405); /** Warning (caution and pending states) \u2014 border and divider. */\n --warning-solid: oklch(0.634409 0.150779 43.925238); /** Warning (caution and pending states) \u2014 solid fill for badges and icons. */\n --danger-surface: oklch(0.161611 0.065248 23.141473); /** Danger (errors and destructive actions) \u2014 tinted background. */\n --danger-text: oklch(0.75077 0.106785 18.43901); /** Danger (errors and destructive actions) \u2014 readable text on the tint. */\n --danger-border: oklch(0.374388 0.145685 19.336218); /** Danger (errors and destructive actions) \u2014 border and divider. */\n --danger-solid: oklch(0.565284 0.170522 18.2478); /** Danger (errors and destructive actions) \u2014 solid fill for badges and icons. */\n --info-surface: oklch(0.137795 0.047857 264.580497); /** Info (neutral information) \u2014 tinted background. */\n --info-text: oklch(0.676764 0.068234 261.470834); /** Info (neutral information) \u2014 readable text on the tint. */\n --info-border: oklch(0.331327 0.095363 262.195822); /** Info (neutral information) \u2014 border and divider. */\n --info-solid: oklch(0.508435 0.109592 262.050185); /** Info (neutral information) \u2014 solid fill for badges and icons. */\n}\n";
|
|
44321
|
+
var oklch_dark_default = "[data-theme='dark'], .dark {\n --background-default: oklch(0.126543 0.006953 243.792325); /** Page canvas \u2014 the base background behind all content. */\n --background-subtle: oklch(0.175228 0.006346 236.981786); /** Subtly differentiated background for alternating or grouped sections. */\n --surface-default: oklch(0.175228 0.006346 236.981786); /** Default container surface \u2014 cards, panels, and inputs on the page. */\n --surface-raised: oklch(0.269413 0.01036 242.083865); /** Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode. */\n --surface-sunken: oklch(0.126543 0.006953 243.792325); /** Recessed surface for wells and inset regions. */\n --text-default: oklch(0.970151 0 0); /** Primary body and heading text. */\n --text-muted: oklch(0.863097 0.007776 228.868893); /** Secondary text \u2014 supporting copy, captions, metadata. */\n --text-subtle: oklch(0.645222 0.009348 225.150438); /** Tertiary text \u2014 placeholders and disabled labels. The mid-grey reads in both modes. */\n --text-inverse: oklch(0.126543 0.006953 243.792325); /** Text and icons rendered on an action or solid fill. */\n --text-link: oklch(0.864091 0.092143 223.595164); /** Inline hyperlink text. */\n --border-default: oklch(0.348204 0.010712 236.894097); /** Default border for inputs, cards, and dividers. */\n --border-subtle: oklch(0.269413 0.01036 242.083865); /** Low-emphasis border for subtle separation. */\n --border-strong: oklch(0.645222 0.009348 225.150438); /** High-emphasis border for focus and selected states. */\n --action-default: oklch(0.719588 0.160232 241.934243); /** Primary interactive colour \u2014 buttons, links, key accents. NSW navy in light, brightened for contrast in dark. */\n --action-hover: oklch(0.864091 0.092143 223.595164); /** Hover and active state for primary actions. */\n --action-subtle: oklch(0.190403 0.080719 260.682766); /** Tinted background for low-emphasis (ghost) actions. */\n --success-surface: oklch(0.173455 0.059022 142.495345); /** Success (positive outcomes and confirmations) \u2014 tinted background. */\n --success-text: oklch(0.775209 0.103098 142.532525); /** Success (positive outcomes and confirmations) \u2014 readable text on the tint. */\n --success-border: oklch(0.40526 0.136911 142.712023); /** Success (positive outcomes and confirmations) \u2014 border and divider. */\n --success-solid: oklch(0.604784 0.163709 142.769697); /** Success (positive outcomes and confirmations) \u2014 solid fill for badges and icons. */\n --warning-surface: oklch(0.18011 0.062518 35.437897); /** Warning (caution and pending states) \u2014 tinted background. */\n --warning-text: oklch(0.791422 0.092884 44.093664); /** Warning (caution and pending states) \u2014 readable text on the tint. */\n --warning-border: oklch(0.431173 0.130695 40.89405); /** Warning (caution and pending states) \u2014 border and divider. */\n --warning-solid: oklch(0.634409 0.150779 43.925238); /** Warning (caution and pending states) \u2014 solid fill for badges and icons. */\n --danger-surface: oklch(0.161611 0.065248 23.141473); /** Danger (errors and destructive actions) \u2014 tinted background. */\n --danger-text: oklch(0.75077 0.106785 18.43901); /** Danger (errors and destructive actions) \u2014 readable text on the tint. */\n --danger-border: oklch(0.374388 0.145685 19.336218); /** Danger (errors and destructive actions) \u2014 border and divider. */\n --danger-solid: oklch(0.565284 0.170522 18.2478); /** Danger (errors and destructive actions) \u2014 solid fill for badges and icons. */\n --info-surface: oklch(0.137795 0.047857 264.580497); /** Info (neutral information) \u2014 tinted background. */\n --info-text: oklch(0.676764 0.068234 261.470834); /** Info (neutral information) \u2014 readable text on the tint. */\n --info-border: oklch(0.331327 0.095363 262.195822); /** Info (neutral information) \u2014 border and divider. */\n --info-solid: oklch(0.508435 0.109592 262.050185); /** Info (neutral information) \u2014 solid fill for badges and icons. */\n}\n";
|
|
44322
44322
|
|
|
44323
44323
|
// src/css/colors/semantic/rgb.dark.css
|
|
44324
|
-
var rgb_dark_default = "[data-theme='dark'] {\n --background-default: rgb(5, 7, 9); /** Page canvas \u2014 the base background behind all content. */\n --background-subtle: rgb(14, 17, 19); /** Subtly differentiated background for alternating or grouped sections. */\n --surface-default: rgb(14, 17, 19); /** Default container surface \u2014 cards, panels, and inputs on the page. */\n --surface-raised: rgb(34, 39, 43); /** Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode. */\n --surface-sunken: rgb(5, 7, 9); /** Recessed surface for wells and inset regions. */\n --text-default: rgb(245, 245, 245); /** Primary body and heading text. */\n --text-muted: rgb(205, 211, 214); /** Secondary text \u2014 supporting copy, captions, metadata. */\n --text-subtle: rgb(136, 143, 146); /** Tertiary text \u2014 placeholders and disabled labels. The mid-grey reads in both modes. */\n --text-inverse: rgb(5, 7, 9); /** Text and icons rendered on an action or solid fill. */\n --text-link: rgb(140, 224, 255); /** Inline hyperlink text. */\n --border-default: rgb(53, 59, 63); /** Default border for inputs, cards, and dividers. */\n --border-subtle: rgb(34, 39, 43); /** Low-emphasis border for subtle separation. */\n --border-strong: rgb(136, 143, 146); /** High-emphasis border for focus and selected states. */\n --action-default: rgb(38, 174, 255); /** Primary interactive colour \u2014 buttons, links, key accents. NSW navy in light, brightened for contrast in dark. */\n --action-hover: rgb(140, 224, 255); /** Hover and active state for primary actions. */\n --action-subtle: rgb(0, 16, 55); /** Tinted background for low-emphasis (ghost) actions. */\n --success-surface: rgb(0, 22, 0); /** Success (positive outcomes and confirmations) \u2014 tinted background. */\n --success-text: rgb(143, 199, 138); /** Success (positive outcomes and confirmations) \u2014 readable text on the tint. */\n --success-border: rgb(0, 90, 2); /** Success (positive outcomes and confirmations) \u2014 border and divider. */\n --success-solid: rgb(57, 153, 54); /** Success (positive outcomes and confirmations) \u2014 solid fill for badges and icons. */\n --warning-surface: rgb(39, 4, 0); /** Warning (caution and pending states) \u2014 tinted background. */\n --warning-text: rgb(238, 168, 138); /** Warning (caution and pending states) \u2014 readable text on the tint. */\n --warning-border: rgb(136, 47, 3); /** Warning (caution and pending states) \u2014 border and divider. */\n --warning-solid: rgb(211, 103, 52); /** Warning (caution and pending states) \u2014 solid fill for badges and icons. */\n --danger-surface: rgb(35, 0, 2); /** Danger (errors and destructive actions) \u2014 tinted background. */\n --danger-text: rgb(234, 146, 148); /** Danger (errors and destructive actions) \u2014 readable text on the tint. */\n --danger-border: rgb(124, 6, 31); /** Danger (errors and destructive actions) \u2014 border and divider. */\n --danger-solid: rgb(198, 63, 78); /** Danger (errors and destructive actions) \u2014 solid fill for badges and icons. */\n --info-surface: rgb(2, 7, 28); /** Info (neutral information) \u2014 tinted background. */\n --info-text: rgb(128, 152, 194); /** Info (neutral information) \u2014 readable text on the tint. */\n --info-border: rgb(25, 51, 102); /** Info (neutral information) \u2014 border and divider. */\n --info-solid: rgb(66, 100, 164); /** Info (neutral information) \u2014 solid fill for badges and icons. */\n}\n";
|
|
44324
|
+
var rgb_dark_default = "[data-theme='dark'], .dark {\n --background-default: rgb(5, 7, 9); /** Page canvas \u2014 the base background behind all content. */\n --background-subtle: rgb(14, 17, 19); /** Subtly differentiated background for alternating or grouped sections. */\n --surface-default: rgb(14, 17, 19); /** Default container surface \u2014 cards, panels, and inputs on the page. */\n --surface-raised: rgb(34, 39, 43); /** Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode. */\n --surface-sunken: rgb(5, 7, 9); /** Recessed surface for wells and inset regions. */\n --text-default: rgb(245, 245, 245); /** Primary body and heading text. */\n --text-muted: rgb(205, 211, 214); /** Secondary text \u2014 supporting copy, captions, metadata. */\n --text-subtle: rgb(136, 143, 146); /** Tertiary text \u2014 placeholders and disabled labels. The mid-grey reads in both modes. */\n --text-inverse: rgb(5, 7, 9); /** Text and icons rendered on an action or solid fill. */\n --text-link: rgb(140, 224, 255); /** Inline hyperlink text. */\n --border-default: rgb(53, 59, 63); /** Default border for inputs, cards, and dividers. */\n --border-subtle: rgb(34, 39, 43); /** Low-emphasis border for subtle separation. */\n --border-strong: rgb(136, 143, 146); /** High-emphasis border for focus and selected states. */\n --action-default: rgb(38, 174, 255); /** Primary interactive colour \u2014 buttons, links, key accents. NSW navy in light, brightened for contrast in dark. */\n --action-hover: rgb(140, 224, 255); /** Hover and active state for primary actions. */\n --action-subtle: rgb(0, 16, 55); /** Tinted background for low-emphasis (ghost) actions. */\n --success-surface: rgb(0, 22, 0); /** Success (positive outcomes and confirmations) \u2014 tinted background. */\n --success-text: rgb(143, 199, 138); /** Success (positive outcomes and confirmations) \u2014 readable text on the tint. */\n --success-border: rgb(0, 90, 2); /** Success (positive outcomes and confirmations) \u2014 border and divider. */\n --success-solid: rgb(57, 153, 54); /** Success (positive outcomes and confirmations) \u2014 solid fill for badges and icons. */\n --warning-surface: rgb(39, 4, 0); /** Warning (caution and pending states) \u2014 tinted background. */\n --warning-text: rgb(238, 168, 138); /** Warning (caution and pending states) \u2014 readable text on the tint. */\n --warning-border: rgb(136, 47, 3); /** Warning (caution and pending states) \u2014 border and divider. */\n --warning-solid: rgb(211, 103, 52); /** Warning (caution and pending states) \u2014 solid fill for badges and icons. */\n --danger-surface: rgb(35, 0, 2); /** Danger (errors and destructive actions) \u2014 tinted background. */\n --danger-text: rgb(234, 146, 148); /** Danger (errors and destructive actions) \u2014 readable text on the tint. */\n --danger-border: rgb(124, 6, 31); /** Danger (errors and destructive actions) \u2014 border and divider. */\n --danger-solid: rgb(198, 63, 78); /** Danger (errors and destructive actions) \u2014 solid fill for badges and icons. */\n --info-surface: rgb(2, 7, 28); /** Info (neutral information) \u2014 tinted background. */\n --info-text: rgb(128, 152, 194); /** Info (neutral information) \u2014 readable text on the tint. */\n --info-border: rgb(25, 51, 102); /** Info (neutral information) \u2014 border and divider. */\n --info-solid: rgb(66, 100, 164); /** Info (neutral information) \u2014 solid fill for badges and icons. */\n}\n";
|
|
44325
44325
|
|
|
44326
44326
|
// src/css/colors/semantic/hex.dark-media.css
|
|
44327
44327
|
var hex_dark_media_default = "@media (prefers-color-scheme: dark) {\n :root {\n --background-default: #050709; /** Page canvas \u2014 the base background behind all content. */\n --background-subtle: #0e1113; /** Subtly differentiated background for alternating or grouped sections. */\n --surface-default: #0e1113; /** Default container surface \u2014 cards, panels, and inputs on the page. */\n --surface-raised: #22272b; /** Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode. */\n --surface-sunken: #050709; /** Recessed surface for wells and inset regions. */\n --text-default: #f5f5f5; /** Primary body and heading text. */\n --text-muted: #cdd3d6; /** Secondary text \u2014 supporting copy, captions, metadata. */\n --text-subtle: #888f92; /** Tertiary text \u2014 placeholders and disabled labels. The mid-grey reads in both modes. */\n --text-inverse: #050709; /** Text and icons rendered on an action or solid fill. */\n --text-link: #8ce0ff; /** Inline hyperlink text. */\n --border-default: #353b3f; /** Default border for inputs, cards, and dividers. */\n --border-subtle: #22272b; /** Low-emphasis border for subtle separation. */\n --border-strong: #888f92; /** High-emphasis border for focus and selected states. */\n --action-default: #26aeff; /** Primary interactive colour \u2014 buttons, links, key accents. NSW navy in light, brightened for contrast in dark. */\n --action-hover: #8ce0ff; /** Hover and active state for primary actions. */\n --action-subtle: #001037; /** Tinted background for low-emphasis (ghost) actions. */\n --success-surface: #001600; /** Success (positive outcomes and confirmations) \u2014 tinted background. */\n --success-text: #8fc78a; /** Success (positive outcomes and confirmations) \u2014 readable text on the tint. */\n --success-border: #005a02; /** Success (positive outcomes and confirmations) \u2014 border and divider. */\n --success-solid: #399936; /** Success (positive outcomes and confirmations) \u2014 solid fill for badges and icons. */\n --warning-surface: #270400; /** Warning (caution and pending states) \u2014 tinted background. */\n --warning-text: #eea88a; /** Warning (caution and pending states) \u2014 readable text on the tint. */\n --warning-border: #882f03; /** Warning (caution and pending states) \u2014 border and divider. */\n --warning-solid: #d36734; /** Warning (caution and pending states) \u2014 solid fill for badges and icons. */\n --danger-surface: #230002; /** Danger (errors and destructive actions) \u2014 tinted background. */\n --danger-text: #ea9294; /** Danger (errors and destructive actions) \u2014 readable text on the tint. */\n --danger-border: #7c061f; /** Danger (errors and destructive actions) \u2014 border and divider. */\n --danger-solid: #c63f4e; /** Danger (errors and destructive actions) \u2014 solid fill for badges and icons. */\n --info-surface: #02071c; /** Info (neutral information) \u2014 tinted background. */\n --info-text: #8098c2; /** Info (neutral information) \u2014 readable text on the tint. */\n --info-border: #193366; /** Info (neutral information) \u2014 border and divider. */\n --info-solid: #4264a4; /** Info (neutral information) \u2014 solid fill for badges and icons. */\n }\n}\n";
|
|
@@ -44402,7 +44402,7 @@ var semantic_default = ":root {\n --typography-heading-1-font-family: 'Public S
|
|
|
44402
44402
|
var global_default5 = ":root {\n --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}\n";
|
|
44403
44403
|
|
|
44404
44404
|
// src/css/shadow/global.css
|
|
44405
|
-
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).
|
|
44405
|
+
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). */\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). */\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). */\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). */\n}\n";
|
|
44406
44406
|
|
|
44407
44407
|
// src/css/motion/global.css
|
|
44408
44408
|
var global_default7 = ":root {\n --duration-none: 0ms; /** No motion. Used as the reduced-motion target and the default transition delay. */\n --duration-instant: 100ms; /** Micro-feedback on small elements \u2014 hover, focus rings, toggles, small fades. */\n --duration-fast: 150ms; /** Quick transitions over short distances \u2014 dropdowns, popovers, exits. */\n --duration-base: 250ms; /** Default duration for most UI transitions. */\n --duration-slow: 400ms; /** Larger surfaces entering or leaving \u2014 modals, drawers, sheets. */\n --duration-slower: 600ms; /** Full-screen transitions and background dimming behind overlays. */\n --easing-standard: cubic-bezier(0.4, 0, 0.2, 1); /** Standard ease-in-out for elements moving within the viewport, visible from start to end. */\n --easing-decelerate: cubic-bezier(0, 0, 0.2, 1); /** Entrance (ease-out) for elements appearing in view, fast then settling. Also used for surfaces that leave but stay nearby, ready to return (e.g. a side panel). */\n --easing-accelerate: cubic-bezier(0.4, 0, 1, 1); /** Exit (ease-in) for elements leaving view permanently, building speed as they go. */\n --easing-linear: cubic-bezier(0, 0, 1, 1); /** No easing. For continuous or progress-driven motion \u2014 spinners, progress bars, rotation. */\n --transition-hover: 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; /** Hover, focus and toggle feedback on interactive elements. */\n --transition-enter: 250ms cubic-bezier(0, 0, 0.2, 1) 0ms; /** Elements entering the view \u2014 menus, popovers, tooltips. */\n --transition-exit: 150ms cubic-bezier(0.4, 0, 1, 1) 0ms; /** Elements leaving the view permanently. */\n --transition-overlay: 400ms cubic-bezier(0, 0, 0.2, 1) 0ms; /** Modals, drawers and sheets entering over a dimmed background. */\n}\n\n@media (prefers-reduced-motion: reduce) {\n :root {\n --duration-instant: 0.01ms;\n --duration-fast: 0.01ms;\n --duration-base: 0.01ms;\n --duration-slow: 0.01ms;\n --duration-slower: 0.01ms;\n }\n}\n";
|
|
@@ -49067,7 +49067,7 @@ var semantic_default2 = "@typography-heading-1-font-family: 'Public Sans', -appl
|
|
|
49067
49067
|
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";
|
|
49068
49068
|
|
|
49069
49069
|
// src/less/shadow/global.less
|
|
49070
|
-
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)
|
|
49070
|
+
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).\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).\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).\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).\n";
|
|
49071
49071
|
|
|
49072
49072
|
// src/less/motion/global.less
|
|
49073
49073
|
var global_default15 = "@duration-none: 0ms; // No motion. Used as the reduced-motion target and the default transition delay.\n@duration-instant: 100ms; // Micro-feedback on small elements \u2014 hover, focus rings, toggles, small fades.\n@duration-fast: 150ms; // Quick transitions over short distances \u2014 dropdowns, popovers, exits.\n@duration-base: 250ms; // Default duration for most UI transitions.\n@duration-slow: 400ms; // Larger surfaces entering or leaving \u2014 modals, drawers, sheets.\n@duration-slower: 600ms; // Full-screen transitions and background dimming behind overlays.\n@easing-standard: cubic-bezier(0.4, 0, 0.2, 1); // Standard ease-in-out for elements moving within the viewport, visible from start to end.\n@easing-decelerate: cubic-bezier(0, 0, 0.2, 1); // Entrance (ease-out) for elements appearing in view, fast then settling. Also used for surfaces that leave but stay nearby, ready to return (e.g. a side panel).\n@easing-accelerate: cubic-bezier(0.4, 0, 1, 1); // Exit (ease-in) for elements leaving view permanently, building speed as they go.\n@easing-linear: cubic-bezier(0, 0, 1, 1); // No easing. For continuous or progress-driven motion \u2014 spinners, progress bars, rotation.\n@transition-hover: 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; // Hover, focus and toggle feedback on interactive elements.\n@transition-enter: 250ms cubic-bezier(0, 0, 0.2, 1) 0ms; // Elements entering the view \u2014 menus, popovers, tooltips.\n@transition-exit: 150ms cubic-bezier(0.4, 0, 1, 1) 0ms; // Elements leaving the view permanently.\n@transition-overlay: 400ms cubic-bezier(0, 0, 0.2, 1) 0ms; // Modals, drawers and sheets entering over a dimmed background.\n";
|
|
@@ -49178,7 +49178,7 @@ var semantic_default3 = "$typography-heading-1-font-family: 'Public Sans', -appl
|
|
|
49178
49178
|
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";
|
|
49179
49179
|
|
|
49180
49180
|
// src/scss/shadow/global.scss
|
|
49181
|
-
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)
|
|
49181
|
+
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).\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).\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).\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).\n";
|
|
49182
49182
|
|
|
49183
49183
|
// src/scss/motion/global.scss
|
|
49184
49184
|
var global_default23 = "$duration-none: 0ms; // No motion. Used as the reduced-motion target and the default transition delay.\n$duration-instant: 100ms; // Micro-feedback on small elements \u2014 hover, focus rings, toggles, small fades.\n$duration-fast: 150ms; // Quick transitions over short distances \u2014 dropdowns, popovers, exits.\n$duration-base: 250ms; // Default duration for most UI transitions.\n$duration-slow: 400ms; // Larger surfaces entering or leaving \u2014 modals, drawers, sheets.\n$duration-slower: 600ms; // Full-screen transitions and background dimming behind overlays.\n$easing-standard: cubic-bezier(0.4, 0, 0.2, 1); // Standard ease-in-out for elements moving within the viewport, visible from start to end.\n$easing-decelerate: cubic-bezier(0, 0, 0.2, 1); // Entrance (ease-out) for elements appearing in view, fast then settling. Also used for surfaces that leave but stay nearby, ready to return (e.g. a side panel).\n$easing-accelerate: cubic-bezier(0.4, 0, 1, 1); // Exit (ease-in) for elements leaving view permanently, building speed as they go.\n$easing-linear: cubic-bezier(0, 0, 1, 1); // No easing. For continuous or progress-driven motion \u2014 spinners, progress bars, rotation.\n$transition-hover: 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; // Hover, focus and toggle feedback on interactive elements.\n$transition-enter: 250ms cubic-bezier(0, 0, 0.2, 1) 0ms; // Elements entering the view \u2014 menus, popovers, tooltips.\n$transition-exit: 150ms cubic-bezier(0.4, 0, 1, 1) 0ms; // Elements leaving the view permanently.\n$transition-overlay: 400ms cubic-bezier(0, 0, 0.2, 1) 0ms; // Modals, drawers and sheets entering over a dimmed background.\n";
|