@e1011/es-kit 1.1.36 → 1.1.40

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 (55) hide show
  1. package/dist/hooks/esm/index.css +414 -414
  2. package/dist/hooks/esm/src/core/hooks/index.js +1 -1
  3. package/dist/hooks/esm/src/core/hooks/useSetTimeout.js +2 -0
  4. package/dist/hooks/esm/src/core/hooks/useSetTimeout.js.map +1 -0
  5. package/dist/hooks/index.css +414 -414
  6. package/dist/hooks/src/core/hooks/index.js +1 -1
  7. package/dist/hooks/src/core/hooks/useSetTimeout.js +2 -0
  8. package/dist/hooks/src/core/hooks/useSetTimeout.js.map +1 -0
  9. package/dist/lib/cjs/src/core/hooks/useSetTimeout.js +2 -0
  10. package/dist/lib/cjs/src/core/hooks/useSetTimeout.js.map +1 -0
  11. package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js +1 -1
  12. package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js.map +1 -1
  13. package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map +1 -1
  14. package/dist/lib/cjs/src/core/utils/helpers/other.js.map +1 -1
  15. package/dist/lib/cjs/src/index.js +1 -1
  16. package/dist/lib/esm/src/core/hooks/useSetTimeout.js +2 -0
  17. package/dist/lib/esm/src/core/hooks/useSetTimeout.js.map +1 -0
  18. package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js +1 -1
  19. package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
  20. package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
  21. package/dist/lib/esm/src/core/utils/helpers/other.js.map +1 -1
  22. package/dist/lib/esm/src/index.js +1 -1
  23. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  24. package/dist/types/src/core/hooks/hooks.stories.d.ts +5 -0
  25. package/dist/types/src/core/hooks/hooks.stories.d.ts.map +1 -0
  26. package/dist/types/src/core/hooks/index.d.ts +1 -0
  27. package/dist/types/src/core/hooks/index.d.ts.map +1 -1
  28. package/dist/types/src/core/hooks/useSetTimeout.d.ts +5 -0
  29. package/dist/types/src/core/hooks/useSetTimeout.d.ts.map +1 -0
  30. package/dist/types/src/core/ui/components/atoms/button/Button.d.ts +3 -1
  31. package/dist/types/src/core/ui/components/atoms/button/Button.d.ts.map +1 -1
  32. package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts.map +1 -1
  33. package/dist/types/src/core/ui/components/atoms/button/button.types.d.ts +5 -1
  34. package/dist/types/src/core/ui/components/atoms/button/button.types.d.ts.map +1 -1
  35. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts +2 -2
  36. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts.map +1 -1
  37. package/dist/types/src/core/ui/components/icon/IconBase.d.ts +3 -3
  38. package/dist/types/src/core/ui/components/icon/IconBase.d.ts.map +1 -1
  39. package/dist/types/src/core/utils/helpers/other.d.ts +1 -1
  40. package/dist/types/src/core/utils/helpers/other.d.ts.map +1 -1
  41. package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js +1 -1
  42. package/dist/ui/esm/src/core/ui/components/atoms/button/Button.js.map +1 -1
  43. package/dist/ui/esm/src/core/ui/components/icon/IconBase.js.map +1 -1
  44. package/dist/ui/esm/src/core/ui/index.js +1 -1
  45. package/dist/ui/src/core/ui/components/atoms/button/Button.js +1 -1
  46. package/dist/ui/src/core/ui/components/atoms/button/Button.js.map +1 -1
  47. package/dist/ui/src/core/ui/components/icon/IconBase.js.map +1 -1
  48. package/dist/ui/src/core/ui/index.js +1 -1
  49. package/dist/utils/esm/index.css +414 -414
  50. package/dist/utils/esm/src/core/utils/helpers/other.js.map +1 -1
  51. package/dist/utils/index.css +414 -414
  52. package/dist/utils/src/core/utils/helpers/other.js.map +1 -1
  53. package/package.json +1 -1
  54. package/dist/types/src/core/utils/appState/store/asyncFunc.spec.d.ts +0 -2
  55. package/dist/types/src/core/utils/appState/store/asyncFunc.spec.d.ts.map +0 -1
