@mindlogic-ai/logician-ui 5.0.0-alpha.22 → 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.
- package/dist/components/Toast/Toast.styles.d.ts +9 -6
- package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
- package/dist/components/Toast/Toast.styles.js +17 -18
- package/dist/components/Toast/Toast.styles.js.map +1 -1
- package/dist/components/Toast/Toast.styles.mjs +17 -18
- package/dist/components/Toast/Toast.styles.mjs.map +1 -1
- package/dist/theme/palette.generated.d.ts +16 -16
- package/dist/theme/palette.generated.js +16 -16
- package/dist/theme/palette.generated.mjs +16 -16
- package/package.json +1 -1
- package/src/components/Toast/Toast.styles.ts +17 -18
- package/src/components/Toast/Toast.usage.mdx +2 -2
- package/src/theme/palette.generated.ts +16 -16
|
@@ -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
|
|
9
|
-
*
|
|
10
|
-
* was white on a white canvas in light mode, set apart
|
|
11
|
-
* and the shadow
|
|
12
|
-
*
|
|
13
|
-
*
|
|
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
|
/**
|
|
@@ -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
|
|
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"}
|
|
@@ -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
|
|
10
|
-
*
|
|
11
|
-
* was white on a white canvas in light mode, set apart
|
|
12
|
-
* and the shadow
|
|
13
|
-
*
|
|
14
|
-
*
|
|
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: '
|
|
39
|
-
color: '
|
|
40
|
-
borderColor: '
|
|
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: '
|
|
77
|
+
color: 'fg.muted',
|
|
75
78
|
_hover: {
|
|
76
|
-
|
|
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: '
|
|
133
|
-
_hover: {
|
|
134
|
-
|
|
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 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA
|
|
1
|
+
{"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -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
|
|
8
|
-
*
|
|
9
|
-
* was white on a white canvas in light mode, set apart
|
|
10
|
-
* and the shadow
|
|
11
|
-
*
|
|
12
|
-
*
|
|
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: '
|
|
37
|
-
color: '
|
|
38
|
-
borderColor: '
|
|
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: '
|
|
75
|
+
color: 'fg.muted',
|
|
73
76
|
_hover: {
|
|
74
|
-
|
|
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: '
|
|
131
|
-
_hover: {
|
|
132
|
-
|
|
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 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAIA
|
|
1
|
+
{"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;AAcG;AACI,MAAM,WAAW,GAAkC;AACxD,IAAA,IAAI,EAAE;AACJ,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,WAAW,EAAE,aAAa;AAC3B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,WAAW,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,WAAW,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,WAAW,EAAE,gBAAgB;AAC9B,KAAA;;AAGH;;;;AAIG;AACI,MAAM,iBAAiB,GAAkC;AAC9D,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,aAAa;AAClB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,gBAAgB;AACrB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,gBAAgB;AACrB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,eAAe;AACpB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,gBAAgB;AACrB,SAAA;AACF,KAAA;;AAGH;;;;;;;;;;AAUG;AACH,MAAM,UAAU,GAAa;AAC3B,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;AACN,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,MAAM,EAAE,SAAS;CAClB;AAEM,MAAM,YAAY,GAAkC;AACzD,IAAA,IAAI,EAAE;AACJ,QAAA,GAAG,UAAU;AACb,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE;QAC7B,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE;AACjE,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,UAAU;AACb,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE;QAChC,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE;AACpE,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,UAAU;AACb,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE;QAChC,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE;AACpE,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,GAAG,UAAU;AACb,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE;QAC/B,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE;AACnE,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,UAAU;AACb,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE;QAChC,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE;AACpE,KAAA;;AAGH;AACO,MAAM,sBAAsB,GAAG;AAEtC;;;AAGG;AACI,MAAM,qBAAqB,GAAG;;;;"}
|
|
@@ -412,10 +412,10 @@ export declare const SCHEMES: {
|
|
|
412
412
|
readonly "danger-solidHover": "#BB5851";
|
|
413
413
|
readonly "danger-solidActive": "#A83B37";
|
|
414
414
|
readonly "danger-onSolid": "#FFFFFF";
|
|
415
|
-
readonly "success-bg": "#
|
|
416
|
-
readonly "success-border": "#
|
|
417
|
-
readonly "success-fg": "#
|
|
418
|
-
readonly "success-solid": "#
|
|
415
|
+
readonly "success-bg": "#1F3318";
|
|
416
|
+
readonly "success-border": "#3A5A2C";
|
|
417
|
+
readonly "success-fg": "#A8D88A";
|
|
418
|
+
readonly "success-solid": "#8FC46E";
|
|
419
419
|
readonly "success-onSolid": "#1B1B1B";
|
|
420
420
|
readonly "warning-bg": "#3F2D04";
|
|
421
421
|
readonly "warning-border": "#6A4E10";
|
|
@@ -594,10 +594,10 @@ export declare const SCHEMES: {
|
|
|
594
594
|
readonly "danger-solidHover": "#993935";
|
|
595
595
|
readonly "danger-solidActive": "#9F3330";
|
|
596
596
|
readonly "danger-onSolid": "#FFFFFF";
|
|
597
|
-
readonly "success-bg": "#
|
|
598
|
-
readonly "success-border": "#
|
|
599
|
-
readonly "success-fg": "#
|
|
600
|
-
readonly "success-solid": "#
|
|
597
|
+
readonly "success-bg": "#1F3318";
|
|
598
|
+
readonly "success-border": "#5E8050";
|
|
599
|
+
readonly "success-fg": "#A8D88A";
|
|
600
|
+
readonly "success-solid": "#8FC46E";
|
|
601
601
|
readonly "success-onSolid": "#1B1B1B";
|
|
602
602
|
readonly "warning-bg": "#3F2D04";
|
|
603
603
|
readonly "warning-border": "#92743B";
|
|
@@ -778,10 +778,10 @@ export declare const SCHEMES: {
|
|
|
778
778
|
readonly "danger-solidHover": "#BB5851";
|
|
779
779
|
readonly "danger-solidActive": "#A83B37";
|
|
780
780
|
readonly "danger-onSolid": "#FFFFFF";
|
|
781
|
-
readonly "success-bg": "#
|
|
782
|
-
readonly "success-border": "#
|
|
783
|
-
readonly "success-fg": "#
|
|
784
|
-
readonly "success-solid": "#
|
|
781
|
+
readonly "success-bg": "#1F3318";
|
|
782
|
+
readonly "success-border": "#3A5A2C";
|
|
783
|
+
readonly "success-fg": "#A8D88A";
|
|
784
|
+
readonly "success-solid": "#8FC46E";
|
|
785
785
|
readonly "success-onSolid": "#1B1B1B";
|
|
786
786
|
readonly "warning-bg": "#3F2D04";
|
|
787
787
|
readonly "warning-border": "#6A4E10";
|
|
@@ -960,10 +960,10 @@ export declare const SCHEMES: {
|
|
|
960
960
|
readonly "danger-solidHover": "#993935";
|
|
961
961
|
readonly "danger-solidActive": "#9F3330";
|
|
962
962
|
readonly "danger-onSolid": "#FFFFFF";
|
|
963
|
-
readonly "success-bg": "#
|
|
964
|
-
readonly "success-border": "#
|
|
965
|
-
readonly "success-fg": "#
|
|
966
|
-
readonly "success-solid": "#
|
|
963
|
+
readonly "success-bg": "#1F3318";
|
|
964
|
+
readonly "success-border": "#5E8050";
|
|
965
|
+
readonly "success-fg": "#A8D88A";
|
|
966
|
+
readonly "success-solid": "#8FC46E";
|
|
967
967
|
readonly "success-onSolid": "#1B1B1B";
|
|
968
968
|
readonly "warning-bg": "#3F2D04";
|
|
969
969
|
readonly "warning-border": "#92743B";
|
|
@@ -418,10 +418,10 @@ const SCHEMES = {
|
|
|
418
418
|
"danger-solidHover": "#BB5851",
|
|
419
419
|
"danger-solidActive": "#A83B37",
|
|
420
420
|
"danger-onSolid": "#FFFFFF",
|
|
421
|
-
"success-bg": "#
|
|
422
|
-
"success-border": "#
|
|
423
|
-
"success-fg": "#
|
|
424
|
-
"success-solid": "#
|
|
421
|
+
"success-bg": "#1F3318",
|
|
422
|
+
"success-border": "#3A5A2C",
|
|
423
|
+
"success-fg": "#A8D88A",
|
|
424
|
+
"success-solid": "#8FC46E",
|
|
425
425
|
"success-onSolid": "#1B1B1B",
|
|
426
426
|
"warning-bg": "#3F2D04",
|
|
427
427
|
"warning-border": "#6A4E10",
|
|
@@ -600,10 +600,10 @@ const SCHEMES = {
|
|
|
600
600
|
"danger-solidHover": "#993935",
|
|
601
601
|
"danger-solidActive": "#9F3330",
|
|
602
602
|
"danger-onSolid": "#FFFFFF",
|
|
603
|
-
"success-bg": "#
|
|
604
|
-
"success-border": "#
|
|
605
|
-
"success-fg": "#
|
|
606
|
-
"success-solid": "#
|
|
603
|
+
"success-bg": "#1F3318",
|
|
604
|
+
"success-border": "#5E8050",
|
|
605
|
+
"success-fg": "#A8D88A",
|
|
606
|
+
"success-solid": "#8FC46E",
|
|
607
607
|
"success-onSolid": "#1B1B1B",
|
|
608
608
|
"warning-bg": "#3F2D04",
|
|
609
609
|
"warning-border": "#92743B",
|
|
@@ -784,10 +784,10 @@ const SCHEMES = {
|
|
|
784
784
|
"danger-solidHover": "#BB5851",
|
|
785
785
|
"danger-solidActive": "#A83B37",
|
|
786
786
|
"danger-onSolid": "#FFFFFF",
|
|
787
|
-
"success-bg": "#
|
|
788
|
-
"success-border": "#
|
|
789
|
-
"success-fg": "#
|
|
790
|
-
"success-solid": "#
|
|
787
|
+
"success-bg": "#1F3318",
|
|
788
|
+
"success-border": "#3A5A2C",
|
|
789
|
+
"success-fg": "#A8D88A",
|
|
790
|
+
"success-solid": "#8FC46E",
|
|
791
791
|
"success-onSolid": "#1B1B1B",
|
|
792
792
|
"warning-bg": "#3F2D04",
|
|
793
793
|
"warning-border": "#6A4E10",
|
|
@@ -966,10 +966,10 @@ const SCHEMES = {
|
|
|
966
966
|
"danger-solidHover": "#993935",
|
|
967
967
|
"danger-solidActive": "#9F3330",
|
|
968
968
|
"danger-onSolid": "#FFFFFF",
|
|
969
|
-
"success-bg": "#
|
|
970
|
-
"success-border": "#
|
|
971
|
-
"success-fg": "#
|
|
972
|
-
"success-solid": "#
|
|
969
|
+
"success-bg": "#1F3318",
|
|
970
|
+
"success-border": "#5E8050",
|
|
971
|
+
"success-fg": "#A8D88A",
|
|
972
|
+
"success-solid": "#8FC46E",
|
|
973
973
|
"success-onSolid": "#1B1B1B",
|
|
974
974
|
"warning-bg": "#3F2D04",
|
|
975
975
|
"warning-border": "#92743B",
|
|
@@ -416,10 +416,10 @@ const SCHEMES = {
|
|
|
416
416
|
"danger-solidHover": "#BB5851",
|
|
417
417
|
"danger-solidActive": "#A83B37",
|
|
418
418
|
"danger-onSolid": "#FFFFFF",
|
|
419
|
-
"success-bg": "#
|
|
420
|
-
"success-border": "#
|
|
421
|
-
"success-fg": "#
|
|
422
|
-
"success-solid": "#
|
|
419
|
+
"success-bg": "#1F3318",
|
|
420
|
+
"success-border": "#3A5A2C",
|
|
421
|
+
"success-fg": "#A8D88A",
|
|
422
|
+
"success-solid": "#8FC46E",
|
|
423
423
|
"success-onSolid": "#1B1B1B",
|
|
424
424
|
"warning-bg": "#3F2D04",
|
|
425
425
|
"warning-border": "#6A4E10",
|
|
@@ -598,10 +598,10 @@ const SCHEMES = {
|
|
|
598
598
|
"danger-solidHover": "#993935",
|
|
599
599
|
"danger-solidActive": "#9F3330",
|
|
600
600
|
"danger-onSolid": "#FFFFFF",
|
|
601
|
-
"success-bg": "#
|
|
602
|
-
"success-border": "#
|
|
603
|
-
"success-fg": "#
|
|
604
|
-
"success-solid": "#
|
|
601
|
+
"success-bg": "#1F3318",
|
|
602
|
+
"success-border": "#5E8050",
|
|
603
|
+
"success-fg": "#A8D88A",
|
|
604
|
+
"success-solid": "#8FC46E",
|
|
605
605
|
"success-onSolid": "#1B1B1B",
|
|
606
606
|
"warning-bg": "#3F2D04",
|
|
607
607
|
"warning-border": "#92743B",
|
|
@@ -782,10 +782,10 @@ const SCHEMES = {
|
|
|
782
782
|
"danger-solidHover": "#BB5851",
|
|
783
783
|
"danger-solidActive": "#A83B37",
|
|
784
784
|
"danger-onSolid": "#FFFFFF",
|
|
785
|
-
"success-bg": "#
|
|
786
|
-
"success-border": "#
|
|
787
|
-
"success-fg": "#
|
|
788
|
-
"success-solid": "#
|
|
785
|
+
"success-bg": "#1F3318",
|
|
786
|
+
"success-border": "#3A5A2C",
|
|
787
|
+
"success-fg": "#A8D88A",
|
|
788
|
+
"success-solid": "#8FC46E",
|
|
789
789
|
"success-onSolid": "#1B1B1B",
|
|
790
790
|
"warning-bg": "#3F2D04",
|
|
791
791
|
"warning-border": "#6A4E10",
|
|
@@ -964,10 +964,10 @@ const SCHEMES = {
|
|
|
964
964
|
"danger-solidHover": "#993935",
|
|
965
965
|
"danger-solidActive": "#9F3330",
|
|
966
966
|
"danger-onSolid": "#FFFFFF",
|
|
967
|
-
"success-bg": "#
|
|
968
|
-
"success-border": "#
|
|
969
|
-
"success-fg": "#
|
|
970
|
-
"success-solid": "#
|
|
967
|
+
"success-bg": "#1F3318",
|
|
968
|
+
"success-border": "#5E8050",
|
|
969
|
+
"success-fg": "#A8D88A",
|
|
970
|
+
"success-solid": "#8FC46E",
|
|
971
971
|
"success-onSolid": "#1B1B1B",
|
|
972
972
|
"warning-bg": "#3F2D04",
|
|
973
973
|
"warning-border": "#92743B",
|
package/package.json
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
|
|
11
|
-
*
|
|
12
|
-
* was white on a white canvas in light mode, set apart
|
|
13
|
-
* and the shadow
|
|
14
|
-
*
|
|
15
|
-
*
|
|
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: '
|
|
40
|
-
color: '
|
|
41
|
-
borderColor: '
|
|
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: '
|
|
79
|
+
color: 'fg.muted',
|
|
77
80
|
_hover: {
|
|
78
|
-
|
|
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: '
|
|
137
|
-
_hover: {
|
|
138
|
-
|
|
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
|
|
|
@@ -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.
|
|
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` (기본) | 상태가 없는 단순한 결과이며 아이콘도 없음. 흰
|
|
114
|
+
| `neutral` (기본) | 상태가 없는 단순한 결과이며 아이콘도 없음. 흰 화면에서 보이되 상태 토스트보다 튀지 않도록 은은한 바탕(`bg.muted` / `fg.default`, `border.default` 테두리)을 씀 | 복사, 이동, 전송 |
|
|
115
115
|
| `success` | 요청한 대로 끝남 | 저장, 업로드, 삭제 |
|
|
116
116
|
| `info` | 방금 일어난 일에 대한 사실이며, 문제가 있다는 뜻은 아님 | 내보내기 완료, 모델 자동 변경 |
|
|
117
117
|
| `warning` | 끝났지만 예상과 조금 다름 | 일부 파일 건너뜀 |
|
|
@@ -420,10 +420,10 @@ export const SCHEMES = {
|
|
|
420
420
|
"danger-solidHover": "#BB5851",
|
|
421
421
|
"danger-solidActive": "#A83B37",
|
|
422
422
|
"danger-onSolid": "#FFFFFF",
|
|
423
|
-
"success-bg": "#
|
|
424
|
-
"success-border": "#
|
|
425
|
-
"success-fg": "#
|
|
426
|
-
"success-solid": "#
|
|
423
|
+
"success-bg": "#1F3318",
|
|
424
|
+
"success-border": "#3A5A2C",
|
|
425
|
+
"success-fg": "#A8D88A",
|
|
426
|
+
"success-solid": "#8FC46E",
|
|
427
427
|
"success-onSolid": "#1B1B1B",
|
|
428
428
|
"warning-bg": "#3F2D04",
|
|
429
429
|
"warning-border": "#6A4E10",
|
|
@@ -602,10 +602,10 @@ export const SCHEMES = {
|
|
|
602
602
|
"danger-solidHover": "#993935",
|
|
603
603
|
"danger-solidActive": "#9F3330",
|
|
604
604
|
"danger-onSolid": "#FFFFFF",
|
|
605
|
-
"success-bg": "#
|
|
606
|
-
"success-border": "#
|
|
607
|
-
"success-fg": "#
|
|
608
|
-
"success-solid": "#
|
|
605
|
+
"success-bg": "#1F3318",
|
|
606
|
+
"success-border": "#5E8050",
|
|
607
|
+
"success-fg": "#A8D88A",
|
|
608
|
+
"success-solid": "#8FC46E",
|
|
609
609
|
"success-onSolid": "#1B1B1B",
|
|
610
610
|
"warning-bg": "#3F2D04",
|
|
611
611
|
"warning-border": "#92743B",
|
|
@@ -786,10 +786,10 @@ export const SCHEMES = {
|
|
|
786
786
|
"danger-solidHover": "#BB5851",
|
|
787
787
|
"danger-solidActive": "#A83B37",
|
|
788
788
|
"danger-onSolid": "#FFFFFF",
|
|
789
|
-
"success-bg": "#
|
|
790
|
-
"success-border": "#
|
|
791
|
-
"success-fg": "#
|
|
792
|
-
"success-solid": "#
|
|
789
|
+
"success-bg": "#1F3318",
|
|
790
|
+
"success-border": "#3A5A2C",
|
|
791
|
+
"success-fg": "#A8D88A",
|
|
792
|
+
"success-solid": "#8FC46E",
|
|
793
793
|
"success-onSolid": "#1B1B1B",
|
|
794
794
|
"warning-bg": "#3F2D04",
|
|
795
795
|
"warning-border": "#6A4E10",
|
|
@@ -968,10 +968,10 @@ export const SCHEMES = {
|
|
|
968
968
|
"danger-solidHover": "#993935",
|
|
969
969
|
"danger-solidActive": "#9F3330",
|
|
970
970
|
"danger-onSolid": "#FFFFFF",
|
|
971
|
-
"success-bg": "#
|
|
972
|
-
"success-border": "#
|
|
973
|
-
"success-fg": "#
|
|
974
|
-
"success-solid": "#
|
|
971
|
+
"success-bg": "#1F3318",
|
|
972
|
+
"success-border": "#5E8050",
|
|
973
|
+
"success-fg": "#A8D88A",
|
|
974
|
+
"success-solid": "#8FC46E",
|
|
975
975
|
"success-onSolid": "#1B1B1B",
|
|
976
976
|
"warning-bg": "#3F2D04",
|
|
977
977
|
"warning-border": "#92743B",
|