@ryanhelsing/ry-ui 1.0.8 → 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/css/ry-structure.css +1 -0
- package/dist/css/ry-theme.css +8 -2
- package/dist/css/ry-ui.css +9 -2
- package/package.json +1 -1
|
@@ -2849,6 +2849,7 @@ ry-combobox [data-ry-target="arrow"] {
|
|
|
2849
2849
|
display: inline-flex;
|
|
2850
2850
|
align-items: center;
|
|
2851
2851
|
justify-content: center;
|
|
2852
|
+
margin-inline-end: var(--ry-space-2, 0.5rem);
|
|
2852
2853
|
cursor: pointer;
|
|
2853
2854
|
transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
|
|
2854
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
|
}
|
package/dist/css/ry-ui.css
CHANGED
|
@@ -3091,6 +3091,7 @@ ry-combobox [data-ry-target="arrow"] {
|
|
|
3091
3091
|
display: inline-flex;
|
|
3092
3092
|
align-items: center;
|
|
3093
3093
|
justify-content: center;
|
|
3094
|
+
margin-inline-end: var(--ry-space-2, 0.5rem);
|
|
3094
3095
|
cursor: pointer;
|
|
3095
3096
|
transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
|
|
3096
3097
|
}
|
|
@@ -3864,7 +3865,7 @@ ry-card {
|
|
|
3864
3865
|
}
|
|
3865
3866
|
|
|
3866
3867
|
:is(a, [interactive]):is(ry-card):hover {
|
|
3867
|
-
border-color: var(--ry-color-
|
|
3868
|
+
border-color: var(--ry-color-primary);
|
|
3868
3869
|
box-shadow: var(--ry-shadow-md);
|
|
3869
3870
|
}
|
|
3870
3871
|
|
|
@@ -5407,7 +5408,7 @@ ry-combobox:hover .ry-combobox__input-wrapper {
|
|
|
5407
5408
|
|
|
5408
5409
|
ry-combobox:focus-within .ry-combobox__input-wrapper {
|
|
5409
5410
|
border-color: var(--ry-color-primary);
|
|
5410
|
-
box-shadow: var(--ry-
|
|
5411
|
+
box-shadow: 0 0 0 1px var(--ry-color-primary);
|
|
5411
5412
|
}
|
|
5412
5413
|
|
|
5413
5414
|
ry-combobox[data-ry-state="open"] .ry-combobox__input-wrapper {
|
|
@@ -5419,6 +5420,12 @@ ry-combobox[data-ry-state="open"] .ry-combobox__input-wrapper {
|
|
|
5419
5420
|
color: var(--ry-color-text);
|
|
5420
5421
|
}
|
|
5421
5422
|
|
|
5423
|
+
.ry-combobox__input:focus,
|
|
5424
|
+
.ry-combobox__input:focus-visible {
|
|
5425
|
+
outline: none;
|
|
5426
|
+
box-shadow: none;
|
|
5427
|
+
}
|
|
5428
|
+
|
|
5422
5429
|
.ry-combobox__input::placeholder {
|
|
5423
5430
|
color: var(--ry-color-text-muted);
|
|
5424
5431
|
}
|