@oxyhq/bloom 0.41.0 → 0.42.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/BloomThemeProvider.js +18 -7
- package/lib/commonjs/theme/BloomThemeProvider.js.map +1 -1
- package/lib/commonjs/theme/apply-dark-class.js +2 -2
- package/lib/commonjs/theme/apply-dark-class.js.map +1 -1
- package/lib/commonjs/theme/build-theme-from-seed.js +17 -5
- package/lib/commonjs/theme/build-theme-from-seed.js.map +1 -1
- package/lib/commonjs/theme/build-theme.js +9 -6
- package/lib/commonjs/theme/build-theme.js.map +1 -1
- package/lib/commonjs/theme/color-engine/index.js +8 -1
- package/lib/commonjs/theme/color-engine/index.js.map +1 -1
- package/lib/commonjs/theme/color-engine/scheme-variants.js +42 -18
- package/lib/commonjs/theme/color-engine/scheme-variants.js.map +1 -1
- package/lib/commonjs/theme/color-engine/seed-from-image.js +11 -1
- package/lib/commonjs/theme/color-engine/seed-from-image.js.map +1 -1
- package/lib/commonjs/theme/color-presets.js.map +1 -1
- package/lib/commonjs/theme/color-scope/seed-scope.js +3 -1
- package/lib/commonjs/theme/color-scope/seed-scope.js.map +1 -1
- package/lib/commonjs/theme/color-scope/style-builder.js +2 -2
- package/lib/commonjs/theme/color-scope/style-builder.js.map +1 -1
- package/lib/commonjs/theme/index.js.map +1 -1
- package/lib/commonjs/theme/native-root-vars.js +1 -1
- package/lib/commonjs/theme/native-root-vars.js.map +1 -1
- package/lib/commonjs/theme/native-root-vars.native.js +2 -2
- package/lib/commonjs/theme/native-root-vars.native.js.map +1 -1
- package/lib/commonjs/theme/native-root-vars.web.js +1 -1
- package/lib/commonjs/theme/native-root-vars.web.js.map +1 -1
- package/lib/commonjs/theme/preset-vars.js +16 -2
- package/lib/commonjs/theme/preset-vars.js.map +1 -1
- package/lib/commonjs/theme/token-registry.js +2 -2
- package/lib/commonjs/theme/token-registry.js.map +1 -1
- package/lib/module/theme/BloomThemeProvider.js +18 -7
- package/lib/module/theme/BloomThemeProvider.js.map +1 -1
- package/lib/module/theme/apply-dark-class.js +2 -2
- package/lib/module/theme/apply-dark-class.js.map +1 -1
- package/lib/module/theme/build-theme-from-seed.js +18 -5
- package/lib/module/theme/build-theme-from-seed.js.map +1 -1
- package/lib/module/theme/build-theme.js +9 -6
- package/lib/module/theme/build-theme.js.map +1 -1
- package/lib/module/theme/color-engine/index.js +8 -1
- package/lib/module/theme/color-engine/index.js.map +1 -1
- package/lib/module/theme/color-engine/scheme-variants.js +43 -18
- package/lib/module/theme/color-engine/scheme-variants.js.map +1 -1
- package/lib/module/theme/color-engine/seed-from-image.js +11 -1
- package/lib/module/theme/color-engine/seed-from-image.js.map +1 -1
- package/lib/module/theme/color-presets.js.map +1 -1
- package/lib/module/theme/color-scope/seed-scope.js +3 -1
- package/lib/module/theme/color-scope/seed-scope.js.map +1 -1
- package/lib/module/theme/color-scope/style-builder.js +2 -2
- package/lib/module/theme/color-scope/style-builder.js.map +1 -1
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/theme/native-root-vars.js +1 -1
- package/lib/module/theme/native-root-vars.js.map +1 -1
- package/lib/module/theme/native-root-vars.native.js +2 -2
- package/lib/module/theme/native-root-vars.native.js.map +1 -1
- package/lib/module/theme/native-root-vars.web.js +1 -1
- package/lib/module/theme/native-root-vars.web.js.map +1 -1
- package/lib/module/theme/preset-vars.js +17 -2
- package/lib/module/theme/preset-vars.js.map +1 -1
- package/lib/module/theme/token-registry.js +2 -2
- package/lib/module/theme/token-registry.js.map +1 -1
- package/lib/typescript/commonjs/theme/BloomThemeProvider.d.ts +15 -1
- package/lib/typescript/commonjs/theme/BloomThemeProvider.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/apply-dark-class.d.ts +2 -1
- package/lib/typescript/commonjs/theme/apply-dark-class.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/build-theme-from-seed.d.ts +13 -2
- package/lib/typescript/commonjs/theme/build-theme-from-seed.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/build-theme.d.ts +2 -1
- package/lib/typescript/commonjs/theme/build-theme.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-engine/index.d.ts +17 -1
- package/lib/typescript/commonjs/theme/color-engine/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-engine/scheme-variants.d.ts +25 -7
- package/lib/typescript/commonjs/theme/color-engine/scheme-variants.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-engine/seed-from-image.d.ts +11 -1
- package/lib/typescript/commonjs/theme/color-engine/seed-from-image.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-presets.d.ts +14 -0
- package/lib/typescript/commonjs/theme/color-presets.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-scope/seed-scope.d.ts +12 -0
- package/lib/typescript/commonjs/theme/color-scope/seed-scope.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-scope/style-builder.d.ts +2 -1
- package/lib/typescript/commonjs/theme/color-scope/style-builder.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/index.d.ts +3 -1
- package/lib/typescript/commonjs/theme/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/native-root-vars.d.ts +2 -1
- package/lib/typescript/commonjs/theme/native-root-vars.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/native-root-vars.native.d.ts +2 -1
- package/lib/typescript/commonjs/theme/native-root-vars.native.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/native-root-vars.web.d.ts +2 -1
- package/lib/typescript/commonjs/theme/native-root-vars.web.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/preset-vars.d.ts +12 -1
- package/lib/typescript/commonjs/theme/preset-vars.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/token-registry.d.ts +2 -1
- package/lib/typescript/commonjs/theme/token-registry.d.ts.map +1 -1
- package/lib/typescript/module/theme/BloomThemeProvider.d.ts +15 -1
- package/lib/typescript/module/theme/BloomThemeProvider.d.ts.map +1 -1
- package/lib/typescript/module/theme/apply-dark-class.d.ts +2 -1
- package/lib/typescript/module/theme/apply-dark-class.d.ts.map +1 -1
- package/lib/typescript/module/theme/build-theme-from-seed.d.ts +13 -2
- package/lib/typescript/module/theme/build-theme-from-seed.d.ts.map +1 -1
- package/lib/typescript/module/theme/build-theme.d.ts +2 -1
- package/lib/typescript/module/theme/build-theme.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-engine/index.d.ts +17 -1
- package/lib/typescript/module/theme/color-engine/index.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-engine/scheme-variants.d.ts +25 -7
- package/lib/typescript/module/theme/color-engine/scheme-variants.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-engine/seed-from-image.d.ts +11 -1
- package/lib/typescript/module/theme/color-engine/seed-from-image.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-presets.d.ts +14 -0
- package/lib/typescript/module/theme/color-presets.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-scope/seed-scope.d.ts +12 -0
- package/lib/typescript/module/theme/color-scope/seed-scope.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-scope/style-builder.d.ts +2 -1
- package/lib/typescript/module/theme/color-scope/style-builder.d.ts.map +1 -1
- package/lib/typescript/module/theme/index.d.ts +3 -1
- package/lib/typescript/module/theme/index.d.ts.map +1 -1
- package/lib/typescript/module/theme/native-root-vars.d.ts +2 -1
- package/lib/typescript/module/theme/native-root-vars.d.ts.map +1 -1
- package/lib/typescript/module/theme/native-root-vars.native.d.ts +2 -1
- package/lib/typescript/module/theme/native-root-vars.native.d.ts.map +1 -1
- package/lib/typescript/module/theme/native-root-vars.web.d.ts +2 -1
- package/lib/typescript/module/theme/native-root-vars.web.d.ts.map +1 -1
- package/lib/typescript/module/theme/preset-vars.d.ts +12 -1
- package/lib/typescript/module/theme/preset-vars.d.ts.map +1 -1
- package/lib/typescript/module/theme/token-registry.d.ts +2 -1
- package/lib/typescript/module/theme/token-registry.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/__tests__/theme.test.ts +3 -0
- package/src/theme/BloomThemeProvider.tsx +38 -8
- package/src/theme/__tests__/explicit-accents.test.ts +129 -0
- package/src/theme/apply-dark-class.ts +7 -2
- package/src/theme/build-theme-from-seed.ts +25 -2
- package/src/theme/build-theme.ts +9 -3
- package/src/theme/color-engine/index.ts +27 -1
- package/src/theme/color-engine/scheme-variants.ts +108 -30
- package/src/theme/color-engine/seed-from-image.ts +11 -1
- package/src/theme/color-presets.ts +14 -0
- package/src/theme/color-scope/seed-scope.ts +14 -0
- package/src/theme/color-scope/style-builder.ts +3 -1
- package/src/theme/index.ts +3 -1
- package/src/theme/native-root-vars.native.ts +7 -2
- package/src/theme/native-root-vars.ts +6 -1
- package/src/theme/native-root-vars.web.ts +6 -1
- package/src/theme/preset-vars.ts +19 -0
- package/src/theme/token-registry.ts +3 -2
|
@@ -164,9 +164,20 @@ function BloomThemeProvider({
|
|
|
164
164
|
fonts = true,
|
|
165
165
|
onFontsLoading,
|
|
166
166
|
nativeWrapperStyle,
|
|
167
|
+
secondaryColor,
|
|
168
|
+
tertiaryColor,
|
|
167
169
|
children
|
|
168
170
|
}) {
|
|
169
171
|
const rnScheme = (0, _reactNative.useColorScheme)();
|
|
172
|
+
|
|
173
|
+
// The app-wide pinned accents, if any. Memoized so its identity only changes
|
|
174
|
+
// when a prop changes (keeps the effect/memo deps below stable). Left
|
|
175
|
+
// `undefined` when neither is set so every downstream call is byte-identical
|
|
176
|
+
// to the no-accent path.
|
|
177
|
+
const explicitAccents = (0, _react.useMemo)(() => secondaryColor === undefined && tertiaryColor === undefined ? undefined : {
|
|
178
|
+
secondaryHex: secondaryColor,
|
|
179
|
+
tertiaryHex: tertiaryColor
|
|
180
|
+
}, [secondaryColor, tertiaryColor]);
|
|
170
181
|
const {
|
|
171
182
|
mode,
|
|
172
183
|
colorPreset,
|
|
@@ -194,8 +205,8 @@ function BloomThemeProvider({
|
|
|
194
205
|
(0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
|
|
195
206
|
(0, _setColorSchemeSafe.setColorSchemeSafe)(effectiveMode);
|
|
196
207
|
(0, _applyDarkClass.applyDarkClass)(resolved);
|
|
197
|
-
(0, _applyDarkClass.applyColorPresetVars)(colorPreset, resolved);
|
|
198
|
-
}, [effectiveMode, resolved, colorPreset]);
|
|
208
|
+
(0, _applyDarkClass.applyColorPresetVars)(colorPreset, resolved, explicitAccents);
|
|
209
|
+
}, [effectiveMode, resolved, colorPreset, explicitAccents]);
|
|
199
210
|
|
|
200
211
|
// Native only: publish the preset vars into react-native-css's GLOBAL root
|
|
201
212
|
// variable family so they reach the ENTIRE app tree — navigator screens and
|
|
@@ -205,16 +216,16 @@ function BloomThemeProvider({
|
|
|
205
216
|
// there. Runs before paint via `useIsomorphicLayoutEffect`, matching the
|
|
206
217
|
// sibling `applyColorPresetVars` side effect.
|
|
207
218
|
(0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
|
|
208
|
-
(0, _nativeRootVars.applyNativeRootVars)(colorPreset, resolved);
|
|
209
|
-
}, [colorPreset, resolved]);
|
|
219
|
+
(0, _nativeRootVars.applyNativeRootVars)(colorPreset, resolved, explicitAccents);
|
|
220
|
+
}, [colorPreset, resolved, explicitAccents]);
|
|
210
221
|
const contextValue = (0, _react.useMemo)(() => ({
|
|
211
|
-
theme: (0, _buildTheme.buildTheme)(colorPreset, resolved, isAdaptive),
|
|
222
|
+
theme: (0, _buildTheme.buildTheme)(colorPreset, resolved, isAdaptive, explicitAccents),
|
|
212
223
|
mode,
|
|
213
224
|
colorPreset,
|
|
214
225
|
setMode,
|
|
215
226
|
setColorPreset,
|
|
216
227
|
resetTheme
|
|
217
|
-
}), [colorPreset, resolved, isAdaptive, mode, setMode, setColorPreset, resetTheme]);
|
|
228
|
+
}), [colorPreset, resolved, isAdaptive, explicitAccents, mode, setMode, setColorPreset, resetTheme]);
|
|
218
229
|
const shouldAwait = awaitHydration ?? Boolean(persistKey && storage);
|
|
219
230
|
const isGated = shouldAwait && !hydrated;
|
|
220
231
|
|
|
@@ -222,7 +233,7 @@ function BloomThemeProvider({
|
|
|
222
233
|
// handed to `VariableContextProvider` so descendants resolve `var(--primary)`
|
|
223
234
|
// etc. through react-native-css's real VariableContext. Web writes these to
|
|
224
235
|
// `document.documentElement` via `applyColorPresetVars`, so it's unused there.
|
|
225
|
-
const nativeVars = (0, _react.useMemo)(() => _reactNative.Platform.OS === 'web' ? null : (0, _styleBuilder.buildScopeVars)(colorPreset, resolved), [colorPreset, resolved]);
|
|
236
|
+
const nativeVars = (0, _react.useMemo)(() => _reactNative.Platform.OS === 'web' ? null : (0, _styleBuilder.buildScopeVars)(colorPreset, resolved, explicitAccents), [colorPreset, resolved, explicitAccents]);
|
|
226
237
|
const VariableProvider = (0, _styleBuilder.getVariableContextProvider)();
|
|
227
238
|
const content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FontLoader.FontLoader, {
|
|
228
239
|
enabled: fonts,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["require","_react","_interopRequireWildcard","_reactNative","_useControllableState","_FontLoader","_applyDarkClass","_buildTheme","_styleBuilder","_nativeRootVars","_persistence","_setColorSchemeSafe","_useIsomorphicLayoutEffect","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_PRESET","DEFAULT_MODE","BloomThemeContext","exports","globalThis","__oxyhq_bloom_theme_context__","createContext","useThemeState","controlledMode","controlledPreset","defaultMode","defaultPreset","persistKey","storage","onModeChange","onColorPresetChange","syncResult","useState","readPersistedThemeSync","syncState","kind","state","initialMode","mode","initialPreset","colorPreset","hydrated","setHydrated","setModeInternal","useControllableState","value","defaultValue","setPresetInternal","modeRef","useRef","current","presetRef","useEffect","cancelled","readPersistedTheme","then","undefined","setMode","useCallback","next","writePersistedTheme","setColorPreset","resetTheme","removePersistedTheme","BloomThemeProvider","defaultColorPreset","awaitHydration","onHydrating","fonts","onFontsLoading","nativeWrapperStyle","children","rnScheme","useRNColorScheme","isAdaptive","effectiveMode","resolved","useIsomorphicLayoutEffect","setColorSchemeSafe","applyDarkClass","applyColorPresetVars","applyNativeRootVars","contextValue","
|
|
1
|
+
{"version":3,"names":["require","_react","_interopRequireWildcard","_reactNative","_useControllableState","_FontLoader","_applyDarkClass","_buildTheme","_styleBuilder","_nativeRootVars","_persistence","_setColorSchemeSafe","_useIsomorphicLayoutEffect","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_PRESET","DEFAULT_MODE","BloomThemeContext","exports","globalThis","__oxyhq_bloom_theme_context__","createContext","useThemeState","controlledMode","controlledPreset","defaultMode","defaultPreset","persistKey","storage","onModeChange","onColorPresetChange","syncResult","useState","readPersistedThemeSync","syncState","kind","state","initialMode","mode","initialPreset","colorPreset","hydrated","setHydrated","setModeInternal","useControllableState","value","defaultValue","setPresetInternal","modeRef","useRef","current","presetRef","useEffect","cancelled","readPersistedTheme","then","undefined","setMode","useCallback","next","writePersistedTheme","setColorPreset","resetTheme","removePersistedTheme","BloomThemeProvider","defaultColorPreset","awaitHydration","onHydrating","fonts","onFontsLoading","nativeWrapperStyle","secondaryColor","tertiaryColor","children","rnScheme","useRNColorScheme","explicitAccents","useMemo","secondaryHex","tertiaryHex","isAdaptive","effectiveMode","resolved","useIsomorphicLayoutEffect","setColorSchemeSafe","applyDarkClass","applyColorPresetVars","applyNativeRootVars","contextValue","theme","buildTheme","shouldAwait","Boolean","isGated","nativeVars","Platform","OS","buildScopeVars","VariableProvider","getVariableContextProvider","content","jsx","FontLoader","enabled","fallback","Provider","nativeTree","View","style","flex"],"sourceRoot":"../../../src","sources":["theme/BloomThemeProvider.tsx"],"mappings":";;;;;;;AAIAA,OAAA;AAEA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AASA,IAAAG,YAAA,GAAAH,OAAA;AAQA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAEA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAEA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAV,OAAA;AASA,IAAAW,mBAAA,GAAAX,OAAA;AACA,IAAAY,0BAAA,GAAAZ,OAAA;AAA2E,IAAAa,WAAA,GAAAb,OAAA;AAAA,SAAAE,wBAAAY,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAY,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;AAzC3E;AACA;AACA;AACA;;AAyCA,MAAMkB,cAA4B,GAAG,KAAK;AAC1C,MAAMC,YAAuB,GAAG,QAAQ;AAuBxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAA+D,GAAAC,OAAA,CAAAD,iBAAA,GACzEE,UAAU,CAACC,6BAA6B,kBACvC,IAAAC,oBAAa,EAAgC,IAAI,CAAE;AAsFvD,SAASC,aAAaA,CAAC;EACrBC,cAAc;EACdC,gBAAgB;EAChBC,WAAW;EACXC,aAAa;EACbC,UAAU;EACVC,OAAO;EACPC,YAAY;EACZC;AACiB,CAAC,EAAoB;EACtC;EACA;EACA;EACA,MAAM,CAACC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAiB,MAC5C,IAAAC,mCAAsB,EAACN,UAAU,EAAEC,OAAO,CAC5C,CAAC;EACD,MAAMM,SAAS,GAAGH,UAAU,CAACI,IAAI,KAAK,MAAM,GAAGJ,UAAU,CAACK,KAAK,GAAG,IAAI;EAEtE,MAAMC,WAAW,GAAGH,SAAS,EAAEI,IAAI,IAAIb,WAAW;EAClD,MAAMc,aAAa,GAAGL,SAAS,EAAEM,WAAW,IAAId,aAAa;;EAE7D;EACA;EACA,MAAM,CAACe,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAV,eAAQ,EAAUD,UAAU,CAACI,IAAI,KAAK,OAAO,CAAC;EAE9E,MAAM,CAACG,IAAI,EAAEK,eAAe,CAAC,GAAG,IAAAC,0CAAoB,EAAY;IAC9DC,KAAK,EAAEtB,cAAc;IACrBuB,YAAY,EAAET;EAChB,CAAC,CAAC;EACF,MAAM,CAACG,WAAW,EAAEO,iBAAiB,CAAC,GAAG,IAAAH,0CAAoB,EAAe;IAC1EC,KAAK,EAAErB,gBAAgB;IACvBsB,YAAY,EAAEP;EAChB,CAAC,CAAC;;EAEF;EACA;EACA;EACA,MAAMS,OAAO,GAAG,IAAAC,aAAM,EAACX,IAAI,CAAC;EAC5BU,OAAO,CAACE,OAAO,GAAGZ,IAAI;EACtB,MAAMa,SAAS,GAAG,IAAAF,aAAM,EAACT,WAAW,CAAC;EACrCW,SAAS,CAACD,OAAO,GAAGV,WAAW;;EAE/B;EACA;EACA,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAIX,QAAQ,EAAE;IACd,IAAI,CAACd,UAAU,IAAI,CAACC,OAAO,EAAE;MAC3Bc,WAAW,CAAC,IAAI,CAAC;MACjB;IACF;IAEA,IAAIW,SAAS,GAAG,KAAK;IACrB,IAAAC,+BAAkB,EAAC3B,UAAU,EAAEC,OAAO,CAAC,CAAC2B,IAAI,CAAEnB,KAAK,IAAK;MACtD,IAAIiB,SAAS,EAAE;MACf,IAAIjB,KAAK,EAAEE,IAAI,IAAIf,cAAc,KAAKiC,SAAS,EAAE;QAC/Cb,eAAe,CAACP,KAAK,CAACE,IAAI,CAAC;QAC3BT,YAAY,GAAGO,KAAK,CAACE,IAAI,CAAC;MAC5B;MACA,IAAIF,KAAK,EAAEI,WAAW,IAAIhB,gBAAgB,KAAKgC,SAAS,EAAE;QACxDT,iBAAiB,CAACX,KAAK,CAACI,WAAW,CAAC;QACpCV,mBAAmB,GAAGM,KAAK,CAACI,WAAW,CAAC;MAC1C;MACAE,WAAW,CAAC,IAAI,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,MAAM;MACXW,SAAS,GAAG,IAAI;IAClB,CAAC;IACD;IACA;IACA;IACA;EACF,CAAC,EAAE,CAAC1B,UAAU,EAAEC,OAAO,CAAC,CAAC;EAEzB,MAAM6B,OAAO,GAAG,IAAAC,kBAAW,EACxBC,IAAe,IAAK;IACnBhB,eAAe,CAACgB,IAAI,CAAC;IACrB9B,YAAY,GAAG8B,IAAI,CAAC;IACpB,KAAK,IAAAC,gCAAmB,EAACjC,UAAU,EAAEC,OAAO,EAAE;MAC5CU,IAAI,EAAEqB,IAAI;MACVnB,WAAW,EAAEW,SAAS,CAACD;IACzB,CAAC,CAAC;EACJ,CAAC,EACD,CAACP,eAAe,EAAEd,YAAY,EAAEF,UAAU,EAAEC,OAAO,CACrD,CAAC;EAED,MAAMiC,cAAc,GAAG,IAAAH,kBAAW,EAC/BC,IAAkB,IAAK;IACtBZ,iBAAiB,CAACY,IAAI,CAAC;IACvB7B,mBAAmB,GAAG6B,IAAI,CAAC;IAC3B,KAAK,IAAAC,gCAAmB,EAACjC,UAAU,EAAEC,OAAO,EAAE;MAC5CU,IAAI,EAAEU,OAAO,CAACE,OAAO;MACrBV,WAAW,EAAEmB;IACf,CAAC,CAAC;EACJ,CAAC,EACD,CAACZ,iBAAiB,EAAEjB,mBAAmB,EAAEH,UAAU,EAAEC,OAAO,CAC9D,CAAC;EAED,MAAMkC,UAAU,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IACnC,IAAInC,cAAc,KAAKiC,SAAS,EAAE;MAChCb,eAAe,CAAClB,WAAW,CAAC;MAC5BI,YAAY,GAAGJ,WAAW,CAAC;IAC7B;IACA,IAAID,gBAAgB,KAAKgC,SAAS,EAAE;MAClCT,iBAAiB,CAACrB,aAAa,CAAC;MAChCI,mBAAmB,GAAGJ,aAAa,CAAC;IACtC;IACA,KAAK,IAAAqC,iCAAoB,EAACpC,UAAU,EAAEC,OAAO,CAAC;EAChD,CAAC,EAAE,CACDL,cAAc,EACdC,gBAAgB,EAChBC,WAAW,EACXC,aAAa,EACbiB,eAAe,EACfI,iBAAiB,EACjBlB,YAAY,EACZC,mBAAmB,EACnBH,UAAU,EACVC,OAAO,CACR,CAAC;EAEF,OAAO;IAAEU,IAAI;IAAEE,WAAW;IAAEiB,OAAO;IAAEI,cAAc;IAAEC,UAAU;IAAErB;EAAS,CAAC;AAC7E;AAEO,SAASuB,kBAAkBA,CAAC;EACjC1B,IAAI,EAAEf,cAAc;EACpBiB,WAAW,EAAEhB,gBAAgB;EAC7BC,WAAW,GAAGT,YAAY;EAC1BiD,kBAAkB,GAAGlD,cAAc;EACnCc,YAAY;EACZC,mBAAmB;EACnBH,UAAU;EACVC,OAAO;EACPsC,cAAc;EACdC,WAAW;EACXC,KAAK,GAAG,IAAI;EACZC,cAAc;EACdC,kBAAkB;EAClBC,cAAc;EACdC,aAAa;EACbC;AACuB,CAAC,EAAE;EAC1B,MAAMC,QAAQ,GAAG,IAAAC,2BAAgB,EAAC,CAAC;;EAEnC;EACA;EACA;EACA;EACA,MAAMC,eAAe,GAAG,IAAAC,cAAO,EAC7B,MACEN,cAAc,KAAKf,SAAS,IAAIgB,aAAa,KAAKhB,SAAS,GACvDA,SAAS,GACT;IAAEsB,YAAY,EAAEP,cAAc;IAAEQ,WAAW,EAAEP;EAAc,CAAC,EAClE,CAACD,cAAc,EAAEC,aAAa,CAChC,CAAC;EAED,MAAM;IAAElC,IAAI;IAAEE,WAAW;IAAEiB,OAAO;IAAEI,cAAc;IAAEC,UAAU;IAAErB;EAAS,CAAC,GAAGnB,aAAa,CAAC;IACzFC,cAAc;IACdC,gBAAgB;IAChBC,WAAW;IACXC,aAAa,EAAEuC,kBAAkB;IACjCtC,UAAU;IACVC,OAAO;IACPC,YAAY;IACZC;EACF,CAAC,CAAC;EAEF,MAAMkD,UAAU,GAAG1C,IAAI,KAAK,UAAU;EACtC,MAAM2C,aAA6C,GAAGD,UAAU,GAAG,QAAQ,GAAG1C,IAAI;EAClF,MAAM4C,QAA0B,GAC9BD,aAAa,KAAK,QAAQ,GAAIP,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAIO,aAAa;;EAEvF;EACA;EACA;EACA,IAAAE,oDAAyB,EAAC,MAAM;IAC9B,IAAAC,sCAAkB,EAACH,aAAa,CAAC;IACjC,IAAAI,8BAAc,EAACH,QAAQ,CAAC;IACxB,IAAAI,oCAAoB,EAAC9C,WAAW,EAAE0C,QAAQ,EAAEN,eAAe,CAAC;EAC9D,CAAC,EAAE,CAACK,aAAa,EAAEC,QAAQ,EAAE1C,WAAW,EAAEoC,eAAe,CAAC,CAAC;;EAE3D;EACA;EACA;EACA;EACA;EACA;EACA;EACA,IAAAO,oDAAyB,EAAC,MAAM;IAC9B,IAAAI,mCAAmB,EAAC/C,WAAW,EAAE0C,QAAQ,EAAEN,eAAe,CAAC;EAC7D,CAAC,EAAE,CAACpC,WAAW,EAAE0C,QAAQ,EAAEN,eAAe,CAAC,CAAC;EAE5C,MAAMY,YAAY,GAAG,IAAAX,cAAO,EAC1B,OAAO;IACLY,KAAK,EAAE,IAAAC,sBAAU,EAAClD,WAAW,EAAE0C,QAAQ,EAAEF,UAAU,EAAEJ,eAAe,CAAC;IACrEtC,IAAI;IACJE,WAAW;IACXiB,OAAO;IACPI,cAAc;IACdC;EACF,CAAC,CAAC,EACF,CAACtB,WAAW,EAAE0C,QAAQ,EAAEF,UAAU,EAAEJ,eAAe,EAAEtC,IAAI,EAAEmB,OAAO,EAAEI,cAAc,EAAEC,UAAU,CAChG,CAAC;EAED,MAAM6B,WAAW,GAAGzB,cAAc,IAAI0B,OAAO,CAACjE,UAAU,IAAIC,OAAO,CAAC;EACpE,MAAMiE,OAAO,GAAGF,WAAW,IAAI,CAAClD,QAAQ;;EAExC;EACA;EACA;EACA;EACA,MAAMqD,UAAU,GAAG,IAAAjB,cAAO,EACxB,MAAOkB,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,IAAAC,4BAAc,EAACzD,WAAW,EAAE0C,QAAQ,EAAEN,eAAe,CAAE,EAC7F,CAACpC,WAAW,EAAE0C,QAAQ,EAAEN,eAAe,CACzC,CAAC;EACD,MAAMsB,gBAAgB,GAAG,IAAAC,wCAA0B,EAAC,CAAC;EAErD,MAAMC,OAAO,gBACX,IAAAzG,WAAA,CAAA0G,GAAA,EAAClH,WAAA,CAAAmH,UAAU;IAACC,OAAO,EAAEnC,KAAM;IAACoC,QAAQ,EAAEnC,cAAe;IAAAI,QAAA,EAClDoB,OAAO,GAAG1B,WAAW,IAAI,IAAI,GAAGM;EAAQ,CAC/B,CACb;EAED,IAAIsB,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB,oBAAO,IAAArG,WAAA,CAAA0G,GAAA,EAACpF,iBAAiB,CAACwF,QAAQ;MAAC5D,KAAK,EAAE2C,YAAa;MAAAf,QAAA,EAAE2B;IAAO,CAA6B,CAAC;EAChG;;EAEA;EACA;EACA;EACA,MAAMM,UAAU,gBAAG,IAAA/G,WAAA,CAAA0G,GAAA,EAACpH,YAAA,CAAA0H,IAAI;IAACC,KAAK,EAAE,CAAC;MAAEC,IAAI,EAAE;IAAE,CAAC,EAAEvC,kBAAkB,CAAE;IAAAG,QAAA,EAAE2B;EAAO,CAAO,CAAC;EAEnF,oBACE,IAAAzG,WAAA,CAAA0G,GAAA,EAACpF,iBAAiB,CAACwF,QAAQ;IAAC5D,KAAK,EAAE2C,YAAa;IAAAf,QAAA,EAC7CyB,gBAAgB,IAAIJ,UAAU,gBAC7B,IAAAnG,WAAA,CAAA0G,GAAA,EAACH,gBAAgB;MAACrD,KAAK,EAAEiD,UAAW;MAAArB,QAAA,EAAEiC;IAAU,CAAmB,CAAC,GAEpEA;EACD,CACyB,CAAC;AAEjC","ignoreList":[]}
|
|
@@ -31,10 +31,10 @@ function applyDarkClass(resolved) {
|
|
|
31
31
|
* Includes extended tokens (card, chart-*, content-area, sidebar-*) so consumer
|
|
32
32
|
* apps don't need to synthesize them.
|
|
33
33
|
*/
|
|
34
|
-
function applyColorPresetVars(preset, resolved) {
|
|
34
|
+
function applyColorPresetVars(preset, resolved, accents) {
|
|
35
35
|
if (_reactNative.Platform.OS !== 'web' || typeof document === 'undefined') return;
|
|
36
36
|
if (!_colorPresets.APP_COLOR_PRESETS[preset]) return;
|
|
37
|
-
const vars = (0, _tokenRegistry.getResolvedTokens)(preset, resolved);
|
|
37
|
+
const vars = (0, _tokenRegistry.getResolvedTokens)(preset, resolved, accents);
|
|
38
38
|
const root = document.documentElement.style;
|
|
39
39
|
for (const [key, value] of Object.entries(vars)) {
|
|
40
40
|
root.setProperty(key, value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_colorPresets","_tokenRegistry","applyDarkClass","resolved","Platform","OS","document","documentElement","classList","toggle","applyColorPresetVars","preset","APP_COLOR_PRESETS","vars","getResolvedTokens","root","style","key","value","Object","entries","setProperty"],"sourceRoot":"../../../src","sources":["theme/apply-dark-class.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_colorPresets","_tokenRegistry","applyDarkClass","resolved","Platform","OS","document","documentElement","classList","toggle","applyColorPresetVars","preset","accents","APP_COLOR_PRESETS","vars","getResolvedTokens","root","style","key","value","Object","entries","setProperty"],"sourceRoot":"../../../src","sources":["theme/apply-dark-class.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAEO,SAASG,cAAcA,CAACC,QAA0B,EAAE;EACzD,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IAC5DA,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,MAAM,CAAC,MAAM,EAAEN,QAAQ,KAAK,MAAM,CAAC;EACxE;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,oBAAoBA,CAClCC,MAAoB,EACpBR,QAA0B,EAC1BS,OAAyB,EACzB;EACA,IAAIR,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAC9D,IAAI,CAACO,+BAAiB,CAACF,MAAM,CAAC,EAAE;EAEhC,MAAMG,IAAI,GAAG,IAAAC,gCAAiB,EAACJ,MAAM,EAAER,QAAQ,EAAES,OAAO,CAAC;EACzD,MAAMI,IAAI,GAAGV,QAAQ,CAACC,eAAe,CAACU,KAAK;EAE3C,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACP,IAAI,CAAC,EAAE;IAC/CE,IAAI,CAACM,WAAW,CAACJ,GAAG,EAAEC,KAAK,CAAC;EAC9B;AACF","ignoreList":[]}
|
|
@@ -9,6 +9,14 @@ var _index = require("./color-engine/index.js");
|
|
|
9
9
|
var _seedScope = require("./color-scope/seed-scope.js");
|
|
10
10
|
var _buildTheme = require("./build-theme.js");
|
|
11
11
|
var _gradients = require("./gradients.js");
|
|
12
|
+
/**
|
|
13
|
+
* Optional explicit accent seeds for the arbitrary-seed theme path. Pinning a
|
|
14
|
+
* `secondarySeed` / `tertiarySeed` (`#rrggbb`) forces that accent family to the
|
|
15
|
+
* given brand colour instead of the derived hue-rotation — mirroring
|
|
16
|
+
* {@link GenerateOptions.secondarySeed}. For an artwork-derived theme, pass the
|
|
17
|
+
* ranked `seedsFromImagePixels` results (`seeds[1]` / `seeds[2]`).
|
|
18
|
+
*/
|
|
19
|
+
|
|
12
20
|
/**
|
|
13
21
|
* Build the JS `theme.colors` object from an ARBITRARY seed colour — the dynamic
|
|
14
22
|
* counterpart of `buildTheme(preset, …)`.
|
|
@@ -22,12 +30,14 @@ var _gradients = require("./gradients.js");
|
|
|
22
30
|
* family (primarySubtle / negative / …) reads the engine's container/error roles
|
|
23
31
|
* directly — identical to the preset path.
|
|
24
32
|
*/
|
|
25
|
-
function buildColorsFromSeed(seed, resolved, variant, contrastLevel) {
|
|
33
|
+
function buildColorsFromSeed(seed, resolved, variant, contrastLevel, accents) {
|
|
26
34
|
const t = (0, _seedScope.buildSeedScopeVars)({
|
|
27
35
|
seed,
|
|
28
36
|
mode: resolved,
|
|
29
37
|
variant,
|
|
30
|
-
contrastLevel
|
|
38
|
+
contrastLevel,
|
|
39
|
+
secondarySeed: accents?.secondarySeed,
|
|
40
|
+
tertiarySeed: accents?.tertiarySeed
|
|
31
41
|
});
|
|
32
42
|
const isDark = resolved === 'dark';
|
|
33
43
|
|
|
@@ -37,7 +47,9 @@ function buildColorsFromSeed(seed, resolved, variant, contrastLevel) {
|
|
|
37
47
|
seed,
|
|
38
48
|
variant,
|
|
39
49
|
isDark,
|
|
40
|
-
contrastLevel
|
|
50
|
+
contrastLevel,
|
|
51
|
+
secondarySeed: accents?.secondarySeed,
|
|
52
|
+
tertiarySeed: accents?.tertiarySeed
|
|
41
53
|
});
|
|
42
54
|
return {
|
|
43
55
|
background: g('background'),
|
|
@@ -78,10 +90,10 @@ function buildColorsFromSeed(seed, resolved, variant, contrastLevel) {
|
|
|
78
90
|
* `buildTheme`, there is no adaptive (Material You / iOS dynamic) override — a
|
|
79
91
|
* seed IS the dynamic source here.
|
|
80
92
|
*/
|
|
81
|
-
function buildThemeFromSeed(seed, resolved, variant, contrastLevel) {
|
|
93
|
+
function buildThemeFromSeed(seed, resolved, variant, contrastLevel, accents) {
|
|
82
94
|
return {
|
|
83
95
|
mode: resolved,
|
|
84
|
-
colors: buildColorsFromSeed(seed, resolved, variant, contrastLevel),
|
|
96
|
+
colors: buildColorsFromSeed(seed, resolved, variant, contrastLevel, accents),
|
|
85
97
|
gradients: _gradients.THEME_GRADIENTS,
|
|
86
98
|
isDark: resolved === 'dark',
|
|
87
99
|
isLight: resolved === 'light'
|
|
@@ -1 +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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,mBAAmBA,CACjCC,IAAY,EACZC,QAA0B,EAC1BC,OAAuB,EACvBC,aAAsB,
|
|
1
|
+
{"version":3,"names":["_index","require","_seedScope","_buildTheme","_gradients","buildColorsFromSeed","seed","resolved","variant","contrastLevel","accents","t","buildSeedScopeVars","mode","secondarySeed","tertiarySeed","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":[]}
|
|
@@ -34,20 +34,23 @@ const STATUS_COLORS = exports.STATUS_COLORS = {
|
|
|
34
34
|
* (`--card` → engine `surfaceContainerLowest`) and `secondary` is a real
|
|
35
35
|
* contrast colour (engine `secondary` role), not a mirror of `primary`.
|
|
36
36
|
*/
|
|
37
|
-
function buildColorsFromPreset(preset, resolved) {
|
|
38
|
-
const t = (0, _tokenRegistry.getResolvedTokens)(preset, resolved);
|
|
37
|
+
function buildColorsFromPreset(preset, resolved, accents) {
|
|
38
|
+
const t = (0, _tokenRegistry.getResolvedTokens)(preset, resolved, accents);
|
|
39
39
|
const isDark = resolved === 'dark';
|
|
40
40
|
|
|
41
41
|
// Read a resolved `rgb(...)` token by its bare name (no leading `--`).
|
|
42
42
|
const g = k => t[`--${k}`] ?? 'rgb(0 0 0)';
|
|
43
43
|
|
|
44
44
|
// The full engine role set — for fields that map to roles Bloom's canonical
|
|
45
|
-
// token set does not surface (containers, error family).
|
|
45
|
+
// token set does not surface (containers, error family). An app-wide accent
|
|
46
|
+
// override wins over the preset's own declared accent (else derived).
|
|
46
47
|
const config = _colorPresets.APP_COLOR_PRESETS[preset];
|
|
47
48
|
const r = (0, _index.generateRoleColors)({
|
|
48
49
|
seed: config.hex,
|
|
49
50
|
variant: config.variant,
|
|
50
|
-
isDark
|
|
51
|
+
isDark,
|
|
52
|
+
secondarySeed: accents?.secondaryHex ?? config.secondaryHex,
|
|
53
|
+
tertiarySeed: accents?.tertiaryHex ?? config.tertiaryHex
|
|
51
54
|
});
|
|
52
55
|
return {
|
|
53
56
|
background: g('background'),
|
|
@@ -94,9 +97,9 @@ function buildColorsFromPreset(preset, resolved) {
|
|
|
94
97
|
* When `isAdaptive` is true and the platform exposes adaptive (Material You /
|
|
95
98
|
* iOS dynamic) colors, those override the preset-derived palette.
|
|
96
99
|
*/
|
|
97
|
-
function buildTheme(preset, resolved, isAdaptive = false) {
|
|
100
|
+
function buildTheme(preset, resolved, isAdaptive = false, accents) {
|
|
98
101
|
const adaptive = isAdaptive && _reactNative.Platform.OS !== 'web' ? (0, _adaptiveColors.getAdaptiveColors)() : undefined;
|
|
99
|
-
const colors = adaptive ?? buildColorsFromPreset(preset, resolved);
|
|
102
|
+
const colors = adaptive ?? buildColorsFromPreset(preset, resolved, accents);
|
|
100
103
|
return {
|
|
101
104
|
mode: resolved,
|
|
102
105
|
colors,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_colorPresets","_index","_adaptiveColors","_tokenRegistry","_gradients","STATUS_COLORS","exports","success","error","warning","info","buildColorsFromPreset","preset","resolved","t","getResolvedTokens","isDark","g","k","config","APP_COLOR_PRESETS","r","generateRoleColors","seed","hex","variant","background","backgroundSecondary","backgroundTertiary","text","textSecondary","textTertiary","outline","border","borderLight","primary","primaryForeground","primaryLight","primaryDark","secondary","secondaryForeground","tertiary","tertiaryForeground","tint","icon","iconActive","primarySubtle","primaryContainer","primarySubtleForeground","onPrimaryContainer","negative","negativeForeground","onError","negativeSubtle","errorContainer","negativeSubtleForeground","onErrorContainer","contrast50","card","shadow","overlay","buildTheme","isAdaptive","adaptive","Platform","OS","getAdaptiveColors","undefined","colors","mode","gradients","THEME_GRADIENTS","isLight"],"sourceRoot":"../../../src","sources":["theme/build-theme.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_colorPresets","_index","_adaptiveColors","_tokenRegistry","_gradients","STATUS_COLORS","exports","success","error","warning","info","buildColorsFromPreset","preset","resolved","accents","t","getResolvedTokens","isDark","g","k","config","APP_COLOR_PRESETS","r","generateRoleColors","seed","hex","variant","secondarySeed","secondaryHex","tertiarySeed","tertiaryHex","background","backgroundSecondary","backgroundTertiary","text","textSecondary","textTertiary","outline","border","borderLight","primary","primaryForeground","primaryLight","primaryDark","secondary","secondaryForeground","tertiary","tertiaryForeground","tint","icon","iconActive","primarySubtle","primaryContainer","primarySubtleForeground","onPrimaryContainer","negative","negativeForeground","onError","negativeSubtle","errorContainer","negativeSubtleForeground","onErrorContainer","contrast50","card","shadow","overlay","buildTheme","isAdaptive","adaptive","Platform","OS","getAdaptiveColors","undefined","colors","mode","gradients","THEME_GRADIENTS","isLight"],"sourceRoot":"../../../src","sources":["theme/build-theme.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -160,9 +160,16 @@ function hexFromArgb(argb) {
|
|
|
160
160
|
/**
|
|
161
161
|
* Generate the full role set from ANY seed colour — the dynamic-theming entry
|
|
162
162
|
* point. Presets are just fixed seeds; a user-picked colour works identically.
|
|
163
|
+
*
|
|
164
|
+
* `secondarySeed` / `tertiarySeed` optionally PIN those accent families to real
|
|
165
|
+
* brand colours (e.g. a blue-primary brand with a yellow secondary); omitted, the
|
|
166
|
+
* accents are derived as the variant's hue-rotations — byte-identical to before.
|
|
163
167
|
*/
|
|
164
168
|
function generateRoleColors(opts) {
|
|
165
|
-
const scheme = (0, _schemeVariants.buildScheme)(opts.variant ?? 'vibrant', _hct.Hct.fromInt(argbFromHex(opts.seed)), opts.isDark ?? false, opts.contrastLevel ?? 0
|
|
169
|
+
const scheme = (0, _schemeVariants.buildScheme)(opts.variant ?? 'vibrant', _hct.Hct.fromInt(argbFromHex(opts.seed)), opts.isDark ?? false, opts.contrastLevel ?? 0, {
|
|
170
|
+
secondarySource: opts.secondarySeed !== undefined ? _hct.Hct.fromInt(argbFromHex(opts.secondarySeed)) : undefined,
|
|
171
|
+
tertiarySource: opts.tertiarySeed !== undefined ? _hct.Hct.fromInt(argbFromHex(opts.tertiarySeed)) : undefined
|
|
172
|
+
});
|
|
166
173
|
const out = {};
|
|
167
174
|
for (const name of Object.keys(_colorRoles.Roles)) {
|
|
168
175
|
const argb = _colorRoles.Roles[name].getArgb(scheme);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_hct","require","_tonalPalette","_dynamicScheme","_schemeVariants","_colorRoles","_colorRole","_quantizerWu","_score","_seedFromImage","_colorUtils","argbFromHex","hex","h","replace","v","length","parseInt","hexFromArgb","argb","r","redFromArgb","toString","padStart","g","greenFromArgb","b","blueFromArgb","generateRoleColors","opts","scheme","buildScheme","variant","Hct","fromInt","seed","isDark","contrastLevel","out","name","Object","keys","Roles","getArgb"],"sourceRoot":"../../../../src","sources":["theme/color-engine/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAAA,IAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAEA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA;AACO,SAASU,WAAWA,CAACC,GAAW,EAAU;EAC/C,MAAMC,CAAC,GAAGD,GAAG,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;EAC9B,MAAMC,CAAC,GAAGF,CAAC,CAACG,MAAM,KAAK,CAAC,GAAG,KAAKH,CAAC,EAAE,GAAGA,CAAC;EACvC,OAAOI,QAAQ,CAACF,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC;AAC9B;;AAEA;AACO,SAASG,WAAWA,CAACC,IAAY,EAAU;EAChD,MAAMC,CAAC,GAAG,IAAAC,uBAAW,EAACF,IAAI,CAAC,CAACG,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACzD,MAAMC,CAAC,GAAG,IAAAC,yBAAa,EAACN,IAAI,CAAC,CAACG,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAC3D,MAAMG,CAAC,GAAG,IAAAC,wBAAY,EAACR,IAAI,CAAC,CAACG,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAC1D,OAAO,IAAIH,CAAC,GAAGI,CAAC,GAAGE,CAAC,EAAE;AACxB;;AAEA;;
|
|
1
|
+
{"version":3,"names":["_hct","require","_tonalPalette","_dynamicScheme","_schemeVariants","_colorRoles","_colorRole","_quantizerWu","_score","_seedFromImage","_colorUtils","argbFromHex","hex","h","replace","v","length","parseInt","hexFromArgb","argb","r","redFromArgb","toString","padStart","g","greenFromArgb","b","blueFromArgb","generateRoleColors","opts","scheme","buildScheme","variant","Hct","fromInt","seed","isDark","contrastLevel","secondarySource","secondarySeed","undefined","tertiarySource","tertiarySeed","out","name","Object","keys","Roles","getArgb"],"sourceRoot":"../../../../src","sources":["theme/color-engine/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAAA,IAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAEA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA;AACO,SAASU,WAAWA,CAACC,GAAW,EAAU;EAC/C,MAAMC,CAAC,GAAGD,GAAG,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;EAC9B,MAAMC,CAAC,GAAGF,CAAC,CAACG,MAAM,KAAK,CAAC,GAAG,KAAKH,CAAC,EAAE,GAAGA,CAAC;EACvC,OAAOI,QAAQ,CAACF,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC;AAC9B;;AAEA;AACO,SAASG,WAAWA,CAACC,IAAY,EAAU;EAChD,MAAMC,CAAC,GAAG,IAAAC,uBAAW,EAACF,IAAI,CAAC,CAACG,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACzD,MAAMC,CAAC,GAAG,IAAAC,yBAAa,EAACN,IAAI,CAAC,CAACG,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAC3D,MAAMG,CAAC,GAAG,IAAAC,wBAAY,EAACR,IAAI,CAAC,CAACG,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAC1D,OAAO,IAAIH,CAAC,GAAGI,CAAC,GAAGE,CAAC,EAAE;AACxB;;AAEA;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,kBAAkBA,CAACC,IAAqB,EAAc;EACpE,MAAMC,MAAM,GAAG,IAAAC,2BAAW,EACxBF,IAAI,CAACG,OAAO,IAAI,SAAS,EACzBC,QAAG,CAACC,OAAO,CAACvB,WAAW,CAACkB,IAAI,CAACM,IAAI,CAAC,CAAC,EACnCN,IAAI,CAACO,MAAM,IAAI,KAAK,EACpBP,IAAI,CAACQ,aAAa,IAAI,CAAC,EACvB;IACEC,eAAe,EACbT,IAAI,CAACU,aAAa,KAAKC,SAAS,GAC5BP,QAAG,CAACC,OAAO,CAACvB,WAAW,CAACkB,IAAI,CAACU,aAAa,CAAC,CAAC,GAC5CC,SAAS;IACfC,cAAc,EACZZ,IAAI,CAACa,YAAY,KAAKF,SAAS,GAC3BP,QAAG,CAACC,OAAO,CAACvB,WAAW,CAACkB,IAAI,CAACa,YAAY,CAAC,CAAC,GAC3CF;EACR,CACF,CAAC;EACD,MAAMG,GAAG,GAAG,CAAC,CAAe;EAC5B,KAAK,MAAMC,IAAI,IAAIC,MAAM,CAACC,IAAI,CAACC,iBAAK,CAAC,EAAgB;IACnD,MAAM5B,IAAI,GAAG4B,iBAAK,CAACH,IAAI,CAAC,CAACI,OAAO,CAAClB,MAAM,CAAC;IACxCa,GAAG,CAACC,IAAI,CAAC,GAAG,OAAO,IAAAvB,uBAAW,EAACF,IAAI,CAAC,IAAI,IAAAM,yBAAa,EAACN,IAAI,CAAC,IAAI,IAAAQ,wBAAY,EAACR,IAAI,CAAC,GAAG;EACtF;EACA,OAAOwB,GAAG;AACZ","ignoreList":[]}
|
|
@@ -23,6 +23,24 @@ var _variant = require("./variant.js");
|
|
|
23
23
|
* and aren't useful for Bloom's fixed brand seeds.
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
|
+
/**
|
|
27
|
+
* Optional explicit accent seeds for a scheme. When a source HCT is supplied, its
|
|
28
|
+
* palette is built from that colour itself (keeping the brand hue + chroma) instead
|
|
29
|
+
* of the derived hue-rotation — so a brand with a distinct secondary/tertiary accent
|
|
30
|
+
* (e.g. blue primary + yellow secondary) can PIN its real accent family. The M3 role
|
|
31
|
+
* tones still apply on top (a pinned yellow yields a yellow-hued secondary family:
|
|
32
|
+
* light container, dark on-colour) — that is correct M3 behaviour.
|
|
33
|
+
*/
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* Build the accent tonal palette for a role: from the pinned brand colour when a
|
|
37
|
+
* `source` is provided (preserving its hue + chroma), otherwise from the caller's
|
|
38
|
+
* derived rotation. Uses `TonalPalette.fromInt` so the palette keeps the exact
|
|
39
|
+
* brand key colour; the role tones apply the same way for both.
|
|
40
|
+
*/
|
|
41
|
+
function accentPalette(source, derived) {
|
|
42
|
+
return source !== undefined ? _tonalPalette.TonalPalette.fromInt(source.toInt()) : derived();
|
|
43
|
+
}
|
|
26
44
|
const VIBRANT_HUES = [0.0, 41.0, 61.0, 101.0, 131.0, 181.0, 251.0, 301.0, 360.0];
|
|
27
45
|
const VIBRANT_SECONDARY_ROTATIONS = [18.0, 15.0, 10.0, 12.0, 15.0, 18.0, 15.0, 12.0, 12.0];
|
|
28
46
|
const VIBRANT_TERTIARY_ROTATIONS = [35.0, 30.0, 20.0, 25.0, 30.0, 35.0, 30.0, 25.0, 25.0];
|
|
@@ -31,15 +49,15 @@ const EXPRESSIVE_SECONDARY_ROTATIONS = [45.0, 95.0, 45.0, 20.0, 45.0, 90.0, 45.0
|
|
|
31
49
|
const EXPRESSIVE_TERTIARY_ROTATIONS = [120.0, 120.0, 20.0, 45.0, 20.0, 15.0, 20.0, 120.0, 120.0];
|
|
32
50
|
|
|
33
51
|
/** Maxed-out colourfulness at each position of the primary palette. */
|
|
34
|
-
function schemeVibrant(source, isDark, contrastLevel) {
|
|
52
|
+
function schemeVibrant(source, isDark, contrastLevel, accents = {}) {
|
|
35
53
|
return new _dynamicScheme.DynamicScheme({
|
|
36
54
|
sourceColorArgb: source.toInt(),
|
|
37
55
|
variant: _variant.Variant.VIBRANT,
|
|
38
56
|
contrastLevel,
|
|
39
57
|
isDark,
|
|
40
58
|
primaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 200.0),
|
|
41
|
-
secondaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, VIBRANT_HUES, VIBRANT_SECONDARY_ROTATIONS), 24.0),
|
|
42
|
-
tertiaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, VIBRANT_HUES, VIBRANT_TERTIARY_ROTATIONS), 32.0),
|
|
59
|
+
secondaryPalette: accentPalette(accents.secondarySource, () => _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, VIBRANT_HUES, VIBRANT_SECONDARY_ROTATIONS), 24.0)),
|
|
60
|
+
tertiaryPalette: accentPalette(accents.tertiarySource, () => _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, VIBRANT_HUES, VIBRANT_TERTIARY_ROTATIONS), 32.0)),
|
|
43
61
|
neutralPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 10.0),
|
|
44
62
|
neutralVariantPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 12.0)
|
|
45
63
|
});
|
|
@@ -54,58 +72,58 @@ function schemeVibrant(source, isDark, contrastLevel) {
|
|
|
54
72
|
* old hand-authored palette felt more vivid than pure M3, and this restores that
|
|
55
73
|
* across the whole primary/secondary/tertiary trio.
|
|
56
74
|
*/
|
|
57
|
-
function schemeVivid(source, isDark, contrastLevel) {
|
|
75
|
+
function schemeVivid(source, isDark, contrastLevel, accents = {}) {
|
|
58
76
|
return new _dynamicScheme.DynamicScheme({
|
|
59
77
|
sourceColorArgb: source.toInt(),
|
|
60
78
|
variant: _variant.Variant.VIBRANT,
|
|
61
79
|
contrastLevel,
|
|
62
80
|
isDark,
|
|
63
81
|
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),
|
|
82
|
+
secondaryPalette: accentPalette(accents.secondarySource, () => _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, VIBRANT_HUES, VIBRANT_SECONDARY_ROTATIONS), 64.0)),
|
|
83
|
+
tertiaryPalette: accentPalette(accents.tertiarySource, () => _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, VIBRANT_HUES, VIBRANT_TERTIARY_ROTATIONS), 72.0)),
|
|
66
84
|
neutralPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 10.0),
|
|
67
85
|
neutralVariantPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 12.0)
|
|
68
86
|
});
|
|
69
87
|
}
|
|
70
|
-
function schemeExpressive(source, isDark, contrastLevel) {
|
|
88
|
+
function schemeExpressive(source, isDark, contrastLevel, accents = {}) {
|
|
71
89
|
return new _dynamicScheme.DynamicScheme({
|
|
72
90
|
sourceColorArgb: source.toInt(),
|
|
73
91
|
variant: _variant.Variant.EXPRESSIVE,
|
|
74
92
|
contrastLevel,
|
|
75
93
|
isDark,
|
|
76
94
|
primaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma((0, _mathUtils.sanitizeDegreesDouble)(source.hue + 240.0), 40.0),
|
|
77
|
-
secondaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, EXPRESSIVE_HUES, EXPRESSIVE_SECONDARY_ROTATIONS), 24.0),
|
|
78
|
-
tertiaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, EXPRESSIVE_HUES, EXPRESSIVE_TERTIARY_ROTATIONS), 32.0),
|
|
95
|
+
secondaryPalette: accentPalette(accents.secondarySource, () => _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, EXPRESSIVE_HUES, EXPRESSIVE_SECONDARY_ROTATIONS), 24.0)),
|
|
96
|
+
tertiaryPalette: accentPalette(accents.tertiarySource, () => _tonalPalette.TonalPalette.fromHueAndChroma(_dynamicScheme.DynamicScheme.getRotatedHue(source, EXPRESSIVE_HUES, EXPRESSIVE_TERTIARY_ROTATIONS), 32.0)),
|
|
79
97
|
neutralPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue + 15, 8.0),
|
|
80
98
|
neutralVariantPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue + 15, 12.0)
|
|
81
99
|
});
|
|
82
100
|
}
|
|
83
101
|
|
|
84
102
|
/** The Material You default — a calm, balanced treatment of the seed. */
|
|
85
|
-
function schemeTonalSpot(source, isDark, contrastLevel) {
|
|
103
|
+
function schemeTonalSpot(source, isDark, contrastLevel, accents = {}) {
|
|
86
104
|
return new _dynamicScheme.DynamicScheme({
|
|
87
105
|
sourceColorArgb: source.toInt(),
|
|
88
106
|
variant: _variant.Variant.TONAL_SPOT,
|
|
89
107
|
contrastLevel,
|
|
90
108
|
isDark,
|
|
91
109
|
primaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 36.0),
|
|
92
|
-
secondaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 16.0),
|
|
93
|
-
tertiaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma((0, _mathUtils.sanitizeDegreesDouble)(source.hue + 60.0), 24.0),
|
|
110
|
+
secondaryPalette: accentPalette(accents.secondarySource, () => _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 16.0)),
|
|
111
|
+
tertiaryPalette: accentPalette(accents.tertiarySource, () => _tonalPalette.TonalPalette.fromHueAndChroma((0, _mathUtils.sanitizeDegreesDouble)(source.hue + 60.0), 24.0)),
|
|
94
112
|
neutralPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 6.0),
|
|
95
113
|
neutralVariantPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 8.0)
|
|
96
114
|
});
|
|
97
115
|
}
|
|
98
116
|
|
|
99
117
|
/** Near-greyscale — the seed hue is present only as a whisper. */
|
|
100
|
-
function schemeNeutral(source, isDark, contrastLevel) {
|
|
118
|
+
function schemeNeutral(source, isDark, contrastLevel, accents = {}) {
|
|
101
119
|
return new _dynamicScheme.DynamicScheme({
|
|
102
120
|
sourceColorArgb: source.toInt(),
|
|
103
121
|
variant: _variant.Variant.NEUTRAL,
|
|
104
122
|
contrastLevel,
|
|
105
123
|
isDark,
|
|
106
124
|
primaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 12.0),
|
|
107
|
-
secondaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 8.0),
|
|
108
|
-
tertiaryPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 16.0),
|
|
125
|
+
secondaryPalette: accentPalette(accents.secondarySource, () => _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 8.0)),
|
|
126
|
+
tertiaryPalette: accentPalette(accents.tertiarySource, () => _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 16.0)),
|
|
109
127
|
neutralPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 2.0),
|
|
110
128
|
neutralVariantPalette: _tonalPalette.TonalPalette.fromHueAndChroma(source.hue, 2.0)
|
|
111
129
|
});
|
|
@@ -118,8 +136,14 @@ const BUILDERS = {
|
|
|
118
136
|
neutral: schemeNeutral
|
|
119
137
|
};
|
|
120
138
|
|
|
121
|
-
/**
|
|
122
|
-
|
|
123
|
-
|
|
139
|
+
/**
|
|
140
|
+
* Build a scheme by variant name.
|
|
141
|
+
*
|
|
142
|
+
* `accents` optionally pins the secondary and/or tertiary palette to an explicit
|
|
143
|
+
* brand colour (see {@link AccentSources}); omitted accents keep the variant's
|
|
144
|
+
* derived hue-rotation, so existing callers get byte-identical output.
|
|
145
|
+
*/
|
|
146
|
+
function buildScheme(variant, source, isDark, contrastLevel = 0, accents = {}) {
|
|
147
|
+
return BUILDERS[variant](source, isDark, contrastLevel, accents);
|
|
124
148
|
}
|
|
125
149
|
//# sourceMappingURL=scheme-variants.js.map
|
|
@@ -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","
|
|
1
|
+
{"version":3,"names":["_dynamicScheme","require","_mathUtils","_tonalPalette","_variant","accentPalette","source","derived","undefined","TonalPalette","fromInt","toInt","VIBRANT_HUES","VIBRANT_SECONDARY_ROTATIONS","VIBRANT_TERTIARY_ROTATIONS","EXPRESSIVE_HUES","EXPRESSIVE_SECONDARY_ROTATIONS","EXPRESSIVE_TERTIARY_ROTATIONS","schemeVibrant","isDark","contrastLevel","accents","DynamicScheme","sourceColorArgb","variant","Variant","VIBRANT","primaryPalette","fromHueAndChroma","hue","secondaryPalette","secondarySource","getRotatedHue","tertiaryPalette","tertiarySource","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,7 +57,17 @@ function quantizeImage(pixels, maxColors = 128) {
|
|
|
57
57
|
return result;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
/**
|
|
60
|
+
/**
|
|
61
|
+
* Ranked seed candidates (best first) extracted from an image's pixels (ARGB).
|
|
62
|
+
*
|
|
63
|
+
* The top result (`seeds[0]`) is the primary seed for `generateRoleColors({ seed })`.
|
|
64
|
+
* To derive a richer, brand-accurate theme from artwork, a caller can additionally
|
|
65
|
+
* pin distinct accents from the ranked list: pass `hexFromArgb(seeds[1])` as
|
|
66
|
+
* `secondarySeed` and `hexFromArgb(seeds[2])` as `tertiarySeed` to
|
|
67
|
+
* `generateRoleColors` / `buildSeedScopeVars` / `buildThemeFromSeed` so the
|
|
68
|
+
* secondary and tertiary families reflect the artwork's real supporting colours
|
|
69
|
+
* instead of hue-rotations of the primary.
|
|
70
|
+
*/
|
|
61
71
|
function seedsFromImagePixels(pixels, options) {
|
|
62
72
|
return (0, _score.score)(quantizeImage(pixels), options);
|
|
63
73
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_index","require","_labPointProvider","_quantizerWu","_quantizerMap","_score","quantizeImage","pixels","maxColors","representatives","quantizeWu","length","Map","repPoints","map","labFromInt","populations","Array","fill","pixel","count","countByColor","entries","point","best","bestDistance","Infinity","i","repPoint","undefined","d","labDistance","result","representative","population","set","seedsFromImagePixels","options","score","seedHexFromImagePixels","top","desired","Error","hexFromArgb"],"sourceRoot":"../../../../src","sources":["theme/color-engine/seed-from-image.ts"],"mappings":";;;;;;;;AAUA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,aAAaA,CAACC,MAAgB,EAAEC,SAAS,GAAG,GAAG,EAAuB;EACpF,MAAMC,eAAe,GAAG,IAAAC,uBAAU,EAACH,MAAM,EAAEC,SAAS,CAAC;EACrD,IAAIC,eAAe,CAACE,MAAM,KAAK,CAAC,EAAE,OAAO,IAAIC,GAAG,CAAC,CAAC;EAClD,MAAMC,SAAqB,GAAGJ,eAAe,CAACK,GAAG,CAACC,4BAAU,CAAC;EAE7D,MAAMC,WAAW,GAAG,IAAIC,KAAK,CAASR,eAAe,CAACE,MAAM,CAAC,CAACO,IAAI,CAAC,CAAC,CAAC;EACrE,KAAK,MAAM,CAACC,KAAK,EAAEC,KAAK,CAAC,IAAI,IAAAC,0BAAY,EAACd,MAAM,CAAC,CAACe,OAAO,CAAC,CAAC,EAAE;IAC3D,MAAMC,KAAK,GAAG,IAAAR,4BAAU,EAACI,KAAK,CAAC;IAC/B,IAAIK,IAAI,GAAG,CAAC;IACZ,IAAIC,YAAY,GAAGC,QAAQ;IAC3B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,SAAS,CAACF,MAAM,EAAEgB,CAAC,EAAE,EAAE;MACzC,MAAMC,QAAQ,GAAGf,SAAS,CAACc,CAAC,CAAC;MAC7B,IAAIC,QAAQ,KAAKC,SAAS,EAAE;MAC5B,MAAMC,CAAC,GAAG,IAAAC,6BAAW,EAACR,KAAK,EAAEK,QAAQ,CAAC;MACtC,IAAIE,CAAC,GAAGL,YAAY,EAAE;QACpBA,YAAY,GAAGK,CAAC;QAChBN,IAAI,GAAGG,CAAC;MACV;IACF;IACAX,WAAW,CAACQ,IAAI,CAAC,GAAG,CAACR,WAAW,CAACQ,IAAI,CAAC,IAAI,CAAC,IAAIJ,KAAK;EACtD;EAEA,MAAMY,MAAM,GAAG,IAAIpB,GAAG,CAAiB,CAAC;EACxC,KAAK,IAAIe,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGlB,eAAe,CAACE,MAAM,EAAEgB,CAAC,EAAE,EAAE;IAC/C,MAAMM,cAAc,GAAGxB,eAAe,CAACkB,CAAC,CAAC;IACzC,MAAMO,UAAU,GAAGlB,WAAW,CAACW,CAAC,CAAC,IAAI,CAAC;IACtC,IAAIM,cAAc,KAAKJ,SAAS,IAAIK,UAAU,GAAG,CAAC,EAAEF,MAAM,CAACG,GAAG,CAACF,cAAc,EAAEC,UAAU,CAAC;EAC5F;EACA,OAAOF,MAAM;AACf;;AAEA;AACO,SAASI,oBAAoBA,CAAC7B,MAAgB,EAAE8B,OAAsB,EAAY;EACvF,OAAO,IAAAC,YAAK,EAAChC,aAAa,CAACC,MAAM,CAAC,EAAE8B,OAAO,CAAC;AAC9C;;AAEA;AACO,SAASE,sBAAsBA,CAAChC,MAAgB,EAAU;EAC/D,MAAM,CAACiC,GAAG,CAAC,GAAGJ,oBAAoB,CAAC7B,MAAM,EAAE;IAAEkC,OAAO,EAAE;EAAE,CAAC,CAAC;EAC1D,IAAID,GAAG,KAAKX,SAAS,EAAE,MAAM,IAAIa,KAAK,CAAC,mCAAmC,CAAC;EAC3E,OAAO,IAAAC,kBAAW,EAACH,GAAG,CAAC;AACzB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_index","require","_labPointProvider","_quantizerWu","_quantizerMap","_score","quantizeImage","pixels","maxColors","representatives","quantizeWu","length","Map","repPoints","map","labFromInt","populations","Array","fill","pixel","count","countByColor","entries","point","best","bestDistance","Infinity","i","repPoint","undefined","d","labDistance","result","representative","population","set","seedsFromImagePixels","options","score","seedHexFromImagePixels","top","desired","Error","hexFromArgb"],"sourceRoot":"../../../../src","sources":["theme/color-engine/seed-from-image.ts"],"mappings":";;;;;;;;AAUA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,aAAaA,CAACC,MAAgB,EAAEC,SAAS,GAAG,GAAG,EAAuB;EACpF,MAAMC,eAAe,GAAG,IAAAC,uBAAU,EAACH,MAAM,EAAEC,SAAS,CAAC;EACrD,IAAIC,eAAe,CAACE,MAAM,KAAK,CAAC,EAAE,OAAO,IAAIC,GAAG,CAAC,CAAC;EAClD,MAAMC,SAAqB,GAAGJ,eAAe,CAACK,GAAG,CAACC,4BAAU,CAAC;EAE7D,MAAMC,WAAW,GAAG,IAAIC,KAAK,CAASR,eAAe,CAACE,MAAM,CAAC,CAACO,IAAI,CAAC,CAAC,CAAC;EACrE,KAAK,MAAM,CAACC,KAAK,EAAEC,KAAK,CAAC,IAAI,IAAAC,0BAAY,EAACd,MAAM,CAAC,CAACe,OAAO,CAAC,CAAC,EAAE;IAC3D,MAAMC,KAAK,GAAG,IAAAR,4BAAU,EAACI,KAAK,CAAC;IAC/B,IAAIK,IAAI,GAAG,CAAC;IACZ,IAAIC,YAAY,GAAGC,QAAQ;IAC3B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,SAAS,CAACF,MAAM,EAAEgB,CAAC,EAAE,EAAE;MACzC,MAAMC,QAAQ,GAAGf,SAAS,CAACc,CAAC,CAAC;MAC7B,IAAIC,QAAQ,KAAKC,SAAS,EAAE;MAC5B,MAAMC,CAAC,GAAG,IAAAC,6BAAW,EAACR,KAAK,EAAEK,QAAQ,CAAC;MACtC,IAAIE,CAAC,GAAGL,YAAY,EAAE;QACpBA,YAAY,GAAGK,CAAC;QAChBN,IAAI,GAAGG,CAAC;MACV;IACF;IACAX,WAAW,CAACQ,IAAI,CAAC,GAAG,CAACR,WAAW,CAACQ,IAAI,CAAC,IAAI,CAAC,IAAIJ,KAAK;EACtD;EAEA,MAAMY,MAAM,GAAG,IAAIpB,GAAG,CAAiB,CAAC;EACxC,KAAK,IAAIe,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGlB,eAAe,CAACE,MAAM,EAAEgB,CAAC,EAAE,EAAE;IAC/C,MAAMM,cAAc,GAAGxB,eAAe,CAACkB,CAAC,CAAC;IACzC,MAAMO,UAAU,GAAGlB,WAAW,CAACW,CAAC,CAAC,IAAI,CAAC;IACtC,IAAIM,cAAc,KAAKJ,SAAS,IAAIK,UAAU,GAAG,CAAC,EAAEF,MAAM,CAACG,GAAG,CAACF,cAAc,EAAEC,UAAU,CAAC;EAC5F;EACA,OAAOF,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,oBAAoBA,CAAC7B,MAAgB,EAAE8B,OAAsB,EAAY;EACvF,OAAO,IAAAC,YAAK,EAAChC,aAAa,CAACC,MAAM,CAAC,EAAE8B,OAAO,CAAC;AAC9C;;AAEA;AACO,SAASE,sBAAsBA,CAAChC,MAAgB,EAAU;EAC/D,MAAM,CAACiC,GAAG,CAAC,GAAGJ,oBAAoB,CAAC7B,MAAM,EAAE;IAAEkC,OAAO,EAAE;EAAE,CAAC,CAAC;EAC1D,IAAID,GAAG,KAAKX,SAAS,EAAE,MAAM,IAAIa,KAAK,CAAC,mCAAmC,CAAC;EAC3E,OAAO,IAAAC,kBAAW,EAACH,GAAG,CAAC;AACzB","ignoreList":[]}
|
|
@@ -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;;
|
|
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;;AAuBA;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":[]}
|
|
@@ -83,7 +83,9 @@ function buildSeedScopeVars(options) {
|
|
|
83
83
|
seed: options.seed,
|
|
84
84
|
variant: options.variant ?? 'vivid',
|
|
85
85
|
isDark: options.mode === 'dark',
|
|
86
|
-
contrastLevel: options.contrastLevel ?? 0
|
|
86
|
+
contrastLevel: options.contrastLevel ?? 0,
|
|
87
|
+
secondarySeed: options.secondarySeed,
|
|
88
|
+
tertiarySeed: options.tertiarySeed
|
|
87
89
|
});
|
|
88
90
|
const tokens = roleColorsToPresetTokens(roles);
|
|
89
91
|
const vars = {
|
|
@@ -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","variant","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","secondarySeed","tertiarySeed","tokens","vars","token","CANONICAL_TOKENS","value","undefined"],"sourceRoot":"../../../../src","sources":["theme/color-scope/seed-scope.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -28,8 +28,8 @@ const getNativeWindVars = (0, _lazyRequire.lazyRequire)('nativewind');
|
|
|
28
28
|
* inherited custom properties like `--color-primary: var(--primary)` compute at
|
|
29
29
|
* the document root and would otherwise keep pointing at the app-wide preset.
|
|
30
30
|
*/
|
|
31
|
-
function buildScopeVars(colorPreset, mode) {
|
|
32
|
-
const tokens = (0, _tokenRegistry.getResolvedTokens)(colorPreset, mode);
|
|
31
|
+
function buildScopeVars(colorPreset, mode, accents) {
|
|
32
|
+
const tokens = (0, _tokenRegistry.getResolvedTokens)(colorPreset, mode, accents);
|
|
33
33
|
const vars = {
|
|
34
34
|
...tokens
|
|
35
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_tokenRegistry","_lazyRequire","getNativeWindVars","lazyRequire","buildScopeVars","colorPreset","mode","tokens","getResolvedTokens","vars","token","CANONICAL_TOKENS","value","undefined","getVariableContextProvider","Platform","OS","module","VariableContextProvider","buildNativePresetStyle"],"sourceRoot":"../../../../src","sources":["theme/color-scope/style-builder.ts"],"mappings":";;;;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_tokenRegistry","_lazyRequire","getNativeWindVars","lazyRequire","buildScopeVars","colorPreset","mode","accents","tokens","getResolvedTokens","vars","token","CANONICAL_TOKENS","value","undefined","getVariableContextProvider","Platform","OS","module","VariableContextProvider","buildNativePresetStyle"],"sourceRoot":"../../../../src","sources":["theme/color-scope/style-builder.ts"],"mappings":";;;;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAGA,IAAAE,YAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAWA,MAAMG,iBAAiB,GAAG,IAAAC,wBAAW,EAAuB,YAAY,CAAC;;AAEzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAC5BC,WAAyB,EACzBC,IAAsB,EACtBC,OAAyB,EACD;EACxB,MAAMC,MAAM,GAAG,IAAAC,gCAAiB,EAACJ,WAAW,EAAEC,IAAI,EAAEC,OAAO,CAAC;EAC5D,MAAMG,IAA4B,GAAG;IAAE,GAAGF;EAAO,CAAC;EAElD,KAAK,MAAMG,KAAK,IAAIC,+BAAgB,EAAE;IACpC,MAAMC,KAAK,GAAGL,MAAM,CAAC,KAAKG,KAAK,EAAE,CAAC;IAClC,IAAIE,KAAK,KAAKC,SAAS,EAAE;MACvBJ,IAAI,CAAC,WAAWC,KAAK,EAAE,CAAC,GAAGE,KAAK;IAClC;EACF;EAEA,OAAOH,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,0BAA0BA,CAAA,EAA4C;EACpF,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE,OAAO,IAAI;EACtC,MAAMC,MAAM,GAAGhB,iBAAiB,CAAC,CAAC;EAClC,IAAI,CAACgB,MAAM,IAAI,OAAOA,MAAM,CAACC,uBAAuB,KAAK,UAAU,EAAE,OAAO,IAAI;EAChF,OAAOD,MAAM,CAACC,uBAAuB;AACvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CACpCf,WAAyB,EACzBC,IAAsB,EACA;EACtB,IAAIU,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE,OAAOH,SAAS;EAC3C,MAAMI,MAAM,GAAGhB,iBAAiB,CAAC,CAAC;EAClC,IAAI,CAACgB,MAAM,IAAI,OAAOA,MAAM,CAACR,IAAI,KAAK,UAAU,EAAE,OAAOI,SAAS;EAClE,OAAOI,MAAM,CAACR,IAAI,CAACN,cAAc,CAACC,WAAW,EAAEC,IAAI,CAAC,CAAC;AACvD","ignoreList":[]}
|