@prom-ui/core 2.3.0 → 2.4.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.
Files changed (130) hide show
  1. package/Avatar/package.json +1 -1
  2. package/Backdrop/package.json +1 -1
  3. package/Badge/package.json +1 -1
  4. package/Body/cjs/style.development.css +93 -115
  5. package/Body/cjs/style.development.v2.css +93 -115
  6. package/Body/cjs/style.production.css +1 -1
  7. package/Body/cjs/style.production.v2.css +1 -1
  8. package/Body/package.json +1 -1
  9. package/BodyProvider/package.json +1 -1
  10. package/BodyScrollLock/package.json +1 -1
  11. package/Box/cjs/style.development.css +11929 -12379
  12. package/Box/cjs/style.development.v2.css +11929 -12379
  13. package/Box/cjs/style.production.css +1 -1
  14. package/Box/cjs/style.production.v2.css +1 -1
  15. package/Box/package.json +1 -1
  16. package/Button/cjs/style.development.css +5141 -5989
  17. package/Button/cjs/style.development.v2.css +5141 -5989
  18. package/Button/cjs/style.production.css +1 -1
  19. package/Button/cjs/style.production.v2.css +1 -1
  20. package/Button/package.json +1 -1
  21. package/ButtonPageUp/package.json +1 -1
  22. package/Checkbox/cjs/style.development.css +16 -16
  23. package/Checkbox/cjs/style.development.v2.css +16 -16
  24. package/Checkbox/cjs/style.production.css +1 -1
  25. package/Checkbox/cjs/style.production.v2.css +1 -1
  26. package/Checkbox/package.json +1 -1
  27. package/ColorScheme/package.json +1 -1
  28. package/ContextMenu/package.json +1 -1
  29. package/ErrorCatch/package.json +1 -1
  30. package/Flex/cjs/style.development.css +2 -2
  31. package/Flex/cjs/style.development.v2.css +2 -2
  32. package/Flex/package.json +1 -1
  33. package/Grid/cjs/style.development.css +63 -81
  34. package/Grid/cjs/style.development.v2.css +63 -81
  35. package/Grid/cjs/style.production.css +1 -1
  36. package/Grid/cjs/style.production.v2.css +1 -1
  37. package/Grid/package.json +1 -1
  38. package/Icon/package.json +1 -1
  39. package/Image/cjs/style.development.css +133 -143
  40. package/Image/cjs/style.development.v2.css +133 -143
  41. package/Image/cjs/style.production.css +1 -1
  42. package/Image/cjs/style.production.v2.css +1 -1
  43. package/Image/package.json +1 -1
  44. package/ImageEmoji/package.json +1 -1
  45. package/Input/package.json +1 -1
  46. package/InputField/package.json +1 -1
  47. package/KeyPress/package.json +1 -1
  48. package/Label/package.json +1 -1
  49. package/Line/cjs/style.development.css +56 -104
  50. package/Line/cjs/style.development.v2.css +56 -104
  51. package/Line/cjs/style.production.css +1 -1
  52. package/Line/cjs/style.production.v2.css +1 -1
  53. package/Line/package.json +1 -1
  54. package/Link/cjs/style.development.css +116 -176
  55. package/Link/cjs/style.development.v2.css +116 -176
  56. package/Link/cjs/style.production.css +1 -1
  57. package/Link/cjs/style.production.v2.css +1 -1
  58. package/Link/package.json +1 -1
  59. package/List/cjs/style.development.css +129 -169
  60. package/List/cjs/style.development.v2.css +129 -169
  61. package/List/cjs/style.production.css +1 -1
  62. package/List/cjs/style.production.v2.css +1 -1
  63. package/List/package.json +1 -1
  64. package/Media/package.json +1 -1
  65. package/Modal/package.json +1 -1
  66. package/OutsideClick/package.json +1 -1
  67. package/Overlay/package.json +1 -1
  68. package/PhotoGallery/cjs/index.development.js +38 -11
  69. package/PhotoGallery/cjs/index.development.v2.js +38 -11
  70. package/PhotoGallery/cjs/index.production.js +1 -1
  71. package/PhotoGallery/cjs/index.production.v2.js +1 -1
  72. package/PhotoGallery/cjs/style.development.css +77 -72
  73. package/PhotoGallery/cjs/style.development.v2.css +77 -72
  74. package/PhotoGallery/cjs/style.production.css +1 -1
  75. package/PhotoGallery/cjs/style.production.v2.css +1 -1
  76. package/PhotoGallery/components/SlotContainer.d.ts +7 -1
  77. package/PhotoGallery/index.d.ts +2 -0
  78. package/PhotoGallery/package.json +1 -1
  79. package/Picture/cjs/style.development.css +737 -769
  80. package/Picture/cjs/style.development.v2.css +737 -769
  81. package/Picture/cjs/style.production.css +1 -1
  82. package/Picture/cjs/style.production.v2.css +1 -1
  83. package/Picture/package.json +1 -1
  84. package/Portal/package.json +1 -1
  85. package/Progress/package.json +1 -1
  86. package/QRCode/package.json +1 -1
  87. package/Rating/package.json +1 -1
  88. package/RatingSelect/package.json +1 -1
  89. package/Scroll/package.json +1 -1
  90. package/ScrollControls/cjs/style.development.css +1 -1
  91. package/ScrollControls/cjs/style.development.v2.css +1 -1
  92. package/ScrollControls/package.json +1 -1
  93. package/SimpleSlider/cjs/style.development.css +6 -9
  94. package/SimpleSlider/cjs/style.development.v2.css +6 -9
  95. package/SimpleSlider/cjs/style.production.css +1 -1
  96. package/SimpleSlider/cjs/style.production.v2.css +1 -1
  97. package/SimpleSlider/package.json +1 -1
  98. package/Skeleton/package.json +1 -1
  99. package/SnackBar/cjs/style.development.css +35 -44
  100. package/SnackBar/cjs/style.development.v2.css +35 -44
  101. package/SnackBar/cjs/style.production.css +1 -1
  102. package/SnackBar/cjs/style.production.v2.css +1 -1
  103. package/SnackBar/package.json +1 -1
  104. package/Spinner/package.json +1 -1
  105. package/Text/cjs/style.development.css +275 -441
  106. package/Text/cjs/style.development.v2.css +275 -441
  107. package/Text/cjs/style.production.css +1 -1
  108. package/Text/cjs/style.production.v2.css +1 -1
  109. package/Text/package.json +1 -1
  110. package/TextEmoji/package.json +1 -1
  111. package/Tooltip/package.json +1 -1
  112. package/Tumbler/cjs/style.development.css +22 -22
  113. package/Tumbler/cjs/style.development.v2.css +22 -22
  114. package/Tumbler/cjs/style.production.css +1 -1
  115. package/Tumbler/cjs/style.production.v2.css +1 -1
  116. package/Tumbler/package.json +1 -1
  117. package/Viewport/package.json +1 -1
  118. package/evokit/package.json +1 -1
  119. package/package.json +2 -2
  120. package/useBrowserLayoutEffect/package.json +1 -1
  121. package/useDebounce/package.json +1 -1
  122. package/useForwardRef/package.json +1 -1
  123. package/useInView/package.json +1 -1
  124. package/useIsMounted/package.json +1 -1
  125. package/useKeyPress/package.json +1 -1
  126. package/useMedia/package.json +1 -1
  127. package/useOutsideClick/package.json +1 -1
  128. package/usePortal/package.json +1 -1
  129. package/useScrollPosition/package.json +1 -1
  130. package/useSnackBar/package.json +1 -1
