@alfalab/core-components 45.8.0-beta.0 → 45.8.0-beta.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 (208) hide show
  1. package/bottom-sheet/component.js +22 -12
  2. package/bottom-sheet/consts/swipeConsts.d.ts +2 -0
  3. package/bottom-sheet/consts/swipeConsts.js +7 -0
  4. package/bottom-sheet/cssm/component.js +22 -12
  5. package/bottom-sheet/cssm/consts/swipeConsts.d.ts +2 -0
  6. package/bottom-sheet/cssm/consts/swipeConsts.js +7 -0
  7. package/bottom-sheet/cssm/enums/swipeEnums.d.ts +7 -0
  8. package/bottom-sheet/cssm/enums/swipeEnums.js +9 -0
  9. package/bottom-sheet/cssm/types/swipeTypes.d.ts +9 -0
  10. package/bottom-sheet/cssm/types/swipeTypes.js +1 -0
  11. package/bottom-sheet/enums/swipeEnums.d.ts +7 -0
  12. package/bottom-sheet/enums/swipeEnums.js +9 -0
  13. package/bottom-sheet/esm/component.js +23 -12
  14. package/bottom-sheet/esm/consts/swipeConsts.d.ts +2 -0
  15. package/bottom-sheet/esm/consts/swipeConsts.js +5 -0
  16. package/bottom-sheet/esm/enums/swipeEnums.d.ts +7 -0
  17. package/bottom-sheet/esm/enums/swipeEnums.js +9 -0
  18. package/bottom-sheet/esm/index.js +2 -0
  19. package/bottom-sheet/esm/types/swipeTypes.d.ts +9 -0
  20. package/bottom-sheet/esm/types/swipeTypes.js +1 -0
  21. package/bottom-sheet/modern/component.js +23 -9
  22. package/bottom-sheet/modern/consts/swipeConsts.d.ts +2 -0
  23. package/bottom-sheet/modern/consts/swipeConsts.js +5 -0
  24. package/bottom-sheet/modern/enums/swipeEnums.d.ts +7 -0
  25. package/bottom-sheet/modern/enums/swipeEnums.js +9 -0
  26. package/bottom-sheet/modern/index.js +2 -0
  27. package/bottom-sheet/modern/types/swipeTypes.d.ts +9 -0
  28. package/bottom-sheet/modern/types/swipeTypes.js +1 -0
  29. package/bottom-sheet/types/swipeTypes.d.ts +9 -0
  30. package/bottom-sheet/types/swipeTypes.js +1 -0
  31. package/confirmation/components/screens/initial/component.js +1 -1
  32. package/confirmation/components/screens/initial/countdown-section.js +1 -1
  33. package/confirmation/esm/component.responsive.js +1 -1
  34. package/confirmation/esm/components/base-confirmation/component.js +1 -1
  35. package/confirmation/esm/components/base-confirmation/index.js +1 -1
  36. package/confirmation/esm/components/index.js +1 -1
  37. package/confirmation/esm/components/screens/index.js +1 -1
  38. package/confirmation/esm/components/screens/initial/component.js +1 -1
  39. package/confirmation/esm/components/screens/initial/countdown-section.js +1 -1
  40. package/confirmation/esm/components/screens/initial/index.js +1 -1
  41. package/confirmation/esm/desktop/component.desktop.js +1 -1
  42. package/confirmation/esm/desktop/index.js +1 -1
  43. package/confirmation/esm/index.js +1 -1
  44. package/confirmation/esm/mobile/component.mobile.js +1 -1
  45. package/confirmation/esm/mobile/index.js +1 -1
  46. package/confirmation/esm/shared/index.js +1 -1
  47. package/confirmation/modern/component.responsive.js +1 -1
  48. package/confirmation/modern/components/base-confirmation/component.js +1 -1
  49. package/confirmation/modern/components/base-confirmation/index.js +1 -1
  50. package/confirmation/modern/components/index.js +1 -1
  51. package/confirmation/modern/components/screens/index.js +1 -1
  52. package/confirmation/modern/components/screens/initial/component.js +1 -1
  53. package/confirmation/modern/components/screens/initial/countdown-section.js +1 -1
  54. package/confirmation/modern/components/screens/initial/index.js +1 -1
  55. package/confirmation/modern/desktop/component.desktop.js +1 -1
  56. package/confirmation/modern/desktop/index.js +1 -1
  57. package/confirmation/modern/index.js +1 -1
  58. package/confirmation/modern/mobile/component.mobile.js +1 -1
  59. package/confirmation/modern/mobile/index.js +1 -1
  60. package/confirmation/modern/shared/index.js +1 -1
  61. package/gallery/components/header/Component.js +1 -1
  62. package/gallery/components/header/buttons.js +1 -1
  63. package/gallery/components/image-viewer/component.js +1 -1
  64. package/gallery/components/image-viewer/slide.js +1 -1
  65. package/gallery/esm/Component.js +2 -2
  66. package/gallery/esm/components/header/Component.js +1 -1
  67. package/gallery/esm/components/header/buttons.js +1 -1
  68. package/gallery/esm/components/header/index.js +1 -1
  69. package/gallery/esm/components/image-preview/Component.js +1 -1
  70. package/gallery/esm/components/image-preview/index.js +1 -1
  71. package/gallery/esm/components/image-viewer/component.js +1 -1
  72. package/gallery/esm/components/image-viewer/index.js +1 -1
  73. package/gallery/esm/components/image-viewer/slide.js +1 -1
  74. package/gallery/esm/components/index.js +2 -2
  75. package/gallery/esm/components/navigation-bar/Component.js +1 -1
  76. package/gallery/esm/components/navigation-bar/index.js +1 -1
  77. package/gallery/esm/index.js +2 -2
  78. package/gallery/modern/Component.js +2 -2
  79. package/gallery/modern/components/header/Component.js +1 -1
  80. package/gallery/modern/components/header/buttons.js +1 -1
  81. package/gallery/modern/components/header/index.js +1 -1
  82. package/gallery/modern/components/image-preview/Component.js +1 -1
  83. package/gallery/modern/components/image-preview/index.js +1 -1
  84. package/gallery/modern/components/image-viewer/component.js +1 -1
  85. package/gallery/modern/components/image-viewer/index.js +1 -1
  86. package/gallery/modern/components/image-viewer/slide.js +1 -1
  87. package/gallery/modern/components/index.js +2 -2
  88. package/gallery/modern/components/navigation-bar/Component.js +1 -1
  89. package/gallery/modern/components/navigation-bar/index.js +1 -1
  90. package/gallery/modern/index.js +2 -2
  91. package/international-phone-input/cssm/typings-57569e57.d.ts +18 -2
  92. package/international-phone-input/esm/typings-57569e57.d.ts +18 -2
  93. package/international-phone-input/modern/typings-57569e57.d.ts +18 -2
  94. package/international-phone-input/typings-57569e57.d.ts +18 -2
  95. package/modal/components/controls/Component.js +1 -1
  96. package/modal/components/footer/Component.js +1 -1
  97. package/modal/esm/Component.responsive.js +1 -1
  98. package/modal/esm/components/controls/Component.js +1 -1
  99. package/modal/esm/components/controls/index.js +1 -1
  100. package/modal/esm/components/footer/Component.js +1 -1
  101. package/modal/esm/desktop/Component.desktop.js +1 -1
  102. package/modal/esm/desktop/index.js +1 -1
  103. package/modal/esm/index.js +1 -1
  104. package/modal/esm/mobile/Component.mobile.js +1 -1
  105. package/modal/esm/mobile/index.js +1 -1
  106. package/modal/modern/Component.responsive.js +1 -1
  107. package/modal/modern/components/controls/Component.js +1 -1
  108. package/modal/modern/components/controls/index.js +1 -1
  109. package/modal/modern/components/footer/Component.js +1 -1
  110. package/modal/modern/desktop/Component.desktop.js +1 -1
  111. package/modal/modern/desktop/index.js +1 -1
  112. package/modal/modern/index.js +1 -1
  113. package/modal/modern/mobile/Component.mobile.js +1 -1
  114. package/modal/modern/mobile/index.js +1 -1
  115. package/package.json +1 -1
  116. package/picker-button/cssm/typings-57569e57.d.ts +18 -2
  117. package/picker-button/esm/typings-57569e57.d.ts +18 -2
  118. package/picker-button/modern/typings-57569e57.d.ts +18 -2
  119. package/picker-button/typings-57569e57.d.ts +18 -2
  120. package/select/esm/Component.responsive.js +1 -1
  121. package/select/esm/index.js +1 -1
  122. package/select/esm/mobile/Component.mobile.js +1 -1
  123. package/select/esm/mobile/Component.modal.mobile.js +1 -1
  124. package/select/esm/mobile/index.js +1 -1
  125. package/select/esm/presets/index.js +1 -1
  126. package/select/esm/presets/useSelectWithApply/hook.js +1 -1
  127. package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  128. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  129. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  130. package/select/esm/shared/index.js +1 -1
  131. package/select/mobile/Component.mobile.js +1 -1
  132. package/select/modern/Component.responsive.js +1 -1
  133. package/select/modern/index.js +1 -1
  134. package/select/modern/mobile/Component.mobile.js +1 -1
  135. package/select/modern/mobile/Component.modal.mobile.js +1 -1
  136. package/select/modern/mobile/index.js +1 -1
  137. package/select/modern/presets/index.js +1 -1
  138. package/select/modern/presets/useSelectWithApply/hook.js +1 -1
  139. package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  140. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  141. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  142. package/select/modern/shared/index.js +1 -1
  143. package/select/presets/index.js +1 -1
  144. package/select/presets/useSelectWithApply/hook.js +1 -1
  145. package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  146. package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  147. package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  148. package/select/shared/index.js +1 -1
  149. package/side-panel/components/controls/Component.js +1 -1
  150. package/side-panel/components/footer/Component.js +1 -1
  151. package/side-panel/esm/Component.responsive.js +1 -1
  152. package/side-panel/esm/components/controls/Component.js +1 -1
  153. package/side-panel/esm/components/controls/index.js +1 -1
  154. package/side-panel/esm/components/footer/Component.desktop.js +1 -1
  155. package/side-panel/esm/components/footer/Component.js +1 -1
  156. package/side-panel/esm/components/footer/Component.mobile.js +1 -1
  157. package/side-panel/esm/desktop/Component.desktop.js +1 -1
  158. package/side-panel/esm/desktop/index.js +1 -1
  159. package/side-panel/esm/index.js +1 -1
  160. package/side-panel/esm/mobile/Component.mobile.js +1 -1
  161. package/side-panel/esm/mobile/index.js +1 -1
  162. package/side-panel/modern/Component.responsive.js +1 -1
  163. package/side-panel/modern/components/controls/Component.js +1 -1
  164. package/side-panel/modern/components/controls/index.js +1 -1
  165. package/side-panel/modern/components/footer/Component.desktop.js +1 -1
  166. package/side-panel/modern/components/footer/Component.js +1 -1
  167. package/side-panel/modern/components/footer/Component.mobile.js +1 -1
  168. package/side-panel/modern/desktop/Component.desktop.js +1 -1
  169. package/side-panel/modern/desktop/index.js +1 -1
  170. package/side-panel/modern/index.js +1 -1
  171. package/side-panel/modern/mobile/Component.mobile.js +1 -1
  172. package/side-panel/modern/mobile/index.js +1 -1
  173. package/themes/click.css +1515 -0
  174. package/themes/compiled/mobile-dark-bluetint.css +65 -204
  175. package/themes/corp.css +1515 -0
  176. package/themes/intranet.css +1515 -0
  177. package/themes/mobile.css +1515 -0
  178. package/themes/site.css +1515 -0
  179. /package/confirmation/{countdown-section-ea52770e.d.ts → countdown-section-b30d5212.d.ts} +0 -0
  180. /package/confirmation/{countdown-section-ea52770e.js → countdown-section-b30d5212.js} +0 -0
  181. /package/confirmation/esm/{countdown-section-95b6b929.d.ts → countdown-section-c4f73a77.d.ts} +0 -0
  182. /package/confirmation/esm/{countdown-section-95b6b929.js → countdown-section-c4f73a77.js} +0 -0
  183. /package/confirmation/modern/{countdown-section-bfef8483.d.ts → countdown-section-f3215ad8.d.ts} +0 -0
  184. /package/confirmation/modern/{countdown-section-bfef8483.js → countdown-section-f3215ad8.js} +0 -0
  185. /package/gallery/{buttons-c863bfdb.d.ts → buttons-01e8353f.d.ts} +0 -0
  186. /package/gallery/{buttons-c863bfdb.js → buttons-01e8353f.js} +0 -0
  187. /package/gallery/esm/{buttons-7955bd19.d.ts → buttons-85c1b9a3.d.ts} +0 -0
  188. /package/gallery/esm/{buttons-7955bd19.js → buttons-85c1b9a3.js} +0 -0
  189. /package/gallery/esm/{slide-ccf09eda.d.ts → slide-530dfb83.d.ts} +0 -0
  190. /package/gallery/esm/{slide-ccf09eda.js → slide-530dfb83.js} +0 -0
  191. /package/gallery/modern/{buttons-a7c365d3.d.ts → buttons-5f86c790.d.ts} +0 -0
  192. /package/gallery/modern/{buttons-a7c365d3.js → buttons-5f86c790.js} +0 -0
  193. /package/gallery/modern/{slide-8098a08f.d.ts → slide-afec4d99.d.ts} +0 -0
  194. /package/gallery/modern/{slide-8098a08f.js → slide-afec4d99.js} +0 -0
  195. /package/gallery/{slide-11daaf82.d.ts → slide-18998644.d.ts} +0 -0
  196. /package/gallery/{slide-11daaf82.js → slide-18998644.js} +0 -0
  197. /package/modal/esm/{layout.module-b635b128.js → layout.module-1b8afca9.js} +0 -0
  198. /package/modal/{layout.module-34149103.js → layout.module-3eb92921.js} +0 -0
  199. /package/modal/modern/{layout.module-41e8947b.js → layout.module-13b15398.js} +0 -0
  200. /package/select/esm/{hook-c0758dcd.d.ts → hook-aa7d4c07.d.ts} +0 -0
  201. /package/select/esm/{hook-c0758dcd.js → hook-aa7d4c07.js} +0 -0
  202. /package/select/{hook-10a14b43.d.ts → hook-f0adfa6b.d.ts} +0 -0
  203. /package/select/{hook-10a14b43.js → hook-f0adfa6b.js} +0 -0
  204. /package/select/modern/{hook-5ccdb908.d.ts → hook-d72e58c4.d.ts} +0 -0
  205. /package/select/modern/{hook-5ccdb908.js → hook-d72e58c4.js} +0 -0
  206. /package/side-panel/esm/{layout.module-82f2a2ed.js → layout.module-d6ca40a5.js} +0 -0
  207. /package/side-panel/{layout.module-cda730eb.js → layout.module-85234bb1.js} +0 -0
  208. /package/side-panel/modern/{layout.module-2b3f98d0.js → layout.module-9f8549ee.js} +0 -0
