@mindlogic-ai/logician-ui 5.0.0-alpha.23 → 5.0.0-alpha.24

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 (9) hide show
  1. package/dist/components/Toast/Toast.styles.d.ts +9 -6
  2. package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
  3. package/dist/components/Toast/Toast.styles.js +17 -18
  4. package/dist/components/Toast/Toast.styles.js.map +1 -1
  5. package/dist/components/Toast/Toast.styles.mjs +17 -18
  6. package/dist/components/Toast/Toast.styles.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/Toast/Toast.styles.ts +17 -18
  9. package/src/components/Toast/Toast.usage.mdx +2 -2
package/dist/components/Toast/Toast.styles.d.ts CHANGED
@@ -5,12 +5,15 @@ import type { ToastStatus } from './Toast.types';
5
5
  *
6
6
  * Each status is bg `{s}.bg` + text `{s}.fg` + a 1px `{s}.border` outline —
7
7
  * `info` reads its own `info.*` family instead of borrowing `primary.*`.
8
- * `neutral` carries no status (it is the default when none is given) and is
9
- * inverted: the tooltip pair `tooltip.bg` / `tooltip.fg`. A `bg.surface` toast
10
- * was white on a white canvas in light mode, set apart only by a 1px border
11
- * and the shadow — a "링크를 복사했어요" confirmation was easy to miss. The
12
- * tooltip pair already flips per mode (ink in light, off-white in dark), so the
13
- * toast stays the highest-contrast thing on the page in both.
8
+ * `neutral` carries no status (it is the default when none is given) and sits
9
+ * on the muted ground: `bg.muted` + `fg.default` + a `border.default` outline.
10
+ * Not `bg.surface` — that was white on a white canvas in light mode, set apart
11
+ * only by a 1px border and the shadow, so a "링크를 복사했어요" confirmation was
12
+ * easy to miss. Not the inverted tooltip pair either — ink (#252525) is
13
+ * `primary.main`, the user's own chat bubble, so a plain "복사 완료" read as
14
+ * the heaviest thing on the page, louder than an error toast. `bg.muted` is
15
+ * already a registered separation from `bg.canvas` (see `contrast.test.ts`)
16
+ * and flips per mode with the rest of the neutral ramp.
14
17
  */
15
18
  export declare const toastStyles: Record<ToastStatus, BoxProps>;
16
19
  /**
package/dist/components/Toast/Toast.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CA0BrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAiC3D,CAAC;AA0BF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAiCtD,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,qBAAqB,OAAO,CAAC"}
1
+ {"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CA0BrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CA+B3D,CAAC;AA0BF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CA+BtD,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,qBAAqB,OAAO,CAAC"}
package/dist/components/Toast/Toast.styles.js CHANGED
@@ -6,12 +6,15 @@
6
6
  *
7
7
  * Each status is bg `{s}.bg` + text `{s}.fg` + a 1px `{s}.border` outline —
8
8
  * `info` reads its own `info.*` family instead of borrowing `primary.*`.
9
- * `neutral` carries no status (it is the default when none is given) and is
10
- * inverted: the tooltip pair `tooltip.bg` / `tooltip.fg`. A `bg.surface` toast
11
- * was white on a white canvas in light mode, set apart only by a 1px border
12
- * and the shadow — a "링크를 복사했어요" confirmation was easy to miss. The
13
- * tooltip pair already flips per mode (ink in light, off-white in dark), so the
14
- * toast stays the highest-contrast thing on the page in both.
9
+ * `neutral` carries no status (it is the default when none is given) and sits
10
+ * on the muted ground: `bg.muted` + `fg.default` + a `border.default` outline.
11
+ * Not `bg.surface` — that was white on a white canvas in light mode, set apart
12
+ * only by a 1px border and the shadow, so a "링크를 복사했어요" confirmation was
13
+ * easy to miss. Not the inverted tooltip pair either — ink (#252525) is
14
+ * `primary.main`, the user's own chat bubble, so a plain "복사 완료" read as
15
+ * the heaviest thing on the page, louder than an error toast. `bg.muted` is
16
+ * already a registered separation from `bg.canvas` (see `contrast.test.ts`)
17
+ * and flips per mode with the rest of the neutral ramp.
15
18
  */
16
19
  const toastStyles = {
17
20
  info: {
@@ -35,9 +38,9 @@ const toastStyles = {
35
38
  borderColor: 'danger.border',
36
39
  },
37
40
  neutral: {
38
- bg: 'tooltip.bg',
39
- color: 'tooltip.fg',
40
- borderColor: 'tooltip.bg',
41
+ bg: 'bg.muted',
42
+ color: 'fg.default',
43
+ borderColor: 'border.default',
41
44
  },
42
45
  };
43
46
  /**
@@ -71,11 +74,9 @@ const closeButtonStyles = {
71
74
  },
72
75
  },
73
76
  neutral: {
74
- color: 'tooltip.fg',
77
+ color: 'fg.muted',
75
78
  _hover: {
76
- // A tint of the toast's own text colour: no surface token sits on the
77
- // inverted ground in both modes.
78
- bg: 'color-mix(in srgb, var(--chakra-colors-tooltip-fg) 16%, transparent)',
79
+ bg: 'layer.1.active',
79
80
  },
80
81
  },
81
82
  };
@@ -129,11 +130,9 @@ const actionStyles = {
129
130
  },
130
131
  neutral: {
131
132
  ...actionBase,
132
- color: 'tooltip.fg',
133
- _hover: {
134
- bg: 'color-mix(in srgb, var(--chakra-colors-tooltip-fg) 16%, transparent)',
135
- },
136
- _focusVisible: { outline: '2px solid', outlineColor: 'tooltip.fg' },
133
+ color: 'fg.default',
134
+ _hover: { bg: 'layer.1.active' },
135
+ _focusVisible: { outline: '2px solid', outlineColor: 'fg.default' },
137
136
  },
138
137
  };
139
138
  /** Default duration (ms) of a toast without an action, when none is given */
package/dist/components/Toast/Toast.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
package/dist/components/Toast/Toast.styles.mjs CHANGED
@@ -4,12 +4,15 @@
4
4
  *
5
5
  * Each status is bg `{s}.bg` + text `{s}.fg` + a 1px `{s}.border` outline —
6
6
  * `info` reads its own `info.*` family instead of borrowing `primary.*`.
7
- * `neutral` carries no status (it is the default when none is given) and is
8
- * inverted: the tooltip pair `tooltip.bg` / `tooltip.fg`. A `bg.surface` toast
9
- * was white on a white canvas in light mode, set apart only by a 1px border
10
- * and the shadow — a "링크를 복사했어요" confirmation was easy to miss. The
11
- * tooltip pair already flips per mode (ink in light, off-white in dark), so the
12
- * toast stays the highest-contrast thing on the page in both.
7
+ * `neutral` carries no status (it is the default when none is given) and sits
8
+ * on the muted ground: `bg.muted` + `fg.default` + a `border.default` outline.
9
+ * Not `bg.surface` — that was white on a white canvas in light mode, set apart
10
+ * only by a 1px border and the shadow, so a "링크를 복사했어요" confirmation was
11
+ * easy to miss. Not the inverted tooltip pair either — ink (#252525) is
12
+ * `primary.main`, the user's own chat bubble, so a plain "복사 완료" read as
13
+ * the heaviest thing on the page, louder than an error toast. `bg.muted` is
14
+ * already a registered separation from `bg.canvas` (see `contrast.test.ts`)
15
+ * and flips per mode with the rest of the neutral ramp.
13
16
  */
14
17
  const toastStyles = {
15
18
  info: {
@@ -33,9 +36,9 @@ const toastStyles = {
33
36
  borderColor: 'danger.border',
34
37
  },
35
38
  neutral: {
36
- bg: 'tooltip.bg',
37
- color: 'tooltip.fg',
38
- borderColor: 'tooltip.bg',
39
+ bg: 'bg.muted',
40
+ color: 'fg.default',
41
+ borderColor: 'border.default',
39
42
  },
40
43
  };
41
44
  /**
@@ -69,11 +72,9 @@ const closeButtonStyles = {
69
72
  },
70
73
  },
71
74
  neutral: {
72
- color: 'tooltip.fg',
75
+ color: 'fg.muted',
73
76
  _hover: {
74
- // A tint of the toast's own text colour: no surface token sits on the
75
- // inverted ground in both modes.
76
- bg: 'color-mix(in srgb, var(--chakra-colors-tooltip-fg) 16%, transparent)',
77
+ bg: 'layer.1.active',
77
78
  },
78
79
  },
79
80
  };
@@ -127,11 +128,9 @@ const actionStyles = {
127
128
  },
128
129
  neutral: {
129
130
  ...actionBase,
130
- color: 'tooltip.fg',
131
- _hover: {
132
- bg: 'color-mix(in srgb, var(--chakra-colors-tooltip-fg) 16%, transparent)',
133
- },
134
- _focusVisible: { outline: '2px solid', outlineColor: 'tooltip.fg' },
131
+ color: 'fg.default',
132
+ _hover: { bg: 'layer.1.active' },
133
+ _focusVisible: { outline: '2px solid', outlineColor: 'fg.default' },
135
134
  },
136
135
  };
137
136
  /** Default duration (ms) of a toast without an action, when none is given */
package/dist/components/Toast/Toast.styles.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindlogic-ai/logician-ui",
3
- "version": "5.0.0-alpha.23",
3
+ "version": "5.0.0-alpha.24",
4
4
  "description": "A comprehensive React design system built on Chakra UI",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/components/Toast/Toast.styles.ts CHANGED
@@ -7,12 +7,15 @@ import type { ToastStatus } from './Toast.types';
7
7
  *
8
8
  * Each status is bg `{s}.bg` + text `{s}.fg` + a 1px `{s}.border` outline —
9
9
  * `info` reads its own `info.*` family instead of borrowing `primary.*`.
10
- * `neutral` carries no status (it is the default when none is given) and is
11
- * inverted: the tooltip pair `tooltip.bg` / `tooltip.fg`. A `bg.surface` toast
12
- * was white on a white canvas in light mode, set apart only by a 1px border
13
- * and the shadow — a "링크를 복사했어요" confirmation was easy to miss. The
14
- * tooltip pair already flips per mode (ink in light, off-white in dark), so the
15
- * toast stays the highest-contrast thing on the page in both.
10
+ * `neutral` carries no status (it is the default when none is given) and sits
11
+ * on the muted ground: `bg.muted` + `fg.default` + a `border.default` outline.
12
+ * Not `bg.surface` — that was white on a white canvas in light mode, set apart
13
+ * only by a 1px border and the shadow, so a "링크를 복사했어요" confirmation was
14
+ * easy to miss. Not the inverted tooltip pair either — ink (#252525) is
15
+ * `primary.main`, the user's own chat bubble, so a plain "복사 완료" read as
16
+ * the heaviest thing on the page, louder than an error toast. `bg.muted` is
17
+ * already a registered separation from `bg.canvas` (see `contrast.test.ts`)
18
+ * and flips per mode with the rest of the neutral ramp.
16
19
  */
17
20
  export const toastStyles: Record<ToastStatus, BoxProps> = {
18
21
  info: {
@@ -36,9 +39,9 @@ export const toastStyles: Record<ToastStatus, BoxProps> = {
36
39
  borderColor: 'danger.border',
37
40
  },
38
41
  neutral: {
39
- bg: 'tooltip.bg',
40
- color: 'tooltip.fg',
41
- borderColor: 'tooltip.bg',
42
+ bg: 'bg.muted',
43
+ color: 'fg.default',
44
+ borderColor: 'border.default',
42
45
  },
43
46
  };
44
47
 
@@ -73,11 +76,9 @@ export const closeButtonStyles: Record<ToastStatus, BoxProps> = {
73
76
  },
74
77
  },
75
78
  neutral: {
76
- color: 'tooltip.fg',
79
+ color: 'fg.muted',
77
80
  _hover: {
78
- // A tint of the toast's own text colour: no surface token sits on the
79
- // inverted ground in both modes.
80
- bg: 'color-mix(in srgb, var(--chakra-colors-tooltip-fg) 16%, transparent)',
81
+ bg: 'layer.1.active',
81
82
  },
82
83
  },
83
84
  };
@@ -133,11 +134,9 @@ export const actionStyles: Record<ToastStatus, BoxProps> = {
133
134
  },
134
135
  neutral: {
135
136
  ...actionBase,
136
- color: 'tooltip.fg',
137
- _hover: {
138
- bg: 'color-mix(in srgb, var(--chakra-colors-tooltip-fg) 16%, transparent)',
139
- },
140
- _focusVisible: { outline: '2px solid', outlineColor: 'tooltip.fg' },
137
+ color: 'fg.default',
138
+ _hover: { bg: 'layer.1.active' },
139
+ _focusVisible: { outline: '2px solid', outlineColor: 'fg.default' },
141
140
  },
142
141
  };
143
142
 
package/src/components/Toast/Toast.usage.mdx CHANGED
@@ -97,7 +97,7 @@ then goes away on its own.
97
97
 
98
98
  | Status | Means | Use for |
99
99
  | --- | --- | --- |
100
- | `neutral` (default) | A plain result with no status; no icon. Inverted (`tooltip.bg` / `tooltip.fg`) so it stands out on a white page | Copied, moved, sent |
100
+ | `neutral` (default) | A plain result with no status; no icon. Muted ground (`bg.muted` / `fg.default`, `border.default` outline): visible on a white page without outweighing a status toast | Copied, moved, sent |
101
101
  | `success` | Done as asked | Saved, uploaded, deleted |
102
102
  | `info` | A fact about what just happened; nothing is wrong | Export ready, model switched for you |
103
103
  | `warning` | Done, but not quite as expected | Some files skipped |
@@ -111,7 +111,7 @@ then goes away on its own.
111
111
 
112
112
  | 상태 | 뜻 | 예 |
113
113
  | --- | --- | --- |
114
- | `neutral` (기본) | 상태가 없는 단순한 결과이며 아이콘도 없음. 흰 화면에서도 잘 보이도록 반전색(`tooltip.bg` / `tooltip.fg`)을 씀 | 복사, 이동, 전송 |
114
+ | `neutral` (기본) | 상태가 없는 단순한 결과이며 아이콘도 없음. 흰 화면에서 보이되 상태 토스트보다 튀지 않도록 은은한 바탕(`bg.muted` / `fg.default`, `border.default` 테두리)을 씀 | 복사, 이동, 전송 |
115
115
  | `success` | 요청한 대로 끝남 | 저장, 업로드, 삭제 |
116
116
  | `info` | 방금 일어난 일에 대한 사실이며, 문제가 있다는 뜻은 아님 | 내보내기 완료, 모델 자동 변경 |
117
117
  | `warning` | 끝났지만 예상과 조금 다름 | 일부 파일 건너뜀 |