@@ -1,3 +1,31 @@
1
+ .divider-module_divider-line__6CesR {
2
+ position: relative;
3
+ display: block;
4
+ transition: opacity, width, height 250ms ease-in-out;
5
+ background-color: var(--color);
6
+ opacity: var(--opacity);
7
+ }
8
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
9
+ height: var(--length);
10
+ left: var(--left);
11
+ width: var(--width);
12
+ margin: var(--margin);
13
+ }
14
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
15
+ width: var(--length);
16
+ left: var(--left);
17
+ height: var(--height);
18
+ margin: var(--margin);
19
+ }
20
+ .errorBoundary-module_errorBoundary__gk9ps {
21
+ background: #EFEFEF;
22
+ width: 100%;
23
+ height: 100%;
24
+ }
25
+
26
+ .errorBoundary-module_StyledIcon__IYHiU {
27
+ margin-right: 10px;
28
+ }
1
29
  .icon-module_icon-base-parent__nOMvW {
2
30
  line-height: 1px !important;
3
31
  }
@@ -135,58 +163,6 @@
135
163
  .field-module_field__UfKm3 label {
136
164
  text-align: left;
137
165
  }
138
- .errorBoundary-module_errorBoundary__gk9ps {
139
- background: #EFEFEF;
140
- width: 100%;
141
- height: 100%;
142
- }
143
-
144
- .errorBoundary-module_StyledIcon__IYHiU {
145
- margin-right: 10px;
146
- }
147
- .divider-module_divider-line__6CesR {
148
- position: relative;
149
- display: block;
150
- transition: opacity, width, height 250ms ease-in-out;
151
- background-color: var(--color);
152
- opacity: var(--opacity);
153
- }
154
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
155
- height: var(--length);
156
- left: var(--left);
157
- width: var(--width);
158
- margin: var(--margin);
159
- }
160
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
161
- width: var(--length);
162
- left: var(--left);
163
- height: var(--height);
164
- margin: var(--margin);
165
- }
166
- .layoutBox-module_layout-box__ZIID8 {
167
- display: flex;
168
- position: relative;
169
- flex-direction: row;
170
- flex: 0;
171
- flex-grow: 0;
172
- flex-shrink: 0;
173
- flex-basis: auto;
174
- flex-wrap: nowrap;
175
- gap: 0;
176
- text-align: left;
177
- justify-content: flex-start;
178
- align-items: flex-start;
179
- align-self: auto;
180
- margin: 0;
181
- padding: 0;
182
- width: auto;
183
- height: auto;
184
- max-width: none;
185
- max-height: none;
186
- min-width: 0;
187
- min-height: 0;
188
- border-radius: initial;
189
- }
190
166
  .lazyComponent-module_loader__brMEW {
191
167
  position: relative;
192
168
  width: 100px;
@@ -230,256 +206,259 @@
230
206
  stroke-dashoffset: -124;
231
207
  }
232
208
  }
209
+ .layoutBox-module_layout-box__ZIID8 {
210
+ display: flex;
211
+ position: relative;
212
+ flex-direction: row;
213
+ flex: 0;
214
+ flex-grow: 0;
215
+ flex-shrink: 0;
216
+ flex-basis: auto;
217
+ flex-wrap: nowrap;
218
+ gap: 0;
219
+ text-align: left;
220
+ justify-content: flex-start;
221
+ align-items: flex-start;
222
+ align-self: auto;
223
+ margin: 0;
224
+ padding: 0;
225
+ width: auto;
226
+ height: auto;
227
+ max-width: none;
228
+ max-height: none;
229
+ min-width: 0;
230
+ min-height: 0;
231
+ border-radius: initial;
232
+ }
233
233
  :root {
234
234
  --divider-line: #4a4b4b;
235
235
  }
236
236
 
237
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
237
+ .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
238
238
  overflow: hidden !important;
239
239
  }
240
240
 
241
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
241
+ .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
242
242
  white-space: nowrap !important;
243
243
  }
244
244
 
245
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
245
+ .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
246
246
  text-overflow: ellipsis !important;