@@ -1,19 +1,4 @@
1
- .backdrop__backdrop_1d6xc {
2
- -webkit-tap-highlight-color: transparent;
3
- } .backdrop__appear_1d6xc,
4
- .backdrop__enter_1d6xc {
5
- background-color: transparent;
6
- } .backdrop__appearActive_1d6xc,
7
- .backdrop__enterActive_1d6xc,
8
- .backdrop__appearDone_1d6xc,
9
- .backdrop__enterDone_1d6xc {
10
- background-color: rgba(0, 0, 0, 0.7);
11
- } .backdrop__exit_1d6xc {
12
- background-color: rgba(0, 0, 0, 0.7);
13
- } .backdrop__exitActive_1d6xc,
14
- .backdrop__exitDone_1d6xc {
15
- background-color: transparent;
16
- }.card-image__cardImage_1w4ef {
1
+ .card-image__cardImage_1w4ef {
17
2
  background: #e7e8ea;
18
3
  } .card-image__loaded_1w4ef {
19
4
  background: transparent
@@ -77,6 +62,21 @@
77
62
  background-color: #fff;
78
63
  } .badge__dot_13jfy.badge__outlineCount_13jfy {
79
64
  border: 1px solid #121213;
65
+ }.backdrop__backdrop_1d6xc {
66
+ -webkit-tap-highlight-color: transparent;
67
+ } .backdrop__appear_1d6xc,
68
+ .backdrop__enter_1d6xc {
69
+ background-color: transparent;
70
+ } .backdrop__appearActive_1d6xc,
71
+ .backdrop__enterActive_1d6xc,
72
+ .backdrop__appearDone_1d6xc,
73
+ .backdrop__enterDone_1d6xc {
74
+ background-color: rgba(0, 0, 0, 0.7);
75
+ } .backdrop__exit_1d6xc {
76
+ background-color: rgba(0, 0, 0, 0.7);
77
+ } .backdrop__exitActive_1d6xc,
78
+ .backdrop__exitDone_1d6xc {
79
+ background-color: transparent;
80
80
  }.divider__component_qntq7 {
81
81
  border-bottom: 1px solid #353539;
82
82
  }.dropzone__component_jv68l {
@@ -193,6 +193,7 @@
193
193
  } .icon-view__border_19x5k {
194
194
  stroke: rgba(225, 225, 248, 0.09);
195
195
  fill: transparent;
196
+ }@keyframes loader__blink_1nz23 {
196
197
  }.link__primary_1tca1 {
197
198
  color: rgba(255, 255, 255, 0.94);
198
199
  border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -259,8 +260,7 @@
259
260
  }
260
261
  } .link__defaultView_1dx8k:active {
261
262
  color: #2453b4;
262
- }@keyframes loader__blink_1nz23 {
263
- }.progress-bar__container_1ntkl {
263
+ }.progress-bar__container_1ntkl {
264
264
  background: rgba(222, 222, 238, 0.13)
265
265
  } .progress-bar__filled_1ntkl.progress-bar__positive_1ntkl {
266
266
  background: #17d055;
@@ -310,7 +310,25 @@
310
310
  100% {
311
311
  background: rgb(198, 205, 214);
312
312
  }
313
- }.segmented-control__wrapper_97jjo {
313
+ }.slider__component_1qlg3 .noUi-base:hover .noUi-connects {
314
+ background: rgba(222, 222, 238, 0.13);
315
+ } .slider__component_1qlg3 .noUi-base:hover .noUi-connect {
316
+ background: #f83a2a;
317
+ } .slider__component_1qlg3 .noUi-handle:hover .noUi-touch-area {
318
+ background: #ff503e;
319
+ } .slider__component_1qlg3 .noUi-handle:active .noUi-touch-area {
320
+ background: #fd624e;
321
+ } .slider__component_1qlg3 .noUi-connects {
322
+ background: rgba(222, 222, 238, 0.13);
323
+ } .slider__component_1qlg3 .noUi-connect {
324
+ background: #f83a2a;
325
+ } .slider__component_1qlg3 .noUi-handle {
326
+ border: 2px solid transparent;
327
+ } .slider__component_1qlg3 .noUi-touch-area {
328
+ background: #f83a2a;
329
+ } .slider__component_1qlg3 .noUi-pips {
330
+ color: rgba(238, 238, 251, 0.55);
331
+ }.segmented-control__wrapper_97jjo {
314
332
  background-color: rgba(225, 225, 248, 0.09);
315
333
  } .segmented-control__segment_97jjo.segmented-control__selected_97jjo {
316
334
  color: rgba(255, 255, 255, 0.94);
@@ -344,24 +362,6 @@
344
362
  color: rgba(3, 3, 6, 0.88)
345
363
  } .segmented-control__segment_1ci04:not(:first-child):before {
346
364
  background-color: rgba(15, 25, 55, 0.1);
347
- }.slider__component_1qlg3 .noUi-base:hover .noUi-connects {
348
- background: rgba(222, 222, 238, 0.13);
349
- } .slider__component_1qlg3 .noUi-base:hover .noUi-connect {
350
- background: #f83a2a;
351
- } .slider__component_1qlg3 .noUi-handle:hover .noUi-touch-area {
352
- background: #ff503e;
353
- } .slider__component_1qlg3 .noUi-handle:active .noUi-touch-area {
354
- background: #fd624e;
355
- } .slider__component_1qlg3 .noUi-connects {
356
- background: rgba(222, 222, 238, 0.13);
357
- } .slider__component_1qlg3 .noUi-connect {
358
- background: #f83a2a;
359
- } .slider__component_1qlg3 .noUi-handle {
360
- border: 2px solid transparent;
361
- } .slider__component_1qlg3 .noUi-touch-area {
362
- background: #f83a2a;
363
- } .slider__component_1qlg3 .noUi-pips {
364
- color: rgba(238, 238, 251, 0.55);
365
365
  }.spinner__component_6d0oa {
366
366
  color: #fff;
367
367
  }
