@evolve.ui/theme-system 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{allThemes-CFS_9-tk.cjs → allThemes-3d8nhymo.cjs} +12 -2
- package/allThemes-3d8nhymo.cjs.map +1 -0
- package/{allThemes-OV-ayn4C.mjs → allThemes-Abn6KDm7.mjs} +7 -3
- package/allThemes-Abn6KDm7.mjs.map +1 -0
- package/allThemes.cjs +1 -1
- package/allThemes.d.cts +1 -0
- package/allThemes.d.cts.map +1 -1
- package/allThemes.d.mts +1 -0
- package/allThemes.d.mts.map +1 -1
- package/allThemes.mjs +1 -1
- package/brands-CE0wIkKX.d.cts +58 -0
- package/brands-CE0wIkKX.d.cts.map +1 -0
- package/brands-CE0wIkKX.d.mts +58 -0
- package/brands-CE0wIkKX.d.mts.map +1 -0
- package/brands.cjs +16 -13
- package/brands.cjs.map +1 -1
- package/brands.d.cts +2 -2
- package/brands.d.mts +2 -2
- package/brands.mjs +16 -13
- package/brands.mjs.map +1 -1
- package/css/EverydayHarbor.css +377 -0
- package/css/EverydayHarbor.effects.css +650 -0
- package/{default-b-tgfyxR.cjs → default-B6VWF0Js.cjs} +237 -36
- package/default-B6VWF0Js.cjs.map +1 -0
- package/{default-B2n4PnsJ.mjs → default-BogJDhKE.mjs} +238 -37
- package/default-BogJDhKE.mjs.map +1 -0
- package/effects.cjs +26 -0
- package/effects.cjs.map +1 -0
- package/effects.d.cts +22 -0
- package/effects.d.cts.map +1 -0
- package/effects.d.mts +22 -0
- package/effects.d.mts.map +1 -0
- package/effects.mjs +22 -0
- package/effects.mjs.map +1 -0
- package/evolve-ui.entries.json +5 -0
- package/index.cjs +12 -5
- package/index.cjs.map +1 -1
- package/index.d.cts +108 -4
- package/index.d.cts.map +1 -1
- package/index.d.mts +108 -4
- package/index.d.mts.map +1 -1
- package/index.mjs +9 -6
- package/index.mjs.map +1 -1
- package/package.json +5 -1
- package/{plugin-DPtvp4lp.cjs → plugin-B3PF4RMI.cjs} +299 -110
- package/plugin-B3PF4RMI.cjs.map +1 -0
- package/{plugin-D4eCyUJe.mjs → plugin-D6aLCeNB.mjs} +258 -111
- package/plugin-D6aLCeNB.mjs.map +1 -0
- package/src/effects/__fixtures__/fixtureLayer.ts +88 -0
- package/src/effects/brands/EverydayHarbor.ts +392 -0
- package/src/effects/classes.ts +19 -0
- package/src/effects/emit.ts +314 -0
- package/src/effects/hooks.ts +493 -0
- package/src/effects/index.ts +2 -0
- package/src/effects/layers.ts +18 -0
- package/src/effects/rules.ts +90 -0
- package/src/effects/rules.typecheck.ts +50 -0
- package/src/effects/tokens.ts +148 -0
- package/src/effects/validate.ts +683 -0
- package/src/effects/vocabulary.ts +32 -0
- package/src/index.ts +3 -0
- package/src/tailwind/animation.ts +30 -0
- package/src/tailwind/borderWidth.ts +14 -0
- package/src/tailwind/plugin.ts +230 -239
- package/src/tailwind/reducedMotion.ts +164 -0
- package/src/tailwind/text.ts +4 -2
- package/src/themeValues.snapshot.ts +6735 -0
- package/src/themes/EverydayHarbor.ts +147 -0
- package/src/themes/allThemes.ts +2 -0
- package/src/themes/brandSources.ts +37 -0
- package/src/themes/brands.ts +41 -15
- package/src/themes/contrastFloors.ts +26 -0
- package/src/themes/inkRamps.ts +43 -0
- package/src/themes/runtime/buildTheme.ts +6 -19
- package/src/themes/runtime/everydayHarbor.ts +3 -0
- package/src/themes/semanticColorTokenSteps.ts +5 -2
- package/src/themes/themeValues.ts +374 -0
- package/src/themes/wcag.ts +48 -0
- package/tailwind/plugin.cjs +5 -1
- package/tailwind/plugin.d.cts +458 -1
- package/tailwind/plugin.d.cts.map +1 -1
- package/tailwind/plugin.d.mts +458 -1
- package/tailwind/plugin.d.mts.map +1 -1
- package/tailwind/plugin.mjs +2 -2
- package/themes/runtime/default.cjs +1 -1
- package/themes/runtime/default.mjs +1 -1
- package/themes/themeType.d.cts +1 -1
- package/themes/themeType.d.mts +1 -1
- package/allThemes-CFS_9-tk.cjs.map +0 -1
- package/allThemes-OV-ayn4C.mjs.map +0 -1
- package/brands-n30rolHQ.d.cts +0 -33
- package/brands-n30rolHQ.d.cts.map +0 -1
- package/brands-n30rolHQ.d.mts +0 -33
- package/brands-n30rolHQ.d.mts.map +0 -1
- package/default-B2n4PnsJ.mjs.map +0 -1
- package/default-b-tgfyxR.cjs.map +0 -1
- package/plugin-D4eCyUJe.mjs.map +0 -1
- package/plugin-DPtvp4lp.cjs.map +0 -1
- package/src/themes/generate.ts +0 -46
package/effects.d.mts
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
//#region src/effects/classes.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* Opt-in effect classes. They do nothing unless an effect brand sheet scopes them.
|
|
4
|
+
* `none` removes one element from every effect selector.
|
|
5
|
+
* An opt-in edge takes `::before` with `!important`, so `before:` utilities on the same element are overridden.
|
|
6
|
+
*/
|
|
7
|
+
declare const effectClasses: {
|
|
8
|
+
readonly glass: "hui-fx-glass";
|
|
9
|
+
readonly glassRaised: "hui-fx-glass-raised";
|
|
10
|
+
readonly featured: "hui-fx-featured";
|
|
11
|
+
readonly halo: "hui-fx-halo";
|
|
12
|
+
readonly glow: "hui-fx-glow";
|
|
13
|
+
readonly cta: "hui-fx-cta";
|
|
14
|
+
readonly accentFont: "hui-fx-accent-font";
|
|
15
|
+
readonly serif: "hui-fx-serif";
|
|
16
|
+
readonly backdrop: "hui-fx-backdrop";
|
|
17
|
+
readonly none: "hui-fx-none";
|
|
18
|
+
};
|
|
19
|
+
type EffectClass = (typeof effectClasses)[keyof typeof effectClasses];
|
|
20
|
+
//#endregion
|
|
21
|
+
export { type EffectClass, effectClasses };
|
|
22
|
+
//# sourceMappingURL=effects.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"effects.d.mts","names":[],"sources":["../src/effects/classes.ts"],"mappings":";;AAKA;;;;cAAa,aAAA;EAAA;;;;;;;;;;;KAaD,WAAA,WAAsB,aAAA,eAA4B,aAAa"}
|
package/effects.mjs
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
//#region src/effects/classes.ts
|
|
2
|
+
/**
|
|
3
|
+
* Opt-in effect classes. They do nothing unless an effect brand sheet scopes them.
|
|
4
|
+
* `none` removes one element from every effect selector.
|
|
5
|
+
* An opt-in edge takes `::before` with `!important`, so `before:` utilities on the same element are overridden.
|
|
6
|
+
*/
|
|
7
|
+
const effectClasses = {
|
|
8
|
+
glass: "hui-fx-glass",
|
|
9
|
+
glassRaised: "hui-fx-glass-raised",
|
|
10
|
+
featured: "hui-fx-featured",
|
|
11
|
+
halo: "hui-fx-halo",
|
|
12
|
+
glow: "hui-fx-glow",
|
|
13
|
+
cta: "hui-fx-cta",
|
|
14
|
+
accentFont: "hui-fx-accent-font",
|
|
15
|
+
serif: "hui-fx-serif",
|
|
16
|
+
backdrop: "hui-fx-backdrop",
|
|
17
|
+
none: "hui-fx-none"
|
|
18
|
+
};
|
|
19
|
+
//#endregion
|
|
20
|
+
export { effectClasses };
|
|
21
|
+
|
|
22
|
+
//# sourceMappingURL=effects.mjs.map
|
package/effects.mjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"effects.mjs","names":[],"sources":["../src/effects/classes.ts"],"sourcesContent":["/**\n * Opt-in effect classes. They do nothing unless an effect brand sheet scopes them.\n * `none` removes one element from every effect selector.\n * An opt-in edge takes `::before` with `!important`, so `before:` utilities on the same element are overridden.\n */\nexport const effectClasses = {\n glass: 'hui-fx-glass',\n glassRaised: 'hui-fx-glass-raised',\n featured: 'hui-fx-featured',\n halo: 'hui-fx-halo',\n glow: 'hui-fx-glow',\n cta: 'hui-fx-cta',\n accentFont: 'hui-fx-accent-font',\n serif: 'hui-fx-serif',\n backdrop: 'hui-fx-backdrop',\n none: 'hui-fx-none',\n} as const;\n\nexport type EffectClass = (typeof effectClasses)[keyof typeof effectClasses];\n"],"mappings":";;;;;;AAKA,MAAa,gBAAgB;CACzB,OAAO;CACP,aAAa;CACb,UAAU;CACV,MAAM;CACN,MAAM;CACN,KAAK;CACL,YAAY;CACZ,OAAO;CACP,UAAU;CACV,MAAM;AACV"}
|
package/evolve-ui.entries.json
CHANGED
package/index.cjs
CHANGED
|
@@ -3,21 +3,24 @@ Object.defineProperties(exports, {
|
|
|
3
3
|
[Symbol.toStringTag]: { value: "Module" }
|
|
4
4
|
});
|
|
5
5
|
const require_fontFamily = require("./fontFamily-BBoee6cS.cjs");
|
|
6
|
+
const require_plugin = require("./plugin-B3PF4RMI.cjs");
|
|
6
7
|
const require_spacing = require("./spacing-B2mhXYOl.cjs");
|
|
7
|
-
const
|
|
8
|
-
const require_default = require("./default-b-tgfyxR.cjs");
|
|
8
|
+
const require_default = require("./default-B6VWF0Js.cjs");
|
|
9
9
|
const require_brands = require("./brands.cjs");
|
|
10
10
|
require("./themes/themeType.cjs");
|
|
11
11
|
const require_themes_common = require("./themes/common.cjs");
|
|
12
|
-
const require_allThemes = require("./allThemes-
|
|
12
|
+
const require_allThemes = require("./allThemes-3d8nhymo.cjs");
|
|
13
13
|
const require_cn = require("./cn.cjs");
|
|
14
14
|
let tinycolor2 = require("tinycolor2");
|
|
15
15
|
//#region src/themes/semanticColorTokenSteps.ts
|
|
16
16
|
/**
|
|
17
17
|
* Maps each semantic color token (e.g. `text-critical`) to the core palette step
|
|
18
18
|
* it resolves to (e.g. `critical-500`), parsed from the Default brand's
|
|
19
|
-
* `nonColorVariables`. The semantic → step mapping is identical across
|
|
20
|
-
* (only the core hex values differ per brand), so Default is canonical.
|
|
19
|
+
* `nonColorVariables`. The semantic → step mapping is identical across the paper
|
|
20
|
+
* brands (only the core hex values differ per brand), so Default is canonical.
|
|
21
|
+
* Ink brands reuse this map on reversed ramps and rebind a handful of tokens
|
|
22
|
+
* (EverydayHarbor: `everydayHarborOverrides`), so this table describes Default and
|
|
23
|
+
* is not valid for them.
|
|
21
24
|
*
|
|
22
25
|
* Single source of truth for docs/tooling that need to show which step a semantic
|
|
23
26
|
* token points at — derive from this rather than hand-maintaining a duplicate table.
|
|
@@ -28,11 +31,14 @@ const semanticColorTokenSteps = Object.fromEntries(Object.entries(require_defaul
|
|
|
28
31
|
return match ? [[key.slice(8), match[1]]] : [];
|
|
29
32
|
}));
|
|
30
33
|
//#endregion
|
|
34
|
+
exports.REDUCED_MOTION_POLICY = require_plugin.REDUCED_MOTION_POLICY;
|
|
31
35
|
exports.allThemes = require_allThemes.allThemes;
|
|
36
|
+
exports.animation = require_plugin.animation;
|
|
32
37
|
exports.basketballTrainingTheme = require_allThemes.basketballTrainingTheme;
|
|
33
38
|
exports.brandRegistry = require_brands.brandRegistry;
|
|
34
39
|
exports.brands = require_brands.brands;
|
|
35
40
|
exports.brandsToCSS = require_brands.brandsToCSS;
|
|
41
|
+
exports.buildReducedMotionBase = require_plugin.buildReducedMotionBase;
|
|
36
42
|
exports.buildRuntimeTheme = require_default.buildRuntimeTheme;
|
|
37
43
|
exports.buttonBorderRadius = require_spacing.buttonBorderRadius;
|
|
38
44
|
exports.checkboxBorderRadius = require_spacing.checkboxBorderRadius;
|
|
@@ -182,6 +188,7 @@ exports.colors = require_plugin.colors;
|
|
|
182
188
|
exports.containerBorderRadius = require_spacing.containerBorderRadius;
|
|
183
189
|
exports.darken = require_default.darken;
|
|
184
190
|
exports.defaultTheme = require_default.defaultTheme;
|
|
191
|
+
exports.everydayHarborTheme = require_allThemes.everydayHarborTheme;
|
|
185
192
|
exports.fontFamily = require_fontFamily.fontFamily;
|
|
186
193
|
exports.fontFamilyPrimary = require_spacing.fontFamilyPrimary;
|
|
187
194
|
exports.fontFamilySecondary = require_spacing.fontFamilySecondary;
|
package/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":["nonColorVariables"],"sources":["../src/themes/semanticColorTokenSteps.ts"],"sourcesContent":["import { nonColorVariables } from './Default';\n\n/**\n * Maps each semantic color token (e.g. `text-critical`) to the core palette step\n * it resolves to (e.g. `critical-500`), parsed from the Default brand's\n * `nonColorVariables`. The semantic → step mapping is identical across
|
|
1
|
+
{"version":3,"file":"index.cjs","names":["nonColorVariables"],"sources":["../src/themes/semanticColorTokenSteps.ts"],"sourcesContent":["import { nonColorVariables } from './Default';\n\n/**\n * Maps each semantic color token (e.g. `text-critical`) to the core palette step\n * it resolves to (e.g. `critical-500`), parsed from the Default brand's\n * `nonColorVariables`. The semantic → step mapping is identical across the paper\n * brands (only the core hex values differ per brand), so Default is canonical.\n * Ink brands reuse this map on reversed ramps and rebind a handful of tokens\n * (EverydayHarbor: `everydayHarborOverrides`), so this table describes Default and\n * is not valid for them.\n *\n * Single source of truth for docs/tooling that need to show which step a semantic\n * token points at — derive from this rather than hand-maintaining a duplicate table.\n */\nexport const semanticColorTokenSteps: Record<string, string> = Object.fromEntries(\n Object.entries(nonColorVariables).flatMap(([key, value]) => {\n if (!key.startsWith('--color-')) {\n return [];\n }\n const match = /^var\\(--color-(.+)\\)$/.exec(value);\n return match ? [[key.slice('--color-'.length), match[1]]] : [];\n })\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAa,0BAAkD,OAAO,YAClE,OAAO,QAAQA,gBAAAA,iBAAiB,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;CACxD,IAAI,CAAC,IAAI,WAAW,UAAU,GAC1B,OAAO,CAAC;CAEZ,MAAM,QAAQ,wBAAwB,KAAK,KAAK;CAChD,OAAO,QAAQ,CAAC,CAAC,IAAI,MAAM,CAAiB,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC;AACjE,CAAC,CACL"}
|
package/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { themePlugin } from "./tailwind/plugin.cjs";
|
|
2
|
-
import { a as
|
|
2
|
+
import { a as brands, i as brandRegistry, n as BrandRegistryEntry, o as brandsToCSS, r as Brands, t as BrandCanvas } from "./brands-CE0wIkKX.cjs";
|
|
3
3
|
import { CleanTheme, Theme, TypographySpec } from "./themes/themeType.cjs";
|
|
4
4
|
import { breakpoints, radius, spacing, width } from "./themes/common.cjs";
|
|
5
5
|
import { allThemes } from "./allThemes.cjs";
|
|
@@ -7,6 +7,104 @@ import { defaultTheme } from "./themes/runtime/default.cjs";
|
|
|
7
7
|
import { cn } from "./cn.cjs";
|
|
8
8
|
import tinycolor from "tinycolor2";
|
|
9
9
|
|
|
10
|
+
//#region src/tailwind/animation.d.ts
|
|
11
|
+
/**
|
|
12
|
+
* Animation registry for the theme system
|
|
13
|
+
*
|
|
14
|
+
* The `animate-*` utilities this library registers, extracted from `plugin.ts` so the
|
|
15
|
+
* reduced-motion policy can be checked against them (see `./reducedMotion`). These sit under
|
|
16
|
+
* `theme.extend`, so Tailwind's own defaults (`spin`, `ping`, `pulse`, `bounce`, `none`) survive
|
|
17
|
+
* alongside them — the resolved registry is this object layered over `defaultTheme.animation`,
|
|
18
|
+
* and the policy must cover both.
|
|
19
|
+
*
|
|
20
|
+
* Keyframes stay in `plugin.ts` next to the `addBase` block that emits some of them.
|
|
21
|
+
*/
|
|
22
|
+
declare const animation: {
|
|
23
|
+
fadeIn: string;
|
|
24
|
+
fadeInOpacity: string;
|
|
25
|
+
fadeInScaled: string;
|
|
26
|
+
fadeOut: string;
|
|
27
|
+
loading: string;
|
|
28
|
+
'progress-completion': string;
|
|
29
|
+
'progress-icon-fade-in': string;
|
|
30
|
+
'progress-wave': string;
|
|
31
|
+
saveButtonPulse: string;
|
|
32
|
+
saveButtonWiggle: string;
|
|
33
|
+
saveHeartColorFlash: string;
|
|
34
|
+
saveHeartPop: string;
|
|
35
|
+
saveHeartTwirlBloom: string;
|
|
36
|
+
saveLabelShimmer: string;
|
|
37
|
+
slideDown: string;
|
|
38
|
+
slideUp: string;
|
|
39
|
+
};
|
|
40
|
+
//#endregion
|
|
41
|
+
//#region src/tailwind/reducedMotion.d.ts
|
|
42
|
+
/**
|
|
43
|
+
* Reduced-motion policy for the animation registry (DS-95 / audit findings SA-02 + SA-03).
|
|
44
|
+
*
|
|
45
|
+
* Every animation Tailwind resolves for this library — the local `theme.extend.animation`
|
|
46
|
+
* entries *and* Tailwind's own defaults — gets exactly one entry here. `reducedMotion.spec.ts`
|
|
47
|
+
* fails if the two key sets ever diverge, so a new animation cannot ship untriaged.
|
|
48
|
+
*
|
|
49
|
+
* ## Why duration-collapse rather than `animation: none`
|
|
50
|
+
*
|
|
51
|
+
* `animation: none` fires no `animationend`. `Modal/ComposableModal` and
|
|
52
|
+
* `Modal/hooks/useCloseModal` both depend on that event to finish closing — `useCloseModal`
|
|
53
|
+
* clears a 450ms watchdog there that otherwise logs an error and rejects an awaited promise. A
|
|
54
|
+
* naive `none` gate would strand the modal open *for reduced-motion users only*, which is worse
|
|
55
|
+
* than the gap it fixes. Collapsing the duration keeps the event, and keeps `forwards`/`both`
|
|
56
|
+
* fill end-states intact (`slideUp`, `slideDown`, `progress-completion`).
|
|
57
|
+
*
|
|
58
|
+
* ## Why the doubled class selector
|
|
59
|
+
*
|
|
60
|
+
* Tailwind emits `base` before `utilities`. A consumer building with `important: true` gets
|
|
61
|
+
* `!important` utilities too, and two equal-specificity `!important` rules resolve by source
|
|
62
|
+
* order — the utility would win. `.animate-x.animate-x` (0-2-0) beats it on specificity instead,
|
|
63
|
+
* and is inert for everyone else.
|
|
64
|
+
*
|
|
65
|
+
* Two known limitations, both external-consumer only:
|
|
66
|
+
* - `prefix` renames the utility classes (`.tw-animate-*`), which these selectors will not match.
|
|
67
|
+
* - `important: '#selector'` (the selector strategy, not `important: true`) emits
|
|
68
|
+
* `#selector .animate-x` at specificity 0-1-0 *plus* an id — which outranks 0-2-0 regardless
|
|
69
|
+
* of `!important`. The doubled class only defends against `important: true`.
|
|
70
|
+
*
|
|
71
|
+
* Components in this repo hardcode unprefixed class strings and no in-repo config sets either
|
|
72
|
+
* option, so neither affects this monorepo.
|
|
73
|
+
*/
|
|
74
|
+
type ReducedMotionTier = /** Collapse to ~1ms under reduce. The animation still runs, so `animationend` still fires. */'instant' /** Left alone — infinite indeterminate status indicators, where stopping removes feedback. */ | 'retain' /** Not an animation (`animate-none` is the absence utility). */ | 'n/a';
|
|
75
|
+
/**
|
|
76
|
+
* `selectors` is only meaningful on `instant` entries — nothing is emitted for `retain`/`n/a`,
|
|
77
|
+
* so allowing it there would let a future entry declare a selector that silently does nothing.
|
|
78
|
+
* The union makes that a type error rather than a quiet no-op.
|
|
79
|
+
*/
|
|
80
|
+
type ReducedMotionPolicyEntry = {
|
|
81
|
+
/** Why this tier was chosen. Asserted non-empty, so every entry carries a justification. */reason: string;
|
|
82
|
+
/**
|
|
83
|
+
* Extra selectors for animations applied through a component class rather than an
|
|
84
|
+
* `animate-*` utility. Emitted verbatim, so they are written at full specificity.
|
|
85
|
+
*/
|
|
86
|
+
selectors?: readonly string[];
|
|
87
|
+
tier: 'instant';
|
|
88
|
+
} | {
|
|
89
|
+
reason: string;
|
|
90
|
+
selectors?: never;
|
|
91
|
+
tier: 'n/a' | 'retain';
|
|
92
|
+
};
|
|
93
|
+
declare const REDUCED_MOTION_POLICY: Record<string, ReducedMotionPolicyEntry>;
|
|
94
|
+
/**
|
|
95
|
+
* Builds the `@media (prefers-reduced-motion: reduce)` block for `addBase`.
|
|
96
|
+
*
|
|
97
|
+
* Emitted from `addBase` rather than `addComponents` deliberately: `addComponents` is subject to
|
|
98
|
+
* caching discrepancies in this monorepo's Storybook build that stop newly added rules landing.
|
|
99
|
+
*/
|
|
100
|
+
declare const buildReducedMotionBase: () => {
|
|
101
|
+
"@media (prefers-reduced-motion: reduce)": Record<string, {
|
|
102
|
+
'animation-delay': string;
|
|
103
|
+
'animation-duration': string;
|
|
104
|
+
'animation-iteration-count': string;
|
|
105
|
+
}>;
|
|
106
|
+
};
|
|
107
|
+
//#endregion
|
|
10
108
|
//#region src/tailwind/colors.d.ts
|
|
11
109
|
/**
|
|
12
110
|
* Color configuration for Tailwind CSS
|
|
@@ -495,8 +593,11 @@ declare const colorStepArrayToObject: (colorStepArray: string[]) => StepObject;
|
|
|
495
593
|
/**
|
|
496
594
|
* Maps each semantic color token (e.g. `text-critical`) to the core palette step
|
|
497
595
|
* it resolves to (e.g. `critical-500`), parsed from the Default brand's
|
|
498
|
-
* `nonColorVariables`. The semantic → step mapping is identical across
|
|
499
|
-
* (only the core hex values differ per brand), so Default is canonical.
|
|
596
|
+
* `nonColorVariables`. The semantic → step mapping is identical across the paper
|
|
597
|
+
* brands (only the core hex values differ per brand), so Default is canonical.
|
|
598
|
+
* Ink brands reuse this map on reversed ramps and rebind a handful of tokens
|
|
599
|
+
* (EverydayHarbor: `everydayHarborOverrides`), so this table describes Default and
|
|
600
|
+
* is not valid for them.
|
|
500
601
|
*
|
|
501
602
|
* Single source of truth for docs/tooling that need to show which step a semantic
|
|
502
603
|
* token points at — derive from this rather than hand-maintaining a duplicate table.
|
|
@@ -512,5 +613,8 @@ declare const basketballTrainingTheme: Theme;
|
|
|
512
613
|
//#region src/themes/runtime/professionalBrand.d.ts
|
|
513
614
|
declare const professionalBrandTheme: Theme;
|
|
514
615
|
//#endregion
|
|
515
|
-
|
|
616
|
+
//#region src/themes/runtime/everydayHarbor.d.ts
|
|
617
|
+
declare const everydayHarborTheme: Theme;
|
|
618
|
+
//#endregion
|
|
619
|
+
export { BackgroundColorAliases, BorderColorAliases, BrandCanvas, BrandRegistryEntry, Brands, CleanTheme, ColorAliases, FocusColorAliases, IconColorAliases, LinkColorAliases, REDUCED_MOTION_POLICY, ReducedMotionPolicyEntry, ReducedMotionTier, StepObject, Steps, TextColorAliases, Theme, TypographySpec, allThemes, animation, basketballTrainingTheme, brandRegistry, brands, brandsToCSS, buildReducedMotionBase, buildRuntimeTheme, buttonBorderRadius, checkboxBorderRadius, cn, colorBackgroundCriticalDark, colorBackgroundCriticalLight, colorBackgroundDisabled, colorBackgroundHover, colorBackgroundHoverInverse, colorBackgroundInfoDark, colorBackgroundInfoLight, colorBackgroundInverse, colorBackgroundOverlay, colorBackgroundPressed, colorBackgroundPressedInverse, colorBackgroundPrimary, colorBackgroundSecondary, colorBackgroundSubdued, colorBackgroundSuccessDark, colorBackgroundSuccessLight, colorBackgroundTertiary, colorBackgroundWarningDark, colorBackgroundWarningLight, colorBorderBlack, colorBorderCritical, colorBorderDisabled, colorBorderHover, colorBorderInfo, colorBorderInverse, colorBorderPrimary, colorBorderSecondary, colorBorderSelected, colorBorderSuccess, colorBorderTertiary, colorBorderWarning, colorCritical100, colorCritical200, colorCritical300, colorCritical400, colorCritical50, colorCritical500, colorCritical600, colorCritical700, colorCritical800, colorCritical900, colorFocusInverse, colorFocusPrimary, colorIconCritical, colorIconDisabled, colorIconInfo, colorIconInverse, colorIconPrimary, colorIconSecondary, colorIconSuccess, colorIconWarning, colorInfo100, colorInfo200, colorInfo300, colorInfo400, colorInfo50, colorInfo500, colorInfo600, colorInfo700, colorInfo800, colorInfo900, colorLinkDisabled, colorLinkHover, colorLinkInverse, colorLinkInverseDisabled, colorLinkInverseHover, colorLinkInversePressed, colorLinkMonochrome, colorLinkPressed, colorLinkPrimary, colorLinkSecondary, colorPrimary100, colorPrimary200, colorPrimary300, colorPrimary400, colorPrimary50, colorPrimary500, colorPrimary600, colorPrimary700, colorPrimary800, colorPrimary900, colorSecondary100, colorSecondary200, colorSecondary300, colorSecondary400, colorSecondary50, colorSecondary500, colorSecondary600, colorSecondary700, colorSecondary800, colorSecondary900, colorStepArrayToObject, colorSuccess100, colorSuccess200, colorSuccess300, colorSuccess400, colorSuccess50, colorSuccess500, colorSuccess600, colorSuccess700, colorSuccess800, colorSuccess900, colorSurface100, colorSurface200, colorSurface300, colorSurface400, colorSurface50, colorSurface500, colorSurface600, colorSurface700, colorSurface800, colorSurface900, colorTertiary100, colorTertiary200, colorTertiary300, colorTertiary400, colorTertiary50, colorTertiary500, colorTertiary600, colorTertiary700, colorTertiary800, colorTertiary900, colorTextCritical, colorTextDisabled, colorTextInactive, colorTextInfo, colorTextInverse, colorTextPrimary, colorTextSecondary, colorTextSuccess, colorTextWarning, colorWarning100, colorWarning200, colorWarning300, colorWarning400, colorWarning50, colorWarning500, colorWarning600, colorWarning700, colorWarning800, colorWarning900, colors, containerBorderRadius, darken, defaultTheme, everydayHarborTheme, fontFamily, fontFamilyPrimary, fontFamilySecondary, fontSizeButton100, fontSizeButton200, fontWeightBodyPrimary, fontWeightBodySecondary, fontWeightButton, fontWeightCaption, fontWeightH1, fontWeightH2, fontWeightH3, fontWeightH4, fontWeightH5, fontWeightH6, fontWeightLabelMini, fontWeightLabelStrong, generateNormalColorSteps, generateSurfaceColorSteps, inputBorderRadius, letterSpacingBodyPrimary, letterSpacingBodySecondary, letterSpacingButton, letterSpacingCaption, letterSpacingH1, letterSpacingH1Mobile, letterSpacingH2, letterSpacingH2Mobile, letterSpacingH3, letterSpacingH3Mobile, letterSpacingH4, letterSpacingH5, letterSpacingH6, letterSpacingLabelMini, letterSpacingLabelStrong, lighten, professionalBrandTheme, width as runtimeBorderWidth, breakpoints as runtimeBreakpoints, radius as runtimeRadius, spacing as runtimeSpacing, screens, searchInputBorderRadius, semanticColorTokenSteps, shadow01, shadow02, shadow03, shadow04, shadow05, spacing$1 as spacing, steps, textComponents, textTransformButton, textTransformH6, textTransformLabelMini, themePlugin, tinycolor, widthDense, widthPage, wrapOpacity, wrapVar, wrapVarRgb, wrapVariableOpacity };
|
|
516
620
|
//# sourceMappingURL=index.d.cts.map
|
package/index.d.cts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.cts","names":[],"sources":["../src/tailwind/colors.ts","../src/tailwind/screens.ts","../src/tailwind/spacing.ts","../src/tailwind/fontFamily.ts","../src/tailwind/text.ts","../src/tailwind/cssVars.ts","../src/utils/wrapVar.ts","../src/utils/color.ts","../src/themes/semanticColorTokenSteps.ts","../src/themes/runtime/buildTheme.ts","../src/themes/runtime/basketballTraining.ts","../src/themes/runtime/professionalBrand.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.cts","names":[],"sources":["../src/tailwind/animation.ts","../src/tailwind/reducedMotion.ts","../src/tailwind/colors.ts","../src/tailwind/screens.ts","../src/tailwind/spacing.ts","../src/tailwind/fontFamily.ts","../src/tailwind/text.ts","../src/tailwind/cssVars.ts","../src/utils/wrapVar.ts","../src/utils/color.ts","../src/themes/semanticColorTokenSteps.ts","../src/themes/runtime/buildTheme.ts","../src/themes/runtime/basketballTraining.ts","../src/themes/runtime/professionalBrand.ts","../src/themes/runtime/everydayHarbor.ts"],"mappings":"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"}
|
package/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { themePlugin } from "./tailwind/plugin.mjs";
|
|
2
|
-
import { a as
|
|
2
|
+
import { a as brands, i as brandRegistry, n as BrandRegistryEntry, o as brandsToCSS, r as Brands, t as BrandCanvas } from "./brands-CE0wIkKX.mjs";
|
|
3
3
|
import { CleanTheme, Theme, TypographySpec } from "./themes/themeType.mjs";
|
|
4
4
|
import { breakpoints, radius, spacing, width } from "./themes/common.mjs";
|
|
5
5
|
import { allThemes } from "./allThemes.mjs";
|
|
@@ -7,6 +7,104 @@ import { defaultTheme } from "./themes/runtime/default.mjs";
|
|
|
7
7
|
import { cn } from "./cn.mjs";
|
|
8
8
|
import tinycolor from "tinycolor2";
|
|
9
9
|
|
|
10
|
+
//#region src/tailwind/animation.d.ts
|
|
11
|
+
/**
|
|
12
|
+
* Animation registry for the theme system
|
|
13
|
+
*
|
|
14
|
+
* The `animate-*` utilities this library registers, extracted from `plugin.ts` so the
|
|
15
|
+
* reduced-motion policy can be checked against them (see `./reducedMotion`). These sit under
|
|
16
|
+
* `theme.extend`, so Tailwind's own defaults (`spin`, `ping`, `pulse`, `bounce`, `none`) survive
|
|
17
|
+
* alongside them — the resolved registry is this object layered over `defaultTheme.animation`,
|
|
18
|
+
* and the policy must cover both.
|
|
19
|
+
*
|
|
20
|
+
* Keyframes stay in `plugin.ts` next to the `addBase` block that emits some of them.
|
|
21
|
+
*/
|
|
22
|
+
declare const animation: {
|
|
23
|
+
fadeIn: string;
|
|
24
|
+
fadeInOpacity: string;
|
|
25
|
+
fadeInScaled: string;
|
|
26
|
+
fadeOut: string;
|
|
27
|
+
loading: string;
|
|
28
|
+
'progress-completion': string;
|
|
29
|
+
'progress-icon-fade-in': string;
|
|
30
|
+
'progress-wave': string;
|
|
31
|
+
saveButtonPulse: string;
|
|
32
|
+
saveButtonWiggle: string;
|
|
33
|
+
saveHeartColorFlash: string;
|
|
34
|
+
saveHeartPop: string;
|
|
35
|
+
saveHeartTwirlBloom: string;
|
|
36
|
+
saveLabelShimmer: string;
|
|
37
|
+
slideDown: string;
|
|
38
|
+
slideUp: string;
|
|
39
|
+
};
|
|
40
|
+
//#endregion
|
|
41
|
+
//#region src/tailwind/reducedMotion.d.ts
|
|
42
|
+
/**
|
|
43
|
+
* Reduced-motion policy for the animation registry (DS-95 / audit findings SA-02 + SA-03).
|
|
44
|
+
*
|
|
45
|
+
* Every animation Tailwind resolves for this library — the local `theme.extend.animation`
|
|
46
|
+
* entries *and* Tailwind's own defaults — gets exactly one entry here. `reducedMotion.spec.ts`
|
|
47
|
+
* fails if the two key sets ever diverge, so a new animation cannot ship untriaged.
|
|
48
|
+
*
|
|
49
|
+
* ## Why duration-collapse rather than `animation: none`
|
|
50
|
+
*
|
|
51
|
+
* `animation: none` fires no `animationend`. `Modal/ComposableModal` and
|
|
52
|
+
* `Modal/hooks/useCloseModal` both depend on that event to finish closing — `useCloseModal`
|
|
53
|
+
* clears a 450ms watchdog there that otherwise logs an error and rejects an awaited promise. A
|
|
54
|
+
* naive `none` gate would strand the modal open *for reduced-motion users only*, which is worse
|
|
55
|
+
* than the gap it fixes. Collapsing the duration keeps the event, and keeps `forwards`/`both`
|
|
56
|
+
* fill end-states intact (`slideUp`, `slideDown`, `progress-completion`).
|
|
57
|
+
*
|
|
58
|
+
* ## Why the doubled class selector
|
|
59
|
+
*
|
|
60
|
+
* Tailwind emits `base` before `utilities`. A consumer building with `important: true` gets
|
|
61
|
+
* `!important` utilities too, and two equal-specificity `!important` rules resolve by source
|
|
62
|
+
* order — the utility would win. `.animate-x.animate-x` (0-2-0) beats it on specificity instead,
|
|
63
|
+
* and is inert for everyone else.
|
|
64
|
+
*
|
|
65
|
+
* Two known limitations, both external-consumer only:
|
|
66
|
+
* - `prefix` renames the utility classes (`.tw-animate-*`), which these selectors will not match.
|
|
67
|
+
* - `important: '#selector'` (the selector strategy, not `important: true`) emits
|
|
68
|
+
* `#selector .animate-x` at specificity 0-1-0 *plus* an id — which outranks 0-2-0 regardless
|
|
69
|
+
* of `!important`. The doubled class only defends against `important: true`.
|
|
70
|
+
*
|
|
71
|
+
* Components in this repo hardcode unprefixed class strings and no in-repo config sets either
|
|
72
|
+
* option, so neither affects this monorepo.
|
|
73
|
+
*/
|
|
74
|
+
type ReducedMotionTier = /** Collapse to ~1ms under reduce. The animation still runs, so `animationend` still fires. */'instant' /** Left alone — infinite indeterminate status indicators, where stopping removes feedback. */ | 'retain' /** Not an animation (`animate-none` is the absence utility). */ | 'n/a';
|
|
75
|
+
/**
|
|
76
|
+
* `selectors` is only meaningful on `instant` entries — nothing is emitted for `retain`/`n/a`,
|
|
77
|
+
* so allowing it there would let a future entry declare a selector that silently does nothing.
|
|
78
|
+
* The union makes that a type error rather than a quiet no-op.
|
|
79
|
+
*/
|
|
80
|
+
type ReducedMotionPolicyEntry = {
|
|
81
|
+
/** Why this tier was chosen. Asserted non-empty, so every entry carries a justification. */reason: string;
|
|
82
|
+
/**
|
|
83
|
+
* Extra selectors for animations applied through a component class rather than an
|
|
84
|
+
* `animate-*` utility. Emitted verbatim, so they are written at full specificity.
|
|
85
|
+
*/
|
|
86
|
+
selectors?: readonly string[];
|
|
87
|
+
tier: 'instant';
|
|
88
|
+
} | {
|
|
89
|
+
reason: string;
|
|
90
|
+
selectors?: never;
|
|
91
|
+
tier: 'n/a' | 'retain';
|
|
92
|
+
};
|
|
93
|
+
declare const REDUCED_MOTION_POLICY: Record<string, ReducedMotionPolicyEntry>;
|
|
94
|
+
/**
|
|
95
|
+
* Builds the `@media (prefers-reduced-motion: reduce)` block for `addBase`.
|
|
96
|
+
*
|
|
97
|
+
* Emitted from `addBase` rather than `addComponents` deliberately: `addComponents` is subject to
|
|
98
|
+
* caching discrepancies in this monorepo's Storybook build that stop newly added rules landing.
|
|
99
|
+
*/
|
|
100
|
+
declare const buildReducedMotionBase: () => {
|
|
101
|
+
"@media (prefers-reduced-motion: reduce)": Record<string, {
|
|
102
|
+
'animation-delay': string;
|
|
103
|
+
'animation-duration': string;
|
|
104
|
+
'animation-iteration-count': string;
|
|
105
|
+
}>;
|
|
106
|
+
};
|
|
107
|
+
//#endregion
|
|
10
108
|
//#region src/tailwind/colors.d.ts
|
|
11
109
|
/**
|
|
12
110
|
* Color configuration for Tailwind CSS
|
|
@@ -495,8 +593,11 @@ declare const colorStepArrayToObject: (colorStepArray: string[]) => StepObject;
|
|
|
495
593
|
/**
|
|
496
594
|
* Maps each semantic color token (e.g. `text-critical`) to the core palette step
|
|
497
595
|
* it resolves to (e.g. `critical-500`), parsed from the Default brand's
|
|
498
|
-
* `nonColorVariables`. The semantic → step mapping is identical across
|
|
499
|
-
* (only the core hex values differ per brand), so Default is canonical.
|
|
596
|
+
* `nonColorVariables`. The semantic → step mapping is identical across the paper
|
|
597
|
+
* brands (only the core hex values differ per brand), so Default is canonical.
|
|
598
|
+
* Ink brands reuse this map on reversed ramps and rebind a handful of tokens
|
|
599
|
+
* (EverydayHarbor: `everydayHarborOverrides`), so this table describes Default and
|
|
600
|
+
* is not valid for them.
|
|
500
601
|
*
|
|
501
602
|
* Single source of truth for docs/tooling that need to show which step a semantic
|
|
502
603
|
* token points at — derive from this rather than hand-maintaining a duplicate table.
|
|
@@ -512,5 +613,8 @@ declare const basketballTrainingTheme: Theme;
|
|
|
512
613
|
//#region src/themes/runtime/professionalBrand.d.ts
|
|
513
614
|
declare const professionalBrandTheme: Theme;
|
|
514
615
|
//#endregion
|
|
515
|
-
|
|
616
|
+
//#region src/themes/runtime/everydayHarbor.d.ts
|
|
617
|
+
declare const everydayHarborTheme: Theme;
|
|
618
|
+
//#endregion
|
|
619
|
+
export { BackgroundColorAliases, BorderColorAliases, BrandCanvas, BrandRegistryEntry, Brands, CleanTheme, ColorAliases, FocusColorAliases, IconColorAliases, LinkColorAliases, REDUCED_MOTION_POLICY, ReducedMotionPolicyEntry, ReducedMotionTier, StepObject, Steps, TextColorAliases, Theme, TypographySpec, allThemes, animation, basketballTrainingTheme, brandRegistry, brands, brandsToCSS, buildReducedMotionBase, buildRuntimeTheme, buttonBorderRadius, checkboxBorderRadius, cn, colorBackgroundCriticalDark, colorBackgroundCriticalLight, colorBackgroundDisabled, colorBackgroundHover, colorBackgroundHoverInverse, colorBackgroundInfoDark, colorBackgroundInfoLight, colorBackgroundInverse, colorBackgroundOverlay, colorBackgroundPressed, colorBackgroundPressedInverse, colorBackgroundPrimary, colorBackgroundSecondary, colorBackgroundSubdued, colorBackgroundSuccessDark, colorBackgroundSuccessLight, colorBackgroundTertiary, colorBackgroundWarningDark, colorBackgroundWarningLight, colorBorderBlack, colorBorderCritical, colorBorderDisabled, colorBorderHover, colorBorderInfo, colorBorderInverse, colorBorderPrimary, colorBorderSecondary, colorBorderSelected, colorBorderSuccess, colorBorderTertiary, colorBorderWarning, colorCritical100, colorCritical200, colorCritical300, colorCritical400, colorCritical50, colorCritical500, colorCritical600, colorCritical700, colorCritical800, colorCritical900, colorFocusInverse, colorFocusPrimary, colorIconCritical, colorIconDisabled, colorIconInfo, colorIconInverse, colorIconPrimary, colorIconSecondary, colorIconSuccess, colorIconWarning, colorInfo100, colorInfo200, colorInfo300, colorInfo400, colorInfo50, colorInfo500, colorInfo600, colorInfo700, colorInfo800, colorInfo900, colorLinkDisabled, colorLinkHover, colorLinkInverse, colorLinkInverseDisabled, colorLinkInverseHover, colorLinkInversePressed, colorLinkMonochrome, colorLinkPressed, colorLinkPrimary, colorLinkSecondary, colorPrimary100, colorPrimary200, colorPrimary300, colorPrimary400, colorPrimary50, colorPrimary500, colorPrimary600, colorPrimary700, colorPrimary800, colorPrimary900, colorSecondary100, colorSecondary200, colorSecondary300, colorSecondary400, colorSecondary50, colorSecondary500, colorSecondary600, colorSecondary700, colorSecondary800, colorSecondary900, colorStepArrayToObject, colorSuccess100, colorSuccess200, colorSuccess300, colorSuccess400, colorSuccess50, colorSuccess500, colorSuccess600, colorSuccess700, colorSuccess800, colorSuccess900, colorSurface100, colorSurface200, colorSurface300, colorSurface400, colorSurface50, colorSurface500, colorSurface600, colorSurface700, colorSurface800, colorSurface900, colorTertiary100, colorTertiary200, colorTertiary300, colorTertiary400, colorTertiary50, colorTertiary500, colorTertiary600, colorTertiary700, colorTertiary800, colorTertiary900, colorTextCritical, colorTextDisabled, colorTextInactive, colorTextInfo, colorTextInverse, colorTextPrimary, colorTextSecondary, colorTextSuccess, colorTextWarning, colorWarning100, colorWarning200, colorWarning300, colorWarning400, colorWarning50, colorWarning500, colorWarning600, colorWarning700, colorWarning800, colorWarning900, colors, containerBorderRadius, darken, defaultTheme, everydayHarborTheme, fontFamily, fontFamilyPrimary, fontFamilySecondary, fontSizeButton100, fontSizeButton200, fontWeightBodyPrimary, fontWeightBodySecondary, fontWeightButton, fontWeightCaption, fontWeightH1, fontWeightH2, fontWeightH3, fontWeightH4, fontWeightH5, fontWeightH6, fontWeightLabelMini, fontWeightLabelStrong, generateNormalColorSteps, generateSurfaceColorSteps, inputBorderRadius, letterSpacingBodyPrimary, letterSpacingBodySecondary, letterSpacingButton, letterSpacingCaption, letterSpacingH1, letterSpacingH1Mobile, letterSpacingH2, letterSpacingH2Mobile, letterSpacingH3, letterSpacingH3Mobile, letterSpacingH4, letterSpacingH5, letterSpacingH6, letterSpacingLabelMini, letterSpacingLabelStrong, lighten, professionalBrandTheme, width as runtimeBorderWidth, breakpoints as runtimeBreakpoints, radius as runtimeRadius, spacing as runtimeSpacing, screens, searchInputBorderRadius, semanticColorTokenSteps, shadow01, shadow02, shadow03, shadow04, shadow05, spacing$1 as spacing, steps, textComponents, textTransformButton, textTransformH6, textTransformLabelMini, themePlugin, tinycolor, widthDense, widthPage, wrapOpacity, wrapVar, wrapVarRgb, wrapVariableOpacity };
|
|
516
620
|
//# sourceMappingURL=index.d.mts.map
|
package/index.d.mts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.mts","names":[],"sources":["../src/tailwind/colors.ts","../src/tailwind/screens.ts","../src/tailwind/spacing.ts","../src/tailwind/fontFamily.ts","../src/tailwind/text.ts","../src/tailwind/cssVars.ts","../src/utils/wrapVar.ts","../src/utils/color.ts","../src/themes/semanticColorTokenSteps.ts","../src/themes/runtime/buildTheme.ts","../src/themes/runtime/basketballTraining.ts","../src/themes/runtime/professionalBrand.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.mts","names":[],"sources":["../src/tailwind/animation.ts","../src/tailwind/reducedMotion.ts","../src/tailwind/colors.ts","../src/tailwind/screens.ts","../src/tailwind/spacing.ts","../src/tailwind/fontFamily.ts","../src/tailwind/text.ts","../src/tailwind/cssVars.ts","../src/utils/wrapVar.ts","../src/utils/color.ts","../src/themes/semanticColorTokenSteps.ts","../src/themes/runtime/buildTheme.ts","../src/themes/runtime/basketballTraining.ts","../src/themes/runtime/professionalBrand.ts","../src/themes/runtime/everydayHarbor.ts"],"mappings":"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"}
|
package/index.mjs
CHANGED
|
@@ -1,18 +1,21 @@
|
|
|
1
|
-
import { a as darken, c as lighten, i as colorStepArrayToObject, l as steps, n as buildRuntimeTheme, o as generateNormalColorSteps, r as nonColorVariables, s as generateSurfaceColorSteps, t as defaultTheme, u as tinycolor } from "./default-
|
|
1
|
+
import { a as darken, c as lighten, i as colorStepArrayToObject, l as steps, n as buildRuntimeTheme, o as generateNormalColorSteps, r as nonColorVariables, s as generateSurfaceColorSteps, t as defaultTheme, u as tinycolor } from "./default-BogJDhKE.mjs";
|
|
2
|
+
import { a as themePlugin, c as buildReducedMotionBase, l as colors, o as textComponents, s as REDUCED_MOTION_POLICY, u as animation } from "./plugin-D6aLCeNB.mjs";
|
|
2
3
|
import { $ as colorIconPrimary, $n as fontWeightLabelMini, $t as colorSurface100, A as colorBorderInverse, An as colorWarning300, Ar as wrapVarRgb, At as colorPrimary700, B as colorCritical400, Bn as fontFamilySecondary, Bt as colorSecondary700, C as colorBackgroundWarningDark, Cn as colorTextInverse, Cr as textTransformButton, Ct as colorPrimary100, D as colorBorderDisabled, Dn as colorTextWarning, Dr as widthPage, Dt as colorPrimary50, E as colorBorderCritical, En as colorTextSuccess, Er as widthDense, Et as colorPrimary400, F as colorBorderTertiary, Fn as colorWarning700, Ft as colorSecondary300, G as colorCritical800, Gn as fontWeightButton, Gt as colorSuccess300, H as colorCritical500, Hn as fontSizeButton200, Ht as colorSecondary900, I as colorBorderWarning, In as colorWarning800, It as colorSecondary400, J as colorFocusPrimary, Jn as fontWeightH2, Jt as colorSuccess500, K as colorCritical900, Kn as fontWeightCaption, Kt as colorSuccess400, L as colorCritical100, Ln as colorWarning900, Lt as colorSecondary50, M as colorBorderSecondary, Mn as colorWarning50, Mt as colorPrimary900, N as colorBorderSelected, Nn as colorWarning500, Nt as colorSecondary100, O as colorBorderHover, On as colorWarning100, Or as wrapOpacity, Ot as colorPrimary500, P as colorBorderSuccess, Pn as colorWarning600, Pt as colorSecondary200, Q as colorIconInverse, Qn as fontWeightH6, Qt as colorSuccess900, R as colorCritical200, Rn as containerBorderRadius, Rt as colorSecondary500, S as colorBackgroundTertiary, Sn as colorTextInfo, Sr as shadow05, St as colorLinkSecondary, T as colorBorderBlack, Tn as colorTextSecondary, Tr as textTransformLabelMini, Tt as colorPrimary300, U as colorCritical600, Un as fontWeightBodyPrimary, Ut as colorSuccess100, V as colorCritical50, Vn as fontSizeButton100, Vt as colorSecondary800, W as colorCritical700, Wn as fontWeightBodySecondary, Wt as colorSuccess200, X as colorIconDisabled, Xn as fontWeightH4, Xt as colorSuccess700, Y as colorIconCritical, Yn as fontWeightH3, Yt as colorSuccess600, Z as colorIconInfo, Zn as fontWeightH5, Zt as colorSuccess800, _ as colorBackgroundPrimary, _n as colorTertiary800, _r as searchInputBorderRadius, _t as colorLinkInverseHover, a as checkboxBorderRadius, an as colorSurface600, ar as letterSpacingCaption, at as colorInfo300, b as colorBackgroundSuccessDark, bn as colorTextDisabled, br as shadow03, bt as colorLinkPressed, c as colorBackgroundDisabled, cn as colorSurface900, cr as letterSpacingH2, ct as colorInfo500, d as colorBackgroundInfoDark, dn as colorTertiary300, dr as letterSpacingH3Mobile, dt as colorInfo800, en as colorSurface200, er as fontWeightLabelStrong, et as colorIconSecondary, f as colorBackgroundInfoLight, fn as colorTertiary400, fr as letterSpacingH4, ft as colorInfo900, g as colorBackgroundPressedInverse, gn as colorTertiary700, gr as letterSpacingLabelStrong, gt as colorLinkInverseDisabled, h as colorBackgroundPressed, hn as colorTertiary600, hr as letterSpacingLabelMini, ht as colorLinkInverse, i as buttonBorderRadius, in as colorSurface500, ir as letterSpacingButton, it as colorInfo200, j as colorBorderPrimary, jn as colorWarning400, jr as wrapVariableOpacity, jt as colorPrimary800, k as colorBorderInfo, kn as colorWarning200, kr as wrapVar, kt as colorPrimary600, l as colorBackgroundHover, ln as colorTertiary100, lr as letterSpacingH2Mobile, lt as colorInfo600, m as colorBackgroundOverlay, mn as colorTertiary500, mr as letterSpacingH6, mt as colorLinkHover, n as screens, nn as colorSurface400, nr as letterSpacingBodyPrimary, nt as colorIconWarning, o as colorBackgroundCriticalDark, on as colorSurface700, or as letterSpacingH1, ot as colorInfo400, p as colorBackgroundInverse, pn as colorTertiary50, pr as letterSpacingH5, pt as colorLinkDisabled, q as colorFocusInverse, qn as fontWeightH1, qt as colorSuccess50, rn as colorSurface50, rr as letterSpacingBodySecondary, rt as colorInfo100, s as colorBackgroundCriticalLight, sn as colorSurface800, sr as letterSpacingH1Mobile, st as colorInfo50, t as spacing$1, tn as colorSurface300, tr as inputBorderRadius, tt as colorIconSuccess, u as colorBackgroundHoverInverse, un as colorTertiary200, ur as letterSpacingH3, ut as colorInfo700, v as colorBackgroundSecondary, vn as colorTertiary900, vr as shadow01, vt as colorLinkInversePressed, w as colorBackgroundWarningLight, wn as colorTextPrimary, wr as textTransformH6, wt as colorPrimary200, x as colorBackgroundSuccessLight, xn as colorTextInactive, xr as shadow04, xt as colorLinkPrimary, y as colorBackgroundSubdued, yn as colorTextCritical, yr as shadow02, yt as colorLinkMonochrome, z as colorCritical300, zn as fontFamilyPrimary, zt as colorSecondary600 } from "./spacing-D43IZfIU.mjs";
|
|
3
4
|
import { t as fontFamily } from "./fontFamily-DTm-Yz5-.mjs";
|
|
4
|
-
import { n as textComponents, r as colors, t as themePlugin } from "./plugin-D4eCyUJe.mjs";
|
|
5
5
|
import { brandRegistry, brands, brandsToCSS } from "./brands.mjs";
|
|
6
6
|
import "./themes/themeType.mjs";
|
|
7
7
|
import { breakpoints, radius, spacing, width } from "./themes/common.mjs";
|
|
8
|
-
import { n as professionalBrandTheme, r as
|
|
8
|
+
import { i as basketballTrainingTheme, n as professionalBrandTheme, r as everydayHarborTheme, t as allThemes } from "./allThemes-Abn6KDm7.mjs";
|
|
9
9
|
import { cn } from "./cn.mjs";
|
|
10
10
|
//#region src/themes/semanticColorTokenSteps.ts
|
|
11
11
|
/**
|
|
12
12
|
* Maps each semantic color token (e.g. `text-critical`) to the core palette step
|
|
13
13
|
* it resolves to (e.g. `critical-500`), parsed from the Default brand's
|
|
14
|
-
* `nonColorVariables`. The semantic → step mapping is identical across
|
|
15
|
-
* (only the core hex values differ per brand), so Default is canonical.
|
|
14
|
+
* `nonColorVariables`. The semantic → step mapping is identical across the paper
|
|
15
|
+
* brands (only the core hex values differ per brand), so Default is canonical.
|
|
16
|
+
* Ink brands reuse this map on reversed ramps and rebind a handful of tokens
|
|
17
|
+
* (EverydayHarbor: `everydayHarborOverrides`), so this table describes Default and
|
|
18
|
+
* is not valid for them.
|
|
16
19
|
*
|
|
17
20
|
* Single source of truth for docs/tooling that need to show which step a semantic
|
|
18
21
|
* token points at — derive from this rather than hand-maintaining a duplicate table.
|
|
@@ -23,6 +26,6 @@ const semanticColorTokenSteps = Object.fromEntries(Object.entries(nonColorVariab
|
|
|
23
26
|
return match ? [[key.slice(8), match[1]]] : [];
|
|
24
27
|
}));
|
|
25
28
|
//#endregion
|
|
26
|
-
export { allThemes, basketballTrainingTheme, brandRegistry, brands, brandsToCSS, buildRuntimeTheme, buttonBorderRadius, checkboxBorderRadius, cn, colorBackgroundCriticalDark, colorBackgroundCriticalLight, colorBackgroundDisabled, colorBackgroundHover, colorBackgroundHoverInverse, colorBackgroundInfoDark, colorBackgroundInfoLight, colorBackgroundInverse, colorBackgroundOverlay, colorBackgroundPressed, colorBackgroundPressedInverse, colorBackgroundPrimary, colorBackgroundSecondary, colorBackgroundSubdued, colorBackgroundSuccessDark, colorBackgroundSuccessLight, colorBackgroundTertiary, colorBackgroundWarningDark, colorBackgroundWarningLight, colorBorderBlack, colorBorderCritical, colorBorderDisabled, colorBorderHover, colorBorderInfo, colorBorderInverse, colorBorderPrimary, colorBorderSecondary, colorBorderSelected, colorBorderSuccess, colorBorderTertiary, colorBorderWarning, colorCritical100, colorCritical200, colorCritical300, colorCritical400, colorCritical50, colorCritical500, colorCritical600, colorCritical700, colorCritical800, colorCritical900, colorFocusInverse, colorFocusPrimary, colorIconCritical, colorIconDisabled, colorIconInfo, colorIconInverse, colorIconPrimary, colorIconSecondary, colorIconSuccess, colorIconWarning, colorInfo100, colorInfo200, colorInfo300, colorInfo400, colorInfo50, colorInfo500, colorInfo600, colorInfo700, colorInfo800, colorInfo900, colorLinkDisabled, colorLinkHover, colorLinkInverse, colorLinkInverseDisabled, colorLinkInverseHover, colorLinkInversePressed, colorLinkMonochrome, colorLinkPressed, colorLinkPrimary, colorLinkSecondary, colorPrimary100, colorPrimary200, colorPrimary300, colorPrimary400, colorPrimary50, colorPrimary500, colorPrimary600, colorPrimary700, colorPrimary800, colorPrimary900, colorSecondary100, colorSecondary200, colorSecondary300, colorSecondary400, colorSecondary50, colorSecondary500, colorSecondary600, colorSecondary700, colorSecondary800, colorSecondary900, colorStepArrayToObject, colorSuccess100, colorSuccess200, colorSuccess300, colorSuccess400, colorSuccess50, colorSuccess500, colorSuccess600, colorSuccess700, colorSuccess800, colorSuccess900, colorSurface100, colorSurface200, colorSurface300, colorSurface400, colorSurface50, colorSurface500, colorSurface600, colorSurface700, colorSurface800, colorSurface900, colorTertiary100, colorTertiary200, colorTertiary300, colorTertiary400, colorTertiary50, colorTertiary500, colorTertiary600, colorTertiary700, colorTertiary800, colorTertiary900, colorTextCritical, colorTextDisabled, colorTextInactive, colorTextInfo, colorTextInverse, colorTextPrimary, colorTextSecondary, colorTextSuccess, colorTextWarning, colorWarning100, colorWarning200, colorWarning300, colorWarning400, colorWarning50, colorWarning500, colorWarning600, colorWarning700, colorWarning800, colorWarning900, colors, containerBorderRadius, darken, defaultTheme, fontFamily, fontFamilyPrimary, fontFamilySecondary, fontSizeButton100, fontSizeButton200, fontWeightBodyPrimary, fontWeightBodySecondary, fontWeightButton, fontWeightCaption, fontWeightH1, fontWeightH2, fontWeightH3, fontWeightH4, fontWeightH5, fontWeightH6, fontWeightLabelMini, fontWeightLabelStrong, generateNormalColorSteps, generateSurfaceColorSteps, inputBorderRadius, letterSpacingBodyPrimary, letterSpacingBodySecondary, letterSpacingButton, letterSpacingCaption, letterSpacingH1, letterSpacingH1Mobile, letterSpacingH2, letterSpacingH2Mobile, letterSpacingH3, letterSpacingH3Mobile, letterSpacingH4, letterSpacingH5, letterSpacingH6, letterSpacingLabelMini, letterSpacingLabelStrong, lighten, professionalBrandTheme, width as runtimeBorderWidth, breakpoints as runtimeBreakpoints, radius as runtimeRadius, spacing as runtimeSpacing, screens, searchInputBorderRadius, semanticColorTokenSteps, shadow01, shadow02, shadow03, shadow04, shadow05, spacing$1 as spacing, steps, textComponents, textTransformButton, textTransformH6, textTransformLabelMini, themePlugin, tinycolor, widthDense, widthPage, wrapOpacity, wrapVar, wrapVarRgb, wrapVariableOpacity };
|
|
29
|
+
export { REDUCED_MOTION_POLICY, allThemes, animation, basketballTrainingTheme, brandRegistry, brands, brandsToCSS, buildReducedMotionBase, buildRuntimeTheme, buttonBorderRadius, checkboxBorderRadius, cn, colorBackgroundCriticalDark, colorBackgroundCriticalLight, colorBackgroundDisabled, colorBackgroundHover, colorBackgroundHoverInverse, colorBackgroundInfoDark, colorBackgroundInfoLight, colorBackgroundInverse, colorBackgroundOverlay, colorBackgroundPressed, colorBackgroundPressedInverse, colorBackgroundPrimary, colorBackgroundSecondary, colorBackgroundSubdued, colorBackgroundSuccessDark, colorBackgroundSuccessLight, colorBackgroundTertiary, colorBackgroundWarningDark, colorBackgroundWarningLight, colorBorderBlack, colorBorderCritical, colorBorderDisabled, colorBorderHover, colorBorderInfo, colorBorderInverse, colorBorderPrimary, colorBorderSecondary, colorBorderSelected, colorBorderSuccess, colorBorderTertiary, colorBorderWarning, colorCritical100, colorCritical200, colorCritical300, colorCritical400, colorCritical50, colorCritical500, colorCritical600, colorCritical700, colorCritical800, colorCritical900, colorFocusInverse, colorFocusPrimary, colorIconCritical, colorIconDisabled, colorIconInfo, colorIconInverse, colorIconPrimary, colorIconSecondary, colorIconSuccess, colorIconWarning, colorInfo100, colorInfo200, colorInfo300, colorInfo400, colorInfo50, colorInfo500, colorInfo600, colorInfo700, colorInfo800, colorInfo900, colorLinkDisabled, colorLinkHover, colorLinkInverse, colorLinkInverseDisabled, colorLinkInverseHover, colorLinkInversePressed, colorLinkMonochrome, colorLinkPressed, colorLinkPrimary, colorLinkSecondary, colorPrimary100, colorPrimary200, colorPrimary300, colorPrimary400, colorPrimary50, colorPrimary500, colorPrimary600, colorPrimary700, colorPrimary800, colorPrimary900, colorSecondary100, colorSecondary200, colorSecondary300, colorSecondary400, colorSecondary50, colorSecondary500, colorSecondary600, colorSecondary700, colorSecondary800, colorSecondary900, colorStepArrayToObject, colorSuccess100, colorSuccess200, colorSuccess300, colorSuccess400, colorSuccess50, colorSuccess500, colorSuccess600, colorSuccess700, colorSuccess800, colorSuccess900, colorSurface100, colorSurface200, colorSurface300, colorSurface400, colorSurface50, colorSurface500, colorSurface600, colorSurface700, colorSurface800, colorSurface900, colorTertiary100, colorTertiary200, colorTertiary300, colorTertiary400, colorTertiary50, colorTertiary500, colorTertiary600, colorTertiary700, colorTertiary800, colorTertiary900, colorTextCritical, colorTextDisabled, colorTextInactive, colorTextInfo, colorTextInverse, colorTextPrimary, colorTextSecondary, colorTextSuccess, colorTextWarning, colorWarning100, colorWarning200, colorWarning300, colorWarning400, colorWarning50, colorWarning500, colorWarning600, colorWarning700, colorWarning800, colorWarning900, colors, containerBorderRadius, darken, defaultTheme, everydayHarborTheme, fontFamily, fontFamilyPrimary, fontFamilySecondary, fontSizeButton100, fontSizeButton200, fontWeightBodyPrimary, fontWeightBodySecondary, fontWeightButton, fontWeightCaption, fontWeightH1, fontWeightH2, fontWeightH3, fontWeightH4, fontWeightH5, fontWeightH6, fontWeightLabelMini, fontWeightLabelStrong, generateNormalColorSteps, generateSurfaceColorSteps, inputBorderRadius, letterSpacingBodyPrimary, letterSpacingBodySecondary, letterSpacingButton, letterSpacingCaption, letterSpacingH1, letterSpacingH1Mobile, letterSpacingH2, letterSpacingH2Mobile, letterSpacingH3, letterSpacingH3Mobile, letterSpacingH4, letterSpacingH5, letterSpacingH6, letterSpacingLabelMini, letterSpacingLabelStrong, lighten, professionalBrandTheme, width as runtimeBorderWidth, breakpoints as runtimeBreakpoints, radius as runtimeRadius, spacing as runtimeSpacing, screens, searchInputBorderRadius, semanticColorTokenSteps, shadow01, shadow02, shadow03, shadow04, shadow05, spacing$1 as spacing, steps, textComponents, textTransformButton, textTransformH6, textTransformLabelMini, themePlugin, tinycolor, widthDense, widthPage, wrapOpacity, wrapVar, wrapVarRgb, wrapVariableOpacity };
|
|
27
30
|
|
|
28
31
|
//# sourceMappingURL=index.mjs.map
|
package/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../src/themes/semanticColorTokenSteps.ts"],"sourcesContent":["import { nonColorVariables } from './Default';\n\n/**\n * Maps each semantic color token (e.g. `text-critical`) to the core palette step\n * it resolves to (e.g. `critical-500`), parsed from the Default brand's\n * `nonColorVariables`. The semantic → step mapping is identical across
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../src/themes/semanticColorTokenSteps.ts"],"sourcesContent":["import { nonColorVariables } from './Default';\n\n/**\n * Maps each semantic color token (e.g. `text-critical`) to the core palette step\n * it resolves to (e.g. `critical-500`), parsed from the Default brand's\n * `nonColorVariables`. The semantic → step mapping is identical across the paper\n * brands (only the core hex values differ per brand), so Default is canonical.\n * Ink brands reuse this map on reversed ramps and rebind a handful of tokens\n * (EverydayHarbor: `everydayHarborOverrides`), so this table describes Default and\n * is not valid for them.\n *\n * Single source of truth for docs/tooling that need to show which step a semantic\n * token points at — derive from this rather than hand-maintaining a duplicate table.\n */\nexport const semanticColorTokenSteps: Record<string, string> = Object.fromEntries(\n Object.entries(nonColorVariables).flatMap(([key, value]) => {\n if (!key.startsWith('--color-')) {\n return [];\n }\n const match = /^var\\(--color-(.+)\\)$/.exec(value);\n return match ? [[key.slice('--color-'.length), match[1]]] : [];\n })\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,MAAa,0BAAkD,OAAO,YAClE,OAAO,QAAQ,iBAAiB,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;CACxD,IAAI,CAAC,IAAI,WAAW,UAAU,GAC1B,OAAO,CAAC;CAEZ,MAAM,QAAQ,wBAAwB,KAAK,KAAK;CAChD,OAAO,QAAQ,CAAC,CAAC,IAAI,MAAM,CAAiB,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC;AACjE,CAAC,CACL"}
|
package/package.json
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"tailwindcss": ">=3"
|
|
11
11
|
},
|
|
12
12
|
"sideEffects": false,
|
|
13
|
-
"version": "1.
|
|
13
|
+
"version": "1.2.0",
|
|
14
14
|
"repository": {
|
|
15
15
|
"type": "git",
|
|
16
16
|
"url": "git+https://github.com/dbarrett24/evolve-ui.git",
|
|
@@ -49,6 +49,10 @@
|
|
|
49
49
|
"./css/BasketballTraining.css": "./css/BasketballTraining.css",
|
|
50
50
|
"./css/Default": "./css/Default.css",
|
|
51
51
|
"./css/Default.css": "./css/Default.css",
|
|
52
|
+
"./css/EverydayHarbor": "./css/EverydayHarbor.css",
|
|
53
|
+
"./css/EverydayHarbor.css": "./css/EverydayHarbor.css",
|
|
54
|
+
"./css/EverydayHarbor.effects": "./css/EverydayHarbor.effects.css",
|
|
55
|
+
"./css/EverydayHarbor.effects.css": "./css/EverydayHarbor.effects.css",
|
|
52
56
|
"./css/ProfessionalBrand": "./css/ProfessionalBrand.css",
|
|
53
57
|
"./css/ProfessionalBrand.css": "./css/ProfessionalBrand.css"
|
|
54
58
|
}
|