@skdx/tokens 0.28.0 → 0.29.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 +16 -13
- package/dist/foundation.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.js +1 -1
- package/dist/themes/AntDark.cjs +1 -1
- package/dist/themes/AntDark.d.cts +3 -8
- package/dist/themes/AntDark.d.ts +3 -8
- package/dist/themes/AntDark.js +1 -1
- package/dist/themes/{AntBrand.cjs → AntLight.cjs} +1 -1
- package/dist/themes/{AntBrand.d.cts → AntLight.d.cts} +1 -1
- package/dist/themes/{AntBrand.d.ts → AntLight.d.ts} +1 -1
- package/dist/themes/{AntBrand.js → AntLight.js} +1 -1
- package/dist/themes/CatppuccinLatte.cjs +1 -1
- package/dist/themes/CatppuccinLatte.d.cts +1 -7
- package/dist/themes/CatppuccinLatte.d.ts +1 -7
- package/dist/themes/CatppuccinLatte.js +1 -1
- package/dist/themes/CatppuccinMocha.cjs +1 -1
- package/dist/themes/CatppuccinMocha.d.cts +1 -7
- package/dist/themes/CatppuccinMocha.d.ts +1 -7
- package/dist/themes/CatppuccinMocha.js +1 -1
- package/dist/themes/ChakraDark.cjs +1 -1
- package/dist/themes/ChakraDark.d.cts +3 -8
- package/dist/themes/ChakraDark.d.ts +3 -8
- package/dist/themes/ChakraDark.js +1 -1
- package/dist/themes/{ChakraBrand.cjs → ChakraLight.cjs} +1 -1
- package/dist/themes/{ChakraBrand.d.cts → ChakraLight.d.cts} +1 -1
- package/dist/themes/{ChakraBrand.d.ts → ChakraLight.d.ts} +1 -1
- package/dist/themes/{ChakraBrand.js → ChakraLight.js} +1 -1
- package/dist/themes/CupcakeDark.cjs +1 -1
- package/dist/themes/CupcakeDark.d.cts +3 -5
- package/dist/themes/CupcakeDark.d.ts +3 -5
- package/dist/themes/CupcakeLight.cjs +1 -1
- package/dist/themes/CupcakeLight.d.cts +1 -8
- package/dist/themes/CupcakeLight.d.ts +1 -8
- package/dist/themes/CupcakeLight.js +1 -1
- package/dist/themes/DefaultTheme.cjs +1 -1
- package/dist/themes/DefaultTheme.d.cts +3 -14
- package/dist/themes/DefaultTheme.d.ts +3 -14
- package/dist/themes/DefaultTheme.js +1 -1
- package/dist/themes/DraculaLight.cjs +1 -1
- package/dist/themes/DraculaLight.d.cts +2 -1
- package/dist/themes/DraculaLight.d.ts +2 -1
- package/dist/themes/DraculaLight.js +1 -1
- package/dist/themes/EmeraldDark.cjs +1 -1
- package/dist/themes/EmeraldDark.d.cts +3 -8
- package/dist/themes/EmeraldDark.d.ts +3 -8
- package/dist/themes/EmeraldDark.js +1 -1
- package/dist/themes/{EmeraldBrand.cjs → EmeraldLight.cjs} +1 -1
- package/dist/themes/{EmeraldBrand.d.cts → EmeraldLight.d.cts} +1 -1
- package/dist/themes/{EmeraldBrand.d.ts → EmeraldLight.d.ts} +1 -1
- package/dist/themes/{EmeraldBrand.js → EmeraldLight.js} +1 -1
- package/dist/themes/EverforestDark.cjs +1 -1
- package/dist/themes/EverforestDark.js +1 -1
- package/dist/themes/EverforestLight.cjs +1 -1
- package/dist/themes/EverforestLight.d.cts +3 -5
- package/dist/themes/EverforestLight.d.ts +3 -5
- package/dist/themes/FluentDark.cjs +1 -1
- package/dist/themes/FluentDark.d.cts +3 -7
- package/dist/themes/FluentDark.d.ts +3 -7
- package/dist/themes/FluentDark.js +1 -1
- package/dist/themes/{FluentBrand.cjs → FluentLight.cjs} +1 -1
- package/dist/themes/{FluentBrand.d.cts → FluentLight.d.cts} +1 -1
- package/dist/themes/{FluentBrand.d.ts → FluentLight.d.ts} +1 -1
- package/dist/themes/{FluentBrand.js → FluentLight.js} +1 -1
- package/dist/themes/GraphiteDark.cjs +1 -1
- package/dist/themes/GraphiteDark.d.cts +3 -8
- package/dist/themes/GraphiteDark.d.ts +3 -8
- package/dist/themes/GraphiteDark.js +1 -1
- package/dist/themes/{GraphiteBrand.cjs → GraphiteLight.cjs} +1 -1
- package/dist/themes/{GraphiteBrand.d.cts → GraphiteLight.d.cts} +1 -1
- package/dist/themes/{GraphiteBrand.d.ts → GraphiteLight.d.ts} +1 -1
- package/dist/themes/{GraphiteBrand.js → GraphiteLight.js} +1 -1
- package/dist/themes/GruvboxDark.cjs +1 -1
- package/dist/themes/GruvboxDark.d.cts +1 -7
- package/dist/themes/GruvboxDark.d.ts +1 -7
- package/dist/themes/GruvboxDark.js +1 -1
- package/dist/themes/GruvboxLight.cjs +1 -1
- package/dist/themes/GruvboxLight.d.cts +3 -12
- package/dist/themes/GruvboxLight.d.ts +3 -12
- package/dist/themes/GruvboxLight.js +1 -1
- package/dist/themes/MaterialDark.cjs +1 -1
- package/dist/themes/MaterialDark.d.cts +3 -8
- package/dist/themes/MaterialDark.d.ts +3 -8
- package/dist/themes/MaterialDark.js +1 -1
- package/dist/themes/{MaterialBrand.cjs → MaterialLight.cjs} +1 -1
- package/dist/themes/{MaterialBrand.d.cts → MaterialLight.d.cts} +1 -1
- package/dist/themes/{MaterialBrand.d.ts → MaterialLight.d.ts} +1 -1
- package/dist/themes/{MaterialBrand.js → MaterialLight.js} +1 -1
- package/dist/themes/MidnightDark.cjs +1 -0
- package/dist/themes/MidnightDark.d.cts +3 -0
- package/dist/themes/MidnightDark.d.ts +3 -0
- package/dist/themes/{MidnightBrand.js → MidnightDark.js} +1 -1
- package/dist/themes/MidnightLight.cjs +1 -1
- package/dist/themes/MidnightLight.d.cts +2 -1
- package/dist/themes/MidnightLight.d.ts +2 -1
- package/dist/themes/MidnightLight.js +1 -1
- package/dist/themes/NordDark.cjs +1 -1
- package/dist/themes/NordDark.js +1 -1
- package/dist/themes/NordLight.cjs +1 -1
- package/dist/themes/NordLight.d.cts +3 -12
- package/dist/themes/NordLight.d.ts +3 -12
- package/dist/themes/NordLight.js +1 -1
- package/dist/themes/OneDark.cjs +1 -1
- package/dist/themes/OneDark.d.cts +1 -7
- package/dist/themes/OneDark.d.ts +1 -7
- package/dist/themes/OneDark.js +1 -1
- package/dist/themes/OneLight.cjs +1 -1
- package/dist/themes/OneLight.d.cts +3 -5
- package/dist/themes/OneLight.d.ts +3 -5
- package/dist/themes/OneLight.js +1 -1
- package/dist/themes/PrimerDark.cjs +1 -1
- package/dist/themes/PrimerDark.js +1 -1
- package/dist/themes/PrimerLight.d.cts +1 -7
- package/dist/themes/PrimerLight.d.ts +1 -7
- package/dist/themes/RosePine.cjs +1 -1
- package/dist/themes/RosePine.d.cts +1 -7
- package/dist/themes/RosePine.d.ts +1 -7
- package/dist/themes/RosePine.js +1 -1
- package/dist/themes/RosePineDawn.cjs +1 -1
- package/dist/themes/RosePineDawn.d.cts +3 -5
- package/dist/themes/RosePineDawn.d.ts +3 -5
- package/dist/themes/RosePineDawn.js +1 -1
- package/dist/themes/SkandaDark.cjs +1 -1
- package/dist/themes/SkandaDark.d.cts +2 -1
- package/dist/themes/SkandaDark.d.ts +2 -1
- package/dist/themes/SkandaDark.js +1 -1
- package/dist/themes/SkandaLight.cjs +1 -1
- package/dist/themes/SkandaLight.js +1 -1
- package/dist/themes/SolarizedDark.d.cts +1 -7
- package/dist/themes/SolarizedDark.d.ts +1 -7
- package/dist/themes/SolarizedLight.cjs +1 -1
- package/dist/themes/SolarizedLight.d.cts +1 -7
- package/dist/themes/SolarizedLight.d.ts +1 -7
- package/dist/themes/SolarizedLight.js +1 -1
- package/dist/themes/SynthwaveDark.d.cts +1 -7
- package/dist/themes/SynthwaveDark.d.ts +1 -7
- package/dist/themes/SynthwaveLight.cjs +1 -1
- package/dist/themes/SynthwaveLight.d.cts +3 -8
- package/dist/themes/SynthwaveLight.d.ts +3 -8
- package/dist/themes/SynthwaveLight.js +1 -1
- package/dist/themes/brands.cjs +1 -1
- package/dist/themes/brands.d.cts +3 -19
- package/dist/themes/brands.d.ts +3 -19
- package/dist/themes/brands.js +1 -1
- package/dist/themes/createBrandTheme.cjs +1 -1
- package/dist/themes/createBrandTheme.d.cts +3 -7
- package/dist/themes/createBrandTheme.d.ts +3 -7
- package/dist/themes/createBrandTheme.js +1 -1
- package/dist/themes/index.cjs +1 -1
- package/dist/themes/index.d.cts +10 -9
- package/dist/themes/index.d.ts +10 -9
- package/dist/themes/index.js +1 -1
- package/dist/themes.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.dtcg.json +14246 -0
- package/dist/utils/aliases.cjs +9 -3
- package/dist/utils/aliases.d.cts +13 -23
- package/dist/utils/aliases.d.ts +13 -23
- package/dist/utils/aliases.js +9 -3
- package/dist/utils/cssVars.cjs +2 -2
- package/dist/utils/cssVars.d.cts +11 -14
- package/dist/utils/cssVars.d.ts +11 -14
- package/dist/utils/cssVars.js +2 -2
- package/dist/utils/foundation.cjs +4 -4
- package/dist/utils/foundation.d.cts +19 -76
- package/dist/utils/foundation.d.ts +19 -76
- package/dist/utils/foundation.js +3 -3
- package/dist/utils/mode.cjs +1 -1
- package/dist/utils/mode.d.cts +7 -34
- package/dist/utils/mode.d.ts +7 -34
- package/dist/utils/mode.js +1 -1
- package/dist/utils/theme.cjs +1 -1
- package/dist/utils/theme.d.cts +24 -91
- package/dist/utils/theme.d.ts +24 -91
- package/dist/utils/toCss.cjs +5 -5
- package/dist/utils/toCss.d.cts +5 -4
- package/dist/utils/toCss.d.ts +5 -4
- package/dist/utils/toCss.js +5 -5
- package/package.json +5 -4
- package/dist/themes/MidnightBrand.cjs +0 -1
- package/dist/themes/MidnightBrand.d.cts +0 -8
- package/dist/themes/MidnightBrand.d.ts +0 -8
package/dist/utils/aliases.cjs
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
"use strict";var d=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var k=(o,r)=>{for(var s in r)d(o,s,{get:r[s],enumerable:!0})},i=(o,r,s,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let c of x(r))!n.call(o,c)&&c!==s&&d(o,c,{get:()=>r[c],enumerable:!(a=t(r,c))||a.enumerable});return o};var v=o=>i(d({},"__esModule",{value:!0}),o);var m={};k(m,{aliasesToCss:()=>g,aliasesToCssVars:()=>b,colorAliases:()=>e,darkAliasesToCss:()=>u,darkColorAliases:()=>l});module.exports=v(m);var e=[["--skdx-color-surface-inverse","var(--skdx-color-neutral-900)"],["--skdx-color-text-on-inverse","var(--skdx-color-neutral-50)"],["--skdx-color-surface-page","var(--skdx-color-semantic-background)"],["--skdx-color-surface-default","var(--skdx-color-semantic-surface)"],["--skdx-color-surface-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-surface-raised","var(--skdx-color-semantic-background)"],["--skdx-color-surface-sunken","var(--skdx-color-semantic-surface)"],["--skdx-color-surface-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-surface-selected","var(--skdx-color-primary-50)"],["--skdx-color-surface-disabled","var(--skdx-color-neutral-100)"],["--skdx-color-surface-overlay","var(--skdx-color-semantic-overlay)"],["--skdx-color-text-default","var(--skdx-color-semantic-text)"],["--skdx-color-text-muted","var(--skdx-color-semantic-text-muted)"],["--skdx-color-text-on-accent","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-text-accent","var(--skdx-color-primary-700)"],["--skdx-color-text-disabled","var(--skdx-color-neutral-600)"],["--skdx-color-text-placeholder","var(--skdx-color-semantic-text-muted)"],["--skdx-color-text-danger","var(--skdx-color-danger-700)"],["--skdx-color-text-success","var(--skdx-color-success-800)"],["--skdx-color-text-warning","var(--skdx-color-warning-900)"],["--skdx-color-text-info","var(--skdx-color-primary-700)"],["--skdx-color-border-default","var(--skdx-color-semantic-border)"],["--skdx-color-border-strong","var(--skdx-color-semantic-border-strong)"],["--skdx-color-border-subtle","var(--skdx-color-neutral-200)"],["--skdx-color-border-accent","var(--skdx-color-primary-600)"],["--skdx-color-border-disabled","var(--skdx-color-neutral-200)"],["--skdx-color-border-danger","var(--skdx-color-danger-600)"],["--skdx-color-border-success","var(--skdx-color-success-600)"],["--skdx-color-border-warning","var(--skdx-color-warning-600)"],["--skdx-color-action-primary-bg","var(--skdx-color-primary-600)"],["--skdx-color-action-primary-bg-hover","var(--skdx-color-primary-600)"],["--skdx-color-action-primary-bg-pressed","var(--skdx-color-primary-600)"],["--skdx-color-action-primary-border-hover","var(--skdx-color-primary-800)"],["--skdx-color-action-primary-text","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-action-primary-border","var(--skdx-color-primary-600)"],["--skdx-color-action-secondary-bg","var(--skdx-color-semantic-surface)"],["--skdx-color-action-secondary-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-secondary-bg-pressed","var(--skdx-color-neutral-300)"],["--skdx-color-action-secondary-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-secondary-border","var(--skdx-color-semantic-border)"],["--skdx-color-action-outline-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-outline-border","var(--skdx-color-semantic-border-strong)"],["--skdx-color-action-outline-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-outline-bg-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-action-ghost-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-ghost-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-ghost-bg-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-action-danger-bg","var(--skdx-color-danger-700)"],["--skdx-color-action-danger-bg-hover","var(--skdx-color-danger-800)"],["--skdx-color-action-danger-bg-pressed","var(--skdx-color-danger-900)"],["--skdx-color-action-danger-text","var(--skdx-color-danger-50)"],["--skdx-color-action-danger-border","var(--skdx-color-danger-700)"],["--skdx-color-action-disabled-bg","var(--skdx-color-neutral-100)"],["--skdx-color-action-disabled-text","var(--skdx-color-neutral-700)"],["--skdx-color-action-disabled-border","var(--skdx-color-neutral-200)"],["--skdx-color-field-bg","var(--skdx-color-semantic-background)"],["--skdx-color-field-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-field-bg-disabled","var(--skdx-color-neutral-100)"],["--skdx-color-field-bg-readonly","var(--skdx-color-neutral-50)"],["--skdx-color-field-border","var(--skdx-color-semantic-border-strong)"],["--skdx-color-field-border-hover","var(--skdx-color-neutral-500)"],["--skdx-color-field-border-focus","var(--skdx-color-primary-600)"],["--skdx-color-field-border-invalid","var(--skdx-color-danger-700)"],["--skdx-color-field-text","var(--skdx-color-semantic-text)"],["--skdx-color-selection-bg","var(--skdx-color-primary-600)"],["--skdx-color-selection-bg-hover","var(--skdx-color-primary-600)"],["--skdx-color-selection-mark","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-highlight-bg","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-highlight-text","var(--skdx-color-semantic-text)"],["--skdx-color-status-info-bg","var(--skdx-color-primary-50)"],["--skdx-color-status-info-border","var(--skdx-color-primary-200)"],["--skdx-color-status-info-text","var(--skdx-color-primary-800)"],["--skdx-color-status-info-icon","var(--skdx-color-primary-600)"],["--skdx-color-status-success-bg","var(--skdx-color-success-50)"],["--skdx-color-status-success-border","var(--skdx-color-success-200)"],["--skdx-color-status-success-text","var(--skdx-color-success-800)"],["--skdx-color-status-success-icon","var(--skdx-color-success-600)"],["--skdx-color-status-warning-bg","var(--skdx-color-warning-50)"],["--skdx-color-status-warning-border","var(--skdx-color-warning-200)"],["--skdx-color-status-warning-text","var(--skdx-color-warning-800)"],["--skdx-color-status-warning-icon","var(--skdx-color-warning-600)"],["--skdx-color-status-danger-bg","var(--skdx-color-danger-50)"],["--skdx-color-status-danger-border","var(--skdx-color-danger-200)"],["--skdx-color-status-danger-text","var(--skdx-color-danger-800)"],["--skdx-color-status-danger-icon","var(--skdx-color-danger-600)"],["--skdx-color-status-neutral-bg","var(--skdx-color-semantic-surface)"],["--skdx-color-status-neutral-border","var(--skdx-color-semantic-border)"],["--skdx-color-status-neutral-text","var(--skdx-color-semantic-text)"],["--skdx-color-status-neutral-icon","var(--skdx-color-semantic-text-muted)"],["--skdx-color-focus-ring","var(--skdx-color-semantic-focus-ring)"],["--skdx-color-focus-ring-offset","var(--skdx-color-semantic-background)"],["--skdx-color-separator","var(--skdx-color-semantic-border)"],["--skdx-color-track","var(--skdx-color-neutral-100)"],["--skdx-color-track-fill","var(--skdx-color-primary-600)"],["--skdx-color-skeleton","var(--skdx-color-neutral-200)"],["--skdx-color-skeleton-sheen","var(--skdx-color-neutral-100)"]],l=[["--skdx-color-text-accent","var(--skdx-color-primary-300)"],["--skdx-color-text-danger","var(--skdx-color-danger-300)"],["--skdx-color-text-success","var(--skdx-color-success-300)"],["--skdx-color-text-warning","var(--skdx-color-warning-300)"],["--skdx-color-text-info","var(--skdx-color-primary-300)"],["--skdx-color-text-disabled","var(--skdx-color-neutral-400)"],["--skdx-color-field-border-invalid","var(--skdx-color-danger-400)"],["--skdx-color-border-danger","var(--skdx-color-danger-400)"],["--skdx-color-border-success","var(--skdx-color-success-400)"],["--skdx-color-border-warning","var(--skdx-color-warning-400)"],["--skdx-color-surface-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-secondary-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-outline-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-ghost-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-field-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-highlight-bg","var(--skdx-color-neutral-800)"],["--skdx-color-surface-sunken","var(--skdx-color-neutral-800)"],["--skdx-color-surface-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-surface-selected","var(--skdx-color-primary-950)"],["--skdx-color-surface-disabled","var(--skdx-color-neutral-800)"],["--skdx-color-action-disabled-bg","var(--skdx-color-neutral-800)"],["--skdx-color-action-disabled-text","var(--skdx-color-neutral-400)"],["--skdx-color-action-disabled-border","var(--skdx-color-neutral-700)"],["--skdx-color-action-secondary-bg-pressed","var(--skdx-color-neutral-600)"],["--skdx-color-action-outline-bg-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-action-ghost-bg-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-border-subtle","var(--skdx-color-neutral-800)"],["--skdx-color-border-disabled","var(--skdx-color-neutral-700)"],["--skdx-color-track","var(--skdx-color-neutral-900)"],["--skdx-color-skeleton","var(--skdx-color-neutral-800)"],["--skdx-color-skeleton-sheen","var(--skdx-color-neutral-700)"],["--skdx-color-field-bg-readonly","var(--skdx-color-neutral-900)"],["--skdx-color-field-bg-disabled","var(--skdx-color-neutral-800)"],["--skdx-color-status-info-bg","var(--skdx-color-primary-950)"],["--skdx-color-status-info-border","var(--skdx-color-primary-800)"],["--skdx-color-status-info-text","var(--skdx-color-primary-200)"],["--skdx-color-status-info-icon","var(--skdx-color-primary-400)"],["--skdx-color-status-success-bg","var(--skdx-color-success-950)"],["--skdx-color-status-success-border","var(--skdx-color-success-800)"],["--skdx-color-status-success-text","var(--skdx-color-success-200)"],["--skdx-color-status-success-icon","var(--skdx-color-success-400)"],["--skdx-color-status-warning-bg","var(--skdx-color-warning-950)"],["--skdx-color-status-warning-border","var(--skdx-color-warning-800)"],["--skdx-color-status-warning-text","var(--skdx-color-warning-200)"],["--skdx-color-status-warning-icon","var(--skdx-color-warning-400)"],["--skdx-color-status-danger-bg","var(--skdx-color-danger-950)"],["--skdx-color-status-danger-border","var(--skdx-color-danger-800)"],["--skdx-color-status-danger-text","var(--skdx-color-danger-200)"],["--skdx-color-status-danger-icon","var(--skdx-color-danger-400)"],["--skdx-color-surface-inverse","var(--skdx-color-neutral-100)"],["--skdx-color-text-on-inverse","var(--skdx-color-neutral-900)"]];function u(o){let r=l.map(([s,a])=>` ${s}: ${a};`);return`${o} {
|
|
1
|
+
"use strict";var d=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var i=(o,r)=>{for(var s in r)d(o,s,{get:r[s],enumerable:!0})},v=(o,r,s,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let c of n(r))!k.call(o,c)&&c!==s&&d(o,c,{get:()=>r[c],enumerable:!(a=x(r,c))||a.enumerable});return o};var u=o=>v(d({},"__esModule",{value:!0}),o);var p={};i(p,{aliasesToCss:()=>b,aliasesToCssVars:()=>f,colorAliases:()=>e,contrastAliasesToCss:()=>m,contrastColorAliases:()=>l,darkAliasesToCss:()=>g,darkColorAliases:()=>t});module.exports=u(p);var e=[["--skdx-color-surface-inverse","var(--skdx-color-neutral-900)"],["--skdx-color-text-on-inverse","var(--skdx-color-neutral-50)"],["--skdx-color-surface-page","var(--skdx-color-semantic-background)"],["--skdx-color-surface-default","var(--skdx-color-semantic-surface)"],["--skdx-color-surface-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-surface-raised","var(--skdx-color-semantic-background)"],["--skdx-color-surface-sunken","var(--skdx-color-semantic-surface)"],["--skdx-color-surface-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-surface-selected","var(--skdx-color-primary-50)"],["--skdx-color-surface-disabled","var(--skdx-color-neutral-100)"],["--skdx-color-surface-overlay","var(--skdx-color-semantic-overlay)"],["--skdx-color-text-default","var(--skdx-color-semantic-text)"],["--skdx-color-text-muted","var(--skdx-color-semantic-text-muted)"],["--skdx-color-text-on-accent","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-text-accent","var(--skdx-color-primary-700)"],["--skdx-color-text-disabled","var(--skdx-color-neutral-600)"],["--skdx-color-text-placeholder","var(--skdx-color-semantic-text-muted)"],["--skdx-color-text-danger","var(--skdx-color-danger-700)"],["--skdx-color-text-success","var(--skdx-color-success-800)"],["--skdx-color-text-warning","var(--skdx-color-warning-900)"],["--skdx-color-text-info","var(--skdx-color-primary-700)"],["--skdx-color-border-default","var(--skdx-color-semantic-border)"],["--skdx-color-border-strong","var(--skdx-color-semantic-border-strong)"],["--skdx-color-border-subtle","var(--skdx-color-neutral-200)"],["--skdx-color-border-accent","var(--skdx-color-primary-600)"],["--skdx-color-border-disabled","var(--skdx-color-neutral-200)"],["--skdx-color-border-danger","var(--skdx-color-danger-600)"],["--skdx-color-border-success","var(--skdx-color-success-600)"],["--skdx-color-border-warning","var(--skdx-color-warning-600)"],["--skdx-color-action-primary-bg","var(--skdx-color-primary-600)"],["--skdx-color-action-primary-bg-hover","var(--skdx-color-primary-600)"],["--skdx-color-action-primary-border-hover","var(--skdx-color-primary-800)"],["--skdx-color-action-primary-text","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-action-primary-border","var(--skdx-color-primary-600)"],["--skdx-color-action-secondary-bg","var(--skdx-color-semantic-surface)"],["--skdx-color-action-secondary-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-secondary-bg-pressed","var(--skdx-color-neutral-300)"],["--skdx-color-action-secondary-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-secondary-border","var(--skdx-color-semantic-border)"],["--skdx-color-action-outline-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-outline-border","var(--skdx-color-semantic-border-strong)"],["--skdx-color-action-outline-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-outline-bg-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-action-ghost-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-ghost-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-ghost-bg-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-action-danger-bg","var(--skdx-color-danger-700)"],["--skdx-color-action-danger-bg-hover","var(--skdx-color-danger-800)"],["--skdx-color-action-danger-bg-pressed","var(--skdx-color-danger-900)"],["--skdx-color-action-danger-text","var(--skdx-color-danger-50)"],["--skdx-color-action-danger-border","var(--skdx-color-danger-700)"],["--skdx-color-action-disabled-bg","var(--skdx-color-neutral-100)"],["--skdx-color-action-disabled-text","var(--skdx-color-neutral-700)"],["--skdx-color-action-disabled-border","var(--skdx-color-neutral-200)"],["--skdx-color-field-bg","var(--skdx-color-semantic-background)"],["--skdx-color-field-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-field-bg-disabled","var(--skdx-color-neutral-100)"],["--skdx-color-field-bg-readonly","var(--skdx-color-neutral-50)"],["--skdx-color-field-border","var(--skdx-color-semantic-border-strong)"],["--skdx-color-field-border-hover","var(--skdx-color-neutral-500)"],["--skdx-color-field-border-focus","var(--skdx-color-primary-600)"],["--skdx-color-field-border-invalid","var(--skdx-color-danger-700)"],["--skdx-color-field-text","var(--skdx-color-semantic-text)"],["--skdx-color-selection-bg","var(--skdx-color-primary-600)"],["--skdx-color-selection-mark","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-highlight-bg","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-highlight-text","var(--skdx-color-semantic-text)"],["--skdx-color-status-info-bg","var(--skdx-color-primary-50)"],["--skdx-color-status-info-border","var(--skdx-color-primary-200)"],["--skdx-color-status-info-text","var(--skdx-color-primary-800)"],["--skdx-color-status-info-icon","var(--skdx-color-primary-600)"],["--skdx-color-status-success-bg","var(--skdx-color-success-50)"],["--skdx-color-status-success-border","var(--skdx-color-success-200)"],["--skdx-color-status-success-text","var(--skdx-color-success-800)"],["--skdx-color-status-success-icon","var(--skdx-color-success-600)"],["--skdx-color-status-warning-bg","var(--skdx-color-warning-50)"],["--skdx-color-status-warning-border","var(--skdx-color-warning-200)"],["--skdx-color-status-warning-text","var(--skdx-color-warning-800)"],["--skdx-color-status-warning-icon","var(--skdx-color-warning-600)"],["--skdx-color-status-danger-bg","var(--skdx-color-danger-50)"],["--skdx-color-status-danger-border","var(--skdx-color-danger-200)"],["--skdx-color-status-danger-text","var(--skdx-color-danger-800)"],["--skdx-color-status-danger-icon","var(--skdx-color-danger-600)"],["--skdx-color-status-neutral-bg","var(--skdx-color-semantic-surface)"],["--skdx-color-status-neutral-border","var(--skdx-color-semantic-border)"],["--skdx-color-status-neutral-text","var(--skdx-color-semantic-text)"],["--skdx-color-status-neutral-icon","var(--skdx-color-semantic-text-muted)"],["--skdx-color-focus-ring","var(--skdx-color-semantic-focus-ring)"],["--skdx-color-separator","var(--skdx-color-semantic-border)"],["--skdx-color-track","var(--skdx-color-neutral-100)"],["--skdx-color-track-fill","var(--skdx-color-primary-600)"],["--skdx-color-skeleton","var(--skdx-color-neutral-200)"]],l=[["--skdx-color-border-default","var(--skdx-color-semantic-border-strong)"],["--skdx-color-border-strong","var(--skdx-color-semantic-text-muted)"],["--skdx-color-border-subtle","var(--skdx-color-neutral-400)"],["--skdx-color-text-muted","var(--skdx-color-semantic-text)"],["--skdx-color-text-placeholder","var(--skdx-color-semantic-text)"],["--skdx-color-text-disabled","var(--skdx-color-neutral-800)"],["--skdx-color-focus-ring","var(--skdx-color-semantic-text)"],["--skdx-color-separator","var(--skdx-color-semantic-border-strong)"]],t=[["--skdx-color-text-accent","var(--skdx-color-primary-300)"],["--skdx-color-text-danger","var(--skdx-color-danger-300)"],["--skdx-color-text-success","var(--skdx-color-success-300)"],["--skdx-color-text-warning","var(--skdx-color-warning-300)"],["--skdx-color-text-info","var(--skdx-color-primary-300)"],["--skdx-color-text-disabled","var(--skdx-color-neutral-400)"],["--skdx-color-field-border-invalid","var(--skdx-color-danger-400)"],["--skdx-color-border-danger","var(--skdx-color-danger-400)"],["--skdx-color-border-success","var(--skdx-color-success-400)"],["--skdx-color-border-warning","var(--skdx-color-warning-400)"],["--skdx-color-surface-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-secondary-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-outline-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-ghost-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-field-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-highlight-bg","var(--skdx-color-neutral-800)"],["--skdx-color-surface-sunken","var(--skdx-color-neutral-800)"],["--skdx-color-surface-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-surface-selected","var(--skdx-color-primary-950)"],["--skdx-color-surface-disabled","var(--skdx-color-neutral-800)"],["--skdx-color-action-disabled-bg","var(--skdx-color-neutral-800)"],["--skdx-color-action-disabled-text","var(--skdx-color-neutral-400)"],["--skdx-color-action-disabled-border","var(--skdx-color-neutral-700)"],["--skdx-color-action-secondary-bg-pressed","var(--skdx-color-neutral-600)"],["--skdx-color-action-outline-bg-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-action-ghost-bg-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-border-subtle","var(--skdx-color-neutral-800)"],["--skdx-color-border-disabled","var(--skdx-color-neutral-700)"],["--skdx-color-track","var(--skdx-color-neutral-900)"],["--skdx-color-skeleton","var(--skdx-color-neutral-600)"],["--skdx-color-field-bg-readonly","var(--skdx-color-neutral-900)"],["--skdx-color-field-bg-disabled","var(--skdx-color-neutral-800)"],["--skdx-color-status-info-bg","var(--skdx-color-primary-950)"],["--skdx-color-status-info-border","var(--skdx-color-primary-800)"],["--skdx-color-status-info-text","var(--skdx-color-primary-200)"],["--skdx-color-status-info-icon","var(--skdx-color-primary-400)"],["--skdx-color-status-success-bg","var(--skdx-color-success-950)"],["--skdx-color-status-success-border","var(--skdx-color-success-800)"],["--skdx-color-status-success-text","var(--skdx-color-success-200)"],["--skdx-color-status-success-icon","var(--skdx-color-success-400)"],["--skdx-color-status-warning-bg","var(--skdx-color-warning-950)"],["--skdx-color-status-warning-border","var(--skdx-color-warning-800)"],["--skdx-color-status-warning-text","var(--skdx-color-warning-200)"],["--skdx-color-status-warning-icon","var(--skdx-color-warning-400)"],["--skdx-color-status-danger-bg","var(--skdx-color-danger-950)"],["--skdx-color-status-danger-border","var(--skdx-color-danger-800)"],["--skdx-color-status-danger-text","var(--skdx-color-danger-200)"],["--skdx-color-status-danger-icon","var(--skdx-color-danger-400)"],["--skdx-color-surface-inverse","var(--skdx-color-neutral-100)"],["--skdx-color-text-on-inverse","var(--skdx-color-neutral-900)"]];function g(o){let r=t.map(([s,a])=>` ${s}: ${a};`);return`${o} {
|
|
2
2
|
${r.join(`
|
|
3
3
|
`)}
|
|
4
4
|
}
|
|
5
|
-
`}function
|
|
5
|
+
`}function b(){return`:root {
|
|
6
6
|
${e.map(([r,s])=>` ${r}: ${s};`).join(`
|
|
7
7
|
`)}
|
|
8
8
|
}
|
|
9
|
-
`}function
|
|
9
|
+
`}function m(){return`@media (prefers-contrast: more) {
|
|
10
|
+
:root {
|
|
11
|
+
${l.map(([r,s])=>` ${r}: ${s};`).join(`
|
|
12
|
+
`)}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
`}function f(){return Object.fromEntries(e.map(([o,r])=>[o,r]))}0&&(module.exports={aliasesToCss,aliasesToCssVars,colorAliases,contrastAliasesToCss,contrastColorAliases,darkAliasesToCss,darkColorAliases});
|
package/dist/utils/aliases.d.cts
CHANGED
|
@@ -1,29 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The semantic alias layer: `var()` indirection for component skins.
|
|
3
|
-
*
|
|
4
|
-
* Aliases point at ramp steps and semantic entries themes already define. A
|
|
5
|
-
* theme redeclaring `--skdx-color-primary-600` makes every alias pointing
|
|
6
|
-
* there re-resolve, so adding a theme costs one line per alias, not 38.
|
|
7
|
-
*
|
|
8
|
-
* Aliases are emitted at `:root`, below theme declarations in the cascade,
|
|
9
|
-
* letting a theme override an alias when the derivation is mode-dependent.
|
|
10
|
-
* {@link darkColorAliases} uses this escape hatch for aliases that put ink
|
|
11
|
-
* directly on the page and need opposite ends of the ramp in dark mode.
|
|
12
|
-
*
|
|
13
|
-
* @see packages/skins/README.md for how a skin consumes these aliases.
|
|
14
|
-
*/
|
|
15
|
-
/**
|
|
16
|
-
* Alias entries as `[name, value]` pairs, where `value` is always a `var()` reference.
|
|
17
|
-
* Kept as data so `aliases.test.ts` can assert the no-literal rule.
|
|
18
|
-
*/
|
|
1
|
+
/** Alias entries as `[name, value]` pairs, where `value` is always a `var()` reference. */
|
|
19
2
|
export declare const colorAliases: ReadonlyArray<readonly [string, string]>;
|
|
20
3
|
/**
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
*
|
|
25
|
-
* keeping equal distance from background.
|
|
4
|
+
* {@link colorAliases} entries whose value steps toward the theme's ink colour
|
|
5
|
+
* under `@media (prefers-contrast: more)`, for consumers who ask the OS for
|
|
6
|
+
* stronger contrast than a theme's default alias resolves to.
|
|
7
|
+
* @public
|
|
26
8
|
*/
|
|
9
|
+
export declare const contrastColorAliases: ReadonlyArray<readonly [string, string]>;
|
|
10
|
+
/** Dark-mode overrides for {@link colorAliases} entries whose fixed step would put invisible ink on the page. */
|
|
27
11
|
export declare const darkColorAliases: ReadonlyArray<readonly [string, string]>;
|
|
28
12
|
/**
|
|
29
13
|
* Renders {@link darkColorAliases} at the theme selector.
|
|
@@ -44,6 +28,12 @@ export declare function darkAliasesToCss(selector: string): string;
|
|
|
44
28
|
* @public
|
|
45
29
|
*/
|
|
46
30
|
export declare function aliasesToCss(): string;
|
|
31
|
+
/**
|
|
32
|
+
* Renders {@link contrastColorAliases} inside an `@media (prefers-contrast: more)` block.
|
|
33
|
+
* @returns CSS string; emitted after `aliasesToCss()`.
|
|
34
|
+
* @public
|
|
35
|
+
*/
|
|
36
|
+
export declare function contrastAliasesToCss(): string;
|
|
47
37
|
/**
|
|
48
38
|
* {@link colorAliases} as a plain object for JS consumers (counterpart to `themeToCssVars`).
|
|
49
39
|
* @public
|
package/dist/utils/aliases.d.ts
CHANGED
|
@@ -1,29 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The semantic alias layer: `var()` indirection for component skins.
|
|
3
|
-
*
|
|
4
|
-
* Aliases point at ramp steps and semantic entries themes already define. A
|
|
5
|
-
* theme redeclaring `--skdx-color-primary-600` makes every alias pointing
|
|
6
|
-
* there re-resolve, so adding a theme costs one line per alias, not 38.
|
|
7
|
-
*
|
|
8
|
-
* Aliases are emitted at `:root`, below theme declarations in the cascade,
|
|
9
|
-
* letting a theme override an alias when the derivation is mode-dependent.
|
|
10
|
-
* {@link darkColorAliases} uses this escape hatch for aliases that put ink
|
|
11
|
-
* directly on the page and need opposite ends of the ramp in dark mode.
|
|
12
|
-
*
|
|
13
|
-
* @see packages/skins/README.md for how a skin consumes these aliases.
|
|
14
|
-
*/
|
|
15
|
-
/**
|
|
16
|
-
* Alias entries as `[name, value]` pairs, where `value` is always a `var()` reference.
|
|
17
|
-
* Kept as data so `aliases.test.ts` can assert the no-literal rule.
|
|
18
|
-
*/
|
|
1
|
+
/** Alias entries as `[name, value]` pairs, where `value` is always a `var()` reference. */
|
|
19
2
|
export declare const colorAliases: ReadonlyArray<readonly [string, string]>;
|
|
20
3
|
/**
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
*
|
|
25
|
-
* keeping equal distance from background.
|
|
4
|
+
* {@link colorAliases} entries whose value steps toward the theme's ink colour
|
|
5
|
+
* under `@media (prefers-contrast: more)`, for consumers who ask the OS for
|
|
6
|
+
* stronger contrast than a theme's default alias resolves to.
|
|
7
|
+
* @public
|
|
26
8
|
*/
|
|
9
|
+
export declare const contrastColorAliases: ReadonlyArray<readonly [string, string]>;
|
|
10
|
+
/** Dark-mode overrides for {@link colorAliases} entries whose fixed step would put invisible ink on the page. */
|
|
27
11
|
export declare const darkColorAliases: ReadonlyArray<readonly [string, string]>;
|
|
28
12
|
/**
|
|
29
13
|
* Renders {@link darkColorAliases} at the theme selector.
|
|
@@ -44,6 +28,12 @@ export declare function darkAliasesToCss(selector: string): string;
|
|
|
44
28
|
* @public
|
|
45
29
|
*/
|
|
46
30
|
export declare function aliasesToCss(): string;
|
|
31
|
+
/**
|
|
32
|
+
* Renders {@link contrastColorAliases} inside an `@media (prefers-contrast: more)` block.
|
|
33
|
+
* @returns CSS string; emitted after `aliasesToCss()`.
|
|
34
|
+
* @public
|
|
35
|
+
*/
|
|
36
|
+
export declare function contrastAliasesToCss(): string;
|
|
47
37
|
/**
|
|
48
38
|
* {@link colorAliases} as a plain object for JS consumers (counterpart to `themeToCssVars`).
|
|
49
39
|
* @public
|
package/dist/utils/aliases.js
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
var c=[["--skdx-color-surface-inverse","var(--skdx-color-neutral-900)"],["--skdx-color-text-on-inverse","var(--skdx-color-neutral-50)"],["--skdx-color-surface-page","var(--skdx-color-semantic-background)"],["--skdx-color-surface-default","var(--skdx-color-semantic-surface)"],["--skdx-color-surface-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-surface-raised","var(--skdx-color-semantic-background)"],["--skdx-color-surface-sunken","var(--skdx-color-semantic-surface)"],["--skdx-color-surface-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-surface-selected","var(--skdx-color-primary-50)"],["--skdx-color-surface-disabled","var(--skdx-color-neutral-100)"],["--skdx-color-surface-overlay","var(--skdx-color-semantic-overlay)"],["--skdx-color-text-default","var(--skdx-color-semantic-text)"],["--skdx-color-text-muted","var(--skdx-color-semantic-text-muted)"],["--skdx-color-text-on-accent","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-text-accent","var(--skdx-color-primary-700)"],["--skdx-color-text-disabled","var(--skdx-color-neutral-600)"],["--skdx-color-text-placeholder","var(--skdx-color-semantic-text-muted)"],["--skdx-color-text-danger","var(--skdx-color-danger-700)"],["--skdx-color-text-success","var(--skdx-color-success-800)"],["--skdx-color-text-warning","var(--skdx-color-warning-900)"],["--skdx-color-text-info","var(--skdx-color-primary-700)"],["--skdx-color-border-default","var(--skdx-color-semantic-border)"],["--skdx-color-border-strong","var(--skdx-color-semantic-border-strong)"],["--skdx-color-border-subtle","var(--skdx-color-neutral-200)"],["--skdx-color-border-accent","var(--skdx-color-primary-600)"],["--skdx-color-border-disabled","var(--skdx-color-neutral-200)"],["--skdx-color-border-danger","var(--skdx-color-danger-600)"],["--skdx-color-border-success","var(--skdx-color-success-600)"],["--skdx-color-border-warning","var(--skdx-color-warning-600)"],["--skdx-color-action-primary-bg","var(--skdx-color-primary-600)"],["--skdx-color-action-primary-bg-hover","var(--skdx-color-primary-600)"],["--skdx-color-action-primary-bg-pressed","var(--skdx-color-primary-600)"],["--skdx-color-action-primary-border-hover","var(--skdx-color-primary-800)"],["--skdx-color-action-primary-text","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-action-primary-border","var(--skdx-color-primary-600)"],["--skdx-color-action-secondary-bg","var(--skdx-color-semantic-surface)"],["--skdx-color-action-secondary-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-secondary-bg-pressed","var(--skdx-color-neutral-300)"],["--skdx-color-action-secondary-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-secondary-border","var(--skdx-color-semantic-border)"],["--skdx-color-action-outline-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-outline-border","var(--skdx-color-semantic-border-strong)"],["--skdx-color-action-outline-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-outline-bg-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-action-ghost-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-ghost-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-ghost-bg-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-action-danger-bg","var(--skdx-color-danger-700)"],["--skdx-color-action-danger-bg-hover","var(--skdx-color-danger-800)"],["--skdx-color-action-danger-bg-pressed","var(--skdx-color-danger-900)"],["--skdx-color-action-danger-text","var(--skdx-color-danger-50)"],["--skdx-color-action-danger-border","var(--skdx-color-danger-700)"],["--skdx-color-action-disabled-bg","var(--skdx-color-neutral-100)"],["--skdx-color-action-disabled-text","var(--skdx-color-neutral-700)"],["--skdx-color-action-disabled-border","var(--skdx-color-neutral-200)"],["--skdx-color-field-bg","var(--skdx-color-semantic-background)"],["--skdx-color-field-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-field-bg-disabled","var(--skdx-color-neutral-100)"],["--skdx-color-field-bg-readonly","var(--skdx-color-neutral-50)"],["--skdx-color-field-border","var(--skdx-color-semantic-border-strong)"],["--skdx-color-field-border-hover","var(--skdx-color-neutral-500)"],["--skdx-color-field-border-focus","var(--skdx-color-primary-600)"],["--skdx-color-field-border-invalid","var(--skdx-color-danger-700)"],["--skdx-color-field-text","var(--skdx-color-semantic-text)"],["--skdx-color-selection-bg","var(--skdx-color-primary-600)"],["--skdx-color-selection-bg-hover","var(--skdx-color-primary-600)"],["--skdx-color-selection-mark","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-highlight-bg","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-highlight-text","var(--skdx-color-semantic-text)"],["--skdx-color-status-info-bg","var(--skdx-color-primary-50)"],["--skdx-color-status-info-border","var(--skdx-color-primary-200)"],["--skdx-color-status-info-text","var(--skdx-color-primary-800)"],["--skdx-color-status-info-icon","var(--skdx-color-primary-600)"],["--skdx-color-status-success-bg","var(--skdx-color-success-50)"],["--skdx-color-status-success-border","var(--skdx-color-success-200)"],["--skdx-color-status-success-text","var(--skdx-color-success-800)"],["--skdx-color-status-success-icon","var(--skdx-color-success-600)"],["--skdx-color-status-warning-bg","var(--skdx-color-warning-50)"],["--skdx-color-status-warning-border","var(--skdx-color-warning-200)"],["--skdx-color-status-warning-text","var(--skdx-color-warning-800)"],["--skdx-color-status-warning-icon","var(--skdx-color-warning-600)"],["--skdx-color-status-danger-bg","var(--skdx-color-danger-50)"],["--skdx-color-status-danger-border","var(--skdx-color-danger-200)"],["--skdx-color-status-danger-text","var(--skdx-color-danger-800)"],["--skdx-color-status-danger-icon","var(--skdx-color-danger-600)"],["--skdx-color-status-neutral-bg","var(--skdx-color-semantic-surface)"],["--skdx-color-status-neutral-border","var(--skdx-color-semantic-border)"],["--skdx-color-status-neutral-text","var(--skdx-color-semantic-text)"],["--skdx-color-status-neutral-icon","var(--skdx-color-semantic-text-muted)"],["--skdx-color-focus-ring","var(--skdx-color-semantic-focus-ring)"],["--skdx-color-focus-ring-offset","var(--skdx-color-semantic-background)"],["--skdx-color-separator","var(--skdx-color-semantic-border)"],["--skdx-color-track","var(--skdx-color-neutral-100)"],["--skdx-color-track-fill","var(--skdx-color-primary-600)"],["--skdx-color-skeleton","var(--skdx-color-neutral-200)"],["--skdx-color-skeleton-sheen","var(--skdx-color-neutral-100)"]],d=[["--skdx-color-text-accent","var(--skdx-color-primary-300)"],["--skdx-color-text-danger","var(--skdx-color-danger-300)"],["--skdx-color-text-success","var(--skdx-color-success-300)"],["--skdx-color-text-warning","var(--skdx-color-warning-300)"],["--skdx-color-text-info","var(--skdx-color-primary-300)"],["--skdx-color-text-disabled","var(--skdx-color-neutral-400)"],["--skdx-color-field-border-invalid","var(--skdx-color-danger-400)"],["--skdx-color-border-danger","var(--skdx-color-danger-400)"],["--skdx-color-border-success","var(--skdx-color-success-400)"],["--skdx-color-border-warning","var(--skdx-color-warning-400)"],["--skdx-color-surface-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-secondary-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-outline-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-ghost-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-field-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-highlight-bg","var(--skdx-color-neutral-800)"],["--skdx-color-surface-sunken","var(--skdx-color-neutral-800)"],["--skdx-color-surface-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-surface-selected","var(--skdx-color-primary-950)"],["--skdx-color-surface-disabled","var(--skdx-color-neutral-800)"],["--skdx-color-action-disabled-bg","var(--skdx-color-neutral-800)"],["--skdx-color-action-disabled-text","var(--skdx-color-neutral-400)"],["--skdx-color-action-disabled-border","var(--skdx-color-neutral-700)"],["--skdx-color-action-secondary-bg-pressed","var(--skdx-color-neutral-600)"],["--skdx-color-action-outline-bg-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-action-ghost-bg-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-border-subtle","var(--skdx-color-neutral-800)"],["--skdx-color-border-disabled","var(--skdx-color-neutral-700)"],["--skdx-color-track","var(--skdx-color-neutral-900)"],["--skdx-color-skeleton","var(--skdx-color-neutral-800)"],["--skdx-color-skeleton-sheen","var(--skdx-color-neutral-700)"],["--skdx-color-field-bg-readonly","var(--skdx-color-neutral-900)"],["--skdx-color-field-bg-disabled","var(--skdx-color-neutral-800)"],["--skdx-color-status-info-bg","var(--skdx-color-primary-950)"],["--skdx-color-status-info-border","var(--skdx-color-primary-800)"],["--skdx-color-status-info-text","var(--skdx-color-primary-200)"],["--skdx-color-status-info-icon","var(--skdx-color-primary-400)"],["--skdx-color-status-success-bg","var(--skdx-color-success-950)"],["--skdx-color-status-success-border","var(--skdx-color-success-800)"],["--skdx-color-status-success-text","var(--skdx-color-success-200)"],["--skdx-color-status-success-icon","var(--skdx-color-success-400)"],["--skdx-color-status-warning-bg","var(--skdx-color-warning-950)"],["--skdx-color-status-warning-border","var(--skdx-color-warning-800)"],["--skdx-color-status-warning-text","var(--skdx-color-warning-200)"],["--skdx-color-status-warning-icon","var(--skdx-color-warning-400)"],["--skdx-color-status-danger-bg","var(--skdx-color-danger-950)"],["--skdx-color-status-danger-border","var(--skdx-color-danger-800)"],["--skdx-color-status-danger-text","var(--skdx-color-danger-200)"],["--skdx-color-status-danger-icon","var(--skdx-color-danger-400)"],["--skdx-color-surface-inverse","var(--skdx-color-neutral-100)"],["--skdx-color-text-on-inverse","var(--skdx-color-neutral-900)"]];function e(o){let r=d.map(([s,a])=>` ${s}: ${a};`);return`${o} {
|
|
1
|
+
var c=[["--skdx-color-surface-inverse","var(--skdx-color-neutral-900)"],["--skdx-color-text-on-inverse","var(--skdx-color-neutral-50)"],["--skdx-color-surface-page","var(--skdx-color-semantic-background)"],["--skdx-color-surface-default","var(--skdx-color-semantic-surface)"],["--skdx-color-surface-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-surface-raised","var(--skdx-color-semantic-background)"],["--skdx-color-surface-sunken","var(--skdx-color-semantic-surface)"],["--skdx-color-surface-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-surface-selected","var(--skdx-color-primary-50)"],["--skdx-color-surface-disabled","var(--skdx-color-neutral-100)"],["--skdx-color-surface-overlay","var(--skdx-color-semantic-overlay)"],["--skdx-color-text-default","var(--skdx-color-semantic-text)"],["--skdx-color-text-muted","var(--skdx-color-semantic-text-muted)"],["--skdx-color-text-on-accent","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-text-accent","var(--skdx-color-primary-700)"],["--skdx-color-text-disabled","var(--skdx-color-neutral-600)"],["--skdx-color-text-placeholder","var(--skdx-color-semantic-text-muted)"],["--skdx-color-text-danger","var(--skdx-color-danger-700)"],["--skdx-color-text-success","var(--skdx-color-success-800)"],["--skdx-color-text-warning","var(--skdx-color-warning-900)"],["--skdx-color-text-info","var(--skdx-color-primary-700)"],["--skdx-color-border-default","var(--skdx-color-semantic-border)"],["--skdx-color-border-strong","var(--skdx-color-semantic-border-strong)"],["--skdx-color-border-subtle","var(--skdx-color-neutral-200)"],["--skdx-color-border-accent","var(--skdx-color-primary-600)"],["--skdx-color-border-disabled","var(--skdx-color-neutral-200)"],["--skdx-color-border-danger","var(--skdx-color-danger-600)"],["--skdx-color-border-success","var(--skdx-color-success-600)"],["--skdx-color-border-warning","var(--skdx-color-warning-600)"],["--skdx-color-action-primary-bg","var(--skdx-color-primary-600)"],["--skdx-color-action-primary-bg-hover","var(--skdx-color-primary-600)"],["--skdx-color-action-primary-border-hover","var(--skdx-color-primary-800)"],["--skdx-color-action-primary-text","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-action-primary-border","var(--skdx-color-primary-600)"],["--skdx-color-action-secondary-bg","var(--skdx-color-semantic-surface)"],["--skdx-color-action-secondary-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-secondary-bg-pressed","var(--skdx-color-neutral-300)"],["--skdx-color-action-secondary-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-secondary-border","var(--skdx-color-semantic-border)"],["--skdx-color-action-outline-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-outline-border","var(--skdx-color-semantic-border-strong)"],["--skdx-color-action-outline-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-outline-bg-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-action-ghost-text","var(--skdx-color-semantic-text)"],["--skdx-color-action-ghost-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-action-ghost-bg-pressed","var(--skdx-color-neutral-200)"],["--skdx-color-action-danger-bg","var(--skdx-color-danger-700)"],["--skdx-color-action-danger-bg-hover","var(--skdx-color-danger-800)"],["--skdx-color-action-danger-bg-pressed","var(--skdx-color-danger-900)"],["--skdx-color-action-danger-text","var(--skdx-color-danger-50)"],["--skdx-color-action-danger-border","var(--skdx-color-danger-700)"],["--skdx-color-action-disabled-bg","var(--skdx-color-neutral-100)"],["--skdx-color-action-disabled-text","var(--skdx-color-neutral-700)"],["--skdx-color-action-disabled-border","var(--skdx-color-neutral-200)"],["--skdx-color-field-bg","var(--skdx-color-semantic-background)"],["--skdx-color-field-bg-hover","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-field-bg-disabled","var(--skdx-color-neutral-100)"],["--skdx-color-field-bg-readonly","var(--skdx-color-neutral-50)"],["--skdx-color-field-border","var(--skdx-color-semantic-border-strong)"],["--skdx-color-field-border-hover","var(--skdx-color-neutral-500)"],["--skdx-color-field-border-focus","var(--skdx-color-primary-600)"],["--skdx-color-field-border-invalid","var(--skdx-color-danger-700)"],["--skdx-color-field-text","var(--skdx-color-semantic-text)"],["--skdx-color-selection-bg","var(--skdx-color-primary-600)"],["--skdx-color-selection-mark","var(--skdx-color-semantic-text-inverted)"],["--skdx-color-highlight-bg","var(--skdx-color-semantic-surface-hover)"],["--skdx-color-highlight-text","var(--skdx-color-semantic-text)"],["--skdx-color-status-info-bg","var(--skdx-color-primary-50)"],["--skdx-color-status-info-border","var(--skdx-color-primary-200)"],["--skdx-color-status-info-text","var(--skdx-color-primary-800)"],["--skdx-color-status-info-icon","var(--skdx-color-primary-600)"],["--skdx-color-status-success-bg","var(--skdx-color-success-50)"],["--skdx-color-status-success-border","var(--skdx-color-success-200)"],["--skdx-color-status-success-text","var(--skdx-color-success-800)"],["--skdx-color-status-success-icon","var(--skdx-color-success-600)"],["--skdx-color-status-warning-bg","var(--skdx-color-warning-50)"],["--skdx-color-status-warning-border","var(--skdx-color-warning-200)"],["--skdx-color-status-warning-text","var(--skdx-color-warning-800)"],["--skdx-color-status-warning-icon","var(--skdx-color-warning-600)"],["--skdx-color-status-danger-bg","var(--skdx-color-danger-50)"],["--skdx-color-status-danger-border","var(--skdx-color-danger-200)"],["--skdx-color-status-danger-text","var(--skdx-color-danger-800)"],["--skdx-color-status-danger-icon","var(--skdx-color-danger-600)"],["--skdx-color-status-neutral-bg","var(--skdx-color-semantic-surface)"],["--skdx-color-status-neutral-border","var(--skdx-color-semantic-border)"],["--skdx-color-status-neutral-text","var(--skdx-color-semantic-text)"],["--skdx-color-status-neutral-icon","var(--skdx-color-semantic-text-muted)"],["--skdx-color-focus-ring","var(--skdx-color-semantic-focus-ring)"],["--skdx-color-separator","var(--skdx-color-semantic-border)"],["--skdx-color-track","var(--skdx-color-neutral-100)"],["--skdx-color-track-fill","var(--skdx-color-primary-600)"],["--skdx-color-skeleton","var(--skdx-color-neutral-200)"]],d=[["--skdx-color-border-default","var(--skdx-color-semantic-border-strong)"],["--skdx-color-border-strong","var(--skdx-color-semantic-text-muted)"],["--skdx-color-border-subtle","var(--skdx-color-neutral-400)"],["--skdx-color-text-muted","var(--skdx-color-semantic-text)"],["--skdx-color-text-placeholder","var(--skdx-color-semantic-text)"],["--skdx-color-text-disabled","var(--skdx-color-neutral-800)"],["--skdx-color-focus-ring","var(--skdx-color-semantic-text)"],["--skdx-color-separator","var(--skdx-color-semantic-border-strong)"]],e=[["--skdx-color-text-accent","var(--skdx-color-primary-300)"],["--skdx-color-text-danger","var(--skdx-color-danger-300)"],["--skdx-color-text-success","var(--skdx-color-success-300)"],["--skdx-color-text-warning","var(--skdx-color-warning-300)"],["--skdx-color-text-info","var(--skdx-color-primary-300)"],["--skdx-color-text-disabled","var(--skdx-color-neutral-400)"],["--skdx-color-field-border-invalid","var(--skdx-color-danger-400)"],["--skdx-color-border-danger","var(--skdx-color-danger-400)"],["--skdx-color-border-success","var(--skdx-color-success-400)"],["--skdx-color-border-warning","var(--skdx-color-warning-400)"],["--skdx-color-surface-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-secondary-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-outline-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-action-ghost-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-field-bg-hover","var(--skdx-color-neutral-800)"],["--skdx-color-highlight-bg","var(--skdx-color-neutral-800)"],["--skdx-color-surface-sunken","var(--skdx-color-neutral-800)"],["--skdx-color-surface-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-surface-selected","var(--skdx-color-primary-950)"],["--skdx-color-surface-disabled","var(--skdx-color-neutral-800)"],["--skdx-color-action-disabled-bg","var(--skdx-color-neutral-800)"],["--skdx-color-action-disabled-text","var(--skdx-color-neutral-400)"],["--skdx-color-action-disabled-border","var(--skdx-color-neutral-700)"],["--skdx-color-action-secondary-bg-pressed","var(--skdx-color-neutral-600)"],["--skdx-color-action-outline-bg-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-action-ghost-bg-pressed","var(--skdx-color-neutral-700)"],["--skdx-color-border-subtle","var(--skdx-color-neutral-800)"],["--skdx-color-border-disabled","var(--skdx-color-neutral-700)"],["--skdx-color-track","var(--skdx-color-neutral-900)"],["--skdx-color-skeleton","var(--skdx-color-neutral-600)"],["--skdx-color-field-bg-readonly","var(--skdx-color-neutral-900)"],["--skdx-color-field-bg-disabled","var(--skdx-color-neutral-800)"],["--skdx-color-status-info-bg","var(--skdx-color-primary-950)"],["--skdx-color-status-info-border","var(--skdx-color-primary-800)"],["--skdx-color-status-info-text","var(--skdx-color-primary-200)"],["--skdx-color-status-info-icon","var(--skdx-color-primary-400)"],["--skdx-color-status-success-bg","var(--skdx-color-success-950)"],["--skdx-color-status-success-border","var(--skdx-color-success-800)"],["--skdx-color-status-success-text","var(--skdx-color-success-200)"],["--skdx-color-status-success-icon","var(--skdx-color-success-400)"],["--skdx-color-status-warning-bg","var(--skdx-color-warning-950)"],["--skdx-color-status-warning-border","var(--skdx-color-warning-800)"],["--skdx-color-status-warning-text","var(--skdx-color-warning-200)"],["--skdx-color-status-warning-icon","var(--skdx-color-warning-400)"],["--skdx-color-status-danger-bg","var(--skdx-color-danger-950)"],["--skdx-color-status-danger-border","var(--skdx-color-danger-800)"],["--skdx-color-status-danger-text","var(--skdx-color-danger-200)"],["--skdx-color-status-danger-icon","var(--skdx-color-danger-400)"],["--skdx-color-surface-inverse","var(--skdx-color-neutral-100)"],["--skdx-color-text-on-inverse","var(--skdx-color-neutral-900)"]];function l(o){let r=e.map(([s,a])=>` ${s}: ${a};`);return`${o} {
|
|
2
2
|
${r.join(`
|
|
3
3
|
`)}
|
|
4
4
|
}
|
|
5
|
-
`}function
|
|
5
|
+
`}function t(){return`:root {
|
|
6
6
|
${c.map(([r,s])=>` ${r}: ${s};`).join(`
|
|
7
7
|
`)}
|
|
8
8
|
}
|
|
9
|
-
`}function
|
|
9
|
+
`}function x(){return`@media (prefers-contrast: more) {
|
|
10
|
+
:root {
|
|
11
|
+
${d.map(([r,s])=>` ${r}: ${s};`).join(`
|
|
12
|
+
`)}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
`}function n(){return Object.fromEntries(c.map(([o,r])=>[o,r]))}export{t as aliasesToCss,n as aliasesToCssVars,c as colorAliases,x as contrastAliasesToCss,d as contrastColorAliases,l as darkAliasesToCss,e as darkColorAliases};
|
package/dist/utils/cssVars.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
2
|
-
`)}function
|
|
1
|
+
"use strict";var c=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var p=(t,n)=>{for(var r in n)c(t,r,{get:n[r],enumerable:!0})},b=(t,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of d(n))!$.call(t,e)&&e!==r&&c(t,e,{get:()=>n[e],enumerable:!(s=g(n,e))||s.enumerable});return t};var C=t=>b(c({},"__esModule",{value:!0}),t);var R={};p(R,{PREFIX:()=>i,reducedMotionVarNames:()=>x,sectionsToCssVars:()=>l,varsToDeclarations:()=>k});module.exports=C(R);var i="skdx";function V(t){return t!==null&&typeof t=="object"}function a(t,n,r){for(let[s,e]of Object.entries(t))e!==void 0&&(V(e)?a(e,[...n,s],r):r[[...n,s].join("-")]=String(e));return r}function j(t){return t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function l(t){let n={};for(let[r,s]of t)if(s)for(let[e,f]of Object.entries(a(s,[],{}))){let o=j(e),u=o.startsWith(`${r}-`)||o===r?o:`${r}-${o}`;n[`--${i}-${u}`]=f}return n}function k(t,n=" "){return Object.entries(t).map(([r,s])=>`${n}${r}: ${s};`).join(`
|
|
2
|
+
`)}function x(t){return Object.keys(t).filter(n=>n.startsWith(`--${i}-motion-duration-`)||n.startsWith(`--${i}-motion-stagger-`))}0&&(module.exports={PREFIX,reducedMotionVarNames,sectionsToCssVars,varsToDeclarations});
|
package/dist/utils/cssVars.d.cts
CHANGED
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
export
|
|
3
|
-
/**
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
/** Namespace every SkandaDX custom property is emitted under, without the leading dashes. */
|
|
2
|
+
export declare const PREFIX: "skdx";
|
|
3
|
+
/** A custom property in the `--skdx-` namespace. */
|
|
4
|
+
export type CssVar = `--${typeof PREFIX}-${string}`;
|
|
5
|
+
/** A token group paired with the `--skdx-<prefix>-…` namespace its keys are emitted under. @public */
|
|
6
|
+
export type CssVarSection = [prefix: string, tokens: object | undefined];
|
|
7
|
+
/** Flattens token groups into a `{ '--skdx-…': value }` map; undefined sections contribute nothing. @public */
|
|
8
|
+
export declare function sectionsToCssVars(sections: CssVarSection[]): Record<CssVar, string>;
|
|
8
9
|
/** Render vars as indented CSS declarations. @internal */
|
|
9
|
-
export declare function varsToDeclarations(vars: Record<
|
|
10
|
-
/**
|
|
11
|
-
|
|
12
|
-
* and staggers (staggers are delays; zeroing one without the other leaves
|
|
13
|
-
* late arrival). @internal
|
|
14
|
-
*/
|
|
15
|
-
export declare function reducedMotionVarNames(vars: Record<string, string>): string[];
|
|
10
|
+
export declare function varsToDeclarations(vars: Record<CssVar, string>, indent?: string): string;
|
|
11
|
+
/** Motion variable names to zero under `prefers-reduced-motion: reduce`: durations and staggers. @internal */
|
|
12
|
+
export declare function reducedMotionVarNames(vars: Record<CssVar, string>): CssVar[];
|
package/dist/utils/cssVars.d.ts
CHANGED
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
export
|
|
3
|
-
/**
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
/** Namespace every SkandaDX custom property is emitted under, without the leading dashes. */
|
|
2
|
+
export declare const PREFIX: "skdx";
|
|
3
|
+
/** A custom property in the `--skdx-` namespace. */
|
|
4
|
+
export type CssVar = `--${typeof PREFIX}-${string}`;
|
|
5
|
+
/** A token group paired with the `--skdx-<prefix>-…` namespace its keys are emitted under. @public */
|
|
6
|
+
export type CssVarSection = [prefix: string, tokens: object | undefined];
|
|
7
|
+
/** Flattens token groups into a `{ '--skdx-…': value }` map; undefined sections contribute nothing. @public */
|
|
8
|
+
export declare function sectionsToCssVars(sections: CssVarSection[]): Record<CssVar, string>;
|
|
8
9
|
/** Render vars as indented CSS declarations. @internal */
|
|
9
|
-
export declare function varsToDeclarations(vars: Record<
|
|
10
|
-
/**
|
|
11
|
-
|
|
12
|
-
* and staggers (staggers are delays; zeroing one without the other leaves
|
|
13
|
-
* late arrival). @internal
|
|
14
|
-
*/
|
|
15
|
-
export declare function reducedMotionVarNames(vars: Record<string, string>): string[];
|
|
10
|
+
export declare function varsToDeclarations(vars: Record<CssVar, string>, indent?: string): string;
|
|
11
|
+
/** Motion variable names to zero under `prefers-reduced-motion: reduce`: durations and staggers. @internal */
|
|
12
|
+
export declare function reducedMotionVarNames(vars: Record<CssVar, string>): CssVar[];
|
package/dist/utils/cssVars.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var i="skdx";function
|
|
2
|
-
`)}function
|
|
1
|
+
var i="skdx";function u(t){return t!==null&&typeof t=="object"}function c(t,n,r){for(let[e,s]of Object.entries(t))s!==void 0&&(u(s)?c(s,[...n,e],r):r[[...n,e].join("-")]=String(s));return r}function g(t){return t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function d(t){let n={};for(let[r,e]of t)if(e)for(let[s,a]of Object.entries(c(e,[],{}))){let o=g(s),f=o.startsWith(`${r}-`)||o===r?o:`${r}-${o}`;n[`--${i}-${f}`]=a}return n}function $(t,n=" "){return Object.entries(t).map(([r,e])=>`${n}${r}: ${e};`).join(`
|
|
2
|
+
`)}function p(t){return Object.keys(t).filter(n=>n.startsWith(`--${i}-motion-duration-`)||n.startsWith(`--${i}-motion-stagger-`))}export{i as PREFIX,p as reducedMotionVarNames,d as sectionsToCssVars,$ as varsToDeclarations};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
"use strict";var
|
|
2
|
-
${(0,
|
|
1
|
+
"use strict";var a=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var R=(r,o)=>{for(var t in o)a(r,t,{get:o[t],enumerable:!0})},k=(r,o,t,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of b(o))!w.call(r,s)&&s!==t&&a(r,s,{get:()=>o[s],enumerable:!(m=v(o,s))||m.enumerable});return r};var z=r=>k(a({},"__esModule",{value:!0}),r);var F={};R(F,{borderWidth:()=>y,breakpoints:()=>M,coarsePointerToCssVars:()=>$,controls:()=>f,controlsCoarse:()=>u,focusRing:()=>h,foundationToCss:()=>V,foundationToCssVars:()=>C,motion:()=>x,opacity:()=>T,radii:()=>d,shadows:()=>l,space:()=>c,typography:()=>p,zIndex:()=>g});module.exports=z(F);var e=require("./cssVars.cjs"),i=require("./theme.cjs"),p={fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",fontFamilyMono:"'SF Mono', SFMono-Regular, ui-monospace, Menlo, Consolas, monospace",fontSize:{xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem"},fontWeight:{regular:400,medium:500,semibold:600,bold:700},lineHeight:{tight:"1.25",snug:"1.43",normal:"1.5",relaxed:"1.75"},letterSpacing:{tight:"-0.015em",normal:"0em",wide:"0.025em",wider:"0.05em"}},c={1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",8:"2rem",10:"2.5rem",12:"3rem",16:"4rem"},d={sm:"0.25rem",inner:"0.375rem",md:"0.5rem",lg:"0.75rem",xl:"1rem",full:"9999px"},l={sm:`0 1px 2px 0 ${n(.05)}`,md:`0 4px 6px -1px ${n(.1)}, 0 2px 4px -2px ${n(.1)}`,lg:`0 10px 15px -3px ${n(.1)}, 0 4px 6px -4px ${n(.1)}`,overlay:`0 25px 50px -12px ${n(.25)}`};function n(r){return`rgb(var(--${e.PREFIX}-shadow-color) / calc(${r} * var(--${e.PREFIX}-shadow-strength)))`}var x=i.defaultMotion,g={base:0,dropdown:10,sticky:20,overlay:30,modal:35,popover:40,toast:50,max:9999},h={width:"2px",offset:"2px",offsetInset:"calc(-1 * var(--skdx-focus-ring-width))"},y={thin:"1px",thick:"2px",thicker:"4px"},f={control:{height:{sm:"1.875rem",md:"2.25rem",lg:"2.625rem",compact:"2rem"},padding:{sm:"0.625rem",md:`var(--${e.PREFIX}-space-3)`,lg:`var(--${e.PREFIX}-space-4)`},gap:{sm:`var(--${e.PREFIX}-space-1)`,md:`var(--${e.PREFIX}-space-2)`,lg:`var(--${e.PREFIX}-space-2)`}},iconSize:{sm:"1rem",md:"1.25rem",lg:"1.5rem"},indicatorSize:{sm:"1rem",md:"1.25rem",lg:"1.5rem"},item:{height:{sm:"1.75rem",md:"2.25rem",lg:"2.5rem"},gap:"2px"},overlay:{padding:`var(--${e.PREFIX}-space-1)`,radius:`var(--${e.PREFIX}-radius-lg)`,minWidth:"7.5rem"},field:{gap:`var(--${e.PREFIX}-space-1)`,labelGap:`var(--${e.PREFIX}-space-1)`},target:{min:"24px"}},u={control:{height:{sm:"2.25rem",md:"2.75rem",lg:"3rem",compact:"2.75rem"}},item:{height:{sm:"2.25rem",md:"2.75rem",lg:"3rem"}},target:{min:"44px"}},T={disabled:"0.5",scrim:"0.6"},M={sm:640,md:768,lg:1024,xl:1280};function C(){return(0,e.sectionsToCssVars)([["font",p],["space",c],["radius",d],["shadow",l],["motion",x],["z-index",g],["focus-ring",h],["border-width",y],["opacity",T],...S(f)])}function S(r){let o=t=>r[t];return[["control",o("control")],["icon-size",o("iconSize")],["indicator-size",o("indicatorSize")],["item",o("item")],["overlay",o("overlay")],["field",o("field")],["target",o("target")]]}function $(){return(0,e.sectionsToCssVars)(S(u))}function V(){let r=C(),o=(0,e.reducedMotionVarNames)(r).map(t=>` ${t}: 0ms;`);return`:root {
|
|
2
|
+
${(0,e.varsToDeclarations)(r)}
|
|
3
3
|
}
|
|
4
4
|
@media (prefers-reduced-motion: reduce) {
|
|
5
5
|
:root {
|
|
6
|
-
${
|
|
6
|
+
${o.join(`
|
|
7
7
|
`)}
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
@media (pointer: coarse) {
|
|
11
11
|
:root {
|
|
12
|
-
${(0,
|
|
12
|
+
${(0,e.varsToDeclarations)($()," ")}
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
`}0&&(module.exports={borderWidth,breakpoints,coarsePointerToCssVars,controls,controlsCoarse,focusRing,foundationToCss,foundationToCssVars,motion,opacity,radii,shadows,space,typography,zIndex});
|
|
@@ -1,42 +1,17 @@
|
|
|
1
|
+
import { type CssVar } from './cssVars.cjs';
|
|
1
2
|
import { type ThemeControls, type ThemeControlsCoarse, type ThemeMotion, type ThemeRadii, type ThemeShadows, type ThemeSpace, type ThemeTypography } from './theme.cjs';
|
|
2
|
-
/**
|
|
3
|
-
* The type system: one font stack, scale, weight set, line-heights and
|
|
4
|
-
* tracking steps, shared by every theme. Only the font stacks are
|
|
5
|
-
* per-theme overridable, via {@link ThemeTypographyDeviation}.
|
|
6
|
-
* @public
|
|
7
|
-
*/
|
|
3
|
+
/** The shared type system — font stacks, scale, weights, line-heights, tracking — with only stacks overridable via {@link ThemeTypographyDeviation}. @public */
|
|
8
4
|
export declare const typography: ThemeTypography;
|
|
9
|
-
/**
|
|
10
|
-
* The spacing scale — a 4px base, structural rather than per-brand: gap and
|
|
11
|
-
* padding are rhythm, a property of the system, not the brand on top of it.
|
|
12
|
-
* @public
|
|
13
|
-
*/
|
|
5
|
+
/** The spacing scale — a 4px base, structural rather than per-brand. @public */
|
|
14
6
|
export declare const space: ThemeSpace;
|
|
15
|
-
/**
|
|
16
|
-
* The corner-radius scale, structural like {@link space}: a component's
|
|
17
|
-
* silhouette is part of the system's shape language, not the brand's.
|
|
18
|
-
* @public
|
|
19
|
-
*/
|
|
7
|
+
/** The corner-radius scale, structural like {@link space} rather than per-brand. @public */
|
|
20
8
|
export declare const radii: ThemeRadii;
|
|
21
|
-
/**
|
|
22
|
-
* The elevation scale — geometry only. Every value defers its color to
|
|
23
|
-
* `var(--skdx-shadow-color)` and scales its alpha by
|
|
24
|
-
* `var(--skdx-shadow-strength)`, both supplied by a theme (see
|
|
25
|
-
* {@link ThemeShadowColor}), so 38 themes share one set of offsets instead of
|
|
26
|
-
* each restating them to vary only the color.
|
|
27
|
-
* @public
|
|
28
|
-
*/
|
|
9
|
+
/** The elevation scale (geometry only); color and alpha come from theme-supplied `--skdx-shadow-color`/`-strength` (see {@link ThemeShadowColor}). @public */
|
|
29
10
|
export declare const shadows: ThemeShadows;
|
|
30
|
-
/**
|
|
31
|
-
* The shared animation timing, re-exported from {@link defaultMotion}. See
|
|
32
|
-
* {@link ThemeMotion} for why motion is theme-invariant.
|
|
33
|
-
* @public
|
|
34
|
-
*/
|
|
11
|
+
/** The shared animation timing, re-exported from {@link defaultMotion} and invariant per {@link ThemeMotion}. @public */
|
|
35
12
|
export declare const motion: Required<ThemeMotion>;
|
|
36
13
|
/**
|
|
37
|
-
*
|
|
38
|
-
* headers, dialog/popover backdrops, floating content, toasts) — every theme
|
|
39
|
-
* stacks the same way, so it's exported once rather than duplicated per theme.
|
|
14
|
+
* Structural stacking-order scale for overlay-class UI (dropdowns, headers, dialogs, toasts), shared by every theme.
|
|
40
15
|
*
|
|
41
16
|
* @example
|
|
42
17
|
* ```css
|
|
@@ -63,8 +38,7 @@ export declare const zIndex: {
|
|
|
63
38
|
/** The shape of the {@link zIndex} scale — a map of named stacking layers (`sticky`, `overlay`, `popover`, `toast`, …) to their numeric `z-index`. @public */
|
|
64
39
|
export type ZIndexScale = typeof zIndex;
|
|
65
40
|
/**
|
|
66
|
-
* Structural focus-ring geometry (width/offset)
|
|
67
|
-
* per brand ({@link SemanticColors.focusRing}); thickness/offset are shared.
|
|
41
|
+
* Structural focus-ring geometry (width/offset); color is themed separately via {@link SemanticColors.focusRing}.
|
|
68
42
|
*
|
|
69
43
|
* @example
|
|
70
44
|
* ```css
|
|
@@ -79,18 +53,13 @@ export type ZIndexScale = typeof zIndex;
|
|
|
79
53
|
export declare const focusRing: {
|
|
80
54
|
readonly width: "2px";
|
|
81
55
|
readonly offset: "2px";
|
|
82
|
-
/**
|
|
83
|
-
* Offset for clipping containers; moves ring inside border-box so overflow
|
|
84
|
-
* doesn't clip. Negative ring width, flush inside edge.
|
|
85
|
-
*/
|
|
56
|
+
/** Offset for clipping containers: moves the ring inside the border-box so overflow doesn't clip it. */
|
|
86
57
|
readonly offsetInset: "calc(-1 * var(--skdx-focus-ring-width))";
|
|
87
58
|
};
|
|
88
59
|
/** The shape of the {@link focusRing} geometry — the structural `width`/`offset` of the focus ring (its color is themed separately). @public */
|
|
89
60
|
export type FocusRingScale = typeof focusRing;
|
|
90
61
|
/**
|
|
91
|
-
* Border thicknesses, structural like {@link focusRing}:
|
|
92
|
-
* border *color* ({@link SemanticColors.border}), not hairline width. No `0`
|
|
93
|
-
* step — that's `border: none`, not a token.
|
|
62
|
+
* Border thicknesses, structural like {@link focusRing}: brand changes border color via {@link SemanticColors.border}, not width; no `0` step exists.
|
|
94
63
|
*
|
|
95
64
|
* @example
|
|
96
65
|
* ```css
|
|
@@ -107,14 +76,7 @@ export declare const borderWidth: {
|
|
|
107
76
|
};
|
|
108
77
|
/** The shape of the {@link borderWidth} scale — `thin`/`thick`/`thicker` border thicknesses. @public */
|
|
109
78
|
export type BorderWidthScale = typeof borderWidth;
|
|
110
|
-
/**
|
|
111
|
-
* The shared control geometry — heights, paddings, icon boxes, row heights
|
|
112
|
-
* and overlay insets. See {@link ThemeControls} for why this is structural
|
|
113
|
-
* rather than per-brand, and for the retuning escape hatch. Values are
|
|
114
|
-
* `var()` references where they equal a {@link space} step, so the two can't
|
|
115
|
-
* drift; the few off-scale exceptions are documented where declared.
|
|
116
|
-
* @public
|
|
117
|
-
*/
|
|
79
|
+
/** The shared control geometry (heights, paddings, icon boxes, insets); see {@link ThemeControls} for the retuning escape hatch, and values reference {@link space} steps where they align. @public */
|
|
118
80
|
export declare const controls: ThemeControls;
|
|
119
81
|
/**
|
|
120
82
|
* What a coarse pointer overrides, emitted as a `@media (pointer: coarse)`
|
|
@@ -124,9 +86,7 @@ export declare const controls: ThemeControls;
|
|
|
124
86
|
*/
|
|
125
87
|
export declare const controlsCoarse: ThemeControlsCoarse;
|
|
126
88
|
/**
|
|
127
|
-
* The two opacities
|
|
128
|
-
* modal scrim dim — not an arbitrary 0–100 ramp. Scrim *color* is themed
|
|
129
|
-
* ({@link SemanticColors.overlay}); this is the structural dim strength.
|
|
89
|
+
* The two intentional opacities — disabled fade and modal scrim dim — not an arbitrary ramp; scrim color is themed via {@link SemanticColors.overlay}.
|
|
130
90
|
*
|
|
131
91
|
* @example
|
|
132
92
|
* ```css
|
|
@@ -143,9 +103,7 @@ export declare const opacity: {
|
|
|
143
103
|
/** The shape of the {@link opacity} scale — the `disabled` and `scrim` opacities. @public */
|
|
144
104
|
export type OpacityScale = typeof opacity;
|
|
145
105
|
/**
|
|
146
|
-
* Viewport widths
|
|
147
|
-
* CSS custom properties, since `@media (min-width: var(--x))` is invalid CSS.
|
|
148
|
-
* Consume from JS/TS or inline into your own media queries.
|
|
106
|
+
* Viewport widths in pixels, as TypeScript exports only — `@media (min-width: var(--x))` is invalid CSS.
|
|
149
107
|
*
|
|
150
108
|
* @example
|
|
151
109
|
* ```ts
|
|
@@ -165,32 +123,17 @@ export declare const breakpoints: {
|
|
|
165
123
|
/** The shape of the {@link breakpoints} scale — named viewport widths in pixels. @public */
|
|
166
124
|
export type BreakpointScale = typeof breakpoints;
|
|
167
125
|
/**
|
|
168
|
-
* Flattens every shared token into
|
|
169
|
-
* values — the foundation's counterpart to `themeToCssVars`. Together they
|
|
170
|
-
* are the complete `--skdx-*` surface, and never overlap. {@link breakpoints}
|
|
171
|
-
* is excluded, since a breakpoint can't be a CSS custom property.
|
|
126
|
+
* Flattens every shared token into `--skdx-*` custom property values, the foundation's counterpart to `themeToCssVars`; excludes {@link breakpoints}, which can't be a CSS custom property.
|
|
172
127
|
*
|
|
173
128
|
* @returns A plain object keyed by CSS custom property name (e.g. `'--skdx-space-4'`), unprefixed by any selector.
|
|
174
129
|
* @public
|
|
175
130
|
*/
|
|
176
|
-
export declare function foundationToCssVars(): Record<
|
|
131
|
+
export declare function foundationToCssVars(): Record<CssVar, string>;
|
|
132
|
+
/** The control metrics a coarse pointer overrides, as a var map — the `@media (pointer: coarse)` counterpart to {@link foundationToCssVars}. @public */
|
|
133
|
+
export declare function coarsePointerToCssVars(): Record<CssVar, string>;
|
|
177
134
|
/**
|
|
178
|
-
*
|
|
179
|
-
*
|
|
180
|
-
* Exported so `@skdx/skins` can render its fallback copy from these
|
|
181
|
-
* functions instead of restating the values.
|
|
182
|
-
* @public
|
|
183
|
-
*/
|
|
184
|
-
export declare function coarsePointerToCssVars(): Record<string, string>;
|
|
185
|
-
/**
|
|
186
|
-
* Renders every shared token as a `:root`-scoped `--skdx-*` rule block — the
|
|
187
|
-
* theme-invariant counterpart to {@link themeToCss}. **Inject this exactly
|
|
188
|
-
* once**, then `themeToCss(theme)` per theme alongside it.
|
|
189
|
-
*
|
|
190
|
-
* Also emits a `@media (prefers-reduced-motion: reduce)` block zeroing every
|
|
191
|
-
* motion duration/stagger at the definition site (WCAG 2.3.3 for free at every
|
|
192
|
-
* call site, no per-consumer media query), and a `@media (pointer: coarse)`
|
|
193
|
-
* block re-declaring the hit sizes from {@link controlsCoarse} the same way.
|
|
135
|
+
* Renders every shared token as a `:root`-scoped `--skdx-*` rule block, plus `prefers-reduced-motion` and `pointer: coarse` override blocks.
|
|
136
|
+
* Inject this exactly once, then {@link themeToCss} per theme.
|
|
194
137
|
*
|
|
195
138
|
* @example
|
|
196
139
|
* ```ts
|