@oxyhq/bloom 0.6.12 → 0.6.13

package/lib/commonjs/theme/apply-dark-class.js

@@ -16,6 +16,11 @@ function applyDarkClass(resolved) {
 /**
  * Apply a color preset's CSS custom properties to the document root.
  * No-op on native — only affects web.
+ *
+ * Values are written as raw HSL triples (e.g. `185 100% 20%`), matching the
+ * shadcn/Tailwind convention where stylesheets wrap them themselves with
+ * `hsl(var(--primary))`. Writing pre-resolved `hsl(...)` values here would
+ * produce invalid `hsl(hsl(...))` in consuming stylesheets and break theming.
  */
 function applyColorPresetVars(preset, resolved) {
   if (_reactNative.Platform.OS !== 'web' || typeof document === 'undefined') return;
@@ -24,7 +29,7 @@ function applyColorPresetVars(preset, resolved) {
   const vars = resolved === 'dark' ? config.dark : config.light;
   const root = document.documentElement.style;
   for (const [key, value] of Object.entries(vars)) {
-    root.setProperty(key, `hsl(${value})`);
+    root.setProperty(key, value);
   }
 }
 //# sourceMappingURL=apply-dark-class.js.map

package/lib/commonjs/theme/apply-dark-class.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_colorPresets","applyDarkClass","resolved","Platform","OS","document","documentElement","classList","toggle","applyColorPresetVars","preset","config","APP_COLOR_PRESETS","vars","dark","light","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;AAEO,SAASE,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;AACO,SAASO,oBAAoBA,CAACC,MAAoB,EAAER,QAA0B,EAAE;EACrF,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAE9D,MAAMM,MAAM,GAAGC,+BAAiB,CAACF,MAAM,CAAC;EACxC,IAAI,CAACC,MAAM,EAAE;EAEb,MAAME,IAAI,GAAGX,QAAQ,KAAK,MAAM,GAAGS,MAAM,CAACG,IAAI,GAAGH,MAAM,CAACI,KAAK;EAC7D,MAAMC,IAAI,GAAGX,QAAQ,CAACC,eAAe,CAACW,KAAK;EAE3C,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACR,IAAI,CAAC,EAAE;IAC/CG,IAAI,CAACM,WAAW,CAACJ,GAAG,EAAE,OAAOC,KAAK,GAAG,CAAC;EACxC;AACF","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_colorPresets","applyDarkClass","resolved","Platform","OS","document","documentElement","classList","toggle","applyColorPresetVars","preset","config","APP_COLOR_PRESETS","vars","dark","light","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;AAEO,SAASE,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;AACO,SAASO,oBAAoBA,CAACC,MAAoB,EAAER,QAA0B,EAAE;EACrF,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAE9D,MAAMM,MAAM,GAAGC,+BAAiB,CAACF,MAAM,CAAC;EACxC,IAAI,CAACC,MAAM,EAAE;EAEb,MAAME,IAAI,GAAGX,QAAQ,KAAK,MAAM,GAAGS,MAAM,CAACG,IAAI,GAAGH,MAAM,CAACI,KAAK;EAC7D,MAAMC,IAAI,GAAGX,QAAQ,CAACC,eAAe,CAACW,KAAK;EAE3C,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACR,IAAI,CAAC,EAAE;IAC/CG,IAAI,CAACM,WAAW,CAACJ,GAAG,EAAEC,KAAK,CAAC;EAC9B;AACF","ignoreList":[]}

package/lib/module/theme/apply-dark-class.js

@@ -11,6 +11,11 @@ export function applyDarkClass(resolved) {
 /**
  * Apply a color preset's CSS custom properties to the document root.
  * No-op on native — only affects web.
+ *
+ * Values are written as raw HSL triples (e.g. `185 100% 20%`), matching the
+ * shadcn/Tailwind convention where stylesheets wrap them themselves with
+ * `hsl(var(--primary))`. Writing pre-resolved `hsl(...)` values here would
+ * produce invalid `hsl(hsl(...))` in consuming stylesheets and break theming.
  */
 export function applyColorPresetVars(preset, resolved) {
   if (Platform.OS !== 'web' || typeof document === 'undefined') return;
@@ -19,7 +24,7 @@ export function applyColorPresetVars(preset, resolved) {
   const vars = resolved === 'dark' ? config.dark : config.light;
   const root = document.documentElement.style;
   for (const [key, value] of Object.entries(vars)) {
-    root.setProperty(key, `hsl(${value})`);
+    root.setProperty(key, value);
   }
 }
 //# sourceMappingURL=apply-dark-class.js.map

package/lib/module/theme/apply-dark-class.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","APP_COLOR_PRESETS","applyDarkClass","resolved","OS","document","documentElement","classList","toggle","applyColorPresetVars","preset","config","vars","dark","light","root","style","key","value","Object","entries","setProperty"],"sourceRoot":"../../../src","sources":["theme/apply-dark-class.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,iBAAiB,QAA2B,oBAAiB;AAEtE,OAAO,SAASC,cAAcA,CAACC,QAA0B,EAAE;EACzD,IAAIH,QAAQ,CAACI,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IAC5DA,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,MAAM,CAAC,MAAM,EAAEL,QAAQ,KAAK,MAAM,CAAC;EACxE;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASM,oBAAoBA,CAACC,MAAoB,EAAEP,QAA0B,EAAE;EACrF,IAAIH,QAAQ,CAACI,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAE9D,MAAMM,MAAM,GAAGV,iBAAiB,CAACS,MAAM,CAAC;EACxC,IAAI,CAACC,MAAM,EAAE;EAEb,MAAMC,IAAI,GAAGT,QAAQ,KAAK,MAAM,GAAGQ,MAAM,CAACE,IAAI,GAAGF,MAAM,CAACG,KAAK;EAC7D,MAAMC,IAAI,GAAGV,QAAQ,CAACC,eAAe,CAACU,KAAK;EAE3C,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACR,IAAI,CAAC,EAAE;IAC/CG,IAAI,CAACM,WAAW,CAACJ,GAAG,EAAE,OAAOC,KAAK,GAAG,CAAC;EACxC;AACF","ignoreList":[]}
+{"version":3,"names":["Platform","APP_COLOR_PRESETS","applyDarkClass","resolved","OS","document","documentElement","classList","toggle","applyColorPresetVars","preset","config","vars","dark","light","root","style","key","value","Object","entries","setProperty"],"sourceRoot":"../../../src","sources":["theme/apply-dark-class.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,iBAAiB,QAA2B,oBAAiB;AAEtE,OAAO,SAASC,cAAcA,CAACC,QAA0B,EAAE;EACzD,IAAIH,QAAQ,CAACI,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IAC5DA,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,MAAM,CAAC,MAAM,EAAEL,QAAQ,KAAK,MAAM,CAAC;EACxE;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,oBAAoBA,CAACC,MAAoB,EAAEP,QAA0B,EAAE;EACrF,IAAIH,QAAQ,CAACI,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAE9D,MAAMM,MAAM,GAAGV,iBAAiB,CAACS,MAAM,CAAC;EACxC,IAAI,CAACC,MAAM,EAAE;EAEb,MAAMC,IAAI,GAAGT,QAAQ,KAAK,MAAM,GAAGQ,MAAM,CAACE,IAAI,GAAGF,MAAM,CAACG,KAAK;EAC7D,MAAMC,IAAI,GAAGV,QAAQ,CAACC,eAAe,CAACU,KAAK;EAE3C,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACR,IAAI,CAAC,EAAE;IAC/CG,IAAI,CAACM,WAAW,CAACJ,GAAG,EAAEC,KAAK,CAAC;EAC9B;AACF","ignoreList":[]}

package/lib/typescript/commonjs/theme/apply-dark-class.d.ts

@@ -3,6 +3,11 @@ export declare function applyDarkClass(resolved: 'light' | 'dark'): void;
 /**
  * Apply a color preset's CSS custom properties to the document root.
  * No-op on native — only affects web.
+ *
+ * Values are written as raw HSL triples (e.g. `185 100% 20%`), matching the
+ * shadcn/Tailwind convention where stylesheets wrap them themselves with
+ * `hsl(var(--primary))`. Writing pre-resolved `hsl(...)` values here would
+ * produce invalid `hsl(hsl(...))` in consuming stylesheets and break theming.
  */
 export declare function applyColorPresetVars(preset: AppColorName, resolved: 'light' | 'dark'): void;
 //# sourceMappingURL=apply-dark-class.d.ts.map

package/lib/typescript/commonjs/theme/apply-dark-class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply-dark-class.d.ts","sourceRoot":"","sources":["../../../../src/theme/apply-dark-class.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEvE,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,QAIxD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,QAYpF"}
+{"version":3,"file":"apply-dark-class.d.ts","sourceRoot":"","sources":["../../../../src/theme/apply-dark-class.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEvE,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,QAIxD;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,QAYpF"}

package/lib/typescript/module/theme/apply-dark-class.d.ts

@@ -3,6 +3,11 @@ export declare function applyDarkClass(resolved: 'light' | 'dark'): void;
 /**
  * Apply a color preset's CSS custom properties to the document root.
  * No-op on native — only affects web.
+ *
+ * Values are written as raw HSL triples (e.g. `185 100% 20%`), matching the
+ * shadcn/Tailwind convention where stylesheets wrap them themselves with
+ * `hsl(var(--primary))`. Writing pre-resolved `hsl(...)` values here would
+ * produce invalid `hsl(hsl(...))` in consuming stylesheets and break theming.
  */
 export declare function applyColorPresetVars(preset: AppColorName, resolved: 'light' | 'dark'): void;
 //# sourceMappingURL=apply-dark-class.d.ts.map

package/lib/typescript/module/theme/apply-dark-class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply-dark-class.d.ts","sourceRoot":"","sources":["../../../../src/theme/apply-dark-class.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEvE,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,QAIxD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,QAYpF"}
+{"version":3,"file":"apply-dark-class.d.ts","sourceRoot":"","sources":["../../../../src/theme/apply-dark-class.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEvE,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,QAIxD;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,QAYpF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.6.12",
+  "version": "0.6.13",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/theme/apply-dark-class.ts

@@ -10,6 +10,11 @@ export function applyDarkClass(resolved: 'light' | 'dark') {
 /**
  * Apply a color preset's CSS custom properties to the document root.
  * No-op on native — only affects web.
+ *
+ * Values are written as raw HSL triples (e.g. `185 100% 20%`), matching the
+ * shadcn/Tailwind convention where stylesheets wrap them themselves with
+ * `hsl(var(--primary))`. Writing pre-resolved `hsl(...)` values here would
+ * produce invalid `hsl(hsl(...))` in consuming stylesheets and break theming.
  */
 export function applyColorPresetVars(preset: AppColorName, resolved: 'light' | 'dark') {
   if (Platform.OS !== 'web' || typeof document === 'undefined') return;
@@ -21,6 +26,6 @@ export function applyColorPresetVars(preset: AppColorName, resolved: 'light' | '
   const root = document.documentElement.style;
 
   for (const [key, value] of Object.entries(vars)) {
-    root.setProperty(key, `hsl(${value})`);
+    root.setProperty(key, value);
   }
 }