@@ -281,6 +281,51 @@
281
281
  .List__ek-list_divider_black-200___CTzrb > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
282
282
  border-top: 1px solid var(--black-200);
283
283
  }
284
+ /* stylelint-disable */
285
+ .List__ek-list_color_black-300___Sti7V > .List__ek-list__item___YSmsd:before {
286
+ color: var(--black-300);
287
+ }
288
+ .List__ek-list_divider_black-300___jGisG > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
289
+ border-top: 1px solid var(--black-300);
290
+ }
291
+ /* stylelint-disable */
292
+ .List__ek-list_color_black-400___fe9te > .List__ek-list__item___YSmsd:before {
293
+ color: var(--black-400);
294
+ }
295
+ .List__ek-list_divider_black-400___u489k > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
296
+ border-top: 1px solid var(--black-400);
297
+ }
298
+ /* stylelint-disable */
299
+ .List__ek-list_color_black-700___KILKz > .List__ek-list__item___YSmsd:before {
300
+ color: var(--black-700);
301
+ }
302
+ .List__ek-list_divider_black-700___c1Zig > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
303
+ border-top: 1px solid var(--black-700);
304
+ }
305
+ /* stylelint-disable */
306
+ .List__ek-list_color_violet-500___N4hYz > .List__ek-list__item___YSmsd:before {
307
+ color: var(--violet-500);
308
+ }
309
+ .List__ek-list_divider_violet-500___CHUG- > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
310
+ border-top: 1px solid var(--violet-500);
311
+ }
312
+ :root {
313
+ /* prop 'list-indent' */
314
+ }
315
+ /* hack for indentical ui for content/portable/UI/List */
316
+ .List__ek-list_blackhole_circle___5g1DG > .List__ek-list__item___YSmsd {
317
+ position: relative;
318
+ padding-left: 24px;
319
+ }
320
+ .List__ek-list_blackhole_circle___5g1DG > .List__ek-list__item___YSmsd::before {
321
+ content: '';
322
+ position: absolute;
323
+ width: calc(1.4em / 3);
324
+ height: calc(1.4em / 3);
325
+ border-radius: 50%;
326
+ background: currentColor;
327
+ margin: calc(1.4em / 3) 0 0 -18px;
328
+ }
284
329
  @media only screen and (min-width: 480px) {
285
330
  .List__ek-list_color_black-200--small___nd0vu > .List__ek-list__item___YSmsd:before {
286
331
  color: var(--black-200);
@@ -288,220 +333,152 @@
288
333
  .List__ek-list_divider_black-200--small___P9AN3 > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
289
334
  border-top: 1px solid var(--black-200);
290
335
  }
291
- }
292
- @media only screen and (min-width: 768px) {
293
- .List__ek-list_color_black-200--medium___wrI23 > .List__ek-list__item___YSmsd:before {
294
- color: var(--black-200);
336
+ .List__ek-list_color_black-300--small___SVlyF > .List__ek-list__item___YSmsd:before {
337
+ color: var(--black-300);
295
338
  }
296
- .List__ek-list_divider_black-200--medium___OB9Iu > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
297
- border-top: 1px solid var(--black-200);
339
+ .List__ek-list_divider_black-300--small___cUx2M > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
340
+ border-top: 1px solid var(--black-300);
298
341
  }
299
- }
300
- @media only screen and (min-width: 960px) {
301
- .List__ek-list_color_black-200--large___NVPgz > .List__ek-list__item___YSmsd:before {
302
- color: var(--black-200);
342
+ .List__ek-list_color_black-400--small___9RtAO > .List__ek-list__item___YSmsd:before {
343
+ color: var(--black-400);
303
344
  }
304
- .List__ek-list_divider_black-200--large___UXXXS > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
305
- border-top: 1px solid var(--black-200);
345
+ .List__ek-list_divider_black-400--small___Lm1sX > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
346
+ border-top: 1px solid var(--black-400);
306
347
  }
307
- }
308
- @media only screen and (min-width: 1200px) {
309
- .List__ek-list_color_black-200--wide___HLrt7 > .List__ek-list__item___YSmsd:before {
310
- color: var(--black-200);
348
+ .List__ek-list_color_black-700--small___XAaGM > .List__ek-list__item___YSmsd:before {
349
+ color: var(--black-700);
311
350
  }
312
- .List__ek-list_divider_black-200--wide___13miX > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
313
- border-top: 1px solid var(--black-200);
351
+ .List__ek-list_divider_black-700--small___M5rts > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
352
+ border-top: 1px solid var(--black-700);
314
353
  }
315
- }
316
- @media only screen and (min-width: 1400px) {
317
- .List__ek-list_color_black-200--huge___UYYLr > .List__ek-list__item___YSmsd:before {
318
- color: var(--black-200);
354
+ .List__ek-list_color_violet-500--small___cZTar > .List__ek-list__item___YSmsd:before {
355
+ color: var(--violet-500);
319
356
  }
320
- .List__ek-list_divider_black-200--huge___5ltnv > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
321
- border-top: 1px solid var(--black-200);
357
+ .List__ek-list_divider_violet-500--small___jWfI7 > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
358
+ border-top: 1px solid var(--violet-500);
322
359
  }
323
360
  }
