@oxyhq/bloom 1.0.1 → 1.0.3
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/docs/button.mdx +19 -17
- package/docs/design-tokens.mdx +12 -10
- package/lib/commonjs/design-tokens/color-roles.js +21 -1
- package/lib/commonjs/design-tokens/color-roles.js.map +1 -1
- package/lib/commonjs/design-tokens/index.js +6 -0
- package/lib/commonjs/design-tokens/index.js.map +1 -1
- package/lib/commonjs/design-tokens/tailwind-preset.js +3 -1
- package/lib/commonjs/design-tokens/tailwind-preset.js.map +1 -1
- package/lib/commonjs/design-tokens/theme-css.js +1 -0
- package/lib/commonjs/design-tokens/theme-css.js.map +1 -1
- package/lib/commonjs/design-tokens/theme.css +3 -0
- package/lib/commonjs/design-tokens/tokens.json +11040 -0
- package/lib/commonjs/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/index.web.js +7 -0
- package/lib/commonjs/index.web.js.map +1 -1
- package/lib/commonjs/theme/color-policy.js +1 -1
- package/lib/commonjs/theme/color-presets.js +331 -1
- package/lib/commonjs/theme/color-presets.js.map +1 -1
- package/lib/commonjs/theme/color-scope/seed-scope.js +1 -0
- package/lib/commonjs/theme/color-scope/seed-scope.js.map +1 -1
- package/lib/commonjs/theme/glass-colors.js +22 -19
- package/lib/commonjs/theme/glass-colors.js.map +1 -1
- package/lib/module/design-tokens/color-roles.js +20 -0
- package/lib/module/design-tokens/color-roles.js.map +1 -1
- package/lib/module/design-tokens/index.js +2 -2
- package/lib/module/design-tokens/index.js.map +1 -1
- package/lib/module/design-tokens/tailwind-preset.js +4 -2
- package/lib/module/design-tokens/tailwind-preset.js.map +1 -1
- package/lib/module/design-tokens/theme-css.js +2 -1
- package/lib/module/design-tokens/theme-css.js.map +1 -1
- package/lib/module/design-tokens/theme.css +3 -0
- package/lib/module/design-tokens/tokens.json +11040 -0
- package/lib/module/index.js +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/index.web.js +1 -1
- package/lib/module/index.web.js.map +1 -1
- package/lib/module/theme/color-policy.js +1 -1
- package/lib/module/theme/color-presets.js +331 -1
- package/lib/module/theme/color-presets.js.map +1 -1
- package/lib/module/theme/color-scope/seed-scope.js +2 -1
- package/lib/module/theme/color-scope/seed-scope.js.map +1 -1
- package/lib/module/theme/glass-colors.js +22 -19
- package/lib/module/theme/glass-colors.js.map +1 -1
- package/lib/typescript/commonjs/design-tokens/color-roles.d.ts +20 -0
- package/lib/typescript/commonjs/design-tokens/color-roles.d.ts.map +1 -1
- package/lib/typescript/commonjs/design-tokens/index.d.ts +3 -3
- package/lib/typescript/commonjs/design-tokens/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/design-tokens/tailwind-preset.d.ts.map +1 -1
- package/lib/typescript/commonjs/design-tokens/theme-css.d.ts.map +1 -1
- package/lib/typescript/commonjs/index.d.ts +2 -2
- package/lib/typescript/commonjs/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/index.web.d.ts +2 -2
- package/lib/typescript/commonjs/index.web.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-presets.d.ts +331 -1
- package/lib/typescript/commonjs/theme/color-presets.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-scope/seed-scope.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/glass-colors.d.ts +22 -19
- package/lib/typescript/commonjs/theme/glass-colors.d.ts.map +1 -1
- package/lib/typescript/module/design-tokens/color-roles.d.ts +20 -0
- package/lib/typescript/module/design-tokens/color-roles.d.ts.map +1 -1
- package/lib/typescript/module/design-tokens/index.d.ts +3 -3
- package/lib/typescript/module/design-tokens/index.d.ts.map +1 -1
- package/lib/typescript/module/design-tokens/tailwind-preset.d.ts.map +1 -1
- package/lib/typescript/module/design-tokens/theme-css.d.ts.map +1 -1
- package/lib/typescript/module/index.d.ts +2 -2
- package/lib/typescript/module/index.d.ts.map +1 -1
- package/lib/typescript/module/index.web.d.ts +2 -2
- package/lib/typescript/module/index.web.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-presets.d.ts +331 -1
- package/lib/typescript/module/theme/color-presets.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-scope/seed-scope.d.ts.map +1 -1
- package/lib/typescript/module/theme/glass-colors.d.ts +22 -19
- package/lib/typescript/module/theme/glass-colors.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/design-tokens/color-roles.ts +21 -0
- package/src/design-tokens/index.ts +3 -2
- package/src/design-tokens/tailwind-preset.ts +3 -2
- package/src/design-tokens/theme-css.ts +2 -1
- package/src/design-tokens/theme.css +3 -0
- package/src/design-tokens/tokens.json +11040 -0
- package/src/index.ts +2 -0
- package/src/index.web.ts +2 -0
- package/src/theme/__tests__/__fixtures__/golden-resolved-tokens.json +3600 -0
- package/src/theme/color-policy.ts +1 -1
- package/src/theme/color-presets.ts +361 -1
- package/src/theme/color-scope/seed-scope.ts +2 -1
- package/src/theme/glass-colors.ts +22 -19
package/docs/button.mdx
CHANGED
|
@@ -35,13 +35,13 @@ import { Button } from '@oxyhq/bloom';
|
|
|
35
35
|
|
|
36
36
|
The glass is the sheen, not the wash. What reads as glass is the rim, the vertical gradient and the hairline; the 15% of the backdrop that shows through is a hint of depth, not the effect itself.
|
|
37
37
|
|
|
38
|
-
**One measured cost, stated because it is real.** The 15% bleed moves the pane toward the surface under it, which in light mode means lighter — the one direction a white label cannot afford. Of `primary`'s
|
|
38
|
+
**One measured cost, stated because it is real.** The 15% bleed moves the pane toward the surface under it, which in light mode means lighter — the one direction a white label cannot afford. Of `primary`'s 640 preset × mode × surface combinations, **73 fall below WCAG AA**, in the band 4.17–4.50, all in light mode, on `acid-canopy`, `arctic-signal`, `blue`, `bronze-neon`, `clay-current`, `copper-field`, `electric-tide`, `faircoin`, `green`, `lagoon`, `lavender`, `malachite-rush`, `midnight-citrus`, `mint`, `olive`, `orange`, `pacific-flare`, `pine`, `plum`, `pumpkin`, `reef-pulse`, `rose`, `saffron-depth`, `sky`, `solar-flux`, `viridian-orbit` and `yellow`. Both solid Button fills pass all 1,280 rows; glass `destructive` is also unaffected (0/640, worst 5.32). The alpha at which the failures reach zero remains 0.89.
|
|
39
39
|
|
|
40
|
-
The
|
|
40
|
+
The 1.0.1 catalog remains exactly 38/340, including the original 18-preset oracle at 30/180. The 30 new three-seed combinations contribute 35/300 and do not lower the existing 4.17 floor. These cohorts are asserted independently, so an unchanged total cannot hide a regression moving from one into the other.
|
|
41
41
|
|
|
42
|
-
If your app runs one of those
|
|
42
|
+
If your app runs one of those 27 presets in light mode and needs AA on its primary button, use `variant="inverse"` for that call site, or raise `GLASS_FILL_ALPHA`.
|
|
43
43
|
|
|
44
|
-
Over a retained black/mid-grey/white media sample, **
|
|
44
|
+
Over a retained black/mid-grey/white media sample, **50 of 384** preset × mode × backdrop rows fall below AA, worst 3.61 (`destructive`: 0). The 1.0.1 catalog remains 25/204; the additions contribute 25/180, worst 4.17. That is a sample rather than a promise about arbitrary pixels. If a CTA must be legible over an image, `variant="inverse"` is opaque and backdrop-independent:
|
|
45
45
|
|
|
46
46
|
```tsx
|
|
47
47
|
<Button variant="inverse">Comprar</Button>
|
|
@@ -83,23 +83,25 @@ bun run storybook # the DEV server; the script reads the theme through
|
|
|
83
83
|
node scripts/measure-glass-alpha.mjs --url http://localhost:6006 --image docs/glass-alpha-sweep.png
|
|
84
84
|
```
|
|
85
85
|
|
|
86
|
-

