@redseed/redseed-ui-tailwindcss 7.2.2 → 7.2.4

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 (5) hide show
  1. package/components/button_group_item.css +1 -1
  2. package/components/dropdown_menu.css +15 -4
  3. package/components/dropdown_option.css +3 -1
  4. package/components/form_field_suffix.css +1 -1
  5. package/package.json +1 -1
package/components/button_group_item.css CHANGED
@@ -3,7 +3,7 @@
3
3
  @apply inline-flex justify-center items-center select-none outline-hidden p-2 font-semibold text-sm transition cursor-pointer;
4
4
 
5
5
  /* default shape */
6
- @apply first:rounded-l-md last:rounded-r-md first:border-l border-r border-y ring-0;
6
+ @apply first:rounded-l-lg last:rounded-r-lg first:border-l border-r border-y ring-0;
7
7
 
8
8
  /* default colors */
9
9
  @apply text-button-secondary bg-background-primary border-button-secondary;
package/components/dropdown_menu.css CHANGED
@@ -31,11 +31,22 @@
31
31
  }
32
32
 
33
33
  .rsui-dropdown-menu__container {
34
- @apply hidden absolute z-50 mt-2 p-2 w-76 origin-top;
34
+ @apply hidden absolute z-50 mt-2 p-2 origin-top;
35
35
  @apply rounded-xl shadow-full-light bg-background-primary;
36
36
  @apply flex flex-col space-y-2;
37
+ @apply w-60 sm:w-72;
37
38
  }
38
39
 
39
- .rsui-dropdown-menu__container--open { @apply block; }
40
- .rsui-dropdown-menu__container--left { @apply origin-top-left left-0; }
41
- .rsui-dropdown-menu__container--right { @apply origin-top-right right-0; }
40
+ .rsui-dropdown-menu__container--open {
41
+ @apply block;
42
+ }
43
+
44
+ .rsui-dropdown-menu__container--left {
45
+ @apply origin-center left-1/2 -translate-x-1/2;
46
+ @apply sm:origin-top-left sm:left-0 sm:translate-x-0;
47
+ }
48
+
49
+ .rsui-dropdown-menu__container--right {
50
+ @apply origin-center right-1/2 translate-x-1/2;
51
+ @apply sm:origin-top-right sm:right-0 sm:translate-x-0;
52
+ }
package/components/dropdown_option.css CHANGED
@@ -1,5 +1,7 @@
1
1
  .rsui-dropdown-option {
2
- @apply cursor-pointer p-3 bg-background-primary rounded-lg text-base text-text-primary transition;
2
+ @apply cursor-pointer px-2 py-3 sm:p-3 bg-background-primary rounded-lg text-text-primary transition;
3
+ @apply text-sm sm:text-base;
3
4
  @apply w-full inline-flex items-center whitespace-nowrap will-change-transform gap-1.5;
4
5
  @apply hover:bg-background-primary-invert;
6
+ @apply truncate overflow-hidden;
5
7
  }
package/components/form_field_suffix.css CHANGED
@@ -1,4 +1,4 @@
1
1
  .rsui-form-field-suffix .rsui-form-field-text__suffix {
2
- @apply border rounded-r-md;
2
+ @apply border rounded-r-lg;
3
3
  @apply bg-background-secondary border-background-secondary border-l-border-primary;
4
4
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-tailwindcss",
3
- "version": "7.2.2",
3
+ "version": "7.2.4",
4
4
  "description": "RedSeed UI Tailwindcss",
5
5
  "main": "index.js",
6
6
  "style": "index.css",