324
- /* stylelint-disable */
325
- .List__ek-list_color_black-300___Sti7V > .List__ek-list__item___YSmsd:before {
326
- color: var(--black-300);
327
- }
328
- .List__ek-list_divider_black-300___jGisG > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
329
- border-top: 1px solid var(--black-300);
330
- }
331
- @media only screen and (min-width: 480px) {
332
- .List__ek-list_color_black-300--small___SVlyF > .List__ek-list__item___YSmsd:before {
333
- color: var(--black-300);
361
+ @media only screen and (min-width: 768px) {
362
+ .List__ek-list_color_black-200--medium___wrI23 > .List__ek-list__item___YSmsd:before {
363
+ color: var(--black-200);
334
364
  }
335
- .List__ek-list_divider_black-300--small___cUx2M > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
336
- border-top: 1px solid var(--black-300);
365
+ .List__ek-list_divider_black-200--medium___OB9Iu > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
366
+ border-top: 1px solid var(--black-200);
337
367
  }
338
- }
339
- @media only screen and (min-width: 768px) {
340
368
  .List__ek-list_color_black-300--medium___Ul2Cm > .List__ek-list__item___YSmsd:before {
341
369
  color: var(--black-300);
342
370
  }
343
371
  .List__ek-list_divider_black-300--medium___0H6Xq > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
344
372
  border-top: 1px solid var(--black-300);
345
373
  }
346
- }
347
- @media only screen and (min-width: 960px) {
348
- .List__ek-list_color_black-300--large___5MZxF > .List__ek-list__item___YSmsd:before {
349
- color: var(--black-300);
374
+ .List__ek-list_color_black-400--medium___xurpg > .List__ek-list__item___YSmsd:before {
375
+ color: var(--black-400);
350
376
  }
351
- .List__ek-list_divider_black-300--large___oPdyD > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
352
- border-top: 1px solid var(--black-300);
377
+ .List__ek-list_divider_black-400--medium___LG95U > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
378
+ border-top: 1px solid var(--black-400);
353
379
  }
354
- }
355
- @media only screen and (min-width: 1200px) {
356
- .List__ek-list_color_black-300--wide___x7Fso > .List__ek-list__item___YSmsd:before {
357
- color: var(--black-300);
380
+ .List__ek-list_color_black-700--medium___LNAYj > .List__ek-list__item___YSmsd:before {
381
+ color: var(--black-700);
358
382
  }
359
- .List__ek-list_divider_black-300--wide___pRWhG > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
360
- border-top: 1px solid var(--black-300);
383
+ .List__ek-list_divider_black-700--medium___0gkz3 > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
384
+ border-top: 1px solid var(--black-700);
361
385
  }
362
- }
363
- @media only screen and (min-width: 1400px) {
364
- .List__ek-list_color_black-300--huge___25GmK > .List__ek-list__item___YSmsd:before {
365
- color: var(--black-300);
386
+ .List__ek-list_color_violet-500--medium___Jsd2Z > .List__ek-list__item___YSmsd:before {
387
+ color: var(--violet-500);
366
388
  }
367
- .List__ek-list_divider_black-300--huge___YuI8N > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
368
- border-top: 1px solid var(--black-300);
389
+ .List__ek-list_divider_violet-500--medium___XEveS > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
390
+ border-top: 1px solid var(--violet-500);
369
391
  }
370
392
  }
