@oxyhq/bloom 0.89.0 → 1.0.1

package/lib/commonjs/theme/glass-colors.js

@@ -0,0 +1,277 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GLASS_SHEEN_GRADIENT = exports.GLASS_SHEEN = exports.GLASS_RIM_HIGHLIGHT = exports.GLASS_FILL_ALPHA = exports.GLASS_BLUR_RADIUS_PX = exports.GLASS_BLUR_INTENSITY = exports.GLASS_BLUR_FILTER = void 0;
+exports.glassSheenCss = glassSheenCss;
+exports.resolveGlassColors = resolveGlassColors;
+var _scales = require("../design-tokens/scales.js");
+var _colorUtils = require("./color-utils.js");
+/**
+ * The one resolver for "paint this surface as GLASS in a given brand hue".
+ *
+ * Bloom already solves glass three times — `frosted-icon-button` (an
+ * `expo-blur` `BlurView` plus a hand-tuned alpha palette in its own
+ * `shared.ts`), `tab-bar` (`expo-glass-effect`, with a solid fallback) and
+ * `progressive-blur` (a ten-layer falloff). This is the token layer the next
+ * ones compose instead of adding a fourth, and it is deliberately the SMALLEST
+ * piece: which colours, at which alphas. The layering itself is
+ * `glass/GlassSurface.tsx` on native and `button/Button.web.tsx` on web.
+ *
+ * ── WHERE EACH VALUE COMES FROM ─────────────────────────────────────────────
+ *
+ * The reference this is ported from states the material as literals:
+ *
+ *     background-color: rgba(212, 116, 101, 0.85)
+ *     border: 0.5px solid rgb(212, 116, 101)
+ *     box-shadow: inset 0 1px 0 0 rgba(255,255,255,.2),
+ *                 0 0 1px 0 rgba(0,0,0,.12), 0 4px 8px 0 rgba(0,0,0,.12)
+ *     backdrop-filter: blur(10px)
+ *     background-image: linear-gradient(180deg, #ffffff05, #fff0 40%, #00000005)
+ *
+ * | reference                    | here                                    |
+ * | ---------------------------- | --------------------------------------- |
+ * | the 85% brand fill           | the caller's own brand fill at {@link GLASS_FILL_ALPHA} |
+ * | the label on that fill       | the fill's OWN on-colour, held by the caller — see {@link resolveGlassColors} |
+ * | the full-strength hairline   | the same fill, opaque — the edge of the pane |
+ * | `0.5px`                      | `BORDER_WIDTH.hairline` |
+ * | the box-shadow               | `bloomShadowStyle('glass')` + {@link GLASS_RIM_HIGHLIGHT} |
+ * | `blur(10px)`                 | {@link GLASS_BLUR_RADIUS_PX} |
+ * | the sheen stops              | {@link GLASS_SHEEN}, white and black at ~2% |
+ *
+ * ── WHY THE FILL IS THE SOLID TOKEN AT AN ALPHA, NOT THE `*Subtle` PAIR ─────
+ *
+ * The `*Subtle` tint is the right surface for a chip or a badge and the wrong
+ * one here. `--primary-subtle` is its own generated colour at alpha 0.13 (light)
+ * / 0.24 (dark), sized to be a whisper of the hue ON THE PAGE; composited under
+ * a material it contributes roughly 3% of the pixel. The reference's fill
+ * contributes 85%. Those are not the same surface with a different number on
+ * it, they are a stain and a pane.
+ *
+ * Reading the caller's SOLID fill and applying an alpha to it is the one colour
+ * derivation in the library, and it is safe for a reason worth stating: the
+ * defect the "never derive a colour from a token" rule exists to prevent is
+ * `` `${colors.primary}1A` `` — string concatenation producing a MALFORMED value
+ * that react-native-web parses back as fully opaque, so a control paints its
+ * label on its own colour at contrast 1.00. {@link withAlpha} parses the token
+ * and emits a well-formed `rgba()`, and the composite is gated:
+ * `theme/__tests__/glass-colors.test.ts` walks every preset x mode x fill x
+ * surface and computes the real WCAG ratio, so a fill that stopped being
+ * translucent would be caught by the measurement rather than by the spelling.
+ *
+ * ── THE BACKDROP RANGE, AND WHY THERE IS NO SCRIM ───────────────────────────
+ *
+ * This file briefly composited a neutral SCRIM under the fill, sized so the
+ * whole stack reached 0.76 opacity. There is none now, and at 0.85 there is
+ * nothing for one to do: the fill IS the opacity. A scrim would only dilute the
+ * hue the pane exists to show.
+ *
+ * The backdrop range still matters, because it is what the legibility numbers
+ * are measured against, and it is enumerable rather than "anything": a `Button`
+ * sits on one of Bloom's own neutral surfaces (`background`,
+ * `backgroundSecondary`, `backgroundTertiary`, `card`, `contrast50`). Over
+ * arbitrary content — a photograph, a video still — this material is no safer
+ * than any other 85% fill, and the variant for that case is `inverse`, which is
+ * fully opaque.
+ *
+ * Pure — takes resolved colour strings rather than calling `useTheme()`, so the
+ * gate can walk every fill x mode x preset and composite without rendering.
+ */
+
+/**
+ * How much of the caller's own brand fill the pane carries — the reference's
+ * `rgba(212, 116, 101, 0.85)`.
+ *
+ * ── THE GLASS IS THE SHEEN, NOT THE WASH ────────────────────────────────────
+ *
+ * This shipped once at 0.25, and 0.25 is a WASH: the backdrop dominates, the
+ * pane has no body, and the brand reads as a pale stain. What makes a pane read
+ * as glass is the lit top rim, the vertical sheen, the hairline in the fill's
+ * own hue and the blur behind the few percent that do get through — not the
+ * amount you can see through it. At 0.85 the pane is a nearly-solid tinted
+ * surface that you can just sense the backdrop behind, which is what the
+ * reference is and what the earlier value was not.
+ *
+ * ── WHAT 0.85 COSTS, STATED RATHER THAN HIDDEN ──────────────────────────────
+ *
+ * The 15% that bleeds through moves the pane TOWARD the surface under it, and
+ * in light mode that means lighter — which is the direction a white label can
+ * least afford. Measured over 34 presets x 2 modes x 5 Bloom surfaces:
+ *
+ *   `Button` primary     38 of 340 rows fall below WCAG AA, in the band
+ *                        4.17..4.49, ALL of them in LIGHT mode, across fourteen
+ *                        presets (blue, faircoin, green, lagoon, lavender, mint,
+ *                        olive, orange, pine, plum, pumpkin, rose, sky, yellow).
+ *   `Button` destructive 0 of 340. Worst 5.32.
+ *
+ * As a SOLID fill all 680 Button rows pass. The original 18 presets retain
+ * their exact 30/180 shipped failure set; all eight added failures belong to
+ * the new recipes. A browser helper briefly reported 45 only because it parsed
+ * the structured `GLASS_SHEEN.bottom` stop as CSS; that was measurement drift,
+ * never the shipped oracle and never a threshold being relaxed.
+ *
+ * The alpha at which the failures reach zero is **0.89** (worst 4.52), and the
+ * curve between is steep: 0.86 -> 25 rows, 0.87 -> 14, 0.88 -> 5, 0.89 -> 0.
+ * So AA compliance costs four hundredths of alpha. 0.85 is kept because it is
+ * the reference's own value and matching the reference is the requirement;
+ * `glass-colors.test.ts` pins the compromise as an EXACT failure count and an
+ * exact worst ratio rather than as a loosened threshold, so moving the alpha in
+ * either direction fails the suite and has to be a decision rather than a
+ * drift.
+ */
+const GLASS_FILL_ALPHA = exports.GLASS_FILL_ALPHA = 0.85;
+
+/**
+ * The sheen: simulated light from above, white at the top edge fading to nothing
+ * by 40% and a trace of black at the bottom.
+ *
+ * These are the reference's `#ffffff05` and `#00000005` — 5/255 ≈ 2%. White and
+ * black at 2% are light, not palette: there is no themed "colour of a
+ * highlight", and tinting the sheen with the accent would make it a second fill
+ * rather than a specular.
+ *
+ * ── WHY THE OPACITY IS A SEPARATE FIELD, NOT AN `rgba()` STRING ──────────────
+ *
+ * These stops feed TWO renderers with different models of where alpha lives. A
+ * CSS `linear-gradient` takes it inside the colour; SVG has separate
+ * `stop-color` and `stop-opacity` properties and `react-native-svg` follows SVG
+ * — it parses `stopColor` for its RGB and DISCARDS the alpha channel.
+ *
+ * So an `rgba(255, 255, 255, 0.02)` stop is correct on web and renders OPAQUE
+ * WHITE on native. Measured on an Android emulator (API 37) before this shape
+ * existed: the pane ran a solid white-to-black wipe from 255 at the top to 12 at
+ * the bottom, with the break at exactly 40% — {@link GLASS_SHEEN.middleStop} —
+ * and the brand fill under it was not visible at ANY pixel, R=G=B throughout.
+ * The glass button was achromatic on Android and correct on web.
+ *
+ * Nothing threw, and no gate saw it: the token was shared, the gradient was
+ * built from it, and both forks agreed about every VALUE. Only the SVG
+ * renderer's reading of that value differed. Holding the opacity in its own
+ * field removes the representation that can be silently half-read — the web
+ * string is derived below, and native passes the two fields to the two props
+ * SVG actually defines.
+ */
+const GLASS_SHEEN = exports.GLASS_SHEEN = {
+  top: {
+    color: 'rgb(255, 255, 255)',
+    opacity: 0.02
+  },
+  middle: {
+    color: 'rgb(255, 255, 255)',
+    opacity: 0
+  },
+  bottom: {
+    color: 'rgb(0, 0, 0)',
+    opacity: 0.02
+  },
+  /** Where the top stop has faded out completely, 0..1 down the surface. */
+  middleStop: 0.4
+};
+
+/** One sheen stop as a CSS colour, for the fork whose gradient carries alpha inline. */
+
+/** A stop as a single CSS `rgba()` — the web gradient's form. */
+function glassSheenCss(stop) {
+  return (0, _colorUtils.withAlpha)(stop.color, stop.opacity);
+}
+
+/**
+ * The lit rim: a 1px hairline of white along the top edge.
+ *
+ * A different thing from {@link GLASS_SHEEN}, not a stronger version of it — the
+ * rim is a hard edge where the light catches the lip of the pane, the sheen is
+ * the soft falloff across its face. The reference carries both.
+ *
+ * It is not part of the `glass` shadow role because an inset shadow paints above
+ * an element's own background but BELOW its children, and a native glass surface
+ * is a stack of absolutely-positioned children — so an inset on the outer box is
+ * covered by the first layer that lands on it. `GlassSurface` paints this as the
+ * TOP layer of its own stack, which a caller-applied shadow role cannot reach.
+ * The web fork has no such stack and composes it into one `box-shadow` list.
+ */
+const GLASS_RIM_HIGHLIGHT = exports.GLASS_RIM_HIGHLIGHT = 'inset 0 1px 0 0 rgba(255, 255, 255, 0.2)';
+
+/** The reference's `blur(10px)` — the radius of the material, on both platforms. */
+const GLASS_BLUR_RADIUS_PX = exports.GLASS_BLUR_RADIUS_PX = 10;
+
+/**
+ * The web material, as a `backdrop-filter` value.
+ *
+ * The reference's filter verbatim: a blur and nothing else. No `saturate()` —
+ * that is `expo-blur`'s addition, not the reference's, and the two are visibly
+ * different over a colourful backdrop.
+ */
+const GLASS_BLUR_FILTER = exports.GLASS_BLUR_FILTER = `blur(${GLASS_BLUR_RADIUS_PX}px)`;
+
+/**
+ * The sheen as one CSS `linear-gradient`, for a fork that renders a raw DOM
+ * element and sets `background-image` directly.
+ *
+ * Derived from {@link GLASS_SHEEN} rather than written out, so the web fork and
+ * the native `Svg` gradient cannot drift to different stops. Note what that
+ * guarantee does and does not cover: it pins the two to the same VALUES, which
+ * is why it stayed green while native rendered them opaque — see the alpha note
+ * on {@link GLASS_SHEEN}. Sharing a token is not the same as agreeing about it.
+ */
+const GLASS_SHEEN_GRADIENT = exports.GLASS_SHEEN_GRADIENT = `linear-gradient(180deg, ${glassSheenCss(GLASS_SHEEN.top)}, ${glassSheenCss(GLASS_SHEEN.middle)} ${GLASS_SHEEN.middleStop * 100}%, ${glassSheenCss(GLASS_SHEEN.bottom)})`;
+
+/**
+ * Intensity handed to `expo-blur`'s `BlurView` on NATIVE, derived from
+ * {@link GLASS_BLUR_RADIUS_PX} through the `intensity * 0.2` px radius its web
+ * build computes.
+ *
+ * KNOWN PLATFORM DIFFERENCE, stated rather than papered over: `expo-blur` cannot
+ * be asked for a blur radius WITHOUT also painting a tint of its own — one
+ * `intensity` drives both, at `intensity/100 * 0.78` — whereas CSS
+ * `backdrop-filter` is a pure blur. So the native pane carries one extra neutral
+ * layer the web pane does not.
+ *
+ * At 0.85 that extra layer is almost nothing, and the measurement says so: it
+ * sits UNDER a fill that already covers 85%, so it can only tint the 15% that
+ * gets through. Across the whole matrix the worst per-channel difference
+ * between the web pane and the native pane is **2.35** of 255, and the two
+ * legibility floors are 4.17 (web) and 4.19 (native).
+ *
+ * That is a real change from the 0.25 material, where the same layer moved the
+ * two stacks visibly apart — the more opaque the fill, the less the platform
+ * difference can matter. It is measured on every release rather than assumed,
+ * because it is the kind of gap that widens the moment the alpha moves.
+ */
+const GLASS_BLUR_INTENSITY = exports.GLASS_BLUR_INTENSITY = GLASS_BLUR_RADIUS_PX / 0.2;
+/**
+ * Resolve the PANE around one opaque brand fill.
+ *
+ * `fill` is a resolved token the caller already holds — `colors.primary`,
+ * `colors.negative`, `colors.success` — rather than a tone name, because the
+ * caller is the only one who knows which token its variant means. `Button`'s
+ * `destructive` is `colors.negative` (the engine's error ROLE) and not
+ * `colors.error` (the fixed status seed): measured, those two differ in all 68
+ * preset x mode combinations and by as much as `rgb(255 180 171)` against
+ * `rgb(209 45 50)` on `teal`/dark, so a tone vocabulary here would have
+ * silently repainted every destructive button on the way past.
+ *
+ * ── THE LABEL IS NOT RETURNED, AND THAT IS THE POINT ────────────────────────
+ *
+ * A glass pane's label is the fill's OWN on-colour — `primaryForeground` for
+ * `primary`, `negativeForeground` for `destructive` — which the caller is
+ * already holding beside the fill it passed in. Returning it would be a
+ * pass-through pretending to be a decision.
+ *
+ * It is worth writing down WHY it is that token, because at 0.25 it was
+ * `colors.text` and that was correct THEN: a pane that is three-quarters
+ * backdrop takes its luminance from the page, so it needed the page's reading
+ * colour. At 0.85 the pane is the fill, so it takes the fill's own label: on
+ * the complete 2040-row matrix (34 presets x 2 modes x 6 tones x 5 surfaces),
+ * `colors.text` fails AA on 1714 rows (worst 1.21) against the on-fill token's
+ * 305 (worst 4.17). Neither count is permanent; the gate re-measures and pins
+ * both on every alpha or surface change.
+ */
+function resolveGlassColors(fill) {
+  return {
+    fill: (0, _colorUtils.withAlpha)(fill, GLASS_FILL_ALPHA),
+    hairline: fill,
+    hairlineWidth: _scales.BORDER_WIDTH.hairline
+  };
+}
+//# sourceMappingURL=glass-colors.js.map