247
247
  }
248
248
 
249
- .tooltip-module_popover-tooltip__sAhKa {
250
- position: fixed;
251
- z-index: 999;
252
- will-change: opacity;
253
- transition: opacity 450ms ease;
254
- opacity: 0;
255
- visibility: hidden;
256
- border-radius: 4px;
257
- background-color: #1B1D1D;
258
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
259
- }
260
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
261
- margin: 0;
262
- padding: 0;
263
- }
264
- .tooltip-module_popover-tooltip__sAhKa p {
265
- display: -webkit-box;
266
- -webkit-line-clamp: 4; /* number of lines to show */
267
- line-clamp: 4;
268
- -webkit-box-orient: vertical;
269
- margin: 0;
270
- width: 100%;
271
- white-space: normal;
272
- overflow: auto;
273
- }
274
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
275
- opacity: 1;
276
- visibility: visible;
277
- }
278
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
279
- opacity: 0;
280
- visibility: hidden;
281
- }
282
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
283
- bottom: -16px;
284
- }
285
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
286
- transform: rotate(0deg);
287
- }
288
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
289
- top: -16px;
290
- }
291
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
292
- transform: rotate(180deg);
293
- }
294
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
295
- right: -16px;
296
- }
297
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
298
- transform: rotate(-90deg);
299
- }
300
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
301
- left: -16px;
302
- }
303
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
304
- transform: rotate(90deg);
305
- }
306
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
307
- position: absolute;
308
- }
309
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
310
- content: "";
311
- border-width: 8px;
312
- border-style: solid;
313
- border-color: #1B1D1D transparent transparent transparent;
249
+ .typography-module_headline__b0XlP {
250
+ font-size: 28px;
251
+ line-height: 32px;
314
252
  }
315
253
 
316
- .tooltip-module_close-button__o8OBN {
317
- cursor: pointer;
318
- line-height: 1px;
319
- background-color: rgba(255, 255, 255, 0);
254
+ .typography-module_headlineSecondary__IDnhT {
255
+ font-size: 24px;
256
+ line-height: 28px;
320
257
  }
321
- .tooltip-module_close-button__o8OBN .icon-base {
322
- background-color: #FDDA0D;
323
- width: 9px !important;
324
- height: 9px !important;
325
- line-height: 1px !important;
258
+
259
+ .typography-module_headlineTertiary__mlG-v {
260
+ font-size: 18px;
261
+ line-height: 24x;
326
262
  }
327
- .tooltip-module_close-button__o8OBN:hover .icon-base {
328
- background-color: #FFEA00;
263
+
264
+ .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
265
+ font-size: 14px;
266
+ line-height: 18px;
267
+ font-weight: 300;
329
268
  }
330
269
 
331
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
332
- background-color: #1B1D1D;
333
- color: #F4F4F4;
270
+ .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
271
+ font-size: 12px;
334
272
  }
335
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
336
- border-color: #1B1D1D transparent transparent transparent;
273
+
274
+ .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
275
+ font-weight: 600;
337
276
  }
338
- .cui-theme-light {
339
- color: #1B1D1D;
277
+
278
+ .typography-module_link__DWurf {
279
+ overflow: hidden !important;
280
+ white-space: nowrap !important;
281
+ text-overflow: ellipsis !important;
282
+ text-decoration: none;
283
+ color: #65C5F6;
284
+ display: inline;
285
+ gap: 4px;
286
+ flex-grow: 0;
287
+ max-width: 400px;
288
+ position: relative;
289
+ vertical-align: center;
340
290
  }
341
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
342
- background-color: #515757;
291
+ .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
292
+ text-decoration: underline;
293
+ color: #65C5F6;
343
294
  }
344
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
345
- border-color: #515757 transparent transparent transparent;
295
+ .typography-module_link__DWurf.typography-module_disabled__hjK8C {
296
+ pointer-events: none;
297
+ opacity: 0.6;
346
298
  }
347
299
  :root {
348
300
  --divider-line: #4a4b4b;
349
301
  }
350
302
 
351
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
303
+ .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
352
304
  overflow: hidden !important;
