@wix/design-system 1.166.0 → 1.168.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (728) hide show
  1. package/dist/cjs/Accordion/Accordion.st.css.js +2 -2
  2. package/dist/cjs/Accordion/components/AccordionItem/AccordionItem.st.css.js +2 -2
  3. package/dist/cjs/Accordion/components/AccordionItemCaret/AccordionItemCaret.st.css.js +2 -2
  4. package/dist/cjs/AddItem/AddItem.st.css.js +2 -2
  5. package/dist/cjs/AddressInputItem/AddressInputItem.st.css.js +2 -2
  6. package/dist/cjs/AnalyticsLayout/AnalyticsLayout.st.css.js +2 -2
  7. package/dist/cjs/AnalyticsLayout/Cell/Cell.st.css.js +2 -2
  8. package/dist/cjs/AnalyticsSummaryCard/AnalyticsSummaryCard.st.css.js +2 -2
  9. package/dist/cjs/AngleInput/AngleInput.st.css.js +2 -2
  10. package/dist/cjs/AnnouncementModalLayout/AnnouncementModalLayout.st.css.js +2 -2
  11. package/dist/cjs/AreaChart/AreaChart.st.css.js +2 -2
  12. package/dist/cjs/AudioPlayer/AudioPlayer.st.css.js +3 -3
  13. package/dist/cjs/AutoCompleteWithLabel/AutoCompleteWithLabel.st.css.js +2 -2
  14. package/dist/cjs/Avatar/Avatar.st.css.js +2 -2
  15. package/dist/cjs/Avatar/AvatarCore/AvatarCore.st.css.js +2 -2
  16. package/dist/cjs/AvatarGroup/AvatarGroup.st.css.js +2 -2
  17. package/dist/cjs/Badge/Badge.st.css.js +2 -2
  18. package/dist/cjs/BadgeSelect/BadgeSelect.st.css.js +2 -2
  19. package/dist/cjs/BadgeSelectItem/BadgeSelectItem.st.css.js +2 -2
  20. package/dist/cjs/BarChart/BarChart.st.css.js +3 -3
  21. package/dist/cjs/BaseModalLayout/BaseModalLayout.st.css.js +2 -2
  22. package/dist/cjs/BaseModalLayout/LayoutBlocks/Content/Content.st.css.js +2 -2
  23. package/dist/cjs/BaseModalLayout/LayoutBlocks/Footer/Footer.st.css.js +2 -2
  24. package/dist/cjs/BaseModalLayout/LayoutBlocks/Footnote/Footnote.st.css.js +2 -2
  25. package/dist/cjs/BaseModalLayout/LayoutBlocks/Header/Header.st.css.js +2 -2
  26. package/dist/cjs/BaseModalLayout/LayoutBlocks/Illustration/Illustration.st.css.js +2 -2
  27. package/dist/cjs/BounceAnimation/BounceAnimation.st.css.js +3 -3
  28. package/dist/cjs/Box/Box.st.css.js +3 -3
  29. package/dist/cjs/Breadcrumbs/Breadcrumbs.st.css.js +2 -2
  30. package/dist/cjs/BrowserPreviewWidget/BrowserPreviewWidget.st.css.js +2 -2
  31. package/dist/cjs/Button/Button.st.css.js +2 -2
  32. package/dist/cjs/Button/ButtonCore/ButtonCore.st.css.js +2 -2
  33. package/dist/cjs/Calendar/BaseCalendar/BaseCalendar.st.css.js +2 -2
  34. package/dist/cjs/Calendar/Calendar.st.css.js +2 -2
  35. package/dist/cjs/Calendar/DatePickerDropdown/DatePickerDropdown.st.css.js +2 -2
  36. package/dist/cjs/Calendar/DatePickerHead/DatePickerHead.st.css.js +2 -2
  37. package/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.st.css.js +2 -2
  38. package/dist/cjs/Calendar/DatePickerHead/YearDropdown/YearDropdown.st.css.js +2 -2
  39. package/dist/cjs/CalendarPanel/CalendarPanel.st.css.js +2 -2
  40. package/dist/cjs/Card/Card.st.css.js +2 -2
  41. package/dist/cjs/Card/components/Content/Content.st.css.js +2 -2
  42. package/dist/cjs/Card/components/Header/Header.st.css.js +2 -2
  43. package/dist/cjs/Card/components/Subheader/Subheader.st.css.js +2 -2
  44. package/dist/cjs/CardFolderTabs/CardFolderTabs.st.css.js +3 -3
  45. package/dist/cjs/CardGalleryItem/CardGalleryItem.st.css.js +2 -2
  46. package/dist/cjs/Carousel/Carousel.st.css.js +3 -3
  47. package/dist/cjs/Carousel/Pagination/Pagination.st.css.js +2 -2
  48. package/dist/cjs/CarouselWIP/CarouselWIP.st.css.js +3 -3
  49. package/dist/cjs/CheckToggle/CheckToggle.st.css.js +2 -2
  50. package/dist/cjs/Checkbox/Checkbox.st.css.js +2 -2
  51. package/dist/cjs/CircularProgressBar/CircularProgressBar.st.css.js +2 -2
  52. package/dist/cjs/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.st.css.js +2 -2
  53. package/dist/cjs/CloseButton/CloseButton.st.css.js +2 -2
  54. package/dist/cjs/Collapse/Collapse.st.css.js +2 -2
  55. package/dist/cjs/ColorInput/components/ColorViewer.st.css.js +2 -2
  56. package/dist/cjs/ColorInput/components/Hash.st.css.js +2 -2
  57. package/dist/cjs/ColorPicker/ColorPicker.st.css.js +2 -2
  58. package/dist/cjs/ColorPicker/ColorPickerActions.st.css.js +2 -2
  59. package/dist/cjs/ColorPicker/ColorPickerConverter.st.css.js +2 -2
  60. package/dist/cjs/ColorPicker/ColorPickerHistory.st.css.js +2 -2
  61. package/dist/cjs/ColorPicker/ColorPickerHsb.st.css.js +2 -2
  62. package/dist/cjs/ColorPicker/ColorPickerHue.st.css.js +2 -2
  63. package/dist/cjs/ComposerButton/ComposerButton.st.css.js +2 -2
  64. package/dist/cjs/ComposerHeader/ComposerHeader.st.css.js +2 -2
  65. package/dist/cjs/ComposerSidebar/ComposerSidebar.st.css.js +2 -2
  66. package/dist/cjs/CornerRadiusInput/CornerRadiusInput.st.css.js +2 -2
  67. package/dist/cjs/CounterBadge/CounterBadge.st.css.js +2 -2
  68. package/dist/cjs/CustomModalLayout/CustomModalLayout.st.css.js +2 -2
  69. package/dist/cjs/DatePicker/DatePicker.st.css.js +2 -2
  70. package/dist/cjs/Divider/Divider.st.css.js +2 -2
  71. package/dist/cjs/DragAndDrop/docs/Introduction/IntroductionExample.st.css.js +2 -2
  72. package/dist/cjs/DragAndDrop/docs/SortableGridBase/SingleAreaGrid/SingleAreaGrid.st.css.js +2 -2
  73. package/dist/cjs/DragAndDrop/docs/SortableListBase/ListWithDelay/ListWithDelay.st.css.js +2 -2
  74. package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaList/MultiAreaList.st.css.js +2 -2
  75. package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListPreventOfDropping/MultiAreaListPreventDropping.st.css.js +2 -2
  76. package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithInsertionRules/MultiAreaListWithInsertionRules.st.css.js +2 -2
  77. package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumns/MultiAreaListWithSortableColumns.st.css.js +2 -2
  78. package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumnsWithAnimations/MultiAreaListWithSortableColumnsWithAnimations.st.css.js +2 -2
  79. package/dist/cjs/DragAndDrop/docs/SortableListBase/NestableListBaseExample/NestableListBase.st.css.js +2 -2
  80. package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaList/SingleAreaList.st.css.js +2 -2
  81. package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaListWithAnimation/SingleAreaListWithAnimation.st.css.js +2 -2
  82. package/dist/cjs/DragHandle/DragHandle.st.css.js +2 -2
  83. package/dist/cjs/DraggableContainer/DraggableContainer.st.css.js +2 -2
  84. package/dist/cjs/Dropdown/Dropdown.st.css.js +2 -2
  85. package/dist/cjs/DropdownBase/DropdownBase.st.css.js +2 -2
  86. package/dist/cjs/DropdownLayout/DropdownLayout.st.css.js +2 -2
  87. package/dist/cjs/Dropzone/Dropzone.st.css.js +2 -2
  88. package/dist/cjs/EditableSelector/EditableSelector.st.css.js +2 -2
  89. package/dist/cjs/EditableTitle/EditableTitle.st.css.js +2 -2
  90. package/dist/cjs/EmptyState/EmptyState.st.css.js +2 -2
  91. package/dist/cjs/FacesRatingBar/FacesRatingBar.st.css.js +2 -2
  92. package/dist/cjs/FeatureList/FeatureList.st.css.js +2 -2
  93. package/dist/cjs/FieldSet/FieldSet.st.css.js +2 -2
  94. package/dist/cjs/FieldSet/components/Asterisk/Asterisk.st.css.js +2 -2
  95. package/dist/cjs/FieldSet/components/InfoContentIcon/InfoContentIcon.st.css.js +2 -2
  96. package/dist/cjs/FieldSet/components/InlineLabelWrapper/InlineLabelWrapper.st.css.js +2 -2
  97. package/dist/cjs/FieldSet/components/Label/Label.st.css.js +2 -2
  98. package/dist/cjs/FieldSet/components/StatusMessage/StatusMessage.st.css.js +2 -2
  99. package/dist/cjs/FieldSet/components/Suffix/Suffix.st.css.js +2 -2
  100. package/dist/cjs/FilePicker/FilePicker.st.css.js +2 -2
  101. package/dist/cjs/FillButton/FillButton.st.css.js +2 -2
  102. package/dist/cjs/FillPreview/FillPreview.st.css.js +2 -2
  103. package/dist/cjs/FloatingHelper/FloatingHelper.st.css.js +2 -2
  104. package/dist/cjs/FloatingHelper/FloatingHelperContent/FloatingHelperContent.st.css.js +2 -2
  105. package/dist/cjs/FloatingNotification/FloatingNotification.st.css.js +2 -2
  106. package/dist/cjs/FormField/FormField.st.css.js +2 -2
  107. package/dist/cjs/Foundation/stylable/border.st.css.js +2 -2
  108. package/dist/cjs/Foundation/stylable/breakpoints.st.css.js +2 -2
  109. package/dist/cjs/Foundation/stylable/colors.st.css.js +2 -2
  110. package/dist/cjs/Foundation/stylable/default-scroll-bar.st.css.js +2 -2
  111. package/dist/cjs/Foundation/stylable/easing.st.css.js +2 -2
  112. package/dist/cjs/Foundation/stylable/gradients.st.css.js +2 -2
  113. package/dist/cjs/Foundation/stylable/opacity.st.css.js +2 -2
  114. package/dist/cjs/Foundation/stylable/shadows.st.css.js +2 -2
  115. package/dist/cjs/Foundation/stylable/spacing.st.css.js +2 -2
  116. package/dist/cjs/Foundation/stylable/typography.st.css.js +2 -2
  117. package/dist/cjs/Foundation/stylable/z-index.st.css.js +2 -2
  118. package/dist/cjs/FunnelChart/FunnelBadge/FunnelBadge.st.css.js +2 -2
  119. package/dist/cjs/FunnelChart/FunnelBar/FunnelBar.st.css.js +2 -2
  120. package/dist/cjs/FunnelChart/FunnelChart.st.css.js +2 -2
  121. package/dist/cjs/FunnelChart/FunnelLabel/FunnelLabel.st.css.js +2 -2
  122. package/dist/cjs/FunnelChart/FunnelStep/FunnelStep.st.css.js +2 -2
  123. package/dist/cjs/GoogleAddressInput/GoogleAddressInput.st.css.js +2 -2
  124. package/dist/cjs/GooglePreview/GooglePreview.st.css.js +2 -2
  125. package/dist/cjs/Heading/Heading.st.css.js +2 -2
  126. package/dist/cjs/Highlighter/Highlighter.st.css.js +2 -2
  127. package/dist/cjs/HorizontalScroll/HorizontalScroll.constants.js +11 -0
  128. package/dist/cjs/HorizontalScroll/HorizontalScroll.constants.js.map +1 -0
  129. package/dist/cjs/HorizontalScroll/HorizontalScroll.js +169 -0
  130. package/dist/cjs/HorizontalScroll/HorizontalScroll.js.map +1 -0
  131. package/dist/cjs/HorizontalScroll/HorizontalScroll.meta.js +22 -0
  132. package/dist/cjs/HorizontalScroll/HorizontalScroll.meta.js.map +1 -0
  133. package/dist/cjs/HorizontalScroll/HorizontalScroll.st.css.js +25 -0
  134. package/dist/cjs/HorizontalScroll/HorizontalScroll.types.js +4 -0
  135. package/dist/cjs/HorizontalScroll/HorizontalScroll.types.js.map +1 -0
  136. package/dist/cjs/HorizontalScroll/HorizontalScroll.uni.driver.js +68 -0
  137. package/dist/cjs/HorizontalScroll/HorizontalScroll.uni.driver.js.map +1 -0
  138. package/dist/cjs/HorizontalScroll/index.js +10 -0
  139. package/dist/cjs/HorizontalScroll/index.js.map +1 -0
  140. package/dist/cjs/HorizontalTimeline/HorizontalTimeline.st.css.js +2 -2
  141. package/dist/cjs/HorizontalTimeline/HorizontalTimelineIcons.st.css.js +3 -3
  142. package/dist/cjs/IconButton/IconButton.st.css.js +2 -2
  143. package/dist/cjs/Image/Image.st.css.js +2 -2
  144. package/dist/cjs/ImageViewer/ImageViewer.st.css.js +2 -2
  145. package/dist/cjs/InfoIcon/InfoIcon.st.css.js +2 -2
  146. package/dist/cjs/Input/Input.st.css.js +3 -3
  147. package/dist/cjs/Input/components/Affix/Affix.st.css.js +2 -2
  148. package/dist/cjs/Input/components/Group/Group.st.css.js +2 -2
  149. package/dist/cjs/Input/components/IconAffix/IconAffix.st.css.js +2 -2
  150. package/dist/cjs/Input/components/Ticker/Ticker.st.css.js +2 -2
  151. package/dist/cjs/InputArea/InputArea.st.css.js +3 -3
  152. package/dist/cjs/InputShell/InputShell.st.css.js +3 -3
  153. package/dist/cjs/InputWithLabel/InputWithLabel.st.css.js +2 -2
  154. package/dist/cjs/InputWithOptions/InputWithOptions.st.css.js +2 -2
  155. package/dist/cjs/LabelledElement/LabelledElement.st.css.js +2 -2
  156. package/dist/cjs/Layout/Cell/Cell.st.css.js +2 -2
  157. package/dist/cjs/Layout/Layout.st.css.js +2 -2
  158. package/dist/cjs/LinearProgressBar/LinearProgressBar.st.css.js +2 -2
  159. package/dist/cjs/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.st.css.js +2 -2
  160. package/dist/cjs/ListItemAction/ListItemAction.st.css.js +2 -2
  161. package/dist/cjs/ListItemEditable/ListItemEditable.st.css.js +2 -2
  162. package/dist/cjs/ListItemSection/ListItemSection.st.css.js +2 -2
  163. package/dist/cjs/ListItemSelect/ListItemSelect.st.css.js +2 -2
  164. package/dist/cjs/ListItemSelectIcon/ListItemSelectIcon.st.css.js +2 -2
  165. package/dist/cjs/LiveRegion/LiveRegion.st.css.js +2 -2
  166. package/dist/cjs/Loader/Loader.st.css.js +3 -3
  167. package/dist/cjs/MarketingLayout/MarketingLayout.st.css.js +3 -3
  168. package/dist/cjs/MarketingPageLayout/MarketingPageLayout.st.css.js +2 -2
  169. package/dist/cjs/MarketingPageLayoutContent/MarketingPageLayoutContent.st.css.js +2 -2
  170. package/dist/cjs/MediaOverlay/MediaOverlay.st.css.js +2 -2
  171. package/dist/cjs/MessageBoxFunctionalLayout/MessageBoxFunctionalLayout.st.css.js +2 -2
  172. package/dist/cjs/MessageBoxMarketerialLayout/MessageBoxMarketerialLayout.st.css.js +2 -2
  173. package/dist/cjs/MessageModalLayout/MessageModalLayout.st.css.js +2 -2
  174. package/dist/cjs/MobilePreviewWidget/MobilePreviewWidget.st.css.js +2 -2
  175. package/dist/cjs/Modal/Modal.st.css.js +2 -2
  176. package/dist/cjs/ModalMobileLayout/ModalMobileLayout.st.css.js +2 -2
  177. package/dist/cjs/ModalMobileLayout/components/Footer/Footer.st.css.js +2 -2
  178. package/dist/cjs/ModalMobileLayout/components/Title/Title.st.css.js +2 -2
  179. package/dist/cjs/ModalPreviewLayout/ModalPreviewLayout.st.css.js +2 -2
  180. package/dist/cjs/ModalSelectorLayout/ModalSelectorLayout.st.css.js +2 -2
  181. package/dist/cjs/MultiSelect/InputWithTags.st.css.js +2 -2
  182. package/dist/cjs/MultiSelect/MultiSelect.st.css.js +2 -2
  183. package/dist/cjs/MultiSelectCheckbox/MultiSelectCheckbox.st.css.js +2 -2
  184. package/dist/cjs/NavigationToast/NavigationToast.st.css.js +2 -2
  185. package/dist/cjs/NestableList/NestableList.st.css.js +2 -2
  186. package/dist/cjs/NestableList/NestableListTheme.st.css.js +2 -2
  187. package/dist/cjs/Notification/Notification.st.css.js +2 -2
  188. package/dist/cjs/Page/Page.st.css.js +4 -4
  189. package/dist/cjs/Page/components/Footer/Footer.st.css.js +2 -2
  190. package/dist/cjs/Page/components/Footer/components/Center/Center.st.css.js +2 -2
  191. package/dist/cjs/Page/components/Footer/components/End/End.st.css.js +2 -2
  192. package/dist/cjs/Page/components/Footer/components/Start/Start.st.css.js +2 -2
  193. package/dist/cjs/Page/components/Header/Header.st.css.js +2 -2
  194. package/dist/cjs/Page/components/Section/Section.st.css.js +2 -2
  195. package/dist/cjs/Page/test/examples/BMPageContainer.st.css.js +2 -2
  196. package/dist/cjs/Page/test/examples/PageStory.st.css.js +2 -2
  197. package/dist/cjs/Page/test/examples/testExamples.st.css.js +2 -2
  198. package/dist/cjs/Pagination/Pagination.st.css.js +2 -2
  199. package/dist/cjs/Pagination/PaginationCore/PaginationCore.st.css.js +2 -2
  200. package/dist/cjs/Pagination/PaginationCore/PaginationCoreTest.st.css.js +2 -2
  201. package/dist/cjs/Palette/Palette.st.css.js +2 -2
  202. package/dist/cjs/Popover/Popover.st.css.js +2 -2
  203. package/dist/cjs/PopoverMenu/PopoverMenu.st.css.js +2 -2
  204. package/dist/cjs/PopoverNext/PopoverNext.st.css.js +2 -2
  205. package/dist/cjs/PopoverNext/components/Content/Content.st.css.js +2 -2
  206. package/dist/cjs/PreviewWidget/PreviewWidget.st.css.js +2 -2
  207. package/dist/cjs/Proportion/Proportion.st.css.js +2 -2
  208. package/dist/cjs/PulseAnimation/PulseAnimation.st.css.js +3 -3
  209. package/dist/cjs/RadarChart/RadarChart.st.css.js +2 -2
  210. package/dist/cjs/Radio/Radio.st.css.js +2 -2
  211. package/dist/cjs/RadioGroup/RadioGroup.st.css.js +2 -2
  212. package/dist/cjs/Range/Range.st.css.js +2 -2
  213. package/dist/cjs/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js +2 -2
  214. package/dist/cjs/RichTextInputArea/RichTextInputArea.st.css.js +3 -3
  215. package/dist/cjs/RichTextInputArea/Toolbar/RichTextToolbarButton.st.css.js +2 -2
  216. package/dist/cjs/Search/Search.st.css.js +2 -2
  217. package/dist/cjs/SectionHeader/SectionHeader.st.css.js +3 -3
  218. package/dist/cjs/SectionHelper/SectionHelper.st.css.js +2 -2
  219. package/dist/cjs/SegmentedToggle/SegmentedToggle.st.css.js +2 -2
  220. package/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.st.css.js +2 -2
  221. package/dist/cjs/SegmentedToggle/ToggleIcon/ToggleIcon.st.css.js +2 -2
  222. package/dist/cjs/SelectableAccordion/Item/Item.st.css.js +2 -2
  223. package/dist/cjs/SelectableAccordion/SelectableAccordion.st.css.js +2 -2
  224. package/dist/cjs/Selector/ProgressBar/ProgressBar.st.css.js +2 -2
  225. package/dist/cjs/Selector/Selector.st.css.js +2 -2
  226. package/dist/cjs/SelectorButton/SelectorButton.st.css.js +2 -2
  227. package/dist/cjs/SelectorList/Content/Content.st.css.js +2 -2
  228. package/dist/cjs/SelectorList/SelectorList.st.css.js +2 -2
  229. package/dist/cjs/SidePanel/SidePanel.st.css.js +2 -2
  230. package/dist/cjs/SidePanel/components/Content/Content.st.css.js +2 -2
  231. package/dist/cjs/SidePanel/components/Divider/Divider.st.css.js +2 -2
  232. package/dist/cjs/SidePanel/components/Field/Field.st.css.js +3 -3
  233. package/dist/cjs/SidePanel/components/Footer/Footer.st.css.js +2 -2
  234. package/dist/cjs/SidePanel/components/Header/Header.st.css.js +2 -2
  235. package/dist/cjs/SidePanel/components/Section/Section.st.css.js +2 -2
  236. package/dist/cjs/Sidebar/Sidebar.st.css.js +3 -3
  237. package/dist/cjs/Sidebar/colors.st.css.js +2 -2
  238. package/dist/cjs/SidebarBackButton/SidebarBackButton.st.css.js +3 -3
  239. package/dist/cjs/SidebarDivider/SidebarDivider.st.css.js +2 -2
  240. package/dist/cjs/SidebarDividerNext/SidebarDividerNext.st.css.js +2 -2
  241. package/dist/cjs/SidebarHeader/SidebarHeader.st.css.js +2 -2
  242. package/dist/cjs/SidebarHeaderNext/SidebarHeaderNext.st.css.js +2 -2
  243. package/dist/cjs/SidebarItemNext/SidebarItemNext.st.css.js +2 -2
  244. package/dist/cjs/SidebarNext/SidebarNext.st.css.js +2 -2
  245. package/dist/cjs/SidebarNext/components/SidebarSkeleton.st.css.js +3 -3
  246. package/dist/cjs/SidebarNext/components/ToggleButton.st.css.js +2 -2
  247. package/dist/cjs/SidebarSectionItem/SidebarSectionItem.st.css.js +2 -2
  248. package/dist/cjs/SidebarSectionTitle/SidebarSectionTitle.st.css.js +2 -2
  249. package/dist/cjs/SidebarSubMenuNext/SidebarSubMenuNext.st.css.js +3 -3
  250. package/dist/cjs/SidebarTitleItemNext/SidebarTitleItemNext.st.css.js +2 -2
  251. package/dist/cjs/Skeleton/Skeleton.st.css.js +3 -3
  252. package/dist/cjs/SkeletonCircle/SkeletonCircle.st.css.js +2 -2
  253. package/dist/cjs/SkeletonGroup/SkeletonGroup.st.css.js +4 -4
  254. package/dist/cjs/SkeletonLine/SkeletonLine.st.css.js +2 -2
  255. package/dist/cjs/SkeletonRectangle/SkeletonRectangle.st.css.js +2 -2
  256. package/dist/cjs/Slider/Slider.st.css.js +2 -2
  257. package/dist/cjs/Slider/Slider.uni.driver.d.js.map +1 -1
  258. package/dist/cjs/Slider/Slider.uni.driver.js +22 -0
  259. package/dist/cjs/Slider/Slider.uni.driver.js.map +1 -1
  260. package/dist/cjs/SocialButton/SocialButton.st.css.js +2 -2
  261. package/dist/cjs/SocialPostPreview/SocialPostPreview.st.css.js +2 -2
  262. package/dist/cjs/SocialPostPreview/components/FacebookPost.st.css.js +2 -2
  263. package/dist/cjs/SocialPostPreview/components/InstagramPost.st.css.js +2 -2
  264. package/dist/cjs/SocialPreview/SocialPreview.st.css.js +2 -2
  265. package/dist/cjs/SortableGridBase/SortableGridBase.st.css.js +2 -2
  266. package/dist/cjs/SparklineChart/ChartTooltip.st.css.js +2 -2
  267. package/dist/cjs/SparklineChart/SparklineChart.st.css.js +2 -2
  268. package/dist/cjs/StackedBarChart/StackedBarChart.st.css.js +2 -2
  269. package/dist/cjs/StarsRatingBar/StarsRatingBar.js +12 -9
  270. package/dist/cjs/StarsRatingBar/StarsRatingBar.js.map +1 -1
  271. package/dist/cjs/StarsRatingBar/StarsRatingBar.st.css.js +2 -2
  272. package/dist/cjs/StarsRatingBar/components/InteractiveModeStar.js +2 -2
  273. package/dist/cjs/StarsRatingBar/components/InteractiveModeStar.js.map +1 -1
  274. package/dist/cjs/StarsRatingBar/components/InteractiveModeStar.st.css.js +2 -2
  275. package/dist/cjs/StatisticsWidget/StatisticsItem/StatisticsItem.st.css.js +2 -2
  276. package/dist/cjs/StatisticsWidget/StatisticsWidget.st.css.js +2 -2
  277. package/dist/cjs/StatusIndicator/StatusIndicator.st.css.js +2 -2
  278. package/dist/cjs/StatusToast/StatusToast.st.css.js +2 -2
  279. package/dist/cjs/Stepper/Stepper.st.css.js +2 -2
  280. package/dist/cjs/Stepper/components/Step.st.css.js +2 -2
  281. package/dist/cjs/Stepper/components/StepMarker.st.css.js +2 -2
  282. package/dist/cjs/Table/DataTable/DataTable.st.css.js +2 -2
  283. package/dist/cjs/Table/DataTable/components/DataTableRow.st.css.js +2 -2
  284. package/dist/cjs/Table/DataTable/components/DataTableRowVirtual.st.css.js +2 -2
  285. package/dist/cjs/Table/DataTable/docs/Example.st.css.js +2 -2
  286. package/dist/cjs/Table/FloatingScrollBar/FloatingScrollBar.st.css.js +2 -2
  287. package/dist/cjs/Table/Table.st.css.js +2 -2
  288. package/dist/cjs/TableActionCell/TableActionCell.st.css.js +2 -2
  289. package/dist/cjs/TableListHeader/TableListHeader.st.css.js +2 -2
  290. package/dist/cjs/TableListItem/TableListItem.st.css.js +3 -3
  291. package/dist/cjs/TableToolbar/TableToolbar.st.css.js +2 -2
  292. package/dist/cjs/Tabs/Tabs.st.css.js +2 -2
  293. package/dist/cjs/Tag/Tag.st.css.js +2 -2
  294. package/dist/cjs/TagList/TagList.st.css.js +2 -2
  295. package/dist/cjs/TestimonialList/TestimonialList.st.css.js +2 -2
  296. package/dist/cjs/Text/Caption.st.css.js +2 -2
  297. package/dist/cjs/Text/Text.st.css.js +2 -2
  298. package/dist/cjs/TextButton/TextButton.st.css.js +2 -2
  299. package/dist/cjs/Themes/brand/Brand.st.css.js +2 -2
  300. package/dist/cjs/Themes/brand/Foundations/colors.st.css.js +2 -2
  301. package/dist/cjs/Themes/brand/components/Button/Button.st.css.js +2 -2
  302. package/dist/cjs/Themes/brand/components/Heading/Heading.st.css.js +2 -2
  303. package/dist/cjs/Themes/brand/components/InputWithLabel/InputWithLabel.st.css.js +2 -2
  304. package/dist/cjs/Themes/brand/components/InputWithLabel/LabelledElement.st.css.js +2 -2
  305. package/dist/cjs/Themes/brand/components/Text/Text.st.css.js +2 -2
  306. package/dist/cjs/Thumbnail/Thumbnail.st.css.js +2 -2
  307. package/dist/cjs/TimeInput/TimeInput.st.css.js +2 -2
  308. package/dist/cjs/TimeTable/TimeTable.st.css.js +2 -2
  309. package/dist/cjs/TimeTable/components/Item.st.css.js +2 -2
  310. package/dist/cjs/Timeline/Timeline.st.css.js +2 -2
  311. package/dist/cjs/Timeline/TimelineItem.st.css.js +3 -3
  312. package/dist/cjs/Toast/Toast.st.css.js +2 -2
  313. package/dist/cjs/ToastContainer/ToastContainer.st.css.js +2 -2
  314. package/dist/cjs/ToggleButton/ToggleButton.st.css.js +2 -2
  315. package/dist/cjs/ToggleSwitch/ToggleSwitch.st.css.js +2 -2
  316. package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js +2 -2
  317. package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js +2 -2
  318. package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js +2 -2
  319. package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js +2 -2
  320. package/dist/cjs/Tooltip/Tooltip.st.css.js +2 -2
  321. package/dist/cjs/TopBanner/TopBanner.st.css.js +2 -2
  322. package/dist/cjs/TrendIndicator/TrendIndicator.st.css.js +2 -2
  323. package/dist/cjs/VariableInput/VariableInput.st.css.js +3 -3
  324. package/dist/cjs/VerticalTabsIconItem/VerticalTabsIconItem.st.css.js +3 -3
  325. package/dist/cjs/VerticalTabsItem/VerticalTabsItem.st.css.js +3 -3
  326. package/dist/cjs/WixDesignSystemProvider/WixDesignSystemProvider.st.css.js +2 -2
  327. package/dist/cjs/WixDesignSystemProvider/madefor.st.css.js +2 -2
  328. package/dist/cjs/WixDesignSystemProvider/newColorsBranding.st.css.js +2 -2
  329. package/dist/cjs/common/AdaptiveHeading/AdaptiveHeading.st.css.js +2 -2
  330. package/dist/cjs/common/Ellipsis/Ellipsis.st.css.js +3 -3
  331. package/dist/cjs/common/Ellipsis/components/TextComponent/TextComponent.st.css.js +3 -3
  332. package/dist/cjs/common/FluidColumns/FluidColumns.st.css.js +3 -3
  333. package/dist/cjs/common/Focusable/Focusable.st.css.js +2 -2
  334. package/dist/cjs/common/styles/visuallyHidden.st.css.js +2 -2
  335. package/dist/cjs/dnd-styles/dnd-styles.st.css.js +2 -2
  336. package/dist/cjs/index.d.js +12 -3
  337. package/dist/cjs/index.d.js.map +1 -1
  338. package/dist/cjs/index.js +5 -3
  339. package/dist/cjs/index.js.map +1 -1
  340. package/dist/cjs/providers/useOverlayScrollbar/useOverlayScrollbar.initialization.st.css.js +3 -3
  341. package/dist/cjs/providers/useOverlayScrollbar/useOverlayScrollbar.st.css.js +2 -2
  342. package/dist/cjs/utils/test-utils/jest-setup.js +5 -0
  343. package/dist/cjs/utils/test-utils/jest-setup.js.map +1 -1
  344. package/dist/cjs/version.js +1 -1
  345. package/dist/cjs/version.js.map +1 -1
  346. package/dist/esm/Accordion/Accordion.st.css.js +2 -2
  347. package/dist/esm/Accordion/components/AccordionItem/AccordionItem.st.css.js +2 -2
  348. package/dist/esm/Accordion/components/AccordionItemCaret/AccordionItemCaret.st.css.js +2 -2
  349. package/dist/esm/AddItem/AddItem.st.css.js +2 -2
  350. package/dist/esm/AddressInputItem/AddressInputItem.st.css.js +2 -2
  351. package/dist/esm/AnalyticsLayout/AnalyticsLayout.st.css.js +2 -2
  352. package/dist/esm/AnalyticsLayout/Cell/Cell.st.css.js +2 -2
  353. package/dist/esm/AnalyticsSummaryCard/AnalyticsSummaryCard.st.css.js +2 -2
  354. package/dist/esm/AngleInput/AngleInput.st.css.js +2 -2
  355. package/dist/esm/AnnouncementModalLayout/AnnouncementModalLayout.st.css.js +2 -2
  356. package/dist/esm/AreaChart/AreaChart.st.css.js +2 -2
  357. package/dist/esm/AudioPlayer/AudioPlayer.st.css.js +3 -3
  358. package/dist/esm/AutoCompleteWithLabel/AutoCompleteWithLabel.st.css.js +2 -2
  359. package/dist/esm/Avatar/Avatar.st.css.js +2 -2
  360. package/dist/esm/Avatar/AvatarCore/AvatarCore.st.css.js +2 -2
  361. package/dist/esm/AvatarGroup/AvatarGroup.st.css.js +2 -2
  362. package/dist/esm/Badge/Badge.st.css.js +2 -2
  363. package/dist/esm/BadgeSelect/BadgeSelect.st.css.js +2 -2
  364. package/dist/esm/BadgeSelectItem/BadgeSelectItem.st.css.js +2 -2
  365. package/dist/esm/BarChart/BarChart.st.css.js +3 -3
  366. package/dist/esm/BaseModalLayout/BaseModalLayout.st.css.js +2 -2
  367. package/dist/esm/BaseModalLayout/LayoutBlocks/Content/Content.st.css.js +2 -2
  368. package/dist/esm/BaseModalLayout/LayoutBlocks/Footer/Footer.st.css.js +2 -2
  369. package/dist/esm/BaseModalLayout/LayoutBlocks/Footnote/Footnote.st.css.js +2 -2
  370. package/dist/esm/BaseModalLayout/LayoutBlocks/Header/Header.st.css.js +2 -2
  371. package/dist/esm/BaseModalLayout/LayoutBlocks/Illustration/Illustration.st.css.js +2 -2
  372. package/dist/esm/BounceAnimation/BounceAnimation.st.css.js +3 -3
  373. package/dist/esm/Box/Box.st.css.js +3 -3
  374. package/dist/esm/Breadcrumbs/Breadcrumbs.st.css.js +2 -2
  375. package/dist/esm/BrowserPreviewWidget/BrowserPreviewWidget.st.css.js +2 -2
  376. package/dist/esm/Button/Button.st.css.js +2 -2
  377. package/dist/esm/Button/ButtonCore/ButtonCore.st.css.js +2 -2
  378. package/dist/esm/Calendar/BaseCalendar/BaseCalendar.st.css.js +2 -2
  379. package/dist/esm/Calendar/Calendar.st.css.js +2 -2
  380. package/dist/esm/Calendar/DatePickerDropdown/DatePickerDropdown.st.css.js +2 -2
  381. package/dist/esm/Calendar/DatePickerHead/DatePickerHead.st.css.js +2 -2
  382. package/dist/esm/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.st.css.js +2 -2
  383. package/dist/esm/Calendar/DatePickerHead/YearDropdown/YearDropdown.st.css.js +2 -2
  384. package/dist/esm/CalendarPanel/CalendarPanel.st.css.js +2 -2
  385. package/dist/esm/Card/Card.st.css.js +2 -2
  386. package/dist/esm/Card/components/Content/Content.st.css.js +2 -2
  387. package/dist/esm/Card/components/Header/Header.st.css.js +2 -2
  388. package/dist/esm/Card/components/Subheader/Subheader.st.css.js +2 -2
  389. package/dist/esm/CardFolderTabs/CardFolderTabs.st.css.js +3 -3
  390. package/dist/esm/CardGalleryItem/CardGalleryItem.st.css.js +2 -2
  391. package/dist/esm/Carousel/Carousel.st.css.js +3 -3
  392. package/dist/esm/Carousel/Pagination/Pagination.st.css.js +2 -2
  393. package/dist/esm/CarouselWIP/CarouselWIP.st.css.js +3 -3
  394. package/dist/esm/CheckToggle/CheckToggle.st.css.js +2 -2
  395. package/dist/esm/Checkbox/Checkbox.st.css.js +2 -2
  396. package/dist/esm/CircularProgressBar/CircularProgressBar.st.css.js +2 -2
  397. package/dist/esm/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.st.css.js +2 -2
  398. package/dist/esm/CloseButton/CloseButton.st.css.js +2 -2
  399. package/dist/esm/Collapse/Collapse.st.css.js +2 -2
  400. package/dist/esm/ColorInput/components/ColorViewer.st.css.js +2 -2
  401. package/dist/esm/ColorInput/components/Hash.st.css.js +2 -2
  402. package/dist/esm/ColorPicker/ColorPicker.st.css.js +2 -2
  403. package/dist/esm/ColorPicker/ColorPickerActions.st.css.js +2 -2
  404. package/dist/esm/ColorPicker/ColorPickerConverter.st.css.js +2 -2
  405. package/dist/esm/ColorPicker/ColorPickerHistory.st.css.js +2 -2
  406. package/dist/esm/ColorPicker/ColorPickerHsb.st.css.js +2 -2
  407. package/dist/esm/ColorPicker/ColorPickerHue.st.css.js +2 -2
  408. package/dist/esm/ComposerButton/ComposerButton.st.css.js +2 -2
  409. package/dist/esm/ComposerHeader/ComposerHeader.st.css.js +2 -2
  410. package/dist/esm/ComposerSidebar/ComposerSidebar.st.css.js +2 -2
  411. package/dist/esm/CornerRadiusInput/CornerRadiusInput.st.css.js +2 -2
  412. package/dist/esm/CounterBadge/CounterBadge.st.css.js +2 -2
  413. package/dist/esm/CustomModalLayout/CustomModalLayout.st.css.js +2 -2
  414. package/dist/esm/DatePicker/DatePicker.st.css.js +2 -2
  415. package/dist/esm/Divider/Divider.st.css.js +2 -2
  416. package/dist/esm/DragAndDrop/docs/Introduction/IntroductionExample.st.css.js +2 -2
  417. package/dist/esm/DragAndDrop/docs/SortableGridBase/SingleAreaGrid/SingleAreaGrid.st.css.js +2 -2
  418. package/dist/esm/DragAndDrop/docs/SortableListBase/ListWithDelay/ListWithDelay.st.css.js +2 -2
  419. package/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaList/MultiAreaList.st.css.js +2 -2
  420. package/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaListPreventOfDropping/MultiAreaListPreventDropping.st.css.js +2 -2
  421. package/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaListWithInsertionRules/MultiAreaListWithInsertionRules.st.css.js +2 -2
  422. package/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumns/MultiAreaListWithSortableColumns.st.css.js +2 -2
  423. package/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumnsWithAnimations/MultiAreaListWithSortableColumnsWithAnimations.st.css.js +2 -2
  424. package/dist/esm/DragAndDrop/docs/SortableListBase/NestableListBaseExample/NestableListBase.st.css.js +2 -2
  425. package/dist/esm/DragAndDrop/docs/SortableListBase/SingleAreaList/SingleAreaList.st.css.js +2 -2
  426. package/dist/esm/DragAndDrop/docs/SortableListBase/SingleAreaListWithAnimation/SingleAreaListWithAnimation.st.css.js +2 -2
  427. package/dist/esm/DragHandle/DragHandle.st.css.js +2 -2
  428. package/dist/esm/DraggableContainer/DraggableContainer.st.css.js +2 -2
  429. package/dist/esm/Dropdown/Dropdown.st.css.js +2 -2
  430. package/dist/esm/DropdownBase/DropdownBase.st.css.js +2 -2
  431. package/dist/esm/DropdownLayout/DropdownLayout.st.css.js +2 -2
  432. package/dist/esm/Dropzone/Dropzone.st.css.js +2 -2
  433. package/dist/esm/EditableSelector/EditableSelector.st.css.js +2 -2
  434. package/dist/esm/EditableTitle/EditableTitle.st.css.js +2 -2
  435. package/dist/esm/EmptyState/EmptyState.st.css.js +2 -2
  436. package/dist/esm/FacesRatingBar/FacesRatingBar.st.css.js +2 -2
  437. package/dist/esm/FeatureList/FeatureList.st.css.js +2 -2
  438. package/dist/esm/FieldSet/FieldSet.st.css.js +2 -2
  439. package/dist/esm/FieldSet/components/Asterisk/Asterisk.st.css.js +2 -2
  440. package/dist/esm/FieldSet/components/InfoContentIcon/InfoContentIcon.st.css.js +2 -2
  441. package/dist/esm/FieldSet/components/InlineLabelWrapper/InlineLabelWrapper.st.css.js +2 -2
  442. package/dist/esm/FieldSet/components/Label/Label.st.css.js +2 -2
  443. package/dist/esm/FieldSet/components/StatusMessage/StatusMessage.st.css.js +2 -2
  444. package/dist/esm/FieldSet/components/Suffix/Suffix.st.css.js +2 -2
  445. package/dist/esm/FilePicker/FilePicker.st.css.js +2 -2
  446. package/dist/esm/FillButton/FillButton.st.css.js +2 -2
  447. package/dist/esm/FillPreview/FillPreview.st.css.js +2 -2
  448. package/dist/esm/FloatingHelper/FloatingHelper.st.css.js +2 -2
  449. package/dist/esm/FloatingHelper/FloatingHelperContent/FloatingHelperContent.st.css.js +2 -2
  450. package/dist/esm/FloatingNotification/FloatingNotification.st.css.js +2 -2
  451. package/dist/esm/FormField/FormField.st.css.js +2 -2
  452. package/dist/esm/Foundation/stylable/border.st.css.js +2 -2
  453. package/dist/esm/Foundation/stylable/breakpoints.st.css.js +2 -2
  454. package/dist/esm/Foundation/stylable/colors.st.css.js +2 -2
  455. package/dist/esm/Foundation/stylable/default-scroll-bar.st.css.js +2 -2
  456. package/dist/esm/Foundation/stylable/easing.st.css.js +2 -2
  457. package/dist/esm/Foundation/stylable/gradients.st.css.js +2 -2
  458. package/dist/esm/Foundation/stylable/opacity.st.css.js +2 -2
  459. package/dist/esm/Foundation/stylable/shadows.st.css.js +2 -2
  460. package/dist/esm/Foundation/stylable/spacing.st.css.js +2 -2
  461. package/dist/esm/Foundation/stylable/typography.st.css.js +2 -2
  462. package/dist/esm/Foundation/stylable/z-index.st.css.js +2 -2
  463. package/dist/esm/FunnelChart/FunnelBadge/FunnelBadge.st.css.js +2 -2
  464. package/dist/esm/FunnelChart/FunnelBar/FunnelBar.st.css.js +2 -2
  465. package/dist/esm/FunnelChart/FunnelChart.st.css.js +2 -2
  466. package/dist/esm/FunnelChart/FunnelLabel/FunnelLabel.st.css.js +2 -2
  467. package/dist/esm/FunnelChart/FunnelStep/FunnelStep.st.css.js +2 -2
  468. package/dist/esm/GoogleAddressInput/GoogleAddressInput.st.css.js +2 -2
  469. package/dist/esm/GooglePreview/GooglePreview.st.css.js +2 -2
  470. package/dist/esm/Heading/Heading.st.css.js +2 -2
  471. package/dist/esm/Highlighter/Highlighter.st.css.js +2 -2
  472. package/dist/esm/HorizontalScroll/HorizontalScroll.constants.js +7 -0
  473. package/dist/esm/HorizontalScroll/HorizontalScroll.constants.js.map +1 -0
  474. package/dist/esm/HorizontalScroll/HorizontalScroll.js +65 -0
  475. package/dist/esm/HorizontalScroll/HorizontalScroll.js.map +1 -0
  476. package/dist/esm/HorizontalScroll/HorizontalScroll.meta.js +17 -0
  477. package/dist/esm/HorizontalScroll/HorizontalScroll.meta.js.map +1 -0
  478. package/dist/esm/HorizontalScroll/HorizontalScroll.st.css.js +25 -0
  479. package/dist/esm/HorizontalScroll/HorizontalScroll.types.js +2 -0
  480. package/dist/esm/HorizontalScroll/HorizontalScroll.types.js.map +1 -0
  481. package/dist/esm/HorizontalScroll/HorizontalScroll.uni.driver.js +43 -0
  482. package/dist/esm/HorizontalScroll/HorizontalScroll.uni.driver.js.map +1 -0
  483. package/dist/esm/HorizontalScroll/index.js +2 -0
  484. package/dist/esm/HorizontalScroll/index.js.map +1 -0
  485. package/dist/esm/HorizontalTimeline/HorizontalTimeline.st.css.js +2 -2
  486. package/dist/esm/HorizontalTimeline/HorizontalTimelineIcons.st.css.js +3 -3
  487. package/dist/esm/IconButton/IconButton.st.css.js +2 -2
  488. package/dist/esm/Image/Image.st.css.js +2 -2
  489. package/dist/esm/ImageViewer/ImageViewer.st.css.js +2 -2
  490. package/dist/esm/InfoIcon/InfoIcon.st.css.js +2 -2
  491. package/dist/esm/Input/Input.st.css.js +3 -3
  492. package/dist/esm/Input/components/Affix/Affix.st.css.js +2 -2
  493. package/dist/esm/Input/components/Group/Group.st.css.js +2 -2
  494. package/dist/esm/Input/components/IconAffix/IconAffix.st.css.js +2 -2
  495. package/dist/esm/Input/components/Ticker/Ticker.st.css.js +2 -2
  496. package/dist/esm/InputArea/InputArea.st.css.js +3 -3
  497. package/dist/esm/InputShell/InputShell.st.css.js +3 -3
  498. package/dist/esm/InputWithLabel/InputWithLabel.st.css.js +2 -2
  499. package/dist/esm/InputWithOptions/InputWithOptions.st.css.js +2 -2
  500. package/dist/esm/LabelledElement/LabelledElement.st.css.js +2 -2
  501. package/dist/esm/Layout/Cell/Cell.st.css.js +2 -2
  502. package/dist/esm/Layout/Layout.st.css.js +2 -2
  503. package/dist/esm/LinearProgressBar/LinearProgressBar.st.css.js +2 -2
  504. package/dist/esm/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.st.css.js +2 -2
  505. package/dist/esm/ListItemAction/ListItemAction.st.css.js +2 -2
  506. package/dist/esm/ListItemEditable/ListItemEditable.st.css.js +2 -2
  507. package/dist/esm/ListItemSection/ListItemSection.st.css.js +2 -2
  508. package/dist/esm/ListItemSelect/ListItemSelect.st.css.js +2 -2
  509. package/dist/esm/ListItemSelectIcon/ListItemSelectIcon.st.css.js +2 -2
  510. package/dist/esm/LiveRegion/LiveRegion.st.css.js +2 -2
  511. package/dist/esm/Loader/Loader.st.css.js +3 -3
  512. package/dist/esm/MarketingLayout/MarketingLayout.st.css.js +3 -3
  513. package/dist/esm/MarketingPageLayout/MarketingPageLayout.st.css.js +2 -2
  514. package/dist/esm/MarketingPageLayoutContent/MarketingPageLayoutContent.st.css.js +2 -2
  515. package/dist/esm/MediaOverlay/MediaOverlay.st.css.js +2 -2
  516. package/dist/esm/MessageBoxFunctionalLayout/MessageBoxFunctionalLayout.st.css.js +2 -2
  517. package/dist/esm/MessageBoxMarketerialLayout/MessageBoxMarketerialLayout.st.css.js +2 -2
  518. package/dist/esm/MessageModalLayout/MessageModalLayout.st.css.js +2 -2
  519. package/dist/esm/MobilePreviewWidget/MobilePreviewWidget.st.css.js +2 -2
  520. package/dist/esm/Modal/Modal.st.css.js +2 -2
  521. package/dist/esm/ModalMobileLayout/ModalMobileLayout.st.css.js +2 -2
  522. package/dist/esm/ModalMobileLayout/components/Footer/Footer.st.css.js +2 -2
  523. package/dist/esm/ModalMobileLayout/components/Title/Title.st.css.js +2 -2
  524. package/dist/esm/ModalPreviewLayout/ModalPreviewLayout.st.css.js +2 -2
  525. package/dist/esm/ModalSelectorLayout/ModalSelectorLayout.st.css.js +2 -2
  526. package/dist/esm/MultiSelect/InputWithTags.st.css.js +2 -2
  527. package/dist/esm/MultiSelect/MultiSelect.st.css.js +2 -2
  528. package/dist/esm/MultiSelectCheckbox/MultiSelectCheckbox.st.css.js +2 -2
  529. package/dist/esm/NavigationToast/NavigationToast.st.css.js +2 -2
  530. package/dist/esm/NestableList/NestableList.st.css.js +2 -2
  531. package/dist/esm/NestableList/NestableListTheme.st.css.js +2 -2
  532. package/dist/esm/Notification/Notification.st.css.js +2 -2
  533. package/dist/esm/Page/Page.st.css.js +4 -4
  534. package/dist/esm/Page/components/Footer/Footer.st.css.js +2 -2
  535. package/dist/esm/Page/components/Footer/components/Center/Center.st.css.js +2 -2
  536. package/dist/esm/Page/components/Footer/components/End/End.st.css.js +2 -2
  537. package/dist/esm/Page/components/Footer/components/Start/Start.st.css.js +2 -2
  538. package/dist/esm/Page/components/Header/Header.st.css.js +2 -2
  539. package/dist/esm/Page/components/Section/Section.st.css.js +2 -2
  540. package/dist/esm/Page/test/examples/BMPageContainer.st.css.js +2 -2
  541. package/dist/esm/Page/test/examples/PageStory.st.css.js +2 -2
  542. package/dist/esm/Page/test/examples/testExamples.st.css.js +2 -2
  543. package/dist/esm/Pagination/Pagination.st.css.js +2 -2
  544. package/dist/esm/Pagination/PaginationCore/PaginationCore.st.css.js +2 -2
  545. package/dist/esm/Pagination/PaginationCore/PaginationCoreTest.st.css.js +2 -2
  546. package/dist/esm/Palette/Palette.st.css.js +2 -2
  547. package/dist/esm/Popover/Popover.st.css.js +2 -2
  548. package/dist/esm/PopoverMenu/PopoverMenu.st.css.js +2 -2
  549. package/dist/esm/PopoverNext/PopoverNext.st.css.js +2 -2
  550. package/dist/esm/PopoverNext/components/Content/Content.st.css.js +2 -2
  551. package/dist/esm/PreviewWidget/PreviewWidget.st.css.js +2 -2
  552. package/dist/esm/Proportion/Proportion.st.css.js +2 -2
  553. package/dist/esm/PulseAnimation/PulseAnimation.st.css.js +3 -3
  554. package/dist/esm/RadarChart/RadarChart.st.css.js +2 -2
  555. package/dist/esm/Radio/Radio.st.css.js +2 -2
  556. package/dist/esm/RadioGroup/RadioGroup.st.css.js +2 -2
  557. package/dist/esm/Range/Range.st.css.js +2 -2
  558. package/dist/esm/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js +2 -2
  559. package/dist/esm/RichTextInputArea/RichTextInputArea.st.css.js +3 -3
  560. package/dist/esm/RichTextInputArea/Toolbar/RichTextToolbarButton.st.css.js +2 -2
  561. package/dist/esm/Search/Search.st.css.js +2 -2
  562. package/dist/esm/SectionHeader/SectionHeader.st.css.js +3 -3
  563. package/dist/esm/SectionHelper/SectionHelper.st.css.js +2 -2
  564. package/dist/esm/SegmentedToggle/SegmentedToggle.st.css.js +2 -2
  565. package/dist/esm/SegmentedToggle/ToggleButton/ToggleButton.st.css.js +2 -2
  566. package/dist/esm/SegmentedToggle/ToggleIcon/ToggleIcon.st.css.js +2 -2
  567. package/dist/esm/SelectableAccordion/Item/Item.st.css.js +2 -2
  568. package/dist/esm/SelectableAccordion/SelectableAccordion.st.css.js +2 -2
  569. package/dist/esm/Selector/ProgressBar/ProgressBar.st.css.js +2 -2
  570. package/dist/esm/Selector/Selector.st.css.js +2 -2
  571. package/dist/esm/SelectorButton/SelectorButton.st.css.js +2 -2
  572. package/dist/esm/SelectorList/Content/Content.st.css.js +2 -2
  573. package/dist/esm/SelectorList/SelectorList.st.css.js +2 -2
  574. package/dist/esm/SidePanel/SidePanel.st.css.js +2 -2
  575. package/dist/esm/SidePanel/components/Content/Content.st.css.js +2 -2
  576. package/dist/esm/SidePanel/components/Divider/Divider.st.css.js +2 -2
  577. package/dist/esm/SidePanel/components/Field/Field.st.css.js +3 -3
  578. package/dist/esm/SidePanel/components/Footer/Footer.st.css.js +2 -2
  579. package/dist/esm/SidePanel/components/Header/Header.st.css.js +2 -2
  580. package/dist/esm/SidePanel/components/Section/Section.st.css.js +2 -2
  581. package/dist/esm/Sidebar/Sidebar.st.css.js +3 -3
  582. package/dist/esm/Sidebar/colors.st.css.js +2 -2
  583. package/dist/esm/SidebarBackButton/SidebarBackButton.st.css.js +3 -3
  584. package/dist/esm/SidebarDivider/SidebarDivider.st.css.js +2 -2
  585. package/dist/esm/SidebarDividerNext/SidebarDividerNext.st.css.js +2 -2
  586. package/dist/esm/SidebarHeader/SidebarHeader.st.css.js +2 -2
  587. package/dist/esm/SidebarHeaderNext/SidebarHeaderNext.st.css.js +2 -2
  588. package/dist/esm/SidebarItemNext/SidebarItemNext.st.css.js +2 -2
  589. package/dist/esm/SidebarNext/SidebarNext.st.css.js +2 -2
  590. package/dist/esm/SidebarNext/components/SidebarSkeleton.st.css.js +3 -3
  591. package/dist/esm/SidebarNext/components/ToggleButton.st.css.js +2 -2
  592. package/dist/esm/SidebarSectionItem/SidebarSectionItem.st.css.js +2 -2
  593. package/dist/esm/SidebarSectionTitle/SidebarSectionTitle.st.css.js +2 -2
  594. package/dist/esm/SidebarSubMenuNext/SidebarSubMenuNext.st.css.js +3 -3
  595. package/dist/esm/SidebarTitleItemNext/SidebarTitleItemNext.st.css.js +2 -2
  596. package/dist/esm/Skeleton/Skeleton.st.css.js +3 -3
  597. package/dist/esm/SkeletonCircle/SkeletonCircle.st.css.js +2 -2
  598. package/dist/esm/SkeletonGroup/SkeletonGroup.st.css.js +4 -4
  599. package/dist/esm/SkeletonLine/SkeletonLine.st.css.js +2 -2
  600. package/dist/esm/SkeletonRectangle/SkeletonRectangle.st.css.js +2 -2
  601. package/dist/esm/Slider/Slider.st.css.js +2 -2
  602. package/dist/esm/Slider/Slider.uni.driver.js +10 -0
  603. package/dist/esm/Slider/Slider.uni.driver.js.map +1 -1
  604. package/dist/esm/SocialButton/SocialButton.st.css.js +2 -2
  605. package/dist/esm/SocialPostPreview/SocialPostPreview.st.css.js +2 -2
  606. package/dist/esm/SocialPostPreview/components/FacebookPost.st.css.js +2 -2
  607. package/dist/esm/SocialPostPreview/components/InstagramPost.st.css.js +2 -2
  608. package/dist/esm/SocialPreview/SocialPreview.st.css.js +2 -2
  609. package/dist/esm/SortableGridBase/SortableGridBase.st.css.js +2 -2
  610. package/dist/esm/SparklineChart/ChartTooltip.st.css.js +2 -2
  611. package/dist/esm/SparklineChart/SparklineChart.st.css.js +2 -2
  612. package/dist/esm/StackedBarChart/StackedBarChart.st.css.js +2 -2
  613. package/dist/esm/StarsRatingBar/StarsRatingBar.js +6 -3
  614. package/dist/esm/StarsRatingBar/StarsRatingBar.js.map +1 -1
  615. package/dist/esm/StarsRatingBar/StarsRatingBar.st.css.js +2 -2
  616. package/dist/esm/StarsRatingBar/components/InteractiveModeStar.js +2 -2
  617. package/dist/esm/StarsRatingBar/components/InteractiveModeStar.js.map +1 -1
  618. package/dist/esm/StarsRatingBar/components/InteractiveModeStar.st.css.js +2 -2
  619. package/dist/esm/StatisticsWidget/StatisticsItem/StatisticsItem.st.css.js +2 -2
  620. package/dist/esm/StatisticsWidget/StatisticsWidget.st.css.js +2 -2
  621. package/dist/esm/StatusIndicator/StatusIndicator.st.css.js +2 -2
  622. package/dist/esm/StatusToast/StatusToast.st.css.js +2 -2
  623. package/dist/esm/Stepper/Stepper.st.css.js +2 -2
  624. package/dist/esm/Stepper/components/Step.st.css.js +2 -2
  625. package/dist/esm/Stepper/components/StepMarker.st.css.js +2 -2
  626. package/dist/esm/Table/DataTable/DataTable.st.css.js +2 -2
  627. package/dist/esm/Table/DataTable/components/DataTableRow.st.css.js +2 -2
  628. package/dist/esm/Table/DataTable/components/DataTableRowVirtual.st.css.js +2 -2
  629. package/dist/esm/Table/DataTable/docs/Example.st.css.js +2 -2
  630. package/dist/esm/Table/FloatingScrollBar/FloatingScrollBar.st.css.js +2 -2
  631. package/dist/esm/Table/Table.st.css.js +2 -2
  632. package/dist/esm/TableActionCell/TableActionCell.st.css.js +2 -2
  633. package/dist/esm/TableListHeader/TableListHeader.st.css.js +2 -2
  634. package/dist/esm/TableListItem/TableListItem.st.css.js +3 -3
  635. package/dist/esm/TableToolbar/TableToolbar.st.css.js +2 -2
  636. package/dist/esm/Tabs/Tabs.st.css.js +2 -2
  637. package/dist/esm/Tag/Tag.st.css.js +2 -2
  638. package/dist/esm/TagList/TagList.st.css.js +2 -2
  639. package/dist/esm/TestimonialList/TestimonialList.st.css.js +2 -2
  640. package/dist/esm/Text/Caption.st.css.js +2 -2
  641. package/dist/esm/Text/Text.st.css.js +2 -2
  642. package/dist/esm/TextButton/TextButton.st.css.js +2 -2
  643. package/dist/esm/Themes/brand/Brand.st.css.js +2 -2
  644. package/dist/esm/Themes/brand/Foundations/colors.st.css.js +2 -2
  645. package/dist/esm/Themes/brand/components/Button/Button.st.css.js +2 -2
  646. package/dist/esm/Themes/brand/components/Heading/Heading.st.css.js +2 -2
  647. package/dist/esm/Themes/brand/components/InputWithLabel/InputWithLabel.st.css.js +2 -2
  648. package/dist/esm/Themes/brand/components/InputWithLabel/LabelledElement.st.css.js +2 -2
  649. package/dist/esm/Themes/brand/components/Text/Text.st.css.js +2 -2
  650. package/dist/esm/Thumbnail/Thumbnail.st.css.js +2 -2
  651. package/dist/esm/TimeInput/TimeInput.st.css.js +2 -2
  652. package/dist/esm/TimeTable/TimeTable.st.css.js +2 -2
  653. package/dist/esm/TimeTable/components/Item.st.css.js +2 -2
  654. package/dist/esm/Timeline/Timeline.st.css.js +2 -2
  655. package/dist/esm/Timeline/TimelineItem.st.css.js +3 -3
  656. package/dist/esm/Toast/Toast.st.css.js +2 -2
  657. package/dist/esm/ToastContainer/ToastContainer.st.css.js +2 -2
  658. package/dist/esm/ToggleButton/ToggleButton.st.css.js +2 -2
  659. package/dist/esm/ToggleSwitch/ToggleSwitch.st.css.js +2 -2
  660. package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js +2 -2
  661. package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js +2 -2
  662. package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js +2 -2
  663. package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js +2 -2
  664. package/dist/esm/Tooltip/Tooltip.st.css.js +2 -2
  665. package/dist/esm/TopBanner/TopBanner.st.css.js +2 -2
  666. package/dist/esm/TrendIndicator/TrendIndicator.st.css.js +2 -2
  667. package/dist/esm/VariableInput/VariableInput.st.css.js +3 -3
  668. package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.st.css.js +3 -3
  669. package/dist/esm/VerticalTabsItem/VerticalTabsItem.st.css.js +3 -3
  670. package/dist/esm/WixDesignSystemProvider/WixDesignSystemProvider.st.css.js +2 -2
  671. package/dist/esm/WixDesignSystemProvider/madefor.st.css.js +2 -2
  672. package/dist/esm/WixDesignSystemProvider/newColorsBranding.st.css.js +2 -2
  673. package/dist/esm/common/AdaptiveHeading/AdaptiveHeading.st.css.js +2 -2
  674. package/dist/esm/common/Ellipsis/Ellipsis.st.css.js +3 -3
  675. package/dist/esm/common/Ellipsis/components/TextComponent/TextComponent.st.css.js +3 -3
  676. package/dist/esm/common/FluidColumns/FluidColumns.st.css.js +3 -3
  677. package/dist/esm/common/Focusable/Focusable.st.css.js +2 -2
  678. package/dist/esm/common/styles/visuallyHidden.st.css.js +2 -2
  679. package/dist/esm/dnd-styles/dnd-styles.st.css.js +2 -2
  680. package/dist/esm/index.js +2 -1
  681. package/dist/esm/index.js.map +1 -1
  682. package/dist/esm/providers/useOverlayScrollbar/useOverlayScrollbar.initialization.st.css.js +3 -3
  683. package/dist/esm/providers/useOverlayScrollbar/useOverlayScrollbar.st.css.js +2 -2
  684. package/dist/esm/utils/test-utils/jest-setup.js +5 -0
  685. package/dist/esm/utils/test-utils/jest-setup.js.map +1 -1
  686. package/dist/esm/version.js +1 -1
  687. package/dist/statics/design-system.cjs.min.js +43 -43
  688. package/dist/statics/design-system.esm.min.js +43 -43
  689. package/dist/statics/design-system.umd.js +917 -748
  690. package/dist/statics/design-system.umd.min.js +197 -197
  691. package/dist/statics/styles-default.global.css +2 -2
  692. package/dist/statics/styles-studio.global.css +2 -2
  693. package/dist/statics/styles.global.css +1 -1
  694. package/dist/statics/tokens-default.global.css +1 -0
  695. package/dist/statics/tokens-studio.global.css +1 -0
  696. package/dist/testkit/enzyme.d.ts +5 -0
  697. package/dist/testkit/enzyme.js +6 -4
  698. package/dist/testkit/index.d.ts +5 -0
  699. package/dist/testkit/index.js +6 -4
  700. package/dist/testkit/puppeteer.d.ts +5 -0
  701. package/dist/testkit/puppeteer.js +6 -4
  702. package/dist/testkit/testing-library.d.ts +4 -0
  703. package/dist/testkit/testing-library.js +3 -2
  704. package/dist/testkit/unidriver.d.ts +3 -0
  705. package/dist/testkit/unidriver.js +3 -2
  706. package/dist/tsconfig.tsbuildinfo +1 -1
  707. package/dist/types/CDN_URLS.d.ts +4 -4
  708. package/dist/types/HorizontalScroll/HorizontalScroll.constants.d.ts +6 -0
  709. package/dist/types/HorizontalScroll/HorizontalScroll.constants.d.ts.map +1 -0
  710. package/dist/types/HorizontalScroll/HorizontalScroll.d.ts +17 -0
  711. package/dist/types/HorizontalScroll/HorizontalScroll.d.ts.map +1 -0
  712. package/dist/types/HorizontalScroll/HorizontalScroll.meta.d.ts +15 -0
  713. package/dist/types/HorizontalScroll/HorizontalScroll.meta.d.ts.map +1 -0
  714. package/dist/types/HorizontalScroll/HorizontalScroll.types.d.ts +23 -0
  715. package/dist/types/HorizontalScroll/HorizontalScroll.types.d.ts.map +1 -0
  716. package/dist/types/HorizontalScroll/HorizontalScroll.uni.driver.d.ts +11 -0
  717. package/dist/types/HorizontalScroll/HorizontalScroll.uni.driver.d.ts.map +1 -0
  718. package/dist/types/HorizontalScroll/index.d.ts +3 -0
  719. package/dist/types/HorizontalScroll/index.d.ts.map +1 -0
  720. package/dist/types/Slider/Slider.uni.driver.d.ts +2 -0
  721. package/dist/types/Slider/Slider.uni.driver.d.ts.map +1 -1
  722. package/dist/types/StarsRatingBar/StarsRatingBar.d.ts.map +1 -1
  723. package/dist/types/index.d.ts +3 -0
  724. package/dist/types/version.d.ts +1 -1
  725. package/package.json +5 -5
  726. package/styles-default.global.css +2 -2
  727. package/styles-studio.global.css +2 -2
  728. package/styles.global.css +1 -1
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_breakpoints";
7
+ var _namespace_ = "wds_1_168_0_breakpoints";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_breakpoints__root"};
15
+ export var classes = {"root":"wds_1_168_0_breakpoints__root"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_colors";
7
+ var _namespace_ = "wds_1_168_0_colors";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_colors__root"};
15
+ export var classes = {"root":"wds_1_168_0_colors__root"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "wds_1_166_0_defaultscrollbar";
8
+ var _namespace_ = "wds_1_168_0_defaultscrollbar";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
13
13
  export var st = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"wds_1_166_0_defaultscrollbar__root","defaultScrollBar":"wds_1_166_0_defaultscrollbar__defaultScrollBar"};
16
+ export var classes = {"root":"wds_1_168_0_defaultscrollbar__root","defaultScrollBar":"wds_1_168_0_defaultscrollbar__defaultScrollBar"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_easing";
7
+ var _namespace_ = "wds_1_168_0_easing";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_easing__root"};
15
+ export var classes = {"root":"wds_1_168_0_easing__root"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_gradients";
7
+ var _namespace_ = "wds_1_168_0_gradients";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_gradients__root"};
15
+ export var classes = {"root":"wds_1_168_0_gradients__root"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_opacity";
7
+ var _namespace_ = "wds_1_168_0_opacity";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_opacity__root"};
15
+ export var classes = {"root":"wds_1_168_0_opacity__root"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_shadows";
7
+ var _namespace_ = "wds_1_168_0_shadows";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_shadows__root"};
15
+ export var classes = {"root":"wds_1_168_0_shadows__root"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_spacing";
7
+ var _namespace_ = "wds_1_168_0_spacing";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_spacing__root"};
15
+ export var classes = {"root":"wds_1_168_0_spacing__root"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_StylableTypography";
7
+ var _namespace_ = "wds_1_168_0_StylableTypography";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_166_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_166_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_166_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_166_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_166_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_166_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_166_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_166_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_166_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_166_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_166_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_166_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_166_0_StylableTypography__heading-h1","heading-h2":"wds_1_166_0_StylableTypography__heading-h2","heading-h3":"wds_1_166_0_StylableTypography__heading-h3","heading-h4":"wds_1_166_0_StylableTypography__heading-h4","heading-h5":"wds_1_166_0_StylableTypography__heading-h5","heading-h6":"wds_1_166_0_StylableTypography__heading-h6","heading-xl":"wds_1_166_0_StylableTypography__heading-xl","heading-l":"wds_1_166_0_StylableTypography__heading-l","heading-m":"wds_1_166_0_StylableTypography__heading-m","heading-s":"wds_1_166_0_StylableTypography__heading-s","heading-t":"wds_1_166_0_StylableTypography__heading-t","heading-xt":"wds_1_166_0_StylableTypography__heading-xt","caption-1":"wds_1_166_0_StylableTypography__caption-1"};
15
+ export var classes = {"root":"wds_1_168_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_168_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_168_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_168_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_168_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_168_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_168_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_168_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_168_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_168_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_168_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_168_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_168_0_StylableTypography__heading-h1","heading-h2":"wds_1_168_0_StylableTypography__heading-h2","heading-h3":"wds_1_168_0_StylableTypography__heading-h3","heading-h4":"wds_1_168_0_StylableTypography__heading-h4","heading-h5":"wds_1_168_0_StylableTypography__heading-h5","heading-h6":"wds_1_168_0_StylableTypography__heading-h6","heading-xl":"wds_1_168_0_StylableTypography__heading-xl","heading-l":"wds_1_168_0_StylableTypography__heading-l","heading-m":"wds_1_168_0_StylableTypography__heading-m","heading-s":"wds_1_168_0_StylableTypography__heading-s","heading-t":"wds_1_168_0_StylableTypography__heading-t","heading-xt":"wds_1_168_0_StylableTypography__heading-xt","caption-1":"wds_1_168_0_StylableTypography__caption-1"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_zindex";
7
+ var _namespace_ = "wds_1_168_0_zindex";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_zindex__root"};
15
+ export var classes = {"root":"wds_1_168_0_zindex__root"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
6
6
 
7
7
 
8
8
 
9
- var _namespace_ = "wds_1_166_0_FunnelBadge";
9
+ var _namespace_ = "wds_1_168_0_FunnelBadge";
10
10
  var _style_ = classesRuntime.bind(null, _namespace_);
11
11
 
12
12
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
14
14
  export var st = _style_;
15
15
 
16
16
  export var namespace = _namespace_;
17
- export var classes = {"root":"wds_1_166_0_FunnelBadge__root","badge":"wds_1_166_0_FunnelBadge__badge","badgeText":"wds_1_166_0_FunnelBadge__badgeText","badgeContent":"wds_1_166_0_FunnelBadge__badgeContent","darkBadge":"wds_1_166_0_FunnelBadge__darkBadge"};
17
+ export var classes = {"root":"wds_1_168_0_FunnelBadge__root","badge":"wds_1_168_0_FunnelBadge__badge","badgeText":"wds_1_168_0_FunnelBadge__badgeText","badgeContent":"wds_1_168_0_FunnelBadge__badgeContent","darkBadge":"wds_1_168_0_FunnelBadge__darkBadge"};
18
18
  export var keyframes = {};
19
19
  export var layers = {};
20
20
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_FunnelBar";
7
+ var _namespace_ = "wds_1_168_0_FunnelBar";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_FunnelBar__root","filledBar":"wds_1_166_0_FunnelBar__filledBar"};
15
+ export var classes = {"root":"wds_1_168_0_FunnelBar__root","filledBar":"wds_1_168_0_FunnelBar__filledBar"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_FunnelChart";
7
+ var _namespace_ = "wds_1_168_0_FunnelChart";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_FunnelChart__root","funnel":"wds_1_166_0_FunnelChart__funnel","labels":"wds_1_166_0_FunnelChart__labels","labelWrapper":"wds_1_166_0_FunnelChart__labelWrapper"};
15
+ export var classes = {"root":"wds_1_168_0_FunnelChart__root","funnel":"wds_1_168_0_FunnelChart__funnel","labels":"wds_1_168_0_FunnelChart__labels","labelWrapper":"wds_1_168_0_FunnelChart__labelWrapper"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_FunnelLabel";
7
+ var _namespace_ = "wds_1_168_0_FunnelLabel";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_FunnelLabel__root"};
15
+ export var classes = {"root":"wds_1_168_0_FunnelLabel__root"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_FunnelStep";
7
+ var _namespace_ = "wds_1_168_0_FunnelStep";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_FunnelStep__root","funnelStep":"wds_1_166_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_166_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_166_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_166_0_FunnelStep__badgeWrapper"};
15
+ export var classes = {"root":"wds_1_168_0_FunnelStep__root","funnelStep":"wds_1_168_0_FunnelStep__funnelStep","funnelStepPlaceholder":"wds_1_168_0_FunnelStep__funnelStepPlaceholder","funnelStepRotated":"wds_1_168_0_FunnelStep__funnelStepRotated","badgeWrapper":"wds_1_168_0_FunnelStep__badgeWrapper"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_GoogleAddressInput";
7
+ var _namespace_ = "wds_1_168_0_GoogleAddressInput";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_GoogleAddressInput__root","googleFooter":"wds_1_166_0_GoogleAddressInput__googleFooter"};
15
+ export var classes = {"root":"wds_1_168_0_GoogleAddressInput__root","googleFooter":"wds_1_168_0_GoogleAddressInput__googleFooter"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "wds_1_166_0_GooglePreview";
8
+ var _namespace_ = "wds_1_168_0_GooglePreview";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
13
13
  export var st = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"wds_1_166_0_GooglePreview__root","googlePreviewTitle":"wds_1_166_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_166_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_166_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_166_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_166_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_166_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_166_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_166_0_GooglePreview__googlePreviewFaviconBox"};
16
+ export var classes = {"root":"wds_1_168_0_GooglePreview__root","googlePreviewTitle":"wds_1_168_0_GooglePreview__googlePreviewTitle","googlePreviewUrl":"wds_1_168_0_GooglePreview__googlePreviewUrl","googlePreviewDescription":"wds_1_168_0_GooglePreview__googlePreviewDescription","googlePreviewSiteName":"wds_1_168_0_GooglePreview__googlePreviewSiteName","googlePreviewWebsiteInfo":"wds_1_168_0_GooglePreview__googlePreviewWebsiteInfo","googlePreviewWebsiteInfoContent":"wds_1_168_0_GooglePreview__googlePreviewWebsiteInfoContent","googlePreviewWebsiteInfoCTA":"wds_1_168_0_GooglePreview__googlePreviewWebsiteInfoCTA","googlePreviewFaviconBox":"wds_1_168_0_GooglePreview__googlePreviewFaviconBox"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
6
6
 
7
7
 
8
8
 
9
- var _namespace_ = "wds_1_166_0_Heading";
9
+ var _namespace_ = "wds_1_168_0_Heading";
10
10
  var _style_ = classesRuntime.bind(null, _namespace_);
11
11
 
12
12
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
14
14
  export var st = _style_;
15
15
 
16
16
  export var namespace = _namespace_;
17
- export var classes = {"root":"wds_1_166_0_Heading__root","heading-h1":"wds_1_166_0_StylableTypography__heading-h1","heading-h2":"wds_1_166_0_StylableTypography__heading-h2","heading-h3":"wds_1_166_0_StylableTypography__heading-h3","heading-h4":"wds_1_166_0_StylableTypography__heading-h4","heading-h5":"wds_1_166_0_StylableTypography__heading-h5","heading-h6":"wds_1_166_0_StylableTypography__heading-h6","heading-xl":"wds_1_166_0_StylableTypography__heading-xl","heading-l":"wds_1_166_0_StylableTypography__heading-l","heading-m":"wds_1_166_0_StylableTypography__heading-m","heading-s":"wds_1_166_0_StylableTypography__heading-s","heading-t":"wds_1_166_0_StylableTypography__heading-t","heading-xt":"wds_1_166_0_StylableTypography__heading-xt"};
17
+ export var classes = {"root":"wds_1_168_0_Heading__root","heading-h1":"wds_1_168_0_StylableTypography__heading-h1","heading-h2":"wds_1_168_0_StylableTypography__heading-h2","heading-h3":"wds_1_168_0_StylableTypography__heading-h3","heading-h4":"wds_1_168_0_StylableTypography__heading-h4","heading-h5":"wds_1_168_0_StylableTypography__heading-h5","heading-h6":"wds_1_168_0_StylableTypography__heading-h6","heading-xl":"wds_1_168_0_StylableTypography__heading-xl","heading-l":"wds_1_168_0_StylableTypography__heading-l","heading-m":"wds_1_168_0_StylableTypography__heading-m","heading-s":"wds_1_168_0_StylableTypography__heading-s","heading-t":"wds_1_168_0_StylableTypography__heading-t","heading-xt":"wds_1_168_0_StylableTypography__heading-xt"};
18
18
  export var keyframes = {};
19
19
  export var layers = {};
20
20
  export var containers = {};
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_Highlighter";
7
+ var _namespace_ = "wds_1_168_0_Highlighter";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_Highlighter__root"};
15
+ export var classes = {"root":"wds_1_168_0_Highlighter__root"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -0,0 +1,7 @@
1
+ const prefix = 'horizontal-scroll';
2
+ export const dataHooks = {
3
+ leftButton: `${prefix}-left-button`,
4
+ rightButton: `${prefix}-right-button`,
5
+ scrollContainer: `${prefix}-scroll-container`,
6
+ };
7
+ //# sourceMappingURL=HorizontalScroll.constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HorizontalScroll.constants.js","sourceRoot":"","sources":["../../../src/HorizontalScroll/HorizontalScroll.constants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,mBAAmB,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,UAAU,EAAE,GAAG,MAAM,cAAc;IACnC,WAAW,EAAE,GAAG,MAAM,eAAe;IACrC,eAAe,EAAE,GAAG,MAAM,mBAAmB;CACrC,CAAC"}
@@ -0,0 +1,65 @@
1
+ import React, { useCallback, useRef, useState, useEffect, useMemo, } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { ChevronLeftSmall, ChevronRightSmall } from '@wix/wix-ui-icons-common';
4
+ import { classes, vars } from './HorizontalScroll.st.css.js';
5
+ import IconButton from '../IconButton';
6
+ import { SKINS } from '../IconButton/IconButton.constants';
7
+ import { dataHooks } from './HorizontalScroll.constants';
8
+ import debounce from 'lodash/debounce';
9
+ const DEFAULT_DEBOUNCE_TIMEOUT_MS = 20;
10
+ const DEFAULT_SCROLL_DISTANCE_PX = 150;
11
+ const HorizontalScroll = ({ children, scrollDistance = DEFAULT_SCROLL_DISTANCE_PX, scrollDebounce = DEFAULT_DEBOUNCE_TIMEOUT_MS, scrollButtonSkin = SKINS.standard, gradientColor, dataHook, }) => {
12
+ const scrollContainerRef = useRef(null);
13
+ const [canScrollLeft, setCanScrollLeft] = useState(false);
14
+ const [canScrollRight, setCanScrollRight] = useState(false);
15
+ const handleScrollByStep = useCallback((scrollValue) => {
16
+ const container = scrollContainerRef.current;
17
+ if (!container)
18
+ return;
19
+ container.scrollLeft += scrollValue;
20
+ }, []);
21
+ const checkOverflow = useCallback(() => {
22
+ const container = scrollContainerRef.current;
23
+ if (!container)
24
+ return;
25
+ const { scrollLeft, scrollWidth, clientWidth } = container;
26
+ setCanScrollLeft(scrollLeft > 0);
27
+ setCanScrollRight(Math.round(scrollLeft) < scrollWidth - clientWidth);
28
+ }, []);
29
+ const debouncedCheckOverflow = useMemo(() => debounce(checkOverflow, scrollDebounce), [checkOverflow, scrollDebounce]);
30
+ useEffect(() => {
31
+ const container = scrollContainerRef.current;
32
+ if (!container)
33
+ return;
34
+ const observer = new ResizeObserver(checkOverflow);
35
+ observer.observe(container);
36
+ return () => observer.disconnect();
37
+ }, [checkOverflow]);
38
+ useEffect(() => {
39
+ checkOverflow();
40
+ return () => {
41
+ debouncedCheckOverflow.cancel();
42
+ };
43
+ }, [children, checkOverflow, debouncedCheckOverflow]);
44
+ return (React.createElement("div", { className: classes.root, "data-hook": dataHook, style: { [vars['wds-horizontal-scroll-gradient-color']]: gradientColor } },
45
+ canScrollLeft && (React.createElement("div", { className: classes.startScroll },
46
+ React.createElement("div", { className: classes.startScrollButton },
47
+ React.createElement(IconButton, { "aria-hidden": true, size: "tiny", priority: "secondary", skin: scrollButtonSkin, onClick: () => handleScrollByStep(-scrollDistance), dataHook: dataHooks.leftButton },
48
+ React.createElement(ChevronLeftSmall, null))))),
49
+ React.createElement("div", { className: classes.scrollContainer, ref: scrollContainerRef, onScroll: debouncedCheckOverflow, "data-hook": dataHooks.scrollContainer, tabIndex: -1 }, children),
50
+ canScrollRight && (React.createElement("div", { className: classes.endScroll },
51
+ React.createElement("div", { className: classes.endScrollButton },
52
+ React.createElement(IconButton, { "aria-hidden": true, size: "tiny", priority: "secondary", skin: scrollButtonSkin, onClick: () => handleScrollByStep(scrollDistance), dataHook: dataHooks.rightButton },
53
+ React.createElement(ChevronRightSmall, null)))))));
54
+ };
55
+ HorizontalScroll.displayName = 'HorizontalScroll';
56
+ HorizontalScroll.propTypes = {
57
+ children: PropTypes.any,
58
+ scrollDistance: PropTypes.any,
59
+ scrollDebounce: PropTypes.any,
60
+ gradientColor: PropTypes.any,
61
+ scrollButtonSkin: PropTypes.any,
62
+ dataHook: PropTypes.any,
63
+ };
64
+ export default HorizontalScroll;
65
+ //# sourceMappingURL=HorizontalScroll.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HorizontalScroll.js","sourceRoot":"","sources":["../../../src/HorizontalScroll/HorizontalScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,2BAA2B,GAAG,EAAE,CAAC;AACvC,MAAM,0BAA0B,GAAG,GAAG,CAAC;AAEvC,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,cAAc,GAAG,0BAA0B,EAC3C,cAAc,GAAG,2BAA2B,EAC5C,gBAAgB,GAAG,KAAK,CAAC,QAAQ,EACjC,aAAa,EACb,QAAQ,GACc,EAAE,EAAE;IAC1B,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAExD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,WAAmB,EAAE,EAAE;QAC7D,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC7C,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,SAAS,CAAC,UAAU,IAAI,WAAW,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC7C,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;QAC3D,gBAAgB,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;QACjC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;IACxE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,EAAE,cAAc,CAAC,EAC7C,CAAC,aAAa,EAAE,cAAc,CAAC,CAChC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC7C,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC;QACnD,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAE5B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;QAChB,OAAO,GAAG,EAAE;YACV,sBAAsB,CAAC,MAAM,EAAE,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAEtD,OAAO,CACL,6BACE,SAAS,EAAE,OAAO,CAAC,IAAI,eACZ,QAAQ,EACnB,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,sCAAsC,CAAC,CAAC,EAAE,aAAa,EAAE;QAEvE,aAAa,IAAI,CAChB,6BAAK,SAAS,EAAE,OAAO,CAAC,WAAW;YACjC,6BAAK,SAAS,EAAE,OAAO,CAAC,iBAAiB;gBACvC,oBAAC,UAAU,yBAET,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,cAAc,CAAC,EAClD,QAAQ,EAAE,SAAS,CAAC,UAAU;oBAE9B,oBAAC,gBAAgB,OAAG,CACT,CACT,CACF,CACP;QAED,6BACE,SAAS,EAAE,OAAO,CAAC,eAAe,EAClC,GAAG,EAAE,kBAAkB,EACvB,QAAQ,EAAE,sBAAsB,eACrB,SAAS,CAAC,eAAe,EACpC,QAAQ,EAAE,CAAC,CAAC,IAEX,QAAQ,CACL;QAEL,cAAc,IAAI,CACjB,6BAAK,SAAS,EAAE,OAAO,CAAC,SAAS;YAC/B,6BAAK,SAAS,EAAE,OAAO,CAAC,eAAe;gBACrC,oBAAC,UAAU,yBAET,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,cAAc,CAAC,EACjD,QAAQ,EAAE,SAAS,CAAC,WAAW;oBAE/B,oBAAC,iBAAiB,OAAG,CACV,CACT,CACF,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,gBAAgB,CAAC,SAAS,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC,GAAG;IACvB,cAAc,EAAE,SAAS,CAAC,GAAG;IAC7B,cAAc,EAAE,SAAS,CAAC,GAAG;IAC7B,aAAa,EAAE,SAAS,CAAC,GAAG;IAC5B,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC,GAAG;CACxB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,17 @@
1
+ // This object should contain a mock value for each required prop of this component
2
+ export const requiredProps = {
3
+ children: 'children',
4
+ };
5
+ // This array should contain an object only for tests you wish to run on all compliance tests
6
+ const sharedTests = [
7
+ {
8
+ title: 'render',
9
+ props: {
10
+ ...requiredProps,
11
+ },
12
+ },
13
+ ];
14
+ export const testkitTests = [...sharedTests];
15
+ export const ssrTests = [...sharedTests];
16
+ export const a11yTests = [...sharedTests];
17
+ //# sourceMappingURL=HorizontalScroll.meta.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HorizontalScroll.meta.js","sourceRoot":"","sources":["../../../src/HorizontalScroll/HorizontalScroll.meta.tsx"],"names":[],"mappings":"AAEA,mFAAmF;AACnF,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,6FAA6F;AAC7F,MAAM,WAAW,GAAG;IAClB;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE;YACL,GAAG,aAAa;SACQ;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC"}
@@ -0,0 +1,25 @@
1
+
2
+ import "../Foundation/stylable/colors.st.css.js";
3
+
4
+ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
5
+
6
+
7
+
8
+ var _namespace_ = "wds_1_168_0_HorizontalScroll";
9
+ var _style_ = classesRuntime.bind(null, _namespace_);
10
+
11
+ export var cssStates = statesRuntime.bind(null, _namespace_);
12
+ export var style = _style_;
13
+ export var st = _style_;
14
+
15
+ export var namespace = _namespace_;
16
+ export var classes = {"root":"wds_1_168_0_HorizontalScroll__root","scrollContainer":"wds_1_168_0_HorizontalScroll__scrollContainer","startScroll":"wds_1_168_0_HorizontalScroll__startScroll","endScroll":"wds_1_168_0_HorizontalScroll__endScroll","startScrollButton":"wds_1_168_0_HorizontalScroll__startScrollButton","endScrollButton":"wds_1_168_0_HorizontalScroll__endScrollButton"};
17
+ export var keyframes = {};
18
+ export var layers = {};
19
+ export var containers = {};
20
+ export var stVars = {};
21
+ export var vars = {"wds-space-100":"--wds-space-100","wds-space-600":"--wds-space-600","wds-horizontal-scroll-gradient-color":"--wds-horizontal-scroll-gradient-color"};
22
+
23
+
24
+
25
+
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=HorizontalScroll.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HorizontalScroll.types.js","sourceRoot":"","sources":["../../../src/HorizontalScroll/HorizontalScroll.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,43 @@
1
+ import { baseUniDriverFactory } from '../utils/test-utils/unidriver';
2
+ import { dataHooks } from './HorizontalScroll.constants';
3
+ import { fireEvent } from '@testing-library/react';
4
+ export const horizontalScrollDriverFactory = (base) => {
5
+ const getElementByHook = (hook) => base.$(`[data-hook="${hook}"]`);
6
+ const leftButton = getElementByHook(dataHooks.leftButton);
7
+ const rightButton = getElementByHook(dataHooks.rightButton);
8
+ const scrollContainer = getElementByHook(dataHooks.scrollContainer);
9
+ return {
10
+ ...baseUniDriverFactory(base),
11
+ /**
12
+ * Checks if left button exists.
13
+ */
14
+ leftButtonExists: () => leftButton.exists(),
15
+ /**
16
+ * Checks if right button exists.
17
+ */
18
+ rightButtonExists: () => rightButton.exists(),
19
+ /**
20
+ * Clicks left button.
21
+ */
22
+ clickLeftButton: () => leftButton.click(),
23
+ /**
24
+ * Clicks right button.
25
+ */
26
+ clickRightButton: () => rightButton.click(),
27
+ /**
28
+ * Retrieves scrollLeft property of the scrollable container.
29
+ */
30
+ getScrollPosition: async () => {
31
+ const nativeElement = await scrollContainer.getNative();
32
+ return nativeElement.scrollLeft;
33
+ },
34
+ /**
35
+ * Sets scrollLeft property of the scrollable container.
36
+ */
37
+ setScrollPosition: async (size) => {
38
+ const nativeElement = await scrollContainer.getNative();
39
+ fireEvent.scroll(nativeElement, { target: { scrollLeft: size } });
40
+ },
41
+ };
42
+ };
43
+ //# sourceMappingURL=HorizontalScroll.uni.driver.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HorizontalScroll.uni.driver.js","sourceRoot":"","sources":["../../../src/HorizontalScroll/HorizontalScroll.uni.driver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAWnD,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,IAAe,EACY,EAAE;IAC7B,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC;IAE3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,gBAAgB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAG,gBAAgB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAEpE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B;;WAEG;QACH,gBAAgB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE;QAE3C;;WAEG;QACH,iBAAiB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE;QAE7C;;WAEG;QACH,eAAe,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE;QAEzC;;WAEG;QACH,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE;QAE3C;;WAEG;QACH,iBAAiB,EAAE,KAAK,IAAI,EAAE;YAC5B,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,EAAE,CAAC;YACxD,OAAO,aAAa,CAAC,UAAU,CAAC;QAClC,CAAC;QAED;;WAEG;QACH,iBAAiB,EAAE,KAAK,EAAE,IAAY,EAAE,EAAE;YACxC,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,EAAE,CAAC;YAExD,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QACpE,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './HorizontalScroll';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/HorizontalScroll/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_166_0_HorizontalTimeline";
7
+ var _namespace_ = "wds_1_168_0_HorizontalTimeline";
8
8
  var _style_ = classesRuntime.bind(null, _namespace_);
9
9
 
10
10
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
12
12
  export var st = _style_;
13
13
 
14
14
  export var namespace = _namespace_;
15
- export var classes = {"root":"wds_1_166_0_HorizontalTimeline__root","line":"wds_1_166_0_HorizontalTimeline__line","column":"wds_1_166_0_HorizontalTimeline__column","item":"wds_1_166_0_HorizontalTimeline__item","lineIconLine":"wds_1_166_0_HorizontalTimeline__lineIconLine","icon":"wds_1_166_0_HorizontalTimeline__icon","label":"wds_1_166_0_HorizontalTimeline__label"};
15
+ export var classes = {"root":"wds_1_168_0_HorizontalTimeline__root","line":"wds_1_168_0_HorizontalTimeline__line","column":"wds_1_168_0_HorizontalTimeline__column","item":"wds_1_168_0_HorizontalTimeline__item","lineIconLine":"wds_1_168_0_HorizontalTimeline__lineIconLine","icon":"wds_1_168_0_HorizontalTimeline__icon","label":"wds_1_168_0_HorizontalTimeline__label"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "wds_1_166_0_HorizontalTimelineIcons";
8
+ var _namespace_ = "wds_1_168_0_HorizontalTimelineIcons";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
13
13
  export var st = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"wds_1_166_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_166_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_166_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_166_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_166_0_HorizontalTimelineIcons__upcomingIcon wds_1_166_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_166_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_166_0_HorizontalTimelineIcons__activeIcon wds_1_166_0_HorizontalTimelineIcons__baseIcon"};
17
- export var keyframes = {"bounce":"wds_1_166_0_HorizontalTimelineIcons__bounce"};
16
+ export var classes = {"root":"wds_1_168_0_HorizontalTimelineIcons__root","baseIcon":"wds_1_168_0_HorizontalTimelineIcons__baseIcon","completeIcon":"wds_1_168_0_HorizontalTimelineIcons__completeIcon","errorIcon":"wds_1_168_0_HorizontalTimelineIcons__errorIcon","upcomingIcon":"wds_1_168_0_HorizontalTimelineIcons__upcomingIcon wds_1_168_0_HorizontalTimelineIcons__baseIcon","boundaryIcon":"wds_1_168_0_HorizontalTimelineIcons__boundaryIcon","activeIcon":"wds_1_168_0_HorizontalTimelineIcons__activeIcon wds_1_168_0_HorizontalTimelineIcons__baseIcon"};
17
+ export var keyframes = {"bounce":"wds_1_168_0_HorizontalTimelineIcons__bounce"};
18
18
  export var layers = {};
19
19
  export var containers = {};
20
20
  export var stVars = {};