@vsn-ux/gaia-styles 0.2.1 → 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.
Files changed (9) hide show
  1. package/dist/all-no-reset-10pt.css +5 -0
  2. package/dist/all-no-reset.css +5 -0
  3. package/dist/all.css +5 -0
  4. package/dist/components/dropdown.css +2 -0
  5. package/dist/components/form-field.css +3 -0
  6. package/dist/components.css +5 -0
  7. package/package.json +1 -1
  8. package/src/styles/components/dropdown.css +1 -1
  9. package/src/styles/components/form-field.css +6 -0
package/dist/all-no-reset-10pt.css CHANGED
@@ -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,6 +577,9 @@
575
577
  display: flex;
576
578
  flex-direction: column;
577
579
  gap: calc(0.4rem * 2);
580
+ > *, > .ga-select, > .ga-input {
581
+ width: 100%;
582
+ }
578
583
  .ga-form-field__label {
579
584
  padding-inline: calc(0.4rem * 1);
580
585
  font-size: var(--ga-size-font-md);
package/dist/all-no-reset.css CHANGED
@@ -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,6 +577,9 @@
575
577
  display: flex;
576
578
  flex-direction: column;
577
579
  gap: calc(0.25rem * 2);
580
+ > *, > .ga-select, > .ga-input {
581
+ width: 100%;
582
+ }
578
583
  .ga-form-field__label {
579
584
  padding-inline: calc(0.25rem * 1);
580
585
  font-size: var(--ga-size-font-md);
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,6 +720,9 @@
718
720
  display: flex;
719
721
  flex-direction: column;
720
722
  gap: calc(0.25rem * 2);
723
+ > *, > .ga-select, > .ga-input {
724
+ width: 100%;
725
+ }
721
726
  .ga-form-field__label {
722
727
  padding-inline: calc(0.25rem * 1);
723
728
  font-size: var(--ga-size-font-md);
package/dist/components/dropdown.css CHANGED
@@ -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;
package/dist/components/form-field.css CHANGED
@@ -3,6 +3,9 @@
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  gap: calc(0.25rem * 2);
6
+ > *, > .ga-select, > .ga-input {
7
+ width: 100%;
8
+ }
6
9
  .ga-form-field__label {
7
10
  padding-inline: calc(0.25rem * 1);
8
11
  font-size: var(--ga-size-font-md);
package/dist/components.css CHANGED
@@ -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,6 +396,9 @@
394
396
  display: flex;
395
397
  flex-direction: column;
396
398
  gap: calc(0.25rem * 2);
399
+ > *, > .ga-select, > .ga-input {
400
+ width: 100%;
401
+ }
397
402
  .ga-form-field__label {
398
403
  padding-inline: calc(0.25rem * 1);
399
404
  font-size: var(--ga-size-font-md);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vsn-ux/gaia-styles",
3
- "version": "0.2.1",
3
+ "version": "0.2.3",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "storybook dev -p 6006",
package/src/styles/components/dropdown.css CHANGED
@@ -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);
package/src/styles/components/form-field.css CHANGED
@@ -1,6 +1,12 @@
1
1
  .ga-form-field {
2
2
  @apply flex flex-col gap-2;
3
3
 
4
+ > *,
5
+ > .ga-select,
6
+ > .ga-input {
7
+ @apply w-full;
8
+ }
9
+
4
10
  .ga-form-field__label {
5
11
  @apply text-md px-1 leading-5 font-medium;
6
12
  }