@ryanhelsing/ry-ui 1.0.7 → 1.0.9
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/ry-combobox.d.ts.map +1 -1
- package/dist/css/ry-structure.css +4 -1
- package/dist/css/ry-theme.css +9 -3
- package/dist/css/ry-ui.css +13 -4
- package/dist/ry-ui.js +119 -111
- package/dist/ry-ui.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ry-combobox.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-combobox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKlD,qBAAa,UAAW,SAAQ,SAAS;;IAKvC,MAAM,CAAC,kBAAkB,iCAAkC;IAE3D,KAAK,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"ry-combobox.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-combobox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKlD,qBAAa,UAAW,SAAQ,SAAS;;IAKvC,MAAM,CAAC,kBAAkB,iCAAkC;IAE3D,KAAK,IAAI,IAAI;IAkTb,IAAI,IAAI,IAAI;IAsCZ,KAAK,IAAI,IAAI;IAmBb,MAAM,IAAI,IAAI;IAQd,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAKpB;CACF"}
|
|
@@ -2846,7 +2846,10 @@ ry-combobox [data-ry-target="input"] {
|
|
|
2846
2846
|
|
|
2847
2847
|
ry-combobox [data-ry-target="arrow"] {
|
|
2848
2848
|
flex-shrink: 0;
|
|
2849
|
-
|
|
2849
|
+
display: inline-flex;
|
|
2850
|
+
align-items: center;
|
|
2851
|
+
justify-content: center;
|
|
2852
|
+
margin-inline-end: var(--ry-space-2, 0.5rem);
|
|
2850
2853
|
cursor: pointer;
|
|
2851
2854
|
transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
|
|
2852
2855
|
}
|
package/dist/css/ry-theme.css
CHANGED
|
@@ -683,7 +683,7 @@ ry-card {
|
|
|
683
683
|
}
|
|
684
684
|
|
|
685
685
|
:is(a, [interactive]):is(ry-card):hover {
|
|
686
|
-
border-color: var(--ry-color-
|
|
686
|
+
border-color: var(--ry-color-primary);
|
|
687
687
|
box-shadow: var(--ry-shadow-md);
|
|
688
688
|
}
|
|
689
689
|
|
|
@@ -2226,7 +2226,7 @@ ry-combobox:hover .ry-combobox__input-wrapper {
|
|
|
2226
2226
|
|
|
2227
2227
|
ry-combobox:focus-within .ry-combobox__input-wrapper {
|
|
2228
2228
|
border-color: var(--ry-color-primary);
|
|
2229
|
-
box-shadow: var(--ry-
|
|
2229
|
+
box-shadow: 0 0 0 1px var(--ry-color-primary);
|
|
2230
2230
|
}
|
|
2231
2231
|
|
|
2232
2232
|
ry-combobox[data-ry-state="open"] .ry-combobox__input-wrapper {
|
|
@@ -2238,6 +2238,12 @@ ry-combobox[data-ry-state="open"] .ry-combobox__input-wrapper {
|
|
|
2238
2238
|
color: var(--ry-color-text);
|
|
2239
2239
|
}
|
|
2240
2240
|
|
|
2241
|
+
.ry-combobox__input:focus,
|
|
2242
|
+
.ry-combobox__input:focus-visible {
|
|
2243
|
+
outline: none;
|
|
2244
|
+
box-shadow: none;
|
|
2245
|
+
}
|
|
2246
|
+
|
|
2241
2247
|
.ry-combobox__input::placeholder {
|
|
2242
2248
|
color: var(--ry-color-text-muted);
|
|
2243
2249
|
}
|
|
@@ -2261,7 +2267,7 @@ ry-combobox[data-ry-state="open"] .ry-combobox__input-wrapper {
|
|
|
2261
2267
|
transition: background-color var(--ry-duration-fast) var(--ry-ease);
|
|
2262
2268
|
}
|
|
2263
2269
|
|
|
2264
|
-
.ry-combobox__option
|
|
2270
|
+
.ry-combobox__option[data-highlighted] {
|
|
2265
2271
|
background-color: var(--ry-color-bg-muted);
|
|
2266
2272
|
}
|
|
2267
2273
|
|
package/dist/css/ry-ui.css
CHANGED
|
@@ -3088,7 +3088,10 @@ ry-combobox [data-ry-target="input"] {
|
|
|
3088
3088
|
|
|
3089
3089
|
ry-combobox [data-ry-target="arrow"] {
|
|
3090
3090
|
flex-shrink: 0;
|
|
3091
|
-
|
|
3091
|
+
display: inline-flex;
|
|
3092
|
+
align-items: center;
|
|
3093
|
+
justify-content: center;
|
|
3094
|
+
margin-inline-end: var(--ry-space-2, 0.5rem);
|
|
3092
3095
|
cursor: pointer;
|
|
3093
3096
|
transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
|
|
3094
3097
|
}
|
|
@@ -3862,7 +3865,7 @@ ry-card {
|
|
|
3862
3865
|
}
|
|
3863
3866
|
|
|
3864
3867
|
:is(a, [interactive]):is(ry-card):hover {
|
|
3865
|
-
border-color: var(--ry-color-
|
|
3868
|
+
border-color: var(--ry-color-primary);
|
|
3866
3869
|
box-shadow: var(--ry-shadow-md);
|
|
3867
3870
|
}
|
|
3868
3871
|
|
|
@@ -5405,7 +5408,7 @@ ry-combobox:hover .ry-combobox__input-wrapper {
|
|
|
5405
5408
|
|
|
5406
5409
|
ry-combobox:focus-within .ry-combobox__input-wrapper {
|
|
5407
5410
|
border-color: var(--ry-color-primary);
|
|
5408
|
-
box-shadow: var(--ry-
|
|
5411
|
+
box-shadow: 0 0 0 1px var(--ry-color-primary);
|
|
5409
5412
|
}
|
|
5410
5413
|
|
|
5411
5414
|
ry-combobox[data-ry-state="open"] .ry-combobox__input-wrapper {
|
|
@@ -5417,6 +5420,12 @@ ry-combobox[data-ry-state="open"] .ry-combobox__input-wrapper {
|
|
|
5417
5420
|
color: var(--ry-color-text);
|
|
5418
5421
|
}
|
|
5419
5422
|
|
|
5423
|
+
.ry-combobox__input:focus,
|
|
5424
|
+
.ry-combobox__input:focus-visible {
|
|
5425
|
+
outline: none;
|
|
5426
|
+
box-shadow: none;
|
|
5427
|
+
}
|
|
5428
|
+
|
|
5420
5429
|
.ry-combobox__input::placeholder {
|
|
5421
5430
|
color: var(--ry-color-text-muted);
|
|
5422
5431
|
}
|
|
@@ -5440,7 +5449,7 @@ ry-combobox[data-ry-state="open"] .ry-combobox__input-wrapper {
|
|
|
5440
5449
|
transition: background-color var(--ry-duration-fast) var(--ry-ease);
|
|
5441
5450
|
}
|
|
5442
5451
|
|
|
5443
|
-
.ry-combobox__option
|
|
5452
|
+
.ry-combobox__option[data-highlighted] {
|
|
5444
5453
|
background-color: var(--ry-color-bg-muted);
|
|
5445
5454
|
}
|
|
5446
5455
|
|