@redseed/redseed-ui-tailwindcss 7.7.0 → 7.7.1

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.
@@ -1,9 +1,9 @@
1
1
  .rsui-section-slider {
2
- @apply min-w-full max-w-full overflow-x-hidden rounded-3xl pr-0;
2
+ @apply min-w-full max-w-full overflow-x-hidden rounded-3xl px-0;
3
3
  }
4
4
 
5
5
  .rsui-section-slider > .rsui-section__header {
6
- @apply pr-space-lg;
6
+ @apply px-space-lg;
7
7
  }
8
8
 
9
9
  .rsui-section-slider--featured {
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  .rsui-section-slider__container {
30
- @apply relative flex gap-x-3 lg:gap-x-6 overflow-x-auto lg:overflow-x-hidden focus:outline-hidden scroll-smooth snap-x snap-mandatory;
30
+ @apply relative flex gap-x-3 lg:gap-x-6 overflow-x-auto lg:overflow-x-hidden focus:outline-hidden scroll-smooth snap-x snap-mandatory scroll-pl-space-lg;
31
31
  }
32
32
 
33
33
  .rsui-section-slider__container::-webkit-scrollbar {
@@ -1,3 +1,3 @@
1
1
  .rsui-section-slider-item {
2
- @apply snap-start shrink-0 flex last:pr-space-lg;
2
+ @apply snap-start shrink-0 flex first:pl-space-lg last:pr-space-lg;
3
3
  }
@@ -31,6 +31,10 @@
31
31
  }
32
32
 
33
33
  .rsui-skeleton__line--thick {
34
+ @apply h-6;
35
+ }
36
+
37
+ .rsui-skeleton__line--thicker {
34
38
  @apply h-12;
35
39
  }
36
40
 
@@ -42,10 +46,30 @@
42
46
  @apply w-full aspect-square rounded-full bg-background-secondary-invert animate-pulse;
43
47
  }
44
48
 
45
- .rsui-skeleton__square {
46
- @apply w-full aspect-square rounded-none bg-background-secondary-invert animate-pulse;
49
+ .rsui-skeleton__aspect-ratio {
50
+ @apply w-full rounded-none bg-background-secondary-invert animate-pulse;
47
51
  }
48
52
 
49
- .rsui-skeleton__square--rounded {
53
+ .rsui-skeleton__aspect-ratio--rounded {
50
54
  @apply rounded-xl;
51
55
  }
56
+
57
+ .rsui-skeleton__aspect-ratio--square {
58
+ @apply aspect-square;
59
+ }
60
+
61
+ .rsui-skeleton__aspect-ratio--3by1 {
62
+ @apply aspect-3/1;
63
+ }
64
+
65
+ .rsui-skeleton__aspect-ratio--9by16 {
66
+ @apply aspect-9/16;
67
+ }
68
+
69
+ .rsui-skeleton__aspect-ratio--16by9 {
70
+ @apply aspect-video;
71
+ }
72
+
73
+ .rsui-skeleton__aspect-ratio--64by25 {
74
+ @apply aspect-64/25;
75
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-tailwindcss",
3
- "version": "7.7.0",
3
+ "version": "7.7.1",
4
4
  "description": "RedSeed UI Tailwindcss",
5
5
  "main": "index.js",
6
6
  "style": "index.css",