353
305
  }
354
306
 
355
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
307
+ .tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
356
308
  white-space: nowrap !important;
357
309
  }
358
310
 
359
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
311
+ .tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
360
312
  text-overflow: ellipsis !important;
361
313
  }
362
314
 
363
- .popup-module_popup-container__PJ0oQ {
364
- --popup-width: 60vw;
365
- --popup-height: 50vh;
366
- position: fixed;
367
- width: var(--popup-width);
368
- height: var(--popup-height);
369
- --slideXFrom: 0;
370
- --slideYFrom: 0;
371
- will-change: opacity;
372
- transition: opacity 300ms ease-in-out;
373
- opacity: 0;
374
- visibility: hidden;
375
- pointer-events: none;
376
- }
377
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
378
- position: relative;
379
- flex-direction: column;
380
- align-items: start;
381
- width: 100%;
382
- height: 100%;
383
- overflow-x: clip;
384
- background-color: #090A0A;
315
+ .tag-module_tag__rGA-E {
316
+ display: inline-flex;
317
+ flex-direction: row;
318
+ flex-shrink: 1;
319
+ padding: 4px 8px;
320
+ gap: 4px;
321
+ min-height: 18px;
385
322
  border-radius: 4px;
386
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
387
- transition: transform 350ms ease-out;
388
- will-change: transform;
389
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
323
+ border-width: 1px;
324
+ border-style: solid;
325
+ align-items: center;
390
326
  }
391
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
392
- margin-bottom: 0;
327
+ .tag-module_tag__rGA-E .icon-base {
328
+ color: #E2E369 !important;
393
329
  }
394
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
330
+ .tag-module_tag__rGA-E .tag-module_text__WpK6w {
331
+ white-space: nowrap;
332
+ }
333
+ .tag-module_tag__rGA-E.tag-module_in-table__cWTuJ {
334
+ justify-content: center;
335
+ align-items: center;
336
+ overflow: hidden !important;
337
+ white-space: nowrap !important;
338
+ text-overflow: ellipsis !important;
339
+ }
340
+ .tag-module_tag__rGA-E.tag-module_default__6cv6k {
341
+ background-color: #434747;
342
+ border-color: #515757;
343
+ color: #F4F4F4;
344
+ }
345
+ .tag-module_tag__rGA-E.tag-module_clickable__W6arw {
395
346
  cursor: pointer;
396
- line-height: 1px;
397
- background-color: rgba(255, 255, 255, 0);
347
+ transition: background-color 0.25s ease;
398
348
  }
399
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
400
- background-color: #FDDA0D;
401
- width: 9px !important;
402
- height: 9px !important;
403
- line-height: 1px !important;
349
+ .tag-module_tag__rGA-E.tag-module_clickable__W6arw.tag-module_default__6cv6k:hover {
350
+ background-color: #515757;
404
351
  }
405
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
406
- background-color: #FFEA00;
352
+
353
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_info__PMCQH {
354
+ background-color: #203439;
355
+ border-color: #80D9F3;
356
+ color: #80D9F3;
407
357
  }
408
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
409
- width: 100%;
410
- height: 100%;
411
- padding: 24px;
412
- overflow-y: auto;
413
- display: flex;
358
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
359
+ background-color: #212A04;
360
+ border-color: #B1E02C;
361
+ color: #B1E02C;
414
362
  }
415
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
416
- overflow-y: auto;
363
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_low__57msG {
364
+ background-color: #353505;
365
+ border-color: #E2E369;
366
+ color: #E2E369;
417
367
  }
418
- .popup-module_popup-container__PJ0oQ[data-show] {
419
- opacity: 1;
420
- visibility: visible;
421
- pointer-events: all;
368
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
369
+ background-color: #632E03;
370
+ border-color: #FD8F3E;
371
+ color: #FD8F3E;
422
372
  }
423
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
424
- transform: translateX(0) translateY(0);
373
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
374
+ background-color: #371A1A;
375
+ border-color: #FD553E;
376
+ color: #FD553E;
425
377
  }
