@redseed/redseed-ui-tailwindcss 7.1.3 → 7.1.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 (13) hide show
  1. package/components/dropdown_menu.css +1 -2
  2. package/components/dropdown_option.css +2 -2
  3. package/components/empty.css +1 -1
  4. package/components/form_field_checkbox.css +2 -2
  5. package/components/form_field_textarea.css +1 -1
  6. package/components/form_field_uploader.css +1 -1
  7. package/components/list_item.css +4 -5
  8. package/components/pagination.css +2 -2
  9. package/components/pagination_item.css +3 -4
  10. package/components/radio_card.css +28 -43
  11. package/components/switcher.css +1 -1
  12. package/components/switcher_item.css +1 -1
  13. package/package.json +1 -1
package/components/dropdown_menu.css CHANGED
@@ -32,11 +32,10 @@
32
32
 
33
33
  .rsui-dropdown-menu__container {
34
34
  @apply hidden absolute z-50 mt-2 p-2 w-76 origin-top;
35
- @apply rounded-md shadow-full-light bg-background-primary;
35
+ @apply rounded-xl shadow-full-light bg-background-primary;
36
36
  @apply flex flex-col space-y-2;
37
37
  }
38
38
 
39
39
  .rsui-dropdown-menu__container--open { @apply block; }
40
40
  .rsui-dropdown-menu__container--left { @apply origin-top-left left-0; }
41
41
  .rsui-dropdown-menu__container--right { @apply origin-top-right right-0; }
42
-
package/components/dropdown_option.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .rsui-dropdown-option {
2
- @apply cursor-pointer p-4 bg-background-primary rounded-md text-base text-text-primary transition;
2
+ @apply cursor-pointer p-3 bg-background-primary rounded-lg text-base text-text-primary transition;
3
3
  @apply w-full inline-flex items-center whitespace-nowrap will-change-transform gap-1.5;
4
- @apply hover:bg-background-secondary;
4
+ @apply hover:bg-background-primary-invert;
5
5
  }
package/components/empty.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .rsui-empty {
2
2
  @apply w-full flex flex-col items-center justify-center gap-5;
3
- @apply px-3 py-4 rounded-md text-text-primary;
3
+ @apply px-3 py-4 rounded-xl text-text-primary;
4
4
  }
5
5
 
6
6
  .rsui-empty__image {
package/components/form_field_checkbox.css CHANGED
@@ -11,12 +11,12 @@
11
11
  }
12
12
 
13
13
  .rsui-form-field-checkbox__check {
14
- @apply size-6 shrink-0 relative bg-background-primary rounded-md cursor-pointer;
14
+ @apply size-6 shrink-0 relative bg-background-primary rounded-lg cursor-pointer;
15
15
  @apply has-[:disabled]:text-text-disabled has-[:disabled]:cursor-default;
16
16
  }
17
17
 
18
18
  .rsui-form-field-checkbox__check input[type="checkbox"] {
19
- @apply appearance-none absolute inset-0 z-0 rounded-md transition focus:outline-hidden cursor-pointer;
19
+ @apply appearance-none absolute inset-0 z-0 rounded-lg transition focus:outline-hidden cursor-pointer;
20
20
  @apply w-full h-full text-text-primary border border-border-primary text-transparent bg-none;
21
21
  @apply focus:ring-3 focus:ring-border-primary focus:border-border-primary;
22
22
  @apply invalid:border-border-error invalid:ring-0;
package/components/form_field_textarea.css CHANGED
@@ -3,7 +3,7 @@
3
3
  }
4
4
 
