@salutejs/plasma-new-hope 0.174.0-canary.1452.11462555994.0 → 0.174.0-canary.1488.11483339131.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (732) hide show
  1. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -1
  2. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  3. package/cjs/components/Attach/Attach.js +3 -4
  4. package/cjs/components/Attach/Attach.js.map +1 -1
  5. package/cjs/components/Attach/components/AttachButton/AttachButton.js +0 -1
  6. package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
  7. package/cjs/components/Attach/ui/Button/Button.styles.js +0 -1
  8. package/cjs/components/Attach/ui/Button/Button.styles.js.map +1 -1
  9. package/cjs/components/Attach/ui/Cell/Cell.styles.js +0 -2
  10. package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
  11. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +0 -1
  12. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
  13. package/cjs/components/Attach/utils/getFileicon.js +3 -4
  14. package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
  15. package/cjs/components/Attach/utils/index.js +0 -3
  16. package/cjs/components/Attach/utils/index.js.map +1 -1
  17. package/cjs/components/Autocomplete/Autocomplete.js +5 -6
  18. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  19. package/cjs/components/Autocomplete/Autocomplete.styles.js +2 -3
  20. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  21. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -2
  22. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  23. package/cjs/components/Avatar/Avatar.js +2 -3
  24. package/cjs/components/Avatar/Avatar.js.map +1 -1
  25. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -4
  26. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  27. package/cjs/components/Button/Button.styles.js +0 -3
  28. package/cjs/components/Button/Button.styles.js.map +1 -1
  29. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +5 -5
  30. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
  31. package/cjs/components/Calendar/hooks/useDays.js +2 -2
  32. package/cjs/components/Calendar/hooks/useKeyNavigation.js +1 -1
  33. package/cjs/components/Calendar/hooks/useMonths.js +2 -2
  34. package/cjs/components/Calendar/hooks/useQuarters.js +2 -2
  35. package/cjs/components/Calendar/hooks/useYears.js +2 -2
  36. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
  37. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -6
  38. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  39. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +0 -1
  40. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  41. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
  42. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
  43. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
  44. package/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -12
  45. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  46. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -4
  47. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  48. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +0 -2
  49. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  50. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -2
  51. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  52. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -6
  53. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  54. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -3
  55. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  56. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -2
  57. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  58. package/cjs/components/Combobox/ComboboxOld/Combobox.js +4 -10
  59. package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  60. package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js +0 -1
  61. package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
  62. package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js +0 -1
  63. package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
  64. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -2
  65. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
  66. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +1 -10
  67. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
  68. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +1 -10
  69. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
  70. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +1 -10
  71. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
  72. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +1 -10
  73. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
  74. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +0 -2
  75. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  76. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
  77. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -2
  78. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
  79. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -7
  80. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  81. package/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -1
  82. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +0 -1
  83. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  84. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -2
  85. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  86. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -5
  87. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  88. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +0 -1
  89. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  90. package/cjs/components/Drawer/Drawer.js +5 -10
  91. package/cjs/components/Drawer/Drawer.js.map +1 -1
  92. package/cjs/components/Drawer/Drawer.styles.js +0 -4
  93. package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
  94. package/cjs/components/Drawer/hooks/useDrawer.js +0 -4
  95. package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
  96. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js +0 -7
  97. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
  98. package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js +0 -7
  99. package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
  100. package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js +0 -3
  101. package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
  102. package/cjs/components/Dropdown/Dropdown.js +3 -10
  103. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  104. package/cjs/components/Dropdown/Dropdown.styles.js +2 -3
  105. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  106. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -9
  107. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  108. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
  109. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  110. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -2
  111. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
  112. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +0 -1
  113. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
  114. package/cjs/components/Editable/Editable.js +3 -4
  115. package/cjs/components/Editable/Editable.js.map +1 -1
  116. package/cjs/components/Editable/utils/clearSelection.js +0 -2
  117. package/cjs/components/Editable/utils/clearSelection.js.map +1 -1
  118. package/cjs/components/Editable/utils/selectText.js +0 -2
  119. package/cjs/components/Editable/utils/selectText.js.map +1 -1
  120. package/cjs/components/EmptyState/EmptyState.styles.js +1 -2
  121. package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -1
  122. package/cjs/components/IconButton/IconButton.js +1 -1
  123. package/cjs/components/IconButton/IconButton.styles.js +0 -8
  124. package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
  125. package/cjs/components/Modal/Modal.js +6 -8
  126. package/cjs/components/Modal/Modal.js.map +1 -1
  127. package/cjs/components/Modal/hooks/useModal.js +0 -4
  128. package/cjs/components/Modal/hooks/useModal.js.map +1 -1
  129. package/cjs/components/Notification/Notification.styles.js +2 -3
  130. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  131. package/cjs/components/Notification/NotificationsPortal.js +3 -4
  132. package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
  133. package/cjs/components/Pagination/Pagination.styles.js +1 -2
  134. package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
  135. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -2
  136. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  137. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js +1 -2
  138. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
  139. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -2
  140. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
  141. package/cjs/components/Popover/Popover.js +1 -1
  142. package/cjs/components/Popup/Popup.js +2 -2
  143. package/cjs/components/Popup/PopupContext.js +1 -1
  144. package/cjs/components/Range/Range.styles.js +0 -1
  145. package/cjs/components/Range/Range.styles.js.map +1 -1
  146. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +4 -5
  147. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  148. package/cjs/components/Select/Select.js +11 -12
  149. package/cjs/components/Select/Select.js.map +1 -1
  150. package/cjs/components/Select/Select.styles.js +2 -5
  151. package/cjs/components/Select/Select.styles.js.map +1 -1
  152. package/cjs/components/Select/hooks/usePathMaps.js +0 -2
  153. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  154. package/cjs/components/Select/ui/Inner/Inner.js +1 -2
  155. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  156. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +4 -5
  157. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  158. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +0 -1
  159. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  160. package/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -1
  161. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -3
  162. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  163. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
  164. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
  165. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  166. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +1 -2
  167. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
  168. package/cjs/components/Select/utils/getButtonLabel.js +0 -2
  169. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  170. package/cjs/components/Sheet/Sheet.js +3 -3
  171. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +2 -4
  172. package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
  173. package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -4
  174. package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
  175. package/cjs/components/Slider/Slider.css +13 -15
  176. package/cjs/components/Slider/Slider.js +2 -18
  177. package/cjs/components/Slider/Slider.js.map +1 -1
  178. package/cjs/components/Slider/Slider.tokens.js +17 -23
  179. package/cjs/components/Slider/Slider.tokens.js.map +1 -1
  180. package/cjs/components/Slider/components/Double/Double.css +8 -8
  181. package/cjs/components/Slider/components/Double/Double.js +24 -60
  182. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  183. package/cjs/components/Slider/components/Double/Double.styles.js +0 -1
  184. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
  185. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -3
  186. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
  187. package/cjs/components/Slider/components/Single/Single.css +14 -14
  188. package/cjs/components/Slider/components/Single/Single.js +34 -66
  189. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  190. package/cjs/components/Slider/components/Single/Single.styles.js +4 -4
  191. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
  192. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  193. package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
  194. package/cjs/components/Slider/components/SliderBase/SliderBase.js +13 -32
  195. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  196. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  197. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  198. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
  199. package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
  200. package/cjs/components/Slider/ui/Handler/Handler.js +88 -49
  201. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
  202. package/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -17
  203. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  204. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  205. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
  206. package/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  207. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  208. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  209. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  210. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  211. package/cjs/components/Slider/utils/index.js +10 -28
  212. package/cjs/components/Slider/utils/index.js.map +1 -1
  213. package/cjs/components/Slider/variations/_view/base.js +1 -1
  214. package/cjs/components/Slider/variations/_view/base.js.map +1 -1
  215. package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
  216. package/cjs/components/Steps/Steps.js +1 -1
  217. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -1
  218. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  219. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
  220. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
  221. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -3
  222. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
  223. package/cjs/components/TextArea/TextArea.js +2 -2
  224. package/cjs/components/TextArea/TextArea.styles.js +2 -3
  225. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  226. package/cjs/components/TextArea/ui/Hint/Hint.js +1 -2
  227. package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -1
  228. package/cjs/components/TextField/TextField.js +3 -3
  229. package/cjs/components/TextField/TextField.styles.js +1 -2
  230. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  231. package/cjs/components/TextField/ui/Hint/Hint.js +1 -2
  232. package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -1
  233. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -2
  234. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  235. package/cjs/components/Toast/Toast.styles.js +1 -1
  236. package/cjs/components/Toast/ToastController.js +1 -1
  237. package/cjs/components/Toast/utils.js +1 -2
  238. package/cjs/components/Toast/utils.js.map +1 -1
  239. package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
  240. package/cjs/components/Tooltip/Tooltip.js +2 -3
  241. package/cjs/components/Tooltip/Tooltip.js.map +1 -1
  242. package/cjs/components/ViewContainer/ViewContainer.js +38 -0
  243. package/cjs/components/ViewContainer/ViewContainer.js.map +1 -0
  244. package/cjs/components/ViewContainer/ViewContainer_yiqfcb.css +1 -0
  245. package/cjs/components/ViewContainer/_view/base.js +9 -0
  246. package/cjs/components/ViewContainer/_view/base.js.map +1 -0
  247. package/cjs/components/ViewContainer/_view/base_x642ct.css +1 -0
  248. package/cjs/engines/index.js +0 -2
  249. package/cjs/engines/index.js.map +1 -1
  250. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -1
  251. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  252. package/cjs/index.css +15 -15
  253. package/cjs/index.js +51 -51
  254. package/cjs/utils/index.js +0 -5
  255. package/cjs/utils/index.js.map +1 -1
  256. package/emotion/cjs/components/Slider/Slider.js +2 -10
  257. package/emotion/cjs/components/Slider/Slider.template-doc.mdx +0 -26
  258. package/emotion/cjs/components/Slider/Slider.tokens.js +17 -23
  259. package/emotion/cjs/components/Slider/components/Double/Double.js +19 -54
  260. package/emotion/cjs/components/Slider/components/Single/Single.js +33 -64
  261. package/emotion/cjs/components/Slider/components/Single/Single.styles.js +9 -18
  262. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  263. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
  264. package/emotion/cjs/components/Slider/ui/Handler/Handler.js +88 -52
  265. package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -9
  266. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  267. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  268. package/emotion/cjs/components/Slider/utils/index.js +10 -28
  269. package/emotion/cjs/components/Slider/variations/_view/base.js +1 -2
  270. package/emotion/cjs/components/ViewContainer/ViewContainer.js +49 -0
  271. package/emotion/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
  272. package/emotion/cjs/components/ViewContainer/_view/base.js +8 -0
  273. package/emotion/cjs/components/ViewContainer/_view/tokens.json +1 -0
  274. package/emotion/cjs/components/ViewContainer/index.js +18 -0
  275. package/emotion/cjs/examples/_helpers.js +3 -14
  276. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  277. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
  278. package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +16 -0
  279. package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +11 -0
  280. package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  281. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  282. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
  283. package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +16 -0
  284. package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +11 -0
  285. package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  286. package/emotion/cjs/index.js +11 -0
  287. package/emotion/es/components/Slider/Slider.js +2 -11
  288. package/emotion/es/components/Slider/Slider.template-doc.mdx +0 -26
  289. package/emotion/es/components/Slider/Slider.tokens.js +17 -23
  290. package/emotion/es/components/Slider/components/Double/Double.js +19 -54
  291. package/emotion/es/components/Slider/components/Single/Single.js +34 -65
  292. package/emotion/es/components/Slider/components/Single/Single.styles.js +8 -17
  293. package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  294. package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
  295. package/emotion/es/components/Slider/ui/Handler/Handler.js +86 -51
  296. package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +16 -10
  297. package/emotion/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  298. package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  299. package/emotion/es/components/Slider/utils/index.js +10 -28
  300. package/emotion/es/components/Slider/variations/_view/base.js +1 -2
  301. package/emotion/es/components/ViewContainer/ViewContainer.js +40 -0
  302. package/emotion/es/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
  303. package/emotion/es/components/ViewContainer/_view/base.js +2 -0
  304. package/emotion/es/components/ViewContainer/_view/tokens.json +1 -0
  305. package/emotion/es/components/ViewContainer/index.js +1 -0
  306. package/emotion/es/examples/_helpers.js +3 -14
  307. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  308. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
  309. package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +10 -0
  310. package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +5 -0
  311. package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  312. package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  313. package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
  314. package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +10 -0
  315. package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +5 -0
  316. package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  317. package/emotion/es/index.js +2 -1
  318. package/emotion/package.json +2 -1
  319. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -1
  320. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  321. package/es/components/Attach/Attach.js +3 -4
  322. package/es/components/Attach/Attach.js.map +1 -1
  323. package/es/components/Attach/components/AttachButton/AttachButton.js +0 -1
  324. package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
  325. package/es/components/Attach/ui/Button/Button.styles.js +0 -1
  326. package/es/components/Attach/ui/Button/Button.styles.js.map +1 -1
  327. package/es/components/Attach/ui/Cell/Cell.styles.js +0 -2
  328. package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
  329. package/es/components/Attach/ui/IconButton/IconButton.styles.js +0 -1
  330. package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
  331. package/es/components/Attach/utils/getFileicon.js +3 -4
  332. package/es/components/Attach/utils/getFileicon.js.map +1 -1
  333. package/es/components/Attach/utils/index.js +0 -3
  334. package/es/components/Attach/utils/index.js.map +1 -1
  335. package/es/components/Autocomplete/Autocomplete.js +5 -6
  336. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  337. package/es/components/Autocomplete/Autocomplete.styles.js +2 -3
  338. package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  339. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -2
  340. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  341. package/es/components/Avatar/Avatar.js +2 -3
  342. package/es/components/Avatar/Avatar.js.map +1 -1
  343. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -4
  344. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  345. package/es/components/Button/Button.styles.js +0 -3
  346. package/es/components/Button/Button.styles.js.map +1 -1
  347. package/es/components/Calendar/CalendarBase/CalendarBase.js +5 -5
  348. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
  349. package/es/components/Calendar/hooks/useDays.js +2 -2
  350. package/es/components/Calendar/hooks/useKeyNavigation.js +1 -1
  351. package/es/components/Calendar/hooks/useMonths.js +2 -2
  352. package/es/components/Calendar/hooks/useQuarters.js +2 -2
  353. package/es/components/Calendar/hooks/useYears.js +2 -2
  354. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
  355. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -6
  356. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  357. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +0 -1
  358. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  359. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
  360. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
  361. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
  362. package/es/components/Combobox/ComboboxNew/Combobox.js +11 -12
  363. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  364. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -4
  365. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  366. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +0 -2
  367. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  368. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -2
  369. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  370. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -6
  371. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  372. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -3
  373. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  374. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -2
  375. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  376. package/es/components/Combobox/ComboboxOld/Combobox.js +4 -10
  377. package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  378. package/es/components/Combobox/ComboboxOld/Combobox.styles.js +0 -1
  379. package/es/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
  380. package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js +0 -1
  381. package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
  382. package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -2
  383. package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
  384. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +1 -10
  385. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
  386. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +1 -10
  387. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
  388. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +1 -10
  389. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
  390. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +1 -10
  391. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
  392. package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +0 -2
  393. package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  394. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
  395. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -2
  396. package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
  397. package/es/components/DatePicker/DatePickerBase.styles.js +1 -7
  398. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  399. package/es/components/DatePicker/RangeDate/RangeDate.js +1 -1
  400. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +0 -1
  401. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  402. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -2
  403. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  404. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -5
  405. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  406. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +0 -1
  407. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  408. package/es/components/Drawer/Drawer.js +5 -10
  409. package/es/components/Drawer/Drawer.js.map +1 -1
  410. package/es/components/Drawer/Drawer.styles.js +0 -4
  411. package/es/components/Drawer/Drawer.styles.js.map +1 -1
  412. package/es/components/Drawer/hooks/useDrawer.js +0 -4
  413. package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
  414. package/es/components/Drawer/ui/DrawerContent/DrawerContent.js +0 -7
  415. package/es/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
  416. package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js +0 -7
  417. package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
  418. package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js +0 -3
  419. package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
  420. package/es/components/Dropdown/Dropdown.js +3 -10
  421. package/es/components/Dropdown/Dropdown.js.map +1 -1
  422. package/es/components/Dropdown/Dropdown.styles.js +2 -3
  423. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  424. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -9
  425. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  426. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
  427. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  428. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -2
  429. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
  430. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +0 -1
  431. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
  432. package/es/components/Editable/Editable.js +3 -4
  433. package/es/components/Editable/Editable.js.map +1 -1
  434. package/es/components/Editable/utils/clearSelection.js +0 -2
  435. package/es/components/Editable/utils/clearSelection.js.map +1 -1
  436. package/es/components/Editable/utils/selectText.js +0 -2
  437. package/es/components/Editable/utils/selectText.js.map +1 -1
  438. package/es/components/EmptyState/EmptyState.styles.js +1 -2
  439. package/es/components/EmptyState/EmptyState.styles.js.map +1 -1
  440. package/es/components/IconButton/IconButton.js +1 -1
  441. package/es/components/IconButton/IconButton.styles.js +0 -8
  442. package/es/components/IconButton/IconButton.styles.js.map +1 -1
  443. package/es/components/Modal/Modal.js +6 -8
  444. package/es/components/Modal/Modal.js.map +1 -1
  445. package/es/components/Modal/hooks/useModal.js +0 -4
  446. package/es/components/Modal/hooks/useModal.js.map +1 -1
  447. package/es/components/Notification/Notification.styles.js +2 -3
  448. package/es/components/Notification/Notification.styles.js.map +1 -1
  449. package/es/components/Notification/NotificationsPortal.js +3 -4
  450. package/es/components/Notification/NotificationsPortal.js.map +1 -1
  451. package/es/components/Pagination/Pagination.styles.js +1 -2
  452. package/es/components/Pagination/Pagination.styles.js.map +1 -1
  453. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -2
  454. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  455. package/es/components/Panel/ui/PanelHeader/PanelHeader.js +1 -2
  456. package/es/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
  457. package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -2
  458. package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
  459. package/es/components/Popover/Popover.js +1 -1
  460. package/es/components/Popup/Popup.js +2 -2
  461. package/es/components/Popup/PopupContext.js +1 -1
  462. package/es/components/Range/Range.styles.js +0 -1
  463. package/es/components/Range/Range.styles.js.map +1 -1
  464. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +4 -5
  465. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  466. package/es/components/Select/Select.js +11 -12
  467. package/es/components/Select/Select.js.map +1 -1
  468. package/es/components/Select/Select.styles.js +2 -5
  469. package/es/components/Select/Select.styles.js.map +1 -1
  470. package/es/components/Select/hooks/usePathMaps.js +0 -2
  471. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  472. package/es/components/Select/ui/Inner/Inner.js +1 -2
  473. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  474. package/es/components/Select/ui/Inner/ui/Item/Item.js +4 -5
  475. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  476. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +0 -1
  477. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  478. package/es/components/Select/ui/Target/ui/Button/Button.js +1 -1
  479. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -3
  480. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  481. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
  482. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
  483. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  484. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +1 -2
  485. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
  486. package/es/components/Select/utils/getButtonLabel.js +0 -2
  487. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  488. package/es/components/Sheet/Sheet.js +3 -3
  489. package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +2 -4
  490. package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
  491. package/es/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -4
  492. package/es/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
  493. package/es/components/Slider/Slider.css +13 -15
  494. package/es/components/Slider/Slider.js +2 -18
  495. package/es/components/Slider/Slider.js.map +1 -1
  496. package/es/components/Slider/Slider.tokens.js +17 -23
  497. package/es/components/Slider/Slider.tokens.js.map +1 -1
  498. package/es/components/Slider/components/Double/Double.css +8 -8
  499. package/es/components/Slider/components/Double/Double.js +20 -56
  500. package/es/components/Slider/components/Double/Double.js.map +1 -1
  501. package/es/components/Slider/components/Double/Double.styles.js +0 -1
  502. package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
  503. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -3
  504. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
  505. package/es/components/Slider/components/Single/Single.css +14 -14
  506. package/es/components/Slider/components/Single/Single.js +35 -67
  507. package/es/components/Slider/components/Single/Single.js.map +1 -1
  508. package/es/components/Slider/components/Single/Single.styles.js +4 -4
  509. package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
  510. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  511. package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
  512. package/es/components/Slider/components/SliderBase/SliderBase.js +13 -32
  513. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  514. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  515. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  516. package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
  517. package/es/components/Slider/ui/Handler/Handler.css +3 -3
  518. package/es/components/Slider/ui/Handler/Handler.js +87 -48
  519. package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
  520. package/es/components/Slider/ui/Handler/Handler.styles.js +7 -17
  521. package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  522. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  523. package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
  524. package/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  525. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  526. package/es/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  527. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  528. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  529. package/es/components/Slider/utils/index.js +10 -28
  530. package/es/components/Slider/utils/index.js.map +1 -1
  531. package/es/components/Slider/variations/_view/base.js +1 -1
  532. package/es/components/Slider/variations/_view/base.js.map +1 -1
  533. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  534. package/es/components/Steps/Steps.js +1 -1
  535. package/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -1
  536. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  537. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
  538. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
  539. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -3
  540. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
  541. package/es/components/TextArea/TextArea.js +2 -2
  542. package/es/components/TextArea/TextArea.styles.js +2 -3
  543. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  544. package/es/components/TextArea/ui/Hint/Hint.js +1 -2
  545. package/es/components/TextArea/ui/Hint/Hint.js.map +1 -1
  546. package/es/components/TextField/TextField.js +3 -3
  547. package/es/components/TextField/TextField.styles.js +1 -2
  548. package/es/components/TextField/TextField.styles.js.map +1 -1
  549. package/es/components/TextField/ui/Hint/Hint.js +1 -2
  550. package/es/components/TextField/ui/Hint/Hint.js.map +1 -1
  551. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -2
  552. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
  553. package/es/components/Toast/Toast.styles.js +1 -1
  554. package/es/components/Toast/ToastController.js +1 -1
  555. package/es/components/Toast/utils.js +1 -2
  556. package/es/components/Toast/utils.js.map +1 -1
  557. package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
  558. package/es/components/Tooltip/Tooltip.js +2 -3
  559. package/es/components/Tooltip/Tooltip.js.map +1 -1
  560. package/es/components/ViewContainer/ViewContainer.js +33 -0
  561. package/es/components/ViewContainer/ViewContainer.js.map +1 -0
  562. package/es/components/ViewContainer/ViewContainer_yiqfcb.css +1 -0
  563. package/es/components/ViewContainer/_view/base.js +5 -0
  564. package/es/components/ViewContainer/_view/base.js.map +1 -0
  565. package/es/components/ViewContainer/_view/base_x642ct.css +1 -0
  566. package/es/engines/index.js +0 -2
  567. package/es/engines/index.js.map +1 -1
  568. package/es/hooks/useIsomorphicLayoutEffect.js +0 -1
  569. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  570. package/es/index.css +15 -15
  571. package/es/index.js +22 -24
  572. package/es/index.js.map +1 -1
  573. package/es/utils/index.js +0 -3
  574. package/es/utils/index.js.map +1 -1
  575. package/package.json +6 -2
  576. package/styled-components/cjs/components/Slider/Slider.js +2 -10
  577. package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +0 -26
  578. package/styled-components/cjs/components/Slider/Slider.tokens.js +17 -23
  579. package/styled-components/cjs/components/Slider/components/Double/Double.js +19 -54
  580. package/styled-components/cjs/components/Slider/components/Single/Single.js +33 -64
  581. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +6 -6
  582. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  583. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
  584. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +88 -52
  585. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +4 -7
  586. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  587. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  588. package/styled-components/cjs/components/Slider/utils/index.js +10 -28
  589. package/styled-components/cjs/components/Slider/variations/_view/base.js +1 -2
  590. package/styled-components/cjs/components/ViewContainer/ViewContainer.js +40 -0
  591. package/styled-components/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
  592. package/styled-components/cjs/components/ViewContainer/_view/base.js +8 -0
  593. package/styled-components/cjs/components/ViewContainer/_view/tokens.json +1 -0
  594. package/styled-components/cjs/components/ViewContainer/index.js +18 -0
  595. package/styled-components/cjs/examples/_helpers.js +3 -14
  596. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  597. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
  598. package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +16 -0
  599. package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +11 -0
  600. package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  601. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  602. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
  603. package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +16 -0
  604. package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +11 -0
  605. package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  606. package/styled-components/cjs/index.js +11 -0
  607. package/styled-components/es/components/Slider/Slider.js +2 -11
  608. package/styled-components/es/components/Slider/Slider.template-doc.mdx +0 -26
  609. package/styled-components/es/components/Slider/Slider.tokens.js +17 -23
  610. package/styled-components/es/components/Slider/components/Double/Double.js +19 -54
  611. package/styled-components/es/components/Slider/components/Single/Single.js +34 -65
  612. package/styled-components/es/components/Slider/components/Single/Single.styles.js +5 -5
  613. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  614. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  615. package/styled-components/es/components/Slider/ui/Handler/Handler.js +86 -51
  616. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +5 -8
  617. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  618. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  619. package/styled-components/es/components/Slider/utils/index.js +10 -28
  620. package/styled-components/es/components/Slider/variations/_view/base.js +1 -2
  621. package/styled-components/es/components/ViewContainer/ViewContainer.js +31 -0
  622. package/styled-components/es/components/ViewContainer/ViewContainer.template-doc.mdx +82 -0
  623. package/styled-components/es/components/ViewContainer/_view/base.js +2 -0
  624. package/styled-components/es/components/ViewContainer/_view/tokens.json +1 -0
  625. package/styled-components/es/components/ViewContainer/index.js +1 -0
  626. package/styled-components/es/examples/_helpers.js +3 -14
  627. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  628. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
  629. package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +10 -0
  630. package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +5 -0
  631. package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  632. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  633. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
  634. package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +10 -0
  635. package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +5 -0
  636. package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +65 -0
  637. package/styled-components/es/index.js +2 -1
  638. package/styled-components/package.json +2 -1
  639. package/types/components/Slider/Slider.d.ts.map +1 -1
  640. package/types/components/Slider/Slider.tokens.d.ts +16 -22
  641. package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
  642. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  643. package/types/components/Slider/components/Double/Double.types.d.ts +0 -1
  644. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  645. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  646. package/types/components/Slider/components/Single/Single.styles.d.ts +1 -1
  647. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
  648. package/types/components/Slider/components/Single/Single.types.d.ts +7 -80
  649. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  650. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
  651. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -1
  652. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
  653. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -6
  654. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
  655. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
  656. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +2 -6
  657. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
  658. package/types/components/Slider/ui/Handler/Handler.types.d.ts +1 -5
  659. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
  660. package/types/components/Slider/ui/Thumb/Thumb.d.ts +1 -1
  661. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -1
  662. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -1
  663. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -1
  664. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
  665. package/types/components/Slider/utils/index.d.ts +8 -26
  666. package/types/components/Slider/utils/index.d.ts.map +1 -1
  667. package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
  668. package/types/components/ViewContainer/ViewContainer.d.ts +26 -0
  669. package/types/components/ViewContainer/ViewContainer.d.ts.map +1 -0
  670. package/types/components/ViewContainer/_view/base.d.ts +2 -0
  671. package/types/components/ViewContainer/_view/base.d.ts.map +1 -0
  672. package/types/components/ViewContainer/index.d.ts +2 -0
  673. package/types/components/ViewContainer/index.d.ts.map +1 -0
  674. package/types/examples/_helpers.d.ts.map +1 -1
  675. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
  676. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +2 -84
  677. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  678. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts +9 -0
  679. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts.map +1 -0
  680. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts +8 -0
  681. package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts.map +1 -0
  682. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
  683. package/types/examples/plasma_web/components/Slider/Slider.d.ts +2 -84
  684. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  685. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts +9 -0
  686. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts.map +1 -0
  687. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts +8 -0
  688. package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts.map +1 -0
  689. package/types/index.d.ts +1 -0
  690. package/types/index.d.ts.map +1 -1
  691. package/types/utils/index.d.ts +1 -1
  692. package/types/utils/index.d.ts.map +1 -1
  693. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
  694. package/cjs/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
  695. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
  696. package/cjs/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
  697. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -122
  698. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
  699. package/cjs/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
  700. package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
  701. package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
  702. package/emotion/cjs/examples/themes/declaration.d.ts +0 -4
  703. package/emotion/cjs/examples/themes/index.js +0 -15
  704. package/emotion/cjs/examples/themes/plasma_b2c.module.css +0 -984
  705. package/emotion/cjs/examples/themes/plasma_web.module.css +0 -984
  706. package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
  707. package/emotion/es/examples/themes/declaration.d.ts +0 -4
  708. package/emotion/es/examples/themes/index.js +0 -7
  709. package/emotion/es/examples/themes/plasma_b2c.module.css +0 -984
  710. package/emotion/es/examples/themes/plasma_web.module.css +0 -984
  711. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
  712. package/es/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
  713. package/es/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
  714. package/es/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
  715. package/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -118
  716. package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
  717. package/es/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
  718. package/es/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
  719. package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
  720. package/styled-components/cjs/examples/themes/declaration.d.ts +0 -4
  721. package/styled-components/cjs/examples/themes/index.js +0 -15
  722. package/styled-components/cjs/examples/themes/plasma_b2c.module.css +0 -984
  723. package/styled-components/cjs/examples/themes/plasma_web.module.css +0 -984
  724. package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
  725. package/styled-components/es/examples/themes/declaration.d.ts +0 -4
  726. package/styled-components/es/examples/themes/index.js +0 -7
  727. package/styled-components/es/examples/themes/plasma_b2c.module.css +0 -984
  728. package/styled-components/es/examples/themes/plasma_web.module.css +0 -984
  729. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +0 -12
  730. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +0 -1
  731. package/types/examples/themes/index.d.ts +0 -6
  732. package/types/examples/themes/index.d.ts.map +0 -1
