@mindlogic-ai/logician-ui 3.1.0-alpha.9 → 3.1.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/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +20 -4
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs +20 -4
- package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/theme/colors.d.ts +196 -44
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +184 -22
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +184 -22
- package/dist/theme/colors.mjs.map +1 -1
- package/dist/theme/global.d.ts.map +1 -1
- package/dist/theme/global.js +30 -2
- package/dist/theme/global.js.map +1 -1
- package/dist/theme/global.mjs +30 -2
- package/dist/theme/global.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/SegmentedControl/SegmentedControl.tsx +21 -4
- package/src/theme/SemanticTokens.mdx +61 -7
- package/src/theme/colors.ts +216 -26
- package/src/theme/global.ts +31 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;kDAuH3B,CAAC"}
|
|
@@ -39,12 +39,28 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
|
|
|
39
39
|
onSelect(details.value);
|
|
40
40
|
}
|
|
41
41
|
}, size: size,
|
|
42
|
-
//
|
|
43
|
-
// bg.
|
|
44
|
-
//
|
|
42
|
+
// Light mode: track is bg.subtle (gray.50) and the selected indicator is
|
|
43
|
+
// bg.surface (white) lifted by an md shadow — a classic raised thumb.
|
|
44
|
+
//
|
|
45
|
+
// Selected indicator rides on `bg.raised` — a raised neutral surface that
|
|
46
|
+
// resolves white in light and the lightest neutral (gray.1100) in dark,
|
|
47
|
+
// so the thumb reads as lifted above the `bg.subtle` track in both modes
|
|
48
|
+
// (`bg.surface` could not: its dark value is darker than the track). Dark
|
|
49
|
+
// mode also needs two things light mode doesn't, and neither
|
|
50
|
+
// maps to a token: a drop shadow is invisible on a dark canvas, so the
|
|
51
|
+
// indicator gains a soft ambient shadow + a translucent-white hairline
|
|
52
|
+
// edge; and the track only contrasts against the app canvas — on a
|
|
53
|
+
// same-or-lighter dark surface (e.g. a bg.surface card) it would vanish
|
|
54
|
+
// and leave the control looking like floating text, so a translucent
|
|
55
|
+
// hairline ring defines its bounds on any dark background. Both rings are
|
|
56
|
+
// box-shadows (not borders) so the matched item-height math is preserved.
|
|
45
57
|
bg: "bg.subtle", p: "1", borderRadius: borderRadius, boxShadow: "none", w: "fit-content", ...rest, css: mergeCss.mergeCss({
|
|
46
|
-
'--segment-indicator-bg': `var(--chakra-colors-bg-
|
|
58
|
+
'--segment-indicator-bg': `var(--chakra-colors-bg-raised)`,
|
|
47
59
|
'--segment-indicator-shadow': `var(--chakra-shadows-md)`,
|
|
60
|
+
'.dark &': {
|
|
61
|
+
'--segment-indicator-shadow': '0 1px 2px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08)',
|
|
62
|
+
boxShadow: '0 0 0 1px rgba(255, 255, 255, 0.12)',
|
|
63
|
+
},
|
|
48
64
|
}, css), children: [jsxRuntime.jsx(react.SegmentGroup.Indicator, { borderRadius: indicatorRadius }), items.map((item) => (jsxRuntime.jsxs(react.SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: itemHeight, _hover: { bg: 'transparent' }, children: [jsxRuntime.jsx(react.SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "fg.muted", fontWeight: "500", fontSize: fontSize, whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
|
|
49
65
|
'&::after': {
|
|
50
66
|
content: 'attr(data-text)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx"],"mappings":";;;;;;;;AAUA;AACA,MAAM,cAAc,GAA2B;AAC7C,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT;AAED;AACA,MAAM,gBAAgB,GAA2B;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR;AAEM,MAAM,gBAAgB,GAAGA,gBAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK;IAET,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAc,CAAC,IAAI,IAAI;IACvD,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAc,CAAC,IAAI,GAAG;;IAG1D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,GACnB,OAAO,YAAY,KAAK;UACpB,CAAA,mBAAA,EAAsB,YAAY,CAAA,CAAA;UAClC,YAAY;AAElB,IAAA,QACEC,eAAA,CAACC,kBAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAC/C,aAAa,EAAE,CAAC,OAA0B,KAAI;YAC5C,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;YACzB;QACF,CAAC,EACD,IAAI,EAAE,IAAI
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx"],"mappings":"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"}
|
|
@@ -37,12 +37,28 @@ const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
|
|
|
37
37
|
onSelect(details.value);
|
|
38
38
|
}
|
|
39
39
|
}, size: size,
|
|
40
|
-
//
|
|
41
|
-
// bg.
|
|
42
|
-
//
|
|
40
|
+
// Light mode: track is bg.subtle (gray.50) and the selected indicator is
|
|
41
|
+
// bg.surface (white) lifted by an md shadow — a classic raised thumb.
|
|
42
|
+
//
|
|
43
|
+
// Selected indicator rides on `bg.raised` — a raised neutral surface that
|
|
44
|
+
// resolves white in light and the lightest neutral (gray.1100) in dark,
|
|
45
|
+
// so the thumb reads as lifted above the `bg.subtle` track in both modes
|
|
46
|
+
// (`bg.surface` could not: its dark value is darker than the track). Dark
|
|
47
|
+
// mode also needs two things light mode doesn't, and neither
|
|
48
|
+
// maps to a token: a drop shadow is invisible on a dark canvas, so the
|
|
49
|
+
// indicator gains a soft ambient shadow + a translucent-white hairline
|
|
50
|
+
// edge; and the track only contrasts against the app canvas — on a
|
|
51
|
+
// same-or-lighter dark surface (e.g. a bg.surface card) it would vanish
|
|
52
|
+
// and leave the control looking like floating text, so a translucent
|
|
53
|
+
// hairline ring defines its bounds on any dark background. Both rings are
|
|
54
|
+
// box-shadows (not borders) so the matched item-height math is preserved.
|
|
43
55
|
bg: "bg.subtle", p: "1", borderRadius: borderRadius, boxShadow: "none", w: "fit-content", ...rest, css: mergeCss({
|
|
44
|
-
'--segment-indicator-bg': `var(--chakra-colors-bg-
|
|
56
|
+
'--segment-indicator-bg': `var(--chakra-colors-bg-raised)`,
|
|
45
57
|
'--segment-indicator-shadow': `var(--chakra-shadows-md)`,
|
|
58
|
+
'.dark &': {
|
|
59
|
+
'--segment-indicator-shadow': '0 1px 2px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08)',
|
|
60
|
+
boxShadow: '0 0 0 1px rgba(255, 255, 255, 0.12)',
|
|
61
|
+
},
|
|
46
62
|
}, css), children: [jsx(SegmentGroup.Indicator, { borderRadius: indicatorRadius }), items.map((item) => (jsxs(SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: itemHeight, _hover: { bg: 'transparent' }, children: [jsx(SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "fg.muted", fontWeight: "500", fontSize: fontSize, whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
|
|
47
63
|
'&::after': {
|
|
48
64
|
content: 'attr(data-text)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAUA;AACA,MAAM,cAAc,GAA2B;AAC7C,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT;AAED;AACA,MAAM,gBAAgB,GAA2B;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR;AAEM,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK;IAET,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAc,CAAC,IAAI,IAAI;IACvD,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAc,CAAC,IAAI,GAAG;;IAG1D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,GACnB,OAAO,YAAY,KAAK;UACpB,CAAA,mBAAA,EAAsB,YAAY,CAAA,CAAA;UAClC,YAAY;AAElB,IAAA,QACEA,IAAA,CAAC,YAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAC/C,aAAa,EAAE,CAAC,OAA0B,KAAI;YAC5C,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;YACzB;QACF,CAAC,EACD,IAAI,EAAE,IAAI
|
|
1
|
+
{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
package/dist/theme/colors.d.ts
CHANGED
|
@@ -33,32 +33,6 @@
|
|
|
33
33
|
* @see https://www.w3.org/TR/WCAG21/#contrast-minimum
|
|
34
34
|
* @version 3.0.0
|
|
35
35
|
*/
|
|
36
|
-
/**
|
|
37
|
-
* Semantic color tokens that map primitive colors to UI intent.
|
|
38
|
-
*
|
|
39
|
-
* Use these tokens in components instead of raw color values:
|
|
40
|
-
* - `primary.*`: Buttons, links, focus states
|
|
41
|
-
* - `secondary.*`: Accent elements, highlights
|
|
42
|
-
* - `success.*`: Success messages, confirmations
|
|
43
|
-
* - `warning.*`: Warning messages, caution states
|
|
44
|
-
* - `danger.*`: Error messages, destructive actions
|
|
45
|
-
*
|
|
46
|
-
* Each category includes:
|
|
47
|
-
* - `lightest`: Lightest backgrounds (ghost states, very subtle fills)
|
|
48
|
-
* - `extralight`: Extra-light backgrounds (badges, subtle fills)
|
|
49
|
-
* - `lighter`: Light backgrounds (toast backgrounds, subtle fills)
|
|
50
|
-
* - `light`: Medium backgrounds (hover states, medium fills)
|
|
51
|
-
* - `main`: Primary color (buttons, text, icons)
|
|
52
|
-
* - `dark`: Dark variant (text on light backgrounds)
|
|
53
|
-
* - `darker`: Darkest variant (high-contrast text)
|
|
54
|
-
*
|
|
55
|
-
* @example
|
|
56
|
-
* ```tsx
|
|
57
|
-
* <Button bgColor="primary.main" />
|
|
58
|
-
* <Alert bgColor="danger.lighter" color="danger.dark" />
|
|
59
|
-
* <Badge bgColor="success.lightest" color="success.dark" />
|
|
60
|
-
* ```
|
|
61
|
-
*/
|
|
62
36
|
export declare const semanticTokens: {
|
|
63
37
|
readonly colors: {
|
|
64
38
|
/**
|
|
@@ -117,6 +91,18 @@ export declare const semanticTokens: {
|
|
|
117
91
|
readonly _dark: "{colors.blue.100}";
|
|
118
92
|
};
|
|
119
93
|
};
|
|
94
|
+
readonly fill: {
|
|
95
|
+
readonly value: {
|
|
96
|
+
readonly base: "{colors.blue.500}";
|
|
97
|
+
readonly _dark: "{colors.blue.700}";
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
readonly fillStrong: {
|
|
101
|
+
readonly value: {
|
|
102
|
+
readonly base: "{colors.blue.700}";
|
|
103
|
+
readonly _dark: "{colors.blue.800}";
|
|
104
|
+
};
|
|
105
|
+
};
|
|
120
106
|
};
|
|
121
107
|
/**
|
|
122
108
|
* Secondary colors (Violet-based)
|
|
@@ -329,6 +315,135 @@ export declare const semanticTokens: {
|
|
|
329
315
|
};
|
|
330
316
|
};
|
|
331
317
|
};
|
|
318
|
+
/**
|
|
319
|
+
* `slate.*` — the foundational **mode-aware neutral family**.
|
|
320
|
+
*
|
|
321
|
+
* A first-class neutral palette alongside the raw `gray.*` primitives, but
|
|
322
|
+
* mode-aware: each `slate.N` resolves to `gray.N` in light and to the
|
|
323
|
+
* desaturated counterpart of the *mirrored* step in dark, so a single token
|
|
324
|
+
* carries the same tonal level in both modes (e.g. `slate.300` is a light
|
|
325
|
+
* divider in light and the equivalent dark divider in dark — no `_dark={{…}}`
|
|
326
|
+
* at the call site). It lives under `semanticTokens` only because Chakra
|
|
327
|
+
* requires that for the `_dark` flip; conceptually it is a *foundation*
|
|
328
|
+
* (a tonal scale), not a *role*.
|
|
329
|
+
*
|
|
330
|
+
* When to use which:
|
|
331
|
+
* - Prefer the **role tokens** (`fg`/`bg`/`border`) when one matches the
|
|
332
|
+
* intent — they carry semantics and AA-tuned dark values.
|
|
333
|
+
* - Reach for **`slate.N`** when you need a specific neutral tonal step that
|
|
334
|
+
* no role names (mirroring how you'd otherwise drop to a raw `gray.N`, but
|
|
335
|
+
* keeping the dark flip). `slate` and the role tokens are *distinct* ramps
|
|
336
|
+
* (slate is a mechanical mirror; roles are hand-tuned), so they are not
|
|
337
|
+
* interchangeable in dark mode.
|
|
338
|
+
*
|
|
339
|
+
* `600`/`700` are lifted off the straight mirror (#8E939F/#7C818D) so the
|
|
340
|
+
* secondary/muted text they most often carry clears WCAG AA 4.5:1 on the
|
|
341
|
+
* dark canvas/surface — the straight mirrors measured ~3.0–3.9 there.
|
|
342
|
+
*/
|
|
343
|
+
readonly slate: {
|
|
344
|
+
readonly 0: {
|
|
345
|
+
readonly value: {
|
|
346
|
+
readonly base: "{colors.gray.0}";
|
|
347
|
+
readonly _dark: "#0E1014";
|
|
348
|
+
};
|
|
349
|
+
};
|
|
350
|
+
readonly 50: {
|
|
351
|
+
readonly value: {
|
|
352
|
+
readonly base: "{colors.gray.50}";
|
|
353
|
+
readonly _dark: "#181A20";
|
|
354
|
+
};
|
|
355
|
+
};
|
|
356
|
+
readonly 100: {
|
|
357
|
+
readonly value: {
|
|
358
|
+
readonly base: "{colors.gray.100}";
|
|
359
|
+
readonly _dark: "#23262E";
|
|
360
|
+
};
|
|
361
|
+
};
|
|
362
|
+
readonly 200: {
|
|
363
|
+
readonly value: {
|
|
364
|
+
readonly base: "{colors.gray.200}";
|
|
365
|
+
readonly _dark: "#30343C";
|
|
366
|
+
};
|
|
367
|
+
};
|
|
368
|
+
readonly 300: {
|
|
369
|
+
readonly value: {
|
|
370
|
+
readonly base: "{colors.gray.300}";
|
|
371
|
+
readonly _dark: "#3C404B";
|
|
372
|
+
};
|
|
373
|
+
};
|
|
374
|
+
readonly 400: {
|
|
375
|
+
readonly value: {
|
|
376
|
+
readonly base: "{colors.gray.400}";
|
|
377
|
+
readonly _dark: "#4A4E5A";
|
|
378
|
+
};
|
|
379
|
+
};
|
|
380
|
+
readonly 500: {
|
|
381
|
+
readonly value: {
|
|
382
|
+
readonly base: "{colors.gray.500}";
|
|
383
|
+
readonly _dark: "#595E6B";
|
|
384
|
+
};
|
|
385
|
+
};
|
|
386
|
+
readonly 600: {
|
|
387
|
+
readonly value: {
|
|
388
|
+
readonly base: "{colors.gray.600}";
|
|
389
|
+
readonly _dark: "#898E99";
|
|
390
|
+
};
|
|
391
|
+
};
|
|
392
|
+
readonly 700: {
|
|
393
|
+
readonly value: {
|
|
394
|
+
readonly base: "{colors.gray.700}";
|
|
395
|
+
readonly _dark: "#8D919D";
|
|
396
|
+
};
|
|
397
|
+
};
|
|
398
|
+
readonly 800: {
|
|
399
|
+
readonly value: {
|
|
400
|
+
readonly base: "{colors.gray.800}";
|
|
401
|
+
readonly _dark: "#8E939F";
|
|
402
|
+
};
|
|
403
|
+
};
|
|
404
|
+
readonly 900: {
|
|
405
|
+
readonly value: {
|
|
406
|
+
readonly base: "{colors.gray.900}";
|
|
407
|
+
readonly _dark: "#A2A6B1";
|
|
408
|
+
};
|
|
409
|
+
};
|
|
410
|
+
readonly 1000: {
|
|
411
|
+
readonly value: {
|
|
412
|
+
readonly base: "{colors.gray.1000}";
|
|
413
|
+
readonly _dark: "#B6BAC3";
|
|
414
|
+
};
|
|
415
|
+
};
|
|
416
|
+
readonly 1100: {
|
|
417
|
+
readonly value: {
|
|
418
|
+
readonly base: "{colors.gray.1100}";
|
|
419
|
+
readonly _dark: "#D2D5DB";
|
|
420
|
+
};
|
|
421
|
+
};
|
|
422
|
+
readonly 1200: {
|
|
423
|
+
readonly value: {
|
|
424
|
+
readonly base: "{colors.gray.1200}";
|
|
425
|
+
readonly _dark: "#E5E8EC";
|
|
426
|
+
};
|
|
427
|
+
};
|
|
428
|
+
readonly 1300: {
|
|
429
|
+
readonly value: {
|
|
430
|
+
readonly base: "{colors.gray.1300}";
|
|
431
|
+
readonly _dark: "#F2F4F7";
|
|
432
|
+
};
|
|
433
|
+
};
|
|
434
|
+
readonly 1400: {
|
|
435
|
+
readonly value: {
|
|
436
|
+
readonly base: "{colors.gray.1400}";
|
|
437
|
+
readonly _dark: "#F8F9FB";
|
|
438
|
+
};
|
|
439
|
+
};
|
|
440
|
+
readonly 1500: {
|
|
441
|
+
readonly value: {
|
|
442
|
+
readonly base: "{colors.gray.1500}";
|
|
443
|
+
readonly _dark: "#FEFEFF";
|
|
444
|
+
};
|
|
445
|
+
};
|
|
446
|
+
};
|
|
332
447
|
/**
|
|
333
448
|
* Neutral background tokens — map onto the gray.0–1500 scale.
|
|
334
449
|
* Use for: page/canvas, raised surfaces (cards, menus), subtle/muted fills,
|
|
@@ -341,40 +456,58 @@ export declare const semanticTokens: {
|
|
|
341
456
|
* - inverse: high-contrast surface (flips to light in dark mode)
|
|
342
457
|
*/
|
|
343
458
|
readonly bg: {
|
|
459
|
+
readonly DEFAULT: {
|
|
460
|
+
readonly value: {
|
|
461
|
+
readonly _light: "{colors.white}";
|
|
462
|
+
readonly _dark: "#0E1014";
|
|
463
|
+
};
|
|
464
|
+
};
|
|
344
465
|
readonly canvas: {
|
|
345
466
|
readonly value: {
|
|
346
467
|
readonly base: "{colors.gray.0}";
|
|
347
|
-
readonly _dark: "
|
|
468
|
+
readonly _dark: "#0E1014";
|
|
348
469
|
};
|
|
349
470
|
};
|
|
350
471
|
readonly surface: {
|
|
351
472
|
readonly value: {
|
|
352
473
|
readonly base: "{colors.white}";
|
|
353
|
-
readonly _dark: "
|
|
474
|
+
readonly _dark: "#181A20";
|
|
475
|
+
};
|
|
476
|
+
};
|
|
477
|
+
readonly raised: {
|
|
478
|
+
readonly value: {
|
|
479
|
+
readonly base: "{colors.white}";
|
|
480
|
+
readonly _dark: "#3C404B";
|
|
354
481
|
};
|
|
355
482
|
};
|
|
356
483
|
readonly subtle: {
|
|
357
484
|
readonly value: {
|
|
358
485
|
readonly base: "{colors.gray.50}";
|
|
359
|
-
readonly _dark: "
|
|
486
|
+
readonly _dark: "#23262E";
|
|
360
487
|
};
|
|
361
488
|
};
|
|
362
489
|
readonly muted: {
|
|
363
490
|
readonly value: {
|
|
364
491
|
readonly base: "{colors.gray.100}";
|
|
365
|
-
readonly _dark: "
|
|
492
|
+
readonly _dark: "#30343C";
|
|
366
493
|
};
|
|
367
494
|
};
|
|
368
495
|
readonly inverse: {
|
|
369
496
|
readonly value: {
|
|
370
497
|
readonly base: "{colors.gray.1300}";
|
|
371
|
-
readonly _dark: "
|
|
498
|
+
readonly _dark: "#F8F9FB";
|
|
499
|
+
};
|
|
500
|
+
};
|
|
501
|
+
readonly sunken: {
|
|
502
|
+
readonly value: {
|
|
503
|
+
readonly base: "{colors.gray.50}";
|
|
504
|
+
readonly _dark: "#0E1014";
|
|
372
505
|
};
|
|
373
506
|
};
|
|
374
507
|
readonly panel: {
|
|
375
508
|
readonly value: {
|
|
376
509
|
readonly base: "{colors.white}";
|
|
377
|
-
readonly _dark: "
|
|
510
|
+
readonly _dark: "#181A20";
|
|
378
511
|
};
|
|
379
512
|
};
|
|
380
513
|
/**
|
|
@@ -417,28 +550,40 @@ export declare const semanticTokens: {
|
|
|
417
550
|
* - inverse: text on inverse surfaces (flips with mode)
|
|
418
551
|
*/
|
|
419
552
|
readonly fg: {
|
|
420
|
-
readonly
|
|
553
|
+
readonly DEFAULT: {
|
|
554
|
+
readonly value: {
|
|
555
|
+
readonly _light: "{colors.black}";
|
|
556
|
+
readonly _dark: "#F8F9FB";
|
|
557
|
+
};
|
|
558
|
+
};
|
|
559
|
+
readonly emphasized: {
|
|
421
560
|
readonly value: {
|
|
422
561
|
readonly base: "{colors.gray.1300}";
|
|
423
|
-
readonly _dark: "
|
|
562
|
+
readonly _dark: "#E5E8EC";
|
|
563
|
+
};
|
|
564
|
+
};
|
|
565
|
+
readonly default: {
|
|
566
|
+
readonly value: {
|
|
567
|
+
readonly base: "{colors.gray.1000}";
|
|
568
|
+
readonly _dark: "#D2D5DB";
|
|
424
569
|
};
|
|
425
570
|
};
|
|
426
571
|
readonly muted: {
|
|
427
572
|
readonly value: {
|
|
428
573
|
readonly base: "{colors.gray.900}";
|
|
429
|
-
readonly _dark: "
|
|
574
|
+
readonly _dark: "#B6BAC3";
|
|
430
575
|
};
|
|
431
576
|
};
|
|
432
577
|
readonly subtle: {
|
|
433
578
|
readonly value: {
|
|
434
579
|
readonly base: "{colors.gray.700}";
|
|
435
|
-
readonly _dark: "
|
|
580
|
+
readonly _dark: "#989DA9";
|
|
436
581
|
};
|
|
437
582
|
};
|
|
438
583
|
readonly inverse: {
|
|
439
584
|
readonly value: {
|
|
440
585
|
readonly base: "{colors.gray.0}";
|
|
441
|
-
readonly _dark: "
|
|
586
|
+
readonly _dark: "#181A20";
|
|
442
587
|
};
|
|
443
588
|
};
|
|
444
589
|
};
|
|
@@ -450,22 +595,28 @@ export declare const semanticTokens: {
|
|
|
450
595
|
* - strong: high-emphasis borders, focus outlines on neutral
|
|
451
596
|
*/
|
|
452
597
|
readonly border: {
|
|
598
|
+
readonly DEFAULT: {
|
|
599
|
+
readonly value: {
|
|
600
|
+
readonly _light: "{colors.gray.200}";
|
|
601
|
+
readonly _dark: "#6A6F7C";
|
|
602
|
+
};
|
|
603
|
+
};
|
|
453
604
|
readonly default: {
|
|
454
605
|
readonly value: {
|
|
455
606
|
readonly base: "{colors.gray.300}";
|
|
456
|
-
readonly _dark: "
|
|
607
|
+
readonly _dark: "#3C404B";
|
|
457
608
|
};
|
|
458
609
|
};
|
|
459
610
|
readonly subtle: {
|
|
460
611
|
readonly value: {
|
|
461
612
|
readonly base: "{colors.gray.200}";
|
|
462
|
-
readonly _dark: "
|
|
613
|
+
readonly _dark: "#23262E";
|
|
463
614
|
};
|
|
464
615
|
};
|
|
465
616
|
readonly strong: {
|
|
466
617
|
readonly value: {
|
|
467
618
|
readonly base: "{colors.gray.500}";
|
|
468
|
-
readonly _dark: "
|
|
619
|
+
readonly _dark: "#595E6B";
|
|
469
620
|
};
|
|
470
621
|
};
|
|
471
622
|
};
|
|
@@ -479,11 +630,12 @@ export declare const semanticTokens: {
|
|
|
479
630
|
* by reviewers. It is intentionally hand-maintained alongside `semanticTokens`
|
|
480
631
|
* so a rename here is a visible, reviewable diff.
|
|
481
632
|
*
|
|
482
|
-
* Note: `bg.panel`
|
|
483
|
-
*
|
|
484
|
-
*
|
|
633
|
+
* Note: `bg.panel` and the bare `bg`/`fg`/`border` DEFAULT tokens are
|
|
634
|
+
* deliberately omitted — they are internal realignments of Chakra defaults
|
|
635
|
+
* (overlay surfaces and html-level globals), not part of the public migration
|
|
636
|
+
* contract. App code should use `bg.surface`/`bg.canvas`, `fg.default`, etc.
|
|
485
637
|
*/
|
|
486
|
-
export type SemanticColorToken = `bg.${'canvas' | 'surface' | 'subtle' | 'muted' | 'inverse' | 'selected' | 'highlighted'}` | 'bg.invalid.subtle' | `fg.${'default' | 'muted' | 'subtle' | 'inverse'}` | `border.${'default' | 'subtle' | 'strong'}` | `${'primary' | 'secondary' | 'danger' | 'success' | 'warning'}.${'lightest' | 'extralight' | 'lighter' | 'light' | 'main' | 'dark' | 'darker'}`;
|
|
638
|
+
export type SemanticColorToken = `bg.${'canvas' | 'surface' | 'raised' | 'subtle' | 'muted' | 'sunken' | 'inverse' | 'selected' | 'highlighted'}` | 'bg.invalid.subtle' | `fg.${'emphasized' | 'default' | 'muted' | 'subtle' | 'inverse'}` | `border.${'default' | 'subtle' | 'strong'}` | `slate.${0 | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500}` | `primary.${'fill' | 'fillStrong'}` | `${'primary' | 'secondary' | 'danger' | 'success' | 'warning'}.${'lightest' | 'extralight' | 'lighter' | 'light' | 'main' | 'dark' | 'darker'}`;
|
|
487
639
|
/**
|
|
488
640
|
* Primitive color palette following the Golden Ratio system.
|
|
489
641
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AA2DH,eAAO,MAAM,cAAc;;QAEvB;;;;;;;;;;;;WAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqCH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6BH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;;;;WAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;;;;;;;;;;;;;;;;;;WAwBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA+CH;;;;;;;;;;WAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoDD;;;;;;;;;eASG;;;;;;;;;;;;;;;;;;;;;;QAcL;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyCH;;;;;;WAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBG,CAAC;AAEX;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,GAC1B,MACI,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,aAAa,EAAE,GACnB,mBAAmB,GACnB,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,EAAE,GACjE,UAAU,SAAS,GAAG,QAAQ,GAAG,QAAQ,EAAE,GAI3C,SACI,CAAC,GACD,EAAE,GACF,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,EAAE,GACV,WAAW,MAAM,GAAG,YAAY,EAAE,GAClC,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,IACzD,UAAU,GACV,YAAY,GACZ,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,EAAE,CAAC;AAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM;IACjB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;;;;;;;;OAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBJ,CAAC"}
|