426
- .popup-module_popup-container__PJ0oQ[data-show=false] {
427
- opacity: 0;
428
- visibility: hidden;
429
- pointer-events: none;
378
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
379
+ background-color: #311616;
380
+ border-color: #EC515B;
381
+ color: #EC515B;
430
382
  }
431
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
432
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
383
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_information__gjuZe {
384
+ background-color: #203439;
385
+ border-color: #02B3E6;
386
+ color: #02B3E6;
433
387
  }
434
-
435
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
436
- background-color: #090A0A;
437
- color: #F4F4F4;
388
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_success__M-mEI {
389
+ background-color: #212A04;
390
+ border-color: #30D136;
391
+ color: #30D136;
438
392
  }
439
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
440
- background-color: #090A0A;
441
- color: #F4F4F4;
393
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
394
+ background-color: #311616;
395
+ border-color: #FD553E;
396
+ color: #FD553E;
442
397
  }
443
- .flowLayout-module_flowLayout__VHpnY {
444
- overflow: auto;
398
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_error__fo8QB {
399
+ background-color: #311616;
400
+ border-color: #FD553E;
401
+ color: #FD553E;
445
402
  }
446
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
447
- display: flex;
448
- width: 100%;
449
- min-width: 0;
403
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_warning__29pni {
404
+ background-color: #632E03;
405
+ border-color: #FD8F3E;
406
+ color: #FD8F3E;
450
407
  }
451
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
452
- display: flex;
453
- width: 100%;
454
- min-width: 0;
408
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_info__PMCQH {
409
+ background-color: #80D9F3;
410
+ border-color: #80D9F3;
411
+ color: #203439;
455
412
  }
456
- .popup-overlay-module_popup-modal-overlay__dlJqM {
457
- z-index: 1;
458
- position: fixed;
459
- width: 100%;
460
- height: 100%;
461
- top: 0;
462
- left: 0;
463
- background: rgba(40, 80, 120, 0.8) !important;
464
- pointer-events: all;
465
- user-select: none;
466
- will-change: opacity;
467
- transition: opacity 450ms ease-in-out;
468
- opacity: 0;
469
- visibility: hidden;
413
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
414
+ background-color: #B1E02C;
415
+ border-color: #B1E02C;
416
+ color: #212A04;
470
417
  }
471
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
472
- opacity: 1;
473
- visibility: visible;
418
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_low__57msG {
419
+ background-color: #E2E369;
420
+ border-color: #E2E369;
421
+ color: #353505;
474
422
  }
475
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
476
- opacity: 0;
477
- visibility: hidden;
423
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
424
+ background-color: #FD8F3E;
425
+ border-color: #FD8F3E;
426
+ color: #632E03;
478
427
  }
479
- .textAndContent-module_textAndContent__X5P1n {
480
- align-items: baseline;
481
- flex-shrink: 1;
482
- gap: 8px;
428
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
429
+ background-color: #FD553E;
430
+ border-color: #FD553E;
431
+ color: #371A1A;
432
+ }
433
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
434
+ background-color: #EC515B;
435
+ border-color: #EC515B;
436
+ color: #311616;
437
+ }
438
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_information__gjuZe {
439
+ background-color: #02B3E6;
440
+ border-color: #02B3E6;
441
+ color: #203439;
442
+ }
443
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_success__M-mEI {
444
+ background-color: #30D136;
445
+ border-color: #30D136;
446
+ color: #212A04;
447
+ }
448
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
449
+ background-color: #FD553E;
450
+ border-color: #FD553E;
451
+ color: #311616;
452
+ }
453
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_error__fo8QB {
454
+ background-color: #FD553E;
455
+ border-color: #FD553E;
456
+ color: #311616;
457
+ }
458
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_warning__29pni {
459
+ background-color: #FD8F3E;
460
+ border-color: #FD8F3E;
461
+ color: #632E03;
483
462
  }
