@keenmate/pure-css 1.0.0-rc07 → 1.0.0-rc08

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 (20) hide show
  1. package/CHANGELOG.md +491 -411
  2. package/README.md +184 -150
  3. package/dist/css/base.css +133 -67
  4. package/dist/css/component-reset.css +27 -0
  5. package/dist/css/pure-css.css +153 -75
  6. package/package.json +83 -81
  7. package/src/js/fit.js +5 -2
  8. package/src/scss/_base-css-variables.scss +429 -655
  9. package/src/scss/_layout-container.scss +168 -168
  10. package/src/scss/_navbar-elements.scss +10 -1
  11. package/src/scss/_sidebar-states.scss +2 -2
  12. package/src/scss/_sidebar.scss +443 -428
  13. package/src/scss/component-reset.scss +65 -0
  14. package/src/scss/reboot.scss +134 -134
  15. package/src/scss/scrollbars.scss +48 -48
  16. package/src/scss/variables/_base.scss +368 -256
  17. package/src/scss/variables/_colors.scss +208 -237
  18. package/src/scss/variables/_index.scss +27 -23
  19. package/src/scss/variables/_system.scss +19 -23
  20. package/src/scss/variables/_components.scss +0 -840
package/dist/css/base.css CHANGED
@@ -9,16 +9,25 @@
9
9
  }
10
10
 