371
- /* stylelint-disable */
372
- .List__ek-list_color_black-400___fe9te > .List__ek-list__item___YSmsd:before {
373
- color: var(--black-400);
374
- }
375
- .List__ek-list_divider_black-400___u489k > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
376
- border-top: 1px solid var(--black-400);
377
- }
378
- @media only screen and (min-width: 480px) {
379
- .List__ek-list_color_black-400--small___9RtAO > .List__ek-list__item___YSmsd:before {
380
- color: var(--black-400);
393
+ @media only screen and (min-width: 960px) {
394
+ .List__ek-list_color_black-200--large___NVPgz > .List__ek-list__item___YSmsd:before {
395
+ color: var(--black-200);
381
396
  }
382
- .List__ek-list_divider_black-400--small___Lm1sX > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
383
- border-top: 1px solid var(--black-400);
397
+ .List__ek-list_divider_black-200--large___UXXXS > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
398
+ border-top: 1px solid var(--black-200);
384
399
  }
385
- }
386
- @media only screen and (min-width: 768px) {
387
- .List__ek-list_color_black-400--medium___xurpg > .List__ek-list__item___YSmsd:before {
388
- color: var(--black-400);
400
+ .List__ek-list_color_black-300--large___5MZxF > .List__ek-list__item___YSmsd:before {
401
+ color: var(--black-300);
389
402
  }
390
- .List__ek-list_divider_black-400--medium___LG95U > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
391
- border-top: 1px solid var(--black-400);
403
+ .List__ek-list_divider_black-300--large___oPdyD > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
404
+ border-top: 1px solid var(--black-300);
392
405
  }
393
- }
394
- @media only screen and (min-width: 960px) {
395
406
  .List__ek-list_color_black-400--large___r1Wai > .List__ek-list__item___YSmsd:before {
396
407
  color: var(--black-400);
397
408
  }
398
409
  .List__ek-list_divider_black-400--large___2GMHH > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
399
410
  border-top: 1px solid var(--black-400);
400
411
  }
401
- }
402
- @media only screen and (min-width: 1200px) {
403
- .List__ek-list_color_black-400--wide___fA5uQ > .List__ek-list__item___YSmsd:before {
404
- color: var(--black-400);
412
+ .List__ek-list_color_black-700--large___z4BRz > .List__ek-list__item___YSmsd:before {
413
+ color: var(--black-700);
405
414
  }
406
- .List__ek-list_divider_black-400--wide___h8HgL > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
407
- border-top: 1px solid var(--black-400);
415
+ .List__ek-list_divider_black-700--large___gPFEj > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
416
+ border-top: 1px solid var(--black-700);
408
417
  }
409
- }
410
- @media only screen and (min-width: 1400px) {
411
- .List__ek-list_color_black-400--huge___AOi5A > .List__ek-list__item___YSmsd:before {
412
- color: var(--black-400);
418
+ .List__ek-list_color_violet-500--large___2h3TU > .List__ek-list__item___YSmsd:before {
419
+ color: var(--violet-500);
413
420
  }
414
- .List__ek-list_divider_black-400--huge___t5yDF > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
415
- border-top: 1px solid var(--black-400);
421
+ .List__ek-list_divider_violet-500--large___6KXqB > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
422
+ border-top: 1px solid var(--violet-500);
416
423
  }
417
424
  }
