@vsn-ux/gaia-styles 0.2.2 → 0.2.3

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.
@@ -481,9 +481,11 @@
481
481
  }
482
482
  .ga-dropdown {
483
483
  display: flex;
484
+ max-height: calc(0.4rem * 41);
484
485
  min-width: calc(0.4rem * 36);
485
486
  flex-direction: column;
486
487
  align-items: stretch;
488
+ overflow-y: auto;
487
489
  border-radius: var(--ga-radius);
488
490
  border-style: var(--tw-border-style);
489
491
  border-width: 1px;
@@ -575,7 +577,7 @@
575
577
  display: flex;
576
578
  flex-direction: column;
577
579
  gap: calc(0.4rem * 2);
578
- > * {
580
+ > *, > .ga-select, > .ga-input {
579
581
  width: 100%;
580
582
  }
581
583
  .ga-form-field__label {
@@ -481,9 +481,11 @@
481
481
  }
482
482
  .ga-dropdown {
483
483
  display: flex;
484
+ max-height: calc(0.25rem * 41);
484
485
  min-width: calc(0.25rem * 36);
485
486
  flex-direction: column;
486
487
  align-items: stretch;
488
+ overflow-y: auto;
487
489
  border-radius: var(--ga-radius);
488
490
  border-style: var(--tw-border-style);
489
491
  border-width: 1px;
@@ -575,7 +577,7 @@
575
577
  display: flex;
576
578
  flex-direction: column;
577
579
  gap: calc(0.25rem * 2);
578
- > * {
580
+ > *, > .ga-select, > .ga-input {
579
581
  width: 100%;
580
582
  }
581
583
  .ga-form-field__label {
package/dist/all.css CHANGED
@@ -624,9 +624,11 @@
624
624
  }
625
625
  .ga-dropdown {
626
626
  display: flex;
627
+ max-height: calc(0.25rem * 41);
627
628
  min-width: calc(0.25rem * 36);
628
629
  flex-direction: column;
629
630
  align-items: stretch;
631
+ overflow-y: auto;
630
632
  border-radius: var(--ga-radius);
631
633
  border-style: var(--tw-border-style);
632
634
  border-width: 1px;
@@ -718,7 +720,7 @@
718
720
  display: flex;
719
721
  flex-direction: column;
720
722
  gap: calc(0.25rem * 2);
721
- > * {
723
+ > *, > .ga-select, > .ga-input {
722
724
  width: 100%;
723
725
  }
724
726
  .ga-form-field__label {
@@ -1,9 +1,11 @@
1
1
  /*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
2
2
  .ga-dropdown {
3
3
  display: flex;
4
+ max-height: calc(0.25rem * 41);
4
5
  min-width: calc(0.25rem * 36);
5
6
  flex-direction: column;
6
7
  align-items: stretch;
8
+ overflow-y: auto;
7
9
  border-radius: var(--ga-radius);
8
10
  border-style: var(--tw-border-style);
9
11
  border-width: 1px;
@@ -3,7 +3,7 @@
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  gap: calc(0.25rem * 2);
6
- > * {
6
+ > *, > .ga-select, > .ga-input {
7
7
  width: 100%;
8
8
  }
9
9
  .ga-form-field__label {
@@ -300,9 +300,11 @@
300
300
  }
301
301
  .ga-dropdown {
302
302
  display: flex;
303
+ max-height: calc(0.25rem * 41);
303
304
  min-width: calc(0.25rem * 36);
304
305
  flex-direction: column;
305
306
  align-items: stretch;
307
+ overflow-y: auto;
306
308
  border-radius: var(--ga-radius);
307
309
  border-style: var(--tw-border-style);
308
310
  border-width: 1px;
@@ -394,7 +396,7 @@
394
396
  display: flex;
395
397
  flex-direction: column;
396
398
  gap: calc(0.25rem * 2);
397
- > * {
399
+ > *, > .ga-select, > .ga-input {
398
400
  width: 100%;
399
401
  }
400
402
  .ga-form-field__label {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vsn-ux/gaia-styles",
3
- "version": "0.2.2",
3
+ "version": "0.2.3",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "storybook dev -p 6006",
@@ -1,5 +1,5 @@
1
1
  .ga-dropdown {
2
- @apply flex min-w-36 flex-col items-stretch rounded border border-(--ga-color-border-primary) bg-(--ga-color-surface-primary) outline-none;
2
+ @apply flex max-h-41 min-w-36 flex-col items-stretch overflow-y-auto rounded border border-(--ga-color-border-primary) bg-(--ga-color-surface-primary) outline-none;
3
3
 
4
4
  .ga-dropdown__item {
5
5
  @apply text-md relative flex h-9 cursor-pointer flex-row items-center gap-2 px-3 py-2 text-left leading-none text-(--ga-color-text-action);
@@ -1,7 +1,9 @@
1
1
  .ga-form-field {
2
2
  @apply flex flex-col gap-2;
3
3
 
4
- > * {
4
+ > *,
5
+ > .ga-select,
6
+ > .ga-input {
5
7
  @apply w-full;
6
8
  }
7
9