package/lib/commonjs/theme/glass-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_scales","require","_colorUtils","GLASS_FILL_ALPHA","exports","GLASS_SHEEN","top","color","opacity","middle","bottom","middleStop","glassSheenCss","stop","withAlpha","GLASS_RIM_HIGHLIGHT","GLASS_BLUR_RADIUS_PX","GLASS_BLUR_FILTER","GLASS_SHEEN_GRADIENT","GLASS_BLUR_INTENSITY","resolveGlassColors","fill","hairline","hairlineWidth","BORDER_WIDTH"],"sourceRoot":"../../../src","sources":["theme/glass-colors.ts"],"mappings":";;;;;;;;AAsEA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAvEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAI;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,WAAW,GAAAD,OAAA,CAAAC,WAAA,GAAG;EACzBC,GAAG,EAAE;IAAEC,KAAK,EAAE,oBAAoB;IAAEC,OAAO,EAAE;EAAK,CAAC;EACnDC,MAAM,EAAE;IAAEF,KAAK,EAAE,oBAAoB;IAAEC,OAAO,EAAE;EAAE,CAAC;EACnDE,MAAM,EAAE;IAAEH,KAAK,EAAE,cAAc;IAAEC,OAAO,EAAE;EAAK,CAAC;EAChD;EACAG,UAAU,EAAE;AACd,CAAU;;AAEV;;AAGA;AACO,SAASC,aAAaA,CAACC,IAAoB,EAAU;EAC1D,OAAO,IAAAC,qBAAS,EAACD,IAAI,CAACN,KAAK,EAAEM,IAAI,CAACL,OAAO,CAAC;AAC5C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMO,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,0CAA0C;;AAE7E;AACO,MAAMC,oBAAoB,GAAAZ,OAAA,CAAAY,oBAAA,GAAG,EAAE;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,QAAQD,oBAAoB,KAAK;;AAElE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,oBAAoB,GAAAd,OAAA,CAAAc,oBAAA,GAAG,2BAA2BN,aAAa,CAACP,WAAW,CAACC,GAAG,CAAC,KAAKM,aAAa,CAACP,WAAW,CAACI,MAAM,CAAC,IAAIJ,WAAW,CAACM,UAAU,GAAG,GAAG,MAAMC,aAAa,CAACP,WAAW,CAACK,MAAM,CAAC,GAAG;;AAE7M;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMS,oBAAoB,GAAAf,OAAA,CAAAe,oBAAA,GAAGH,oBAAoB,GAAG,GAAG;AAW9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,kBAAkBA,CAACC,IAAY,EAAe;EAC5D,OAAO;IACLA,IAAI,EAAE,IAAAP,qBAAS,EAACO,IAAI,EAAElB,gBAAgB,CAAC;IACvCmB,QAAQ,EAAED,IAAI;IACdE,aAAa,EAAEC,oBAAY,CAACF;EAC9B,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/theme/index.js

