@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.
Files changed (108) hide show
  1. package/dist/components/Card/Card.styles.js +2 -2
  2. package/dist/components/Card/Card.styles.js.map +1 -1
  3. package/dist/components/Card/Card.styles.mjs +2 -2
  4. package/dist/components/Card/Card.styles.mjs.map +1 -1
  5. package/dist/components/Collapsible/CollapsibleTrigger.js +1 -1
  6. package/dist/components/Collapsible/CollapsibleTrigger.js.map +1 -1
  7. package/dist/components/Collapsible/CollapsibleTrigger.mjs +1 -1
  8. package/dist/components/Collapsible/CollapsibleTrigger.mjs.map +1 -1
  9. package/dist/components/CopyableCode/CopyableCode.d.ts.map +1 -1
  10. package/dist/components/CopyableCode/CopyableCode.js +4 -1
  11. package/dist/components/CopyableCode/CopyableCode.js.map +1 -1
  12. package/dist/components/CopyableCode/CopyableCode.mjs +4 -1
  13. package/dist/components/CopyableCode/CopyableCode.mjs.map +1 -1
  14. package/dist/components/DatePicker/RangeDatePicker.js +1 -1
  15. package/dist/components/DatePicker/RangeDatePicker.js.map +1 -1
  16. package/dist/components/DatePicker/RangeDatePicker.mjs +1 -1
  17. package/dist/components/DatePicker/RangeDatePicker.mjs.map +1 -1
  18. package/dist/components/DatePicker/SingleDatePicker.js +1 -1
  19. package/dist/components/DatePicker/SingleDatePicker.js.map +1 -1
  20. package/dist/components/DatePicker/SingleDatePicker.mjs +1 -1
  21. package/dist/components/DatePicker/SingleDatePicker.mjs.map +1 -1
  22. package/dist/components/FileInput/FileInput.js +1 -1
  23. package/dist/components/FileInput/FileInput.js.map +1 -1
  24. package/dist/components/FileInput/FileInput.mjs +1 -1
  25. package/dist/components/FileInput/FileInput.mjs.map +1 -1
  26. package/dist/components/InfoSprinkle/InfoSprinkle.js +1 -1
  27. package/dist/components/InfoSprinkle/InfoSprinkle.js.map +1 -1
  28. package/dist/components/InfoSprinkle/InfoSprinkle.mjs +1 -1
  29. package/dist/components/InfoSprinkle/InfoSprinkle.mjs.map +1 -1
  30. package/dist/components/InlineCode/InlineCode.js +1 -1
  31. package/dist/components/InlineCode/InlineCode.js.map +1 -1
  32. package/dist/components/InlineCode/InlineCode.mjs +1 -1
  33. package/dist/components/InlineCode/InlineCode.mjs.map +1 -1
  34. package/dist/components/Input/Input.d.ts.map +1 -1
  35. package/dist/components/Input/Input.js +3 -2
  36. package/dist/components/Input/Input.js.map +1 -1
  37. package/dist/components/Input/Input.mjs +3 -2
  38. package/dist/components/Input/Input.mjs.map +1 -1
  39. package/dist/components/MDXEditor/MDXEditor.d.ts.map +1 -1
  40. package/dist/components/MDXEditor/MDXEditor.js +6 -0
  41. package/dist/components/MDXEditor/MDXEditor.js.map +1 -1
  42. package/dist/components/MDXEditor/MDXEditor.mjs +6 -0
  43. package/dist/components/MDXEditor/MDXEditor.mjs.map +1 -1
  44. package/dist/components/Pagination/Pagination.js +1 -1
  45. package/dist/components/Pagination/Pagination.js.map +1 -1
  46. package/dist/components/Pagination/Pagination.mjs +1 -1
  47. package/dist/components/Pagination/Pagination.mjs.map +1 -1
  48. package/dist/components/PinInput/PinInput.js +1 -1
  49. package/dist/components/PinInput/PinInput.js.map +1 -1
  50. package/dist/components/PinInput/PinInput.mjs +1 -1
  51. package/dist/components/PinInput/PinInput.mjs.map +1 -1
  52. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  53. package/dist/components/ProgressBar/ProgressBar.mjs +1 -1
  54. package/dist/components/RadialProgress/RadialProgress.js +4 -4
  55. package/dist/components/RadialProgress/RadialProgress.mjs +4 -4
  56. package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
  57. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  58. package/dist/components/SegmentedControl/SegmentedControl.mjs +1 -1
  59. package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
  60. package/dist/components/SegmentedProgressBar/ProgressSegment.js +1 -1
  61. package/dist/components/SegmentedProgressBar/ProgressSegment.mjs +1 -1
  62. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.js +1 -1
  63. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.mjs +1 -1
  64. package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.js +1 -1
  65. package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.mjs +1 -1
  66. package/dist/components/Slider/SliderThumb/SliderThumb.js +1 -1
  67. package/dist/components/Slider/SliderThumb/SliderThumb.mjs +1 -1
  68. package/dist/components/Slider/SliderTrack/SliderTrack.js +1 -1
  69. package/dist/components/Slider/SliderTrack/SliderTrack.mjs +1 -1
  70. package/dist/components/Spinner/Spinner.js +1 -1
  71. package/dist/components/Spinner/Spinner.mjs +1 -1
  72. package/dist/components/Switch/SwitchControl.js +1 -1
  73. package/dist/components/Switch/SwitchControl.mjs +1 -1
  74. package/dist/theme/colors.d.ts +1 -1
  75. package/dist/theme/colors.d.ts.map +1 -1
  76. package/dist/theme/colors.js +5 -1
  77. package/dist/theme/colors.js.map +1 -1
  78. package/dist/theme/colors.mjs +5 -1
  79. package/dist/theme/colors.mjs.map +1 -1
  80. package/dist/theme/global.js +1 -1
  81. package/dist/theme/global.mjs +1 -1
  82. package/package.json +1 -1
  83. package/src/components/Card/Card.styles.ts +2 -2
  84. package/src/components/Collapsible/CollapsibleTrigger.tsx +1 -1
  85. package/src/components/CopyableCode/CopyableCode.tsx +3 -1
  86. package/src/components/DatePicker/RangeDatePicker.tsx +1 -1
  87. package/src/components/DatePicker/SingleDatePicker.tsx +1 -1
  88. package/src/components/FileInput/FileInput.tsx +3 -3
  89. package/src/components/InfoSprinkle/InfoSprinkle.tsx +1 -1
  90. package/src/components/InlineCode/InlineCode.tsx +1 -1
  91. package/src/components/Input/Input.tsx +3 -1
  92. package/src/components/MDXEditor/MDXEditor.css +19 -0
  93. package/src/components/MDXEditor/MDXEditor.tsx +6 -0
  94. package/src/components/Pagination/Pagination.tsx +2 -2
  95. package/src/components/PinInput/PinInput.tsx +1 -1
  96. package/src/components/ProgressBar/ProgressBar.tsx +1 -1
  97. package/src/components/RadialProgress/RadialProgress.tsx +5 -5
  98. package/src/components/SegmentedControl/SegmentedControl.tsx +1 -1
  99. package/src/components/SegmentedProgressBar/ProgressSegment.tsx +1 -1
  100. package/src/components/SegmentedProgressBar/SegmentedProgressBar.tsx +1 -1
  101. package/src/components/Slider/SliderFilledTrack/SliderFilledTrack.tsx +1 -1
  102. package/src/components/Slider/SliderThumb/SliderThumb.tsx +1 -1
  103. package/src/components/Slider/SliderTrack/SliderTrack.tsx +1 -1
  104. package/src/components/Spinner/Spinner.tsx +1 -1
  105. package/src/components/Switch/SwitchControl.tsx +1 -1
  106. package/src/theme/SemanticTokens.mdx +198 -0
  107. package/src/theme/colors.ts +5 -1
  108. 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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"}