11
11
  :root {
12
- --base-accent-color: #007bff;
13
- --base-accent-color-hover: rgb(20%, 58.5882352941%, 100%);
14
- --base-accent-color-active: rgb(40%, 68.9411764706%, 100%);
15
- --base-accent-color-light: rgba(0, 123, 255, 0.05);
16
- --base-accent-color-light-hover: rgba(0, 123, 255, 0.12);
17
- --base-text-color-1: #2c3e50;
18
- --base-text-color-2: #6c757d;
19
- --base-text-color-3: #7a8a99;
20
- --base-text-color-4: #a3b1bf;
12
+ --base-accent-color: #0ea5e9;
13
+ --base-accent-color-hover: #0284c7;
14
+ --base-accent-color-active: #0369a1;
15
+ --base-accent-color-light: rgba(14, 165, 233, 0.05);
16
+ --base-accent-color-light-hover: rgba(14, 165, 233, 0.08);
17
+ --base-primary-color: var(--base-accent-color, #0ea5e9);
18
+ --base-primary-color-hover: var(--base-accent-color-hover, #0284c7);
19
+ --base-primary-color-active: var(--base-accent-color-active, #0369a1);
20
+ --base-primary-color-light: var(--base-accent-color-light, rgba(14, 165, 233, 0.05));
21
+ --base-primary-color-light-hover: var(--base-accent-color-light-hover, rgba(14, 165, 233, 0.08));
22
+ --base-secondary-color: #6c757d;
23
+ --base-secondary-color-hover: #545b62;
24
+ --base-text-color-1: #334155;
25
+ --base-text-color-2: #64748b;
26
+ --base-text-color-3: #94a3b8;
27
+ --base-text-color-4: #cbd5e1;
21
28
  --base-text-color-on-accent: #ffffff;
29
+ --base-text-on-primary: var(--base-text-color-on-accent, #ffffff);
30
+ --base-text-on-secondary: #ffffff;
22
31
  --base-main-bg: #ffffff;
23
32
  --base-page-bg: #f8f9fa;
24
33
  --base-subtle-bg: #e9ecef;
@@ -27,21 +36,22 @@
27
36
  --base-shadow-color: rgba(0, 0, 0, 0.15);
28
37
  --base-hover-bg: #e9ecef;
29
38
  --base-active-bg: rgb(85.5830753354%, 87.5490196078%, 89.5149638803%);
30
- --base-disabled-bg: #e9ecef;
39
+ --base-disabled-bg: #f1f3f5;
31
40
  --base-elevated-bg: #f8f9fa;
32
41
  --base-text-inverted: #ffffff;
33
- --base-border-color: #e1e5e9;
34
- --base-border: 1px solid #e1e5e9;
35
- --base-checkbox-border-color: #e1e5e9;
42
+ --base-border-width: 1px;
43
+ --base-border-color: #e2e8f0;
44
+ --base-border: 1px solid #e2e8f0;
45
+ --base-checkbox-border-color: #e2e8f0;
36
46
  --base-input-bg: #ffffff;
37
- --base-input-color: #495057;
38
- --base-input-border: 1px solid #ced4da;
39
- --base-input-border-color: #ced4da;
40
- --base-input-border-hover: 1px solid #b8bfc6;
41
- --base-input-border-focus: 1px solid #007bff;
42
- --base-input-placeholder-color: #a3b1bf;
47
+ --base-input-color: #334155;
48
+ --base-input-border: 1px solid #e2e8f0;
49
+ --base-input-border-color: #e2e8f0;
50
+ --base-input-border-hover: 1px solid #0ea5e9;
51
+ --base-input-border-focus: 1px solid #0ea5e9;
52
+ --base-input-placeholder-color: #cbd5e1;
43
53
  --base-input-bg-disabled: rgba(255, 255, 255, 0.5);
44
- --base-input-clear-color: #7a8a99;
54
+ --base-input-clear-color: #94a3b8;
45
55
  --base-input-clear-bg-hover: #e9ecef;
46
56
  --base-input-size-xs-height: 3.1;
47
57
  --base-input-size-sm-height: 3.3;
@@ -49,49 +59,50 @@
49
59
  --base-input-size-lg-height: 3.8;
50
60
  --base-input-size-xl-height: 4.1;
51
61
  --base-dropdown-bg: #ffffff;
52
- --base-dropdown-border: 1px solid #e1e5e9;
62
+ --base-dropdown-border: 1px solid #e2e8f0;
53
63
  --base-dropdown-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
54
64
  --base-tooltip-bg: #2c3e50;
55
65
  --base-tooltip-text-color: #ffffff;
56
66
  --base-tooltip-color: #ffffff;
57
- --base-success-color: #22c55e;
58
- --base-success-bg: #22c55e;
59
- --base-success-color-hover: rgb(10.3896103896%, 60.1986249045%, 28.7242169595%);
60
- --base-success-bg-light: rgba(34, 197, 94, 0.1);
61
- --base-success-bg-subtle: rgba(34, 197, 94, 0.08);
62
- --base-success-border: rgba(34, 197, 94, 0.2);
67
+ --base-success-color: #10b981;
68
+ --base-success-bg: #10b981;
69
+ --base-success-color-hover: #059669;
70
+ --base-success-bg-light: rgba(16, 185, 129, 0.1);
71
+ --base-success-bg-subtle: rgba(16, 185, 129, 0.08);
72
+ --base-success-border: rgba(16, 185, 129, 0.2);
63
73
  --base-success-text: #155724;
64
74
  --base-success-text-light: #d4edda;
65
75
  --base-text-on-success: #ffffff;
66
76
  --base-danger-color: #ef4444;
67
77
  --base-danger-bg: #ef4444;
68
- --base-danger-color-hover: rgb(92.1491355163%, 8.2430213465%, 8.2430213465%);
78
+ --base-danger-color-hover: #dc2626;
69
79
  --base-danger-bg-light: rgba(239, 68, 68, 0.1);
70
80
  --base-danger-bg-subtle: rgba(239, 68, 68, 0.08);
71
81
  --base-danger-border: rgba(239, 68, 68, 0.2);
72
82
  --base-danger-text: #721c24;
73
83
  --base-danger-text-light: #f8d7da;
74
84
  --base-text-on-danger: #ffffff;
75
- --base-warning-color: #f97316;
76
- --base-warning-bg: #f97316;
77
- --base-warning-color-hover: rgb(84.1086225285%, 35.7371400443%, 2.1658872754%);
78
- --base-warning-bg-light: rgba(249, 115, 22, 0.1);
79
- --base-warning-bg-subtle: rgba(249, 115, 22, 0.08);
80
- --base-warning-border: rgba(249, 115, 22, 0.2);
85
+ --base-warning-color: #f59e0b;
86
+ --base-warning-bg: #f59e0b;
87
+ --base-warning-color-hover: #d97706;
88
+ --base-warning-bg-light: rgba(245, 158, 11, 0.1);
89
+ --base-warning-bg-subtle: rgba(245, 158, 11, 0.08);
90
+ --base-warning-border: rgba(245, 158, 11, 0.2);
81
91
  --base-warning-text: #856404;
82
92
  --base-warning-text-light: #fff3cd;
83
- --base-text-on-warning: #212529;
84
- --base-info-color: #17a2b8;
85
- --base-info-color-hover: rgb(6.7973856209%, 47.8772378517%, 54.3790849673%);
86
- --base-info-bg-light: rgba(23, 162, 184, 0.1);
87
- --base-info-bg-subtle: rgba(23, 162, 184, 0.08);
88
- --base-info-border: rgba(23, 162, 184, 0.2);
93
+ --base-text-on-warning: #ffffff;
94
+ --base-info-color: #06b6d4;
95
+ --base-info-bg: #06b6d4;
96
+ --base-info-color-hover: #0891b2;
97
+ --base-info-bg-light: rgba(6, 182, 212, 0.1);
98
+ --base-info-bg-subtle: rgba(6, 182, 212, 0.08);
99
+ --base-info-border: rgba(6, 182, 212, 0.2);
89
100
  --base-info-text: #0c5460;
90
101
  --base-info-text-light: #d1ecf1;
91
102
  --base-text-on-info: #ffffff;
92
103
  --base-hover-overlay: rgba(0, 0, 0, 0.04);
93
104
  --base-active-overlay: rgba(0, 0, 0, 0.08);
94
- --base-focus-ring-color: #007bff;
105
+ --base-focus-ring-color: #0ea5e9;
95
106
  --base-focus-ring-width: 3px;
96
107
  --base-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
97
108
  --base-font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
@@ -113,45 +124,100 @@
113
124
  --base-border-radius-md: 0.6;
114
125
  --base-border-radius-lg: 0.8;
115
126
  --base-rem: 1rem;
127
+ --base-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 18 6-6-6-6%22/%3E%3C/svg%3E");
128
+ --base-icon-caret-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M12 15 6 9h12z%22/%3E%3C/svg%3E");
129
+ --base-icon-caret-up: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M12 9 6 15h12z%22/%3E%3C/svg%3E");
130
+ --base-icon-close: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M18 6 6 18%22/%3E%3Cpath d=%22m6 6 12 12%22/%3E%3C/svg%3E");
131
+ --base-icon-clear: var(--base-icon-close, url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M18 6 6 18%22/%3E%3Cpath d=%22m6 6 12 12%22/%3E%3C/svg%3E"));
132
+ --base-icon-remove: var(--base-icon-close, url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M18 6 6 18%22/%3E%3Cpath d=%22m6 6 12 12%22/%3E%3C/svg%3E"));
133
+ --base-icon-expand: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14%22/%3E%3Cpath d=%22M12 5v14%22/%3E%3C/svg%3E");
134
+ --base-icon-collapse: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14%22/%3E%3C/svg%3E");
135
+ --base-icon-add: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14%22/%3E%3Cpath d=%22M12 5v14%22/%3E%3C/svg%3E");
136
+ --base-icon-edit: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z%22/%3E%3C/svg%3E");
137
+ --base-icon-delete: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 6h18%22/%3E%3Cpath d=%22M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2%22/%3E%3Cpath d=%22M10 11v6%22/%3E%3Cpath d=%22M14 11v6%22/%3E%3C/svg%3E");
138
+ --base-icon-search: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22/%3E%3Cpath d=%22m21 21-4.3-4.3%22/%3E%3C/svg%3E");
139
+ --base-color-1: #f59e0b;
140
+ --base-color-2: #ec4899;
141
+ --base-color-3: #10b981;
142
+ --base-color-4: #0ea5e9;
143
+ --base-color-5: #8b5cf6;
144
+ --base-color-6: #6366f1;
145
+ --base-color-7: #64748b;
146
+ --base-color-8: #0284c7;
147
+ --base-color-9: #334155;
148
+ --base-color-1-text: #1a1a1a;
149
+ --base-color-2-text: #ffffff;
150
+ --base-color-3-text: #ffffff;
151
+ --base-color-4-text: #ffffff;
152
+ --base-color-5-text: #ffffff;
153
+ --base-color-6-text: #ffffff;
154
+ --base-color-7-text: #ffffff;
155
+ --base-color-8-text: #ffffff;
156
+ --base-color-9-text: #ffffff;
157
+ --base-space-xs: 0.4;
158
+ --base-space-sm: 0.8;
159
+ --base-space-md: 1.2;
160
+ --base-space-base: 1.6;
161
+ --base-space-lg: 2.4;
162
+ --base-space-xl: 3.2;
163
+ --base-space-2xl: 4.8;
164
+ --base-shadow-sm: 0 1px 3px var(--base-shadow-color);
165
+ --base-shadow-md: 0 2px 8px var(--base-shadow-color);
166
+ --base-shadow-lg: 0 4px 12px var(--base-shadow-color);
167
+ --base-duration-fast: 0.1s;
168
+ --base-duration-normal: 0.15s;
169
+ --base-duration-medium: 0.25s;
170
+ --base-duration-slow: 0.3s;
171
+ --base-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
172
+ --base-ease-out: cubic-bezier(0, 0, 0.2, 1);
173
+ --base-ease-in: cubic-bezier(0.4, 0, 1, 1);
174
+ --base-z-dropdown: 7500;
175
+ --base-z-modal-backdrop: 6000;
176
+ --base-z-modal: 7000;
177
+ --base-z-popover: 7600;
178
+ --base-z-toast: 8000;
179
+ --base-z-tooltip: 9000;
116
180
  color-scheme: light;
117
181
  --pc-main-bg: #ffffff;
118
182
  --pc-page-bg: var(--base-page-bg, #f8f9fa);
119
183
  --pc-subtle-bg: #e9ecef;
120
- --pc-text-color-1: var(--base-text-color-1, #2c3e50);
121
- --pc-text-color-2: var(--base-text-color-2, #6c757d);
122
- --pc-accent: var(--base-accent-color, #007bff);
123
- --pc-accent-hover: rgba(0, 123, 255, 0.12);
184
+ --pc-hover-bg: var(--base-hover-bg, #e9ecef);
185
+ --pc-active-bg: var(--base-active-bg, rgb(85.5830753354%, 87.5490196078%, 89.5149638803%));
186
+ --pc-text-color-1: var(--base-text-color-1, #334155);
187
+ --pc-text-color-2: var(--base-text-color-2, #64748b);
188
+ --pc-accent: var(--base-accent-color, #0ea5e9);
189
+ --pc-accent-hover: rgba(14, 165, 233, 0.08);
124
190
  --pc-accent-light: color-mix(in srgb, var(--pc-accent) 5%, transparent);
125
191
  --pc-link-color: var(--pc-accent);
126
192
  --pc-link-color-hover: color-mix(in srgb, var(--pc-link-color), currentColor 50%);
127
193
  --pc-link-color-visited: var(--pc-link-color);
128
- --pc-border-color: var(--base-border-color, #e1e5e9);
129
- --pc-success: #22c55e;
130
- --pc-warning: #f97316;
194
+ --pc-border-color: var(--base-border-color, #e2e8f0);
195
+ --pc-success: #10b981;
196
+ --pc-warning: #f59e0b;
131
197
  --pc-danger: #ef4444;
132
- --pc-info: #17a2b8;
198
+ --pc-info: #06b6d4;
133
199
  --pc-success-text: #155724;
134
200
  --pc-danger-text: #721c24;
135
201
  --pc-warning-text: #856404;
136
202
  --pc-info-text: #0c5460;
137
- --pc-color-1: transparent;
138
- --pc-color-2: transparent;
139
- --pc-color-3: transparent;
140
- --pc-color-4: transparent;
141
- --pc-color-5: transparent;
142
- --pc-color-6: transparent;
143
- --pc-color-7: transparent;
144
- --pc-color-8: transparent;
145
- --pc-color-9: transparent;
146
- --pc-color-1-text: #ffffff;
147
- --pc-color-2-text: #ffffff;
148
- --pc-color-3-text: #ffffff;
149
- --pc-color-4-text: #ffffff;
150
- --pc-color-5-text: #ffffff;
151
- --pc-color-6-text: #ffffff;
152
- --pc-color-7-text: #ffffff;
153
- --pc-color-8-text: #ffffff;
154
- --pc-color-9-text: #ffffff;
203
+ --pc-color-1: var(--base-color-1, #f59e0b);
204
+ --pc-color-2: var(--base-color-2, #ec4899);
205
+ --pc-color-3: var(--base-color-3, #10b981);
206
+ --pc-color-4: var(--base-color-4, #0ea5e9);
207
+ --pc-color-5: var(--base-color-5, #8b5cf6);
208
+ --pc-color-6: var(--base-color-6, #6366f1);
209
+ --pc-color-7: var(--base-color-7, #64748b);
210
+ --pc-color-8: var(--base-color-8, #0284c7);
211
+ --pc-color-9: var(--base-color-9, #334155);
212
+ --pc-color-1-text: var(--base-color-1-text, #1a1a1a);
213
+ --pc-color-2-text: var(--base-color-2-text, #ffffff);
214
+ --pc-color-3-text: var(--base-color-3-text, #ffffff);
215
+ --pc-color-4-text: var(--base-color-4-text, #ffffff);
216
+ --pc-color-5-text: var(--base-color-5-text, #ffffff);
217
+ --pc-color-6-text: var(--base-color-6-text, #ffffff);
218
+ --pc-color-7-text: var(--base-color-7-text, #ffffff);
219
+ --pc-color-8-text: var(--base-color-8-text, #ffffff);
220
+ --pc-color-9-text: var(--base-color-9-text, #ffffff);
155
221
  --pc-border-radius-sm: calc(var(--base-border-radius-sm, 0.4) * 1rem);
156
222
  --pc-border-radius: calc(var(--base-border-radius-md, 0.6) * 1rem);
157
223
  --pc-border-radius-lg: calc(var(--base-border-radius-lg, 0.8) * 1rem);
package/dist/css/component-reset.css ADDED
@@ -0,0 +1,27 @@
1
+ :host {
2
+ box-sizing: border-box;
3
+ color: var(--base-text-color-1);
4
+ font-family: var(--base-font-family);
5
+ font-size: medium;
6
+ font-style: normal;
7
+ font-weight: normal;
8
+ font-variant: normal;
9
+ line-height: 1.5;
10
+ letter-spacing: normal;
11
+ word-spacing: normal;
12
+ text-align: start;
13
+ text-indent: 0;
14
+ text-transform: none;
15
+ text-shadow: none;
16
+ white-space: normal;
17
+ word-break: normal;
18
+ overflow-wrap: normal;
19
+ writing-mode: horizontal-tb;
20
+ accent-color: auto;
21
+ }
22
+
23
+ *,
24
+ *::before,
25
+ *::after {
26
+ box-sizing: inherit;
27
+ }
package/dist/css/pure-css.css CHANGED
@@ -2149,7 +2149,13 @@ body.pc-container-2xl .pc-navbar {
2149
2149
  .pc-navmenu__more-chevron {
2150
2150
  display: inline-block;
2151
2151
  margin-inline-start: 0.4rem;
2152
- font-size: 1.2rem;
2152
+ inline-size: 1.4rem;
2153
+ block-size: 1.4rem;
2154
+ flex-shrink: 0;
2155
+ font-size: 0;
2156
+ background-color: currentColor;
2157
+ -webkit-mask: var(--pc-icon-chevron, var(--base-icon-chevron, url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 18 6-6-6-6%22/%3E%3C/svg%3E"))) center/1.1rem no-repeat;
2158
+ mask: var(--pc-icon-chevron, var(--base-icon-chevron, url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 18 6-6-6-6%22/%3E%3C/svg%3E"))) center/1.1rem no-repeat;
2153
2159
  transition: transform 0.1s ease-out;
2154
2160
  }
2155
2161
  .pc-navmenu__item--more.is-open .pc-navmenu__more-chevron {
@@ -2439,7 +2445,7 @@ body.loaded .pc-sidebar__search {
2439
2445
  transition: all 0.1s ease-out;
2440
2446
  }
2441
2447
  .pc-sidebar__search:hover {
2442
- border-color: #007bff;
2448
+ border-color: #0ea5e9;
2443
2449
  color: var(--pc-sidebar-text, var(--base-text-color-1));
2444
2450
  }
2445
2451
  .sidebar-hidden .pc-layout__sidebar--icon-collapse .pc-sidebar__search {
@@ -2553,10 +2559,10 @@ body.loaded .pc-sidebar__label {
2553
2559
  border-inline-end: 2px solid transparent;
2554
2560
  }
2555
2561
  .pc-sidebar__submenu > .pc-sidebar__item > .pc-sidebar__link:hover {
2556
- background-color: var(--pc-sidebar-submenu-hover-bg, var(--base-subtle-bg));
2562
+ background-color: var(--pc-sidebar-submenu-hover-bg, var(--base-hover-bg));
2557
2563
  }
2558
2564
  .pc-sidebar__submenu > .pc-sidebar__item > .pc-sidebar__link--active {
2559
- background-color: var(--pc-sidebar-submenu-active-bg, var(--base-subtle-bg));
2565
+ background-color: var(--pc-sidebar-submenu-active-bg, var(--base-active-bg));
2560
2566
  color: var(--pc-sidebar-submenu-active-text, var(--base-text-color-1));
2561
2567
  border-inline-end-color: var(--pc-accent);
2562
2568
  }
@@ -2574,7 +2580,13 @@ body.loaded .pc-sidebar__label {
2574
2580
  }
2575
2581
  .pc-sidebar__chevron {
2576
2582
  margin-inline-start: auto;
2577
- font-size: 1.2rem;
2583
+ inline-size: 1.6rem;
2584
+ block-size: 1.6rem;
2585
+ flex-shrink: 0;
2586
+ font-size: 0;
2587
+ background-color: currentColor;
2588
+ -webkit-mask: var(--pc-icon-chevron, var(--base-icon-chevron, url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 18 6-6-6-6%22/%3E%3C/svg%3E"))) center/1.2rem no-repeat;
2589
+ mask: var(--pc-icon-chevron, var(--base-icon-chevron, url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 18 6-6-6-6%22/%3E%3C/svg%3E"))) center/1.2rem no-repeat;
2578
2590
  }
2579
2591
  body.loaded .pc-sidebar__chevron {
2580
2592
  transition: transform 0.1s ease-out;
@@ -2601,7 +2613,7 @@ body.loaded .pc-sidebar__chevron {
2601
2613
  opacity: 1;
2602
2614
  overflow: visible !important;
2603
2615
  z-index: 1050;
2604
- border-inline-end: 1px solid #e1e5e9;
2616
+ border-inline-end: 1px solid #e2e8f0;
2605
2617
  }
2606
2618
  .sidebar-hidden .pc-layout__sidebar--icon-collapse .pc-sidebar__item {
2607
2619
  position: relative;
@@ -2690,13 +2702,13 @@ body.loaded .pc-sidebar__chevron {
2690
2702
  .sidebar-hidden .pc-layout__sidebar--icon-collapse .pc-sidebar__item:hover > .pc-sidebar__submenu .pc-sidebar__toggle:hover,
2691
2703
  .sidebar-hidden .pc-layout__sidebar--icon-collapse .pc-sidebar__submenu:hover .pc-sidebar__link:hover,
2692
2704
  .sidebar-hidden .pc-layout__sidebar--icon-collapse .pc-sidebar__submenu:hover .pc-sidebar__toggle:hover {
2693
- background-color: var(--pc-sidebar-submenu-hover-bg, var(--base-subtle-bg));
2705
+ background-color: var(--pc-sidebar-submenu-hover-bg, var(--base-hover-bg));
2694
2706
  }
2695
2707
  .sidebar-hidden .pc-layout__sidebar--icon-collapse .pc-sidebar__item:hover > .pc-sidebar__submenu .pc-sidebar__link--active,
2696
2708
  .sidebar-hidden .pc-layout__sidebar--icon-collapse .pc-sidebar__item:hover > .pc-sidebar__submenu .pc-sidebar__toggle--active,
2697
2709
  .sidebar-hidden .pc-layout__sidebar--icon-collapse .pc-sidebar__submenu:hover .pc-sidebar__link--active,
2698
2710
  .sidebar-hidden .pc-layout__sidebar--icon-collapse .pc-sidebar__submenu:hover .pc-sidebar__toggle--active {
2699
- background-color: var(--pc-sidebar-submenu-active-bg, var(--base-subtle-bg));
2711
+ background-color: var(--pc-sidebar-submenu-active-bg, var(--base-active-bg));
2700
2712
  color: var(--pc-sidebar-submenu-active-text, var(--base-text-color-1));
2701
2713
  }
2702
2714
  .sidebar-hidden .pc-layout__sidebar--icon-collapse .pc-sidebar__item:hover > .pc-sidebar__submenu .pc-sidebar__icon,
@@ -5942,16 +5954,25 @@ body.pc-layout--sticky .pc-layout__inner {
5942
5954
  }
5943
5955
 
5944
5956
  :root {
5945
- --base-accent-color: #007bff;
5946
- --base-accent-color-hover: rgb(20%, 58.5882352941%, 100%);
5947
- --base-accent-color-active: rgb(40%, 68.9411764706%, 100%);
5948
- --base-accent-color-light: rgba(0, 123, 255, 0.05);
5949
- --base-accent-color-light-hover: rgba(0, 123, 255, 0.12);
5950
- --base-text-color-1: #2c3e50;
5951
- --base-text-color-2: #6c757d;
5952
- --base-text-color-3: #7a8a99;
5953
- --base-text-color-4: #a3b1bf;
5957
+ --base-accent-color: #0ea5e9;
5958
+ --base-accent-color-hover: #0284c7;
5959
+ --base-accent-color-active: #0369a1;
5960
+ --base-accent-color-light: rgba(14, 165, 233, 0.05);
5961
+ --base-accent-color-light-hover: rgba(14, 165, 233, 0.08);
5962
+ --base-primary-color: var(--base-accent-color, #0ea5e9);
5963
+ --base-primary-color-hover: var(--base-accent-color-hover, #0284c7);
5964
+ --base-primary-color-active: var(--base-accent-color-active, #0369a1);
5965
+ --base-primary-color-light: var(--base-accent-color-light, rgba(14, 165, 233, 0.05));
5966
+ --base-primary-color-light-hover: var(--base-accent-color-light-hover, rgba(14, 165, 233, 0.08));
5967
+ --base-secondary-color: #6c757d;
5968
+ --base-secondary-color-hover: #545b62;
5969
+ --base-text-color-1: #334155;
5970
+ --base-text-color-2: #64748b;
5971
+ --base-text-color-3: #94a3b8;
5972
+ --base-text-color-4: #cbd5e1;
5954
5973
  --base-text-color-on-accent: #ffffff;
5974
+ --base-text-on-primary: var(--base-text-color-on-accent, #ffffff);
5975
+ --base-text-on-secondary: #ffffff;
5955
5976
  --base-main-bg: #ffffff;
5956
5977
  --base-page-bg: #f8f9fa;
5957
5978
  --base-subtle-bg: #e9ecef;
@@ -5960,21 +5981,22 @@ body.pc-layout--sticky .pc-layout__inner {
5960
5981
  --base-shadow-color: rgba(0, 0, 0, 0.15);
5961
5982
  --base-hover-bg: #e9ecef;
5962
5983
  --base-active-bg: rgb(85.5830753354%, 87.5490196078%, 89.5149638803%);
5963
- --base-disabled-bg: #e9ecef;
5984
+ --base-disabled-bg: #f1f3f5;
5964
5985
  --base-elevated-bg: #f8f9fa;
5965
5986
  --base-text-inverted: #ffffff;
5966
- --base-border-color: #e1e5e9;
5967
- --base-border: 1px solid #e1e5e9;
5968
- --base-checkbox-border-color: #e1e5e9;
5987
+ --base-border-width: 1px;
5988
+ --base-border-color: #e2e8f0;
5989
+ --base-border: 1px solid #e2e8f0;
5990
+ --base-checkbox-border-color: #e2e8f0;
5969
5991
  --base-input-bg: #ffffff;
5970
- --base-input-color: #495057;
5971
- --base-input-border: 1px solid #ced4da;
5972
- --base-input-border-color: #ced4da;
5973
- --base-input-border-hover: 1px solid #b8bfc6;
5974
- --base-input-border-focus: 1px solid #007bff;
5975
- --base-input-placeholder-color: #a3b1bf;
5992
+ --base-input-color: #334155;
5993
+ --base-input-border: 1px solid #e2e8f0;
5994
+ --base-input-border-color: #e2e8f0;
5995
+ --base-input-border-hover: 1px solid #0ea5e9;
5996
+ --base-input-border-focus: 1px solid #0ea5e9;
5997
+ --base-input-placeholder-color: #cbd5e1;
5976
5998
  --base-input-bg-disabled: rgba(255, 255, 255, 0.5);
5977
- --base-input-clear-color: #7a8a99;
5999
+ --base-input-clear-color: #94a3b8;
5978
6000
  --base-input-clear-bg-hover: #e9ecef;
5979
6001
  --base-input-size-xs-height: 3.1;
5980
6002
  --base-input-size-sm-height: 3.3;
@@ -5982,49 +6004,50 @@ body.pc-layout--sticky .pc-layout__inner {
5982
6004
  --base-input-size-lg-height: 3.8;
5983
6005
  --base-input-size-xl-height: 4.1;
5984
6006
  --base-dropdown-bg: #ffffff;
5985
- --base-dropdown-border: 1px solid #e1e5e9;
6007
+ --base-dropdown-border: 1px solid #e2e8f0;
5986
6008
  --base-dropdown-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
5987
6009
  --base-tooltip-bg: #2c3e50;
5988
6010
  --base-tooltip-text-color: #ffffff;
5989
6011
  --base-tooltip-color: #ffffff;
5990
- --base-success-color: #22c55e;
5991
- --base-success-bg: #22c55e;
5992
- --base-success-color-hover: rgb(10.3896103896%, 60.1986249045%, 28.7242169595%);
5993
- --base-success-bg-light: rgba(34, 197, 94, 0.1);
5994
- --base-success-bg-subtle: rgba(34, 197, 94, 0.08);
5995
- --base-success-border: rgba(34, 197, 94, 0.2);
6012
+ --base-success-color: #10b981;
6013
+ --base-success-bg: #10b981;
6014
+ --base-success-color-hover: #059669;
6015
+ --base-success-bg-light: rgba(16, 185, 129, 0.1);
6016
+ --base-success-bg-subtle: rgba(16, 185, 129, 0.08);
6017
+ --base-success-border: rgba(16, 185, 129, 0.2);
5996
6018
  --base-success-text: #155724;
5997
6019
  --base-success-text-light: #d4edda;
5998
6020
  --base-text-on-success: #ffffff;
5999
6021
  --base-danger-color: #ef4444;
6000
6022
  --base-danger-bg: #ef4444;
6001
- --base-danger-color-hover: rgb(92.1491355163%, 8.2430213465%, 8.2430213465%);
6023
+ --base-danger-color-hover: #dc2626;
6002
6024
  --base-danger-bg-light: rgba(239, 68, 68, 0.1);
6003
6025
  --base-danger-bg-subtle: rgba(239, 68, 68, 0.08);
6004
6026
  --base-danger-border: rgba(239, 68, 68, 0.2);
6005
6027
  --base-danger-text: #721c24;
6006
6028
  --base-danger-text-light: #f8d7da;
6007
6029
  --base-text-on-danger: #ffffff;
6008
- --base-warning-color: #f97316;
6009
- --base-warning-bg: #f97316;
6010
- --base-warning-color-hover: rgb(84.1086225285%, 35.7371400443%, 2.1658872754%);
6011
- --base-warning-bg-light: rgba(249, 115, 22, 0.1);
6012
- --base-warning-bg-subtle: rgba(249, 115, 22, 0.08);
6013
- --base-warning-border: rgba(249, 115, 22, 0.2);
6030
+ --base-warning-color: #f59e0b;
6031
+ --base-warning-bg: #f59e0b;
6032
+ --base-warning-color-hover: #d97706;
6033
+ --base-warning-bg-light: rgba(245, 158, 11, 0.1);
6034
+ --base-warning-bg-subtle: rgba(245, 158, 11, 0.08);
6035
+ --base-warning-border: rgba(245, 158, 11, 0.2);
6014
6036
  --base-warning-text: #856404;
6015
6037
  --base-warning-text-light: #fff3cd;
6016
- --base-text-on-warning: #212529;
6017
- --base-info-color: #17a2b8;
6018
- --base-info-color-hover: rgb(6.7973856209%, 47.8772378517%, 54.3790849673%);
6019
- --base-info-bg-light: rgba(23, 162, 184, 0.1);
6020
- --base-info-bg-subtle: rgba(23, 162, 184, 0.08);
6021
- --base-info-border: rgba(23, 162, 184, 0.2);
6038
+ --base-text-on-warning: #ffffff;
6039
+ --base-info-color: #06b6d4;
6040
+ --base-info-bg: #06b6d4;
6041
+ --base-info-color-hover: #0891b2;
6042
+ --base-info-bg-light: rgba(6, 182, 212, 0.1);
6043
+ --base-info-bg-subtle: rgba(6, 182, 212, 0.08);
6044
+ --base-info-border: rgba(6, 182, 212, 0.2);
6022
6045
  --base-info-text: #0c5460;
6023
6046
  --base-info-text-light: #d1ecf1;
6024
6047
  --base-text-on-info: #ffffff;
6025
6048
  --base-hover-overlay: rgba(0, 0, 0, 0.04);
6026
6049
  --base-active-overlay: rgba(0, 0, 0, 0.08);
6027
- --base-focus-ring-color: #007bff;
6050
+ --base-focus-ring-color: #0ea5e9;
6028
6051
  --base-focus-ring-width: 3px;
6029
6052
  --base-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
6030
6053
  --base-font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
@@ -6046,45 +6069,100 @@ body.pc-layout--sticky .pc-layout__inner {
6046
6069
  --base-border-radius-md: 0.6;
6047
6070
  --base-border-radius-lg: 0.8;
6048
6071
  --base-rem: 1rem;
6072
+ --base-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 18 6-6-6-6%22/%3E%3C/svg%3E");
6073
+ --base-icon-caret-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M12 15 6 9h12z%22/%3E%3C/svg%3E");
6074
+ --base-icon-caret-up: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M12 9 6 15h12z%22/%3E%3C/svg%3E");
6075
+ --base-icon-close: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M18 6 6 18%22/%3E%3Cpath d=%22m6 6 12 12%22/%3E%3C/svg%3E");
6076
+ --base-icon-clear: var(--base-icon-close, url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M18 6 6 18%22/%3E%3Cpath d=%22m6 6 12 12%22/%3E%3C/svg%3E"));
6077
+ --base-icon-remove: var(--base-icon-close, url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M18 6 6 18%22/%3E%3Cpath d=%22m6 6 12 12%22/%3E%3C/svg%3E"));
6078
+ --base-icon-expand: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14%22/%3E%3Cpath d=%22M12 5v14%22/%3E%3C/svg%3E");
6079
+ --base-icon-collapse: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14%22/%3E%3C/svg%3E");
6080
+ --base-icon-add: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14%22/%3E%3Cpath d=%22M12 5v14%22/%3E%3C/svg%3E");
6081
+ --base-icon-edit: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z%22/%3E%3C/svg%3E");
6082
+ --base-icon-delete: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 6h18%22/%3E%3Cpath d=%22M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2%22/%3E%3Cpath d=%22M10 11v6%22/%3E%3Cpath d=%22M14 11v6%22/%3E%3C/svg%3E");
6083
+ --base-icon-search: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22/%3E%3Cpath d=%22m21 21-4.3-4.3%22/%3E%3C/svg%3E");
6084
+ --base-color-1: #f59e0b;
6085
+ --base-color-2: #ec4899;
6086
+ --base-color-3: #10b981;
6087
+ --base-color-4: #0ea5e9;
6088
+ --base-color-5: #8b5cf6;
6089
+ --base-color-6: #6366f1;
6090
+ --base-color-7: #64748b;
6091
+ --base-color-8: #0284c7;
6092
+ --base-color-9: #334155;
6093
+ --base-color-1-text: #1a1a1a;
6094
+ --base-color-2-text: #ffffff;
6095
+ --base-color-3-text: #ffffff;
6096
+ --base-color-4-text: #ffffff;
6097
+ --base-color-5-text: #ffffff;
6098
+ --base-color-6-text: #ffffff;
6099
+ --base-color-7-text: #ffffff;
6100
+ --base-color-8-text: #ffffff;
6101
+ --base-color-9-text: #ffffff;
6102
+ --base-space-xs: 0.4;
6103
+ --base-space-sm: 0.8;
6104
+ --base-space-md: 1.2;
6105
+ --base-space-base: 1.6;
6106
+ --base-space-lg: 2.4;
6107
+ --base-space-xl: 3.2;
6108
+ --base-space-2xl: 4.8;
6109
+ --base-shadow-sm: 0 1px 3px var(--base-shadow-color);
6110
+ --base-shadow-md: 0 2px 8px var(--base-shadow-color);
6111
+ --base-shadow-lg: 0 4px 12px var(--base-shadow-color);
6112
+ --base-duration-fast: 0.1s;
6113
+ --base-duration-normal: 0.15s;
6114
+ --base-duration-medium: 0.25s;
6115
+ --base-duration-slow: 0.3s;
6116
+ --base-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
6117
+ --base-ease-out: cubic-bezier(0, 0, 0.2, 1);
6118
+ --base-ease-in: cubic-bezier(0.4, 0, 1, 1);
6119
+ --base-z-dropdown: 7500;
6120
+ --base-z-modal-backdrop: 6000;
6121
+ --base-z-modal: 7000;
6122
+ --base-z-popover: 7600;
6123
+ --base-z-toast: 8000;
6124
+ --base-z-tooltip: 9000;
6049
6125
  color-scheme: light;
6050
6126
  --pc-main-bg: #ffffff;
6051
6127
  --pc-page-bg: var(--base-page-bg, #f8f9fa);
6052
6128
  --pc-subtle-bg: #e9ecef;
6053
- --pc-text-color-1: var(--base-text-color-1, #2c3e50);
6054
- --pc-text-color-2: var(--base-text-color-2, #6c757d);
6055
- --pc-accent: var(--base-accent-color, #007bff);
6056
- --pc-accent-hover: rgba(0, 123, 255, 0.12);
6129
+ --pc-hover-bg: var(--base-hover-bg, #e9ecef);
6130
+ --pc-active-bg: var(--base-active-bg, rgb(85.5830753354%, 87.5490196078%, 89.5149638803%));
6131
+ --pc-text-color-1: var(--base-text-color-1, #334155);
6132
+ --pc-text-color-2: var(--base-text-color-2, #64748b);
6133
+ --pc-accent: var(--base-accent-color, #0ea5e9);
6134
+ --pc-accent-hover: rgba(14, 165, 233, 0.08);
6057
6135
  --pc-accent-light: color-mix(in srgb, var(--pc-accent) 5%, transparent);
6058
6136
  --pc-link-color: var(--pc-accent);
6059
6137
  --pc-link-color-hover: color-mix(in srgb, var(--pc-link-color), currentColor 50%);
6060
6138
  --pc-link-color-visited: var(--pc-link-color);
6061
- --pc-border-color: var(--base-border-color, #e1e5e9);
6062
- --pc-success: #22c55e;
6063
- --pc-warning: #f97316;
6139
+ --pc-border-color: var(--base-border-color, #e2e8f0);
6140
+ --pc-success: #10b981;
6141
+ --pc-warning: #f59e0b;
6064
6142
  --pc-danger: #ef4444;
6065
- --pc-info: #17a2b8;
6143
+ --pc-info: #06b6d4;
6066
6144
  --pc-success-text: #155724;
6067
6145
  --pc-danger-text: #721c24;
6068
6146
  --pc-warning-text: #856404;
6069
6147
  --pc-info-text: #0c5460;
6070
- --pc-color-1: transparent;
6071
- --pc-color-2: transparent;
6072
- --pc-color-3: transparent;
6073
- --pc-color-4: transparent;
6074
- --pc-color-5: transparent;
6075
- --pc-color-6: transparent;
6076
- --pc-color-7: transparent;
6077
- --pc-color-8: transparent;
6078
- --pc-color-9: transparent;
6079
- --pc-color-1-text: #ffffff;
6080
- --pc-color-2-text: #ffffff;
6081
- --pc-color-3-text: #ffffff;
6082
- --pc-color-4-text: #ffffff;
6083
- --pc-color-5-text: #ffffff;
6084
- --pc-color-6-text: #ffffff;
6085
- --pc-color-7-text: #ffffff;
6086
- --pc-color-8-text: #ffffff;
6087
- --pc-color-9-text: #ffffff;
6148
+ --pc-color-1: var(--base-color-1, #f59e0b);
6149
+ --pc-color-2: var(--base-color-2, #ec4899);
6150
+ --pc-color-3: var(--base-color-3, #10b981);
6151
+ --pc-color-4: var(--base-color-4, #0ea5e9);
6152
+ --pc-color-5: var(--base-color-5, #8b5cf6);
6153
+ --pc-color-6: var(--base-color-6, #6366f1);
6154
+ --pc-color-7: var(--base-color-7, #64748b);
6155
+ --pc-color-8: var(--base-color-8, #0284c7);
6156
+ --pc-color-9: var(--base-color-9, #334155);
6157
+ --pc-color-1-text: var(--base-color-1-text, #1a1a1a);
6158
+ --pc-color-2-text: var(--base-color-2-text, #ffffff);
6159
+ --pc-color-3-text: var(--base-color-3-text, #ffffff);
6160
+ --pc-color-4-text: var(--base-color-4-text, #ffffff);
6161
+ --pc-color-5-text: var(--base-color-5-text, #ffffff);
6162
+ --pc-color-6-text: var(--base-color-6-text, #ffffff);
6163
+ --pc-color-7-text: var(--base-color-7-text, #ffffff);
6164
+ --pc-color-8-text: var(--base-color-8-text, #ffffff);
6165
+ --pc-color-9-text: var(--base-color-9-text, #ffffff);
6088
6166
  --pc-border-radius-sm: calc(var(--base-border-radius-sm, 0.4) * 1rem);
6089
6167
  --pc-border-radius: calc(var(--base-border-radius-md, 0.6) * 1rem);
6090
6168
  --pc-border-radius-lg: calc(var(--base-border-radius-lg, 0.8) * 1rem);