package/styled-components/es/examples/themes/plasma_b2c.module.css DELETED
@@ -1,984 +0,0 @@
1
- /* Generated by robots, do not change this manually! */
2
-
3
- .dark {
4
- --text-primary-hover: #FFFFFF93;
5
- --text-primary-active: #FFFFFFC4;
6
- --text-primary: rgba(255, 255, 255, 0.96);
7
- --text-secondary-hover: #FFFFFFFF;
8
- --text-secondary-active: #FFFFFFAB;
9
- --text-secondary: rgba(255, 255, 255, 0.56);
10
- --text-tertiary-hover: #FFFFFFFF;
11
- --text-tertiary-active: #FFFFFF56;
12
- --text-tertiary: rgba(255, 255, 255, 0.28);
13
- --text-paragraph-hover: #FFFFFF7A;
14
- --text-paragraph-active: #FFFFFFA3;
15
- --text-paragraph: rgba(255, 255, 255, 0.8);
16
- --text-accent-hover: #90B6FEFF;
17
- --text-accent-active: #216EFDFF;
18
- --text-accent: #3F81FD;
19
- --text-accent-gradient-hover: #CCCCCCFF;
20
- --text-accent-gradient-active: #E6E6E6FF;
21
- --text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%);
22
- --text-positive-hover: #1EB83AFF;
23
- --text-positive-active: #15842AFF;
24
- --text-positive: #1A9E32;
25
- --text-warning-hover: #FB7223FF;
26
- --text-warning-active: #DC5304FF;
27
- --text-warning: #FA5F05;
28
- --text-negative-hover: #FF475AFF;
29
- --text-negative-active: #FF0A23FF;
30
- --text-negative: #FF293E;
31
- --on-dark-text-primary-hover: #FFFFFF93;
32
- --on-dark-text-primary-active: #FFFFFFC4;
33
- --on-dark-text-primary: rgba(255, 255, 255, 0.96);
34
- --on-dark-text-secondary-hover: #FFFFFFFF;
35
- --on-dark-text-secondary-active: #FFFFFFAB;
36
- --on-dark-text-secondary: rgba(255, 255, 255, 0.56);
37
- --on-dark-text-tertiary-hover: #FFFFFFFF;
38
- --on-dark-text-tertiary-active: #FFFFFF56;
39
- --on-dark-text-tertiary: rgba(255, 255, 255, 0.28);
40
- --on-dark-text-paragraph-hover: #FFFFFF7A;
41
- --on-dark-text-paragraph-active: #FFFFFFA3;
42
- --on-dark-text-paragraph: rgba(255, 255, 255, 0.8);
43
- --on-dark-text-accent-hover: #90B6FEFF;
44
- --on-dark-text-accent-active: #216EFDFF;
45
- --on-dark-text-accent: #3F81FD;
46
- --on-dark-text-accent-gradient-hover: #CCCCCCFF;
47
- --on-dark-text-accent-gradient-active: #E6E6E6FF;
48
- --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%);
49
- --on-dark-text-positive-hover: #1EB83AFF;
50
- --on-dark-text-positive-active: #15842AFF;
51
- --on-dark-text-positive: #1A9E32;
52
- --on-dark-text-warning-hover: #FB7223FF;
53
- --on-dark-text-warning-active: #DC5304FF;
54
- --on-dark-text-warning: #FA5F05;
55
- --on-dark-text-negative-hover: #FF475AFF;
56
- --on-dark-text-negative-active: #FF0A23FF;
57
- --on-dark-text-negative: #FF293E;
58
- --on-light-text-primary-hover: #08080893;
59
- --on-light-text-primary-active: #080808C4;
60
- --on-light-text-primary: rgba(8, 8, 8, 0.96);
61
- --on-light-text-secondary-hover: #080808FF;
62
- --on-light-text-secondary-active: #080808AB;
63
- --on-light-text-secondary: rgba(8, 8, 8, 0.56);
64
- --on-light-text-tertiary-hover: #080808FF;
65
- --on-light-text-tertiary-active: #08080856;
66
- --on-light-text-tertiary: rgba(8, 8, 8, 0.28);
67
- --on-light-text-paragraph-hover: #0808087A;
68
- --on-light-text-paragraph-active: #080808A3;
69
- --on-light-text-paragraph: rgba(8, 8, 8, 0.8);
70
- --on-light-text-accent-hover: #79A7FBFF;
71
- --on-light-text-accent-active: #0D5FF8FF;
72
- --on-light-text-accent: #2A72F8;
73
- --on-light-text-accent-gradient-hover: #CCCCCCFF;
74
- --on-light-text-accent-gradient-active: #E6E6E6FF;
75
- --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
76
- --on-light-text-positive-hover: #1EB83AFF;
77
- --on-light-text-positive-active: #15842AFF;
78
- --on-light-text-positive: #1A9E32;
79
- --on-light-text-warning-hover: #FB7223FF;
80
- --on-light-text-warning-active: #DC5304FF;
81
- --on-light-text-warning: #FA5F05;
82
- --on-light-text-negative-hover: #F5384BFF;
83
- --on-light-text-negative-active: #E40C22FF;
84
- --on-light-text-negative: #F31B31;
85
- --inverse-text-primary-hover: #08080893;
86
- --inverse-text-primary-active: #080808C4;
87
- --inverse-text-primary: rgba(8, 8, 8, 0.96);
88
- --inverse-text-secondary-hover: #080808FF;
89
- --inverse-text-secondary-active: #080808AB;
90
- --inverse-text-secondary: rgba(8, 8, 8, 0.56);
91
- --inverse-text-tertiary-hover: #080808FF;
92
- --inverse-text-tertiary-active: #08080856;
93
- --inverse-text-tertiary: rgba(8, 8, 8, 0.28);
94
- --inverse-text-paragraph-hover: #0808087A;
95
- --inverse-text-paragraph-active: #080808A3;
96
- --inverse-text-paragraph: rgba(8, 8, 8, 0.8);
97
- --surface-solid-primary-hover: #1C1C1CFF;
98
- --surface-solid-primary-active: #121212FF;
99
- --surface-solid-primary: #171717;
100
- --surface-solid-secondary-hover: #303030FF;
101
- --surface-solid-secondary-active: #212121FF;
102
- --surface-solid-secondary: #262626;
103
- --surface-solid-tertiary-hover: #404040FF;
104
- --surface-solid-tertiary-active: #303030FF;
105
- --surface-solid-tertiary: #363636;
106
- --surface-solid-card-hover: #1C1C1CFF;
107
- --surface-solid-card-active: #121212FF;
108
- --surface-solid-card: #171717;
109
- --surface-solid-default-hover: #FFFFFFFF;
110
- --surface-solid-default-active: #FFFFFFFF;
111
- --surface-solid-default: rgba(255, 255, 255, 1);
112
- --surface-transparent-primary-hover: #FFFFFF1F;
113
- --surface-transparent-primary-active: #FFFFFF0A;
114
- --surface-transparent-primary: rgba(255, 255, 255, 0.06);
115
- --surface-transparent-secondary-hover: #FFFFFF3D;
116
- --surface-transparent-secondary-active: #FFFFFF0F;
117
- --surface-transparent-secondary: rgba(255, 255, 255, 0.12);
118
- --surface-transparent-tertiary-hover: #FFFFFF52;
119
- --surface-transparent-tertiary-active: #FFFFFF24;
120
- --surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
121
- --surface-transparent-deep-hover: #FFFFFFC2;
122
- --surface-transparent-deep-active: #FFFFFF94;
123
- --surface-transparent-deep: rgba(255, 255, 255, 0.64);
124
- --surface-transparent-card-hover: #FFFFFF3D;
125
- --surface-transparent-card-active: #FFFFFF0F;
126
- --surface-transparent-card: rgba(255, 255, 255, 0.12);
127
- --surface-clear-hover: #FFFFFF00;
128
- --surface-clear-active: #FFFFFF00;
129
- --surface-clear: rgba(255, 255, 255, 0);
130
- --surface-accent-hover: #5D95FDFF;
131
- --surface-accent-active: #357BFDFF;
132
- --surface-accent: #3F81FD;
133
- --surface-accent-gradient-hover: #FFFFFFFF;
134
- --surface-accent-gradient-active: #FFFFFFFF;
135
- --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%);
136
- --surface-transparent-accent-hover: #3F82FD3D;
137
- --surface-transparent-accent-active: #3F82FD0F;
138
- --surface-positive-hover: #1DAF37FF;
139
- --surface-positive-active: #18952FFF;
140
- --surface-positive: #1A9E32;
141
- --surface-warning-hover: #FB7223FF;
142
- --surface-warning-active: #F05B05FF;
143
- --surface-warning: #FA5F05;
144
- --surface-negative-hover: #FF475AFF;
145
- --surface-negative-active: #FF1F35FF;
146
- --surface-negative: #FF293E;
147
- --surface-transparent-positive-hover: #1A9E323D;
148
- --surface-transparent-positive-active: #1A9E320F;
149
- --surface-transparent-warning-hover: #FA5F053D;
150
- --surface-transparent-warning-active: #FA5F050F;
151
- --surface-transparent-negative-hover: #FF293E3D;
152
- --surface-transparent-negative-active: #FF293E0F;
153
- --surface-transparent-accent: rgba(63,129,253,0.12);
154
- --surface-transparent-positive: rgba(26,158,50,0.12);
155
- --surface-transparent-warning: rgba(250,95,5,0.12);
156
- --surface-transparent-negative: rgba(255,41,62,0.12);
157
- --on-dark-surface-solid-primary-hover: #1C1C1CFF;
158
- --on-dark-surface-solid-primary-active: #121212FF;
159
- --on-dark-surface-solid-primary: #171717;
160
- --on-dark-surface-solid-secondary-hover: #303030FF;
161
- --on-dark-surface-solid-secondary-active: #212121FF;
162
- --on-dark-surface-solid-secondary: #262626;
163
- --on-dark-surface-solid-tertiary-hover: #404040FF;
164
- --on-dark-surface-solid-tertiary-active: #303030FF;
165
- --on-dark-surface-solid-tertiary: #363636;
166
- --on-dark-surface-solid-card-hover: #1C1C1CFF;
167
- --on-dark-surface-solid-card-active: #121212FF;
168
- --on-dark-surface-solid-card: #171717;
169
- --on-dark-surface-solid-default-hover: #FFFFFFFF;
170
- --on-dark-surface-solid-default-active: #FFFFFFFF;
171
- --on-dark-surface-solid-default: rgba(255, 255, 255, 1);
172
- --on-dark-surface-transparent-primary-hover: #FFFFFF1F;
173
- --on-dark-surface-transparent-primary-active: #FFFFFF0A;
174
- --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
175
- --on-dark-surface-transparent-secondary-hover: #FFFFFF3D;
176
- --on-dark-surface-transparent-secondary-active: #FFFFFF0F;
177
- --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
178
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF52;
179
- --on-dark-surface-transparent-tertiary-active: #FFFFFF24;
180
- --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
181
- --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
182
- --on-dark-surface-transparent-deep-active: #FFFFFF94;
183
- --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64);
184
- --on-dark-surface-transparent-card-hover: #FFFFFF3D;
185
- --on-dark-surface-transparent-card-active: #FFFFFF0F;
186
- --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
187
- --on-dark-surface-accent-hover: #5D95FDFF;
188
- --on-dark-surface-accent-active: #357BFDFF;
189
- --on-dark-surface-accent: #3F81FD;
190
- --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
191
- --on-dark-surface-accent-gradient-active: #FFFFFFFF;
192
- --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
193
- --on-dark-surface-positive-hover: #1DAF37FF;
194
- --on-dark-surface-positive-active: #18952FFF;
195
- --on-dark-surface-positive: #1A9E32;
196
- --on-dark-surface-warning-hover: #FB7223FF;
197
- --on-dark-surface-warning-active: #F05B05FF;
198
- --on-dark-surface-warning: #FA5F05;
199
- --on-dark-surface-negative-hover: #FF475AFF;
200
- --on-dark-surface-negative-active: #FF1F35FF;
201
- --on-dark-surface-negative: #FF293E;
202
- --on-light-surface-solid-primary-hover: #FAFAFAFF;
203
- --on-light-surface-solid-primary-active: #F0F0F0FF;
204
- --on-light-surface-solid-primary: #F5F5F5;
205
- --on-light-surface-solid-secondary-hover: #F7F7F7FF;
206
- --on-light-surface-solid-secondary-active: #E8E8E8FF;
207
- --on-light-surface-solid-secondary: #ECECEC;
208
- --on-light-surface-solid-tertiary-hover: #E8E8E8FF;
209
- --on-light-surface-solid-tertiary-active: #D9D9D9FF;
210
- --on-light-surface-solid-tertiary: #DDDDDD;
211
- --on-light-surface-solid-card-hover: #FFFFFFFF;
212
- --on-light-surface-solid-card-active: #FFFFFFFF;
213
- --on-light-surface-solid-card: rgba(255, 255, 255, 1);
214
- --on-light-surface-solid-default-hover: #0D0D0DFF;
215
- --on-light-surface-solid-default-active: #030303FF;
216
- --on-light-surface-solid-default: #080808;
217
- --on-light-surface-transparent-primary-hover: #08080812;
218
- --on-light-surface-transparent-primary-active: #08080803;
219
- --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03);
220
- --on-light-surface-transparent-secondary-hover: #0808081F;
221
- --on-light-surface-transparent-secondary-active: #0808080A;
222
- --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
223
- --on-light-surface-transparent-tertiary-hover: #0808083D;
224
- --on-light-surface-transparent-tertiary-active: #0808080F;
225
- --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
226
- --on-light-surface-transparent-deep-hover: #080808C2;
227
- --on-light-surface-transparent-deep-active: #08080894;
228
- --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
229
- --on-light-surface-transparent-card-hover: #FFFFFFFF;
230
- --on-light-surface-transparent-card-active: #FFFFFFFF;
231
- --on-light-surface-transparent-card: rgba(255, 255, 255, 1);
232
- --on-light-surface-accent-hover: #4886F9FF;
233
- --on-light-surface-accent-active: #206CF8FF;
234
- --on-light-surface-accent: #2A72F8;
235
- --on-light-surface-accent-gradient-hover: #FFFFFFFF;
236
- --on-light-surface-accent-gradient-active: #FFFFFFFF;
237
- --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
238
- --on-light-surface-positive-hover: #1DAF37FF;
239
- --on-light-surface-positive-active: #18952FFF;
240
- --on-light-surface-positive: #1A9E32;
241
- --on-light-surface-warning-hover: #FB7223FF;
242
- --on-light-surface-warning-active: #F05B05FF;
243
- --on-light-surface-warning: #FA5F05;
244
- --on-light-surface-negative-hover: #F5384BFF;
245
- --on-light-surface-negative-active: #F31228FF;
246
- --on-light-surface-negative: #F31B31;
247
- --background-primary: #080808;
248
- --dark-background-primary: #080808;
249
- --light-background-primary: #F9F9F9;
250
- --overlay-soft: rgba(8, 8, 8, 0.56);
251
- --overlay-hard: rgba(8, 8, 8, 0.96);
252
- --overlay-blur: rgba(8, 8, 8, 0.28);
253
- --on-dark-overlay-soft: rgba(8, 8, 8, 0.56);
254
- --on-dark-overlay-hard: rgba(8, 8, 8, 0.96);
255
- --on-dark-overlay-blur: rgba(8, 8, 8, 0.28);
256
- --on-light-overlay-soft: rgba(249, 249, 249, 0.56);
257
- --on-light-overlay-hard: rgba(249, 249, 249, 0.96);
258
- --on-light-overlay-blur: rgba(249, 249, 249, 0.28);
259
- --surface-skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
260
- --surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
261
- --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
262
- --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08);
263
- --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08);
264
- --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08);
265
- --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24);
266
- --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40);
267
- --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03);
268
- --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08);
269
- --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08);
270
- --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03);
271
- --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24);
272
- --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40);
273
- color: var(--text-primary);
274
- background-color: var(--background-primary);
275
- }
276
-
277
- .light {
278
- --text-primary-hover: #08080893;
279
- --text-primary-active: #080808C4;
280
- --text-primary: rgba(8, 8, 8, 0.96);
281
- --text-secondary-hover: #080808FF;
282
- --text-secondary-active: #080808AB;
283
- --text-secondary: rgba(8, 8, 8, 0.56);
284
- --text-tertiary-hover: #080808FF;
285
- --text-tertiary-active: #08080856;
286
- --text-tertiary: rgba(8, 8, 8, 0.28);
287
- --text-paragraph-hover: #0808087A;
288
- --text-paragraph-active: #080808A3;
289
- --text-paragraph: rgba(8, 8, 8, 0.8);
290
- --text-accent-hover: #528DFAFF;
291
- --text-accent-active: #075AF2FF;
292
- --text-accent: #2A72F8;
293
- --text-accent-gradient-hover: #000000FF;
294
- --text-accent-gradient-active: #CCCCCCFF;
295
- --text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
296
- --text-positive-hover: #1FC13DFF;
297
- --text-positive-active: #147B27FF;
298
- --text-positive: #1A9E32;
299
- --text-warning-hover: #FB782DFF;
300
- --text-warning-active: #D25004FF;
301
- --text-warning: #FA5F05;
302
- --text-negative-hover: #F54254FF;
303
- --text-negative-active: #DA0B20FF;
304
- --text-negative: #F31B31;
305
- --on-dark-text-primary-hover: #FFFFFF93;
306
- --on-dark-text-primary-active: #FFFFFFC4;
307
- --on-dark-text-primary: rgba(255, 255, 255, 0.96);
308
- --on-dark-text-secondary-hover: #FFFFFFFF;
309
- --on-dark-text-secondary-active: #FFFFFFAB;
310
- --on-dark-text-secondary: rgba(255, 255, 255, 0.56);
311
- --on-dark-text-tertiary-hover: #FFFFFFFF;
312
- --on-dark-text-tertiary-active: #FFFFFF56;
313
- --on-dark-text-tertiary: rgba(255, 255, 255, 0.28);
314
- --on-dark-text-paragraph-hover: #FFFFFF7A;
315
- --on-dark-text-paragraph-active: #FFFFFFA3;
316
- --on-dark-text-paragraph: rgba(255, 255, 255, 0.8);
317
- --on-dark-text-accent-hover: #689CFDFF;
318
- --on-dark-text-accent-active: #1767FDFF;
319
- --on-dark-text-accent: #3F81FD;
320
- --on-dark-text-accent-gradient-hover: #000000FF;
321
- --on-dark-text-accent-gradient-active: #CCCCCCFF;
322
- --on-dark-text-accent-gradient: linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%);
323
- --on-dark-text-positive-hover: #1FC13DFF;
324
- --on-dark-text-positive-active: #147B27FF;
325
- --on-dark-text-positive: #1A9E32;
326
- --on-dark-text-warning-hover: #FB782DFF;
327
- --on-dark-text-warning-active: #D25004FF;
328
- --on-dark-text-warning: #FA5F05;
329
- --on-dark-text-negative-hover: #FF5263FF;
330
- --on-dark-text-negative-active: #FF001AFF;
331
- --on-dark-text-negative: #FF293E;
332
- --on-light-text-primary-hover: #08080893;
333
- --on-light-text-primary-active: #080808C4;
334
- --on-light-text-primary: rgba(8, 8, 8, 0.96);
335
- --on-light-text-secondary-hover: #080808FF;
336
- --on-light-text-secondary-active: #080808AB;
337
- --on-light-text-secondary: rgba(8, 8, 8, 0.56);
338
- --on-light-text-tertiary-hover: #080808FF;
339
- --on-light-text-tertiary-active: #08080856;
340
- --on-light-text-tertiary: rgba(8, 8, 8, 0.28);
341
- --on-light-text-paragraph-hover: #0808087A;
342
- --on-light-text-paragraph-active: #080808A3;
343
- --on-light-text-paragraph: rgba(8, 8, 8, 0.8);
344
- --on-light-text-accent-hover: #528DFAFF;
345
- --on-light-text-accent-active: #075AF2FF;
346
- --on-light-text-accent: #2A72F8;
347
- --on-light-text-accent-gradient-hover: #000000FF;
348
- --on-light-text-accent-gradient-active: #CCCCCCFF;
349
- --on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
350
- --on-light-text-positive-hover: #1FC13DFF;
351
- --on-light-text-positive-active: #147B27FF;
352
- --on-light-text-positive: #1A9E32;
353
- --on-light-text-warning-hover: #FB782DFF;
354
- --on-light-text-warning-active: #D25004FF;
355
- --on-light-text-warning: #FA5F05;
356
- --on-light-text-negative-hover: #F54254FF;
357
- --on-light-text-negative-active: #DA0B20FF;
358
- --on-light-text-negative: #F31B31;
359
- --inverse-text-primary-hover: #FFFFFF93;
360
- --inverse-text-primary-active: #FFFFFFC4;
361
- --inverse-text-primary: rgba(255, 255, 255, 0.96);
362
- --inverse-text-secondary-hover: #FFFFFFFF;
363
- --inverse-text-secondary-active: #FFFFFFAB;
364
- --inverse-text-secondary: rgba(255, 255, 255, 0.56);
365
- --inverse-text-tertiary-hover: #FFFFFFFF;
366
- --inverse-text-tertiary-active: #FFFFFF56;
367
- --inverse-text-tertiary: rgba(255, 255, 255, 0.28);
368
- --inverse-text-paragraph-hover: #FFFFFF7A;
369
- --inverse-text-paragraph-active: #FFFFFFA3;
370
- --inverse-text-paragraph: rgba(255, 255, 255, 0.8);
371
- --surface-solid-primary-hover: #FAFAFAFF;
372
- --surface-solid-primary-active: #F0F0F0FF;
373
- --surface-solid-primary: #F5F5F5;
374
- --surface-solid-secondary-hover: #F7F7F7FF;
375
- --surface-solid-secondary-active: #E8E8E8FF;
376
- --surface-solid-secondary: #ECECEC;
377
- --surface-solid-tertiary-hover: #EDEDEDFF;
378
- --surface-solid-tertiary-active: #D4D4D4FF;
379
- --surface-solid-tertiary: #DDDDDD;
380
- --surface-solid-card-hover: #FFFFFFFF;
381
- --surface-solid-card-active: #FFFFFFFF;
382
- --surface-solid-card: rgba(255, 255, 255, 1);
383
- --surface-solid-default-hover: #262626FF;
384
- --surface-solid-default-active: #030303FF;
385
- --surface-solid-default: #080808;
386
- --surface-transparent-primary-hover: #08080803;
387
- --surface-transparent-primary-active: #0808080D;
388
- --surface-transparent-primary: rgba(8, 8, 8, 0.03);
389
- --surface-transparent-secondary-hover: #08080805;
390
- --surface-transparent-secondary-active: #0808081A;
391
- --surface-transparent-secondary: rgba(8, 8, 8, 0.06);
392
- --surface-transparent-tertiary-hover: #0808080A;
393
- --surface-transparent-tertiary-active: #08080829;
394
- --surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
395
- --surface-transparent-deep-hover: #0808088F;
396
- --surface-transparent-deep-active: #080808AD;
397
- --surface-transparent-deep: rgba(8, 8, 8, 0.64);
398
- --surface-transparent-card-hover: #FFFFFFFF;
399
- --surface-transparent-card-active: #FFFFFFFF;
400
- --surface-transparent-card: rgba(255, 255, 255, 1);
401
- --surface-clear-hover: #FFFFFF00;
402
- --surface-clear-active: #FFFFFF00;
403
- --surface-clear: rgba(255, 255, 255, 0);
404
- --surface-accent-hover: #528DFAFF;
405
- --surface-accent-active: #1665F8FF;
406
- --surface-accent: #2A72F8;
407
- --surface-accent-gradient-hover: #FFFFFFFF;
408
- --surface-accent-gradient-active: #FFFFFFFF;
409
- --surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
410
- --surface-transparent-accent-hover: #2A72F805;
411
- --surface-transparent-accent-active: #2A72F81A;
412
- --surface-positive-hover: #1EB83AFF;
413
- --surface-positive-active: #178C2CFF;
414
- --surface-positive: #1A9E32;
415
- --surface-warning-hover: #FB782DFF;
416
- --surface-warning-active: #E65705FF;
417
- --surface-warning: #FA5F05;
418
- --surface-negative-hover: #F54254FF;
419
- --surface-negative-active: #ED0C23FF;
420
- --surface-negative: #F31B31;
421
- --surface-transparent-positive-hover: #1A9E3205;
422
- --surface-transparent-positive-active: #1A9E321A;
423
- --surface-transparent-warning-hover: #FA5F0505;
424
- --surface-transparent-warning-active: #FA5F051A;
425
- --surface-transparent-negative-hover: #F31B3105;
426
- --surface-transparent-negative-active: #F31B311A;
427
- --surface-transparent-accent: rgba(42,114,248,0.06);
428
- --surface-transparent-positive: rgba(26,158,50,0.06);
429
- --surface-transparent-warning: rgba(250,95,5,0.06);
430
- --surface-transparent-negative: rgba(243,27,49,0.06);
431
- --on-dark-surface-solid-primary-hover: #363636FF;
432
- --on-dark-surface-solid-primary-active: #0D0D0DFF;
433
- --on-dark-surface-solid-primary: #171717;
434
- --on-dark-surface-solid-secondary-hover: #3B3B3BFF;
435
- --on-dark-surface-solid-secondary-active: #1C1C1CFF;
436
- --on-dark-surface-solid-secondary: #262626;
437
- --on-dark-surface-solid-tertiary-hover: #4A4A4AFF;
438
- --on-dark-surface-solid-tertiary-active: #2B2B2BFF;
439
- --on-dark-surface-solid-tertiary: #363636;
440
- --on-dark-surface-solid-card-hover: #363636FF;
441
- --on-dark-surface-solid-card-active: #0D0D0DFF;
442
- --on-dark-surface-solid-card: #171717;
443
- --on-dark-surface-solid-default-hover: #FFFFFFFF;
444
- --on-dark-surface-solid-default-active: #FFFFFFFF;
445
- --on-dark-surface-solid-default: rgba(255, 255, 255, 1);
446
- --on-dark-surface-transparent-primary-hover: #363636FF;
447
- --on-dark-surface-transparent-primary-active: #0D0D0DFF;
448
- --on-dark-surface-transparent-primary: #171717;
449
- --on-dark-surface-transparent-secondary-hover: #3B3B3BFF;
450
- --on-dark-surface-transparent-secondary-active: #1C1C1CFF;
451
- --on-dark-surface-transparent-secondary: #262626;
452
- --on-dark-surface-transparent-tertiary-hover: #4A4A4AFF;
453
- --on-dark-surface-transparent-tertiary-active: #2B2B2BFF;
454
- --on-dark-surface-transparent-tertiary: #363636;
455
- --on-dark-surface-transparent-deep-hover: #FFFFFF8F;
456
- --on-dark-surface-transparent-deep-active: #FFFFFFAD;
457
- --on-dark-surface-transparent-deep: rgba(255, 255, 255, 0.64);
458
- --on-dark-surface-transparent-card-hover: #FFFFFF0A;
459
- --on-dark-surface-transparent-card-active: #FFFFFF29;
460
- --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
461
- --on-dark-surface-accent-hover: #689CFDFF;
462
- --on-dark-surface-accent-active: #2B74FDFF;
463
- --on-dark-surface-accent: #3F81FD;
464
- --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
465
- --on-dark-surface-accent-gradient-active: #FFFFFFFF;
466
- --on-dark-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
467
- --on-dark-surface-positive-hover: #1EB83AFF;
468
- --on-dark-surface-positive-active: #178C2CFF;
469
- --on-dark-surface-positive: #1A9E32;
470
- --on-dark-surface-warning-hover: #FB782DFF;
471
- --on-dark-surface-warning-active: #E65705FF;
472
- --on-dark-surface-warning: #FA5F05;
473
- --on-dark-surface-negative-hover: #FF5263FF;
474
- --on-dark-surface-negative-active: #FF142CFF;
475
- --on-dark-surface-negative: #FF293E;
476
- --on-light-surface-solid-primary-hover: #FAFAFAFF;
477
- --on-light-surface-solid-primary-active: #F0F0F0FF;
478
- --on-light-surface-solid-primary: #F5F5F5;
479
- --on-light-surface-solid-secondary-hover: #F7F7F7FF;
480
- --on-light-surface-solid-secondary-active: #E8E8E8FF;
481
- --on-light-surface-solid-secondary: #ECECEC;
482
- --on-light-surface-solid-tertiary-hover: #EDEDEDFF;
483
- --on-light-surface-solid-tertiary-active: #D4D4D4FF;
484
- --on-light-surface-solid-tertiary: #DDDDDD;
485
- --on-light-surface-solid-card-hover: #FFFFFFFF;
486
- --on-light-surface-solid-card-active: #FFFFFFFF;
487
- --on-light-surface-solid-card: rgba(255, 255, 255, 1);
488
- --on-light-surface-solid-default-hover: #262626FF;
489
- --on-light-surface-solid-default-active: #030303FF;
490
- --on-light-surface-solid-default: #080808;
491
- --on-light-surface-transparent-primary-hover: #08080803;
492
- --on-light-surface-transparent-primary-active: #0808080D;
493
- --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.03);
494
- --on-light-surface-transparent-secondary-hover: #08080805;
495
- --on-light-surface-transparent-secondary-active: #0808081A;
496
- --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
497
- --on-light-surface-transparent-tertiary-hover: #0808080A;
498
- --on-light-surface-transparent-tertiary-active: #08080829;
499
- --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
500
- --on-light-surface-transparent-deep-hover: #0808088F;
501
- --on-light-surface-transparent-deep-active: #080808AD;
502
- --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
503
- --on-light-surface-transparent-card-hover: #FFFFFFFF;
504
- --on-light-surface-transparent-card-active: #FFFFFFFF;
505
- --on-light-surface-transparent-card: rgba(255, 255, 255, 1);
506
- --on-light-surface-accent-hover: #528DFAFF;
507
- --on-light-surface-accent-active: #1665F8FF;
508
- --on-light-surface-accent: #2A72F8;
509
- --on-light-surface-accent-gradient-hover: #FFFFFFFF;
510
- --on-light-surface-accent-gradient-active: #FFFFFFFF;
511
- --on-light-surface-accent-gradient: linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%);
512
- --on-light-surface-positive-hover: #1EB83AFF;
513
- --on-light-surface-positive-active: #178C2CFF;
514
- --on-light-surface-positive: #1A9E32;
515
- --on-light-surface-warning-hover: #FB782DFF;
516
- --on-light-surface-warning-active: #E65705FF;
517
- --on-light-surface-warning: #FA5F05;
518
- --on-light-surface-negative-hover: #F54254FF;
519
- --on-light-surface-negative-active: #ED0C23FF;
520
- --on-light-surface-negative: #F31B31;
521
- --background-primary: #F9F9F9;
522
- --dark-background-primary: #080808;
523
- --light-background-primary: #F9F9F9;
524
- --overlay-soft: rgba(249, 249, 249, 0.56);
525
- --overlay-hard: rgba(249, 249, 249, 0.96);
526
- --overlay-blur: rgba(249, 249, 249, 0.28);
527
- --on-dark-overlay-soft: rgba(8, 8, 8, 0.56);
528
- --on-dark-overlay-hard: rgba(8, 8, 8, 0.96);
529
- --on-dark-overlay-blur: rgba(8, 8, 8, 0.28);
530
- --on-light-overlay-soft: rgba(249, 249, 249, 0.56);
531
- --on-light-overlay-hard: rgba(249, 249, 249, 0.96);
532
- --on-light-overlay-blur: rgba(249, 249, 249, 0.28);
533
- --surface-skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
534
- --surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
535
- --shadow-down-soft-s: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
536
- --shadow-down-soft-m: 0px 24px 48px -8px rgba(0, 0, 0, 0.08);
537
- --shadow-down-soft-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.08);
538
- --shadow-down-hard-s: 0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08);
539
- --shadow-down-hard-m: 0px 16px 32px -8px rgba(0, 0, 0, 0.24);
540
- --shadow-down-hard-l: 0px 60px 112px -8px rgba(0, 0, 0, 0.40);
541
- --shadow-up-soft-s: 0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03);
542
- --shadow-up-soft-m: 0px -24px 48px -8px rgba(0, 0, 0, 0.08);
543
- --shadow-up-soft-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.08);
544
- --shadow-up-hard-s: 0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03);
545
- --shadow-up-hard-m: 0px -16px 32px -8px rgba(0, 0, 0, 0.24);
546
- --shadow-up-hard-l: 0px -60px 112px -8px rgba(0, 0, 0, 0.40);
547
- color: var(--text-primary);
548
- background-color: var(--background-primary);
549
- }
550
-
551
- .light,
552
- .dark {
553
- font-size: 16px;
554
- --plasma-typo-overflow-wrap: break-word;
555
- --plasma-typo-hyphens: auto;
556
- --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;
557
- --plasma-typo-text-font-family: 'SB Sans Text', sans-serif;
558
- --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);
559
- --plasma-typo-dspl-l-letter-spacing: normal;
560
- --plasma-typo-dspl-l-font-style: normal;
561
- --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);
562
- --plasma-typo-dspl-l-bold-letter-spacing: normal;
563
- --plasma-typo-dspl-l-bold-font-style: normal;
564
- --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);
565
- --plasma-typo-dspl-m-letter-spacing: normal;
566
- --plasma-typo-dspl-m-font-style: normal;
567
- --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);
568
- --plasma-typo-dspl-m-bold-letter-spacing: normal;
569
- --plasma-typo-dspl-m-bold-font-style: normal;
570
- --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
571
- --plasma-typo-dspl-s-letter-spacing: normal;
572
- --plasma-typo-dspl-s-font-style: normal;
573
- --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
574
- --plasma-typo-dspl-s-bold-letter-spacing: normal;
575
- --plasma-typo-dspl-s-bold-font-style: normal;
576
- --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);
577
- --plasma-typo-h1-letter-spacing: normal;
578
- --plasma-typo-h1-font-style: normal;
579
- --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family);
580
- --plasma-typo-h1-bold-letter-spacing: normal;
581
- --plasma-typo-h1-bold-font-style: normal;
582
- --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);
583
- --plasma-typo-h2-letter-spacing: normal;
584
- --plasma-typo-h2-font-style: normal;
585
- --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family);
586
- --plasma-typo-h2-bold-letter-spacing: normal;
587
- --plasma-typo-h2-bold-font-style: normal;
588
- --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);
589
- --plasma-typo-h3-letter-spacing: normal;
590
- --plasma-typo-h3-font-style: normal;
591
- --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family);
592
- --plasma-typo-h3-bold-letter-spacing: normal;
593
- --plasma-typo-h3-bold-font-style: normal;
594
- --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);
595
- --plasma-typo-h4-letter-spacing: normal;
596
- --plasma-typo-h4-font-style: normal;
597
- --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);
598
- --plasma-typo-h4-bold-letter-spacing: normal;
599
- --plasma-typo-h4-bold-font-style: normal;
600
- --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family);
601
- --plasma-typo-h5-letter-spacing: normal;
602
- --plasma-typo-h5-font-style: normal;
603
- --plasma-typo-h5-bold-font-family: var(--plasma-typo-display-font-family);
604
- --plasma-typo-h5-bold-letter-spacing: normal;
605
- --plasma-typo-h5-bold-font-style: normal;
606
- --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);
607
- --plasma-typo-body-l-letter-spacing: -0.02em;
608
- --plasma-typo-body-l-font-style: normal;
609
- --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);
610
- --plasma-typo-body-l-bold-letter-spacing: -0.02em;
611
- --plasma-typo-body-l-bold-font-style: normal;
612
- --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
613
- --plasma-typo-body-m-letter-spacing: -0.02em;
614
- --plasma-typo-body-m-font-style: normal;
615
- --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);
616
- --plasma-typo-body-m-bold-letter-spacing: -0.02em;
617
- --plasma-typo-body-m-bold-font-style: normal;
618
- --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);
619
- --plasma-typo-body-s-letter-spacing: -0.02em;
620
- --plasma-typo-body-s-font-style: normal;
621
- --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
622
- --plasma-typo-body-s-bold-letter-spacing: -0.02em;
623
- --plasma-typo-body-s-bold-font-style: normal;
624
- --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);
625
- --plasma-typo-body-xs-letter-spacing: -0.02em;
626
- --plasma-typo-body-xs-font-style: normal;
627
- --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family);
628
- --plasma-typo-body-xs-bold-letter-spacing: -0.02em;
629
- --plasma-typo-body-xs-bold-font-style: normal;
630
- --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);
631
- --plasma-typo-body-xxs-letter-spacing: -0.02em;
632
- --plasma-typo-body-xxs-font-style: normal;
633
- --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family);
634
- --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
635
- --plasma-typo-body-xxs-bold-font-style: normal;
636
- --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);
637
- --plasma-typo-text-l-letter-spacing: -0.02em;
638
- --plasma-typo-text-l-font-style: normal;
639
- --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);
640
- --plasma-typo-text-l-bold-letter-spacing: -0.02em;
641
- --plasma-typo-text-l-bold-font-style: normal;
642
- --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);
643
- --plasma-typo-text-m-letter-spacing: -0.02em;
644
- --plasma-typo-text-m-font-style: normal;
645
- --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);
646
- --plasma-typo-text-m-bold-letter-spacing: -0.02em;
647
- --plasma-typo-text-m-bold-font-style: normal;
648
- --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);
649
- --plasma-typo-text-s-letter-spacing: -0.02em;
650
- --plasma-typo-text-s-font-style: normal;
651
- --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);
652
- --plasma-typo-text-s-bold-letter-spacing: -0.02emm;
653
- --plasma-typo-text-s-bold-font-style: normal;
654
- --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);
655
- --plasma-typo-text-xs-letter-spacing: -0.02em;
656
- --plasma-typo-text-xs-font-style: normal;
657
- --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
658
- --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
659
- --plasma-typo-text-xs-bold-font-style: normal;
660
- }
661
-
662
- @media (max-width: 559px) {
663
- .light,
664
- .dark {
665
- --plasma-typo-dspl-l-font-size: 5.5rem;
666
- --plasma-typo-dspl-l-font-weight: 300;
667
- --plasma-typo-dspl-l-line-height: 5.75rem;
668
- --plasma-typo-dspl-l-bold-font-size: 5.5rem;
669
- --plasma-typo-dspl-l-bold-font-weight: 600;
670
- --plasma-typo-dspl-l-bold-line-height: 5.75rem;
671
- --plasma-typo-dspl-m-font-size: 3.5rem;
672
- --plasma-typo-dspl-m-font-weight: 300;
673
- --plasma-typo-dspl-m-line-height: 3.875rem;
674
- --plasma-typo-dspl-m-bold-font-size: 3.5rem;
675
- --plasma-typo-dspl-m-bold-font-weight: 600;
676
- --plasma-typo-dspl-m-bold-line-height: 3.875rem;
677
- --plasma-typo-dspl-s-font-size: 2.5rem;
678
- --plasma-typo-dspl-s-font-weight: 300;
679
- --plasma-typo-dspl-s-line-height: 2.875rem;
680
- --plasma-typo-dspl-s-bold-font-size: 2.5rem;
681
- --plasma-typo-dspl-s-bold-font-weight: 600;
682
- --plasma-typo-dspl-s-bold-line-height: 2.875rem;
683
- --plasma-typo-h1-font-size: 1.75rem;
684
- --plasma-typo-h1-font-weight: 400;
685
- --plasma-typo-h1-line-height: 2.125rem;
686
- --plasma-typo-h1-bold-font-size: 1.75rem;
687
- --plasma-typo-h1-bold-font-weight: 600;
688
- --plasma-typo-h1-bold-line-height: 2.125rem;
689
- --plasma-typo-h2-font-size: 1.5rem;
690
- --plasma-typo-h2-font-weight: 400;
691
- --plasma-typo-h2-line-height: 1.875rem;
692
- --plasma-typo-h2-bold-font-size: 1.5rem;
693
- --plasma-typo-h2-bold-font-weight: 600;
694
- --plasma-typo-h2-bold-line-height: 1.875rem;
695
- --plasma-typo-h3-font-size: 1.25rem;
696
- --plasma-typo-h3-font-weight: 400;
697
- --plasma-typo-h3-line-height: 1.625rem;
698
- --plasma-typo-h3-bold-font-size: 1.25rem;
699
- --plasma-typo-h3-bold-font-weight: 600;
700
- --plasma-typo-h3-bold-line-height: 1.625rem;
701
- --plasma-typo-h4-font-size: 1.125rem;
702
- --plasma-typo-h4-font-weight: 400;
703
- --plasma-typo-h4-line-height: 1.5rem;
704
- --plasma-typo-h4-bold-font-size: 1.125rem;
705
- --plasma-typo-h4-bold-font-weight: 600;
706
- --plasma-typo-h4-bold-line-height: 1.5rem;
707
- --plasma-typo-h5-font-size: 1rem;
708
- --plasma-typo-h5-font-weight: 400;
709
- --plasma-typo-h5-line-height: 1.375rem;
710
- --plasma-typo-h5-bold-font-size: 1rem;
711
- --plasma-typo-h5-bold-font-weight: 600;
712
- --plasma-typo-h5-bold-line-height: 1.375rem;
713
- --plasma-typo-body-l-font-size: 1.125rem;
714
- --plasma-typo-body-l-font-weight: 400;
715
- --plasma-typo-body-l-line-height: 1.375rem;
716
- --plasma-typo-body-l-bold-font-size: 1.125rem;
717
- --plasma-typo-body-l-bold-font-weight: 600;
718
- --plasma-typo-body-l-bold-line-height: 1.375rem;
719
- --plasma-typo-body-m-font-size: 1rem;
720
- --plasma-typo-body-m-font-weight: 400;
721
- --plasma-typo-body-m-line-height: 1.25rem;
722
- --plasma-typo-body-m-bold-font-size: 1rem;
723
- --plasma-typo-body-m-bold-font-weight: 600;
724
- --plasma-typo-body-m-bold-line-height: 1.25rem;
725
- --plasma-typo-body-s-font-size: 0.875rem;
726
- --plasma-typo-body-s-font-weight: 400;
727
- --plasma-typo-body-s-line-height: 1.125rem;
728
- --plasma-typo-body-s-bold-font-size: 0.875rem;
729
- --plasma-typo-body-s-bold-font-weight: 600;
730
- --plasma-typo-body-s-bold-line-height: 1.125rem;
731
- --plasma-typo-body-xs-font-size: 0.75rem;
732
- --plasma-typo-body-xs-font-weight: 400;
733
- --plasma-typo-body-xs-line-height: 0.875rem;
734
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
735
- --plasma-typo-body-xs-bold-font-weight: 600;
736
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
737
- --plasma-typo-body-xxs-font-size: 0.625rem;
738
- --plasma-typo-body-xxs-font-weight: 400;
739
- --plasma-typo-body-xxs-line-height: 0.75rem;
740
- --plasma-typo-body-xxs-bold-font-size: 0.625rem;
741
- --plasma-typo-body-xxs-bold-font-weight: 600;
742
- --plasma-typo-body-xxs-bold-line-height: 0.75rem;
743
- --plasma-typo-text-l-font-size: 1.125rem;
744
- --plasma-typo-text-l-font-weight: 400;
745
- --plasma-typo-text-l-line-height: 1.625rem;
746
- --plasma-typo-text-l-bold-font-size: 1.125rem;
747
- --plasma-typo-text-l-bold-font-weight: 600;
748
- --plasma-typo-text-l-bold-line-height: 1.625rem;
749
- --plasma-typo-text-m-font-size: 1rem;
750
- --plasma-typo-text-m-font-weight: 400;
751
- --plasma-typo-text-m-line-height: 1.5rem;
752
- --plasma-typo-text-m-bold-font-size: 1rem;
753
- --plasma-typo-text-m-bold-font-weight: 600;
754
- --plasma-typo-text-m-bold-line-height: 1.5rem;
755
- --plasma-typo-text-s-font-size: 0.875rem;
756
- --plasma-typo-text-s-font-weight: 400;
757
- --plasma-typo-text-s-line-height: 1.25rem;
758
- --plasma-typo-text-s-bold-font-size: 0.875rem;
759
- --plasma-typo-text-s-bold-font-weight: 600;
760
- --plasma-typo-text-s-bold-line-height: 1.25rem;
761
- --plasma-typo-text-xs-font-size: 0.75rem;
762
- --plasma-typo-text-xs-font-weight: 400;
763
- --plasma-typo-text-xs-line-height: 1rem;
764
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
765
- --plasma-typo-text-xs-bold-font-weight: 600;
766
- --plasma-typo-text-xs-bold-line-height: 1rem;
767
- }
768
- }
769
-
770
- @media (min-width: 560px) and (max-width: 959px) {
771
- .light,
772
- .dark {
773
- --plasma-typo-dspl-l-font-size: 7rem;
774
- --plasma-typo-dspl-l-font-weight: 300;
775
- --plasma-typo-dspl-l-line-height: 7rem;
776
- --plasma-typo-dspl-l-bold-font-size: 7rem;
777
- --plasma-typo-dspl-l-bold-font-weight: 600;
778
- --plasma-typo-dspl-l-bold-line-height: 7rem;
779
- --plasma-typo-dspl-m-font-size: 4.5rem;
780
- --plasma-typo-dspl-m-font-weight: 300;
781
- --plasma-typo-dspl-m-line-height: 4.75rem;
782
- --plasma-typo-dspl-m-bold-font-size: 4.5rem;
783
- --plasma-typo-dspl-m-bold-font-weight: 600;
784
- --plasma-typo-dspl-m-bold-line-height: 4.75rem;
785
- --plasma-typo-dspl-s-font-size: 3rem;
786
- --plasma-typo-dspl-s-font-weight: 300;
787
- --plasma-typo-dspl-s-line-height: 3.375rem;
788
- --plasma-typo-dspl-s-bold-font-size: 3rem;
789
- --plasma-typo-dspl-s-bold-font-weight: 600;
790
- --plasma-typo-dspl-s-bold-line-height: 3.375rem;
791
- --plasma-typo-h1-font-size: 2.5rem;
792
- --plasma-typo-h1-font-weight: 400;
793
- --plasma-typo-h1-line-height: 2.875rem;
794
- --plasma-typo-h1-bold-font-size: 2.5rem;
795
- --plasma-typo-h1-bold-font-weight: 600;
796
- --plasma-typo-h1-bold-line-height: 2.875rem;
797
- --plasma-typo-h2-font-size: 1.75rem;
798
- --plasma-typo-h2-font-weight: 400;
799
- --plasma-typo-h2-line-height: 2.125rem;
800
- --plasma-typo-h2-bold-font-size: 1.75rem;
801
- --plasma-typo-h2-bold-font-weight: 600;
802
- --plasma-typo-h2-bold-line-height: 2.125rem;
803
- --plasma-typo-h3-font-size: 1.25rem;
804
- --plasma-typo-h3-font-weight: 400;
805
- --plasma-typo-h3-line-height: 1.625rem;
806
- --plasma-typo-h3-bold-font-size: 1.25rem;
807
- --plasma-typo-h3-bold-font-weight: 600;
808
- --plasma-typo-h3-bold-line-height: 1.625rem;
809
- --plasma-typo-h4-font-size: 1.125rem;
810
- --plasma-typo-h4-font-weight: 400;
811
- --plasma-typo-h4-line-height: 1.5rem;
812
- --plasma-typo-h4-bold-font-size: 1.125rem;
813
- --plasma-typo-h4-bold-font-weight: 600;
814
- --plasma-typo-h4-bold-line-height: 1.5rem;
815
- --plasma-typo-h5-font-size: 1rem;
816
- --plasma-typo-h5-font-weight: 400;
817
- --plasma-typo-h5-line-height: 1.375rem;
818
- --plasma-typo-h5-bold-font-size: 1rem;
819
- --plasma-typo-h5-bold-font-weight: 600;
820
- --plasma-typo-h5-bold-line-height: 1.375rem;
821
- --plasma-typo-body-l-font-size: 1.125rem;
822
- --plasma-typo-body-l-font-weight: 400;
823
- --plasma-typo-body-l-line-height: 1.375rem;
824
- --plasma-typo-body-l-bold-font-size: 1.125rem;
825
- --plasma-typo-body-l-bold-font-weight: 600;
826
- --plasma-typo-body-l-bold-line-height: 1.375rem;
827
- --plasma-typo-body-m-font-size: 1rem;
828
- --plasma-typo-body-m-font-weight: 400;
829
- --plasma-typo-body-m-line-height: 1.25rem;
830
- --plasma-typo-body-m-bold-font-size: 1rem;
831
- --plasma-typo-body-m-bold-font-weight: 600;
832
- --plasma-typo-body-m-bold-line-height: 1.25rem;
833
- --plasma-typo-body-s-font-size: 0.875rem;
834
- --plasma-typo-body-s-font-weight: 400;
835
- --plasma-typo-body-s-line-height: 1.125rem;
836
- --plasma-typo-body-s-bold-font-size: 0.875rem;
837
- --plasma-typo-body-s-bold-font-weight: 600;
838
- --plasma-typo-body-s-bold-line-height: 1.125rem;
839
- --plasma-typo-body-xs-font-size: 0.75rem;
840
- --plasma-typo-body-xs-font-weight: 400;
841
- --plasma-typo-body-xs-line-height: 0.875rem;
842
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
843
- --plasma-typo-body-xs-bold-font-weight: 600;
844
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
845
- --plasma-typo-body-xxs-font-size: 0.625rem;
846
- --plasma-typo-body-xxs-font-weight: 400;
847
- --plasma-typo-body-xxs-line-height: 0.75rem;
848
- --plasma-typo-body-xxs-bold-font-size: 0.625rem;
849
- --plasma-typo-body-xxs-bold-font-weight: 600;
850
- --plasma-typo-body-xxs-bold-line-height: 0.75rem;
851
- --plasma-typo-text-l-font-size: 1.25rem;
852
- --plasma-typo-text-l-font-weight: 400;
853
- --plasma-typo-text-l-line-height: 1.75rem;
854
- --plasma-typo-text-l-bold-font-size: 1.25rem;
855
- --plasma-typo-text-l-bold-font-weight: 600;
856
- --plasma-typo-text-l-bold-line-height: 1.75rem;
857
- --plasma-typo-text-m-font-size: 1rem;
858
- --plasma-typo-text-m-font-weight: 400;
859
- --plasma-typo-text-m-line-height: 1.5rem;
860
- --plasma-typo-text-m-bold-font-size: 1rem;
861
- --plasma-typo-text-m-bold-font-weight: 600;
862
- --plasma-typo-text-m-bold-line-height: 1.5rem;
863
- --plasma-typo-text-s-font-size: 0.875rem;
864
- --plasma-typo-text-s-font-weight: 400;
865
- --plasma-typo-text-s-line-height: 1.25rem;
866
- --plasma-typo-text-s-bold-font-size: 0.875rem;
867
- --plasma-typo-text-s-bold-font-weight: 600;
868
- --plasma-typo-text-s-bold-line-height: 1.25rem;
869
- --plasma-typo-text-xs-font-size: 0.75rem;
870
- --plasma-typo-text-xs-font-weight: 400;
871
- --plasma-typo-text-xs-line-height: 1rem;
872
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
873
- --plasma-typo-text-xs-bold-font-weight: 600;
874
- --plasma-typo-text-xs-bold-line-height: 1rem;
875
- }
876
- }
877
-
878
- @media (min-width: 960px) {
879
- .light,
880
- .dark {
881
- --plasma-typo-dspl-l-font-size: 8rem;
882
- --plasma-typo-dspl-l-font-weight: 300;
883
- --plasma-typo-dspl-l-line-height: 8rem;
884
- --plasma-typo-dspl-l-bold-font-size: 8rem;
885
- --plasma-typo-dspl-l-bold-font-weight: 600;
886
- --plasma-typo-dspl-l-bold-line-height: 8rem;
887
- --plasma-typo-dspl-m-font-size: 5.5rem;
888
- --plasma-typo-dspl-m-font-weight: 300;
889
- --plasma-typo-dspl-m-line-height: 5.75rem;
890
- --plasma-typo-dspl-m-bold-font-size: 5.5rem;
891
- --plasma-typo-dspl-m-bold-font-weight: 600;
892
- --plasma-typo-dspl-m-bold-line-height: 5.75rem;
893
- --plasma-typo-dspl-s-font-size: 4rem;
894
- --plasma-typo-dspl-s-font-weight: 300;
895
- --plasma-typo-dspl-s-line-height: 4.25rem;
896
- --plasma-typo-dspl-s-bold-font-size: 4rem;
897
- --plasma-typo-dspl-s-bold-font-weight: 600;
898
- --plasma-typo-dspl-s-bold-line-height: 4.25rem;
899
- --plasma-typo-h1-font-size: 3rem;
900
- --plasma-typo-h1-font-weight: 400;
901
- --plasma-typo-h1-line-height: 3.375rem;
902
- --plasma-typo-h1-bold-font-size: 3rem;
903
- --plasma-typo-h1-bold-font-weight: 600;
904
- --plasma-typo-h1-bold-line-height: 3.375rem;
905
- --plasma-typo-h2-font-size: 2rem;
906
- --plasma-typo-h2-font-weight: 400;
907
- --plasma-typo-h2-line-height: 2.375rem;
908
- --plasma-typo-h2-bold-font-size: 2rem;
909
- --plasma-typo-h2-bold-font-weight: 600;
910
- --plasma-typo-h2-bold-line-height: 2.375rem;
911
- --plasma-typo-h3-font-size: 1.5rem;
912
- --plasma-typo-h3-font-weight: 400;
913
- --plasma-typo-h3-line-height: 1.875rem;
914
- --plasma-typo-h3-bold-font-size: 1.5rem;
915
- --plasma-typo-h3-bold-font-weight: 600;
916
- --plasma-typo-h3-bold-line-height: 1.875rem;
917
- --plasma-typo-h4-font-size: 1.25rem;
918
- --plasma-typo-h4-font-weight: 400;
919
- --plasma-typo-h4-line-height: 1.625rem;
920
- --plasma-typo-h4-bold-font-size: 1.25rem;
921
- --plasma-typo-h4-bold-font-weight: 600;
922
- --plasma-typo-h4-bold-line-height: 1.625rem;
923
- --plasma-typo-h5-font-size: 1.125rem;
924
- --plasma-typo-h5-font-weight: 400;
925
- --plasma-typo-h5-line-height: 1.5rem;
926
- --plasma-typo-h5-bold-font-size: 1.125rem;
927
- --plasma-typo-h5-bold-font-weight: 600;
928
- --plasma-typo-h5-bold-line-height: 1.5rem;
929
- --plasma-typo-body-l-font-size: 1.125rem;
930
- --plasma-typo-body-l-font-weight: 400;
931
- --plasma-typo-body-l-line-height: 1.375rem;
932
- --plasma-typo-body-l-bold-font-size: 1.125rem;
933
- --plasma-typo-body-l-bold-font-weight: 600;
934
- --plasma-typo-body-l-bold-line-height: 1.375rem;
935
- --plasma-typo-body-m-font-size: 1rem;
936
- --plasma-typo-body-m-font-weight: 400;
937
- --plasma-typo-body-m-line-height: 1.25rem;
938
- --plasma-typo-body-m-bold-font-size: 1rem;
939
- --plasma-typo-body-m-bold-font-weight: 600;
940
- --plasma-typo-body-m-bold-line-height: 1.25rem;
941
- --plasma-typo-body-s-font-size: 0.875rem;
942
- --plasma-typo-body-s-font-weight: 400;
943
- --plasma-typo-body-s-line-height: 1.125rem;
944
- --plasma-typo-body-s-bold-font-size: 0.875rem;
945
- --plasma-typo-body-s-bold-font-weight: 600;
946
- --plasma-typo-body-s-bold-line-height: 1.125rem;
947
- --plasma-typo-body-xs-font-size: 0.75rem;
948
- --plasma-typo-body-xs-font-weight: 400;
949
- --plasma-typo-body-xs-line-height: 0.875rem;
950
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
951
- --plasma-typo-body-xs-bold-font-weight: 600;
952
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
953
- --plasma-typo-body-xxs-font-size: 0.625rem;
954
- --plasma-typo-body-xxs-font-weight: 400;
955
- --plasma-typo-body-xxs-line-height: 0.75rem;
956
- --plasma-typo-body-xxs-bold-font-size: 0.625rem;
957
- --plasma-typo-body-xxs-bold-font-weight: 600;
958
- --plasma-typo-body-xxs-bold-line-height: 0.75rem;
959
- --plasma-typo-text-l-font-size: 1.5rem;
960
- --plasma-typo-text-l-font-weight: 400;
961
- --plasma-typo-text-l-line-height: 2rem;
962
- --plasma-typo-text-l-bold-font-size: 1.5rem;
963
- --plasma-typo-text-l-bold-font-weight: 600;
964
- --plasma-typo-text-l-bold-line-height: 2rem;
965
- --plasma-typo-text-m-font-size: 1.125rem;
966
- --plasma-typo-text-m-font-weight: 400;
967
- --plasma-typo-text-m-line-height: 1.625rem;
968
- --plasma-typo-text-m-bold-font-size: 1.125rem;
969
- --plasma-typo-text-m-bold-font-weight: 600;
970
- --plasma-typo-text-m-bold-line-height: 1.625rem;
971
- --plasma-typo-text-s-font-size: 0.875rem;
972
- --plasma-typo-text-s-font-weight: 400;
973
- --plasma-typo-text-s-line-height: 1.25rem;
974
- --plasma-typo-text-s-bold-font-size: 0.875rem;
975
- --plasma-typo-text-s-bold-font-weight: 600;
976
- --plasma-typo-text-s-bold-line-height: 1.25rem;
977
- --plasma-typo-text-xs-font-size: 0.75rem;
978
- --plasma-typo-text-xs-font-weight: 400;
979
- --plasma-typo-text-xs-line-height: 1rem;
980
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
981
- --plasma-typo-text-xs-bold-font-weight: 600;
982
- --plasma-typo-text-xs-bold-line-height: 1rem;
983
- }
984
- }