@redseed/redseed-ui-tailwindcss 6.2.4 → 6.2.6
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/colors.css +2 -0
- package/components/section.css +25 -2
- package/components/section_header.css +9 -2
- package/package.json +1 -1
- package/tokens.css +5 -3
package/colors.css
CHANGED
|
@@ -482,4 +482,6 @@
|
|
|
482
482
|
--Colors-Effects-Shadows-shadow-3xl_02: hsla(220, 29%, 5%, 0.04);
|
|
483
483
|
--Colors-Effects-Shadows-shadow-skeumorphic-inner: hsla(220, 29%, 5%, 0.05);
|
|
484
484
|
--Colors-Effects-Shadows-shadow-skeumorphic-inner-border: hsla(220, 29%, 5%, 0.18);
|
|
485
|
+
--Colors-Background-AI-1: hsla(264, 74%, 93%, 1);
|
|
486
|
+
--Colors-Background-AI-2: hsla(33, 100%, 96%, 1);
|
|
485
487
|
}
|
package/components/section.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
.rsui-section {
|
|
2
|
-
@apply border border-solid rounded-xl p-6
|
|
2
|
+
@apply flex flex-col border border-solid rounded-xl p-6 gap-y-4 border-border-primary;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.rsui-section--primary {
|
|
6
|
-
@apply bg-background-primary
|
|
6
|
+
@apply bg-background-primary text-text-primary;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.rsui-section--secondary {
|
|
@@ -29,3 +29,26 @@
|
|
|
29
29
|
.rsui-section--error {
|
|
30
30
|
@apply bg-background-error border-border-error text-text-primary;
|
|
31
31
|
}
|
|
32
|
+
|
|
33
|
+
.rsui-section--ai {
|
|
34
|
+
@apply bg-linear-45 from-background-ai-from to-background-ai-to;
|
|
35
|
+
background-size: 160% 160%;
|
|
36
|
+
background-position: 0% 50%;
|
|
37
|
+
animation: rsui-section-ai-gradient 3s ease-in-out infinite alternate;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@keyframes rsui-section-ai-gradient {
|
|
41
|
+
0% {
|
|
42
|
+
background-position: 0% 50%;
|
|
43
|
+
}
|
|
44
|
+
100% {
|
|
45
|
+
background-position: 100% 50%;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@media (prefers-reduced-motion: reduce) {
|
|
50
|
+
.rsui-section--ai {
|
|
51
|
+
animation: none;
|
|
52
|
+
background-position: 50% 50%;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
@@ -9,10 +9,18 @@
|
|
|
9
9
|
|
|
10
10
|
.rsui-section-header__icon {
|
|
11
11
|
@apply size-10;
|
|
12
|
+
|
|
13
|
+
svg {
|
|
14
|
+
@apply size-10;
|
|
15
|
+
}
|
|
12
16
|
}
|
|
13
17
|
|
|
14
18
|
.rsui-section-header__text {
|
|
15
|
-
@apply flex-1 flex flex-col gap-y-0.5
|
|
19
|
+
@apply flex-1 flex flex-col gap-y-0.5;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.rsui-section-header__text--with-toolbar {
|
|
23
|
+
@apply pt-2 md:pt-1.5;
|
|
16
24
|
}
|
|
17
25
|
|
|
18
26
|
.rsui-section-header__title {
|
|
@@ -38,4 +46,3 @@
|
|
|
38
46
|
.rsui-section-header__more-actions-icon {
|
|
39
47
|
@apply size-5 text-text-secondary;
|
|
40
48
|
}
|
|
41
|
-
|
package/package.json
CHANGED
package/tokens.css
CHANGED
|
@@ -16,10 +16,12 @@
|
|
|
16
16
|
--color-background-warning: var(--Colors-Warning-50);
|
|
17
17
|
--color-background-error: var(--Colors-Error-50);
|
|
18
18
|
--color-background-info: var(--Colors-Blue-50);
|
|
19
|
+
--color-background-ai-from: var(--Colors-Background-AI-1);
|
|
20
|
+
--color-background-ai-to: var(--Colors-Background-AI-2);
|
|
19
21
|
|
|
20
|
-
--color-border-primary: var(--Colors-Grey-
|
|
21
|
-
--color-border-secondary: var(--Colors-Grey-
|
|
22
|
-
--color-border-disabled: var(--Colors-Grey-
|
|
22
|
+
--color-border-primary: var(--Colors-Grey-300);
|
|
23
|
+
--color-border-secondary: var(--Colors-Grey-200);
|
|
24
|
+
--color-border-disabled: var(--Colors-Grey-300);
|
|
23
25
|
--color-border-brand: var(--Colors-Brand-200);
|
|
24
26
|
--color-border-success: var(--Colors-Success-200);
|
|
25
27
|
--color-border-warning: var(--Colors-Warning-200);
|