@x-plat/design-system 0.1.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.
Files changed (165) hide show
  1. package/README.md +123 -0
  2. package/dist/attributes-DJIWir_0.d.cts +7 -0
  3. package/dist/attributes-DJIWir_0.d.ts +7 -0
  4. package/dist/breakpoints-DsXkJgdl.d.cts +35 -0
  5. package/dist/breakpoints-DsXkJgdl.d.ts +35 -0
  6. package/dist/colors-BG91q_uV.d.cts +133 -0
  7. package/dist/colors-BG91q_uV.d.ts +133 -0
  8. package/dist/components/Button/index.cjs +203 -0
  9. package/dist/components/Button/index.css +1231 -0
  10. package/dist/components/Button/index.d.cts +132 -0
  11. package/dist/components/Button/index.d.ts +132 -0
  12. package/dist/components/Button/index.js +176 -0
  13. package/dist/components/Card/index.cjs +56 -0
  14. package/dist/components/Card/index.css +27 -0
  15. package/dist/components/Card/index.d.cts +13 -0
  16. package/dist/components/Card/index.d.ts +13 -0
  17. package/dist/components/Card/index.js +29 -0
  18. package/dist/components/Chart/index.cjs +393 -0
  19. package/dist/components/Chart/index.css +4 -0
  20. package/dist/components/Chart/index.d.cts +10 -0
  21. package/dist/components/Chart/index.d.ts +10 -0
  22. package/dist/components/Chart/index.js +367 -0
  23. package/dist/components/CheckBox/index.cjs +1116 -0
  24. package/dist/components/CheckBox/index.css +598 -0
  25. package/dist/components/CheckBox/index.d.cts +132 -0
  26. package/dist/components/CheckBox/index.d.ts +132 -0
  27. package/dist/components/CheckBox/index.js +1089 -0
  28. package/dist/components/Chip/index.cjs +193 -0
  29. package/dist/components/Chip/index.css +1227 -0
  30. package/dist/components/Chip/index.d.cts +132 -0
  31. package/dist/components/Chip/index.d.ts +132 -0
  32. package/dist/components/Chip/index.js +166 -0
  33. package/dist/components/DatePicker/index.cjs +1653 -0
  34. package/dist/components/DatePicker/index.css +1417 -0
  35. package/dist/components/DatePicker/index.d.cts +56 -0
  36. package/dist/components/DatePicker/index.d.ts +56 -0
  37. package/dist/components/DatePicker/index.js +1613 -0
  38. package/dist/components/HtmlTypeWriter/index.cjs +172 -0
  39. package/dist/components/HtmlTypeWriter/index.css +23 -0
  40. package/dist/components/HtmlTypeWriter/index.d.cts +14 -0
  41. package/dist/components/HtmlTypeWriter/index.d.ts +14 -0
  42. package/dist/components/HtmlTypeWriter/index.js +135 -0
  43. package/dist/components/ImageSelector/index.cjs +1063 -0
  44. package/dist/components/ImageSelector/index.css +85 -0
  45. package/dist/components/ImageSelector/index.d.cts +10 -0
  46. package/dist/components/ImageSelector/index.d.ts +10 -0
  47. package/dist/components/ImageSelector/index.js +1026 -0
  48. package/dist/components/Input/index.cjs +410 -0
  49. package/dist/components/Input/index.css +74 -0
  50. package/dist/components/Input/index.d.cts +23 -0
  51. package/dist/components/Input/index.d.ts +23 -0
  52. package/dist/components/Input/index.js +372 -0
  53. package/dist/components/Modal/index.cjs +101 -0
  54. package/dist/components/Modal/index.css +39 -0
  55. package/dist/components/Modal/index.d.cts +16 -0
  56. package/dist/components/Modal/index.d.ts +16 -0
  57. package/dist/components/Modal/index.js +64 -0
  58. package/dist/components/PopOver/index.cjs +176 -0
  59. package/dist/components/PopOver/index.css +27 -0
  60. package/dist/components/PopOver/index.d.cts +15 -0
  61. package/dist/components/PopOver/index.d.ts +15 -0
  62. package/dist/components/PopOver/index.js +139 -0
  63. package/dist/components/Radio/index.cjs +257 -0
  64. package/dist/components/Radio/index.css +777 -0
  65. package/dist/components/Radio/index.d.cts +154 -0
  66. package/dist/components/Radio/index.d.ts +154 -0
  67. package/dist/components/Radio/index.js +219 -0
  68. package/dist/components/Select/index.cjs +1203 -0
  69. package/dist/components/Select/index.css +136 -0
  70. package/dist/components/Select/index.d.cts +44 -0
  71. package/dist/components/Select/index.d.ts +44 -0
  72. package/dist/components/Select/index.js +1165 -0
  73. package/dist/components/Swiper/index.cjs +144 -0
  74. package/dist/components/Swiper/index.d.cts +24 -0
  75. package/dist/components/Swiper/index.d.ts +24 -0
  76. package/dist/components/Swiper/index.js +128 -0
  77. package/dist/components/Switch/index.cjs +240 -0
  78. package/dist/components/Switch/index.css +780 -0
  79. package/dist/components/Switch/index.d.cts +131 -0
  80. package/dist/components/Switch/index.d.ts +131 -0
  81. package/dist/components/Switch/index.js +203 -0
  82. package/dist/components/Tab/index.cjs +122 -0
  83. package/dist/components/Tab/index.css +59 -0
  84. package/dist/components/Tab/index.d.cts +18 -0
  85. package/dist/components/Tab/index.d.ts +18 -0
  86. package/dist/components/Tab/index.js +85 -0
  87. package/dist/components/Table/index.cjs +384 -0
  88. package/dist/components/Table/index.css +4093 -0
  89. package/dist/components/Table/index.d.cts +174 -0
  90. package/dist/components/Table/index.d.ts +174 -0
  91. package/dist/components/Table/index.js +343 -0
  92. package/dist/components/TextArea/index.cjs +114 -0
  93. package/dist/components/TextArea/index.css +34 -0
  94. package/dist/components/TextArea/index.d.cts +6 -0
  95. package/dist/components/TextArea/index.d.ts +6 -0
  96. package/dist/components/TextArea/index.js +77 -0
  97. package/dist/components/Tooltip/index.cjs +210 -0
  98. package/dist/components/Tooltip/index.css +599 -0
  99. package/dist/components/Tooltip/index.d.cts +134 -0
  100. package/dist/components/Tooltip/index.d.ts +134 -0
  101. package/dist/components/Tooltip/index.js +173 -0
  102. package/dist/components/Video/index.cjs +269 -0
  103. package/dist/components/Video/index.css +71 -0
  104. package/dist/components/Video/index.d.cts +15 -0
  105. package/dist/components/Video/index.d.ts +15 -0
  106. package/dist/components/Video/index.js +232 -0
  107. package/dist/components/index.cjs +3221 -0
  108. package/dist/components/index.css +9972 -0
  109. package/dist/components/index.d.cts +23 -0
  110. package/dist/components/index.d.ts +23 -0
  111. package/dist/components/index.js +3167 -0
  112. package/dist/index.cjs +8216 -0
  113. package/dist/index.css +10087 -0
  114. package/dist/index.d.cts +31 -0
  115. package/dist/index.d.ts +31 -0
  116. package/dist/index.js +7855 -0
  117. package/dist/layout/Grid/FullGrid/index.cjs +54 -0
  118. package/dist/layout/Grid/FullGrid/index.css +21 -0
  119. package/dist/layout/Grid/FullGrid/index.d.cts +9 -0
  120. package/dist/layout/Grid/FullGrid/index.d.ts +9 -0
  121. package/dist/layout/Grid/FullGrid/index.js +27 -0
  122. package/dist/layout/Grid/FullScreen/index.cjs +54 -0
  123. package/dist/layout/Grid/FullScreen/index.css +23 -0
  124. package/dist/layout/Grid/FullScreen/index.d.cts +9 -0
  125. package/dist/layout/Grid/FullScreen/index.d.ts +9 -0
  126. package/dist/layout/Grid/FullScreen/index.js +27 -0
  127. package/dist/layout/Grid/GapGrid/index.cjs +32 -0
  128. package/dist/layout/Grid/GapGrid/index.d.cts +12 -0
  129. package/dist/layout/Grid/GapGrid/index.d.ts +12 -0
  130. package/dist/layout/Grid/GapGrid/index.js +11 -0
  131. package/dist/layout/Grid/Item/index.cjs +71 -0
  132. package/dist/layout/Grid/Item/index.css +19 -0
  133. package/dist/layout/Grid/Item/index.d.cts +20 -0
  134. package/dist/layout/Grid/Item/index.d.ts +20 -0
  135. package/dist/layout/Grid/Item/index.js +44 -0
  136. package/dist/layout/Grid/index.cjs +95 -0
  137. package/dist/layout/Grid/index.css +65 -0
  138. package/dist/layout/Grid/index.d.cts +5 -0
  139. package/dist/layout/Grid/index.d.ts +5 -0
  140. package/dist/layout/Grid/index.js +65 -0
  141. package/dist/layout/Header/index.cjs +45 -0
  142. package/dist/layout/Header/index.css +11 -0
  143. package/dist/layout/Header/index.d.cts +10 -0
  144. package/dist/layout/Header/index.d.ts +10 -0
  145. package/dist/layout/Header/index.js +18 -0
  146. package/dist/layout/Layout/index.cjs +44 -0
  147. package/dist/layout/Layout/index.css +23 -0
  148. package/dist/layout/Layout/index.d.cts +15 -0
  149. package/dist/layout/Layout/index.d.ts +15 -0
  150. package/dist/layout/Layout/index.js +17 -0
  151. package/dist/layout/SideBar/index.cjs +101 -0
  152. package/dist/layout/SideBar/index.css +10 -0
  153. package/dist/layout/SideBar/index.d.cts +16 -0
  154. package/dist/layout/SideBar/index.d.ts +16 -0
  155. package/dist/layout/SideBar/index.js +62 -0
  156. package/dist/layout/index.cjs +188 -0
  157. package/dist/layout/index.css +112 -0
  158. package/dist/layout/index.d.cts +8 -0
  159. package/dist/layout/index.d.ts +8 -0
  160. package/dist/layout/index.js +143 -0
  161. package/dist/tokens/index.cjs +6225 -0
  162. package/dist/tokens/index.d.cts +593 -0
  163. package/dist/tokens/index.d.ts +593 -0
  164. package/dist/tokens/index.js +5900 -0
  165. package/package.json +86 -0
