@redseed/redseed-ui-vue3 2.11.0 → 2.11.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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/Form/FormFieldset.vue +34 -0
  3. package/src/components/FormField/FormFieldSelect.vue +1 -1
  4. package/src/components/Modal/Modal.vue +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-vue3",
3
- "version": "2.11.0",
3
+ "version": "2.11.2",
4
4
  "description": "RedSeed UI Vue 3 components",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/components/Form/FormFieldset.vue CHANGED
@@ -31,6 +31,40 @@ defineOptions({
31
31
  @apply text-sm font-normal;
32
32
  }
33
33
  }
34
+
35
+ :deep(.rsui-form-field-slot--compact) {
36
+ input[type='date'],
37
+ input[type='datetime-local'],
38
+ input[type='email'],
39
+ input[type='month'],
40
+ input[type='number'],
41
+ input[type='password'],
42
+ input[type='search'],
43
+ input[type='tel'],
44
+ input[type='text'],
45
+ input[type='time'],
46
+ input[type='url'],
47
+ input[type='week'],
48
+ {
49
+ @apply py-1.5 px-2;
50
+ }
51
+
52
+ select {
53
+ @apply py-1.5 pl-3 pr-12;
54
+ }
55
+ .rsui-form-field-select__icon {
56
+ @apply right-2;
57
+ svg {
58
+ @apply size-5;
59
+ }
60
+ }
61
+ .rsui-form-field-select__option {
62
+ @apply py-3 px-2;
63
+ &-label {
64
+ @apply text-sm;
65
+ }
66
+ }
67
+ }
34
68
  }
35
69
  }
36
70
  </style>
package/src/components/FormField/FormFieldSelect.vue CHANGED
@@ -159,7 +159,7 @@ function choose(option) {
159
159
  }
160
160
 
161
161
  &__options {
162
- @apply hidden absolute origin-top w-full z-50;
162
+ @apply hidden absolute origin-top w-full z-10;
163
163
  @apply bg-white p-2 mt-2 rounded-md shadow-full-light;
164
164
  &--open {
165
165
  @apply block;
package/src/components/Modal/Modal.vue CHANGED
@@ -182,7 +182,7 @@ onUnmounted(() => {
182
182
  @apply absolute inset-0 bg-transparent opacity-100;
183
183
  }
184
184
  &__content {
185
- @apply absolute max-h-full inset-x-0 overflow-auto overscroll-contain transform transition-all;
185
+ @apply relative max-h-full inset-0 overflow-scroll overscroll-contain transform transition-all;
186
186
  @apply border rounded-lg shadow-full md:w-full md:mx-auto mx-4;
187
187
  @apply bg-white border-rsui-grey-200;
188
188
  &--sm {
@@ -210,10 +210,10 @@ onUnmounted(() => {
210
210
  @apply p-4 bg-rsui-grey-200 shrink-0 text-lg font-semibold;
211
211
  }
212
212
  &__body{
213
- @apply p-4 bg-white;
213
+ @apply p-4 bg-white relative overflow-scroll overscroll-contain;
214
214
  }
215
215
  &__footer {
216
- @apply sticky bottom-0 z-1;
216
+ @apply sticky inset-x-0 bottom-0 z-1;
217
217
  @apply p-4 bg-rsui-grey-200 shrink-0;
218
218
  @apply flex justify-end items-center space-x-2;
219
219
  &--start {