484
463
  :root {
485
464
  --divider-line: #4a4b4b;
@@ -595,235 +574,256 @@
595
574
  .cui-theme-light .button-module_button__NDMQS {
596
575
  color: #090A0A;
597
576
  }
577
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
578
+ z-index: 1;
579
+ position: fixed;
580
+ width: 100%;
581
+ height: 100%;
582
+ top: 0;
583
+ left: 0;
584
+ background: rgba(40, 80, 120, 0.8) !important;
585
+ pointer-events: all;
586
+ user-select: none;
587
+ will-change: opacity;
588
+ transition: opacity 450ms ease-in-out;
589
+ opacity: 0;
590
+ visibility: hidden;
591
+ }
592
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
593
+ opacity: 1;
594
+ visibility: visible;
595
+ }
596
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
597
+ opacity: 0;
598
+ visibility: hidden;
599
+ }
600
+ .flowLayout-module_flowLayout__VHpnY {
601
+ overflow: auto;
602
+ }
603
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
604
+ display: flex;
605
+ width: 100%;
606
+ min-width: 0;
607
+ }
608
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
609
+ display: flex;
610
+ width: 100%;
611
+ min-width: 0;
612
+ }
598
613
  :root {
599
614
  --divider-line: #4a4b4b;
600
615
  }
601
616
 
602
- .typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
617
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
603
618
  overflow: hidden !important;
604
619
  }
605
620
 
606
- .typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
621
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
607
622
  white-space: nowrap !important;
608
623
  }
609
624
 
610
- .typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
625
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
611
626
  text-overflow: ellipsis !important;
612
627
  }
613
628
 
614
- .typography-module_headline__b0XlP {
615
- font-size: 28px;
616
- line-height: 32px;
629
+ .popup-module_popup-container__PJ0oQ {
630
+ --popup-width: 60vw;
631
+ --popup-height: 50vh;
632
+ position: fixed;
633
+ width: var(--popup-width);
634
+ height: var(--popup-height);
635
+ --slideXFrom: 0;
636
+ --slideYFrom: 0;
637
+ will-change: opacity;
638
+ transition: opacity 300ms ease-in-out;
639
+ opacity: 0;
640
+ visibility: hidden;
641
+ pointer-events: none;
617
642
  }
618
-
619
- .typography-module_headlineSecondary__IDnhT {
620
- font-size: 24px;
621
- line-height: 28px;
643
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
644
+ position: relative;
645
+ flex-direction: column;
646
+ align-items: start;
647
+ width: 100%;
648
+ height: 100%;
649
+ overflow-x: clip;
650
+ background-color: #090A0A;
651
+ border-radius: 4px;
652
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
653
+ transition: transform 350ms ease-out;
654
+ will-change: transform;
655
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
622
656
  }
623
-
624
- .typography-module_headlineTertiary__mlG-v {
625
- font-size: 18px;
626
- line-height: 24x;
657
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
658
+ margin-bottom: 0;
627
659
  }
628
-
629
- .typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
630
- font-size: 14px;
631
- line-height: 18px;
632
- font-weight: 300;
660
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
661
+ cursor: pointer;
662
+ line-height: 1px;
663
+ background-color: rgba(255, 255, 255, 0);
633
664
  }
634
-
635
- .typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
636
- font-size: 12px;
665
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
666
+ background-color: #FDDA0D;
667
+ width: 9px !important;
668
+ height: 9px !important;
669
+ line-height: 1px !important;
637
670
  }
638
-
639
- .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
640
- font-weight: 600;
671
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
672
+ background-color: #FFEA00;
641
673
  }
642
-
643
- .typography-module_link__DWurf {
644
- overflow: hidden !important;
645
- white-space: nowrap !important;
646
- text-overflow: ellipsis !important;
647
- text-decoration: none;
648
- color: #65C5F6;
649
- display: inline;
650
- gap: 4px;
651
- flex-grow: 0;
652
- max-width: 400px;
653
- position: relative;
654
- vertical-align: center;
674
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
675
+ width: 100%;
676
+ height: 100%;
677
+ padding: 24px;
678
+ overflow-y: auto;
679
+ display: flex;
655
680
  }
656
- .typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
657
- text-decoration: underline;
658
- color: #65C5F6;
681
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
682
+ overflow-y: auto;
659
683
  }
