@redseed/redseed-ui-tailwindcss 7.13.0 → 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 +27 -16
- 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
|
@@ -53,50 +53,61 @@
|
|
|
53
53
|
@apply text-redseed-blue-500;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
/* Content panel */
|
|
56
|
+
/* Content panel — positioned via inline styles (fixed, teleported to body) */
|
|
57
57
|
.rsui-tooltip__content {
|
|
58
|
-
@apply
|
|
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
|
-
|
|
64
|
-
|
|
63
|
+
/* Arrow */
|
|
64
|
+
.rsui-tooltip__content::after {
|
|
65
|
+
content: '';
|
|
66
|
+
@apply absolute size-0;
|
|
67
|
+
border: 5px solid transparent;
|
|
65
68
|
}
|
|
66
69
|
|
|
67
|
-
.rsui-tooltip__content
|
|
68
|
-
@apply top-full left-1/2 -translate-x-1/2
|
|
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);
|
|
69
73
|
}
|
|
70
74
|
|
|
71
|
-
.rsui-tooltip__content
|
|
72
|
-
@apply
|
|
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);
|
|
73
78
|
}
|
|
74
79
|
|
|
75
|
-
.rsui-tooltip__content
|
|
76
|
-
@apply left-full top-1/2 -translate-y-1/2
|
|
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);
|
|
77
88
|
}
|
|
78
89
|
|
|
79
90
|
/* Transitions */
|
|
80
91
|
.rsui-tooltip__transition--enter-active {
|
|
81
|
-
@apply transition ease-out duration-150;
|
|
92
|
+
@apply transition-opacity ease-out duration-150;
|
|
82
93
|
}
|
|
83
94
|
|
|
84
95
|
.rsui-tooltip__transition--enter-from {
|
|
85
|
-
@apply opacity-0
|
|
96
|
+
@apply opacity-0;
|
|
86
97
|
}
|
|
87
98
|
|
|
88
99
|
.rsui-tooltip__transition--enter-to {
|
|
89
|
-
@apply opacity-100
|
|
100
|
+
@apply opacity-100;
|
|
90
101
|
}
|
|
91
102
|
|
|
92
103
|
.rsui-tooltip__transition--leave-active {
|
|
93
|
-
@apply transition ease-in duration-100;
|
|
104
|
+
@apply transition-opacity ease-in duration-100;
|
|
94
105
|
}
|
|
95
106
|
|
|
96
107
|
.rsui-tooltip__transition--leave-from {
|
|
97
|
-
@apply opacity-100
|
|
108
|
+
@apply opacity-100;
|
|
98
109
|
}
|
|
99
110
|
|
|
100
111
|
.rsui-tooltip__transition--leave-to {
|
|
101
|
-
@apply opacity-0
|
|
112
|
+
@apply opacity-0;
|
|
102
113
|
}
|