@@ -369,6 +369,34 @@
369
369
  }
370
370
  .spinner__component_11jun {
371
371
  color: #121213;
372
+ }.status-badge__positive-checkmark_1qjlx {
373
+ background-color: #17d055;
374
+ } .status-badge__negative-cross_1qjlx,
375
+ .status-badge__negative-alert_1qjlx,
376
+ .status-badge__negative-block_1qjlx {
377
+ background-color: #ff4837;
378
+ } .status-badge__attention-alert_1qjlx {
379
+ background-color: #fda136;
380
+ } .status-badge__neutral-information_1qjlx,
381
+ .status-badge__neutral-operation_1qjlx,
382
+ .status-badge__neutral-cross_1qjlx {
383
+ background-color: #898991;
384
+ }
385
+ .status-badge__component_75yw9 {
386
+ color: #fff;
387
+ }
388
+ .status-badge__positive-checkmark_yo7iy {
389
+ background-color: #0cc44d;
390
+ } .status-badge__negative-cross_yo7iy,
391
+ .status-badge__negative-alert_yo7iy,
392
+ .status-badge__negative-block_yo7iy {
393
+ background-color: #ff4837;
394
+ } .status-badge__attention-alert_yo7iy {
395
+ background-color: #fa9313;
396
+ } .status-badge__neutral-information_yo7iy,
397
+ .status-badge__neutral-operation_yo7iy,
398
+ .status-badge__neutral-cross_yo7iy {
399
+ background-color: #898991;
372
400
  }.status__soft_1unag.status__green_1unag {
373
401
  background: #d1f1d7;
374
402
  color: #0d9336;
@@ -406,171 +434,4 @@
406
434
  background: #09b9be;
407
435
  } .status__contrast_1unag.status__purple_1unag {
408
436
  background: #897eff;
409
- }.status-badge__positive-checkmark_1qjlx {
410
- background-color: #17d055;
411
- } .status-badge__negative-cross_1qjlx,
412
- .status-badge__negative-alert_1qjlx,
413
- .status-badge__negative-block_1qjlx {
414
- background-color: #ff4837;
415
- } .status-badge__attention-alert_1qjlx {
416
- background-color: #fda136;
417
- } .status-badge__neutral-information_1qjlx,
418
- .status-badge__neutral-operation_1qjlx,
419
- .status-badge__neutral-cross_1qjlx {
420
- background-color: #898991;
421
- }
422
- .status-badge__component_75yw9 {
423
- color: #fff;
424
- }
425
- .status-badge__positive-checkmark_yo7iy {
426
- background-color: #0cc44d;
427
- } .status-badge__negative-cross_yo7iy,
428
- .status-badge__negative-alert_yo7iy,
429
- .status-badge__negative-block_yo7iy {
430
- background-color: #ff4837;
431
- } .status-badge__attention-alert_yo7iy {
432
- background-color: #fa9313;
433
- } .status-badge__neutral-information_yo7iy,
434
- .status-badge__neutral-operation_yo7iy,
435
- .status-badge__neutral-cross_yo7iy {
436
- background-color: #898991;
437
- }.underlay__background-accent_l4yds {
438
- background-color: #ef3124;
439
- } .underlay__background-info_l4yds {
440
- background-color: #001c3c;
441
- } .underlay__background-attention-muted_l4yds {
442
- background-color: #36291f;
443
- } .underlay__background-positive-muted_l4yds {
444
- background-color: #232d25;
445
- } .underlay__background-negative-muted_l4yds {
446
- background-color: #392523;
447
- } .underlay__background-primary_l4yds {
448
- background-color: #0e0e0e;
449
- } .underlay__background-primary-inverted_l4yds {
450
- background-color: #fff;
451
- } .underlay__background-secondary_l4yds {
452
- background-color: #1c1c1e;
453
- } .underlay__background-secondary-inverted_l4yds {
454
- background-color: #f2f3f5;
455
- } .underlay__background-tertiary_l4yds {
456
- background-color: #27272a;
457
- } .underlay__background-tertiary-inverted_l4yds {
458
- background-color: #e7e8ea;
459
- } .underlay__background-quaternary_l4yds {
460
- background-color: #36363a;
461
- } .underlay__background-quaternary-inverted_l4yds {
462
- background-color: #dcdee2;
463
- } .underlay__background-specialbg-component_l4yds {
464
- background-color: rgba(255, 255, 255, 0.1);
465
- } .underlay__background-specialbg-component-inverted_l4yds {
466
- background-color: rgba(11, 31, 53, 0.07);
467
- } .underlay__background-specialbg-primary-grouped_l4yds {
468
- background-color: #1c1c1e;
469
- } .underlay__background-specialbg-secondary-grouped_l4yds {
470
- background-color: #27272a;
471
- } .underlay__background-specialbg-tertiary-grouped_l4yds {
472
- background-color: #36363a;
473
- } .underlay__background-specialbg-secondary-transparent_l4yds {
474
- background-color: rgba(214, 214, 229, 0.07);
475
- } .underlay__background-specialbg-secondary-transparent-inverted_l4yds {
476
- background-color: rgba(38, 55, 88, 0.06);
477
- } .underlay__background-specialbg-tertiary-transparent_l4yds {
478
- background-color: rgba(222, 222, 240, 0.12);
479
- } .underlay__background-specialbg-tertiary-transparent-inverted_l4yds {
480
- background-color: rgba(30, 43, 68, 0.08);
481
- } .underlay__shadow-xs_l4yds {
482
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
483
- } .underlay__shadow-s_l4yds {
484
- box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
485
- 0 0 1px rgba(0, 0, 0, 0.04);
486
- } .underlay__shadow-m_l4yds {
487
- box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
488
- 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
489
- } .underlay__shadow-l_l4yds {
490
- box-shadow: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
491
- 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
492
- } .underlay__shadow-xl_l4yds {
493
- box-shadow: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
494
- 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
495
- 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
496
- } .underlay__shadow-xs-hard_l4yds {
497
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
498
- } .underlay__shadow-s-hard_l4yds {
499
- box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
500
- 0 0 1px rgba(0, 0, 0, 0.16);
501
- } .underlay__shadow-m-hard_l4yds {
502
- box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
503
- 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
504
- } .underlay__shadow-l-hard_l4yds {
505
- box-shadow: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
506
- 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
507
- } .underlay__shadow-xl-hard_l4yds {
508
- box-shadow: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
509
- 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
510
- 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
511
- } .underlay__shadow-xs-up_l4yds {
512
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
513
- } .underlay__shadow-s-up_l4yds {
514
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
515
- } .underlay__shadow-m-up_l4yds {
516
- box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
517
- } .underlay__shadow-l-up_l4yds {
518
- box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
519
- } .underlay__shadow-xl-up_l4yds {
520
- box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
521
- } .underlay__shadow-xs-hard-up_l4yds {
522
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
523
- 0 -2px 4px rgba(0, 0, 0, 0.16);
524
- } .underlay__shadow-s-hard-up_l4yds {
525
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
526
- 0 -4px 8px rgba(0, 0, 0, 0.16);
527
- } .underlay__shadow-m-hard-up_l4yds {
528
- box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
529
- 0 -8px 16px rgba(0, 0, 0, 0.16);
530
- } .underlay__shadow-l-hard-up_l4yds {
531
- box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
532
- 0 -12px 24px rgba(0, 0, 0, 0.16);
533
- } .underlay__shadow-xl-hard-up_l4yds {
534
- box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
535
- 0 -16px 32px rgba(0, 0, 0, 0.16);
536
- } .underlay__border-color-accent_l4yds {
537
- border-color: #f83a2a;
538
- } .underlay__border-color-key_l4yds {
539
- border-color: #fff;
540
- } .underlay__border-color-key-inverted_l4yds {
541
- border-color: #121213;
542
- } .underlay__border-color-link_l4yds {
543
- border-color: #3193fc;
544
- } .underlay__border-color-primary_l4yds {
545
- border-color: #353539;
546
- } .underlay__border-color-primary-inverted_l4yds {
547
- border-color: #d2d3d9;
548
- } .underlay__border-color-secondary_l4yds {
549
- border-color: #29292c;
550
- } .underlay__border-color-secondary-inverted_l4yds {
551
- border-color: #e7e8eb;
552
- } .underlay__border-color-tertiary_l4yds {
553
- border-color: #212124;
554
- } .underlay__border-color-tertiary-inverted_l4yds {
555
- border-color: #edeef0;
556
- } .underlay__border-color-underline_l4yds {
557
- border-color: #4a4a51;
558
- } .underlay__border-color-underline-inverted_l4yds {
559
- border-color: #babbc2;
560
- } .underlay__border-color-graphic-attention_l4yds {
561
- border-color: #fda136;
562
- } .underlay__border-color-graphic-link_l4yds {
563
- border-color: #3193fc;
564
- } .underlay__border-color-graphic-negative_l4yds {
565
- border-color: #ff4837;
566
- } .underlay__border-color-graphic-positive_l4yds {
567
- border-color: #17d055;
568
- } .underlay__border-color-specialbg-secondary-transparent_l4yds {
569
- border-color: rgba(225, 225, 248, 0.09);
570
- } .underlay__border-color-specialbg-secondary-transparent-inverted_l4yds {
571
- border-color: rgba(30, 43, 68, 0.08);
572
- } .underlay__border-color-specialbg-tertiary-transparent_l4yds {
573
- border-color: rgba(222, 222, 238, 0.13);
574
- } .underlay__border-color-specialbg-tertiary-transparent-inverted_l4yds {
575
- border-color: rgba(15, 25, 55, 0.1);
576
437
  }