5
5
  .rsui-form-field-textarea textarea {
6
- @apply w-full border rounded-md ring-0 text-base transition resize-none;
6
+ @apply w-full border rounded-xl ring-0 text-base transition resize-none;
7
7
  @apply py-3 px-4 outline-hidden focus:outline-hidden;
8
8
  @apply text-text-primary bg-background-primary placeholder-text-secondary border-border-primary;
9
9
  @apply focus:border-border-primary;
package/components/form_field_uploader.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .rsui-form-field-uploader__container {
2
2
  @apply w-fit max-w-80 bg-background-secondary;
3
3
  @apply relative select-none;
4
- @apply rounded-md border border-border-primary border-dashed;
4
+ @apply rounded-lg border border-border-primary border-dashed;
5
5
  @apply flex flex-nowrap justify-center items-center gap-4;
6
6
  @apply px-4 py-2.5;
7
7
  }
package/components/list_item.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .rsui-list-item {
2
- @apply relative flex flex-col rounded-md p-3 overflow-hidden;
2
+ @apply relative flex flex-col rounded-xl p-3 overflow-hidden;
3
3
  }
4
4
 
5
5
  .rsui-list-item--clickable {
@@ -20,11 +20,11 @@
20
20
 
21
21
  .rsui-list-item__bg {
22
22
  @apply absolute inset-0 bg-background-primary transition;
23
- @apply hover:bg-border-secondary peer-hover:bg-border-secondary;
23
+ @apply hover:bg-background-primary-invert peer-hover:bg-background-primary-invert;
24
24
  }
25
25
 
26
26
  .rsui-list-item__bg--clickable {
27
- @apply active:bg-border-secondary;
27
+ @apply active:bg-background-primary-invert;
28
28
  }
29
29
 
30
30
  .rsui-list-item__body {
@@ -42,7 +42,7 @@
42
42
  }
43
43
 
44
44
  .rsui-list-item__avatar-placeholder svg {
45
- @apply size-5 lg:size-6 fill-border-primary;
45
+ @apply size-5 lg:size-6 fill-background-primary;
46
46
  }
47
47
 
48
48
  .rsui-list-item__title {
@@ -69,4 +69,3 @@
69
69
  .rsui-list-item__description {
70
70
  @apply line-clamp-2 mt-2 text-base;
71
71
  }
72
-
package/components/pagination.css CHANGED
@@ -7,11 +7,11 @@
7
7
  }
8
8
 
9
9
  .rsui-pagination__items {
10
- @apply size-full flex items-center px-1;
10
+ @apply size-full flex items-center gap-px px-1;
11
11
  }
12
12
 
13
13
  .rsui-pagination__items-group {
14
- @apply size-full flex items-center;
14
+ @apply size-full flex items-center gap-px;
15
15
  }
16
16
 
17
17
  .rsui-pagination__next {
package/components/pagination_item.css CHANGED
@@ -1,11 +1,11 @@
1
1
  .rsui-pagination-item {
2
2
  @apply inline-flex items-center justify-center overflow-hidden select-none;
3
- @apply min-w-9 w-fit h-7 p-1 rounded-md cursor-pointer transition;
4
- @apply bg-background-primary hover:bg-background-secondary text-text-secondary text-sm;
3
+ @apply min-w-9 w-fit h-7 p-1 rounded-lg cursor-pointer transition;
4
+ @apply bg-background-primary hover:bg-background-primary-invert text-text-secondary text-sm;
5
5
  }
6
6
 
7
7
  .rsui-pagination-item--active {
8
- @apply bg-background-secondary hover:bg-background-secondary text-text-primary cursor-default;
8
+ @apply bg-background-primary-invert hover:bg-background-primary-invert text-text-primary cursor-default;
9
9
  }
10
10
 
11
11
  .rsui-pagination-item--freeze {
@@ -15,4 +15,3 @@
15
15
  .rsui-pagination-item--disabled {
16
16
  @apply bg-background-primary hover:bg-background-primary text-text-disabled cursor-default;
17
17
  }
18
-
package/components/radio_card.css CHANGED
@@ -1,69 +1,50 @@
1
1
  .rsui-radio-card {
2
- @apply max-w-80 w-80 bg-background-primary border border-border-secondary rounded-md shadow-xs outline-hidden select-none;
3
- @apply relative cursor-pointer transition-all flex flex-col gap-3 p-4;
4
- @apply focus-visible:ring-4 focus-visible:ring-border-primary;
2
+ @apply relative cursor-pointer transition-all;
3
+ @apply rounded-xl shadow-xs outline-hidden select-none;
4
+ @apply flex flex-col gap-3 p-3 max-w-80 w-80;
5
+ @apply bg-background-primary border border-border-primary;
6
+ @apply focus-visible:ring-2 focus-visible:ring-border-primary;
5
7
  }
6
8
 
7
- .rsui-radio-card--flexible { @apply max-w-full w-full; }
9
+ .rsui-radio-card--flexible {
10
+ @apply max-w-full w-full;
11
+ }
8
12
 
9
13
  .rsui-radio-card--selected {
10
14
  @apply focus-visible:ring-0 border-border-primary;
11
- }
12
15
 
13
- .rsui-radio-card--selected::after {
14
- content: '';
15
- @apply absolute inset-0 rounded-md opacity-10 bg-background-primary-contrast;
16
+ @apply after:content-[''] after:absolute after:inset-0 after:rounded-md after:opacity-10 after:bg-background-primary-contrast;
16
17
  }
17
18
 
18
19
  .rsui-radio-card--disabled {
19
- @apply focus-visible:ring-0 border-border-secondary cursor-default;
20
- }
20
+ @apply focus-visible:ring-0 border-border-disabled cursor-default;
21
21
 
22
- .rsui-radio-card--disabled::after {
23
- content: '';
24
- @apply absolute inset-0 rounded-md opacity-65 bg-border-secondary;
22
+ @apply after:content-[''] after:absolute after:inset-0 after:rounded-md after:opacity-60 after:bg-background-disabled;
25
23
  }
26
24
 
27
25
  .rsui-radio-card__title-row {
28
- @apply relative text-base font-medium text-text-primary line-clamp-2 min-h-6 pr-8;
29
- }
30
-
31
- /* Radio glyph positioning and base */
32
- .rsui-radio-card__title-row::after {
33
- content: '';
34
- @apply absolute top-0 right-0 size-6 rounded-full transition-all border border-border-primary bg-background-primary;
35
- }
26
+ @apply relative text-base font-medium text-text-primary line-clamp-3 min-h-6 pr-8;
36
27
 
37
- /* Hover/focus state on glyph via group */
38
- .group\/radio-card .rsui-radio-card__title-row::after {
39
- /* no-op baseline to enable group variants */
28
+ @apply after:content-[''] after:absolute after:top-0 after:right-0;
29
+ @apply after:size-6 after:rounded-full after:transition-all;
30
+ @apply after:border after:border-border-primary after:bg-background-primary
40
31
  }
41
32
 
42
- .group-hover\/radio-card .rsui-radio-card__title-row::after,
43
- .group-focus-visible\/radio-card .rsui-radio-card__title-row::after {
44
- @apply border-text-secondary;
33
+ .rsui-radio-card__title-row--radio-start {
34
+ @apply pl-8 pr-0;
35
+ @apply after:left-0 after:right-auto;
45
36
  }
46
37
 
47
- .rsui-radio-card__title-row--selected::after {
48
- @apply border-6 border-text-primary;
38
+ .rsui-radio-card__title-row--selected {
39
+ @apply after:border-7 after:border-text-primary;
49
40
  }
50
41
 
51
- .group-hover\/radio-card .rsui-radio-card__title-row--selected::after,
52
- .group-focus-visible\/radio-card .rsui-radio-card__title-row--selected::after {
53
- @apply border-text-primary;
42
+ .rsui-radio-card__title-row--disabled {
43
+ @apply after:opacity-0;
54
44
  }
55
45
 
56
- .rsui-radio-card__title-row--disabled::after {
57
- @apply opacity-0;
58
- }
59
-
60
- .rsui-radio-card__title-row--selected-disabled::after {
61
- @apply border-6 border-background-primary bg-border-primary;
62
- }
63
-
64
- .group-hover\/radio-card .rsui-radio-card__title-row--selected-disabled::after,
65
- .group-focus-visible\/radio-card .rsui-radio-card__title-row--selected-disabled::after {
66
- @apply border-background-primary;
46
+ .rsui-radio-card__title-row--selected-disabled {
47
+ @apply after:border-7 after:border-background-primary after:bg-border-primary;
67
48
  }
68
49
 
69
50
  .rsui-radio-card__title {
@@ -74,6 +55,10 @@
74
55
  @apply text-sm font-normal text-text-secondary;
75
56
  }
76
57
 
58
+ .rsui-radio-card__content-row--radio-start {
59
+ @apply pl-8 pr-0;
60
+ }
61
+
77
62
  .rsui-radio-card__meta-row {
78
63
  @apply grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-2;
79
64
  }
package/components/switcher.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .rsui-switcher {
2
2
  @apply w-fit flex flex-col sm:flex-row sm:items-center overflow-hidden gap-1;
3
- @apply bg-background-disabled p-1 rounded-lg;
3
+ @apply bg-background-disabled p-1 rounded-xl;
4
4
  }
5
5
 
6
6
  .rsui-switcher--full {
package/components/switcher_item.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .rsui-switcher-item {
2
2
  @apply h-fit inline-flex shrink-0 items-center justify-center select-none outline-hidden whitespace-nowrap will-change-transform cursor-pointer;
3
- @apply font-semibold gap-2 rounded-md border border-transparent transition;
3
+ @apply font-semibold gap-2 rounded-lg border border-transparent transition;
4
4
  @apply text-base px-3 py-2;
5
5
  }
6
6
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-tailwindcss",
3
- "version": "7.1.3",
3
+ "version": "7.1.4",
4
4
  "description": "RedSeed UI Tailwindcss",
5
5
  "main": "index.js",
6
6
  "style": "index.css",