@vsn-ux/gaia-styles 0.5.0 → 0.5.1

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 (10) hide show
  1. package/dist/all-10pt.css +4 -1
  2. package/dist/all-no-reset-10pt.css +4 -1
  3. package/dist/all-no-reset.css +4 -1
  4. package/dist/all.css +4 -1
  5. package/dist/components/button.css +3 -0
  6. package/dist/components/select.css +1 -1
  7. package/dist/components.css +4 -1
  8. package/package.json +1 -1
  9. package/src/styles/components/button.css +1 -1
  10. package/src/styles/components/select.css +1 -1
package/dist/all-10pt.css CHANGED
@@ -534,6 +534,9 @@
534
534
  background-color: transparent;
535
535
  color: var(--ga-color-text-action);
536
536
  &:hover {
537
+ border-style: var(--tw-border-style);
538
+ border-width: 1px;
539
+ border-color: var(--ga-color-border-action-hover);
537
540
  color: var(--ga-color-text-action-hover);
538
541
  }
539
542
  &:active {
@@ -1715,7 +1718,7 @@
1715
1718
  min-height: calc(0.4rem * 10);
1716
1719
  .ga-select__main-area {
1717
1720
  display: flex;
1718
- max-height: calc(0.4rem * 24);
1721
+ max-height: calc(0.4rem * 23.5);
1719
1722
  min-height: calc(0.4rem * 0);
1720
1723
  flex: 1;
1721
1724
  flex-wrap: wrap;
package/dist/all-no-reset-10pt.css CHANGED
@@ -387,6 +387,9 @@
387
387
  background-color: transparent;
388
388
  color: var(--ga-color-text-action);
389
389
  &:hover {
390
+ border-style: var(--tw-border-style);
391
+ border-width: 1px;
392
+ border-color: var(--ga-color-border-action-hover);
390
393
  color: var(--ga-color-text-action-hover);
391
394
  }
392
395
  &:active {
@@ -1568,7 +1571,7 @@
1568
1571
  min-height: calc(0.4rem * 10);
1569
1572
  .ga-select__main-area {
1570
1573
  display: flex;
1571
- max-height: calc(0.4rem * 24);
1574
+ max-height: calc(0.4rem * 23.5);
1572
1575
  min-height: calc(0.4rem * 0);
1573
1576
  flex: 1;
1574
1577
  flex-wrap: wrap;
package/dist/all-no-reset.css CHANGED
@@ -387,6 +387,9 @@
387
387
  background-color: transparent;
388
388
  color: var(--ga-color-text-action);
389
389
  &:hover {
390
+ border-style: var(--tw-border-style);
391
+ border-width: 1px;
392
+ border-color: var(--ga-color-border-action-hover);
390
393
  color: var(--ga-color-text-action-hover);
391
394
  }
392
395
  &:active {
@@ -1568,7 +1571,7 @@
1568
1571
  min-height: calc(0.25rem * 10);
1569
1572
  .ga-select__main-area {
1570
1573
  display: flex;
1571
- max-height: calc(0.25rem * 24);
1574
+ max-height: calc(0.25rem * 23.5);
1572
1575
  min-height: calc(0.25rem * 0);
1573
1576
  flex: 1;
1574
1577
  flex-wrap: wrap;
package/dist/all.css CHANGED
@@ -534,6 +534,9 @@
534
534
  background-color: transparent;
535
535
  color: var(--ga-color-text-action);
536
536
  &:hover {
537
+ border-style: var(--tw-border-style);
538
+ border-width: 1px;
539
+ border-color: var(--ga-color-border-action-hover);
537
540
  color: var(--ga-color-text-action-hover);
538
541
  }
539
542
  &:active {
@@ -1715,7 +1718,7 @@
1715
1718
  min-height: calc(0.25rem * 10);
1716
1719
  .ga-select__main-area {
1717
1720
  display: flex;
1718
- max-height: calc(0.25rem * 24);
1721
+ max-height: calc(0.25rem * 23.5);
1719
1722
  min-height: calc(0.25rem * 0);
1720
1723
  flex: 1;
1721
1724
  flex-wrap: wrap;
package/dist/components/button.css CHANGED
@@ -68,6 +68,9 @@
68
68
  background-color: transparent;
69
69
  color: var(--ga-color-text-action);
70
70
  &:hover {
71
+ border-style: var(--tw-border-style);
72
+ border-width: 1px;
73
+ border-color: var(--ga-color-border-action-hover);
71
74
  color: var(--ga-color-text-action-hover);
72
75
  }
73
76
  &:active {
package/dist/components/select.css CHANGED
@@ -149,7 +149,7 @@
149
149
  min-height: calc(0.25rem * 10);
150
150
  .ga-select__main-area {
151
151
  display: flex;
152
- max-height: calc(0.25rem * 24);
152
+ max-height: calc(0.25rem * 23.5);
153
153
  min-height: calc(0.25rem * 0);
154
154
  flex: 1;
155
155
  flex-wrap: wrap;
package/dist/components.css CHANGED
@@ -168,6 +168,9 @@
168
168
  background-color: transparent;
169
169
  color: var(--ga-color-text-action);
170
170
  &:hover {
171
+ border-style: var(--tw-border-style);
172
+ border-width: 1px;
173
+ border-color: var(--ga-color-border-action-hover);
171
174
  color: var(--ga-color-text-action-hover);
172
175
  }
173
176
  &:active {
@@ -1349,7 +1352,7 @@
1349
1352
  min-height: calc(0.25rem * 10);
1350
1353
  .ga-select__main-area {
1351
1354
  display: flex;
1352
- max-height: calc(0.25rem * 24);
1355
+ max-height: calc(0.25rem * 23.5);
1353
1356
  min-height: calc(0.25rem * 0);
1354
1357
  flex: 1;
1355
1358
  flex-wrap: wrap;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vsn-ux/gaia-styles",
3
- "version": "0.5.0",
3
+ "version": "0.5.1",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "storybook dev -p 6006",
package/src/styles/components/button.css CHANGED
@@ -45,7 +45,7 @@
45
45
  @apply bg-transparent text-(--ga-color-text-action);
46
46
 
47
47
  &:hover {
48
- @apply text-(--ga-color-text-action-hover);
48
+ @apply border border-(--ga-color-border-action-hover) text-(--ga-color-text-action-hover);
49
49
  }
50
50
 
51
51
  &:active {
package/src/styles/components/select.css CHANGED
@@ -79,7 +79,7 @@
79
79
  @apply h-auto min-h-10;
80
80
 
81
81
  .ga-select__main-area {
82
- @apply flex max-h-24 min-h-0 flex-1 flex-wrap gap-2 overflow-y-auto;
82
+ @apply flex max-h-23.5 min-h-0 flex-1 flex-wrap gap-2 overflow-y-auto;
83
83
  scrollbar-width: thin;
84
84
  }
85
85