660
- .typography-module_link__DWurf.typography-module_disabled__hjK8C {
684
+ .popup-module_popup-container__PJ0oQ[data-show] {
685
+ opacity: 1;
686
+ visibility: visible;
687
+ pointer-events: all;
688
+ }
689
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
690
+ transform: translateX(0) translateY(0);
691
+ }
692
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
693
+ opacity: 0;
694
+ visibility: hidden;
661
695
  pointer-events: none;
662
- opacity: 0.6;
696
+ }
697
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
698
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
699
+ }
700
+
701
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
702
+ background-color: #090A0A;
703
+ color: #F4F4F4;
704
+ }
705
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
706
+ background-color: #090A0A;
707
+ color: #F4F4F4;
708
+ }
709
+ .textAndContent-module_textAndContent__X5P1n {
710
+ align-items: baseline;
711
+ flex-shrink: 1;
712
+ gap: 8px;
663
713
  }
664
714
  :root {
665
715
  --divider-line: #4a4b4b;
666
716
  }
667
717
 
668
- .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
718
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
669
719
  overflow: hidden !important;
670
720
  }
671
721
 
672
- .tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
722
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
673
723
  white-space: nowrap !important;
674
724
  }
675
725
 
676
- .tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
726
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
677
727
  text-overflow: ellipsis !important;
678
728
  }
679
729
 
680
- .tag-module_tag__rGA-E {
681
- display: inline-flex;
682
- flex-direction: row;
683
- flex-shrink: 1;
684
- padding: 4px 8px;
685
- gap: 4px;
686
- min-height: 18px;
730
+ .tooltip-module_popover-tooltip__sAhKa {
731
+ position: fixed;
732
+ z-index: 999;
733
+ will-change: opacity;
734
+ transition: opacity 450ms ease;
735
+ opacity: 0;
736
+ visibility: hidden;
687
737
  border-radius: 4px;
688
- border-width: 1px;
689
- border-style: solid;
690
- align-items: center;
691
- }
692
- .tag-module_tag__rGA-E .icon-base {
693
- color: #E2E369 !important;
694
- }
695
- .tag-module_tag__rGA-E .tag-module_text__WpK6w {
696
- white-space: nowrap;
697
- }
698
- .tag-module_tag__rGA-E.tag-module_in-table__cWTuJ {
699
- justify-content: center;
700
- align-items: center;
701
- overflow: hidden !important;
702
- white-space: nowrap !important;
703
- text-overflow: ellipsis !important;
704
- }
705
- .tag-module_tag__rGA-E.tag-module_default__6cv6k {
706
- background-color: #434747;
707
- border-color: #515757;
708
- color: #F4F4F4;
709
- }
710
- .tag-module_tag__rGA-E.tag-module_clickable__W6arw {
711
- cursor: pointer;
712
- transition: background-color 0.25s ease;
713
- }
714
- .tag-module_tag__rGA-E.tag-module_clickable__W6arw.tag-module_default__6cv6k:hover {
715
- background-color: #515757;
738
+ background-color: #1B1D1D;
739
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
716
740
  }
717
-
718
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_info__PMCQH {
719
- background-color: #203439;
720
- border-color: #80D9F3;
721
- color: #80D9F3;
741
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
742
+ margin: 0;
743
+ padding: 0;
722
744
  }
723
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
724
- background-color: #212A04;
725
- border-color: #B1E02C;
726
- color: #B1E02C;
745
+ .tooltip-module_popover-tooltip__sAhKa p {
746
+ display: -webkit-box;
747
+ -webkit-line-clamp: 4; /* number of lines to show */
748
+ line-clamp: 4;
749
+ -webkit-box-orient: vertical;
750
+ margin: 0;
751
+ width: 100%;
752
+ white-space: normal;
753
+ overflow: auto;
727
754
  }
728
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_low__57msG {
729
- background-color: #353505;
730
- border-color: #E2E369;
731
- color: #E2E369;
755
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
756
+ opacity: 1;
757
+ visibility: visible;
732
758
  }
733
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
734
- background-color: #632E03;
735
- border-color: #FD8F3E;
736
- color: #FD8F3E;
759
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
760
+ opacity: 0;
761
+ visibility: hidden;
737
762
  }