418
- /* stylelint-disable */
419
- .List__ek-list_color_black-700___KILKz > .List__ek-list__item___YSmsd:before {
420
- color: var(--black-700);
421
- }
422
- .List__ek-list_divider_black-700___c1Zig > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
423
- border-top: 1px solid var(--black-700);
424
- }
425
- @media only screen and (min-width: 480px) {
426
- .List__ek-list_color_black-700--small___XAaGM > .List__ek-list__item___YSmsd:before {
427
- color: var(--black-700);
425
+ @media only screen and (min-width: 1200px) {
426
+ .List__ek-list_color_black-200--wide___HLrt7 > .List__ek-list__item___YSmsd:before {
427
+ color: var(--black-200);
428
428
  }
429
- .List__ek-list_divider_black-700--small___M5rts > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
430
- border-top: 1px solid var(--black-700);
429
+ .List__ek-list_divider_black-200--wide___13miX > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
430
+ border-top: 1px solid var(--black-200);
431
431
  }
432
- }
433
- @media only screen and (min-width: 768px) {
434
- .List__ek-list_color_black-700--medium___LNAYj > .List__ek-list__item___YSmsd:before {
435
- color: var(--black-700);
432
+ .List__ek-list_color_black-300--wide___x7Fso > .List__ek-list__item___YSmsd:before {
433
+ color: var(--black-300);
436
434
  }
437
- .List__ek-list_divider_black-700--medium___0gkz3 > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
438
- border-top: 1px solid var(--black-700);
435
+ .List__ek-list_divider_black-300--wide___pRWhG > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
436
+ border-top: 1px solid var(--black-300);
439
437
  }
440
- }
441
- @media only screen and (min-width: 960px) {
442
- .List__ek-list_color_black-700--large___z4BRz > .List__ek-list__item___YSmsd:before {
443
- color: var(--black-700);
438
+ .List__ek-list_color_black-400--wide___fA5uQ > .List__ek-list__item___YSmsd:before {
439
+ color: var(--black-400);
444
440
  }
445
- .List__ek-list_divider_black-700--large___gPFEj > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
446
- border-top: 1px solid var(--black-700);
441
+ .List__ek-list_divider_black-400--wide___h8HgL > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
442
+ border-top: 1px solid var(--black-400);
447
443
  }
448
- }
449
- @media only screen and (min-width: 1200px) {
450
444
  .List__ek-list_color_black-700--wide___-RNEc > .List__ek-list__item___YSmsd:before {
451
445
  color: var(--black-700);
452
446
  }
453
447
  .List__ek-list_divider_black-700--wide___fnuYX > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
454
448
  border-top: 1px solid var(--black-700);
455
449
  }
456
- }
457
- @media only screen and (min-width: 1400px) {
458
- .List__ek-list_color_black-700--huge___w2zrF > .List__ek-list__item___YSmsd:before {
459
- color: var(--black-700);
460
- }
461
- .List__ek-list_divider_black-700--huge___YvKfW > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
462
- border-top: 1px solid var(--black-700);
463
- }
464
- }
465
- /* stylelint-disable */
466
- .List__ek-list_color_violet-500___N4hYz > .List__ek-list__item___YSmsd:before {
467
- color: var(--violet-500);
468
- }
469
- .List__ek-list_divider_violet-500___CHUG- > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
470
- border-top: 1px solid var(--violet-500);
471
- }
472
- @media only screen and (min-width: 480px) {
473
- .List__ek-list_color_violet-500--small___cZTar > .List__ek-list__item___YSmsd:before {
450
+ .List__ek-list_color_violet-500--wide___ufJFR > .List__ek-list__item___YSmsd:before {
474
451
  color: var(--violet-500);
475
452
  }
476
- .List__ek-list_divider_violet-500--small___jWfI7 > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
453
+ .List__ek-list_divider_violet-500--wide___1IfVj > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
477
454
  border-top: 1px solid var(--violet-500);
478
455
  }
479
456
  }
