@vsn-ux/gaia-styles 0.3.1 → 0.3.2
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/all-no-reset-10pt.css +7 -1
- package/dist/all-no-reset.css +7 -1
- package/dist/all.css +7 -1
- package/dist/base.css +1 -1
- package/dist/components/avatar.css +1 -1
- package/dist/components/badge.css +1 -1
- package/dist/components/button.css +1 -1
- package/dist/components/card.css +2 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/dropdown.css +1 -1
- package/dist/components/form-field.css +1 -1
- package/dist/components/input.css +6 -1
- package/dist/components/menu.css +1 -1
- package/dist/components/notification.css +1 -1
- package/dist/components/radio.css +1 -1
- package/dist/components/segmented-control.css +1 -1
- package/dist/components/select.css +1 -1
- package/dist/components/tag.css +1 -1
- package/dist/components/text-area.css +1 -1
- package/dist/components/tooltip.css +1 -1
- package/dist/components.css +7 -1
- package/package.json +1 -1
- package/src/styles/components/card.css +1 -1
- package/src/styles/components/input.css +5 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.0.
|
|
1
|
+
/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
|
|
2
2
|
:root {
|
|
3
3
|
--ga-color-blue-10: #edf4fe;
|
|
4
4
|
--ga-color-blue-40: #93bbf9;
|
|
@@ -366,6 +366,7 @@
|
|
|
366
366
|
}
|
|
367
367
|
}
|
|
368
368
|
.ga-card {
|
|
369
|
+
display: inline-block;
|
|
369
370
|
border-radius: var(--ga-radius);
|
|
370
371
|
border-style: var(--tw-border-style);
|
|
371
372
|
border-width: 1px;
|
|
@@ -686,6 +687,11 @@
|
|
|
686
687
|
border-color: var(--ga-color-border-primary);
|
|
687
688
|
background-color: var(--ga-color-surface-disabled);
|
|
688
689
|
color: var(--ga-color-text-disable-selected);
|
|
690
|
+
&:has(input:not(:placeholder-shown)), &:is(input:not(:placeholder-shown)) {
|
|
691
|
+
border-color: var(--ga-color-surface-disable-selected);
|
|
692
|
+
background-color: var(--ga-color-surface-disable-selected);
|
|
693
|
+
color: var(--ga-color-text-on-action);
|
|
694
|
+
}
|
|
689
695
|
}
|
|
690
696
|
&:has(input:focus), &:is(input:focus) {
|
|
691
697
|
&:not(.ga-input--invalid, .ga-input--success) {
|
package/dist/all-no-reset.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.0.
|
|
1
|
+
/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
|
|
2
2
|
:root {
|
|
3
3
|
--ga-color-blue-10: #edf4fe;
|
|
4
4
|
--ga-color-blue-40: #93bbf9;
|
|
@@ -366,6 +366,7 @@
|
|
|
366
366
|
}
|
|
367
367
|
}
|
|
368
368
|
.ga-card {
|
|
369
|
+
display: inline-block;
|
|
369
370
|
border-radius: var(--ga-radius);
|
|
370
371
|
border-style: var(--tw-border-style);
|
|
371
372
|
border-width: 1px;
|
|
@@ -686,6 +687,11 @@
|
|
|
686
687
|
border-color: var(--ga-color-border-primary);
|
|
687
688
|
background-color: var(--ga-color-surface-disabled);
|
|
688
689
|
color: var(--ga-color-text-disable-selected);
|
|
690
|
+
&:has(input:not(:placeholder-shown)), &:is(input:not(:placeholder-shown)) {
|
|
691
|
+
border-color: var(--ga-color-surface-disable-selected);
|
|
692
|
+
background-color: var(--ga-color-surface-disable-selected);
|
|
693
|
+
color: var(--ga-color-text-on-action);
|
|
694
|
+
}
|
|
689
695
|
}
|
|
690
696
|
&:has(input:focus), &:is(input:focus) {
|
|
691
697
|
&:not(.ga-input--invalid, .ga-input--success) {
|
package/dist/all.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.0.
|
|
1
|
+
/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
|
|
2
2
|
:root {
|
|
3
3
|
--ga-color-blue-10: #edf4fe;
|
|
4
4
|
--ga-color-blue-40: #93bbf9;
|
|
@@ -509,6 +509,7 @@
|
|
|
509
509
|
}
|
|
510
510
|
}
|
|
511
511
|
.ga-card {
|
|
512
|
+
display: inline-block;
|
|
512
513
|
border-radius: var(--ga-radius);
|
|
513
514
|
border-style: var(--tw-border-style);
|
|
514
515
|
border-width: 1px;
|
|
@@ -829,6 +830,11 @@
|
|
|
829
830
|
border-color: var(--ga-color-border-primary);
|
|
830
831
|
background-color: var(--ga-color-surface-disabled);
|
|
831
832
|
color: var(--ga-color-text-disable-selected);
|
|
833
|
+
&:has(input:not(:placeholder-shown)), &:is(input:not(:placeholder-shown)) {
|
|
834
|
+
border-color: var(--ga-color-surface-disable-selected);
|
|
835
|
+
background-color: var(--ga-color-surface-disable-selected);
|
|
836
|
+
color: var(--ga-color-text-on-action);
|
|
837
|
+
}
|
|
832
838
|
}
|
|
833
839
|
&:has(input:focus), &:is(input:focus) {
|
|
834
840
|
&:not(.ga-input--invalid, .ga-input--success) {
|
package/dist/base.css
CHANGED
package/dist/components/card.css
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
/*! tailwindcss v4.0.
|
|
1
|
+
/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.ga-card {
|
|
3
|
+
display: inline-block;
|
|
3
4
|
border-radius: var(--ga-radius);
|
|
4
5
|
border-style: var(--tw-border-style);
|
|
5
6
|
border-width: 1px;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.0.
|
|
1
|
+
/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.ga-input {
|
|
3
3
|
display: flex;
|
|
4
4
|
height: calc(0.25rem * 10);
|
|
@@ -26,6 +26,11 @@
|
|
|
26
26
|
border-color: var(--ga-color-border-primary);
|
|
27
27
|
background-color: var(--ga-color-surface-disabled);
|
|
28
28
|
color: var(--ga-color-text-disable-selected);
|
|
29
|
+
&:has(input:not(:placeholder-shown)), &:is(input:not(:placeholder-shown)) {
|
|
30
|
+
border-color: var(--ga-color-surface-disable-selected);
|
|
31
|
+
background-color: var(--ga-color-surface-disable-selected);
|
|
32
|
+
color: var(--ga-color-text-on-action);
|
|
33
|
+
}
|
|
29
34
|
}
|
|
30
35
|
&:has(input:focus), &:is(input:focus) {
|
|
31
36
|
&:not(.ga-input--invalid, .ga-input--success) {
|
package/dist/components/menu.css
CHANGED
package/dist/components/tag.css
CHANGED
package/dist/components.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.0.
|
|
1
|
+
/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.ga-avatar {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
height: calc(0.25rem * 10);
|
|
@@ -184,6 +184,7 @@
|
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
186
|
.ga-card {
|
|
187
|
+
display: inline-block;
|
|
187
188
|
border-radius: var(--ga-radius);
|
|
188
189
|
border-style: var(--tw-border-style);
|
|
189
190
|
border-width: 1px;
|
|
@@ -504,6 +505,11 @@
|
|
|
504
505
|
border-color: var(--ga-color-border-primary);
|
|
505
506
|
background-color: var(--ga-color-surface-disabled);
|
|
506
507
|
color: var(--ga-color-text-disable-selected);
|
|
508
|
+
&:has(input:not(:placeholder-shown)), &:is(input:not(:placeholder-shown)) {
|
|
509
|
+
border-color: var(--ga-color-surface-disable-selected);
|
|
510
|
+
background-color: var(--ga-color-surface-disable-selected);
|
|
511
|
+
color: var(--ga-color-text-on-action);
|
|
512
|
+
}
|
|
507
513
|
}
|
|
508
514
|
&:has(input:focus), &:is(input:focus) {
|
|
509
515
|
&:not(.ga-input--invalid, .ga-input--success) {
|
package/package.json
CHANGED
|
@@ -13,6 +13,11 @@
|
|
|
13
13
|
&:has(input:disabled),
|
|
14
14
|
&:is(input:disabled) {
|
|
15
15
|
@apply border-(--ga-color-border-primary) bg-(--ga-color-surface-disabled) text-(--ga-color-text-disable-selected);
|
|
16
|
+
|
|
17
|
+
&:has(input:not(:placeholder-shown)),
|
|
18
|
+
&:is(input:not(:placeholder-shown)) {
|
|
19
|
+
@apply border-(--ga-color-surface-disable-selected) bg-(--ga-color-surface-disable-selected) text-(--ga-color-text-on-action);
|
|
20
|
+
}
|
|
16
21
|
}
|
|
17
22
|
|
|
18
23
|
&:has(input:focus),
|