738
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
739
- background-color: #371A1A;
740
- border-color: #FD553E;
741
- color: #FD553E;
763
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
764
+ bottom: -16px;
742
765
  }
743
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
744
- background-color: #311616;
745
- border-color: #EC515B;
746
- color: #EC515B;
766
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
767
+ transform: rotate(0deg);
747
768
  }
748
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_information__gjuZe {
749
- background-color: #203439;
750
- border-color: #02B3E6;
751
- color: #02B3E6;
769
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
770
+ top: -16px;
752
771
  }
753
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_success__M-mEI {
754
- background-color: #212A04;
755
- border-color: #30D136;
756
- color: #30D136;
772
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
773
+ transform: rotate(180deg);
757
774
  }
758
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
759
- background-color: #311616;
760
- border-color: #FD553E;
761
- color: #FD553E;
775
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
776
+ right: -16px;
762
777
  }
763
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_error__fo8QB {
764
- background-color: #311616;
765
- border-color: #FD553E;
766
- color: #FD553E;
778
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
779
+ transform: rotate(-90deg);
767
780
  }
768
- .cui-theme-dark .tag-module_tag__rGA-E.tag-module_warning__29pni {
769
- background-color: #632E03;
770
- border-color: #FD8F3E;
771
- color: #FD8F3E;
781
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
782
+ left: -16px;
772
783
  }
773
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_info__PMCQH {
774
- background-color: #80D9F3;
775
- border-color: #80D9F3;
776
- color: #203439;
784
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
785
+ transform: rotate(90deg);
777
786
  }
778
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
779
- background-color: #B1E02C;
780
- border-color: #B1E02C;
781
- color: #212A04;
787
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
788
+ position: absolute;
782
789
  }
783
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_low__57msG {
784
- background-color: #E2E369;
785
- border-color: #E2E369;
786
- color: #353505;
790
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
791
+ content: "";
792
+ border-width: 8px;
793
+ border-style: solid;
794
+ border-color: #1B1D1D transparent transparent transparent;
787
795
  }
788
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
789
- background-color: #FD8F3E;
790
- border-color: #FD8F3E;
791
- color: #632E03;
796
+
797
+ .tooltip-module_close-button__o8OBN {
798
+ cursor: pointer;
799
+ line-height: 1px;
800
+ background-color: rgba(255, 255, 255, 0);
792
801
  }
793
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
794
- background-color: #FD553E;
795
- border-color: #FD553E;
796
- color: #371A1A;
802
+ .tooltip-module_close-button__o8OBN .icon-base {
803
+ background-color: #FDDA0D;
804
+ width: 9px !important;
805
+ height: 9px !important;
806
+ line-height: 1px !important;
797
807
  }
798
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
799
- background-color: #EC515B;
800
- border-color: #EC515B;
801
- color: #311616;
808
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
809
+ background-color: #FFEA00;
802
810
  }
803
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_information__gjuZe {
804
- background-color: #02B3E6;
805
- border-color: #02B3E6;
806
- color: #203439;
811
+
812
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
813
+ background-color: #1B1D1D;
814
+ color: #F4F4F4;
807
815
  }
808
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_success__M-mEI {
809
- background-color: #30D136;
810
- border-color: #30D136;
811
- color: #212A04;
816
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
817
+ border-color: #1B1D1D transparent transparent transparent;
812
818
  }
813
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
814
- background-color: #FD553E;
815
- border-color: #FD553E;
816
- color: #311616;
819
+ .cui-theme-light {
820
+ color: #1B1D1D;
817
821
  }
818
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_error__fo8QB {
819
- background-color: #FD553E;
820
- border-color: #FD553E;
821
- color: #311616;
822
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
823
+ background-color: #515757;
822
824
  }
823
- .cui-theme-light .tag-module_tag__rGA-E.tag-module_warning__29pni {
824
- background-color: #FD8F3E;
825
- border-color: #FD8F3E;
826
- color: #632E03;
825
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
826
+ border-color: #515757 transparent transparent transparent;
827
827
  }
828
828
  :root {
829
829
  --divider-line: #4a4b4b;