|
|
87
87
|
|
|
88
88
|
Measured in Chrome off painted pixels, with the label removed from the measurement clones so a white glyph cannot be mistaken for backdrop:
|
|
89
89
|
|
|
90
90
|
| alpha | backdrop response | blur delta over a photo (max/mean) | blur delta on a flat page | `primary` rows < AA | `destructive` rows < AA |
|
|
91
91
|
| --- | --- | --- | --- | --- | --- |
|
|
92
|
-
| 0.
|
|
93
|
-
| 0.
|
|
94
|
-
| 0.
|
|
95
|
-
| 0.
|
|
96
|
-
|
|
|
97
|
-
| 0.
|
|
98
|
-
| 0.
|
|
99
|
-
| 0.
|
|
100
|
-
| 0.
|
|
101
|
-
| 0.
|
|
102
|
-
| 0.
|
|
92
|
+
| 0.91 | 23.0 | 11 / 2.9 | 1 | 0 / 640 | 0 / 640 |
|
|
93
|
+
| 0.90 | 25.0 | 12 / 3.1 | 1 | 0 / 640 | 0 / 640 |
|
|
94
|
+
| 0.89 | 28.0 | 13 / 3.5 | 1 | 0 / 640 | 0 / 640 |
|
|
95
|
+
| 0.88 | 31.0 | 15 / 3.8 | 1 | 8 / 640 | 0 / 640 |
|
|
96
|
+
| 0.87 | 33.0 | 16 / 4.0 | 1 | 26 / 640 | 0 / 640 |
|
|
97
|
+
| 0.86 | 36.0 | 17 / 4.4 | 1 | 49 / 640 | 0 / 640 |
|
|
98
|
+
| **0.85** (shipped) | 38.0 | 18 / 4.7 | 1 | 73 / 640 | 0 / 640 |
|
|
99
|
+
| 0.75 | 63.7 | 31 / 7.8 | 1 | 431 / 640 | 128 / 640 |
|
|
100
|
+
| 0.65 | 88.7 | 43 / 10.9 | 1 | 492 / 640 | 640 / 640 |
|
|
101
|
+
| 0.55 | 114.7 | 55 / 14.2 | 1 | 531 / 640 | 640 / 640 |
|
|
102
|
+
| 0.45 | 139.3 | 67 / 17.4 | 0 | 580 / 640 | 640 / 640 |
|
|
103
|
+
| 0.35 | 165.3 | 79 / 20.6 | 1 | 635 / 640 | 640 / 640 |
|
|
104
|
+
| 0.25 | 190.3 | 91 / 23.8 | 1 | 635 / 640 | 640 / 640 |
|
|
103
105
|
|
|
104
106
|
Everything is out of 255. Backdrop response is how far the painted pane moves between a white and a black backdrop — linear in `1 - alpha`, at 25.4 ± 0.7 per 0.10 of alpha. Blur delta is how much the picture changes when the blur is switched off, which is the honest form of "can you see the blur".
|
|
105
107
|
|
|
@@ -107,7 +109,7 @@ Three things the table settles:
|
|
|
107
109
|
|
|
108
110
|
- **On a flat page the blur is worth ~1/255 at every alpha, including 0.25.** There is nothing behind the pane to blur, so lowering the alpha does not make a flat page glassy — it only makes the button paler. That is the whole of the "it doesn't look glassy" complaint, and no alpha fixes it.
|
|
109
111
|
- **Over a photograph the blur is already visible at 0.85** (18/255 peak). Where there is something to see, the shipped material is doing the thing.
|
|
110
|
-
- **Legibility falls off a cliff immediately below 0.85.** One step down takes `primary` from
|
|
112
|
+
- **Legibility falls off a cliff immediately below 0.85.** One step down takes `primary` from 73 to 431 failures and `destructive` from 0 to 128; two steps down puts every one of `destructive`'s 640 rows under AA.
|
|
111
113
|
|
|
112
114
|
So there is no single alpha that both matches the reference and reads as glass on a flat surface. That is a property of the material — a blur needs a backdrop — not a constant nobody has tuned yet. To make a specific surface read as glass, put something behind it.
|
|
113
115
|
|
package/docs/design-tokens.mdx
CHANGED
|
@@ -18,7 +18,7 @@ working.
|
|
|
18
18
|
|
|
19
19
|
## Preset recipes and runtime colour
|
|
20
20
|
|
|
21
|
-
Bloom ships **
|
|
21
|
+
Bloom ships **64 named recipes**, authored once in the type-checked
|
|
22
22
|
`COLOR_PRESET_REGISTRY`. A recipe is not a frozen light/dark token table: it is
|
|
23
23
|
an identity seed, a scheme variant and optionally explicit secondary/tertiary
|
|
24
24
|
seeds. `BloomThemeProvider`, `getResolvedTokens()` and `BloomColorScope` run
|
|
@@ -43,14 +43,16 @@ COLOR_PRESET_FAMILY_REGISTRY[0].displayName; // stable family copy and order
|
|
|
43
43
|
COLOR_PRESET_GROUPS.ocean.presets; // ordered recipes for a picker
|
|
44
44
|
```
|
|
45
45
|
|
|
46
|
-
The
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
46
|
+
The 46 `pairing: 'curated'` recipes pin an intentional action seed. The first 16
|
|
47
|
+
pin `tertiaryHex`; the newest 30 are complete three-seed combinations and pin
|
|
48
|
+
both `secondaryHex` support and `tertiaryHex` action. Identity remains
|
|
49
|
+
`--primary`, support resolves through `--secondary`, and the standout action is
|
|
50
|
+
`--tertiary`, which is the role used by FABs and compose actions. The other 18
|
|
51
|
+
recipes derive both accent families dynamically. Every recipe exposes
|
|
52
|
+
`displayName`, `description`, `family`, `pairing` and `featured` metadata, so
|
|
53
|
+
consumer pickers do not need a second name/category map. Historical
|
|
54
|
+
`APP_COLOR_PRESETS`, name arrays, hex lookup and access-gate arrays are derived
|
|
55
|
+
from this registry and retain their existing public shapes.
|
|
54
56
|
|
|
55
57
|
For visual review, run Storybook and open **Theme / Color System Playground**
|
|
56
58
|
(`src/theme/ColorSystemLab.stories.tsx`). It keeps signed-in and public Mention
|
|
@@ -214,7 +216,7 @@ track, a selected `Item`, the solid `TabBar`, a plain `Card` on a panel, the
|
|
|
214
216
|
Those tones are owned by `SURFACE_RAMP` in `theme/color-policy.ts` rather than
|
|
215
217
|
taken from Material 3's container roles. M3's ramp steps by 2 tones, which at
|
|
216
218
|
these lightnesses is about **1.2 ΔE00** — below the just-noticeable difference for
|
|
217
|
-
two large flat patches. Measured across all
|
|
219
|
+
two large flat patches. Measured across all 64 presets, **4 tones (~2.4 ΔE00)** is
|
|
218
220
|
the first spacing at which every pair separates.
|
|
219
221
|
|
|
220
222
|
`--background` is deliberately not part of the ramp: the page tone is every
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TEXT_ROLES = exports.FILL_ROLES = exports.BORDER_ROLES = void 0;
|
|
6
|
+
exports.TEXT_ROLES = exports.FILL_ROLES = exports.BORDER_ROLES = exports.ACCENT_TEXT_ROLES = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* Semantic color-role vocabulary for the Oxy Unified Design Language.
|
|
9
9
|
*
|
|
@@ -86,6 +86,26 @@ const TEXT_ROLES = exports.TEXT_ROLES = {
|
|
|
86
86
|
'text-placeholder': ref('muted-foreground')
|
|
87
87
|
};
|
|
88
88
|
|
|
89
|
+
/**
|
|
90
|
+
* Decorative brand-accent text roles → text-color utilities.
|
|
91
|
+
*
|
|
92
|
+
* These are deliberately separate from the semantic status roles
|
|
93
|
+
* (`success-text`, `warning-text`, `info-text`, and `error-text`). Product
|
|
94
|
+
* copy, labels, and artwork captions can use the active palette's accent
|
|
95
|
+
* families without pretending that the text communicates a system state.
|
|
96
|
+
*
|
|
97
|
+
* | utility | canonical token |
|
|
98
|
+
* | --------------------- | ------------------ |
|
|
99
|
+
* | text-accent-primary | --primary-text |
|
|
100
|
+
* | text-accent-secondary | --secondary-text |
|
|
101
|
+
* | text-accent-tertiary | --tertiary-text |
|
|
102
|
+
*/
|
|
103
|
+
const ACCENT_TEXT_ROLES = exports.ACCENT_TEXT_ROLES = {
|
|
104
|
+
'accent-primary': ref('primary-text'),
|
|
105
|
+
'accent-secondary': ref('secondary-text'),
|
|
106
|
+
'accent-tertiary': ref('tertiary-text')
|
|
107
|
+
};
|
|
108
|
+
|
|
89
109
|
/**
|
|
90
110
|
* Border roles → border-color utilities (`border-<role>`).
|
|
91
111
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ref","token","FILL_ROLES","exports","bg","fill","TEXT_ROLES","text","BORDER_ROLES","border"],"sourceRoot":"../../../src","sources":["design-tokens/color-roles.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA,MAAMA,GAAG,GAAIC,KAAa,IAAe,SAASA,KAAK,GAAG;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,EAAE,EAAEJ,GAAG,CAAC,YAAY,CAAC;EACrBK,IAAI,EAAEL,GAAG,CAAC,MAAM,CAAC;EACjB,gBAAgB,EAAEA,GAAG,CAAC,OAAO,CAAC;EAC9B,YAAY,EAAEA,GAAG,CAAC,QAAQ,CAAC;EAC3B,YAAY,EAAEA,GAAG,CAAC,SAAS,CAAC;EAC5B,kBAAkB,EAAEA,GAAG,CAAC,MAAM,CAAC;EAC/B,cAAc,EAAEA,GAAG,CAAC,YAAY,CAAC;EACjC,oBAAoB,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EAC7C,kBAAkB,EAAEA,GAAG,CAAC,OAAO;AACjC,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,UAAU,GAAAH,OAAA,CAAAG,UAAA,GAAG;EACxBC,IAAI,EAAEP,GAAG,CAAC,YAAY,CAAC;EACvB,gBAAgB,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EACzC,eAAe,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EACxC,cAAc,EAAEA,GAAG,CAAC,oBAAoB,CAAC;EACzC,kBAAkB,EAAEA,GAAG,CAAC,oBAAoB,CAAC;EAC7C,kBAAkB,EAAEA,GAAG,CAAC,kBAAkB;AAC5C,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,
|
|
1
|
+
{"version":3,"names":["ref","token","FILL_ROLES","exports","bg","fill","TEXT_ROLES","text","ACCENT_TEXT_ROLES","BORDER_ROLES","border"],"sourceRoot":"../../../src","sources":["design-tokens/color-roles.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA,MAAMA,GAAG,GAAIC,KAAa,IAAe,SAASA,KAAK,GAAG;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,EAAE,EAAEJ,GAAG,CAAC,YAAY,CAAC;EACrBK,IAAI,EAAEL,GAAG,CAAC,MAAM,CAAC;EACjB,gBAAgB,EAAEA,GAAG,CAAC,OAAO,CAAC;EAC9B,YAAY,EAAEA,GAAG,CAAC,QAAQ,CAAC;EAC3B,YAAY,EAAEA,GAAG,CAAC,SAAS,CAAC;EAC5B,kBAAkB,EAAEA,GAAG,CAAC,MAAM,CAAC;EAC/B,cAAc,EAAEA,GAAG,CAAC,YAAY,CAAC;EACjC,oBAAoB,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EAC7C,kBAAkB,EAAEA,GAAG,CAAC,OAAO;AACjC,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,UAAU,GAAAH,OAAA,CAAAG,UAAA,GAAG;EACxBC,IAAI,EAAEP,GAAG,CAAC,YAAY,CAAC;EACvB,gBAAgB,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EACzC,eAAe,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EACxC,cAAc,EAAEA,GAAG,CAAC,oBAAoB,CAAC;EACzC,kBAAkB,EAAEA,GAAG,CAAC,oBAAoB,CAAC;EAC7C,kBAAkB,EAAEA,GAAG,CAAC,kBAAkB;AAC5C,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,iBAAiB,GAAAL,OAAA,CAAAK,iBAAA,GAAG;EAC/B,gBAAgB,EAAER,GAAG,CAAC,cAAc,CAAC;EACrC,kBAAkB,EAAEA,GAAG,CAAC,gBAAgB,CAAC;EACzC,iBAAiB,EAAEA,GAAG,CAAC,eAAe;AACxC,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMS,YAAY,GAAAN,OAAA,CAAAM,YAAA,GAAG;EAC1BC,MAAM,EAAEV,GAAG,CAAC,QAAQ,CAAC;EACrB,cAAc,EAAEA,GAAG,CAAC,QAAQ,CAAC;EAC7B,kBAAkB,EAAEA,GAAG,CAAC,OAAO,CAAC;EAChC,cAAc,EAAEA,GAAG,CAAC,OAAO,CAAC;EAC5B,qBAAqB,EAAEA,GAAG,CAAC,MAAM;AACnC,CAAU","ignoreList":[]}
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "ACCENT_TEXT_ROLES", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _colorRoles.ACCENT_TEXT_ROLES;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "BORDER_ROLES", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_tailwindPreset","require","_themeCss","_tokensJson","_presetVars","_seedScope","_colorRoles","_scales","_shadows"],"sourceRoot":"../../../src","sources":["design-tokens/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_tailwindPreset","require","_themeCss","_tokensJson","_presetVars","_seedScope","_colorRoles","_scales","_shadows"],"sourceRoot":"../../../src","sources":["design-tokens/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAAA,eAAA,GAAAC,OAAA;AAMA,IAAAC,SAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AA0BA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AAGA,IAAAK,WAAA,GAAAL,OAAA;AAQA,IAAAM,OAAA,GAAAN,OAAA;AASA,IAAAO,QAAA,GAAAP,OAAA","ignoreList":[]}
|
|
@@ -100,6 +100,7 @@ const BORDER_WIDTH_PX = toPxMap(_scales.BORDER_WIDTH);
|
|
|
100
100
|
const COLOR_ROLES = {
|
|
101
101
|
..._colorRoles.FILL_ROLES,
|
|
102
102
|
..._colorRoles.TEXT_ROLES,
|
|
103
|
+
..._colorRoles.ACCENT_TEXT_ROLES,
|
|
103
104
|
..._colorRoles.BORDER_ROLES
|
|
104
105
|
};
|
|
105
106
|
|
|
@@ -119,7 +120,8 @@ const bloomTailwindPreset = exports.bloomTailwindPreset = Object.freeze({
|
|
|
119
120
|
..._colorRoles.FILL_ROLES
|
|
120
121
|
},
|
|
121
122
|
textColor: {
|
|
122
|
-
..._colorRoles.TEXT_ROLES
|
|
123
|
+
..._colorRoles.TEXT_ROLES,
|
|
124
|
+
..._colorRoles.ACCENT_TEXT_ROLES
|
|
123
125
|
},
|
|
124
126
|
borderColor: {
|
|
125
127
|
..._colorRoles.BORDER_ROLES
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_colorRoles","require","_scales","_shadows","px","n","toPxMap","scale","out","key","value","Object","entries","buildFontSize","name","keys","TYPOGRAPHY","role","size","lineHeight","buildFontFamily","FONT_FAMILY_VARS","family","fontWeight","weight","sans","display","mono","SPACING_PX","SPACING","RADIUS_PX","RADIUS","BORDER_WIDTH_PX","BORDER_WIDTH","COLOR_ROLES","FILL_ROLES","TEXT_ROLES","BORDER_ROLES","bloomTailwindPreset","exports","freeze","theme","extend","colors","backgroundColor","textColor","borderColor","spacing","borderRadius","borderWidth","fontSize","fontFamily","boxShadow","s","SHADOW_BOX","m"],"sourceRoot":"../../../src","sources":["design-tokens/tailwind-preset.ts"],"mappings":";;;;;;AA4BA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAQA,IAAAE,QAAA,GAAAF,OAAA;AArCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA;;AAEA;;AAoBA,MAAMG,EAAE,GAAIC,CAAS,IAAa,GAAGA,CAAC,IAAI;;AAE1C;AACA,SAASC,OAAOA,CAACC,KAA6B,EAA0B;EACtE,MAAMC,GAA2B,GAAG,CAAC,CAAC;EACtC,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAChD;IACAC,GAAG,CAACC,GAAG,CAAC,GAAGL,EAAE,CAACM,KAAK,CAAC;EACtB;EACA,OAAOF,GAAG;AACZ;;AAEA;AACA,SAASK,aAAaA,CAAA,EAAkC;EACtD,MAAML,GAAkC,GAAG,CAAC,CAAC;EAC7C,KAAK,MAAMM,IAAI,IAAIH,MAAM,CAACI,IAAI,CAACC,kBAAU,CAAC,EAAoB;IAC5D,MAAMC,IAAI,GAAGD,kBAAU,CAACF,IAAI,CAAC;IAC7BN,GAAG,CAACM,IAAI,CAAC,GAAG,CAACV,EAAE,CAACa,IAAI,CAACC,IAAI,CAAC,EAAE;MAAEC,UAAU,EAAEf,EAAE,CAACa,IAAI,CAACE,UAAU;IAAE,CAAC,CAAC;EAClE;EACA,OAAOX,GAAG;AACZ;;AAEA;AACA,SAASY,eAAeA,CAAA,EAAoC;EAC1D,MAAMZ,GAAoC,GAAG,CAAC,CAAC;EAC/C,KAAK,MAAMM,IAAI,IAAIH,MAAM,CAACI,IAAI,CAACC,kBAAU,CAAC,EAAoB;IAC5D,MAAMC,IAAI,GAAGD,kBAAU,CAACF,IAAI,CAAC;IAC7BN,GAAG,CAACM,IAAI,CAAC,GAAG,CAACO,wBAAgB,CAACJ,IAAI,CAACK,MAAM,CAAC,EAAE;MAAEC,UAAU,EAAEN,IAAI,CAACO;IAAO,CAAC,CAAC;EAC1E;EACA;EACAhB,GAAG,CAAC,YAAY,CAAC,GAAG,CAACa,wBAAgB,CAACI,IAAI,EAAE;IAAEF,UAAU,EAAE;EAAM,CAAC,CAAC;EAClEf,GAAG,CAAC,eAAe,CAAC,GAAG,CAACa,wBAAgB,CAACK,OAAO,EAAE;IAAEH,UAAU,EAAE;EAAM,CAAC,CAAC;EACxEf,GAAG,CAAC,YAAY,CAAC,GAAG,CAACa,wBAAgB,CAACM,IAAI,EAAE;IAAEJ,UAAU,EAAE;EAAM,CAAC,CAAC;EAClE,OAAOf,GAAG;AACZ;AAEA,MAAMoB,UAAU,GAAGtB,OAAO,CAACuB,eAAO,CAAC;AACnC,MAAMC,SAAS,GAAGxB,OAAO,CAAC;EAAE,GAAGyB;AAAO,CAAC,CAAC;AACxC,MAAMC,eAAe,GAAG1B,OAAO,CAAC2B,oBAAY,CAAC;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAmC,GAAG;EAC1C,GAAGC,sBAAU;EACb,GAAGC,sBAAU;EACb,GAAGC;AACL,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMC,mBAAmC,GAAAC,OAAA,CAAAD,mBAAA,
|
|
1
|
+
{"version":3,"names":["_colorRoles","require","_scales","_shadows","px","n","toPxMap","scale","out","key","value","Object","entries","buildFontSize","name","keys","TYPOGRAPHY","role","size","lineHeight","buildFontFamily","FONT_FAMILY_VARS","family","fontWeight","weight","sans","display","mono","SPACING_PX","SPACING","RADIUS_PX","RADIUS","BORDER_WIDTH_PX","BORDER_WIDTH","COLOR_ROLES","FILL_ROLES","TEXT_ROLES","ACCENT_TEXT_ROLES","BORDER_ROLES","bloomTailwindPreset","exports","freeze","theme","extend","colors","backgroundColor","textColor","borderColor","spacing","borderRadius","borderWidth","fontSize","fontFamily","boxShadow","s","SHADOW_BOX","m"],"sourceRoot":"../../../src","sources":["design-tokens/tailwind-preset.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_colorRoles","require","_tokenRegistry","_scales","_shadows","bloomThemeCss","lines","role","value","Object","entries","FILL_ROLES","TEXT_ROLES","BORDER_ROLES","push","token","CANONICAL_TOKENS","key","SPACING","RADIUS","BORDER_WIDTH","name","keys","TYPOGRAPHY","size","lineHeight","weight","FONT_FAMILY_VARS","family","sans","display","mono","SHADOW_BOX","s","m","join","bloomThemeBlock"],"sourceRoot":"../../../src","sources":["design-tokens/theme-css.ts"],"mappings":";;;;;;;AAyBA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAQA,IAAAG,QAAA,GAAAH,OAAA;AAnCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,aAAaA,CAAA,EAAW;EACtC,MAAMC,KAAe,GAAG,EAAE;;EAE1B;EACA,KAAK,MAAM,CAACC,IAAI,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAAC;IACzC,GAAGC,sBAAU;IACb,GAAGC,sBAAU;IACb,GAAGC;EACL,CAAC,CAAC,EAAE;
|
|
1
|
+
{"version":3,"names":["_colorRoles","require","_tokenRegistry","_scales","_shadows","bloomThemeCss","lines","role","value","Object","entries","FILL_ROLES","TEXT_ROLES","ACCENT_TEXT_ROLES","BORDER_ROLES","push","token","CANONICAL_TOKENS","key","SPACING","RADIUS","BORDER_WIDTH","name","keys","TYPOGRAPHY","size","lineHeight","weight","FONT_FAMILY_VARS","family","sans","display","mono","SHADOW_BOX","s","m","join","bloomThemeBlock"],"sourceRoot":"../../../src","sources":["design-tokens/theme-css.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -21,6 +21,9 @@
|
|
|
21
21
|
--color-text-inverse: var(--primary-foreground);
|
|
22
22
|
--color-text-fixed-light: var(--primary-foreground);
|
|
23
23
|
--color-text-placeholder: var(--muted-foreground);
|
|
24
|
+
--color-accent-primary: var(--primary-text);
|
|
25
|
+
--color-accent-secondary: var(--secondary-text);
|
|
26
|
+
--color-accent-tertiary: var(--tertiary-text);
|
|
24
27
|
--color-border: var(--border);
|
|
25
28
|
--color-border-image: var(--border);
|
|
26
29
|
--color-border-secondary: var(--input);
|