@@ -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': '#F7F9FC', // gray.50 - Primary text (dark)
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: {
@@ -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': '#F7F9FC', // gray.50 - Primary text (dark)
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindlogic-ai/logician-ui",
3
- "version": "3.1.0-alpha.0",
3
+ "version": "3.1.0-alpha.2",
4
4
  "description": "A comprehensive React design system built on Chakra UI",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -12,8 +12,8 @@ export const clickableStyles = {
12
12
  export const variantStyles = {
13
13
  default: {},
14
14
  gradient: {
15
- bg: 'linear-gradient(180deg, #F5F8FD 0%, #FFFFFF 100%)',
15
+ bg: 'linear-gradient(180deg, var(--chakra-colors-bg-subtle) 0%, var(--chakra-colors-bg-surface) 100%)',
16
16
  border: '1px solid',
17
- borderColor: 'blue.300', // #1241A6
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: 'gray.50' }}
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="linear-gradient(to right, transparent, #fff 15%)"
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="gray.400"
169
+ color="fg.subtle"
170
170
  style={{ marginInlineEnd: 3 }}
171
171
  />
172
172
  {selectedDates && selectedDates.length > 0
@@ -124,7 +124,7 @@ export const SingleDatePicker = ({
124
124
  {...(propsConfigs?.triggerBtnProps as ButtonProps)}
125
125
  >
126
126
  <MdOutlineCalendarToday
127
- color="gray.400"
127
+ color="fg.subtle"
128
128
  style={{ marginInlineEnd: 3 }}
129
129
  />
130
130
  {selectedDate
@@ -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' : 'gray.100'}
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 ? 'gray.1200' : 'gray.600'} />
93
+ <LuUpload color={bgImage ? 'fg.default' : 'fg.subtle'} />
94
94
  </Box>
95
- <Text color={bgImage ? 'gray.1200' : 'gray.600'}>
95
+ <Text color={bgImage ? 'fg.default' : 'fg.subtle'}>
96
96
  {fileInputLabel || translate('upload_your_file')}
97
97
  </Text>
98
98
  </Flex>
@@ -29,7 +29,7 @@ export const InfoSprinkle = ({
29
29
  {...iconButtonProps}
30
30
  >
31
31
  <LuInfo
32
- color={(iconButtonProps?.color as string) ?? 'gray.1000'}
32
+ color={(iconButtonProps?.color as string) ?? 'fg.muted'}
33
33
  boxSize={iconButtonProps?.size ?? 'xs'}
34
34
  />
35
35
  </IconButton>
@@ -6,7 +6,7 @@ import {
6
6
  export const InlineCode = ({ children, ...rest }: ChakraCodeProps) => {
7
7
  return (
8
8
  <ChakraCode
9
- bg="gray.50"
9
+ bg="bg.subtle"
10
10
  color="primary.dark"
11
11
  borderRadius="sm"
12
12
  textStyle="p"
@@ -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
- invalid ? 'danger.main' : { base: 'gray.400', _dark: 'gray.1100' }
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 ? 'gray.400' : 'gray.1000'}
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 ? 'gray.400' : 'gray.1000'}
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', 'gray.200')[0];
18
+ const grayColor = useToken('colors', 'border.default')[0];
19
19
 
20
20
  useEffect(() => {
21
21
  // Automatically focus the PinInput component on mount
@@ -14,7 +14,7 @@ export const ProgressBar = ({
14
14
  return (
15
15
  <ChakraProgress.Root value={value} {...rest}>
16
16
  <ChakraProgress.Track
17
- bgColor="gray.200"
17
+ bgColor="bg.muted"
18
18
  height={styles.height}
19
19
  borderRadius={styles.borderRadius}
20
20
  overflow="hidden"
@@ -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('gray.200');
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: 'gray.200', value: total }] // Full gray circle if no segments
57
+ ? [{ color: 'bg.muted', value: total }] // Full gray circle if no segments
58
58
  : remainingValue > 0
59
59
  ? [
60
60
  ...segments,
61
- { color: 'gray.200', value: remainingValue }, // Use token instead of theme.colors.gray[200]
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('gray.200')}
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="gray.200"
218
+ background="bg.muted"
219
219
  borderRadius="50%"
220
220
  filter={`blur(${shadowBlur}px)`}
221
221
  opacity="0.3"
@@ -114,7 +114,7 @@ export const SegmentedControl = forwardRef<
114
114
  pointerEvents: 'none',
115
115
  },
116
116
  '[data-state="checked"] &': {
117
- color: 'var(--chakra-colors-gray-1500)',
117
+ color: 'var(--chakra-colors-fg-default)',
118
118
  fontWeight: '600',
119
119
  },
120
120
  }}
@@ -10,7 +10,7 @@ export const ProgressSegment = ({ value, ...rest }: ProgressSegmentProps) => {
10
10
  max={value}
11
11
  width={`${(value / max) * 100}%`}
12
12
  height="100%"
13
- bg="gray.200"
13
+ bg="bg.muted"
14
14
  borderRadius={0}
15
15
  {...rest}
16
16
  />
@@ -13,7 +13,7 @@ export const SegmentedProgressBar = ({
13
13
  position="relative"
14
14
  flex={1}
15
15
  display="flex"
16
- bgColor="gray.200"
16
+ bgColor="bg.muted"
17
17
  borderRadius="full"
18
18
  w="100%"
19
19
  h="16px"
@@ -9,7 +9,7 @@ export const SliderFilledTrack = forwardRef(
9
9
  <Slider.Range
10
10
  bg="primary.main"
11
11
  _disabled={{
12
- bg: 'gray.400',
12
+ bg: 'bg.muted',
13
13
  }}
14
14
  {...rest}
15
15
  ref={ref}
@@ -19,7 +19,7 @@ export const SliderThumb = forwardRef(
19
19
  borderWidth={3}
20
20
  borderStyle="solid"
21
21
  _disabled={{
22
- bg: 'gray.100',
22
+ bg: 'bg.muted',
23
23
  borderColor: 'border.default',
24
24
  cursor: 'not-allowed',
25
25
  }}
@@ -9,7 +9,7 @@ export const SliderTrack = forwardRef(
9
9
  ref?: ForwardedRef<HTMLDivElement>
10
10
  ) => {
11
11
  return (
12
- <Slider.Track bg="gray.200" {...rest} ref={ref}>
12
+ <Slider.Track bg="bg.muted" {...rest} ref={ref}>
13
13
  {children}
14
14
  </Slider.Track>
15
15
  );
@@ -13,7 +13,7 @@ export const Spinner = forwardRef(
13
13
  animationDuration="0.65s"
14
14
  ref={ref}
15
15
  {...rest}
16
- css={mergeCss({ '--spinner-track-color': 'colors.gray.200' }, css)}
16
+ css={mergeCss({ '--spinner-track-color': 'colors.bg.muted' }, css)}
17
17
  />
18
18
  );
19
19
  }
@@ -7,7 +7,7 @@ export const SwitchControl = forwardRef<HTMLSpanElement, SwitchControlProps>(
7
7
  (props, ref) => (
8
8
  <ChakraSwitch.Control
9
9
  ref={ref}
10
- bg="gray.200"
10
+ bg="bg.muted"
11
11
  _checked={{ bg: 'primary.main' }}
12
12
  {...focusRing}
13
13
  {...props}
@@ -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.
@@ -280,7 +280,11 @@ export const semanticTokens = {
280
280
  */
281
281
  fg: {
282
282
  default: {
283
- value: { base: '{colors.gray.1300}', _dark: '{colors.gray.50}' },
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}' },
@@ -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': '#F7F9FC', // gray.50 - Primary text (dark)
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