@redseed/redseed-ui-tailwindcss 7.12.4 → 7.13.1
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/tooltip.css +86 -0
- package/components.css +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
.rsui-tooltip {
|
|
2
|
+
@apply relative inline-flex items-center z-50;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.rsui-tooltip__overlay {
|
|
6
|
+
@apply fixed inset-0 z-40;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
/* Trigger — default circular icon button */
|
|
10
|
+
.rsui-tooltip__trigger {
|
|
11
|
+
@apply inline-flex items-center justify-center rounded-full cursor-pointer;
|
|
12
|
+
@apply border-none transition-colors duration-150;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.rsui-tooltip__trigger--xs {
|
|
16
|
+
@apply size-4 [&>svg]:size-4;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.rsui-tooltip__trigger--sm {
|
|
20
|
+
@apply size-5 [&>svg]:size-5;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.rsui-tooltip__trigger--md {
|
|
24
|
+
@apply size-6 [&>svg]:size-6;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/* Trigger color variants — icon only, no background or border */
|
|
28
|
+
.rsui-tooltip__trigger--secondary {
|
|
29
|
+
@apply text-text-secondary;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.rsui-tooltip__trigger--info {
|
|
33
|
+
@apply text-text-info;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.rsui-tooltip__trigger--success {
|
|
37
|
+
@apply text-text-success;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.rsui-tooltip__trigger--warning {
|
|
41
|
+
@apply text-text-warning;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.rsui-tooltip__trigger--error {
|
|
45
|
+
@apply text-text-error;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.rsui-tooltip__trigger--skillscheck {
|
|
49
|
+
@apply text-brand-500;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.rsui-tooltip__trigger--coach {
|
|
53
|
+
@apply text-redseed-blue-500;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/* Content panel — positioned via inline styles (fixed, teleported to body) */
|
|
57
|
+
.rsui-tooltip__content {
|
|
58
|
+
@apply px-3 py-2 w-max max-w-60;
|
|
59
|
+
@apply text-sm text-text-on-color bg-background-primary-contrast rounded-lg shadow-lg;
|
|
60
|
+
@apply pointer-events-none;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* Transitions */
|
|
64
|
+
.rsui-tooltip__transition--enter-active {
|
|
65
|
+
@apply transition-opacity ease-out duration-150;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.rsui-tooltip__transition--enter-from {
|
|
69
|
+
@apply opacity-0;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.rsui-tooltip__transition--enter-to {
|
|
73
|
+
@apply opacity-100;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.rsui-tooltip__transition--leave-active {
|
|
77
|
+
@apply transition-opacity ease-in duration-100;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.rsui-tooltip__transition--leave-from {
|
|
81
|
+
@apply opacity-100;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.rsui-tooltip__transition--leave-to {
|
|
85
|
+
@apply opacity-0;
|
|
86
|
+
}
|
package/components.css
CHANGED
|
@@ -97,4 +97,5 @@ Please be careful when adding new components and updating the order.
|
|
|
97
97
|
@import './components/td.css';
|
|
98
98
|
@import './components/td_user.css';
|
|
99
99
|
@import './components/toggle.css';
|
|
100
|
+
@import './components/tooltip.css';
|
|
100
101
|
@import './components/two_column_layout.css';
|