@redseed/redseed-ui-tailwindcss 7.13.1 → 7.14.0
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/section.css +4 -0
- package/components/tooltip.css +28 -1
- package/package.json +1 -1
package/components/section.css
CHANGED
|
@@ -50,6 +50,10 @@
|
|
|
50
50
|
@apply bg-background-error border-border-error text-text-primary;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
+
.rsui-section--classic {
|
|
54
|
+
@apply bg-pink-50 border-pink-200 text-text-primary;
|
|
55
|
+
}
|
|
56
|
+
|
|
53
57
|
.rsui-section--ai {
|
|
54
58
|
@apply bg-linear-to-tr from-background-ai-from to-background-ai-to;
|
|
55
59
|
background-size: 160% 160%;
|
package/components/tooltip.css
CHANGED
|
@@ -55,11 +55,38 @@
|
|
|
55
55
|
|
|
56
56
|
/* Content panel — positioned via inline styles (fixed, teleported to body) */
|
|
57
57
|
.rsui-tooltip__content {
|
|
58
|
-
@apply px-3 py-2 w-max max-w-60;
|
|
58
|
+
@apply relative px-3 py-2 w-max max-w-60;
|
|
59
59
|
@apply text-sm text-text-on-color bg-background-primary-contrast rounded-lg shadow-lg;
|
|
60
60
|
@apply pointer-events-none;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
+
/* Arrow */
|
|
64
|
+
.rsui-tooltip__content::after {
|
|
65
|
+
content: '';
|
|
66
|
+
@apply absolute size-0;
|
|
67
|
+
border: 5px solid transparent;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.rsui-tooltip__content[data-position='top']::after {
|
|
71
|
+
@apply top-full left-1/2 -translate-x-1/2;
|
|
72
|
+
border-top-color: var(--color-background-primary-contrast);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.rsui-tooltip__content[data-position='bottom']::after {
|
|
76
|
+
@apply bottom-full left-1/2 -translate-x-1/2;
|
|
77
|
+
border-bottom-color: var(--color-background-primary-contrast);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.rsui-tooltip__content[data-position='left']::after {
|
|
81
|
+
@apply left-full top-1/2 -translate-y-1/2;
|
|
82
|
+
border-left-color: var(--color-background-primary-contrast);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.rsui-tooltip__content[data-position='right']::after {
|
|
86
|
+
@apply right-full top-1/2 -translate-y-1/2;
|
|
87
|
+
border-right-color: var(--color-background-primary-contrast);
|
|
88
|
+
}
|
|
89
|
+
|
|
63
90
|
/* Transitions */
|
|
64
91
|
.rsui-tooltip__transition--enter-active {
|
|
65
92
|
@apply transition-opacity ease-out duration-150;
|