@oxyhq/bloom 0.42.0 → 0.42.1
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/seed-scope/index.js +11 -4
- package/lib/commonjs/theme/seed-scope/index.js.map +1 -1
- package/lib/commonjs/theme/seed-scope/index.web.js +11 -4
- package/lib/commonjs/theme/seed-scope/index.web.js.map +1 -1
- package/lib/module/theme/seed-scope/index.js +11 -4
- package/lib/module/theme/seed-scope/index.js.map +1 -1
- package/lib/module/theme/seed-scope/index.web.js +11 -4
- package/lib/module/theme/seed-scope/index.web.js.map +1 -1
- package/lib/typescript/commonjs/theme/seed-scope/index.d.ts +9 -1
- package/lib/typescript/commonjs/theme/seed-scope/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/seed-scope/index.web.d.ts +9 -1
- package/lib/typescript/commonjs/theme/seed-scope/index.web.d.ts.map +1 -1
- package/lib/typescript/module/theme/seed-scope/index.d.ts +9 -1
- package/lib/typescript/module/theme/seed-scope/index.d.ts.map +1 -1
- package/lib/typescript/module/theme/seed-scope/index.web.d.ts +9 -1
- package/lib/typescript/module/theme/seed-scope/index.web.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/theme/seed-scope/index.tsx +17 -4
- package/src/theme/seed-scope/index.web.tsx +15 -3
|
@@ -25,6 +25,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
25
25
|
*/
|
|
26
26
|
function BloomSeedScope({
|
|
27
27
|
seed,
|
|
28
|
+
secondarySeed,
|
|
29
|
+
tertiarySeed,
|
|
28
30
|
variant,
|
|
29
31
|
contrastLevel,
|
|
30
32
|
asChild = false,
|
|
@@ -38,16 +40,21 @@ function BloomSeedScope({
|
|
|
38
40
|
seed,
|
|
39
41
|
mode: resolvedMode,
|
|
40
42
|
variant,
|
|
41
|
-
contrastLevel
|
|
42
|
-
|
|
43
|
+
contrastLevel,
|
|
44
|
+
secondarySeed,
|
|
45
|
+
tertiarySeed
|
|
46
|
+
}) : null, [seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
|
|
43
47
|
const contextValue = (0, _react.useMemo)(() => {
|
|
44
48
|
if (!parent || !seed) return null;
|
|
45
|
-
const theme = (0, _buildThemeFromSeed.buildThemeFromSeed)(seed, resolvedMode, variant, contrastLevel
|
|
49
|
+
const theme = (0, _buildThemeFromSeed.buildThemeFromSeed)(seed, resolvedMode, variant, contrastLevel, {
|
|
50
|
+
secondarySeed,
|
|
51
|
+
tertiarySeed
|
|
52
|
+
});
|
|
46
53
|
return {
|
|
47
54
|
...parent,
|
|
48
55
|
theme
|
|
49
56
|
};
|
|
50
|
-
}, [parent, seed, resolvedMode, variant, contrastLevel]);
|
|
57
|
+
}, [parent, seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
|
|
51
58
|
if (!parent) {
|
|
52
59
|
throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
|
|
53
60
|
}
|
|
@@ -1 +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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAA8D,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;
|
|
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","secondarySeed","tertiarySeed","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":[]}
|
|
@@ -29,6 +29,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
29
29
|
*/
|
|
30
30
|
function BloomSeedScope({
|
|
31
31
|
seed,
|
|
32
|
+
secondarySeed,
|
|
33
|
+
tertiarySeed,
|
|
32
34
|
variant,
|
|
33
35
|
contrastLevel,
|
|
34
36
|
asChild = false,
|
|
@@ -41,16 +43,21 @@ function BloomSeedScope({
|
|
|
41
43
|
seed,
|
|
42
44
|
mode: resolvedMode,
|
|
43
45
|
variant,
|
|
44
|
-
contrastLevel
|
|
45
|
-
|
|
46
|
+
contrastLevel,
|
|
47
|
+
secondarySeed,
|
|
48
|
+
tertiarySeed
|
|
49
|
+
}) : null, [seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
|
|
46
50
|
const contextValue = (0, _react.useMemo)(() => {
|
|
47
51
|
if (!parent || !seed) return null;
|
|
48
|
-
const theme = (0, _buildThemeFromSeed.buildThemeFromSeed)(seed, resolvedMode, variant, contrastLevel
|
|
52
|
+
const theme = (0, _buildThemeFromSeed.buildThemeFromSeed)(seed, resolvedMode, variant, contrastLevel, {
|
|
53
|
+
secondarySeed,
|
|
54
|
+
tertiarySeed
|
|
55
|
+
});
|
|
49
56
|
return {
|
|
50
57
|
...parent,
|
|
51
58
|
theme
|
|
52
59
|
};
|
|
53
|
-
}, [parent, seed, resolvedMode, variant, contrastLevel]);
|
|
60
|
+
}, [parent, seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
|
|
54
61
|
if (!parent) {
|
|
55
62
|
throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
|
|
56
63
|
}
|
|
@@ -1 +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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA8D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;
|
|
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","secondarySeed","tertiarySeed","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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA8D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAiC9D;AACA;AACA;AACA;AACA;AACA;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,cAAcA,CAAC;EAC7BC,IAAI;EACJC,aAAa;EACbC,YAAY;EACZC,OAAO;EACPC,aAAa;EACbC,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC;AACmB,CAAC,EAAE;EACtB,MAAMC,MAAM,GAAG,IAAAC,iBAAU,EAACC,qCAAiB,CAAC;EAC5C,MAAMC,YAAY,GAAGH,MAAM,EAAEI,KAAK,CAACC,IAAI,IAAI,OAAO;EAElD,MAAMC,SAAS,GAAG,IAAAC,cAAO,EACvB,MACEf,IAAI,GACC,IAAAgB,6BAAkB,EAAC;IAClBhB,IAAI;IACJa,IAAI,EAAEF,YAAY;IAClBR,OAAO;IACPC,aAAa;IACbH,aAAa;IACbC;EACF,CAAC,CAAC,GACF,IAAI,EACV,CAACF,IAAI,EAAEW,YAAY,EAAER,OAAO,EAAEC,aAAa,EAAEH,aAAa,EAAEC,YAAY,CAC1E,CAAC;EAED,MAAMe,YAAY,GAAG,IAAAF,cAAO,EAAgC,MAAM;IAChE,IAAI,CAACP,MAAM,IAAI,CAACR,IAAI,EAAE,OAAO,IAAI;IACjC,MAAMY,KAAK,GAAG,IAAAM,sCAAkB,EAAClB,IAAI,EAAEW,YAAY,EAAER,OAAO,EAAEC,aAAa,EAAE;MAAEH,aAAa;MAAEC;IAAa,CAAC,CAAC;IAC7G,OAAO;MAAE,GAAGM,MAAM;MAAEI;IAAM,CAAC;EAC7B,CAAC,EAAE,CAACJ,MAAM,EAAER,IAAI,EAAEW,YAAY,EAAER,OAAO,EAAEC,aAAa,EAAEH,aAAa,EAAEC,YAAY,CAAC,CAAC;EAErF,IAAI,CAACM,MAAM,EAAE;IACX,MAAM,IAAIW,KAAK,CAAC,2DAA2D,CAAC;EAC9E;EACA,IAAI,CAACL,SAAS,IAAI,CAACG,YAAY,EAAE,oBAAO,IAAAtC,WAAA,CAAAyC,GAAA,EAAAzC,WAAA,CAAA0C,QAAA;IAAAd,QAAA,EAAGA;EAAQ,CAAG,CAAC;EAEvD,IAAIe,OAAwB;EAC5B,IAAIjB,OAAO,EAAE;IACX,MAAMkB,KAAK,GAAGC,eAAQ,CAACC,IAAI,CAAClB,QAAQ,CAAC;IACrC,IAAI,eAAC,IAAAmB,qBAAc,EAAiBH,KAAK,CAAC,EAAE;MAC1C,MAAM,IAAIJ,KAAK,CACb,kGACF,CAAC;IACH;IACA,MAAMQ,UAAU,GAAGJ,KAAK,CAACK,KAAK,CAACtB,KAAK;IACpC,MAAMuB,WAAqB,GAAG,CAACf,SAAS,EAAER,KAAK,EAAEqB,UAAU,CAAC;IAC5DL,OAAO,gBAAG,IAAAQ,mBAAY,EAACP,KAAK,EAAE;MAAEjB,KAAK,EAAEuB;IAAY,CAAC,CAAC;EACvD,CAAC,MAAM;IACL,MAAMA,WAAgC,GAAG;MAAE,GAAGf,SAAS;MAAE,GAAGR;IAAM,CAAC;IACnEgB,OAAO,gBAAG,IAAA3C,WAAA,CAAAyC,GAAA;MAAKd,KAAK,EAAEuB,WAAY;MAAAtB,QAAA,EAAEA;IAAQ,CAAM,CAAC;EACrD;EAEA,oBAAO,IAAA5B,WAAA,CAAAyC,GAAA,EAAC5C,mBAAA,CAAAkC,iBAAiB,CAACqB,QAAQ;IAACC,KAAK,EAAEf,YAAa;IAAAV,QAAA,EAAEe;EAAO,CAA6B,CAAC;AAChG","ignoreList":[]}
|
|
@@ -20,6 +20,8 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
|
20
20
|
*/
|
|
21
21
|
export function BloomSeedScope({
|
|
22
22
|
seed,
|
|
23
|
+
secondarySeed,
|
|
24
|
+
tertiarySeed,
|
|
23
25
|
variant,
|
|
24
26
|
contrastLevel,
|
|
25
27
|
asChild = false,
|
|
@@ -33,16 +35,21 @@ export function BloomSeedScope({
|
|
|
33
35
|
seed,
|
|
34
36
|
mode: resolvedMode,
|
|
35
37
|
variant,
|
|
36
|
-
contrastLevel
|
|
37
|
-
|
|
38
|
+
contrastLevel,
|
|
39
|
+
secondarySeed,
|
|
40
|
+
tertiarySeed
|
|
41
|
+
}) : null, [seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
|
|
38
42
|
const contextValue = useMemo(() => {
|
|
39
43
|
if (!parent || !seed) return null;
|
|
40
|
-
const theme = buildThemeFromSeed(seed, resolvedMode, variant, contrastLevel
|
|
44
|
+
const theme = buildThemeFromSeed(seed, resolvedMode, variant, contrastLevel, {
|
|
45
|
+
secondarySeed,
|
|
46
|
+
tertiarySeed
|
|
47
|
+
});
|
|
41
48
|
return {
|
|
42
49
|
...parent,
|
|
43
50
|
theme
|
|
44
51
|
};
|
|
45
|
-
}, [parent, seed, resolvedMode, variant, contrastLevel]);
|
|
52
|
+
}, [parent, seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
|
|
46
53
|
if (!parent) {
|
|
47
54
|
throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
|
|
48
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Children","cloneElement","isValidElement","useContext","useMemo","View","BloomThemeContext","buildSeedScopeVars","getVariableContextProvider","buildThemeFromSeed","Fragment","_Fragment","jsx","_jsx","BloomSeedScope","seed","variant","contrastLevel","asChild","style","children","parent","resolvedMode","theme","mode","nativeVars","contextValue","Error","VariableProvider","content","child","only","childStyle","props","mergedStyle","flex","scoped","value","Provider"],"sourceRoot":"../../../../src","sources":["theme/seed-scope/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,YAAY,EAAEC,cAAc,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC1F,SAASC,IAAI,QAAwC,cAAc;AAEnE,SAASC,iBAAiB,QAAqC,0BAAuB;AACtF,SAASC,kBAAkB,QAAQ,8BAA2B;AAC9D,SAASC,0BAA0B,QAAQ,iCAA8B;AACzE,SAASC,kBAAkB,QAAQ,6BAA0B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","Children","cloneElement","isValidElement","useContext","useMemo","View","BloomThemeContext","buildSeedScopeVars","getVariableContextProvider","buildThemeFromSeed","Fragment","_Fragment","jsx","_jsx","BloomSeedScope","seed","secondarySeed","tertiarySeed","variant","contrastLevel","asChild","style","children","parent","resolvedMode","theme","mode","nativeVars","contextValue","Error","VariableProvider","content","child","only","childStyle","props","mergedStyle","flex","scoped","value","Provider"],"sourceRoot":"../../../../src","sources":["theme/seed-scope/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -24,6 +24,8 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
|
24
24
|
*/
|
|
25
25
|
export function BloomSeedScope({
|
|
26
26
|
seed,
|
|
27
|
+
secondarySeed,
|
|
28
|
+
tertiarySeed,
|
|
27
29
|
variant,
|
|
28
30
|
contrastLevel,
|
|
29
31
|
asChild = false,
|
|
@@ -36,16 +38,21 @@ export function BloomSeedScope({
|
|
|
36
38
|
seed,
|
|
37
39
|
mode: resolvedMode,
|
|
38
40
|
variant,
|
|
39
|
-
contrastLevel
|
|
40
|
-
|
|
41
|
+
contrastLevel,
|
|
42
|
+
secondarySeed,
|
|
43
|
+
tertiarySeed
|
|
44
|
+
}) : null, [seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
|
|
41
45
|
const contextValue = useMemo(() => {
|
|
42
46
|
if (!parent || !seed) return null;
|
|
43
|
-
const theme = buildThemeFromSeed(seed, resolvedMode, variant, contrastLevel
|
|
47
|
+
const theme = buildThemeFromSeed(seed, resolvedMode, variant, contrastLevel, {
|
|
48
|
+
secondarySeed,
|
|
49
|
+
tertiarySeed
|
|
50
|
+
});
|
|
44
51
|
return {
|
|
45
52
|
...parent,
|
|
46
53
|
theme
|
|
47
54
|
};
|
|
48
|
-
}, [parent, seed, resolvedMode, variant, contrastLevel]);
|
|
55
|
+
}, [parent, seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
|
|
49
56
|
if (!parent) {
|
|
50
57
|
throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
|
|
51
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Children","cloneElement","isValidElement","useContext","useMemo","BloomThemeContext","buildSeedScopeVars","buildThemeFromSeed","Fragment","_Fragment","jsx","_jsx","BloomSeedScope","seed","variant","contrastLevel","asChild","style","children","parent","resolvedMode","theme","mode","varsStyle","contextValue","Error","content","child","only","childStyle","props","mergedStyle","Provider","value"],"sourceRoot":"../../../../src","sources":["theme/seed-scope/index.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,YAAY,EAAEC,cAAc,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAE1F,SAASC,iBAAiB,QAAqC,0BAAuB;AACtF,SAASC,kBAAkB,QAAQ,8BAA2B;AAC9D,SAASC,kBAAkB,QAAQ,6BAA0B;;
|
|
1
|
+
{"version":3,"names":["React","Children","cloneElement","isValidElement","useContext","useMemo","BloomThemeContext","buildSeedScopeVars","buildThemeFromSeed","Fragment","_Fragment","jsx","_jsx","BloomSeedScope","seed","secondarySeed","tertiarySeed","variant","contrastLevel","asChild","style","children","parent","resolvedMode","theme","mode","varsStyle","contextValue","Error","content","child","only","childStyle","props","mergedStyle","Provider","value"],"sourceRoot":"../../../../src","sources":["theme/seed-scope/index.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,YAAY,EAAEC,cAAc,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAE1F,SAASC,iBAAiB,QAAqC,0BAAuB;AACtF,SAASC,kBAAkB,QAAQ,8BAA2B;AAC9D,SAASC,kBAAkB,QAAQ,6BAA0B;;AAiC7D;AACA;AACA;AACA;AACA;AACA;AALA,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAC;EAC7BC,IAAI;EACJC,aAAa;EACbC,YAAY;EACZC,OAAO;EACPC,aAAa;EACbC,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC;AACmB,CAAC,EAAE;EACtB,MAAMC,MAAM,GAAGlB,UAAU,CAACE,iBAAiB,CAAC;EAC5C,MAAMiB,YAAY,GAAGD,MAAM,EAAEE,KAAK,CAACC,IAAI,IAAI,OAAO;EAElD,MAAMC,SAAS,GAAGrB,OAAO,CACvB,MACES,IAAI,GACCP,kBAAkB,CAAC;IAClBO,IAAI;IACJW,IAAI,EAAEF,YAAY;IAClBN,OAAO;IACPC,aAAa;IACbH,aAAa;IACbC;EACF,CAAC,CAAC,GACF,IAAI,EACV,CAACF,IAAI,EAAES,YAAY,EAAEN,OAAO,EAAEC,aAAa,EAAEH,aAAa,EAAEC,YAAY,CAC1E,CAAC;EAED,MAAMW,YAAY,GAAGtB,OAAO,CAAgC,MAAM;IAChE,IAAI,CAACiB,MAAM,IAAI,CAACR,IAAI,EAAE,OAAO,IAAI;IACjC,MAAMU,KAAK,GAAGhB,kBAAkB,CAACM,IAAI,EAAES,YAAY,EAAEN,OAAO,EAAEC,aAAa,EAAE;MAAEH,aAAa;MAAEC;IAAa,CAAC,CAAC;IAC7G,OAAO;MAAE,GAAGM,MAAM;MAAEE;IAAM,CAAC;EAC7B,CAAC,EAAE,CAACF,MAAM,EAAER,IAAI,EAAES,YAAY,EAAEN,OAAO,EAAEC,aAAa,EAAEH,aAAa,EAAEC,YAAY,CAAC,CAAC;EAErF,IAAI,CAACM,MAAM,EAAE;IACX,MAAM,IAAIM,KAAK,CAAC,2DAA2D,CAAC;EAC9E;EACA,IAAI,CAACF,SAAS,IAAI,CAACC,YAAY,EAAE,oBAAOf,IAAA,CAAAF,SAAA;IAAAW,QAAA,EAAGA;EAAQ,CAAG,CAAC;EAEvD,IAAIQ,OAAwB;EAC5B,IAAIV,OAAO,EAAE;IACX,MAAMW,KAAK,GAAG7B,QAAQ,CAAC8B,IAAI,CAACV,QAAQ,CAAC;IACrC,IAAI,eAAClB,cAAc,CAAiB2B,KAAK,CAAC,EAAE;MAC1C,MAAM,IAAIF,KAAK,CACb,kGACF,CAAC;IACH;IACA,MAAMI,UAAU,GAAGF,KAAK,CAACG,KAAK,CAACb,KAAK;IACpC,MAAMc,WAAqB,GAAG,CAACR,SAAS,EAAEN,KAAK,EAAEY,UAAU,CAAC;IAC5DH,OAAO,gBAAG3B,YAAY,CAAC4B,KAAK,EAAE;MAAEV,KAAK,EAAEc;IAAY,CAAC,CAAC;EACvD,CAAC,MAAM;IACL,MAAMA,WAAgC,GAAG;MAAE,GAAGR,SAAS;MAAE,GAAGN;IAAM,CAAC;IACnES,OAAO,gBAAGjB,IAAA;MAAKQ,KAAK,EAAEc,WAAY;MAAAb,QAAA,EAAEA;IAAQ,CAAM,CAAC;EACrD;EAEA,oBAAOT,IAAA,CAACN,iBAAiB,CAAC6B,QAAQ;IAACC,KAAK,EAAET,YAAa;IAAAN,QAAA,EAAEQ;EAAO,CAA6B,CAAC;AAChG","ignoreList":[]}
|
|
@@ -9,6 +9,14 @@ export interface BloomSeedScopeProps {
|
|
|
9
9
|
* mouse-leave/blur when restoring the default theme).
|
|
10
10
|
*/
|
|
11
11
|
seed: string | undefined;
|
|
12
|
+
/**
|
|
13
|
+
* Optional explicit secondary-accent seed (`#rrggbb`). Pins the secondary
|
|
14
|
+
* palette to a distinct brand/artwork colour instead of the derived rotation —
|
|
15
|
+
* e.g. pass `seedsFromImagePixels(pixels)[1]` for a richer artwork theme.
|
|
16
|
+
*/
|
|
17
|
+
secondarySeed?: string;
|
|
18
|
+
/** Optional explicit tertiary-accent seed (`#rrggbb`). Same semantics. */
|
|
19
|
+
tertiarySeed?: string;
|
|
12
20
|
/** Tonal scheme variant. Defaults to `'vibrant'` (matches Bloom presets). */
|
|
13
21
|
variant?: SchemeVariant;
|
|
14
22
|
/** −1 (low) … 0 (normal) … 1 (high). Defaults to 0. */
|
|
@@ -33,5 +41,5 @@ export interface BloomSeedScopeProps {
|
|
|
33
41
|
* subtree also re-theme. The `colorPreset` field is left as the parent's (a seed
|
|
34
42
|
* is not a named preset).
|
|
35
43
|
*/
|
|
36
|
-
export declare function BloomSeedScope({ seed, variant, contrastLevel, asChild, style, children, }: BloomSeedScopeProps): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
export declare function BloomSeedScope({ seed, secondarySeed, tertiarySeed, variant, contrastLevel, asChild, style, children, }: BloomSeedScopeProps): import("react/jsx-runtime").JSX.Element;
|
|
37
45
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/seed-scope/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0GAA0G;IAC1G,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,aAAa,EACb,OAAe,EACf,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/seed-scope/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0GAA0G;IAC1G,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,OAAO,EACP,aAAa,EACb,OAAe,EACf,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,2CAiDrB"}
|
|
@@ -8,6 +8,14 @@ export interface BloomSeedScopeProps {
|
|
|
8
8
|
* mouse-leave/blur when restoring the default theme).
|
|
9
9
|
*/
|
|
10
10
|
seed: string | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* Optional explicit secondary-accent seed (`#rrggbb`). Pins the secondary
|
|
13
|
+
* palette to a distinct brand/artwork colour instead of the derived rotation —
|
|
14
|
+
* e.g. pass `seedsFromImagePixels(pixels)[1]` for a richer artwork theme.
|
|
15
|
+
*/
|
|
16
|
+
secondarySeed?: string;
|
|
17
|
+
/** Optional explicit tertiary-accent seed (`#rrggbb`). Same semantics. */
|
|
18
|
+
tertiarySeed?: string;
|
|
11
19
|
/** Tonal scheme variant. Defaults to `'vibrant'` (matches Bloom presets). */
|
|
12
20
|
variant?: SchemeVariant;
|
|
13
21
|
/** −1 (low) … 0 (normal) … 1 (high). Defaults to 0. */
|
|
@@ -31,5 +39,5 @@ export interface BloomSeedScopeProps {
|
|
|
31
39
|
* `useTheme()`/`useBloomTheme()` consumers inside the subtree re-theme too. The
|
|
32
40
|
* `colorPreset` field is left as the parent's (a seed is not a named preset).
|
|
33
41
|
*/
|
|
34
|
-
export declare function BloomSeedScope({ seed, variant, contrastLevel, asChild, style, children, }: BloomSeedScopeProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export declare function BloomSeedScope({ seed, secondarySeed, tertiarySeed, variant, contrastLevel, asChild, style, children, }: BloomSeedScopeProps): import("react/jsx-runtime").JSX.Element;
|
|
35
43
|
//# sourceMappingURL=index.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../../src/theme/seed-scope/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAK3F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yGAAyG;IACzG,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAoBD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,aAAa,EACb,OAAe,EACf,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../../src/theme/seed-scope/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAK3F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yGAAyG;IACzG,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAoBD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,OAAO,EACP,aAAa,EACb,OAAe,EACf,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,2CA+CrB"}
|
|
@@ -9,6 +9,14 @@ export interface BloomSeedScopeProps {
|
|
|
9
9
|
* mouse-leave/blur when restoring the default theme).
|
|
10
10
|
*/
|
|
11
11
|
seed: string | undefined;
|
|
12
|
+
/**
|
|
13
|
+
* Optional explicit secondary-accent seed (`#rrggbb`). Pins the secondary
|
|
14
|
+
* palette to a distinct brand/artwork colour instead of the derived rotation —
|
|
15
|
+
* e.g. pass `seedsFromImagePixels(pixels)[1]` for a richer artwork theme.
|
|
16
|
+
*/
|
|
17
|
+
secondarySeed?: string;
|
|
18
|
+
/** Optional explicit tertiary-accent seed (`#rrggbb`). Same semantics. */
|
|
19
|
+
tertiarySeed?: string;
|
|
12
20
|
/** Tonal scheme variant. Defaults to `'vibrant'` (matches Bloom presets). */
|
|
13
21
|
variant?: SchemeVariant;
|
|
14
22
|
/** −1 (low) … 0 (normal) … 1 (high). Defaults to 0. */
|
|
@@ -33,5 +41,5 @@ export interface BloomSeedScopeProps {
|
|
|
33
41
|
* subtree also re-theme. The `colorPreset` field is left as the parent's (a seed
|
|
34
42
|
* is not a named preset).
|
|
35
43
|
*/
|
|
36
|
-
export declare function BloomSeedScope({ seed, variant, contrastLevel, asChild, style, children, }: BloomSeedScopeProps): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
export declare function BloomSeedScope({ seed, secondarySeed, tertiarySeed, variant, contrastLevel, asChild, style, children, }: BloomSeedScopeProps): import("react/jsx-runtime").JSX.Element;
|
|
37
45
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/seed-scope/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0GAA0G;IAC1G,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,aAAa,EACb,OAAe,EACf,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/seed-scope/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0GAA0G;IAC1G,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,OAAO,EACP,aAAa,EACb,OAAe,EACf,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,2CAiDrB"}
|
|
@@ -8,6 +8,14 @@ export interface BloomSeedScopeProps {
|
|
|
8
8
|
* mouse-leave/blur when restoring the default theme).
|
|
9
9
|
*/
|
|
10
10
|
seed: string | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* Optional explicit secondary-accent seed (`#rrggbb`). Pins the secondary
|
|
13
|
+
* palette to a distinct brand/artwork colour instead of the derived rotation —
|
|
14
|
+
* e.g. pass `seedsFromImagePixels(pixels)[1]` for a richer artwork theme.
|
|
15
|
+
*/
|
|
16
|
+
secondarySeed?: string;
|
|
17
|
+
/** Optional explicit tertiary-accent seed (`#rrggbb`). Same semantics. */
|
|
18
|
+
tertiarySeed?: string;
|
|
11
19
|
/** Tonal scheme variant. Defaults to `'vibrant'` (matches Bloom presets). */
|
|
12
20
|
variant?: SchemeVariant;
|
|
13
21
|
/** −1 (low) … 0 (normal) … 1 (high). Defaults to 0. */
|
|
@@ -31,5 +39,5 @@ export interface BloomSeedScopeProps {
|
|
|
31
39
|
* `useTheme()`/`useBloomTheme()` consumers inside the subtree re-theme too. The
|
|
32
40
|
* `colorPreset` field is left as the parent's (a seed is not a named preset).
|
|
33
41
|
*/
|
|
34
|
-
export declare function BloomSeedScope({ seed, variant, contrastLevel, asChild, style, children, }: BloomSeedScopeProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export declare function BloomSeedScope({ seed, secondarySeed, tertiarySeed, variant, contrastLevel, asChild, style, children, }: BloomSeedScopeProps): import("react/jsx-runtime").JSX.Element;
|
|
35
43
|
//# sourceMappingURL=index.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../../src/theme/seed-scope/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAK3F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yGAAyG;IACzG,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAoBD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,aAAa,EACb,OAAe,EACf,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../../src/theme/seed-scope/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAK3F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yGAAyG;IACzG,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAoBD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,OAAO,EACP,aAAa,EACb,OAAe,EACf,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,2CA+CrB"}
|
package/package.json
CHANGED
|
@@ -15,6 +15,14 @@ export interface BloomSeedScopeProps {
|
|
|
15
15
|
* mouse-leave/blur when restoring the default theme).
|
|
16
16
|
*/
|
|
17
17
|
seed: string | undefined;
|
|
18
|
+
/**
|
|
19
|
+
* Optional explicit secondary-accent seed (`#rrggbb`). Pins the secondary
|
|
20
|
+
* palette to a distinct brand/artwork colour instead of the derived rotation —
|
|
21
|
+
* e.g. pass `seedsFromImagePixels(pixels)[1]` for a richer artwork theme.
|
|
22
|
+
*/
|
|
23
|
+
secondarySeed?: string;
|
|
24
|
+
/** Optional explicit tertiary-accent seed (`#rrggbb`). Same semantics. */
|
|
25
|
+
tertiarySeed?: string;
|
|
18
26
|
/** Tonal scheme variant. Defaults to `'vibrant'` (matches Bloom presets). */
|
|
19
27
|
variant?: SchemeVariant;
|
|
20
28
|
/** −1 (low) … 0 (normal) … 1 (high). Defaults to 0. */
|
|
@@ -46,6 +54,8 @@ interface StyleableProps {
|
|
|
46
54
|
*/
|
|
47
55
|
export function BloomSeedScope({
|
|
48
56
|
seed,
|
|
57
|
+
secondarySeed,
|
|
58
|
+
tertiarySeed,
|
|
49
59
|
variant,
|
|
50
60
|
contrastLevel,
|
|
51
61
|
asChild = false,
|
|
@@ -57,15 +67,18 @@ export function BloomSeedScope({
|
|
|
57
67
|
const resolvedMode = parent?.theme.mode ?? 'light';
|
|
58
68
|
|
|
59
69
|
const nativeVars = useMemo<Record<string, string> | null>(
|
|
60
|
-
() =>
|
|
61
|
-
|
|
70
|
+
() =>
|
|
71
|
+
seed
|
|
72
|
+
? buildSeedScopeVars({ seed, mode: resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed })
|
|
73
|
+
: null,
|
|
74
|
+
[seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed],
|
|
62
75
|
);
|
|
63
76
|
|
|
64
77
|
const contextValue = useMemo<BloomThemeContextValue | null>(() => {
|
|
65
78
|
if (!parent || !seed) return null;
|
|
66
|
-
const theme = buildThemeFromSeed(seed, resolvedMode, variant, contrastLevel);
|
|
79
|
+
const theme = buildThemeFromSeed(seed, resolvedMode, variant, contrastLevel, { secondarySeed, tertiarySeed });
|
|
67
80
|
return { ...parent, theme };
|
|
68
|
-
}, [parent, seed, resolvedMode, variant, contrastLevel]);
|
|
81
|
+
}, [parent, seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
|
|
69
82
|
|
|
70
83
|
if (!parent) {
|
|
71
84
|
throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
|
|
@@ -13,6 +13,14 @@ export interface BloomSeedScopeProps {
|
|
|
13
13
|
* mouse-leave/blur when restoring the default theme).
|
|
14
14
|
*/
|
|
15
15
|
seed: string | undefined;
|
|
16
|
+
/**
|
|
17
|
+
* Optional explicit secondary-accent seed (`#rrggbb`). Pins the secondary
|
|
18
|
+
* palette to a distinct brand/artwork colour instead of the derived rotation —
|
|
19
|
+
* e.g. pass `seedsFromImagePixels(pixels)[1]` for a richer artwork theme.
|
|
20
|
+
*/
|
|
21
|
+
secondarySeed?: string;
|
|
22
|
+
/** Optional explicit tertiary-accent seed (`#rrggbb`). Same semantics. */
|
|
23
|
+
tertiarySeed?: string;
|
|
16
24
|
/** Tonal scheme variant. Defaults to `'vibrant'` (matches Bloom presets). */
|
|
17
25
|
variant?: SchemeVariant;
|
|
18
26
|
/** −1 (low) … 0 (normal) … 1 (high). Defaults to 0. */
|
|
@@ -57,6 +65,8 @@ interface StyleableProps {
|
|
|
57
65
|
*/
|
|
58
66
|
export function BloomSeedScope({
|
|
59
67
|
seed,
|
|
68
|
+
secondarySeed,
|
|
69
|
+
tertiarySeed,
|
|
60
70
|
variant,
|
|
61
71
|
contrastLevel,
|
|
62
72
|
asChild = false,
|
|
@@ -74,16 +84,18 @@ export function BloomSeedScope({
|
|
|
74
84
|
mode: resolvedMode,
|
|
75
85
|
variant,
|
|
76
86
|
contrastLevel,
|
|
87
|
+
secondarySeed,
|
|
88
|
+
tertiarySeed,
|
|
77
89
|
}) as React.CSSProperties)
|
|
78
90
|
: null,
|
|
79
|
-
[seed, resolvedMode, variant, contrastLevel],
|
|
91
|
+
[seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed],
|
|
80
92
|
);
|
|
81
93
|
|
|
82
94
|
const contextValue = useMemo<BloomThemeContextValue | null>(() => {
|
|
83
95
|
if (!parent || !seed) return null;
|
|
84
|
-
const theme = buildThemeFromSeed(seed, resolvedMode, variant, contrastLevel);
|
|
96
|
+
const theme = buildThemeFromSeed(seed, resolvedMode, variant, contrastLevel, { secondarySeed, tertiarySeed });
|
|
85
97
|
return { ...parent, theme };
|
|
86
|
-
}, [parent, seed, resolvedMode, variant, contrastLevel]);
|
|
98
|
+
}, [parent, seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
|
|
87
99
|
|
|
88
100
|
if (!parent) {
|
|
89
101
|
throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
|