@redseed/redseed-ui-tailwindcss 6.6.2 → 6.6.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 (3) hide show
  1. package/components/progress_tracker.css +12 -1
  2. package/components/progress_tracker_step.css +41 -12
  3. package/package.json +1 -1
package/components/progress_tracker.css CHANGED
@@ -1,4 +1,15 @@
1
1
  .rsui-progress-tracker {
2
- @apply grid grid-flow-col auto-cols-fr gap-8 sm:gap-16 text-xs sm:text-xl font-medium;
2
+ @apply grid grid-flow-col auto-cols-fr font-medium;
3
3
  }
4
4
 
5
+ .rsui-progress-tracker--sm {
6
+ @apply gap-8 text-xs;
7
+ }
8
+
9
+ .rsui-progress-tracker--md {
10
+ @apply gap-8 sm:gap-12 text-xs sm:text-base;
11
+ }
12
+
13
+ .rsui-progress-tracker--lg {
14
+ @apply gap-8 sm:gap-16 text-xs sm:text-xl;
15
+ }
package/components/progress_tracker_step.css CHANGED
@@ -1,20 +1,37 @@
1
1
  .rsui-progress-tracker-step {
2
- @apply relative flex flex-col items-center text-center gap-3 sm:gap-4;
2
+ @apply relative flex flex-col items-center text-center;
3
+
4
+ @apply first:after:hidden;
5
+ @apply after:absolute after:content-[''] after:-translate-x-1/2;
6
+ @apply after:bg-border-secondary;
7
+ @apply after:w-[100%] xs:after:w-[140%] sm:after:w-[120%] lg:after:w-[120%] 3xl:after:w-[107%];
8
+ @apply after:h-1;
9
+ }
10
+
11
+ .rsui-progress-tracker-step--sm {
12
+ @apply gap-2;
13
+
14
+ @apply after:top-3.5;
15
+ @apply after:-left-4;
3
16
  }
4
17
 
5
- .rsui-progress-tracker-step::after {
6
- content: '';
7
- @apply absolute bg-border-primary top-3.5 sm:top-6 -left-4 sm:-left-8 -translate-x-1/2;
8
- @apply w-[100%] xs:w-[140%] sm:w-[140%] lg:w-[120%] 3xl:w-[107%] h-1;
18
+ .rsui-progress-tracker-step--md {
19
+ @apply gap-2;
20
+
21
+ @apply after:top-3.5 sm:after:top-4.5;
22
+ @apply after:-left-4;
9
23
  }
10
24
 
11
- .rsui-progress-tracker-step:first-child::after {
12
- @apply hidden;
25
+ .rsui-progress-tracker-step--lg {
26
+ @apply gap-2 sm:gap-4;
27
+
28
+ @apply after:top-3.5 sm:after:top-6;
29
+ @apply after:-left-4 sm:after:-left-8;
13
30
  }
14
31
 
15
- .rsui-progress-tracker-step--active::after,
16
- .rsui-progress-tracker-step--completed::after {
17
- @apply bg-background-primary-contrast;
32
+ .rsui-progress-tracker-step--active,
33
+ .rsui-progress-tracker-step--completed {
34
+ @apply after:bg-background-primary-contrast;
18
35
  }
19
36
 
20
37
  .rsui-progress-tracker-step--clickable {
@@ -22,8 +39,20 @@
22
39
  }
23
40
 
24
41
  .rsui-progress-tracker-step__indicator {
25
- @apply relative z-1 size-8 sm:size-13 rounded-full border-2 overflow-hidden select-none;
26
- @apply bg-border-primary border-border-primary text-text-on-color flex items-center justify-center;
42
+ @apply relative z-1 rounded-full border-2 overflow-hidden select-none;
43
+ @apply bg-border-secondary border-border-secondary text-text-on-color flex items-center justify-center;
44
+ }
45
+
46
+ .rsui-progress-tracker-step__indicator--sm {
47
+ @apply size-8;
48
+ }
49
+
50
+ .rsui-progress-tracker-step__indicator--md {
51
+ @apply size-8 sm:size-10;
52
+ }
53
+
54
+ .rsui-progress-tracker-step__indicator--lg {
55
+ @apply size-8 sm:size-13;
27
56
  }
28
57
 
29
58
  .rsui-progress-tracker-step__indicator--completed {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-tailwindcss",
3
- "version": "6.6.2",
3
+ "version": "6.6.3",
4
4
  "description": "RedSeed UI Tailwindcss",
5
5
  "main": "index.js",
6
6
  "style": "index.css",