@oxyhq/bloom 0.37.1 → 0.38.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/design-tokens/theme-css.js +18 -1
- package/lib/commonjs/design-tokens/theme-css.js.map +1 -1
- package/lib/commonjs/design-tokens/theme.css +35 -0
- package/lib/commonjs/settings-list/SettingsList.js +1 -1
- package/lib/commonjs/settings-list/SettingsList.js.map +1 -1
- package/lib/module/design-tokens/theme-css.js +18 -1
- package/lib/module/design-tokens/theme-css.js.map +1 -1
- package/lib/module/design-tokens/theme.css +35 -0
- package/lib/module/settings-list/SettingsList.js +1 -1
- package/lib/module/settings-list/SettingsList.js.map +1 -1
- package/lib/typescript/commonjs/design-tokens/theme-css.d.ts.map +1 -1
- package/lib/typescript/module/design-tokens/theme-css.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/design-tokens/theme-css.ts +18 -1
- package/src/design-tokens/theme.css +35 -0
- package/src/settings-list/SettingsList.tsx +1 -1
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.bloomThemeBlock = bloomThemeBlock;
|
|
7
7
|
exports.bloomThemeCss = bloomThemeCss;
|
|
8
8
|
var _colorRoles = require("./color-roles.js");
|
|
9
|
+
var _tokenRegistry = require("../theme/token-registry.js");
|
|
9
10
|
var _scales = require("./scales.js");
|
|
10
11
|
var _shadows = require("./shadows");
|
|
11
12
|
/**
|
|
@@ -47,7 +48,7 @@ var _shadows = require("./shadows");
|
|
|
47
48
|
function bloomThemeCss() {
|
|
48
49
|
const lines = [];
|
|
49
50
|
|
|
50
|
-
//
|
|
51
|
+
// Bloom's namespaced semantic color roles (bg-fill, text-text-*, border-*).
|
|
51
52
|
for (const [role, value] of Object.entries({
|
|
52
53
|
..._colorRoles.FILL_ROLES,
|
|
53
54
|
..._colorRoles.TEXT_ROLES,
|
|
@@ -56,6 +57,22 @@ function bloomThemeCss() {
|
|
|
56
57
|
lines.push(` --color-${role}: ${value};`);
|
|
57
58
|
}
|
|
58
59
|
|
|
60
|
+
// shadcn-canonical color utilities (bg-card, bg-primary, bg-background,
|
|
61
|
+
// text-muted-foreground, …). Emitted here — the SINGLE source of truth — for
|
|
62
|
+
// every runtime token, so consumer apps get these utilities by importing
|
|
63
|
+
// `@oxyhq/bloom/design-tokens/theme.css` and NEVER re-declare a per-app
|
|
64
|
+
// `@theme { --color-*: var(--*) }` block (that per-app duplication is what let
|
|
65
|
+
// `--color-card` drift to `var(--surface)`). Mirrors the `--color-<token>`
|
|
66
|
+
// aliases `buildScopeVars` emits at runtime, so the static and runtime maps
|
|
67
|
+
// agree. Each `--x` token already resolves to a full `rgb(...)` color, so the
|
|
68
|
+
// alias is a direct `var(--x)` — never `hsl(var(--x))`.
|
|
69
|
+
for (const token of _tokenRegistry.CANONICAL_TOKENS) {
|
|
70
|
+
lines.push(` --color-${token}: var(--${token});`);
|
|
71
|
+
}
|
|
72
|
+
// `destructive` carries no themed foreground token; its text is always the
|
|
73
|
+
// fixed light-on-error colour.
|
|
74
|
+
lines.push(' --color-destructive-foreground: #ffffff;');
|
|
75
|
+
|
|
59
76
|
// Spacing.
|
|
60
77
|
for (const [key, value] of Object.entries(_scales.SPACING)) {
|
|
61
78
|
lines.push(` --spacing-${key}: ${value}px;`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_colorRoles","require","_scales","_shadows","bloomThemeCss","lines","role","value","Object","entries","FILL_ROLES","TEXT_ROLES","BORDER_ROLES","push","key","SPACING","RADIUS","BORDER_WIDTH","name","keys","TYPOGRAPHY","size","lineHeight","weight","FONT_FAMILY_VARS","family","sans","display","mono","SHADOW_BOX","s","m","join","bloomThemeBlock"],"sourceRoot":"../../../src","sources":["design-tokens/theme-css.ts"],"mappings":";;;;;;;AAyBA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,
|
|
1
|
+
{"version":3,"names":["_colorRoles","require","_tokenRegistry","_scales","_shadows","bloomThemeCss","lines","role","value","Object","entries","FILL_ROLES","TEXT_ROLES","BORDER_ROLES","push","token","CANONICAL_TOKENS","key","SPACING","RADIUS","BORDER_WIDTH","name","keys","TYPOGRAPHY","size","lineHeight","weight","FONT_FAMILY_VARS","family","sans","display","mono","SHADOW_BOX","s","m","join","bloomThemeBlock"],"sourceRoot":"../../../src","sources":["design-tokens/theme-css.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -26,6 +26,41 @@
|
|
|
26
26
|
--color-border-secondary: var(--input);
|
|
27
27
|
--color-border-input: var(--input);
|
|
28
28
|
--color-border-input-active: var(--ring);
|
|
29
|
+
--color-background: var(--background);
|
|
30
|
+
--color-foreground: var(--foreground);
|
|
31
|
+
--color-surface: var(--surface);
|
|
32
|
+
--color-surface-foreground: var(--surface-foreground);
|
|
33
|
+
--color-popover: var(--popover);
|
|
34
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
35
|
+
--color-primary: var(--primary);
|
|
36
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
37
|
+
--color-secondary: var(--secondary);
|
|
38
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
39
|
+
--color-muted: var(--muted);
|
|
40
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
41
|
+
--color-accent: var(--accent);
|
|
42
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
43
|
+
--color-destructive: var(--destructive);
|
|
44
|
+
--color-border: var(--border);
|
|
45
|
+
--color-input: var(--input);
|
|
46
|
+
--color-ring: var(--ring);
|
|
47
|
+
--color-sidebar: var(--sidebar);
|
|
48
|
+
--color-card: var(--card);
|
|
49
|
+
--color-card-foreground: var(--card-foreground);
|
|
50
|
+
--color-chart-1: var(--chart-1);
|
|
51
|
+
--color-chart-2: var(--chart-2);
|
|
52
|
+
--color-chart-3: var(--chart-3);
|
|
53
|
+
--color-chart-4: var(--chart-4);
|
|
54
|
+
--color-chart-5: var(--chart-5);
|
|
55
|
+
--color-content-area: var(--content-area);
|
|
56
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
57
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
58
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
59
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
60
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
61
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
62
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
63
|
+
--color-destructive-foreground: #ffffff;
|
|
29
64
|
--spacing-space-2: 2px;
|
|
30
65
|
--spacing-space-4: 4px;
|
|
31
66
|
--spacing-space-8: 8px;
|
|
@@ -142,7 +142,7 @@ const SettingsListGroup = exports.SettingsListGroup = /*#__PURE__*/(0, _react.me
|
|
|
142
142
|
children: title
|
|
143
143
|
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
144
144
|
style: [styles.groupCard, {
|
|
145
|
-
backgroundColor: theme.colors.
|
|
145
|
+
backgroundColor: theme.colors.card
|
|
146
146
|
}],
|
|
147
147
|
children: filteredChildren.map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
|
|
148
148
|
children: [child, index < filteredChildren.length - 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_useInteractionState","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Chevron","memo","size","color","jsx","Text","style","fontSize","lineHeight","textAlign","width","children","displayName","SettingsListItem","exports","icon","title","description","value","rightElement","showChevron","destructive","onPress","disabled","accessibilityLabel","accessibilityHint","accessibilityRole","leftInset","theme","useTheme","hasChevron","Boolean","titleColor","colors","error","text","pressedOpacity","state","pressed","onIn","onPressIn","onOut","onPressOut","useInteractionState","role","label","content","jsxs","View","styles","itemContainer","undefined","paddingLeft","testID","iconContainer","textContainer","numberOfLines","textSecondary","textTertiary","Pressable","android_ripple","border","accessibilityState","opacity","SettingsListGroup","footer","filteredChildren","React","Children","toArray","filter","groupContainer","groupTitle","groupCard","backgroundColor","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_useInteractionState","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Chevron","memo","size","color","jsx","Text","style","fontSize","lineHeight","textAlign","width","children","displayName","SettingsListItem","exports","icon","title","description","value","rightElement","showChevron","destructive","onPress","disabled","accessibilityLabel","accessibilityHint","accessibilityRole","leftInset","theme","useTheme","hasChevron","Boolean","titleColor","colors","error","text","pressedOpacity","state","pressed","onIn","onPressIn","onOut","onPressOut","useInteractionState","role","label","content","jsxs","View","styles","itemContainer","undefined","paddingLeft","testID","iconContainer","textContainer","numberOfLines","textSecondary","textTertiary","Pressable","android_ripple","border","accessibilityState","opacity","SettingsListGroup","footer","filteredChildren","React","Children","toArray","filter","groupContainer","groupTitle","groupCard","backgroundColor","card","map","child","index","Fragment","length","divider","groupFooter","SettingsListDivider","inset","marginLeft","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","minHeight","gap","height","justifyContent","flex","fontWeight","marginBottom","marginHorizontal","borderRadius","overflow","textTransform","letterSpacing","paddingTop","paddingBottom","hairlineWidth"],"sourceRoot":"../../../src","sources":["settings-list/SettingsList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
28
|
import { BORDER_ROLES, FILL_ROLES, TEXT_ROLES } from "./color-roles.js";
|
|
29
|
+
import { CANONICAL_TOKENS } from "../theme/token-registry.js";
|
|
29
30
|
import { BORDER_WIDTH, FONT_FAMILY_VARS, RADIUS, SPACING, TYPOGRAPHY } from "./scales.js";
|
|
30
31
|
import { SHADOW_BOX } from './shadows';
|
|
31
32
|
|
|
@@ -43,7 +44,7 @@ import { SHADOW_BOX } from './shadows';
|
|
|
43
44
|
export function bloomThemeCss() {
|
|
44
45
|
const lines = [];
|
|
45
46
|
|
|
46
|
-
//
|
|
47
|
+
// Bloom's namespaced semantic color roles (bg-fill, text-text-*, border-*).
|
|
47
48
|
for (const [role, value] of Object.entries({
|
|
48
49
|
...FILL_ROLES,
|
|
49
50
|
...TEXT_ROLES,
|
|
@@ -52,6 +53,22 @@ export function bloomThemeCss() {
|
|
|
52
53
|
lines.push(` --color-${role}: ${value};`);
|
|
53
54
|
}
|
|
54
55
|
|
|
56
|
+
// shadcn-canonical color utilities (bg-card, bg-primary, bg-background,
|
|
57
|
+
// text-muted-foreground, …). Emitted here — the SINGLE source of truth — for
|
|
58
|
+
// every runtime token, so consumer apps get these utilities by importing
|
|
59
|
+
// `@oxyhq/bloom/design-tokens/theme.css` and NEVER re-declare a per-app
|
|
60
|
+
// `@theme { --color-*: var(--*) }` block (that per-app duplication is what let
|
|
61
|
+
// `--color-card` drift to `var(--surface)`). Mirrors the `--color-<token>`
|
|
62
|
+
// aliases `buildScopeVars` emits at runtime, so the static and runtime maps
|
|
63
|
+
// agree. Each `--x` token already resolves to a full `rgb(...)` color, so the
|
|
64
|
+
// alias is a direct `var(--x)` — never `hsl(var(--x))`.
|
|
65
|
+
for (const token of CANONICAL_TOKENS) {
|
|
66
|
+
lines.push(` --color-${token}: var(--${token});`);
|
|
67
|
+
}
|
|
68
|
+
// `destructive` carries no themed foreground token; its text is always the
|
|
69
|
+
// fixed light-on-error colour.
|
|
70
|
+
lines.push(' --color-destructive-foreground: #ffffff;');
|
|
71
|
+
|
|
55
72
|
// Spacing.
|
|
56
73
|
for (const [key, value] of Object.entries(SPACING)) {
|
|
57
74
|
lines.push(` --spacing-${key}: ${value}px;`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BORDER_ROLES","FILL_ROLES","TEXT_ROLES","BORDER_WIDTH","FONT_FAMILY_VARS","RADIUS","SPACING","TYPOGRAPHY","SHADOW_BOX","bloomThemeCss","lines","role","value","Object","entries","push","key","name","keys","size","lineHeight","weight","family","sans","display","mono","s","m","join","bloomThemeBlock"],"sourceRoot":"../../../src","sources":["design-tokens/theme-css.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,YAAY,EAAEC,UAAU,EAAEC,UAAU,QAAQ,kBAAe;AACpE,SACEC,YAAY,EACZC,gBAAgB,EAChBC,MAAM,EACNC,OAAO,EACPC,UAAU,QAEL,aAAU;AACjB,SAASC,UAAU,QAAQ,WAAW;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAA,EAAW;EACtC,MAAMC,KAAe,GAAG,EAAE;;EAE1B;EACA,KAAK,MAAM,CAACC,IAAI,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAAC;IACzC,
|
|
1
|
+
{"version":3,"names":["BORDER_ROLES","FILL_ROLES","TEXT_ROLES","CANONICAL_TOKENS","BORDER_WIDTH","FONT_FAMILY_VARS","RADIUS","SPACING","TYPOGRAPHY","SHADOW_BOX","bloomThemeCss","lines","role","value","Object","entries","push","token","key","name","keys","size","lineHeight","weight","family","sans","display","mono","s","m","join","bloomThemeBlock"],"sourceRoot":"../../../src","sources":["design-tokens/theme-css.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -26,6 +26,41 @@
|
|
|
26
26
|
--color-border-secondary: var(--input);
|
|
27
27
|
--color-border-input: var(--input);
|
|
28
28
|
--color-border-input-active: var(--ring);
|
|
29
|
+
--color-background: var(--background);
|
|
30
|
+
--color-foreground: var(--foreground);
|
|
31
|
+
--color-surface: var(--surface);
|
|
32
|
+
--color-surface-foreground: var(--surface-foreground);
|
|
33
|
+
--color-popover: var(--popover);
|
|
34
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
35
|
+
--color-primary: var(--primary);
|
|
36
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
37
|
+
--color-secondary: var(--secondary);
|
|
38
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
39
|
+
--color-muted: var(--muted);
|
|
40
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
41
|
+
--color-accent: var(--accent);
|
|
42
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
43
|
+
--color-destructive: var(--destructive);
|
|
44
|
+
--color-border: var(--border);
|
|
45
|
+
--color-input: var(--input);
|
|
46
|
+
--color-ring: var(--ring);
|
|
47
|
+
--color-sidebar: var(--sidebar);
|
|
48
|
+
--color-card: var(--card);
|
|
49
|
+
--color-card-foreground: var(--card-foreground);
|
|
50
|
+
--color-chart-1: var(--chart-1);
|
|
51
|
+
--color-chart-2: var(--chart-2);
|
|
52
|
+
--color-chart-3: var(--chart-3);
|
|
53
|
+
--color-chart-4: var(--chart-4);
|
|
54
|
+
--color-chart-5: var(--chart-5);
|
|
55
|
+
--color-content-area: var(--content-area);
|
|
56
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
57
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
58
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
59
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
60
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
61
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
62
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
63
|
+
--color-destructive-foreground: #ffffff;
|
|
29
64
|
--spacing-space-2: 2px;
|
|
30
65
|
--spacing-space-4: 4px;
|
|
31
66
|
--spacing-space-8: 8px;
|
|
@@ -137,7 +137,7 @@ export const SettingsListGroup = /*#__PURE__*/memo(function SettingsListGroup({
|
|
|
137
137
|
children: title
|
|
138
138
|
}) : null, /*#__PURE__*/_jsx(View, {
|
|
139
139
|
style: [styles.groupCard, {
|
|
140
|
-
backgroundColor: theme.colors.
|
|
140
|
+
backgroundColor: theme.colors.card
|
|
141
141
|
}],
|
|
142
142
|
children: filteredChildren.map((child, index) => /*#__PURE__*/_jsxs(React.Fragment, {
|
|
143
143
|
children: [child, index < filteredChildren.length - 1 ? /*#__PURE__*/_jsx(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","View","Text","Pressable","StyleSheet","useTheme","useInteractionState","jsx","_jsx","jsxs","_jsxs","Chevron","size","color","style","fontSize","lineHeight","textAlign","width","children","displayName","SettingsListItem","icon","title","description","value","rightElement","showChevron","destructive","onPress","disabled","accessibilityLabel","accessibilityHint","accessibilityRole","leftInset","theme","hasChevron","Boolean","titleColor","colors","error","text","pressedOpacity","state","pressed","onIn","onPressIn","onOut","onPressOut","role","label","content","styles","itemContainer","undefined","paddingLeft","testID","iconContainer","textContainer","numberOfLines","textSecondary","textTertiary","android_ripple","border","accessibilityState","opacity","SettingsListGroup","footer","filteredChildren","Children","toArray","filter","groupContainer","groupTitle","groupCard","backgroundColor","
|
|
1
|
+
{"version":3,"names":["React","memo","View","Text","Pressable","StyleSheet","useTheme","useInteractionState","jsx","_jsx","jsxs","_jsxs","Chevron","size","color","style","fontSize","lineHeight","textAlign","width","children","displayName","SettingsListItem","icon","title","description","value","rightElement","showChevron","destructive","onPress","disabled","accessibilityLabel","accessibilityHint","accessibilityRole","leftInset","theme","hasChevron","Boolean","titleColor","colors","error","text","pressedOpacity","state","pressed","onIn","onPressIn","onOut","onPressOut","role","label","content","styles","itemContainer","undefined","paddingLeft","testID","iconContainer","textContainer","numberOfLines","textSecondary","textTertiary","android_ripple","border","accessibilityState","opacity","SettingsListGroup","footer","filteredChildren","Children","toArray","filter","groupContainer","groupTitle","groupCard","backgroundColor","card","map","child","index","Fragment","length","divider","groupFooter","SettingsListDivider","inset","marginLeft","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","minHeight","gap","height","justifyContent","flex","fontWeight","marginBottom","marginHorizontal","borderRadius","overflow","textTransform","letterSpacing","paddingTop","paddingBottom","hairlineWidth"],"sourceRoot":"../../../src","sources":["settings-list/SettingsList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-css.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/theme-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;
|
|
1
|
+
{"version":3,"file":"theme-css.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/theme-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAcH;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,IAAI,MAAM,CA8DtC;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,IAAI,MAAM,CAExC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-css.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/theme-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;
|
|
1
|
+
{"version":3,"file":"theme-css.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/theme-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAcH;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,IAAI,MAAM,CA8DtC;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,IAAI,MAAM,CAExC"}
|
package/package.json
CHANGED
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
26
|
import { BORDER_ROLES, FILL_ROLES, TEXT_ROLES } from './color-roles';
|
|
27
|
+
import { CANONICAL_TOKENS } from '../theme/token-registry';
|
|
27
28
|
import {
|
|
28
29
|
BORDER_WIDTH,
|
|
29
30
|
FONT_FAMILY_VARS,
|
|
@@ -48,7 +49,7 @@ import { SHADOW_BOX } from './shadows';
|
|
|
48
49
|
export function bloomThemeCss(): string {
|
|
49
50
|
const lines: string[] = [];
|
|
50
51
|
|
|
51
|
-
//
|
|
52
|
+
// Bloom's namespaced semantic color roles (bg-fill, text-text-*, border-*).
|
|
52
53
|
for (const [role, value] of Object.entries({
|
|
53
54
|
...FILL_ROLES,
|
|
54
55
|
...TEXT_ROLES,
|
|
@@ -57,6 +58,22 @@ export function bloomThemeCss(): string {
|
|
|
57
58
|
lines.push(` --color-${role}: ${value};`);
|
|
58
59
|
}
|
|
59
60
|
|
|
61
|
+
// shadcn-canonical color utilities (bg-card, bg-primary, bg-background,
|
|
62
|
+
// text-muted-foreground, …). Emitted here — the SINGLE source of truth — for
|
|
63
|
+
// every runtime token, so consumer apps get these utilities by importing
|
|
64
|
+
// `@oxyhq/bloom/design-tokens/theme.css` and NEVER re-declare a per-app
|
|
65
|
+
// `@theme { --color-*: var(--*) }` block (that per-app duplication is what let
|
|
66
|
+
// `--color-card` drift to `var(--surface)`). Mirrors the `--color-<token>`
|
|
67
|
+
// aliases `buildScopeVars` emits at runtime, so the static and runtime maps
|
|
68
|
+
// agree. Each `--x` token already resolves to a full `rgb(...)` color, so the
|
|
69
|
+
// alias is a direct `var(--x)` — never `hsl(var(--x))`.
|
|
70
|
+
for (const token of CANONICAL_TOKENS) {
|
|
71
|
+
lines.push(` --color-${token}: var(--${token});`);
|
|
72
|
+
}
|
|
73
|
+
// `destructive` carries no themed foreground token; its text is always the
|
|
74
|
+
// fixed light-on-error colour.
|
|
75
|
+
lines.push(' --color-destructive-foreground: #ffffff;');
|
|
76
|
+
|
|
60
77
|
// Spacing.
|
|
61
78
|
for (const [key, value] of Object.entries(SPACING)) {
|
|
62
79
|
lines.push(` --spacing-${key}: ${value}px;`);
|
|
@@ -26,6 +26,41 @@
|
|
|
26
26
|
--color-border-secondary: var(--input);
|
|
27
27
|
--color-border-input: var(--input);
|
|
28
28
|
--color-border-input-active: var(--ring);
|
|
29
|
+
--color-background: var(--background);
|
|
30
|
+
--color-foreground: var(--foreground);
|
|
31
|
+
--color-surface: var(--surface);
|
|
32
|
+
--color-surface-foreground: var(--surface-foreground);
|
|
33
|
+
--color-popover: var(--popover);
|
|
34
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
35
|
+
--color-primary: var(--primary);
|
|
36
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
37
|
+
--color-secondary: var(--secondary);
|
|
38
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
39
|
+
--color-muted: var(--muted);
|
|
40
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
41
|
+
--color-accent: var(--accent);
|
|
42
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
43
|
+
--color-destructive: var(--destructive);
|
|
44
|
+
--color-border: var(--border);
|
|
45
|
+
--color-input: var(--input);
|
|
46
|
+
--color-ring: var(--ring);
|
|
47
|
+
--color-sidebar: var(--sidebar);
|
|
48
|
+
--color-card: var(--card);
|
|
49
|
+
--color-card-foreground: var(--card-foreground);
|
|
50
|
+
--color-chart-1: var(--chart-1);
|
|
51
|
+
--color-chart-2: var(--chart-2);
|
|
52
|
+
--color-chart-3: var(--chart-3);
|
|
53
|
+
--color-chart-4: var(--chart-4);
|
|
54
|
+
--color-chart-5: var(--chart-5);
|
|
55
|
+
--color-content-area: var(--content-area);
|
|
56
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
57
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
58
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
59
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
60
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
61
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
62
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
63
|
+
--color-destructive-foreground: #ffffff;
|
|
29
64
|
--spacing-space-2: 2px;
|
|
30
65
|
--spacing-space-4: 4px;
|
|
31
66
|
--spacing-space-8: 8px;
|
|
@@ -157,7 +157,7 @@ export const SettingsListGroup = memo<SettingsListGroupProps>(function SettingsL
|
|
|
157
157
|
<View
|
|
158
158
|
style={[
|
|
159
159
|
styles.groupCard,
|
|
160
|
-
{ backgroundColor: theme.colors.
|
|
160
|
+
{ backgroundColor: theme.colors.card },
|
|
161
161
|
]}
|
|
162
162
|
>
|
|
163
163
|
{filteredChildren.map((child, index) => (
|