@phpsoftbox/react-softbox 1.16.1 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -0
- package/dist/components/Alert/Alert.d.ts +1 -1
- package/dist/components/Alert/Alert.js +14 -4
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Alert/Alert.module.css +65 -33
- package/dist/components/Badge/Badge.d.ts +4 -1
- package/dist/components/Badge/Badge.js +27 -3
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.module.css +89 -32
- package/dist/components/Button/Button.d.ts +11 -2
- package/dist/components/Button/Button.js +35 -5
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.d.ts +3 -1
- package/dist/components/Card/Card.js +9 -3
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.module.css +8 -2
- package/dist/components/CollapseButton/CollapseButton.module.css +1 -1
- package/dist/components/Drawer/Drawer.module.css +1 -0
- package/dist/components/FileUploader/FileUploader.module.css +6 -6
- package/dist/components/Image/Image.module.css +2 -2
- package/dist/components/Input/Checkbox/Checkbox.module.css +2 -2
- package/dist/components/Input/ErrorTooltip/ErrorTooltip.module.css +1 -1
- package/dist/components/Input/FloatLabel/FloatLabel.module.css +2 -2
- package/dist/components/Input/FormField/FormField.module.css +2 -2
- package/dist/components/Input/Hint/Hint.module.css +1 -1
- package/dist/components/Input/Input.d.ts +4 -4
- package/dist/components/Input/Input.module.css +1 -1
- package/dist/components/Input/InputGroup.module.css +8 -8
- package/dist/components/Input/Radio/Radio.module.css +2 -2
- package/dist/components/Input/Select/Select.module.css +12 -12
- package/dist/components/Input/Switch/Switch.module.css +2 -2
- package/dist/components/Input/Textarea/Textarea.module.css +1 -1
- package/dist/components/MarkdownEditor/MarkdownEditor.module.css +51 -17
- package/dist/components/Menu/Dropdown.d.ts +2 -0
- package/dist/components/Menu/Dropdown.js +1 -0
- package/dist/components/Menu/Dropdown.js.map +1 -1
- package/dist/components/Menu/Menu.d.ts +2 -0
- package/dist/components/Menu/Menu.js +5 -5
- package/dist/components/Menu/Menu.js.map +1 -1
- package/dist/components/Menu/Menu.module.css +3 -3
- package/dist/components/Modal/Modal.module.css +1 -1
- package/dist/components/Notifier/Notifier.js +8 -2
- package/dist/components/Notifier/Notifier.js.map +1 -1
- package/dist/components/Notifier/Notifier.module.css +38 -16
- package/dist/components/Pagination/Pagination.module.css +1 -1
- package/dist/components/Progress/Progress.d.ts +2 -1
- package/dist/components/Progress/Progress.js +9 -3
- package/dist/components/Progress/Progress.js.map +1 -1
- package/dist/components/Progress/Progress.module.css +24 -8
- package/dist/components/Table/Table.js +6 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/Table.module.css +24 -8
- package/dist/components/Tooltip/Tooltip.d.ts +2 -1
- package/dist/components/Tooltip/Tooltip.js +4 -1
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.module.css +1 -1
- package/dist/components/Typography/Heading.d.ts +2 -1
- package/dist/components/Typography/Heading.js +9 -3
- package/dist/components/Typography/Heading.js.map +1 -1
- package/dist/components/Typography/Text.d.ts +2 -1
- package/dist/components/Typography/Text.js +9 -3
- package/dist/components/Typography/Text.js.map +1 -1
- package/dist/components/Typography/Typography.module.css +22 -6
- package/dist/components/Wizard/Wizard.d.ts +2 -0
- package/dist/components/Wizard/Wizard.js +17 -5
- package/dist/components/Wizard/Wizard.js.map +1 -1
- package/dist/components/Wizard/Wizard.module.css +54 -40
- package/dist/foundations/buttons.css +269 -55
- package/dist/foundations/layout.css +2 -2
- package/dist/foundations/tabs.css +3 -3
- package/dist/foundations/tokens.css +304 -74
- package/dist/foundations/utilities.css +738 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +3 -1
- package/dist/utils/uiVariant.d.ts +16 -0
- package/dist/utils/uiVariant.js +106 -0
- package/dist/utils/uiVariant.js.map +1 -0
- package/docs/card.md +2 -1
- package/docs/feedback.md +11 -1
- package/docs/layout.md +42 -2
- package/docs/theme.md +71 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,MAAM,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.card {
|
|
2
2
|
background: var(--surface-card);
|
|
3
3
|
border: 1px solid var(--color-line);
|
|
4
|
-
border-radius: var(--radius-
|
|
4
|
+
border-radius: var(--card-border-radius, var(--radius-default));
|
|
5
5
|
padding: var(--spacing-7);
|
|
6
6
|
box-shadow: var(--shadow-soft);
|
|
7
7
|
display: flex;
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
column-gap: var(--spacing-2);
|
|
25
25
|
row-gap: 0;
|
|
26
26
|
padding: var(--spacing-2) var(--spacing-3);
|
|
27
|
-
border-radius: var(--radius-
|
|
27
|
+
border-radius: var(--card-toolbar-border-radius, var(--card-border-radius, var(--radius-default)));
|
|
28
28
|
border: 1px solid var(--color-line);
|
|
29
29
|
background: var(--surface-panel-soft);
|
|
30
30
|
overflow: hidden;
|
|
@@ -102,6 +102,12 @@
|
|
|
102
102
|
min-width: 0;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
+
.toolbarGroupAttached {
|
|
106
|
+
flex-wrap: nowrap;
|
|
107
|
+
gap: 0;
|
|
108
|
+
padding-inline: var(--spacing-1);
|
|
109
|
+
}
|
|
110
|
+
|
|
105
111
|
.toolbarButton {
|
|
106
112
|
min-height: 32px;
|
|
107
113
|
min-width: 0;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
background: var(--surface-control);
|
|
7
7
|
color: var(--color-text);
|
|
8
8
|
padding: var(--spacing-3) calc(var(--spacing-4) + var(--spacing-1) / 2);
|
|
9
|
-
border-radius: var(--radius-
|
|
9
|
+
border-radius: var(--collapse-button-border-radius, var(--radius-default));
|
|
10
10
|
cursor: pointer;
|
|
11
11
|
}
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
.dropzone {
|
|
8
8
|
border: 1px dashed var(--color-line);
|
|
9
|
-
border-radius: var(--radius-
|
|
9
|
+
border-radius: var(--file-uploader-border-radius, var(--radius-default));
|
|
10
10
|
padding: var(--spacing-5);
|
|
11
11
|
background: var(--surface-panel-soft);
|
|
12
12
|
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
align-items: center;
|
|
76
76
|
gap: var(--spacing-3);
|
|
77
77
|
padding: var(--spacing-2) var(--spacing-3);
|
|
78
|
-
border-radius: var(--radius-
|
|
78
|
+
border-radius: var(--file-uploader-border-radius, var(--radius-default));
|
|
79
79
|
background: var(--surface-tile);
|
|
80
80
|
border: 1px solid var(--color-divider);
|
|
81
81
|
}
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
position: relative;
|
|
110
110
|
gap: var(--spacing-2);
|
|
111
111
|
padding: var(--spacing-2);
|
|
112
|
-
border-radius: var(--radius-
|
|
112
|
+
border-radius: var(--file-uploader-border-radius, var(--radius-default));
|
|
113
113
|
background: var(--surface-tile);
|
|
114
114
|
border: 1px solid var(--color-divider);
|
|
115
115
|
align-items: center;
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
width: 100%;
|
|
121
121
|
height: 90px;
|
|
122
122
|
object-fit: cover;
|
|
123
|
-
border-radius: var(--radius-
|
|
123
|
+
border-radius: var(--file-uploader-border-radius, var(--radius-default));
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
.previewName {
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
border: 1px solid var(--color-line);
|
|
134
134
|
background: var(--surface-panel-soft);
|
|
135
135
|
color: var(--color-muted);
|
|
136
|
-
border-radius: var(--radius-
|
|
136
|
+
border-radius: var(--file-uploader-border-radius, var(--radius-default));
|
|
137
137
|
padding: 4px 8px;
|
|
138
138
|
font-size: var(--font-size-2);
|
|
139
139
|
cursor: pointer;
|
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
width: 22px;
|
|
154
154
|
height: 22px;
|
|
155
155
|
border: 1px solid var(--color-line);
|
|
156
|
-
border-radius:
|
|
156
|
+
border-radius: var(--radius-circle);
|
|
157
157
|
background: color-mix(in srgb, var(--surface-panel) 80%, #000 20%);
|
|
158
158
|
color: var(--color-text);
|
|
159
159
|
cursor: pointer;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
.box {
|
|
16
16
|
width: 18px;
|
|
17
17
|
height: 18px;
|
|
18
|
-
border-radius:
|
|
18
|
+
border-radius: var(--checkbox-border-radius, var(--radius-default));
|
|
19
19
|
border: 1px solid rgba(30, 99, 233, 0.45);
|
|
20
20
|
background: var(--surface-input);
|
|
21
21
|
display: inline-flex;
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
width: 10px;
|
|
47
47
|
height: 2px;
|
|
48
48
|
background: var(--color-teal);
|
|
49
|
-
border-radius:
|
|
49
|
+
border-radius: var(--radius-pill);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.input:checked + .box,
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
z-index: 1;
|
|
25
25
|
background: var(--ui-float-label-background);
|
|
26
26
|
padding: 0 4px;
|
|
27
|
-
border-radius:
|
|
27
|
+
border-radius: var(--radius-default);
|
|
28
28
|
white-space: nowrap;
|
|
29
29
|
overflow: hidden;
|
|
30
30
|
text-overflow: ellipsis;
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.requiredMark {
|
|
47
|
-
color: var(--
|
|
47
|
+
color: var(--variant-danger-accent);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.wrapper input:focus + .label,
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.requiredMark {
|
|
29
|
-
color: var(--
|
|
29
|
+
color: var(--variant-danger-accent);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.control {
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
|
|
38
38
|
.error {
|
|
39
39
|
font-size: 12px;
|
|
40
|
-
color: var(--
|
|
40
|
+
color: var(--variant-danger-accent);
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
@media (max-width: 720px) {
|
|
@@ -12,10 +12,10 @@ import Checkbox from './Checkbox/Checkbox';
|
|
|
12
12
|
import ErrorTooltip from './ErrorTooltip/ErrorTooltip';
|
|
13
13
|
import Hint from './Hint/Hint';
|
|
14
14
|
declare const Input: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
|
|
15
|
-
layout?: "
|
|
15
|
+
layout?: "column" | "row";
|
|
16
16
|
gap?: number | string;
|
|
17
17
|
labelWidth?: number | string;
|
|
18
|
-
align?: "center" | "
|
|
18
|
+
align?: "center" | "end" | "start";
|
|
19
19
|
labelAlign?: "center" | "left" | "right";
|
|
20
20
|
}> & {
|
|
21
21
|
Label: React.FC<import("react").LabelHTMLAttributes<HTMLLabelElement> & {
|
|
@@ -69,10 +69,10 @@ declare const Input: import("react").FC<import("react").HTMLAttributes<HTMLDivEl
|
|
|
69
69
|
ErrorTooltip: typeof ErrorTooltip;
|
|
70
70
|
Hint: typeof Hint;
|
|
71
71
|
FormField: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
|
|
72
|
-
layout?: "
|
|
72
|
+
layout?: "column" | "row";
|
|
73
73
|
gap?: number | string;
|
|
74
74
|
labelWidth?: number | string;
|
|
75
|
-
align?: "center" | "
|
|
75
|
+
align?: "center" | "end" | "start";
|
|
76
76
|
labelAlign?: "center" | "left" | "right";
|
|
77
77
|
}> & {
|
|
78
78
|
Label: React.FC<import("react").LabelHTMLAttributes<HTMLLabelElement> & {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
width: 100%;
|
|
3
3
|
min-height: var(--ui-control-height, 48px);
|
|
4
4
|
padding: var(--ui-control-padding-y, 12px) var(--ui-control-padding-x, 16px);
|
|
5
|
-
border-radius: var(--radius-
|
|
5
|
+
border-radius: var(--input-border-radius, var(--radius-default));
|
|
6
6
|
border: 1px solid rgba(30, 99, 233, 0.25);
|
|
7
7
|
background: var(--surface-input);
|
|
8
8
|
color: var(--color-text);
|
|
@@ -37,23 +37,23 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
:global(.rsb-input-group) > :global(.rsb-group-item):first-child {
|
|
40
|
-
border-top-left-radius: var(--radius-
|
|
41
|
-
border-bottom-left-radius: var(--radius-
|
|
40
|
+
border-top-left-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
41
|
+
border-bottom-left-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
:global(.rsb-input-group) > :global(.rsb-group-item):first-child > :where(input, button, textarea) {
|
|
45
|
-
border-top-left-radius: var(--radius-
|
|
46
|
-
border-bottom-left-radius: var(--radius-
|
|
45
|
+
border-top-left-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
46
|
+
border-bottom-left-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
:global(.rsb-input-group) > :global(.rsb-group-item):last-child {
|
|
50
|
-
border-top-right-radius: var(--radius-
|
|
51
|
-
border-bottom-right-radius: var(--radius-
|
|
50
|
+
border-top-right-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
51
|
+
border-bottom-right-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
:global(.rsb-input-group) > :global(.rsb-group-item):last-child > :where(input, button, textarea) {
|
|
55
|
-
border-top-right-radius: var(--radius-
|
|
56
|
-
border-bottom-right-radius: var(--radius-
|
|
55
|
+
border-top-right-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
56
|
+
border-bottom-right-radius: var(--input-border-radius, var(--radius-default)) !important;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
:global(.rsb-input-group) > :global(.rsb-group-item) + :global(.rsb-group-item) {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
.control {
|
|
16
16
|
width: 18px;
|
|
17
17
|
height: 18px;
|
|
18
|
-
border-radius:
|
|
18
|
+
border-radius: var(--radio-border-radius, var(--radius-circle));
|
|
19
19
|
border: 1px solid rgba(30, 99, 233, 0.45);
|
|
20
20
|
background: var(--surface-input);
|
|
21
21
|
display: inline-flex;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
content: '';
|
|
29
29
|
width: 8px;
|
|
30
30
|
height: 8px;
|
|
31
|
-
border-radius:
|
|
31
|
+
border-radius: var(--radio-border-radius, var(--radius-circle));
|
|
32
32
|
background: var(--color-teal);
|
|
33
33
|
transform: scale(0);
|
|
34
34
|
transition: transform 0.2s ease;
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
transition: transform 0.2s ease, color 0.2s ease;
|
|
27
27
|
background: var(--surface-input);
|
|
28
28
|
padding: 0 4px;
|
|
29
|
-
border-radius:
|
|
29
|
+
border-radius: var(--radius-default);
|
|
30
30
|
white-space: nowrap;
|
|
31
31
|
overflow: hidden;
|
|
32
32
|
text-overflow: ellipsis;
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
.control {
|
|
45
45
|
min-height: var(--ui-control-height, 48px);
|
|
46
46
|
width: 100%;
|
|
47
|
-
border-radius: var(--radius-
|
|
47
|
+
border-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
48
48
|
border: 1px solid var(--color-line);
|
|
49
49
|
background: var(--surface-input);
|
|
50
50
|
color: var(--color-text);
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
.controlSearch {
|
|
70
70
|
min-height: var(--ui-control-height, 48px);
|
|
71
71
|
width: 100%;
|
|
72
|
-
border-radius: var(--radius-
|
|
72
|
+
border-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
73
73
|
border: 1px solid var(--color-line);
|
|
74
74
|
background: var(--surface-input);
|
|
75
75
|
color: var(--color-text);
|
|
@@ -104,14 +104,14 @@
|
|
|
104
104
|
|
|
105
105
|
.wrapper:global(.rsb-group-item):first-child .control,
|
|
106
106
|
.wrapper:global(.rsb-group-item):first-child .controlSearch {
|
|
107
|
-
border-top-left-radius: var(--radius-
|
|
108
|
-
border-bottom-left-radius: var(--radius-
|
|
107
|
+
border-top-left-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
108
|
+
border-bottom-left-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
.wrapper:global(.rsb-group-item):last-child .control,
|
|
112
112
|
.wrapper:global(.rsb-group-item):last-child .controlSearch {
|
|
113
|
-
border-top-right-radius: var(--radius-
|
|
114
|
-
border-bottom-right-radius: var(--radius-
|
|
113
|
+
border-top-right-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
114
|
+
border-bottom-right-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
.control:focus-visible {
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
align-items: center;
|
|
182
182
|
gap: 6px;
|
|
183
183
|
padding: 4px 10px;
|
|
184
|
-
border-radius:
|
|
184
|
+
border-radius: var(--select-tag-border-radius, var(--radius-pill));
|
|
185
185
|
background: var(--surface-pill);
|
|
186
186
|
border: 1px solid var(--color-line);
|
|
187
187
|
font-size: var(--font-size-2);
|
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
.clearButton {
|
|
212
212
|
width: 18px;
|
|
213
213
|
height: 18px;
|
|
214
|
-
border-radius:
|
|
214
|
+
border-radius: var(--radius-circle);
|
|
215
215
|
border: 1px solid rgba(30, 51, 85, 0.4);
|
|
216
216
|
background: rgba(15, 30, 51, 0.35);
|
|
217
217
|
color: var(--color-text);
|
|
@@ -249,7 +249,7 @@
|
|
|
249
249
|
left: 0;
|
|
250
250
|
min-width: 100%;
|
|
251
251
|
max-width: calc(100vw - 24px);
|
|
252
|
-
border-radius: var(--radius-
|
|
252
|
+
border-radius: var(--select-dropdown-border-radius, var(--select-border-radius, var(--radius-default)));
|
|
253
253
|
border: 1px solid var(--color-line);
|
|
254
254
|
background: var(--surface-panel);
|
|
255
255
|
box-shadow: var(--shadow-soft);
|
|
@@ -276,7 +276,7 @@
|
|
|
276
276
|
justify-content: flex-start;
|
|
277
277
|
gap: 8px;
|
|
278
278
|
padding: 8px 10px;
|
|
279
|
-
border-radius:
|
|
279
|
+
border-radius: var(--select-option-border-radius, var(--radius-default));
|
|
280
280
|
border: 1px solid transparent;
|
|
281
281
|
background: transparent;
|
|
282
282
|
color: var(--color-text);
|
|
@@ -332,7 +332,7 @@
|
|
|
332
332
|
.createMark {
|
|
333
333
|
width: 18px;
|
|
334
334
|
height: 18px;
|
|
335
|
-
border-radius:
|
|
335
|
+
border-radius: var(--radius-circle);
|
|
336
336
|
border: 1px solid rgba(20, 201, 214, 0.35);
|
|
337
337
|
display: inline-flex;
|
|
338
338
|
align-items: center;
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
.track {
|
|
17
17
|
width: 46px;
|
|
18
18
|
height: 26px;
|
|
19
|
-
border-radius:
|
|
19
|
+
border-radius: var(--switch-border-radius, var(--radius-pill));
|
|
20
20
|
background: rgba(30, 51, 85, 0.8);
|
|
21
21
|
border: 1px solid rgba(30, 51, 85, 0.9);
|
|
22
22
|
position: relative;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
.thumb {
|
|
29
29
|
width: 20px;
|
|
30
30
|
height: 20px;
|
|
31
|
-
border-radius:
|
|
31
|
+
border-radius: var(--switch-thumb-border-radius, var(--radius-circle));
|
|
32
32
|
background: #f4f8ff;
|
|
33
33
|
position: absolute;
|
|
34
34
|
left: 3px;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
width: 100%;
|
|
3
3
|
min-height: 120px;
|
|
4
4
|
padding: 14px 16px;
|
|
5
|
-
border-radius: var(--radius-
|
|
5
|
+
border-radius: var(--textarea-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
6
6
|
border: 1px solid rgba(30, 99, 233, 0.25);
|
|
7
7
|
background: var(--surface-input-solid);
|
|
8
8
|
color: var(--color-text);
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
.panel {
|
|
24
24
|
background: var(--surface-panel);
|
|
25
25
|
border: 1px solid var(--color-line);
|
|
26
|
-
border-radius: var(--radius-
|
|
26
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
27
27
|
padding: var(--spacing-4);
|
|
28
28
|
display: flex;
|
|
29
29
|
flex-direction: column;
|
|
@@ -43,14 +43,48 @@
|
|
|
43
43
|
gap: 8px;
|
|
44
44
|
padding: 10px;
|
|
45
45
|
border: 1px solid var(--color-line);
|
|
46
|
-
border-radius:
|
|
46
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
47
47
|
background: var(--surface-panel-soft);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.toolbarGroup {
|
|
51
51
|
display: flex;
|
|
52
|
-
gap:
|
|
53
|
-
flex-wrap:
|
|
52
|
+
gap: 0;
|
|
53
|
+
flex-wrap: nowrap;
|
|
54
|
+
align-items: stretch;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.toolbarGroup > * {
|
|
58
|
+
position: relative;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.toolbarGroup > * + * {
|
|
62
|
+
margin-left: -1px;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.toolbarGroup > .toolButton,
|
|
66
|
+
.toolbarGroup > * > .toolButton,
|
|
67
|
+
.toolbarGroup > * > * > .toolButton {
|
|
68
|
+
border-radius: 0;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.toolbarGroup > .toolButton:first-child,
|
|
72
|
+
.toolbarGroup > :first-child > .toolButton,
|
|
73
|
+
.toolbarGroup > :first-child > * > .toolButton {
|
|
74
|
+
border-top-left-radius: var(--btn-group-border-radius, var(--btn-border-radius, var(--radius-default)));
|
|
75
|
+
border-bottom-left-radius: var(--btn-group-border-radius, var(--btn-border-radius, var(--radius-default)));
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.toolbarGroup > .toolButton:last-child,
|
|
79
|
+
.toolbarGroup > :last-child > .toolButton,
|
|
80
|
+
.toolbarGroup > :last-child > * > .toolButton {
|
|
81
|
+
border-top-right-radius: var(--btn-group-border-radius, var(--btn-border-radius, var(--radius-default)));
|
|
82
|
+
border-bottom-right-radius: var(--btn-group-border-radius, var(--btn-border-radius, var(--radius-default)));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.toolbarGroup > *:hover,
|
|
86
|
+
.toolbarGroup > *:focus-within {
|
|
87
|
+
z-index: 2;
|
|
54
88
|
}
|
|
55
89
|
|
|
56
90
|
.toolButton {
|
|
@@ -60,7 +94,7 @@
|
|
|
60
94
|
border: 1px solid var(--color-line);
|
|
61
95
|
background: transparent;
|
|
62
96
|
color: var(--color-text);
|
|
63
|
-
border-radius:
|
|
97
|
+
border-radius: var(--btn-border-radius, var(--radius-default));
|
|
64
98
|
padding: 6px 10px;
|
|
65
99
|
font-size: 12px;
|
|
66
100
|
letter-spacing: 0.02em;
|
|
@@ -121,7 +155,7 @@
|
|
|
121
155
|
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
|
|
122
156
|
gap: 8px;
|
|
123
157
|
padding: 10px;
|
|
124
|
-
border-radius:
|
|
158
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
125
159
|
border: 1px solid var(--color-line);
|
|
126
160
|
background: var(--surface-input-muted);
|
|
127
161
|
}
|
|
@@ -133,7 +167,7 @@
|
|
|
133
167
|
.toolInput {
|
|
134
168
|
background: var(--surface-input);
|
|
135
169
|
border: 1px solid var(--color-line);
|
|
136
|
-
border-radius:
|
|
170
|
+
border-radius: var(--input-border-radius, var(--radius-default));
|
|
137
171
|
padding: 6px 10px;
|
|
138
172
|
color: var(--color-text);
|
|
139
173
|
font-size: 13px;
|
|
@@ -151,7 +185,7 @@
|
|
|
151
185
|
|
|
152
186
|
.toolAction {
|
|
153
187
|
border: none;
|
|
154
|
-
border-radius:
|
|
188
|
+
border-radius: var(--btn-border-radius, var(--radius-default));
|
|
155
189
|
padding: 6px 14px;
|
|
156
190
|
background: linear-gradient(120deg, rgba(79, 230, 163, 0.9), rgba(20, 201, 214, 0.9));
|
|
157
191
|
color: #fff;
|
|
@@ -193,11 +227,11 @@
|
|
|
193
227
|
|
|
194
228
|
.textarea::-webkit-scrollbar-track {
|
|
195
229
|
background: var(--surface-input-muted);
|
|
196
|
-
border-radius:
|
|
230
|
+
border-radius: var(--radius-pill);
|
|
197
231
|
}
|
|
198
232
|
|
|
199
233
|
.textarea::-webkit-scrollbar-thumb {
|
|
200
|
-
border-radius:
|
|
234
|
+
border-radius: var(--radius-pill);
|
|
201
235
|
border: 2px solid var(--surface-input-muted);
|
|
202
236
|
background: linear-gradient(180deg, rgba(79, 230, 163, 0.78), rgba(20, 201, 214, 0.78));
|
|
203
237
|
}
|
|
@@ -243,7 +277,7 @@
|
|
|
243
277
|
padding: 8px 12px;
|
|
244
278
|
border-left: 3px solid rgba(30, 99, 233, 0.6);
|
|
245
279
|
background: rgba(30, 99, 233, 0.08);
|
|
246
|
-
border-radius:
|
|
280
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
247
281
|
}
|
|
248
282
|
|
|
249
283
|
.preview ul,
|
|
@@ -258,7 +292,7 @@
|
|
|
258
292
|
.preview :global(.md-code-wrap) {
|
|
259
293
|
margin: 10px 0;
|
|
260
294
|
border: 1px solid var(--color-line);
|
|
261
|
-
border-radius:
|
|
295
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
262
296
|
overflow: hidden;
|
|
263
297
|
background: var(--surface-code);
|
|
264
298
|
}
|
|
@@ -277,7 +311,7 @@
|
|
|
277
311
|
display: inline-flex;
|
|
278
312
|
align-items: center;
|
|
279
313
|
border: 1px solid rgba(30, 99, 233, 0.4);
|
|
280
|
-
border-radius:
|
|
314
|
+
border-radius: var(--radius-pill);
|
|
281
315
|
padding: 2px 8px;
|
|
282
316
|
font-size: 11px;
|
|
283
317
|
letter-spacing: 0.04em;
|
|
@@ -288,7 +322,7 @@
|
|
|
288
322
|
|
|
289
323
|
.preview :global(.md-code-copy) {
|
|
290
324
|
border: 1px solid var(--color-line);
|
|
291
|
-
border-radius:
|
|
325
|
+
border-radius: var(--btn-border-radius, var(--radius-default));
|
|
292
326
|
background: var(--surface-control);
|
|
293
327
|
color: var(--color-text);
|
|
294
328
|
padding: 4px 10px;
|
|
@@ -417,7 +451,7 @@
|
|
|
417
451
|
|
|
418
452
|
.preview pre {
|
|
419
453
|
padding: 12px 14px;
|
|
420
|
-
border-radius:
|
|
454
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
421
455
|
background: var(--surface-code);
|
|
422
456
|
border: 1px solid var(--color-line);
|
|
423
457
|
overflow-x: auto;
|
|
@@ -443,7 +477,7 @@
|
|
|
443
477
|
padding: 2px 6px;
|
|
444
478
|
background: var(--surface-code);
|
|
445
479
|
border: 1px solid var(--color-line);
|
|
446
|
-
border-radius:
|
|
480
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
447
481
|
font-family: var(--font-mono, "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace);
|
|
448
482
|
font-size: 0.9em;
|
|
449
483
|
}
|
|
@@ -459,7 +493,7 @@
|
|
|
459
493
|
|
|
460
494
|
.preview img {
|
|
461
495
|
max-width: 100%;
|
|
462
|
-
border-radius:
|
|
496
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
463
497
|
margin: 8px 0;
|
|
464
498
|
display: block;
|
|
465
499
|
}
|
|
@@ -20,6 +20,7 @@ type DropdownItemProps = {
|
|
|
20
20
|
as?: React.ElementType<{
|
|
21
21
|
href?: string;
|
|
22
22
|
className?: string;
|
|
23
|
+
style?: React.CSSProperties;
|
|
23
24
|
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
24
25
|
onMouseEnter?: React.MouseEventHandler<HTMLElement>;
|
|
25
26
|
children?: React.ReactNode;
|
|
@@ -31,6 +32,7 @@ type DropdownItemProps = {
|
|
|
31
32
|
disabled?: boolean;
|
|
32
33
|
static?: boolean;
|
|
33
34
|
className?: string;
|
|
35
|
+
style?: React.CSSProperties;
|
|
34
36
|
};
|
|
35
37
|
type DropdownHeaderProps = {
|
|
36
38
|
id?: string;
|