@mindlogic-ai/logician-ui 3.1.0-alpha.0 → 3.1.0-alpha.2
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/Card/Card.styles.js +2 -2
- package/dist/components/Card/Card.styles.js.map +1 -1
- package/dist/components/Card/Card.styles.mjs +2 -2
- package/dist/components/Card/Card.styles.mjs.map +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.js +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.js.map +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.mjs +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.mjs.map +1 -1
- package/dist/components/CopyableCode/CopyableCode.d.ts.map +1 -1
- package/dist/components/CopyableCode/CopyableCode.js +4 -1
- package/dist/components/CopyableCode/CopyableCode.js.map +1 -1
- package/dist/components/CopyableCode/CopyableCode.mjs +4 -1
- package/dist/components/CopyableCode/CopyableCode.mjs.map +1 -1
- package/dist/components/DatePicker/RangeDatePicker.js +1 -1
- package/dist/components/DatePicker/RangeDatePicker.js.map +1 -1
- package/dist/components/DatePicker/RangeDatePicker.mjs +1 -1
- package/dist/components/DatePicker/RangeDatePicker.mjs.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.js +1 -1
- package/dist/components/DatePicker/SingleDatePicker.js.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.mjs +1 -1
- package/dist/components/DatePicker/SingleDatePicker.mjs.map +1 -1
- package/dist/components/FileInput/FileInput.js +1 -1
- package/dist/components/FileInput/FileInput.js.map +1 -1
- package/dist/components/FileInput/FileInput.mjs +1 -1
- package/dist/components/FileInput/FileInput.mjs.map +1 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.js +1 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.js.map +1 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.mjs +1 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.mjs.map +1 -1
- package/dist/components/InlineCode/InlineCode.js +1 -1
- package/dist/components/InlineCode/InlineCode.js.map +1 -1
- package/dist/components/InlineCode/InlineCode.mjs +1 -1
- package/dist/components/InlineCode/InlineCode.mjs.map +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +3 -2
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.mjs +3 -2
- package/dist/components/Input/Input.mjs.map +1 -1
- package/dist/components/MDXEditor/MDXEditor.d.ts.map +1 -1
- package/dist/components/MDXEditor/MDXEditor.js +6 -0
- package/dist/components/MDXEditor/MDXEditor.js.map +1 -1
- package/dist/components/MDXEditor/MDXEditor.mjs +6 -0
- package/dist/components/MDXEditor/MDXEditor.mjs.map +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.mjs +1 -1
- package/dist/components/Pagination/Pagination.mjs.map +1 -1
- package/dist/components/PinInput/PinInput.js +1 -1
- package/dist/components/PinInput/PinInput.js.map +1 -1
- package/dist/components/PinInput/PinInput.mjs +1 -1
- package/dist/components/PinInput/PinInput.mjs.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.mjs +1 -1
- package/dist/components/RadialProgress/RadialProgress.js +4 -4
- package/dist/components/RadialProgress/RadialProgress.mjs +4 -4
- package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/components/SegmentedProgressBar/ProgressSegment.js +1 -1
- package/dist/components/SegmentedProgressBar/ProgressSegment.mjs +1 -1
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.js +1 -1
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.mjs +1 -1
- package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.js +1 -1
- package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.mjs +1 -1
- package/dist/components/Slider/SliderThumb/SliderThumb.js +1 -1
- package/dist/components/Slider/SliderThumb/SliderThumb.mjs +1 -1
- package/dist/components/Slider/SliderTrack/SliderTrack.js +1 -1
- package/dist/components/Slider/SliderTrack/SliderTrack.mjs +1 -1
- package/dist/components/Spinner/Spinner.js +1 -1
- package/dist/components/Spinner/Spinner.mjs +1 -1
- package/dist/components/Switch/SwitchControl.js +1 -1
- package/dist/components/Switch/SwitchControl.mjs +1 -1
- package/dist/theme/colors.d.ts +1 -1
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +5 -1
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +5 -1
- package/dist/theme/colors.mjs.map +1 -1
- package/dist/theme/global.js +1 -1
- package/dist/theme/global.mjs +1 -1
- package/package.json +1 -1
- package/src/components/Card/Card.styles.ts +2 -2
- package/src/components/Collapsible/CollapsibleTrigger.tsx +1 -1
- package/src/components/CopyableCode/CopyableCode.tsx +3 -1
- package/src/components/DatePicker/RangeDatePicker.tsx +1 -1
- package/src/components/DatePicker/SingleDatePicker.tsx +1 -1
- package/src/components/FileInput/FileInput.tsx +3 -3
- package/src/components/InfoSprinkle/InfoSprinkle.tsx +1 -1
- package/src/components/InlineCode/InlineCode.tsx +1 -1
- package/src/components/Input/Input.tsx +3 -1
- package/src/components/MDXEditor/MDXEditor.css +19 -0
- package/src/components/MDXEditor/MDXEditor.tsx +6 -0
- package/src/components/Pagination/Pagination.tsx +2 -2
- package/src/components/PinInput/PinInput.tsx +1 -1
- package/src/components/ProgressBar/ProgressBar.tsx +1 -1
- package/src/components/RadialProgress/RadialProgress.tsx +5 -5
- package/src/components/SegmentedControl/SegmentedControl.tsx +1 -1
- package/src/components/SegmentedProgressBar/ProgressSegment.tsx +1 -1
- package/src/components/SegmentedProgressBar/SegmentedProgressBar.tsx +1 -1
- package/src/components/Slider/SliderFilledTrack/SliderFilledTrack.tsx +1 -1
- package/src/components/Slider/SliderThumb/SliderThumb.tsx +1 -1
- package/src/components/Slider/SliderTrack/SliderTrack.tsx +1 -1
- package/src/components/Spinner/Spinner.tsx +1 -1
- package/src/components/Switch/SwitchControl.tsx +1 -1
- package/src/theme/SemanticTokens.mdx +198 -0
- package/src/theme/colors.ts +5 -1
- package/src/theme/global.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.mjs","sources":["../../src/theme/colors.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"colors.mjs","sources":["../../src/theme/colors.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/dist/theme/global.js
CHANGED
|
@@ -21,7 +21,7 @@ const globalCss = react.defineGlobalStyles({
|
|
|
21
21
|
// Dark mode body fallbacks. Only activates under the `.dark` class set by the
|
|
22
22
|
// color-mode provider, so light-mode rendering is byte-for-byte identical.
|
|
23
23
|
'.dark': {
|
|
24
|
-
'--chakra-colors-chakra-body-text': '#
|
|
24
|
+
'--chakra-colors-chakra-body-text': '#E2E6F0', // gray.200 - Primary text (dark); softened from gray.50 to avoid near-white glare (matches fg.default)
|
|
25
25
|
'--chakra-colors-chakra-body-bg': '#0B0E17', // gray.1500 - Background (dark)
|
|
26
26
|
},
|
|
27
27
|
html: {
|
package/dist/theme/global.mjs
CHANGED
|
@@ -19,7 +19,7 @@ const globalCss = defineGlobalStyles({
|
|
|
19
19
|
// Dark mode body fallbacks. Only activates under the `.dark` class set by the
|
|
20
20
|
// color-mode provider, so light-mode rendering is byte-for-byte identical.
|
|
21
21
|
'.dark': {
|
|
22
|
-
'--chakra-colors-chakra-body-text': '#
|
|
22
|
+
'--chakra-colors-chakra-body-text': '#E2E6F0', // gray.200 - Primary text (dark); softened from gray.50 to avoid near-white glare (matches fg.default)
|
|
23
23
|
'--chakra-colors-chakra-body-bg': '#0B0E17', // gray.1500 - Background (dark)
|
|
24
24
|
},
|
|
25
25
|
html: {
|
package/package.json
CHANGED
|
@@ -12,8 +12,8 @@ export const clickableStyles = {
|
|
|
12
12
|
export const variantStyles = {
|
|
13
13
|
default: {},
|
|
14
14
|
gradient: {
|
|
15
|
-
bg: 'linear-gradient(180deg,
|
|
15
|
+
bg: 'linear-gradient(180deg, var(--chakra-colors-bg-subtle) 0%, var(--chakra-colors-bg-surface) 100%)',
|
|
16
16
|
border: '1px solid',
|
|
17
|
-
borderColor: '
|
|
17
|
+
borderColor: 'primary.light',
|
|
18
18
|
},
|
|
19
19
|
};
|
|
@@ -21,7 +21,7 @@ export const CollapsibleTrigger = forwardRef<
|
|
|
21
21
|
fontWeight="bold"
|
|
22
22
|
borderBottomWidth="1px"
|
|
23
23
|
borderBottomColor="border.subtle"
|
|
24
|
-
_hover={{ bg: '
|
|
24
|
+
_hover={{ bg: 'bg.subtle' }}
|
|
25
25
|
{...rest}
|
|
26
26
|
>
|
|
27
27
|
<HStack width="100%" justify="space-between" align="center">
|
|
@@ -33,7 +33,9 @@ export const CopyableCode = ({
|
|
|
33
33
|
top={0}
|
|
34
34
|
bottom={0}
|
|
35
35
|
w={24}
|
|
36
|
-
bg
|
|
36
|
+
// Fade matches the Card surface (bg.surface) so it flips with the
|
|
37
|
+
// mode instead of fading to white on dark.
|
|
38
|
+
bg="linear-gradient(to right, transparent, var(--chakra-colors-bg-surface) 15%)"
|
|
37
39
|
pointerEvents="none"
|
|
38
40
|
/>
|
|
39
41
|
</Card>
|
|
@@ -166,7 +166,7 @@ export const RangeDatePicker = ({
|
|
|
166
166
|
{...(propsConfigs?.triggerBtnProps as ButtonProps)}
|
|
167
167
|
>
|
|
168
168
|
<MdOutlineCalendarToday
|
|
169
|
-
color="
|
|
169
|
+
color="fg.subtle"
|
|
170
170
|
style={{ marginInlineEnd: 3 }}
|
|
171
171
|
/>
|
|
172
172
|
{selectedDates && selectedDates.length > 0
|
|
@@ -85,14 +85,14 @@ export const FileInput = forwardRef<HTMLInputElement, FileInputProps>(
|
|
|
85
85
|
<Flex w="100%" flexDir="column" align="center" justify="center">
|
|
86
86
|
<Box
|
|
87
87
|
borderRadius="lg"
|
|
88
|
-
bgColor={bgImage ? 'transparent' : '
|
|
88
|
+
bgColor={bgImage ? 'transparent' : 'bg.muted'}
|
|
89
89
|
p={3}
|
|
90
90
|
mb={2}
|
|
91
91
|
w="fit-content"
|
|
92
92
|
>
|
|
93
|
-
<LuUpload color={bgImage ? '
|
|
93
|
+
<LuUpload color={bgImage ? 'fg.default' : 'fg.subtle'} />
|
|
94
94
|
</Box>
|
|
95
|
-
<Text color={bgImage ? '
|
|
95
|
+
<Text color={bgImage ? 'fg.default' : 'fg.subtle'}>
|
|
96
96
|
{fileInputLabel || translate('upload_your_file')}
|
|
97
97
|
</Text>
|
|
98
98
|
</Flex>
|
|
@@ -74,6 +74,7 @@ export const Input = forwardRef(
|
|
|
74
74
|
disabled,
|
|
75
75
|
invalid,
|
|
76
76
|
readOnly,
|
|
77
|
+
borderColor,
|
|
77
78
|
css,
|
|
78
79
|
...rest
|
|
79
80
|
}: InputProps,
|
|
@@ -321,7 +322,8 @@ export const Input = forwardRef(
|
|
|
321
322
|
bg="bg.surface"
|
|
322
323
|
color="fg.default"
|
|
323
324
|
borderColor={
|
|
324
|
-
|
|
325
|
+
borderColor ??
|
|
326
|
+
(invalid ? 'danger.main' : { base: 'gray.400', _dark: 'gray.1100' })
|
|
325
327
|
}
|
|
326
328
|
_hover={{
|
|
327
329
|
borderColor: invalid ? 'danger.main' : 'primary.lighter',
|
|
@@ -19,3 +19,22 @@
|
|
|
19
19
|
[data-radix-select-content] {
|
|
20
20
|
z-index: 9999 !important;
|
|
21
21
|
}
|
|
22
|
+
|
|
23
|
+
/*
|
|
24
|
+
* Block-type select dropdown popup. It's portaled outside `.mdxeditor`, so the
|
|
25
|
+
* scoped css prop can't reach it — flip its surface/text/highlight onto the
|
|
26
|
+
* semantic tokens here (they resolve per color mode via the `.dark` class).
|
|
27
|
+
*/
|
|
28
|
+
.mdxeditor-select-content {
|
|
29
|
+
background: var(--chakra-colors-bg-surface) !important;
|
|
30
|
+
color: var(--chakra-colors-fg-default);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.mdxeditor-select-content [class*='_selectItem_'] {
|
|
34
|
+
color: var(--chakra-colors-fg-default);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.mdxeditor-select-content [class*='_selectItem_'][data-highlighted],
|
|
38
|
+
.mdxeditor-select-content [class*='_selectItem_']:hover {
|
|
39
|
+
background: var(--chakra-colors-bg-muted) !important;
|
|
40
|
+
}
|
|
@@ -102,6 +102,12 @@ export const MDXEditor = forwardRef<
|
|
|
102
102
|
flexShrink: 0,
|
|
103
103
|
cursor: 'default',
|
|
104
104
|
},
|
|
105
|
+
// Block-type select trigger in the toolbar — mdxeditor themes it with
|
|
106
|
+
// its own vars (left white), so flip it onto the semantic surface.
|
|
107
|
+
'& [class*="_selectTrigger_"]': {
|
|
108
|
+
background: 'var(--chakra-colors-bg-surface)',
|
|
109
|
+
color: 'var(--chakra-colors-fg-default)',
|
|
110
|
+
},
|
|
105
111
|
// Target the root contenteditable wrapper
|
|
106
112
|
'& [class*="_rootContentEditableWrapper_"]': {
|
|
107
113
|
flex: 1,
|
|
@@ -106,7 +106,7 @@ export const Pagination = ({
|
|
|
106
106
|
aria-label={translate('previous') as string}
|
|
107
107
|
onClick={handleBack}
|
|
108
108
|
disabled={currentPage <= 1}
|
|
109
|
-
color={currentPage === 1 ? '
|
|
109
|
+
color={currentPage === 1 ? 'fg.subtle' : 'fg.muted'}
|
|
110
110
|
>
|
|
111
111
|
<IoIosArrowBack boxSize="sm" />
|
|
112
112
|
</IconButton>
|
|
@@ -116,7 +116,7 @@ export const Pagination = ({
|
|
|
116
116
|
aria-label={translate('go_next_page_button') as string}
|
|
117
117
|
onClick={handleNext}
|
|
118
118
|
disabled={currentPage >= maxPage}
|
|
119
|
-
color={currentPage === maxPage ? '
|
|
119
|
+
color={currentPage === maxPage ? 'fg.subtle' : 'fg.muted'}
|
|
120
120
|
>
|
|
121
121
|
<IoChevronForward boxSize="sm" />
|
|
122
122
|
</IconButton>
|
|
@@ -15,7 +15,7 @@ export const PinInput = ({
|
|
|
15
15
|
}: PinInputProps) => {
|
|
16
16
|
const pinInputRef = useRef<ReactPinInput>(null);
|
|
17
17
|
const primaryColor = useToken('colors', 'primary.main')[0];
|
|
18
|
-
const grayColor = useToken('colors', '
|
|
18
|
+
const grayColor = useToken('colors', 'border.default')[0];
|
|
19
19
|
|
|
20
20
|
useEffect(() => {
|
|
21
21
|
// Automatically focus the PinInput component on mount
|
|
@@ -19,7 +19,7 @@ const RadialProgress: React.FC<RadialProgressProps> = ({
|
|
|
19
19
|
...rest
|
|
20
20
|
}) => {
|
|
21
21
|
// useToken은 hook이므로 map 안이 아닌 최상위에서 호출
|
|
22
|
-
const colorTokens = segments.map((s) => s.color).concat('
|
|
22
|
+
const colorTokens = segments.map((s) => s.color).concat('bg.muted');
|
|
23
23
|
const resolvedColors = useToken('colors', colorTokens);
|
|
24
24
|
const resolveColor = (token: string) =>
|
|
25
25
|
resolvedColors[colorTokens.indexOf(token)] || token;
|
|
@@ -54,11 +54,11 @@ const RadialProgress: React.FC<RadialProgressProps> = ({
|
|
|
54
54
|
// Add gray segment for remaining space if needed
|
|
55
55
|
const allSegments: Segment[] =
|
|
56
56
|
segments.length === 0
|
|
57
|
-
? [{ color: '
|
|
57
|
+
? [{ color: 'bg.muted', value: total }] // Full gray circle if no segments
|
|
58
58
|
: remainingValue > 0
|
|
59
59
|
? [
|
|
60
60
|
...segments,
|
|
61
|
-
{ color: '
|
|
61
|
+
{ color: 'bg.muted', value: remainingValue }, // Use token instead of theme.colors.gray[200]
|
|
62
62
|
]
|
|
63
63
|
: segments;
|
|
64
64
|
|
|
@@ -168,7 +168,7 @@ const RadialProgress: React.FC<RadialProgressProps> = ({
|
|
|
168
168
|
cy={centerY}
|
|
169
169
|
r={radius}
|
|
170
170
|
fill="none"
|
|
171
|
-
stroke={resolveColor('
|
|
171
|
+
stroke={resolveColor('bg.muted')}
|
|
172
172
|
strokeWidth={strokeWidth}
|
|
173
173
|
/>
|
|
174
174
|
) : (
|
|
@@ -215,7 +215,7 @@ const RadialProgress: React.FC<RadialProgressProps> = ({
|
|
|
215
215
|
transform="translateX(-50%)"
|
|
216
216
|
width={`${shadowWidth}px`}
|
|
217
217
|
height={`${shadowHeight}px`}
|
|
218
|
-
background="
|
|
218
|
+
background="bg.muted"
|
|
219
219
|
borderRadius="50%"
|
|
220
220
|
filter={`blur(${shadowBlur}px)`}
|
|
221
221
|
opacity="0.3"
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
import { Meta } from '@storybook/blocks';
|
|
2
|
+
|
|
3
|
+
<Meta title="Setup/Theme/Using Semantic Tokens" />
|
|
4
|
+
|
|
5
|
+
# Using Semantic Tokens
|
|
6
|
+
|
|
7
|
+
The design system ships a layer of **semantic color tokens** on top of the raw
|
|
8
|
+
color palette. They are the colors you should reach for in app and component
|
|
9
|
+
code. This guide explains what they are, when to use which, and how they make
|
|
10
|
+
light/dark mode work automatically.
|
|
11
|
+
|
|
12
|
+
> Looking for the live swatches and exact hex values? See
|
|
13
|
+
> **Setup/Theme → Palette** — this page is the _how-to_.
|
|
14
|
+
|
|
15
|
+
---
|
|
16
|
+
|
|
17
|
+
## Why semantic tokens?
|
|
18
|
+
|
|
19
|
+
A **primitive** like `gray.300` or `blue.500` is a fixed color. It means the
|
|
20
|
+
same thing everywhere and never changes between light and dark.
|
|
21
|
+
|
|
22
|
+
A **semantic token** like `fg.default` or `bg.surface` describes the _role_ a
|
|
23
|
+
color plays ("primary text", "raised surface"), and resolves to a different
|
|
24
|
+
primitive depending on the active color mode.
|
|
25
|
+
|
|
26
|
+
```tsx
|
|
27
|
+
// ❌ Primitive — frozen. Looks fine in light, unreadable in dark.
|
|
28
|
+
<Text color="gray.1300" bg="white" />
|
|
29
|
+
|
|
30
|
+
// ✅ Semantic — flips with the mode automatically.
|
|
31
|
+
<Text color="fg.default" bg="bg.surface" />
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
Two payoffs:
|
|
35
|
+
|
|
36
|
+
1. **Dark mode for free.** Add `color="fg.default"` and it's `gray.1300` in
|
|
37
|
+
light and `gray.50` in dark — no `useColorMode`, no conditionals.
|
|
38
|
+
2. **Intent, not value.** `border.subtle` always reads as "a low-emphasis
|
|
39
|
+
divider," whatever the mode. The intent is encoded once, in the theme.
|
|
40
|
+
|
|
41
|
+
**Rule of thumb:** in app/component code, prefer semantic tokens. Drop to a
|
|
42
|
+
primitive (`gray.300`, `blue.500`, …) only for one-off visuals that genuinely
|
|
43
|
+
have no semantic meaning.
|
|
44
|
+
|
|
45
|
+
---
|
|
46
|
+
|
|
47
|
+
## The neutral tokens
|
|
48
|
+
|
|
49
|
+
These cover text, surfaces, and borders — the bulk of any UI. Each flips
|
|
50
|
+
between a light and a dark value.
|
|
51
|
+
|
|
52
|
+
### Foreground — `fg.*` (text & icons)
|
|
53
|
+
|
|
54
|
+
| Token | Light | Dark | Use for |
|
|
55
|
+
| --- | --- | --- | --- |
|
|
56
|
+
| `fg.default` | `gray.1300` | `gray.50` | Primary text, headings, icons |
|
|
57
|
+
| `fg.muted` | `gray.900` | `gray.400` | Secondary text, captions, supporting icons |
|
|
58
|
+
| `fg.subtle` | `gray.700` | `gray.600` | Tertiary text, placeholders, disabled-ish labels |
|
|
59
|
+
| `fg.inverse` | `gray.0` | `gray.1400` | Text on an **inverse** surface (e.g. tooltip) |
|
|
60
|
+
|
|
61
|
+
### Background — `bg.*` (surfaces & fills)
|
|
62
|
+
|
|
63
|
+
| Token | Light | Dark | Use for |
|
|
64
|
+
| --- | --- | --- | --- |
|
|
65
|
+
| `bg.canvas` | `gray.0` | `gray.1500` | App/page background |
|
|
66
|
+
| `bg.surface` | `white` | `gray.1400` | Raised surface — cards, popovers, menus, modals |
|
|
67
|
+
| `bg.subtle` | `gray.50` | `gray.1300` | Subtle fill, hover background, secondary surface |
|
|
68
|
+
| `bg.muted` | `gray.100` | `gray.1200` | Muted fill, tertiary surface, neutral chips |
|
|
69
|
+
| `bg.inverse` | `gray.1300` | `gray.50` | High-contrast/inverse surface (flips with mode) |
|
|
70
|
+
|
|
71
|
+
### Border — `border.*` (borders & dividers)
|
|
72
|
+
|
|
73
|
+
| Token | Light | Dark | Use for |
|
|
74
|
+
| --- | --- | --- | --- |
|
|
75
|
+
| `border.subtle` | `gray.200` | `gray.1300` | Low-emphasis dividers, faint outlines |
|
|
76
|
+
| `border.default` | `gray.300` | `gray.1100` | Standard borders, container outlines |
|
|
77
|
+
| `border.strong` | `gray.500` | `gray.900` | High-emphasis borders, form-control outlines |
|
|
78
|
+
|
|
79
|
+
```tsx
|
|
80
|
+
<Box bg="bg.surface" borderColor="border.default" borderWidth="1px">
|
|
81
|
+
<Heading color="fg.default">Title</Heading>
|
|
82
|
+
<Text color="fg.muted">Supporting copy</Text>
|
|
83
|
+
</Box>
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
---
|
|
87
|
+
|
|
88
|
+
## The brand tokens
|
|
89
|
+
|
|
90
|
+
Five intent palettes — `primary` (blue), `secondary` (violet), `danger` (rose),
|
|
91
|
+
`success` (green), `warning` (gold) — each expose a 7-step scale that also
|
|
92
|
+
flips in dark mode:
|
|
93
|
+
|
|
94
|
+
| Step | Typical use |
|
|
95
|
+
| --- | --- |
|
|
96
|
+
| `lightest` / `extralight` | Tinted backgrounds (badges, soft buttons, banners) |
|
|
97
|
+
| `lighter` / `light` | Hover/pressed tints, subtle fills |
|
|
98
|
+
| `main` | The action color — links, focus rings, ghost/outline text, icons |
|
|
99
|
+
| `dark` | Emphasis text on a light/tinted background |
|
|
100
|
+
| `darker` | High-contrast text |
|
|
101
|
+
|
|
102
|
+
```tsx
|
|
103
|
+
<Badge bg="danger.extralight" color="danger.dark">Error</Badge>
|
|
104
|
+
<Link color="primary.main">Learn more</Link>
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
In dark mode these steps lighten so they keep contrast on dark surfaces — e.g.
|
|
108
|
+
`primary.main` is `blue.500` in light and lifts to `blue.300` in dark.
|
|
109
|
+
|
|
110
|
+
---
|
|
111
|
+
|
|
112
|
+
## Migration cheat-sheet
|
|
113
|
+
|
|
114
|
+
Replacing primitives in existing code? Map by role, not by exact value — pick
|
|
115
|
+
the nearest semantic token:
|
|
116
|
+
|
|
117
|
+
| Was (primitive) | Use (semantic) |
|
|
118
|
+
| --- | --- |
|
|
119
|
+
| `gray.1000`–`gray.1500` as text | `fg.default` |
|
|
120
|
+
| `gray.800`–`gray.900` as text | `fg.muted` |
|
|
121
|
+
| `gray.500`–`gray.700` as text/icon | `fg.subtle` |
|
|
122
|
+
| `white` / `gray.0` surface | `bg.surface` / `bg.canvas` |
|
|
123
|
+
| `gray.50` / `gray.100` fill | `bg.subtle` / `bg.muted` |
|
|
124
|
+
| `gray.200` / `gray.300` border | `border.subtle` / `border.default` |
|
|
125
|
+
| `gray.500` border | `border.strong` |
|
|
126
|
+
| `blue.*` / `rose.*` … intent color | matching `primary.*` / `danger.*` … step |
|
|
127
|
+
|
|
128
|
+
The full set of names is exported as the `SemanticColorToken` type
|
|
129
|
+
(`fg.default`, `bg.surface`, `primary.main`, …) for codemods and review.
|
|
130
|
+
|
|
131
|
+
---
|
|
132
|
+
|
|
133
|
+
## How light/dark actually resolves
|
|
134
|
+
|
|
135
|
+
- The mode is a **class on `<html>`**: `.dark` toggles every token's `_dark`
|
|
136
|
+
value (the Chakra v3 default `_dark` selector). No class = light.
|
|
137
|
+
- `LogicianProvider` mounts the color-mode runtime by default (backed by
|
|
138
|
+
`next-themes`) and owns `color-scheme`. Consumers should add
|
|
139
|
+
`suppressHydrationWarning` to their `<html>`.
|
|
140
|
+
|
|
141
|
+
```tsx
|
|
142
|
+
<LogicianProvider defaultColorMode="system">
|
|
143
|
+
<App />
|
|
144
|
+
</LogicianProvider>
|
|
145
|
+
```
|
|
146
|
+
|
|
147
|
+
`LogicianProvider` props: `defaultColorMode`, `forcedColorMode` (pin a mode for
|
|
148
|
+
staged rollouts), `enableColorMode`.
|
|
149
|
+
|
|
150
|
+
### Reading / toggling the mode
|
|
151
|
+
|
|
152
|
+
```tsx
|
|
153
|
+
import { useColorMode, useColorModeValue, ColorModeToggle } from '@mindlogic-ai/logician-ui';
|
|
154
|
+
|
|
155
|
+
const { colorMode, setColorMode, toggleColorMode } = useColorMode();
|
|
156
|
+
|
|
157
|
+
// Prefer tokens; use this only when a value can't be a token (e.g. an image).
|
|
158
|
+
const src = useColorModeValue('/logo-light.svg', '/logo-dark.svg');
|
|
159
|
+
|
|
160
|
+
// Drop-in switch:
|
|
161
|
+
<ColorModeToggle />
|
|
162
|
+
```
|
|
163
|
+
|
|
164
|
+
---
|
|
165
|
+
|
|
166
|
+
## Authoring mode-aware components
|
|
167
|
+
|
|
168
|
+
**Prefer tokens.** If you must vary a raw value by mode, use a conditional
|
|
169
|
+
object — light stays exact, dark overrides:
|
|
170
|
+
|
|
171
|
+
```tsx
|
|
172
|
+
<Box bgColor={{ base: 'gray.300', _dark: 'gray.1200' }} />
|
|
173
|
+
```
|
|
174
|
+
|
|
175
|
+
For **third-party libraries that don't understand Chakra tokens** (e.g.
|
|
176
|
+
recharts), pass the token's CSS variable so it still flips via the `.dark`
|
|
177
|
+
class:
|
|
178
|
+
|
|
179
|
+
```tsx
|
|
180
|
+
<XAxis tick={{ fill: 'var(--chakra-colors-fg-muted)' }} />
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
---
|
|
184
|
+
|
|
185
|
+
## Contrast / accessibility
|
|
186
|
+
|
|
187
|
+
The semantic pairings are tuned to meet **WCAG AA** in both modes. A couple of
|
|
188
|
+
things to keep in mind:
|
|
189
|
+
|
|
190
|
+
- **Solid color buttons keep white labels** on the saturated fill in both
|
|
191
|
+
modes — except **`warning` (gold)**, which uses a dark label because
|
|
192
|
+
white-on-gold fails AA. If you build a custom solid `warning` surface, use
|
|
193
|
+
dark text.
|
|
194
|
+
- For **border-only** controls (e.g. an unchecked checkbox), reach for
|
|
195
|
+
`border.strong` so the outline clears the 3:1 non-text-contrast bar on dark.
|
|
196
|
+
|
|
197
|
+
When in doubt, verify the specific pair in **Setup/Theme → Palette**, which
|
|
198
|
+
shows the resolved light/dark values side by side.
|
package/src/theme/colors.ts
CHANGED
|
@@ -280,7 +280,11 @@ export const semanticTokens = {
|
|
|
280
280
|
*/
|
|
281
281
|
fg: {
|
|
282
282
|
default: {
|
|
283
|
-
|
|
283
|
+
// _dark is gray.200 (not gray.50): near-white text on the dark canvas
|
|
284
|
+
// ran ~18:1 — brighter than the light baseline (~15:1) and close to pure
|
|
285
|
+
// white, which causes glare/halation. gray.200 matches the light
|
|
286
|
+
// contrast (~15.4:1) while staying AAA.
|
|
287
|
+
value: { base: '{colors.gray.1300}', _dark: '{colors.gray.200}' },
|
|
284
288
|
},
|
|
285
289
|
muted: {
|
|
286
290
|
value: { base: '{colors.gray.900}', _dark: '{colors.gray.400}' },
|
package/src/theme/global.ts
CHANGED
|
@@ -20,7 +20,7 @@ export const globalCss = defineGlobalStyles({
|
|
|
20
20
|
// Dark mode body fallbacks. Only activates under the `.dark` class set by the
|
|
21
21
|
// color-mode provider, so light-mode rendering is byte-for-byte identical.
|
|
22
22
|
'.dark': {
|
|
23
|
-
'--chakra-colors-chakra-body-text': '#
|
|
23
|
+
'--chakra-colors-chakra-body-text': '#E2E6F0', // gray.200 - Primary text (dark); softened from gray.50 to avoid near-white glare (matches fg.default)
|
|
24
24
|
'--chakra-colors-chakra-body-bg': '#0B0E17', // gray.1500 - Background (dark)
|
|
25
25
|
},
|
|
26
26
|
|