@redseed/redseed-ui-tailwindcss 6.6.0 → 6.6.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.
- package/components/body_text.css +23 -0
- package/components/section_header.css +12 -7
- package/package.json +1 -1
- package/tokens.css +1 -0
package/components/body_text.css
CHANGED
|
@@ -3,3 +3,26 @@
|
|
|
3
3
|
@apply *:text-base *:text-text-primary;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
+
.rsui-body-text--line-clamp-1 {
|
|
7
|
+
@apply line-clamp-1;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.rsui-body-text--line-clamp-2 {
|
|
11
|
+
@apply line-clamp-2;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.rsui-body-text--line-clamp-3 {
|
|
15
|
+
@apply line-clamp-3;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.rsui-body-text--line-clamp-4 {
|
|
19
|
+
@apply line-clamp-4;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.rsui-body-text--line-clamp-5 {
|
|
23
|
+
@apply line-clamp-5;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.rsui-body-text--line-clamp-6 {
|
|
27
|
+
@apply line-clamp-6;
|
|
28
|
+
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.rsui-section-header {
|
|
2
|
-
@apply flex flex-col gap-x-
|
|
2
|
+
@apply flex flex-col gap-x-space-sm gap-y-space-lg transition-all;
|
|
3
3
|
@apply md:flex-row md:justify-between md:items-center;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.rsui-section-header__header {
|
|
7
|
-
@apply flex-1 flex justify-between items-start gap-x-
|
|
7
|
+
@apply flex-1 flex justify-between items-start gap-x-space-sm;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.rsui-section-header__icon {
|
|
@@ -16,15 +16,20 @@
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.rsui-section-header__text {
|
|
19
|
-
@apply flex-1 flex flex-col gap-y-
|
|
19
|
+
@apply flex-1 flex flex-col gap-y-space-xs;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.rsui-section-header__text--with-toolbar {
|
|
23
|
-
@apply pt-
|
|
23
|
+
@apply pt-space-xs;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.rsui-section-header__title {
|
|
27
27
|
@apply text-2xl font-bold line-clamp-2 md:line-clamp-1 text-text-primary;
|
|
28
|
+
@apply flex items-center gap-space-xs;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.rsui-section-header__badge {
|
|
32
|
+
@apply ml-space-xs flex items-center;
|
|
28
33
|
}
|
|
29
34
|
|
|
30
35
|
.rsui-section-header__subtitle {
|
|
@@ -32,15 +37,15 @@
|
|
|
32
37
|
}
|
|
33
38
|
|
|
34
39
|
.rsui-section-header__toolbar {
|
|
35
|
-
@apply flex gap-
|
|
40
|
+
@apply flex gap-space-sm md:items-center justify-end;
|
|
36
41
|
}
|
|
37
42
|
|
|
38
43
|
.rsui-section-header__actions-desktop {
|
|
39
|
-
@apply flex gap-
|
|
44
|
+
@apply flex gap-space-sm items-center;
|
|
40
45
|
}
|
|
41
46
|
|
|
42
47
|
.rsui-section-header__actions-mobile {
|
|
43
|
-
@apply flex flex-wrap gap-
|
|
48
|
+
@apply flex flex-wrap gap-space-sm items-center justify-end;
|
|
44
49
|
}
|
|
45
50
|
|
|
46
51
|
.rsui-section-header__more-actions-icon {
|
package/package.json
CHANGED
package/tokens.css
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
--color-text-success: var(--Colors-Success-600);
|
|
7
7
|
--color-text-warning: var(--Colors-Warning-600);
|
|
8
8
|
--color-text-error: var(--Colors-Error-600);
|
|
9
|
+
--color-text-info: var(--Colors-Blue-600);
|
|
9
10
|
--color-text-on-color: var(--Colors-Base-white);
|
|
10
11
|
--color-text-ai: var(--Colors-RedSeed-Purple-500);
|
|
11
12
|
|