@oxyhq/bloom 0.39.0 → 0.41.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/lib/commonjs/theme/build-theme-from-seed.js +90 -0
- package/lib/commonjs/theme/build-theme-from-seed.js.map +1 -0
- package/lib/commonjs/theme/color-engine/scheme-variants.js +23 -0
- package/lib/commonjs/theme/color-engine/scheme-variants.js.map +1 -1
- package/lib/commonjs/theme/color-presets.js +13 -13
- 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/index.js +94 -0
- package/lib/commonjs/theme/index.js.map +1 -1
- package/lib/commonjs/theme/seed-scope/index.js +87 -0
- package/lib/commonjs/theme/seed-scope/index.js.map +1 -0
- package/lib/commonjs/theme/seed-scope/index.web.js +86 -0
- package/lib/commonjs/theme/seed-scope/index.web.js.map +1 -0
- package/lib/module/theme/build-theme-from-seed.js +85 -0
- package/lib/module/theme/build-theme-from-seed.js.map +1 -0
- package/lib/module/theme/color-engine/scheme-variants.js +22 -0
- package/lib/module/theme/color-engine/scheme-variants.js.map +1 -1
- package/lib/module/theme/color-presets.js +13 -13
- package/lib/module/theme/color-presets.js.map +1 -1
- package/lib/module/theme/color-scope/seed-scope.js +1 -0
- package/lib/module/theme/color-scope/seed-scope.js.map +1 -1
- package/lib/module/theme/index.js +7 -0
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/theme/seed-scope/index.js +82 -0
- package/lib/module/theme/seed-scope/index.js.map +1 -0
- package/lib/module/theme/seed-scope/index.web.js +81 -0
- package/lib/module/theme/seed-scope/index.web.js.map +1 -0
- package/lib/typescript/commonjs/theme/build-theme-from-seed.d.ts +23 -0
- package/lib/typescript/commonjs/theme/build-theme-from-seed.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/color-engine/scheme-variants.d.ts +10 -1
- package/lib/typescript/commonjs/theme/color-engine/scheme-variants.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-scope/seed-scope.d.ts +3 -2
- package/lib/typescript/commonjs/theme/color-scope/seed-scope.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/index.d.ts +7 -0
- package/lib/typescript/commonjs/theme/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/seed-scope/index.d.ts +37 -0
- package/lib/typescript/commonjs/theme/seed-scope/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/seed-scope/index.web.d.ts +35 -0
- package/lib/typescript/commonjs/theme/seed-scope/index.web.d.ts.map +1 -0
- package/lib/typescript/module/theme/build-theme-from-seed.d.ts +23 -0
- package/lib/typescript/module/theme/build-theme-from-seed.d.ts.map +1 -0
- package/lib/typescript/module/theme/color-engine/scheme-variants.d.ts +10 -1
- package/lib/typescript/module/theme/color-engine/scheme-variants.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-scope/seed-scope.d.ts +3 -2
- package/lib/typescript/module/theme/color-scope/seed-scope.d.ts.map +1 -1
- package/lib/typescript/module/theme/index.d.ts +7 -0
- package/lib/typescript/module/theme/index.d.ts.map +1 -1
- package/lib/typescript/module/theme/seed-scope/index.d.ts +37 -0
- package/lib/typescript/module/theme/seed-scope/index.d.ts.map +1 -0
- package/lib/typescript/module/theme/seed-scope/index.web.d.ts +35 -0
- package/lib/typescript/module/theme/seed-scope/index.web.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/theme/__tests__/__fixtures__/golden-resolved-tokens.json +74 -74
- package/src/theme/__tests__/__snapshots__/visual-gallery.test.tsx.snap +68 -68
- package/src/theme/__tests__/build-theme-from-seed-parity.test.ts +33 -0
- package/src/theme/build-theme-from-seed.ts +99 -0
- package/src/theme/color-engine/scheme-variants.ts +30 -1
- package/src/theme/color-presets.ts +13 -13
- package/src/theme/color-scope/seed-scope.ts +4 -2
- package/src/theme/index.ts +21 -0
- package/src/theme/seed-scope/index.tsx +100 -0
- package/src/theme/seed-scope/index.web.tsx +110 -0
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.buildColorsFromSeed = buildColorsFromSeed;
|
|
7
|
+
exports.buildThemeFromSeed = buildThemeFromSeed;
|
|
8
|
+
var _index = require("./color-engine/index.js");
|
|
9
|
+
var _seedScope = require("./color-scope/seed-scope.js");
|
|
10
|
+
var _buildTheme = require("./build-theme.js");
|
|
11
|
+
var _gradients = require("./gradients.js");
|
|
12
|
+
/**
|
|
13
|
+
* Build the JS `theme.colors` object from an ARBITRARY seed colour — the dynamic
|
|
14
|
+
* counterpart of `buildTheme(preset, …)`.
|
|
15
|
+
*
|
|
16
|
+
* This mirrors `buildColorsFromPreset` (`build-theme.ts`) field-for-field, but
|
|
17
|
+
* sources its tokens from `buildSeedScopeVars({ seed })` instead of a named
|
|
18
|
+
* preset, so a preset's seed reproduces that preset's JS theme exactly. Keeping
|
|
19
|
+
* the two in lockstep is enforced by `__tests__/build-theme-from-seed-parity.test.ts`.
|
|
20
|
+
*
|
|
21
|
+
* Token-backed fields read the resolved `rgb(...)` token map; the brand-tint
|
|
22
|
+
* family (primarySubtle / negative / …) reads the engine's container/error roles
|
|
23
|
+
* directly — identical to the preset path.
|
|
24
|
+
*/
|
|
25
|
+
function buildColorsFromSeed(seed, resolved, variant, contrastLevel) {
|
|
26
|
+
const t = (0, _seedScope.buildSeedScopeVars)({
|
|
27
|
+
seed,
|
|
28
|
+
mode: resolved,
|
|
29
|
+
variant,
|
|
30
|
+
contrastLevel
|
|
31
|
+
});
|
|
32
|
+
const isDark = resolved === 'dark';
|
|
33
|
+
|
|
34
|
+
// Read a resolved `rgb(...)` token by its bare name (no leading `--`).
|
|
35
|
+
const g = k => t[`--${k}`] ?? 'rgb(0 0 0)';
|
|
36
|
+
const r = (0, _index.generateRoleColors)({
|
|
37
|
+
seed,
|
|
38
|
+
variant,
|
|
39
|
+
isDark,
|
|
40
|
+
contrastLevel
|
|
41
|
+
});
|
|
42
|
+
return {
|
|
43
|
+
background: g('background'),
|
|
44
|
+
backgroundSecondary: g('surface'),
|
|
45
|
+
backgroundTertiary: g('popover'),
|
|
46
|
+
text: g('foreground'),
|
|
47
|
+
textSecondary: g('muted-foreground'),
|
|
48
|
+
textTertiary: r.outline,
|
|
49
|
+
border: g('border'),
|
|
50
|
+
borderLight: g('input'),
|
|
51
|
+
primary: g('primary'),
|
|
52
|
+
primaryForeground: g('primary-foreground'),
|
|
53
|
+
primaryLight: g('surface'),
|
|
54
|
+
primaryDark: g('background'),
|
|
55
|
+
secondary: g('secondary'),
|
|
56
|
+
secondaryForeground: g('secondary-foreground'),
|
|
57
|
+
tertiary: g('tertiary'),
|
|
58
|
+
tertiaryForeground: g('tertiary-foreground'),
|
|
59
|
+
tint: g('primary'),
|
|
60
|
+
icon: g('muted-foreground'),
|
|
61
|
+
iconActive: g('primary'),
|
|
62
|
+
..._buildTheme.STATUS_COLORS,
|
|
63
|
+
primarySubtle: r.primaryContainer,
|
|
64
|
+
primarySubtleForeground: r.onPrimaryContainer,
|
|
65
|
+
negative: r.error,
|
|
66
|
+
negativeForeground: r.onError,
|
|
67
|
+
negativeSubtle: r.errorContainer,
|
|
68
|
+
negativeSubtleForeground: r.onErrorContainer,
|
|
69
|
+
contrast50: g('muted'),
|
|
70
|
+
card: g('card'),
|
|
71
|
+
shadow: isDark ? 'rgba(0, 0, 0, 0.3)' : 'rgba(0, 0, 0, 0.1)',
|
|
72
|
+
overlay: 'rgba(0, 0, 0, 0.5)'
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Build a full `Theme` from a seed colour and a resolved light/dark mode. Unlike
|
|
78
|
+
* `buildTheme`, there is no adaptive (Material You / iOS dynamic) override — a
|
|
79
|
+
* seed IS the dynamic source here.
|
|
80
|
+
*/
|
|
81
|
+
function buildThemeFromSeed(seed, resolved, variant, contrastLevel) {
|
|
82
|
+
return {
|
|
83
|
+
mode: resolved,
|
|
84
|
+
colors: buildColorsFromSeed(seed, resolved, variant, contrastLevel),
|
|
85
|
+
gradients: _gradients.THEME_GRADIENTS,
|
|
86
|
+
isDark: resolved === 'dark',
|
|
87
|
+
isLight: resolved === 'light'
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
//# sourceMappingURL=build-theme-from-seed.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_index","require","_seedScope","_buildTheme","_gradients","buildColorsFromSeed","seed","resolved","variant","contrastLevel","t","buildSeedScopeVars","mode","isDark","g","k","r","generateRoleColors","background","backgroundSecondary","backgroundTertiary","text","textSecondary","textTertiary","outline","border","borderLight","primary","primaryForeground","primaryLight","primaryDark","secondary","secondaryForeground","tertiary","tertiaryForeground","tint","icon","iconActive","STATUS_COLORS","primarySubtle","primaryContainer","primarySubtleForeground","onPrimaryContainer","negative","error","negativeForeground","onError","negativeSubtle","errorContainer","negativeSubtleForeground","onErrorContainer","contrast50","card","shadow","overlay","buildThemeFromSeed","colors","gradients","THEME_GRADIENTS","isLight"],"sourceRoot":"../../../src","sources":["theme/build-theme-from-seed.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ exports.schemeExpressive = schemeExpressive;
|
|
|
8
8
|
exports.schemeNeutral = schemeNeutral;
|
|
9
9
|
exports.schemeTonalSpot = schemeTonalSpot;
|
|
10
10
|
exports.schemeVibrant = schemeVibrant;
|
|
11
|
+
exports.schemeVivid = schemeVivid;
|
|
11
12
|
var _dynamicScheme = require("./dynamic-scheme.js");
|
|
12
13
|
var _mathUtils = require("./math-utils.js");
|
|
13
14
|
var _tonalPalette = require("./tonal-palette.js");
|
|
@@ -45,6 +46,27 @@ function schemeVibrant(source, isDark, contrastLevel) {
|
|
|
45
46
|
}
|
|
46
47
|
|
|
47
48
|
/** Playful, intentionally detached from the seed hue (primary rotated 240°). */
|
|
49
|
+
/**
|
|
50
|
+
* Bloom's own brand-vivid scheme. Same vibrant base (max-chroma primary) but the
|
|
51
|
+
* secondary and tertiary accents keep MUCH more chroma than canonical M3 (which
|
|
52
|
+
* intentionally desaturates supporting accents). Neutrals stay low-chroma so
|
|
53
|
+
* surfaces read as clean tinted light/dark. This is what the presets use — the
|
|
54
|
+
* old hand-authored palette felt more vivid than pure M3, and this restores that
|
|
55
|
+
* across the whole primary/secondary/tertiary trio.
|
|
56
|
+
*/
|
|
57
|
+
function schemeVivid(source, isDark, contrastLevel) {
|
|
58
|
+
return new _dynamicScheme.DynamicScheme({
|
|
59
|
+
sourceColorArgb: source.toInt(),
|
|
60
|
+
variant: _variant.Variant.VIBRANT,
|
|
61
|
+
contrastLevel,
|
|
62
|
+
isDark,
|
|
63
|
+
primaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 200.0),
|
|
64
|
+
secondaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, VIBRANT_HUES, VIBRANT_SECONDARY_ROTATIONS), 64.0),
|
|
65
|
+
tertiaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, VIBRANT_HUES, VIBRANT_TERTIARY_ROTATIONS), 72.0),
|
|
66
|
+
neutralPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 10.0),
|
|
67
|
+
neutralVariantPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 12.0)
|
|
68
|
+
});
|
|
69
|
+
}
|
|
48
70
|
function schemeExpressive(source, isDark, contrastLevel) {
|
|
49
71
|
return new _dynamicScheme.DynamicScheme({
|
|
50
72
|
sourceColorArgb: source.toInt(),
|
|
@@ -89,6 +111,7 @@ function schemeNeutral(source, isDark, contrastLevel) {
|
|
|
89
111
|
});
|
|
90
112
|
}
|
|
91
113
|
const BUILDERS = {
|
|
114
|
+
vivid: schemeVivid,
|
|
92
115
|
vibrant: schemeVibrant,
|
|
93
116
|
expressive: schemeExpressive,
|
|
94
117
|
tonalSpot: schemeTonalSpot,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_dynamicScheme","require","_mathUtils","_tonalPalette","_variant","VIBRANT_HUES","VIBRANT_SECONDARY_ROTATIONS","VIBRANT_TERTIARY_ROTATIONS","EXPRESSIVE_HUES","EXPRESSIVE_SECONDARY_ROTATIONS","EXPRESSIVE_TERTIARY_ROTATIONS","schemeVibrant","source","isDark","contrastLevel","DynamicScheme","sourceColorArgb","toInt","variant","Variant","VIBRANT","primaryPalette","TonalPalette","fromHueAndChroma","hue","secondaryPalette","getRotatedHue","tertiaryPalette","neutralPalette","neutralVariantPalette","schemeExpressive","EXPRESSIVE","sanitizeDegreesDouble","schemeTonalSpot","TONAL_SPOT","schemeNeutral","NEUTRAL","BUILDERS","vibrant","expressive","tonalSpot","neutral","buildScheme"],"sourceRoot":"../../../../src","sources":["theme/color-engine/scheme-variants.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_dynamicScheme","require","_mathUtils","_tonalPalette","_variant","VIBRANT_HUES","VIBRANT_SECONDARY_ROTATIONS","VIBRANT_TERTIARY_ROTATIONS","EXPRESSIVE_HUES","EXPRESSIVE_SECONDARY_ROTATIONS","EXPRESSIVE_TERTIARY_ROTATIONS","schemeVibrant","source","isDark","contrastLevel","DynamicScheme","sourceColorArgb","toInt","variant","Variant","VIBRANT","primaryPalette","TonalPalette","fromHueAndChroma","hue","secondaryPalette","getRotatedHue","tertiaryPalette","neutralPalette","neutralVariantPalette","schemeVivid","schemeExpressive","EXPRESSIVE","sanitizeDegreesDouble","schemeTonalSpot","TONAL_SPOT","schemeNeutral","NEUTRAL","BUILDERS","vivid","vibrant","expressive","tonalSpot","neutral","buildScheme"],"sourceRoot":"../../../../src","sources":["theme/color-engine/scheme-variants.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -57,67 +57,67 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
|
|
|
57
57
|
teal: {
|
|
58
58
|
name: 'teal',
|
|
59
59
|
hex: '#005c67',
|
|
60
|
-
variant: '
|
|
60
|
+
variant: 'vivid'
|
|
61
61
|
},
|
|
62
62
|
blue: {
|
|
63
63
|
name: 'blue',
|
|
64
64
|
hex: '#1d9bf0',
|
|
65
|
-
variant: '
|
|
65
|
+
variant: 'vivid'
|
|
66
66
|
},
|
|
67
67
|
green: {
|
|
68
68
|
name: 'green',
|
|
69
69
|
hex: '#10b981',
|
|
70
|
-
variant: '
|
|
70
|
+
variant: 'vivid'
|
|
71
71
|
},
|
|
72
72
|
amber: {
|
|
73
73
|
name: 'amber',
|
|
74
74
|
hex: '#f59e0b',
|
|
75
|
-
variant: '
|
|
75
|
+
variant: 'vivid'
|
|
76
76
|
},
|
|
77
77
|
yellow: {
|
|
78
78
|
name: 'yellow',
|
|
79
79
|
hex: '#ffc300',
|
|
80
|
-
variant: '
|
|
80
|
+
variant: 'vivid'
|
|
81
81
|
},
|
|
82
82
|
red: {
|
|
83
83
|
name: 'red',
|
|
84
84
|
hex: '#ef4444',
|
|
85
|
-
variant: '
|
|
85
|
+
variant: 'vivid'
|
|
86
86
|
},
|
|
87
87
|
purple: {
|
|
88
88
|
name: 'purple',
|
|
89
89
|
hex: '#8b5cf6',
|
|
90
|
-
variant: '
|
|
90
|
+
variant: 'vivid'
|
|
91
91
|
},
|
|
92
92
|
pink: {
|
|
93
93
|
name: 'pink',
|
|
94
94
|
hex: '#ec4899',
|
|
95
|
-
variant: '
|
|
95
|
+
variant: 'vivid'
|
|
96
96
|
},
|
|
97
97
|
sky: {
|
|
98
98
|
name: 'sky',
|
|
99
99
|
hex: '#0ea5e9',
|
|
100
|
-
variant: '
|
|
100
|
+
variant: 'vivid'
|
|
101
101
|
},
|
|
102
102
|
orange: {
|
|
103
103
|
name: 'orange',
|
|
104
104
|
hex: '#f97316',
|
|
105
|
-
variant: '
|
|
105
|
+
variant: 'vivid'
|
|
106
106
|
},
|
|
107
107
|
mint: {
|
|
108
108
|
name: 'mint',
|
|
109
109
|
hex: '#14b8a6',
|
|
110
|
-
variant: '
|
|
110
|
+
variant: 'vivid'
|
|
111
111
|
},
|
|
112
112
|
oxy: {
|
|
113
113
|
name: 'oxy',
|
|
114
114
|
hex: '#c46ede',
|
|
115
|
-
variant: '
|
|
115
|
+
variant: 'vivid'
|
|
116
116
|
},
|
|
117
117
|
faircoin: {
|
|
118
118
|
name: 'faircoin',
|
|
119
119
|
hex: '#9ffb50',
|
|
120
|
-
variant: '
|
|
120
|
+
variant: 'vivid'
|
|
121
121
|
}
|
|
122
122
|
};
|
|
123
123
|
//# sourceMappingURL=color-presets.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["APP_COLOR_NAMES","exports","PREMIUM_COLOR_NAMES","HEX_TO_APP_COLOR","hexToAppColorName","hex","toLowerCase","APP_COLOR_PRESETS","teal","name","variant","blue","green","amber","yellow","red","purple","pink","sky","orange","mint","oxy","faircoin"],"sourceRoot":"../../../src","sources":["theme/color-presets.ts"],"mappings":";;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;;AAGO,MAAMA,eAAwC,GAAAC,OAAA,CAAAD,eAAA,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC;;AAEzK;AACO,MAAME,mBAA4C,GAAAD,OAAA,CAAAC,mBAAA,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC;AAExE,MAAMC,gBAA8C,GAAAF,OAAA,CAAAE,gBAAA,GAAG;EAC5D,SAAS,EAAE,MAAM;EACjB,SAAS,EAAE,MAAM;EACjB,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,QAAQ;EACnB,SAAS,EAAE,KAAK;EAChB,SAAS,EAAE,QAAQ;EACnB,SAAS,EAAE,MAAM;EACjB,SAAS,EAAE,KAAK;EAChB,SAAS,EAAE,QAAQ;EACnB,SAAS,EAAE,MAAM;EACjB,SAAS,EAAE,KAAK;EAChB,SAAS,EAAE;AACb,CAAC;AAEM,SAASC,iBAAiBA,CAACC,GAAW,EAAgB;EAC3D,OAAOF,gBAAgB,CAACE,GAAG,CAACC,WAAW,CAAC,CAAC,CAAC,IAAI,MAAM;AACtD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAuD,GAAAN,OAAA,CAAAM,iBAAA,GAAG;EACrEC,IAAI,EAAE;IAAEC,IAAI,EAAE,MAAM;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;
|
|
1
|
+
{"version":3,"names":["APP_COLOR_NAMES","exports","PREMIUM_COLOR_NAMES","HEX_TO_APP_COLOR","hexToAppColorName","hex","toLowerCase","APP_COLOR_PRESETS","teal","name","variant","blue","green","amber","yellow","red","purple","pink","sky","orange","mint","oxy","faircoin"],"sourceRoot":"../../../src","sources":["theme/color-presets.ts"],"mappings":";;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;;AAGO,MAAMA,eAAwC,GAAAC,OAAA,CAAAD,eAAA,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC;;AAEzK;AACO,MAAME,mBAA4C,GAAAD,OAAA,CAAAC,mBAAA,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC;AAExE,MAAMC,gBAA8C,GAAAF,OAAA,CAAAE,gBAAA,GAAG;EAC5D,SAAS,EAAE,MAAM;EACjB,SAAS,EAAE,MAAM;EACjB,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,QAAQ;EACnB,SAAS,EAAE,KAAK;EAChB,SAAS,EAAE,QAAQ;EACnB,SAAS,EAAE,MAAM;EACjB,SAAS,EAAE,KAAK;EAChB,SAAS,EAAE,QAAQ;EACnB,SAAS,EAAE,MAAM;EACjB,SAAS,EAAE,KAAK;EAChB,SAAS,EAAE;AACb,CAAC;AAEM,SAASC,iBAAiBA,CAACC,GAAW,EAAgB;EAC3D,OAAOF,gBAAgB,CAACE,GAAG,CAACC,WAAW,CAAC,CAAC,CAAC,IAAI,MAAM;AACtD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAuD,GAAAN,OAAA,CAAAM,iBAAA,GAAG;EACrEC,IAAI,EAAE;IAAEC,IAAI,EAAE,MAAM;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EACxDC,IAAI,EAAE;IAAEF,IAAI,EAAE,MAAM;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EACxDE,KAAK,EAAE;IAAEH,IAAI,EAAE,OAAO;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EAC1DG,KAAK,EAAE;IAAEJ,IAAI,EAAE,OAAO;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EAC1DI,MAAM,EAAE;IAAEL,IAAI,EAAE,QAAQ;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EAC5DK,GAAG,EAAE;IAAEN,IAAI,EAAE,KAAK;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EACtDM,MAAM,EAAE;IAAEP,IAAI,EAAE,QAAQ;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EAC5DO,IAAI,EAAE;IAAER,IAAI,EAAE,MAAM;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EACxDQ,GAAG,EAAE;IAAET,IAAI,EAAE,KAAK;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EACtDS,MAAM,EAAE;IAAEV,IAAI,EAAE,QAAQ;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EAC5DU,IAAI,EAAE;IAAEX,IAAI,EAAE,MAAM;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EACxDW,GAAG,EAAE;IAAEZ,IAAI,EAAE,KAAK;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ,CAAC;EACtDY,QAAQ,EAAE;IAAEb,IAAI,EAAE,UAAU;IAAEJ,GAAG,EAAE,SAAS;IAAEK,OAAO,EAAE;EAAQ;AACjE,CAAC","ignoreList":[]}
|
|
@@ -81,6 +81,7 @@ function roleColorsToPresetTokens(r) {
|
|
|
81
81
|
function buildSeedScopeVars(options) {
|
|
82
82
|
const roles = (0, _index.generateRoleColors)({
|
|
83
83
|
seed: options.seed,
|
|
84
|
+
variant: options.variant ?? 'vivid',
|
|
84
85
|
isDark: options.mode === 'dark',
|
|
85
86
|
contrastLevel: options.contrastLevel ?? 0
|
|
86
87
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_index","require","_tokenRegistry","roleColorsToPresetTokens","r","background","onBackground","surfaceContainerLow","onSurface","surfaceContainer","primary","onPrimary","secondary","onSecondary","tertiary","onTertiary","surfaceContainerHigh","onSurfaceVariant","secondaryContainer","onSecondaryContainer","error","outlineVariant","surfaceContainerLowest","primaryContainer","tertiaryContainer","buildSeedScopeVars","options","roles","generateRoleColors","seed","isDark","mode","contrastLevel","tokens","vars","token","CANONICAL_TOKENS","value","undefined"],"sourceRoot":"../../../../src","sources":["theme/color-scope/seed-scope.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,wBAAwBA,CAACC,CAAa,EAA0B;EAC9E,OAAO;IACL;IACA,cAAc,EAAEA,CAAC,CAACC,UAAU;IAC5B,cAAc,EAAED,CAAC,CAACE,YAAY;IAC9B,WAAW,EAAEF,CAAC,CAACG,mBAAmB;IAClC,sBAAsB,EAAEH,CAAC,CAACI,SAAS;IACnC,WAAW,EAAEJ,CAAC,CAACK,gBAAgB;IAC/B,sBAAsB,EAAEL,CAAC,CAACI,SAAS;IACnC,WAAW,EAAEJ,CAAC,CAACM,OAAO;IACtB,sBAAsB,EAAEN,CAAC,CAACO,SAAS;IACnC,aAAa,EAAEP,CAAC,CAACQ,SAAS;IAC1B,wBAAwB,EAAER,CAAC,CAACS,WAAW;IACvC,YAAY,EAAET,CAAC,CAACU,QAAQ;IACxB,uBAAuB,EAAEV,CAAC,CAACW,UAAU;IACrC,SAAS,EAAEX,CAAC,CAACY,oBAAoB;IACjC,oBAAoB,EAAEZ,CAAC,CAACa,gBAAgB;IACxC,UAAU,EAAEb,CAAC,CAACc,kBAAkB;IAChC,qBAAqB,EAAEd,CAAC,CAACe,oBAAoB;IAC7C,eAAe,EAAEf,CAAC,CAACgB,KAAK;IACxB,UAAU,EAAEhB,CAAC,CAACiB,cAAc;IAC5B,SAAS,EAAEjB,CAAC,CAACiB,cAAc;IAC3B,QAAQ,EAAEjB,CAAC,CAACM,OAAO;IACnB,WAAW,EAAEN,CAAC,CAACG,mBAAmB;IAElC;IACA,QAAQ,EAAEH,CAAC,CAACkB,sBAAsB;IAClC,mBAAmB,EAAElB,CAAC,CAACI,SAAS;IAChC,WAAW,EAAEJ,CAAC,CAACM,OAAO;IACtB,WAAW,EAAEN,CAAC,CAACQ,SAAS;IACxB,WAAW,EAAER,CAAC,CAACU,QAAQ;IACvB,WAAW,EAAEV,CAAC,CAACmB,gBAAgB;IAC/B,WAAW,EAAEnB,CAAC,CAACoB,iBAAiB;IAChC,gBAAgB,EAAEpB,CAAC,CAACC,UAAU;IAC9B,sBAAsB,EAAED,CAAC,CAACI,SAAS;IACnC,mBAAmB,EAAEJ,CAAC,CAACM,OAAO;IAC9B,8BAA8B,EAAEN,CAAC,CAACO,SAAS;IAC3C,kBAAkB,EAAEP,CAAC,CAACc,kBAAkB;IACxC,6BAA6B,EAAEd,CAAC,CAACe,oBAAoB;IACrD,kBAAkB,EAAEf,CAAC,CAACiB,cAAc;IACpC,gBAAgB,EAAEjB,CAAC,CAACM;EACtB,CAAC;AACH;;AAEA;;
|
|
1
|
+
{"version":3,"names":["_index","require","_tokenRegistry","roleColorsToPresetTokens","r","background","onBackground","surfaceContainerLow","onSurface","surfaceContainer","primary","onPrimary","secondary","onSecondary","tertiary","onTertiary","surfaceContainerHigh","onSurfaceVariant","secondaryContainer","onSecondaryContainer","error","outlineVariant","surfaceContainerLowest","primaryContainer","tertiaryContainer","buildSeedScopeVars","options","roles","generateRoleColors","seed","variant","isDark","mode","contrastLevel","tokens","vars","token","CANONICAL_TOKENS","value","undefined"],"sourceRoot":"../../../../src","sources":["theme/color-scope/seed-scope.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "BloomColorScope", {
|
|
|
21
21
|
return _colorScope.BloomColorScope;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
+
Object.defineProperty(exports, "BloomSeedScope", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _seedScope.BloomSeedScope;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
24
30
|
Object.defineProperty(exports, "BloomThemeProvider", {
|
|
25
31
|
enumerable: true,
|
|
26
32
|
get: function () {
|
|
@@ -63,18 +69,72 @@ Object.defineProperty(exports, "applyPresetVarsToDocument", {
|
|
|
63
69
|
return _presetVars.applyPresetVarsToDocument;
|
|
64
70
|
}
|
|
65
71
|
});
|
|
72
|
+
Object.defineProperty(exports, "argbFromHex", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function () {
|
|
75
|
+
return _index.argbFromHex;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "argbFromRgb", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function () {
|
|
81
|
+
return _index.argbFromRgb;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "blueFromArgb", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function () {
|
|
87
|
+
return _index.blueFromArgb;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "buildColorsFromSeed", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function () {
|
|
93
|
+
return _buildThemeFromSeed.buildColorsFromSeed;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "buildSeedScopeVars", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function () {
|
|
99
|
+
return _seedScope2.buildSeedScopeVars;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
66
102
|
Object.defineProperty(exports, "buildTheme", {
|
|
67
103
|
enumerable: true,
|
|
68
104
|
get: function () {
|
|
69
105
|
return _buildTheme.buildTheme;
|
|
70
106
|
}
|
|
71
107
|
});
|
|
108
|
+
Object.defineProperty(exports, "buildThemeFromSeed", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function () {
|
|
111
|
+
return _buildThemeFromSeed.buildThemeFromSeed;
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
Object.defineProperty(exports, "generateRoleColors", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function () {
|
|
117
|
+
return _index.generateRoleColors;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
72
120
|
Object.defineProperty(exports, "getPresetVars", {
|
|
73
121
|
enumerable: true,
|
|
74
122
|
get: function () {
|
|
75
123
|
return _presetVars.getPresetVars;
|
|
76
124
|
}
|
|
77
125
|
});
|
|
126
|
+
Object.defineProperty(exports, "greenFromArgb", {
|
|
127
|
+
enumerable: true,
|
|
128
|
+
get: function () {
|
|
129
|
+
return _index.greenFromArgb;
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
Object.defineProperty(exports, "hexFromArgb", {
|
|
133
|
+
enumerable: true,
|
|
134
|
+
get: function () {
|
|
135
|
+
return _index.hexFromArgb;
|
|
136
|
+
}
|
|
137
|
+
});
|
|
78
138
|
Object.defineProperty(exports, "hexToAppColorName", {
|
|
79
139
|
enumerable: true,
|
|
80
140
|
get: function () {
|
|
@@ -93,6 +153,36 @@ Object.defineProperty(exports, "parseRgb", {
|
|
|
93
153
|
return _colorUtils.parseRgb;
|
|
94
154
|
}
|
|
95
155
|
});
|
|
156
|
+
Object.defineProperty(exports, "quantizeImage", {
|
|
157
|
+
enumerable: true,
|
|
158
|
+
get: function () {
|
|
159
|
+
return _index.quantizeImage;
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
Object.defineProperty(exports, "redFromArgb", {
|
|
163
|
+
enumerable: true,
|
|
164
|
+
get: function () {
|
|
165
|
+
return _index.redFromArgb;
|
|
166
|
+
}
|
|
167
|
+
});
|
|
168
|
+
Object.defineProperty(exports, "roleColorsToPresetTokens", {
|
|
169
|
+
enumerable: true,
|
|
170
|
+
get: function () {
|
|
171
|
+
return _seedScope2.roleColorsToPresetTokens;
|
|
172
|
+
}
|
|
173
|
+
});
|
|
174
|
+
Object.defineProperty(exports, "seedHexFromImagePixels", {
|
|
175
|
+
enumerable: true,
|
|
176
|
+
get: function () {
|
|
177
|
+
return _index.seedHexFromImagePixels;
|
|
178
|
+
}
|
|
179
|
+
});
|
|
180
|
+
Object.defineProperty(exports, "seedsFromImagePixels", {
|
|
181
|
+
enumerable: true,
|
|
182
|
+
get: function () {
|
|
183
|
+
return _index.seedsFromImagePixels;
|
|
184
|
+
}
|
|
185
|
+
});
|
|
96
186
|
Object.defineProperty(exports, "setColorSchemeSafe", {
|
|
97
187
|
enumerable: true,
|
|
98
188
|
get: function () {
|
|
@@ -143,7 +233,11 @@ Object.defineProperty(exports, "withAlpha", {
|
|
|
143
233
|
});
|
|
144
234
|
var _BloomThemeProvider = require("./BloomThemeProvider.js");
|
|
145
235
|
var _colorScope = require("./color-scope");
|
|
236
|
+
var _seedScope = require("./seed-scope");
|
|
237
|
+
var _seedScope2 = require("./color-scope/seed-scope.js");
|
|
238
|
+
var _index = require("./color-engine/index.js");
|
|
146
239
|
var _buildTheme = require("./build-theme.js");
|
|
240
|
+
var _buildThemeFromSeed = require("./build-theme-from-seed.js");
|
|
147
241
|
var _gradients = require("./gradients.js");
|
|
148
242
|
var _useTheme = require("./use-theme.js");
|
|
149
243
|
var _useNavigationTheme = require("./use-navigation-theme.js");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_BloomThemeProvider","require","_colorScope","_buildTheme","_gradients","_useTheme","_useNavigationTheme","_colorPresets","_colorUtils","_presetVars","_applyDarkClass","_setColorSchemeSafe","_initCssInterop","_persistence"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_BloomThemeProvider","require","_colorScope","_seedScope","_seedScope2","_index","_buildTheme","_buildThemeFromSeed","_gradients","_useTheme","_useNavigationTheme","_colorPresets","_colorUtils","_presetVars","_applyDarkClass","_setColorSchemeSafe","_initCssInterop","_persistence"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAaA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AAIA,IAAAU,aAAA,GAAAV,OAAA;AAOA,IAAAW,WAAA,GAAAX,OAAA;AAEA,IAAAY,WAAA,GAAAZ,OAAA;AACA,IAAAa,eAAA,GAAAb,OAAA;AACA,IAAAc,mBAAA,GAAAd,OAAA;AACA,IAAAe,eAAA,GAAAf,OAAA;AAEA,IAAAgB,YAAA,GAAAhB,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.BloomSeedScope = BloomSeedScope;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _BloomThemeProvider = require("../BloomThemeProvider.js");
|
|
10
|
+
var _seedScope = require("../color-scope/seed-scope.js");
|
|
11
|
+
var _styleBuilder = require("../color-scope/style-builder.js");
|
|
12
|
+
var _buildThemeFromSeed = require("../build-theme-from-seed.js");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
/**
|
|
16
|
+
* Native `<BloomSeedScope>`: scopes a subtree to an ARBITRARY seed colour's
|
|
17
|
+
* palette (the dynamic counterpart of `<BloomColorScope>`, which takes a named
|
|
18
|
+
* preset). Feeds the seed through the colour engine and (1) provides the
|
|
19
|
+
* resulting canonical CSS vars to descendants via react-native-css's
|
|
20
|
+
* `VariableContext` — so `bg-background` / `bg-card` / `var(--primary)` resolve
|
|
21
|
+
* against the seed inside this subtree — and (2) publishes a matching JS `theme`
|
|
22
|
+
* on `BloomThemeContext`, so `useTheme()`/`useBloomTheme()` consumers inside the
|
|
23
|
+
* subtree also re-theme. The `colorPreset` field is left as the parent's (a seed
|
|
24
|
+
* is not a named preset).
|
|
25
|
+
*/
|
|
26
|
+
function BloomSeedScope({
|
|
27
|
+
seed,
|
|
28
|
+
variant,
|
|
29
|
+
contrastLevel,
|
|
30
|
+
asChild = false,
|
|
31
|
+
style,
|
|
32
|
+
children
|
|
33
|
+
}) {
|
|
34
|
+
// Hooks run unconditionally; conditional no-op/throw is applied afterwards.
|
|
35
|
+
const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
|
|
36
|
+
const resolvedMode = parent?.theme.mode ?? 'light';
|
|
37
|
+
const nativeVars = (0, _react.useMemo)(() => seed ? (0, _seedScope.buildSeedScopeVars)({
|
|
38
|
+
seed,
|
|
39
|
+
mode: resolvedMode,
|
|
40
|
+
variant,
|
|
41
|
+
contrastLevel
|
|
42
|
+
}) : null, [seed, resolvedMode, variant, contrastLevel]);
|
|
43
|
+
const contextValue = (0, _react.useMemo)(() => {
|
|
44
|
+
if (!parent || !seed) return null;
|
|
45
|
+
const theme = (0, _buildThemeFromSeed.buildThemeFromSeed)(seed, resolvedMode, variant, contrastLevel);
|
|
46
|
+
return {
|
|
47
|
+
...parent,
|
|
48
|
+
theme
|
|
49
|
+
};
|
|
50
|
+
}, [parent, seed, resolvedMode, variant, contrastLevel]);
|
|
51
|
+
if (!parent) {
|
|
52
|
+
throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
|
|
53
|
+
}
|
|
54
|
+
// `seed` undefined => no-op; children inherit the parent scope.
|
|
55
|
+
if (!nativeVars || !contextValue) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
56
|
+
children: children
|
|
57
|
+
});
|
|
58
|
+
const VariableProvider = (0, _styleBuilder.getVariableContextProvider)();
|
|
59
|
+
let content;
|
|
60
|
+
if (asChild) {
|
|
61
|
+
const child = _react.Children.only(children);
|
|
62
|
+
if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
|
|
63
|
+
throw new Error('BloomSeedScope with `asChild` requires a single React element child that accepts a `style` prop.');
|
|
64
|
+
}
|
|
65
|
+
const childStyle = child.props.style;
|
|
66
|
+
const mergedStyle = [style, childStyle];
|
|
67
|
+
content = /*#__PURE__*/(0, _react.cloneElement)(child, {
|
|
68
|
+
style: mergedStyle
|
|
69
|
+
});
|
|
70
|
+
} else {
|
|
71
|
+
content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
72
|
+
style: [{
|
|
73
|
+
flex: 1
|
|
74
|
+
}, style],
|
|
75
|
+
children: children
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
const scoped = VariableProvider ? /*#__PURE__*/(0, _jsxRuntime.jsx)(VariableProvider, {
|
|
79
|
+
value: nativeVars,
|
|
80
|
+
children: content
|
|
81
|
+
}) : content;
|
|
82
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BloomThemeProvider.BloomThemeContext.Provider, {
|
|
83
|
+
value: contextValue,
|
|
84
|
+
children: scoped
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_BloomThemeProvider","_seedScope","_styleBuilder","_buildThemeFromSeed","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BloomSeedScope","seed","variant","contrastLevel","asChild","style","children","parent","useContext","BloomThemeContext","resolvedMode","theme","mode","nativeVars","useMemo","buildSeedScopeVars","contextValue","buildThemeFromSeed","Error","jsx","Fragment","VariableProvider","getVariableContextProvider","content","child","Children","only","isValidElement","childStyle","props","mergedStyle","cloneElement","View","flex","scoped","value","Provider"],"sourceRoot":"../../../../src","sources":["theme/seed-scope/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.BloomSeedScope = BloomSeedScope;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _BloomThemeProvider = require("../BloomThemeProvider.js");
|
|
9
|
+
var _seedScope = require("../color-scope/seed-scope.js");
|
|
10
|
+
var _buildThemeFromSeed = require("../build-theme-from-seed.js");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
/**
|
|
14
|
+
* On web the single `asChild` child is frequently a react-native-web component
|
|
15
|
+
* whose `style` prop is a style ARRAY (or a numeric registered-style id), not a
|
|
16
|
+
* plain object. Spreading such an array into an object literal would copy its
|
|
17
|
+
* numeric indices as keys and crash RNW; merge as an array instead.
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Web `<BloomSeedScope>`: scopes a subtree to an ARBITRARY seed colour's palette
|
|
22
|
+
* (the dynamic counterpart of `<BloomColorScope>`). It (1) writes every canonical
|
|
23
|
+
* `--x` token plus the Tailwind v4 `--color-x` aliases (already resolved to
|
|
24
|
+
* `rgb(...)`) onto the wrapping element's inline `style`, so NativeWind classes
|
|
25
|
+
* inside resolve against the seed palette instead of the document root, and
|
|
26
|
+
* (2) publishes a matching JS `theme` on `BloomThemeContext` so
|
|
27
|
+
* `useTheme()`/`useBloomTheme()` consumers inside the subtree re-theme too. The
|
|
28
|
+
* `colorPreset` field is left as the parent's (a seed is not a named preset).
|
|
29
|
+
*/
|
|
30
|
+
function BloomSeedScope({
|
|
31
|
+
seed,
|
|
32
|
+
variant,
|
|
33
|
+
contrastLevel,
|
|
34
|
+
asChild = false,
|
|
35
|
+
style,
|
|
36
|
+
children
|
|
37
|
+
}) {
|
|
38
|
+
const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
|
|
39
|
+
const resolvedMode = parent?.theme.mode ?? 'light';
|
|
40
|
+
const varsStyle = (0, _react.useMemo)(() => seed ? (0, _seedScope.buildSeedScopeVars)({
|
|
41
|
+
seed,
|
|
42
|
+
mode: resolvedMode,
|
|
43
|
+
variant,
|
|
44
|
+
contrastLevel
|
|
45
|
+
}) : null, [seed, resolvedMode, variant, contrastLevel]);
|
|
46
|
+
const contextValue = (0, _react.useMemo)(() => {
|
|
47
|
+
if (!parent || !seed) return null;
|
|
48
|
+
const theme = (0, _buildThemeFromSeed.buildThemeFromSeed)(seed, resolvedMode, variant, contrastLevel);
|
|
49
|
+
return {
|
|
50
|
+
...parent,
|
|
51
|
+
theme
|
|
52
|
+
};
|
|
53
|
+
}, [parent, seed, resolvedMode, variant, contrastLevel]);
|
|
54
|
+
if (!parent) {
|
|
55
|
+
throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
|
|
56
|
+
}
|
|
57
|
+
if (!varsStyle || !contextValue) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
58
|
+
children: children
|
|
59
|
+
});
|
|
60
|
+
let content;
|
|
61
|
+
if (asChild) {
|
|
62
|
+
const child = _react.Children.only(children);
|
|
63
|
+
if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
|
|
64
|
+
throw new Error('BloomSeedScope with `asChild` requires a single React element child that accepts a `style` prop.');
|
|
65
|
+
}
|
|
66
|
+
const childStyle = child.props.style;
|
|
67
|
+
const mergedStyle = [varsStyle, style, childStyle];
|
|
68
|
+
content = /*#__PURE__*/(0, _react.cloneElement)(child, {
|
|
69
|
+
style: mergedStyle
|
|
70
|
+
});
|
|
71
|
+
} else {
|
|
72
|
+
const mergedStyle = {
|
|
73
|
+
...varsStyle,
|
|
74
|
+
...style
|
|
75
|
+
};
|
|
76
|
+
content = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
77
|
+
style: mergedStyle,
|
|
78
|
+
children: children
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BloomThemeProvider.BloomThemeContext.Provider, {
|
|
82
|
+
value: contextValue,
|
|
83
|
+
children: content
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_BloomThemeProvider","_seedScope","_buildThemeFromSeed","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BloomSeedScope","seed","variant","contrastLevel","asChild","style","children","parent","useContext","BloomThemeContext","resolvedMode","theme","mode","varsStyle","useMemo","buildSeedScopeVars","contextValue","buildThemeFromSeed","Error","jsx","Fragment","content","child","Children","only","isValidElement","childStyle","props","mergedStyle","cloneElement","Provider","value"],"sourceRoot":"../../../../src","sources":["theme/seed-scope/index.web.tsx"],"mappings":"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","ignoreList":[]}
|