@@ -33,124 +33,113 @@ Object.defineProperty(exports, "BloomThemeProvider", {
     return _BloomThemeProvider.BloomThemeProvider;
   }
 });
-Object.defineProperty(exports, "FREE_COLOR_NAMES", {
-  enumerable: true,
-  get: function () {
-    return _colorPresets.FREE_COLOR_NAMES;
-  }
-});
-Object.defineProperty(exports, "HANDLE_COLOR_NAMES", {
-  enumerable: true,
-  get: function () {
-    return _colorPresets.HANDLE_COLOR_NAMES;
-  }
-});
-Object.defineProperty(exports, "HEX_TO_APP_COLOR", {
+Object.defineProperty(exports, "COLOR_PLAYGROUND_NAMES", {
   enumerable: true,
   get: function () {
-    return _colorPresets.HEX_TO_APP_COLOR;
+    return _colorPresets.COLOR_PLAYGROUND_NAMES;
   }
 });
-Object.defineProperty(exports, "PREMIUM_COLOR_NAMES", {
+Object.defineProperty(exports, "COLOR_PRESET_FAMILIES", {
   enumerable: true,
   get: function () {
-    return _colorPresets.PREMIUM_COLOR_NAMES;
+    return _colorPresets.COLOR_PRESET_FAMILIES;
   }
 });
-Object.defineProperty(exports, "STATUS_COLORS", {
+Object.defineProperty(exports, "COLOR_PRESET_FAMILY_REGISTRY", {
   enumerable: true,
   get: function () {
-    return _buildTheme.STATUS_COLORS;
+    return _colorPresets.COLOR_PRESET_FAMILY_REGISTRY;
   }
 });
-Object.defineProperty(exports, "THEME_GRADIENTS", {
+Object.defineProperty(exports, "COLOR_PRESET_GROUPS", {
   enumerable: true,
   get: function () {
-    return _gradients.THEME_GRADIENTS;
+    return _colorPresets.COLOR_PRESET_GROUPS;
   }
 });
-Object.defineProperty(exports, "ambientTheme", {
+Object.defineProperty(exports, "COLOR_PRESET_REGISTRY", {
   enumerable: true,
   get: function () {
-    return _ambientStore.ambientTheme;
+    return _colorPresets.COLOR_PRESET_REGISTRY;
   }
 });
-Object.defineProperty(exports, "applyDarkClass", {
+exports.ColorEngine = void 0;
+Object.defineProperty(exports, "FREE_COLOR_NAMES", {
   enumerable: true,
   get: function () {
-    return _applyDarkClass.applyDarkClass;
+    return _colorPresets.FREE_COLOR_NAMES;
   }
 });
-Object.defineProperty(exports, "applyPresetVarsToDocument", {
+Object.defineProperty(exports, "HANDLE_COLOR_NAMES", {
   enumerable: true,
   get: function () {
-    return _presetVars.applyPresetVarsToDocument;
+    return _colorPresets.HANDLE_COLOR_NAMES;
   }
 });
-Object.defineProperty(exports, "argbFromHex", {
+Object.defineProperty(exports, "HEX_TO_APP_COLOR", {
   enumerable: true,
   get: function () {
-    return _index.argbFromHex;
+    return _colorPresets.HEX_TO_APP_COLOR;
   }
 });
-Object.defineProperty(exports, "argbFromRgb", {
+Object.defineProperty(exports, "PREMIUM_COLOR_NAMES", {
   enumerable: true,
   get: function () {
-    return _index.argbFromRgb;
+    return _colorPresets.PREMIUM_COLOR_NAMES;
   }
 });
-Object.defineProperty(exports, "blueFromArgb", {
+Object.defineProperty(exports, "PRESS_LAYER_ALPHA", {
   enumerable: true,
   get: function () {
-    return _index.blueFromArgb;
+    return _pressColors.PRESS_LAYER_ALPHA;
   }
 });
-Object.defineProperty(exports, "buildColorsFromSeed", {
+Object.defineProperty(exports, "STATUS_COLORS", {
   enumerable: true,
   get: function () {
-    return _buildThemeFromSeed.buildColorsFromSeed;
+    return _buildTheme.STATUS_COLORS;
   }
 });
-Object.defineProperty(exports, "buildSeedScopeVars", {
+Object.defineProperty(exports, "THEME_GRADIENTS", {
   enumerable: true,
   get: function () {
-    return _seedScope2.buildSeedScopeVars;
+    return _gradients.THEME_GRADIENTS;
   }
 });
-Object.defineProperty(exports, "buildTheme", {
+Object.defineProperty(exports, "ambientTheme", {
   enumerable: true,
   get: function () {
-    return _buildTheme.buildTheme;
+    return _ambientStore.ambientTheme;
   }
 });
-Object.defineProperty(exports, "buildThemeFromSeed", {
+Object.defineProperty(exports, "applyDarkClass", {
   enumerable: true,
   get: function () {
-    return _buildThemeFromSeed.buildThemeFromSeed;
+    return _applyDarkClass.applyDarkClass;
   }
 });
-Object.defineProperty(exports, "generateRoleColors", {
+Object.defineProperty(exports, "applyPresetVarsToDocument", {
   enumerable: true,
   get: function () {
-    return _index.generateRoleColors;
+    return _presetVars.applyPresetVarsToDocument;
   }
 });
-Object.defineProperty(exports, "getPresetVars", {
+Object.defineProperty(exports, "buildColorsFromSeed", {
   enumerable: true,
   get: function () {
-    return _presetVars.getPresetVars;
+    return _buildThemeFromSeed.buildColorsFromSeed;
   }
 });
-Object.defineProperty(exports, "greenFromArgb", {
+Object.defineProperty(exports, "buildTheme", {
   enumerable: true,
   get: function () {
-    return _index.greenFromArgb;
+    return _buildTheme.buildTheme;
   }
 });
-Object.defineProperty(exports, "hexFromArgb", {
+Object.defineProperty(exports, "buildThemeFromSeed", {
   enumerable: true,
   get: function () {
-    return _index.hexFromArgb;
+    return _buildThemeFromSeed.buildThemeFromSeed;
   }
 });
 Object.defineProperty(exports, "hexToAppColorName", {
@@ -171,34 +160,28 @@ Object.defineProperty(exports, "parseRgb", {
     return _colorUtils.parseRgb;
   }
 });
-Object.defineProperty(exports, "quantizeImage", {
+Object.defineProperty(exports, "parseRgba", {
   enumerable: true,
   get: function () {
-    return _index.quantizeImage;
+    return _colorUtils.parseRgba;
   }
 });
-Object.defineProperty(exports, "redFromArgb", {
+Object.defineProperty(exports, "pressedSurface", {
   enumerable: true,
   get: function () {
-    return _index.redFromArgb;
+    return _pressColors.pressedSurface;
   }
 });
-Object.defineProperty(exports, "roleColorsToPresetTokens", {
-  enumerable: true,
-  get: function () {
-    return _seedScope2.roleColorsToPresetTokens;
-  }
-});
-Object.defineProperty(exports, "seedHexFromImagePixels", {
+Object.defineProperty(exports, "resolveAccentColors", {
   enumerable: true,
   get: function () {
-    return _index.seedHexFromImagePixels;
+    return _accentColors.resolveAccentColors;
   }
 });
-Object.defineProperty(exports, "seedsFromImagePixels", {
+Object.defineProperty(exports, "roleColorsToPresetTokens", {
   enumerable: true,
   get: function () {
-    return _index.seedsFromImagePixels;
+    return _seedScope2.roleColorsToPresetTokens;
   }
 });
 Object.defineProperty(exports, "setColorSchemeSafe", {
@@ -259,7 +242,8 @@ var _BloomThemeProvider = require("./BloomThemeProvider.js");
 var _colorScope = require("./color-scope");
 var _seedScope = require("./seed-scope");
 var _seedScope2 = require("./color-scope/seed-scope.js");
-var _index = require("./color-engine/index.js");
+var _ColorEngine = _interopRequireWildcard(require("./color-engine/index.js"));
+exports.ColorEngine = _ColorEngine;
 var _buildTheme = require("./build-theme.js");
 var _buildThemeFromSeed = require("./build-theme-from-seed.js");
 var _gradients = require("./gradients.js");
@@ -268,9 +252,12 @@ var _ambientStore = require("./ambient-store.js");
 var _useNavigationTheme = require("./use-navigation-theme.js");
 var _colorPresets = require("./color-presets.js");
 var _colorUtils = require("./color-utils.js");
+var _pressColors = require("./press-colors.js");
+var _accentColors = require("./accent-colors.js");
 var _presetVars = require("./preset-vars.js");
 var _applyDarkClass = require("./apply-dark-class.js");
 var _setColorSchemeSafe = require("./set-color-scheme-safe.js");
 var _initCssInterop = require("./init-css-interop.js");
 var _persistence = require("./persistence.js");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_BloomThemeProvider","require","_colorScope","_seedScope","_seedScope2","_index","_buildTheme","_buildThemeFromSeed","_gradients","_useTheme","_ambientStore","_useNavigationTheme","_colorPresets","_colorUtils","_presetVars","_applyDarkClass","_setColorSchemeSafe","_initCssInterop","_persistence"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAaA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAEA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AAOA,IAAAU,mBAAA,GAAAV,OAAA;AAIA,IAAAW,aAAA,GAAAX,OAAA;AASA,IAAAY,WAAA,GAAAZ,OAAA;AAEA,IAAAa,WAAA,GAAAb,OAAA;AAEA,IAAAc,eAAA,GAAAd,OAAA;AACA,IAAAe,mBAAA,GAAAf,OAAA;AACA,IAAAgB,eAAA,GAAAhB,OAAA;AAEA,IAAAiB,YAAA,GAAAjB,OAAA","ignoreList":[]}
+{"version":3,"names":["_BloomThemeProvider","require","_colorScope","_seedScope","_seedScope2","_ColorEngine","_interopRequireWildcard","exports","ColorEngine","_buildTheme","_buildThemeFromSeed","_gradients","_useTheme","_ambientStore","_useNavigationTheme","_colorPresets","_colorUtils","_pressColors","_accentColors","_presetVars","_applyDarkClass","_setColorSchemeSafe","_initCssInterop","_persistence","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAoE,IAAAI,YAAA,GAAAC,uBAAA,CAAAL,OAAA;AAAAM,OAAA,CAAAC,WAAA,GAAAH,YAAA;AAgBpE,IAAAI,WAAA,GAAAR,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AAEA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,aAAA,GAAAZ,OAAA;AAOA,IAAAa,mBAAA,GAAAb,OAAA;AAcA,IAAAc,aAAA,GAAAd,OAAA;AAcA,IAAAe,WAAA,GAAAf,OAAA;AAMA,IAAAgB,YAAA,GAAAhB,OAAA;AAMA,IAAAiB,aAAA,GAAAjB,OAAA;AAEA,IAAAkB,WAAA,GAAAlB,OAAA;AAGA,IAAAmB,eAAA,GAAAnB,OAAA;AACA,IAAAoB,mBAAA,GAAApB,OAAA;AACA,IAAAqB,eAAA,GAAArB,OAAA;AAEA,IAAAsB,YAAA,GAAAtB,OAAA;AAAgD,SAAAK,wBAAAkB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAApB,uBAAA,YAAAA,CAAAkB,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","ignoreList":[]}