forge-select 0.3.0 → 0.5.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 +24 -15
- package/dist/index.cjs +667 -63
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +178 -9
- package/dist/index.d.ts +178 -9
- package/dist/index.global.js +1 -1
- package/dist/index.global.js.map +1 -1
- package/dist/index.js +667 -63
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/styles/forge-select.css +37 -1
package/styles/forge-select.css
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
--fs-muted: #6b7280;
|
|
7
7
|
--fs-border: #d1d5db;
|
|
8
8
|
--fs-border-focus: #6366f1;
|
|
9
|
+
--fs-border-invalid: #dc2626;
|
|
9
10
|
--fs-radius: 8px;
|
|
10
11
|
--fs-dropdown-bg: #ffffff;
|
|
11
12
|
--fs-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
|
|
@@ -30,6 +31,7 @@
|
|
|
30
31
|
--fs-muted: #6b7280;
|
|
31
32
|
--fs-border: #374151;
|
|
32
33
|
--fs-border-focus: #818cf8;
|
|
34
|
+
--fs-border-invalid: #f87171;
|
|
33
35
|
--fs-dropdown-bg: #111827;
|
|
34
36
|
--fs-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
|
|
35
37
|
--fs-option-hover-bg: #312e81;
|
|
@@ -58,6 +60,10 @@
|
|
|
58
60
|
box-shadow: 0 0 0 3px color-mix(in srgb, var(--fs-border-focus) 25%, transparent);
|
|
59
61
|
}
|
|
60
62
|
|
|
63
|
+
.forge-select__control--invalid {
|
|
64
|
+
border-color: var(--fs-border-invalid);
|
|
65
|
+
}
|
|
66
|
+
|
|
61
67
|
.forge-select--disabled .forge-select__control {
|
|
62
68
|
opacity: 0.55;
|
|
63
69
|
cursor: not-allowed;
|
|
@@ -146,6 +152,23 @@
|
|
|
146
152
|
overflow: hidden;
|
|
147
153
|
}
|
|
148
154
|
|
|
155
|
+
.forge-select--drop-up .forge-select__dropdown {
|
|
156
|
+
top: auto;
|
|
157
|
+
bottom: calc(100% + 4px);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.forge-select--portal-host {
|
|
161
|
+
position: fixed;
|
|
162
|
+
z-index: 1000;
|
|
163
|
+
min-width: 0;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.forge-select--portal-host .forge-select__dropdown {
|
|
167
|
+
top: 0;
|
|
168
|
+
right: 0;
|
|
169
|
+
bottom: auto;
|
|
170
|
+
}
|
|
171
|
+
|
|
149
172
|
.forge-select__search {
|
|
150
173
|
width: 100%;
|
|
151
174
|
padding: 8px 10px;
|
|
@@ -242,6 +265,18 @@
|
|
|
242
265
|
background: color-mix(in srgb, var(--fs-option-selected-bg) 50%, transparent);
|
|
243
266
|
}
|
|
244
267
|
|
|
268
|
+
.forge-select__option--indeterminate::after {
|
|
269
|
+
content: "−";
|
|
270
|
+
margin-left: auto;
|
|
271
|
+
font-weight: 700;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.forge-select__match {
|
|
275
|
+
padding: 0;
|
|
276
|
+
color: inherit;
|
|
277
|
+
background: color-mix(in srgb, var(--fs-border-focus) 22%, transparent);
|
|
278
|
+
}
|
|
279
|
+
|
|
245
280
|
.forge-select__twisty {
|
|
246
281
|
display: inline-block;
|
|
247
282
|
width: 14px;
|
|
@@ -269,7 +304,8 @@
|
|
|
269
304
|
.forge-select__empty,
|
|
270
305
|
.forge-select__error,
|
|
271
306
|
.forge-select__loading,
|
|
272
|
-
.forge-select__loading-more
|
|
307
|
+
.forge-select__loading-more,
|
|
308
|
+
.forge-select__min-length {
|
|
273
309
|
padding: 10px 12px;
|
|
274
310
|
color: var(--fs-muted);
|
|
275
311
|
text-align: center;
|