package/dist/components/Tooltip/index.css ADDED
@@ -0,0 +1,599 @@
1
+ /* src/components/Tooltip/tooltip.scss */
2
+ .lib-xplat-tooltip {
3
+ width: fit-content;
4
+ position: relative;
5
+ }
6
+ .lib-xplat-tooltip > .tooltip-content {
7
+ width: fit-content;
8
+ height: fit-content;
9
+ }
10
+ .lib-xplat-tooltip > .tooltip-wrapper {
11
+ position: absolute;
12
+ transform: translateX(-50%) scale(0.5);
13
+ left: 50%;
14
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
15
+ white-space: nowrap;
16
+ border-radius: 0.25rem;
17
+ padding: 6px 10px;
18
+ opacity: 0;
19
+ pointer-events: none;
20
+ bottom: 100%;
21
+ transition: opacity 0.12s ease, transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);
22
+ }
23
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-red-50 {
24
+ background-color: #FFF0F0;
25
+ }
26
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-red-100 {
27
+ background-color: #FFDDDE;
28
+ }
29
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-red-200 {
30
+ background-color: #FFC1C2;
31
+ }
32
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-red-300 {
33
+ background-color: #FF9698;
34
+ }
35
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-red-400 {
36
+ background-color: #FF5A5D;
37
+ }
38
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-red-500 {
39
+ background-color: #FF272B;
40
+ }
41
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-red-600 {
42
+ background-color: #F80409;
43
+ }
44
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-red-700 {
45
+ background-color: #D40105;
46
+ }
47
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-red-800 {
48
+ background-color: #AE0609;
49
+ }
50
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-red-900 {
51
+ background-color: #900C0F;
52
+ }
53
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-green-50 {
54
+ background-color: #E5F6EA;
55
+ }
56
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-green-100 {
57
+ background-color: #C1E7CC;
58
+ }
59
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-green-200 {
60
+ background-color: #98D8AC;
61
+ }
62
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-green-300 {
63
+ background-color: #6CCA8B;
64
+ }
65
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-green-400 {
66
+ background-color: #47BE72;
67
+ }
68
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-green-500 {
69
+ background-color: #10B259;
70
+ }
71
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-green-600 {
72
+ background-color: #00A34F;
73
+ }
74
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-green-700 {
75
+ background-color: #009143;
76
+ }
77
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-green-800 {
78
+ background-color: #007F38;
79
+ }
80
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-green-900 {
81
+ background-color: #006024;
82
+ }
83
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-orange-50 {
84
+ background-color: #FFF8EC;
85
+ }
86
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-orange-100 {
87
+ background-color: #FFF0D3;
88
+ }
89
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-orange-200 {
90
+ background-color: #FFDDA5;
91
+ }
92
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-orange-300 {
93
+ background-color: #FFC46D;
94
+ }
95
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-orange-400 {
96
+ background-color: #FF9F32;
97
+ }
98
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-orange-500 {
99
+ background-color: #FF820A;
100
+ }
101
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-orange-600 {
102
+ background-color: #FF6900;
103
+ }
104
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-orange-700 {
105
+ background-color: #CC4B02;
106
+ }
107
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-orange-800 {
108
+ background-color: #A13A0B;
109
+ }
110
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-orange-900 {
111
+ background-color: #82320C;
112
+ }
113
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-yellow-50 {
114
+ background-color: #FFFDE7;
115
+ }
116
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-yellow-100 {
117
+ background-color: #FFFAC1;
118
+ }
119
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-yellow-200 {
120
+ background-color: #FFF186;
121
+ }
122
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-yellow-300 {
123
+ background-color: #FFE041;
124
+ }
125
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-yellow-400 {
126
+ background-color: #FFCC0D;
127
+ }
128
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-yellow-500 {
129
+ background-color: #F0B100;
130
+ }
131
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-yellow-600 {
132
+ background-color: #D18800;
133
+ }
134
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-yellow-700 {
135
+ background-color: #A66002;
136
+ }
137
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-yellow-800 {
138
+ background-color: #894B0A;
139
+ }
140
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-yellow-900 {
141
+ background-color: #743D0F;
142
+ }
143
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-blue-50 {
144
+ background-color: #F1F4FD;
145
+ }
146
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-blue-100 {
147
+ background-color: #DFE7FA;
148
+ }
149
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-blue-200 {
150
+ background-color: #C5D4F8;
151
+ }
152
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-blue-300 {
153
+ background-color: #9EB8F2;
154
+ }
155
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-blue-400 {
156
+ background-color: #7093EA;
157
+ }
158
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-blue-500 {
159
+ background-color: #4D6DE3;
160
+ }
161
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-blue-600 {
162
+ background-color: #3950D7;
163
+ }
164
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-blue-700 {
165
+ background-color: #303EC5;
166
+ }
167
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-blue-800 {
168
+ background-color: #2D35A0;
169
+ }
170
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-blue-900 {
171
+ background-color: #29317F;
172
+ }
173
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-lightblue-50 {
174
+ background-color: #EEFAFF;
175
+ }
176
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-lightblue-100 {
177
+ background-color: #D9F4FF;
178
+ }
179
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-lightblue-200 {
180
+ background-color: #BBEDFF;
181
+ }
182
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-lightblue-300 {
183
+ background-color: #8DE3FF;
184
+ }
185
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-lightblue-400 {
186
+ background-color: #57D0FF;
187
+ }
188
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-lightblue-500 {
189
+ background-color: #30B6FF;
190
+ }
191
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-lightblue-600 {
192
+ background-color: #1999F7;
193
+ }
194
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-lightblue-700 {
195
+ background-color: #1280E3;
196
+ }
197
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-lightblue-800 {
198
+ background-color: #1566B8;
199
+ }
200
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-lightblue-900 {
201
+ background-color: #175791;
202
+ }
203
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-purple-50 {
204
+ background-color: #FBF6FE;
205
+ }
206
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-purple-100 {
207
+ background-color: #F5EAFD;
208
+ }
209
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-purple-200 {
210
+ background-color: #EDD8FC;
211
+ }
212
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-purple-300 {
213
+ background-color: #E0BAF8;
214
+ }
215
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-purple-400 {
216
+ background-color: #CD8DF3;
217
+ }
218
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-purple-500 {
219
+ background-color: #B961EB;
220
+ }
221
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-purple-600 {
222
+ background-color: #A541DC;
223
+ }
224
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-purple-700 {
225
+ background-color: #9230C5;
226
+ }
227
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-purple-800 {
228
+ background-color: #782B9E;
229
+ }
230
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-purple-900 {
231
+ background-color: #62247F;
232
+ }
233
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-pink-50 {
234
+ background-color: #FFF4FE;
235
+ }
236
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-pink-100 {
237
+ background-color: #FFE7FD;
238
+ }
239
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-pink-200 {
240
+ background-color: #FFCFFA;
241
+ }
242
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-pink-300 {
243
+ background-color: #FEA9F1;
244
+ }
245
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-pink-400 {
246
+ background-color: #FD75E7;
247
+ }
248
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-pink-500 {
249
+ background-color: #F553DA;
250
+ }
251
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-pink-600 {
252
+ background-color: #D821B6;
253
+ }
254
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-pink-700 {
255
+ background-color: #B31892;
256
+ }
257
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-pink-800 {
258
+ background-color: #921676;
259
+ }
260
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-pink-900 {
261
+ background-color: #781761;
262
+ }
263
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-neutral-50 {
264
+ background-color: #FAFAFA;
265
+ }
266
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-neutral-100 {
267
+ background-color: #F5F5F5;
268
+ }
269
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-neutral-200 {
270
+ background-color: #E5E5E5;
271
+ }
272
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-neutral-300 {
273
+ background-color: #D4D4D4;
274
+ }
275
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-neutral-400 {
276
+ background-color: #A1A1A1;
277
+ }
278
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-neutral-500 {
279
+ background-color: #737373;
280
+ }
281
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-neutral-600 {
282
+ background-color: #525252;
283
+ }
284
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-neutral-700 {
285
+ background-color: #404040;
286
+ }
287
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-neutral-800 {
288
+ background-color: #262626;
289
+ }
290
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-neutral-900 {
291
+ background-color: #171717;
292
+ }
293
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-black {
294
+ background-color: #000000;
295
+ }
296
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.xplat-white {
297
+ background-color: #FFFFFF;
298
+ }
299
+ .lib-xplat-tooltip > .tooltip-wrapper.primary.test-default {
300
+ background-color: #ffffff;
301
+ }
302
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary {
303
+ background-color: #FFFFFF;
304
+ }
305
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-red-50 {
306
+ color: #FFF0F0;
307
+ }
308
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-red-100 {
309
+ color: #FFDDDE;
310
+ }
311
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-red-200 {
312
+ color: #FFC1C2;
313
+ }
314
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-red-300 {
315
+ color: #FF9698;
316
+ }
317
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-red-400 {
318
+ color: #FF5A5D;
319
+ }
320
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-red-500 {
321
+ color: #FF272B;
322
+ }
323
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-red-600 {
324
+ color: #F80409;
325
+ }
326
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-red-700 {
327
+ color: #D40105;
328
+ }
329
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-red-800 {
330
+ color: #AE0609;
331
+ }
332
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-red-900 {
333
+ color: #900C0F;
334
+ }
335
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-green-50 {
336
+ color: #E5F6EA;
337
+ }
338
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-green-100 {
339
+ color: #C1E7CC;
340
+ }
341
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-green-200 {
342
+ color: #98D8AC;
343
+ }
344
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-green-300 {
345
+ color: #6CCA8B;
346
+ }
347
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-green-400 {
348
+ color: #47BE72;
349
+ }
350
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-green-500 {
351
+ color: #10B259;
352
+ }
353
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-green-600 {
354
+ color: #00A34F;
355
+ }
356
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-green-700 {
357
+ color: #009143;
358
+ }
359
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-green-800 {
360
+ color: #007F38;
361
+ }
362
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-green-900 {
363
+ color: #006024;
364
+ }
365
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-orange-50 {
366
+ color: #FFF8EC;
367
+ }
368
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-orange-100 {
369
+ color: #FFF0D3;
370
+ }
371
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-orange-200 {
372
+ color: #FFDDA5;
373
+ }
374
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-orange-300 {
375
+ color: #FFC46D;
376
+ }
377
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-orange-400 {
378
+ color: #FF9F32;
379
+ }
380
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-orange-500 {
381
+ color: #FF820A;
382
+ }
383
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-orange-600 {
384
+ color: #FF6900;
385
+ }
386
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-orange-700 {
387
+ color: #CC4B02;
388
+ }
389
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-orange-800 {
390
+ color: #A13A0B;
391
+ }
392
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-orange-900 {
393
+ color: #82320C;
394
+ }
395
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-yellow-50 {
396
+ color: #FFFDE7;
397
+ }
398
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-yellow-100 {
399
+ color: #FFFAC1;
400
+ }
401
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-yellow-200 {
402
+ color: #FFF186;
403
+ }
404
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-yellow-300 {
405
+ color: #FFE041;
406
+ }
407
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-yellow-400 {
408
+ color: #FFCC0D;
409
+ }
410
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-yellow-500 {
411
+ color: #F0B100;
412
+ }
413
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-yellow-600 {
414
+ color: #D18800;
415
+ }
416
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-yellow-700 {
417
+ color: #A66002;
418
+ }
419
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-yellow-800 {
420
+ color: #894B0A;
421
+ }
422
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-yellow-900 {
423
+ color: #743D0F;
424
+ }
425
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-blue-50 {
426
+ color: #F1F4FD;
427
+ }
428
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-blue-100 {
429
+ color: #DFE7FA;
430
+ }
431
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-blue-200 {
432
+ color: #C5D4F8;
433
+ }
434
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-blue-300 {
435
+ color: #9EB8F2;
436
+ }
437
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-blue-400 {
438
+ color: #7093EA;
439
+ }
440
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-blue-500 {
441
+ color: #4D6DE3;
442
+ }
443
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-blue-600 {
444
+ color: #3950D7;
445
+ }
446
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-blue-700 {
447
+ color: #303EC5;
448
+ }
449
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-blue-800 {
450
+ color: #2D35A0;
451
+ }
452
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-blue-900 {
453
+ color: #29317F;
454
+ }
455
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-lightblue-50 {
456
+ color: #EEFAFF;
457
+ }
458
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-lightblue-100 {
459
+ color: #D9F4FF;
460
+ }
461
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-lightblue-200 {
462
+ color: #BBEDFF;
463
+ }
464
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-lightblue-300 {
465
+ color: #8DE3FF;
466
+ }
467
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-lightblue-400 {
468
+ color: #57D0FF;
469
+ }
470
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-lightblue-500 {
471
+ color: #30B6FF;
472
+ }
473
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-lightblue-600 {
474
+ color: #1999F7;
475
+ }
476
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-lightblue-700 {
477
+ color: #1280E3;
478
+ }
479
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-lightblue-800 {
480
+ color: #1566B8;
481
+ }
482
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-lightblue-900 {
483
+ color: #175791;
484
+ }
485
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-purple-50 {
486
+ color: #FBF6FE;
487
+ }
488
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-purple-100 {
489
+ color: #F5EAFD;
490
+ }
491
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-purple-200 {
492
+ color: #EDD8FC;
493
+ }
494
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-purple-300 {
495
+ color: #E0BAF8;
496
+ }
497
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-purple-400 {
498
+ color: #CD8DF3;
499
+ }
500
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-purple-500 {
501
+ color: #B961EB;
502
+ }
503
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-purple-600 {
504
+ color: #A541DC;
505
+ }
506
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-purple-700 {
507
+ color: #9230C5;
508
+ }
509
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-purple-800 {
510
+ color: #782B9E;
511
+ }
512
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-purple-900 {
513
+ color: #62247F;
514
+ }
515
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-pink-50 {
516
+ color: #FFF4FE;
517
+ }
518
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-pink-100 {
519
+ color: #FFE7FD;
520
+ }
521
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-pink-200 {
522
+ color: #FFCFFA;
523
+ }
524
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-pink-300 {
525
+ color: #FEA9F1;
526
+ }
527
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-pink-400 {
528
+ color: #FD75E7;
529
+ }
530
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-pink-500 {
531
+ color: #F553DA;
532
+ }
533
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-pink-600 {
534
+ color: #D821B6;
535
+ }
536
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-pink-700 {
537
+ color: #B31892;
538
+ }
539
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-pink-800 {
540
+ color: #921676;
541
+ }
542
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-pink-900 {
543
+ color: #781761;
544
+ }
545
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-neutral-50 {
546
+ color: #FAFAFA;
547
+ }
548
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-neutral-100 {
549
+ color: #F5F5F5;
550
+ }
551
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-neutral-200 {
552
+ color: #E5E5E5;
553
+ }
554
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-neutral-300 {
555
+ color: #D4D4D4;
556
+ }
557
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-neutral-400 {
558
+ color: #A1A1A1;
559
+ }
560
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-neutral-500 {
561
+ color: #737373;
562
+ }
563
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-neutral-600 {
564
+ color: #525252;
565
+ }
566
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-neutral-700 {
567
+ color: #404040;
568
+ }
569
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-neutral-800 {
570
+ color: #262626;
571
+ }
572
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-neutral-900 {
573
+ color: #171717;
574
+ }
575
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-black {
576
+ color: #000000;
577
+ }
578
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.xplat-white {
579
+ color: #FFFFFF;
580
+ }
581
+ .lib-xplat-tooltip > .tooltip-wrapper.secondary.test-default {
582
+ color: #ffffff;
583
+ }
584
+ .lib-xplat-tooltip.tooltip-bottom > .tooltip-wrapper {
585
+ top: 100%;
586
+ bottom: auto;
587
+ transform-origin: top center;
588
+ }
589
+ .lib-xplat-tooltip.tooltip-top > .tooltip-wrapper {
590
+ bottom: 100%;
591
+ top: auto;
592
+ transform-origin: bottom center;
593
+ }
594
+ .lib-xplat-tooltip:hover > .tooltip-content + .tooltip-wrapper,
595
+ .lib-xplat-tooltip > .tooltip-content:hover + .tooltip-wrapper {
596
+ opacity: 1;
597
+ pointer-events: auto;
598
+ transform: translateX(-50%) scale(1);
599
+ }