@skdx/tokens 0.27.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/LICENSE +21 -0
- package/README.md +92 -69
- 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 -12
- package/dist/themes/AntDark.d.ts +3 -12
- 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 -12
- package/dist/themes/ChakraDark.d.ts +3 -12
- 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 -15
- package/dist/themes/DefaultTheme.d.ts +3 -15
- package/dist/themes/DefaultTheme.js +1 -1
- package/dist/themes/DraculaLight.cjs +1 -1
- package/dist/themes/DraculaLight.d.cts +3 -10
- package/dist/themes/DraculaLight.d.ts +3 -10
- 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.d.cts +1 -2
- package/dist/themes/EverforestDark.d.ts +1 -2
- package/dist/themes/EverforestDark.js +1 -1
- package/dist/themes/EverforestLight.cjs +1 -1
- package/dist/themes/EverforestLight.d.cts +3 -9
- package/dist/themes/EverforestLight.d.ts +3 -9
- package/dist/themes/FluentDark.cjs +1 -1
- package/dist/themes/FluentDark.d.cts +3 -11
- package/dist/themes/FluentDark.d.ts +3 -11
- 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 -13
- package/dist/themes/GruvboxLight.d.ts +3 -13
- package/dist/themes/GruvboxLight.js +1 -1
- package/dist/themes/MaterialDark.cjs +1 -1
- package/dist/themes/MaterialDark.d.cts +3 -12
- package/dist/themes/MaterialDark.d.ts +3 -12
- package/dist/themes/MaterialDark.js +1 -1
- package/dist/themes/{MaterialBrand.cjs → MaterialLight.cjs} +1 -1
- package/dist/themes/MaterialLight.d.cts +3 -0
- package/dist/themes/MaterialLight.d.ts +3 -0
- 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 +4 -6
- package/dist/themes/MidnightLight.d.ts +4 -6
- 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 -13
- package/dist/themes/NordLight.d.ts +3 -13
- 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 -9
- package/dist/themes/OneLight.d.ts +3 -9
- package/dist/themes/OneLight.js +1 -1
- package/dist/themes/PrimerDark.cjs +1 -1
- package/dist/themes/PrimerDark.d.cts +0 -1
- package/dist/themes/PrimerDark.d.ts +0 -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 -9
- package/dist/themes/RosePineDawn.d.ts +3 -9
- package/dist/themes/RosePineDawn.js +1 -1
- package/dist/themes/SkandaDark.cjs +1 -1
- package/dist/themes/SkandaDark.d.cts +5 -8
- package/dist/themes/SkandaDark.d.ts +5 -8
- 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 -12
- package/dist/themes/SynthwaveLight.d.ts +3 -12
- package/dist/themes/SynthwaveLight.js +1 -1
- package/dist/themes/brands.cjs +1 -1
- package/dist/themes/brands.d.cts +5 -28
- package/dist/themes/brands.d.ts +5 -28
- package/dist/themes/brands.js +1 -1
- package/dist/themes/createBrandTheme.cjs +1 -1
- package/dist/themes/createBrandTheme.d.cts +11 -23
- package/dist/themes/createBrandTheme.d.ts +11 -23
- 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 +19 -99
- package/dist/utils/aliases.d.ts +19 -99
- package/dist/utils/aliases.js +9 -3
- package/dist/utils/contrast.d.cts +2 -17
- package/dist/utils/contrast.d.ts +2 -17
- package/dist/utils/cssVars.cjs +2 -2
- package/dist/utils/cssVars.d.cts +12 -37
- package/dist/utils/cssVars.d.ts +12 -37
- package/dist/utils/cssVars.js +2 -2
- package/dist/utils/foundation.cjs +4 -4
- package/dist/utils/foundation.d.cts +24 -177
- package/dist/utils/foundation.d.ts +24 -177
- package/dist/utils/foundation.js +3 -3
- package/dist/utils/mode.cjs +1 -1
- package/dist/utils/mode.d.cts +18 -57
- package/dist/utils/mode.d.ts +18 -57
- package/dist/utils/mode.js +1 -1
- package/dist/utils/theme.cjs +1 -1
- package/dist/utils/theme.d.cts +68 -292
- package/dist/utils/theme.d.ts +68 -292
- package/dist/utils/toCss.cjs +5 -5
- package/dist/utils/toCss.d.cts +22 -60
- package/dist/utils/toCss.d.ts +22 -60
- package/dist/utils/toCss.js +5 -5
- package/package.json +5 -4
- package/dist/themes/MaterialBrand.d.cts +0 -3
- package/dist/themes/MaterialBrand.d.ts +0 -3
- package/dist/themes/MidnightBrand.cjs +0 -1
- package/dist/themes/MidnightBrand.d.cts +0 -11
- package/dist/themes/MidnightBrand.d.ts +0 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var k=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var D=(n,e)=>{for(var r in e)k(n,r,{get:e[r],enumerable:!0})},B=(n,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of w(e))!R.call(n,o)&&o!==r&&k(n,o,{get:()=>e[o],enumerable:!(t=M(e,o))||t.enumerable});return n};var $=n=>B(k({},"__esModule",{value:!0}),n);var j={};D(j,{createBrandTheme:()=>P});module.exports=$(j);var T=require("../utils/contrast.cjs"),g=require("./DefaultTheme.cjs"),l={50:97,100:94,200:87,300:77,400:65,500:55,600:45,700:36,800:27,900:18,950:9},f={50:.5,100:.62,200:.76,300:.88,400:.96,500:1,600:1,700:.96,800:.9,900:.84,950:.74},I=Object.keys(l).map(Number);function v(n,e,r){let t=Math.min(100,Math.max(0,r))/100,m=Math.min(100,Math.max(0,e))/100*Math.min(t,1-t),a=u=>{let c=(u+n/30)%12,s=t-m*Math.max(-1,Math.min(c-3,9-c,1));return Math.round(255*Math.min(1,Math.max(0,s))).toString(16).padStart(2,"0")};return`#${a(0)}${a(8)}${a(4)}`}function A(n){let e=Number.parseInt(n.slice(1),16);return`${e>>16&255} ${e>>8&255} ${e&255}`}function x(n,e){let r={};for(let t of I)r[t]=v(n,e*f[t],l[t]);return r}function b(n,e,r,t,o){let m=o===0?-1:1,a=Math.round(r),u=v(n,e,a),c=()=>t.some(([s,i])=>(0,T.contrastRatio)(u,s)<i);for(;a!==o&&c();)a+=m,u=v(n,e,a);return u}function E(n,e){let{isDark:r,primaryHue:t,primaryChroma:o,background:m,textInverted:a,toward:u}=e;for(let[c,s]of[[500,300],[600,400]])n[c]=b(t,o*f[c],r?l[s]:l[c],[[a,4.5],[m,3]],u)}function O(n,e,r){let{isDark:t,toward:o}=r,m=t?400:600,a=t?950:50;return Object.fromEntries([["success",n.success],["warning",n.warning],["danger",n.danger]].map(([u,c])=>{let s=x(c,e);return s[m]=b(c,e*f[m],l[m],[[s[a],3]],o),[u,s]}))}function N(n){let{isDark:e,neutral:r,neutralHue:t,neutralChroma:o,primaryHue:m,primaryChroma:a,background:u,textInverted:c,toward:s}=n,i=e?r[900]:r[50],h=e?100:900,p=e?400:500,S=e?400:500,d=e?700:300;return{background:u,surface:i,surfaceHover:e?r[800]:r[100],overlay:`rgb(${A(r[950])} / ${e?"0.65":"0.5"})`,text:b(t,o*f[h],l[h],[[i,4.5]],s),textMuted:b(t,o*f[p],l[p],e?[[i,4.5],[r[800],4.5]]:[[i,4.5]],s),textInverted:c,border:e?r[800]:r[200],borderStrong:b(t,o*f[d],l[d],[[i,3]],s),focusRing:b(m,a*f[S],l[S],[[u,3]],s)}}function P(n){let{name:e,mode:r,primaryHue:t,primaryChroma:o=75,neutralHue:m=t,neutralChroma:a=8,intentHues:u={},intentChroma:c=70,override:s={}}=n,{success:i=145,warning:h=40,danger:p=0}=u,S=x(t,o),d=x(m,a),C=r==="dark",y={isDark:C,primaryHue:t,primaryChroma:o,neutralHue:m,neutralChroma:a,neutral:d,background:C?d[950]:"#ffffff",textInverted:C?d[950]:"#ffffff",toward:C?100:0};E(S,y);let H=(0,g.createTheme)(e,{mode:r,colors:{primary:S,neutral:d,...O({success:i,warning:h,danger:p},c,y),semantic:N(y)}},g.defaultTheme);return(0,g.createTheme)(e,s,H)}0&&(module.exports={createBrandTheme});
|
|
@@ -1,44 +1,32 @@
|
|
|
1
1
|
import type { Theme, ThemeColorMode, ThemeOverride } from '../utils/theme.cjs';
|
|
2
|
-
/**
|
|
3
|
-
* Internal seed for {@link createBrandTheme} — the handful of decisions that
|
|
4
|
-
* actually define a brand's palette. Everything else (ramp shape, semantic
|
|
5
|
-
* role assignment, contrast enforcement) is derived.
|
|
6
|
-
*/
|
|
2
|
+
/** Seed for {@link createBrandTheme}: brand hues and chroma, with the rest derived. */
|
|
7
3
|
export interface BrandSeed {
|
|
8
|
-
/** Theme name
|
|
4
|
+
/** Theme name (e.g. `'midnight-light'`); becomes `theme.name`. */
|
|
9
5
|
name: string;
|
|
10
|
-
/** Which mode's semantic roles to derive
|
|
6
|
+
/** Which mode's semantic roles to derive (ramps are mode-independent). */
|
|
11
7
|
mode: ThemeColorMode;
|
|
12
8
|
/** Primary hue in degrees, 0–360 (e.g. 272 for violet). */
|
|
13
9
|
primaryHue: number;
|
|
14
|
-
/**
|
|
10
|
+
/** Primary ramp saturation, 0–100. Toward 0 for monochrome. @default 75 */
|
|
15
11
|
primaryChroma?: number;
|
|
16
|
-
/**
|
|
12
|
+
/** Gray tint hue. @default primaryHue */
|
|
17
13
|
neutralHue?: number;
|
|
18
|
-
/**
|
|
14
|
+
/** Gray tint amount, 0–100. @default 8 */
|
|
19
15
|
neutralChroma?: number;
|
|
20
|
-
/**
|
|
16
|
+
/** Intent ramp hues. @default { success: 145, warning: 40, danger: 0 } */
|
|
21
17
|
intentHues?: {
|
|
22
18
|
success?: number;
|
|
23
19
|
warning?: number;
|
|
24
20
|
danger?: number;
|
|
25
21
|
};
|
|
26
|
-
/**
|
|
22
|
+
/** Intent ramp saturation, 0–100. @default 70 */
|
|
27
23
|
intentChroma?: number;
|
|
28
|
-
/**
|
|
24
|
+
/** Hand-picked overrides merged last (typically shadow tint). */
|
|
29
25
|
override?: ThemeOverride;
|
|
30
26
|
}
|
|
31
27
|
/**
|
|
32
|
-
* Generates a
|
|
33
|
-
*
|
|
34
|
-
* every WCAG AA pair the contrast test checks (body text 4.5:1, muted text
|
|
35
|
-
* and focus ring 3:1 against the page background, inverted text 4.5:1 against
|
|
36
|
-
* `primary-600`) driven to threshold by adjusting lightness rather than being
|
|
37
|
-
* hand-tuned and hoped for.
|
|
38
|
-
*
|
|
39
|
-
* Internal on purpose: it is the seam a visual theme builder will call, not a
|
|
40
|
-
* public token API — brands that ship today are hand-written theme objects,
|
|
41
|
-
* and only `midnight` is generated so far (see `MidnightBrand.ts`).
|
|
28
|
+
* Generates a {@link Theme} from a {@link BrandSeed}, deriving ramps and WCAG AA
|
|
29
|
+
* enforced semantic roles per mode.
|
|
42
30
|
*
|
|
43
31
|
* @example
|
|
44
32
|
* ```ts
|
|
@@ -1,44 +1,32 @@
|
|
|
1
1
|
import type { Theme, ThemeColorMode, ThemeOverride } from '../utils/theme.js';
|
|
2
|
-
/**
|
|
3
|
-
* Internal seed for {@link createBrandTheme} — the handful of decisions that
|
|
4
|
-
* actually define a brand's palette. Everything else (ramp shape, semantic
|
|
5
|
-
* role assignment, contrast enforcement) is derived.
|
|
6
|
-
*/
|
|
2
|
+
/** Seed for {@link createBrandTheme}: brand hues and chroma, with the rest derived. */
|
|
7
3
|
export interface BrandSeed {
|
|
8
|
-
/** Theme name
|
|
4
|
+
/** Theme name (e.g. `'midnight-light'`); becomes `theme.name`. */
|
|
9
5
|
name: string;
|
|
10
|
-
/** Which mode's semantic roles to derive
|
|
6
|
+
/** Which mode's semantic roles to derive (ramps are mode-independent). */
|
|
11
7
|
mode: ThemeColorMode;
|
|
12
8
|
/** Primary hue in degrees, 0–360 (e.g. 272 for violet). */
|
|
13
9
|
primaryHue: number;
|
|
14
|
-
/**
|
|
10
|
+
/** Primary ramp saturation, 0–100. Toward 0 for monochrome. @default 75 */
|
|
15
11
|
primaryChroma?: number;
|
|
16
|
-
/**
|
|
12
|
+
/** Gray tint hue. @default primaryHue */
|
|
17
13
|
neutralHue?: number;
|
|
18
|
-
/**
|
|
14
|
+
/** Gray tint amount, 0–100. @default 8 */
|
|
19
15
|
neutralChroma?: number;
|
|
20
|
-
/**
|
|
16
|
+
/** Intent ramp hues. @default { success: 145, warning: 40, danger: 0 } */
|
|
21
17
|
intentHues?: {
|
|
22
18
|
success?: number;
|
|
23
19
|
warning?: number;
|
|
24
20
|
danger?: number;
|
|
25
21
|
};
|
|
26
|
-
/**
|
|
22
|
+
/** Intent ramp saturation, 0–100. @default 70 */
|
|
27
23
|
intentChroma?: number;
|
|
28
|
-
/**
|
|
24
|
+
/** Hand-picked overrides merged last (typically shadow tint). */
|
|
29
25
|
override?: ThemeOverride;
|
|
30
26
|
}
|
|
31
27
|
/**
|
|
32
|
-
* Generates a
|
|
33
|
-
*
|
|
34
|
-
* every WCAG AA pair the contrast test checks (body text 4.5:1, muted text
|
|
35
|
-
* and focus ring 3:1 against the page background, inverted text 4.5:1 against
|
|
36
|
-
* `primary-600`) driven to threshold by adjusting lightness rather than being
|
|
37
|
-
* hand-tuned and hoped for.
|
|
38
|
-
*
|
|
39
|
-
* Internal on purpose: it is the seam a visual theme builder will call, not a
|
|
40
|
-
* public token API — brands that ship today are hand-written theme objects,
|
|
41
|
-
* and only `midnight` is generated so far (see `MidnightBrand.ts`).
|
|
28
|
+
* Generates a {@link Theme} from a {@link BrandSeed}, deriving ramps and WCAG AA
|
|
29
|
+
* enforced semantic roles per mode.
|
|
42
30
|
*
|
|
43
31
|
* @example
|
|
44
32
|
* ```ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{contrastRatio as
|
|
1
|
+
import{contrastRatio as T}from"../utils/contrast.js";import{createTheme as v,defaultTheme as H}from"./DefaultTheme.js";var l={50:97,100:94,200:87,300:77,400:65,500:55,600:45,700:36,800:27,900:18,950:9},f={50:.5,100:.62,200:.76,300:.88,400:.96,500:1,600:1,700:.96,800:.9,900:.84,950:.74},M=Object.keys(l).map(Number);function y(t,e,r){let n=Math.min(100,Math.max(0,r))/100,m=Math.min(100,Math.max(0,e))/100*Math.min(n,1-n),o=u=>{let s=(u+t/30)%12,a=n-m*Math.max(-1,Math.min(s-3,9-s,1));return Math.round(255*Math.min(1,Math.max(0,a))).toString(16).padStart(2,"0")};return`#${o(0)}${o(8)}${o(4)}`}function w(t){let e=Number.parseInt(t.slice(1),16);return`${e>>16&255} ${e>>8&255} ${e&255}`}function k(t,e){let r={};for(let n of M)r[n]=y(t,e*f[n],l[n]);return r}function b(t,e,r,n,c){let m=c===0?-1:1,o=Math.round(r),u=y(t,e,o),s=()=>n.some(([a,i])=>T(u,a)<i);for(;o!==c&&s();)o+=m,u=y(t,e,o);return u}function R(t,e){let{isDark:r,primaryHue:n,primaryChroma:c,background:m,textInverted:o,toward:u}=e;for(let[s,a]of[[500,300],[600,400]])t[s]=b(n,c*f[s],r?l[a]:l[s],[[o,4.5],[m,3]],u)}function D(t,e,r){let{isDark:n,toward:c}=r,m=n?400:600,o=n?950:50;return Object.fromEntries([["success",t.success],["warning",t.warning],["danger",t.danger]].map(([u,s])=>{let a=k(s,e);return a[m]=b(s,e*f[m],l[m],[[a[o],3]],c),[u,a]}))}function B(t){let{isDark:e,neutral:r,neutralHue:n,neutralChroma:c,primaryHue:m,primaryChroma:o,background:u,textInverted:s,toward:a}=t,i=e?r[900]:r[50],g=e?100:900,h=e?400:500,S=e?400:500,d=e?700:300;return{background:u,surface:i,surfaceHover:e?r[800]:r[100],overlay:`rgb(${w(r[950])} / ${e?"0.65":"0.5"})`,text:b(n,c*f[g],l[g],[[i,4.5]],a),textMuted:b(n,c*f[h],l[h],e?[[i,4.5],[r[800],4.5]]:[[i,4.5]],a),textInverted:s,border:e?r[800]:r[200],borderStrong:b(n,c*f[d],l[d],[[i,3]],a),focusRing:b(m,o*f[S],l[S],[[u,3]],a)}}function A(t){let{name:e,mode:r,primaryHue:n,primaryChroma:c=75,neutralHue:m=n,neutralChroma:o=8,intentHues:u={},intentChroma:s=70,override:a={}}=t,{success:i=145,warning:g=40,danger:h=0}=u,S=k(n,c),d=k(m,o),p=r==="dark",C={isDark:p,primaryHue:n,primaryChroma:c,neutralHue:m,neutralChroma:o,neutral:d,background:p?d[950]:"#ffffff",textInverted:p?d[950]:"#ffffff",toward:p?100:0};R(S,C);let x=v(e,{mode:r,colors:{primary:S,neutral:d,...D({success:i,warning:g,danger:h},s,C),semantic:B(C)}},H);return v(e,a,x)}export{A as createBrandTheme};
|
package/dist/themes/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var m=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var W=Object.prototype.hasOwnProperty;var X=(r,o)=>{for(var a in o)m(r,a,{get:o[a],enumerable:!0})},Y=(r,o,a,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of V(o))!W.call(r,t)&&t!==a&&m(r,t,{get:()=>o[t],enumerable:!(p=U(o,t))||p.enumerable});return r};var Z=r=>Y(m({},"__esModule",{value:!0}),r);var $={};X($,{antDark:()=>E.antDark,antLight:()=>k.antLight,brands:()=>e.brands,catppuccinLatte:()=>c.catppuccinLatte,catppuccinMocha:()=>l.catppuccinMocha,chakraDark:()=>G.chakraDark,chakraLight:()=>D.chakraLight,cupcakeDark:()=>R.cupcakeDark,cupcakeLight:()=>M.cupcakeLight,defaultBrand:()=>e.defaultBrand,draculaDark:()=>s.draculaDark,draculaLight:()=>I.draculaLight,emeraldDark:()=>j.emeraldDark,emeraldLight:()=>i.emeraldLight,everforestDark:()=>b.everforestDark,everforestLight:()=>O.everforestLight,fluentDark:()=>F.fluentDark,fluentLight:()=>d.fluentLight,getBrand:()=>e.getBrand,getBrandByThemeName:()=>e.getBrandByThemeName,graphiteDark:()=>A.graphiteDark,graphiteLight:()=>g.graphiteLight,gruvboxDark:()=>y.gruvboxDark,gruvboxLight:()=>J.gruvboxLight,materialDark:()=>C.materialDark,materialLight:()=>n.materialLight,midnightDark:()=>h.midnightDark,midnightLight:()=>q.midnightLight,nordDark:()=>L.nordDark,nordLight:()=>H.nordLight,oneDark:()=>w.oneDark,oneLight:()=>Q.oneLight,primerDark:()=>z.primerDark,primerLight:()=>T.primerLight,rosePine:()=>B.rosePine,rosePineDawn:()=>K.rosePineDawn,skandaDark:()=>N.skandaDark,skandaLight:()=>x.skandaLight,solarizedDark:()=>v.solarizedDark,solarizedLight:()=>u.solarizedLight,synthwaveDark:()=>P.synthwaveDark,synthwaveLight:()=>S.synthwaveLight,themes:()=>_});module.exports=Z($);var f=require("./brands.cjs"),x=require("./SkandaLight.cjs"),i=require("./EmeraldLight.cjs"),h=require("./MidnightDark.cjs"),g=require("./GraphiteLight.cjs"),n=require("./MaterialLight.cjs"),k=require("./AntLight.cjs"),d=require("./FluentLight.cjs"),D=require("./ChakraLight.cjs"),L=require("./NordDark.cjs"),s=require("./DraculaDark.cjs"),c=require("./CatppuccinLatte.cjs"),l=require("./CatppuccinMocha.cjs"),u=require("./SolarizedLight.cjs"),v=require("./SolarizedDark.cjs"),y=require("./GruvboxDark.cjs"),B=require("./RosePine.cjs"),b=require("./EverforestDark.cjs"),w=require("./OneDark.cjs"),T=require("./PrimerLight.cjs"),z=require("./PrimerDark.cjs"),M=require("./CupcakeLight.cjs"),P=require("./SynthwaveDark.cjs"),N=require("./SkandaDark.cjs"),j=require("./EmeraldDark.cjs"),q=require("./MidnightLight.cjs"),A=require("./GraphiteDark.cjs"),C=require("./MaterialDark.cjs"),E=require("./AntDark.cjs"),F=require("./FluentDark.cjs"),G=require("./ChakraDark.cjs"),H=require("./NordLight.cjs"),I=require("./DraculaLight.cjs"),J=require("./GruvboxLight.cjs"),K=require("./RosePineDawn.cjs"),O=require("./EverforestLight.cjs"),Q=require("./OneLight.cjs"),R=require("./CupcakeDark.cjs"),S=require("./SynthwaveLight.cjs"),e=require("./brands.cjs"),_=f.brands.flatMap(r=>[r.themes.light,r.themes.dark]);0&&(module.exports={antDark,antLight,brands,catppuccinLatte,catppuccinMocha,chakraDark,chakraLight,cupcakeDark,cupcakeLight,defaultBrand,draculaDark,draculaLight,emeraldDark,emeraldLight,everforestDark,everforestLight,fluentDark,fluentLight,getBrand,getBrandByThemeName,graphiteDark,graphiteLight,gruvboxDark,gruvboxLight,materialDark,materialLight,midnightDark,midnightLight,nordDark,nordLight,oneDark,oneLight,primerDark,primerLight,rosePine,rosePineDawn,skandaDark,skandaLight,solarizedDark,solarizedLight,synthwaveDark,synthwaveLight,themes});
|
package/dist/themes/index.d.cts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
import type { Theme } from '../utils/theme.cjs';
|
|
1
2
|
export { skandaLight } from './SkandaLight.cjs';
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
4
|
-
export {
|
|
5
|
-
export {
|
|
6
|
-
export {
|
|
7
|
-
export {
|
|
8
|
-
export {
|
|
3
|
+
export { emeraldLight } from './EmeraldLight.cjs';
|
|
4
|
+
export { midnightDark } from './MidnightDark.cjs';
|
|
5
|
+
export { graphiteLight } from './GraphiteLight.cjs';
|
|
6
|
+
export { materialLight } from './MaterialLight.cjs';
|
|
7
|
+
export { antLight } from './AntLight.cjs';
|
|
8
|
+
export { fluentLight } from './FluentLight.cjs';
|
|
9
|
+
export { chakraLight } from './ChakraLight.cjs';
|
|
9
10
|
export { nordDark } from './NordDark.cjs';
|
|
10
11
|
export { draculaDark } from './DraculaDark.cjs';
|
|
11
12
|
export { catppuccinLatte } from './CatppuccinLatte.cjs';
|
|
@@ -37,5 +38,5 @@ export { oneLight } from './OneLight.cjs';
|
|
|
37
38
|
export { cupcakeDark } from './CupcakeDark.cjs';
|
|
38
39
|
export { synthwaveLight } from './SynthwaveLight.cjs';
|
|
39
40
|
export { brands, defaultBrand, getBrand, getBrandByThemeName, type Brand } from './brands.cjs';
|
|
40
|
-
/** Every bundled theme,
|
|
41
|
-
export declare const themes:
|
|
41
|
+
/** Every bundled theme, brand by brand with light before dark — handy for building a theme picker. @public */
|
|
42
|
+
export declare const themes: Theme[];
|
package/dist/themes/index.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
import type { Theme } from '../utils/theme.js';
|
|
1
2
|
export { skandaLight } from './SkandaLight.js';
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
4
|
-
export {
|
|
5
|
-
export {
|
|
6
|
-
export {
|
|
7
|
-
export {
|
|
8
|
-
export {
|
|
3
|
+
export { emeraldLight } from './EmeraldLight.js';
|
|
4
|
+
export { midnightDark } from './MidnightDark.js';
|
|
5
|
+
export { graphiteLight } from './GraphiteLight.js';
|
|
6
|
+
export { materialLight } from './MaterialLight.js';
|
|
7
|
+
export { antLight } from './AntLight.js';
|
|
8
|
+
export { fluentLight } from './FluentLight.js';
|
|
9
|
+
export { chakraLight } from './ChakraLight.js';
|
|
9
10
|
export { nordDark } from './NordDark.js';
|
|
10
11
|
export { draculaDark } from './DraculaDark.js';
|
|
11
12
|
export { catppuccinLatte } from './CatppuccinLatte.js';
|
|
@@ -37,5 +38,5 @@ export { oneLight } from './OneLight.js';
|
|
|
37
38
|
export { cupcakeDark } from './CupcakeDark.js';
|
|
38
39
|
export { synthwaveLight } from './SynthwaveLight.js';
|
|
39
40
|
export { brands, defaultBrand, getBrand, getBrandByThemeName, type Brand } from './brands.js';
|
|
40
|
-
/** Every bundled theme,
|
|
41
|
-
export declare const themes:
|
|
41
|
+
/** Every bundled theme, brand by brand with light before dark — handy for building a theme picker. @public */
|
|
42
|
+
export declare const themes: Theme[];
|
package/dist/themes/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{brands as o}from"./brands.js";import{skandaLight as p}from"./SkandaLight.js";import{emeraldLight as x}from"./EmeraldLight.js";import{midnightDark as h}from"./MidnightDark.js";import{graphiteLight as n}from"./GraphiteLight.js";import{materialLight as d}from"./MaterialLight.js";import{antLight as L}from"./AntLight.js";import{fluentLight as c}from"./FluentLight.js";import{chakraLight as u}from"./ChakraLight.js";import{nordDark as y}from"./NordDark.js";import{draculaDark as b}from"./DraculaDark.js";import{catppuccinLatte as T}from"./CatppuccinLatte.js";import{catppuccinMocha as M}from"./CatppuccinMocha.js";import{solarizedLight as N}from"./SolarizedLight.js";import{solarizedDark as q}from"./SolarizedDark.js";import{gruvboxDark as C}from"./GruvboxDark.js";import{rosePine as F}from"./RosePine.js";import{everforestDark as H}from"./EverforestDark.js";import{oneDark as J}from"./OneDark.js";import{primerLight as O}from"./PrimerLight.js";import{primerDark as R}from"./PrimerDark.js";import{cupcakeLight as U}from"./CupcakeLight.js";import{synthwaveDark as W}from"./SynthwaveDark.js";import{skandaDark as Y}from"./SkandaDark.js";import{emeraldDark as _}from"./EmeraldDark.js";import{midnightLight as rr}from"./MidnightLight.js";import{graphiteDark as er}from"./GraphiteDark.js";import{materialDark as ar}from"./MaterialDark.js";import{antDark as pr}from"./AntDark.js";import{fluentDark as xr}from"./FluentDark.js";import{chakraDark as hr}from"./ChakraDark.js";import{nordLight as nr}from"./NordLight.js";import{draculaLight as dr}from"./DraculaLight.js";import{gruvboxLight as Lr}from"./GruvboxLight.js";import{rosePineDawn as cr}from"./RosePineDawn.js";import{everforestLight as ur}from"./EverforestLight.js";import{oneLight as yr}from"./OneLight.js";import{cupcakeDark as br}from"./CupcakeDark.js";import{synthwaveLight as Tr}from"./SynthwaveLight.js";import{brands as Mr,defaultBrand as Pr,getBrand as Nr,getBrandByThemeName as jr}from"./brands.js";var t=o.flatMap(r=>[r.themes.light,r.themes.dark]);export{pr as antDark,L as antLight,Mr as brands,T as catppuccinLatte,M as catppuccinMocha,hr as chakraDark,u as chakraLight,br as cupcakeDark,U as cupcakeLight,Pr as defaultBrand,b as draculaDark,dr as draculaLight,_ as emeraldDark,x as emeraldLight,H as everforestDark,ur as everforestLight,xr as fluentDark,c as fluentLight,Nr as getBrand,jr as getBrandByThemeName,er as graphiteDark,n as graphiteLight,C as gruvboxDark,Lr as gruvboxLight,ar as materialDark,d as materialLight,h as midnightDark,rr as midnightLight,y as nordDark,nr as nordLight,J as oneDark,yr as oneLight,R as primerDark,O as primerLight,F as rosePine,cr as rosePineDawn,Y as skandaDark,p as skandaLight,q as solarizedDark,N as solarizedLight,W as synthwaveDark,Tr as synthwaveLight,t as themes};
|