480
- @media only screen and (min-width: 768px) {
481
- .List__ek-list_color_violet-500--medium___Jsd2Z > .List__ek-list__item___YSmsd:before {
482
- color: var(--violet-500);
457
+ @media only screen and (min-width: 1400px) {
458
+ .List__ek-list_color_black-200--huge___UYYLr > .List__ek-list__item___YSmsd:before {
459
+ color: var(--black-200);
483
460
  }
484
- .List__ek-list_divider_violet-500--medium___XEveS > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
485
- border-top: 1px solid var(--violet-500);
461
+ .List__ek-list_divider_black-200--huge___5ltnv > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
462
+ border-top: 1px solid var(--black-200);
486
463
  }
487
- }
488
- @media only screen and (min-width: 960px) {
489
- .List__ek-list_color_violet-500--large___2h3TU > .List__ek-list__item___YSmsd:before {
490
- color: var(--violet-500);
464
+ .List__ek-list_color_black-300--huge___25GmK > .List__ek-list__item___YSmsd:before {
465
+ color: var(--black-300);
491
466
  }
492
- .List__ek-list_divider_violet-500--large___6KXqB > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
493
- border-top: 1px solid var(--violet-500);
467
+ .List__ek-list_divider_black-300--huge___YuI8N > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
468
+ border-top: 1px solid var(--black-300);
494
469
  }
495
- }
496
- @media only screen and (min-width: 1200px) {
497
- .List__ek-list_color_violet-500--wide___ufJFR > .List__ek-list__item___YSmsd:before {
498
- color: var(--violet-500);
470
+ .List__ek-list_color_black-400--huge___AOi5A > .List__ek-list__item___YSmsd:before {
471
+ color: var(--black-400);
499
472
  }
500
- .List__ek-list_divider_violet-500--wide___1IfVj > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
501
- border-top: 1px solid var(--violet-500);
473
+ .List__ek-list_divider_black-400--huge___t5yDF > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
474
+ border-top: 1px solid var(--black-400);
475
+ }
476
+ .List__ek-list_color_black-700--huge___w2zrF > .List__ek-list__item___YSmsd:before {
477
+ color: var(--black-700);
478
+ }
479
+ .List__ek-list_divider_black-700--huge___YvKfW > .List__ek-list__item___YSmsd + .List__ek-list__item___YSmsd {
480
+ border-top: 1px solid var(--black-700);
502
481
  }
503
- }
504
- @media only screen and (min-width: 1400px) {
505
482
  .List__ek-list_color_violet-500--huge___pSJ7A > .List__ek-list__item___YSmsd:before {
506
483
  color: var(--violet-500);
507
484
  }
@@ -509,20 +486,3 @@
509
486
  border-top: 1px solid var(--violet-500);
510
487
  }
511
488
  }
512
- :root {
513
- /* prop 'list-indent' */
514
- }
515
- /* hack for indentical ui for content/portable/UI/List */
516
- .List__ek-list_blackhole_circle___5g1DG > .List__ek-list__item___YSmsd {
517
- position: relative;
518
- padding-left: 24px;
519
- }
520
- .List__ek-list_blackhole_circle___5g1DG > .List__ek-list__item___YSmsd::before {
521
- content: '';
522
- position: absolute;
523
- width: calc(1.4em / 3);
524
- height: calc(1.4em / 3);
525
- border-radius: 50%;
526
- background: currentColor;
527
- margin: calc(1.4em / 3) 0 0 -18px;
528
- }