@wix/design-system 1.198.0 → 1.198.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (712) 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/ClickableCard/ClickableCard.st.css.js +2 -2
  54. package/dist/cjs/CloseButton/CloseButton.st.css.js +2 -2
  55. package/dist/cjs/Collapse/Collapse.st.css.js +2 -2
  56. package/dist/cjs/ColorInput/components/ColorViewer.st.css.js +2 -2
  57. package/dist/cjs/ColorInput/components/Hash.st.css.js +2 -2
  58. package/dist/cjs/ColorPicker/ColorPicker.st.css.js +2 -2
  59. package/dist/cjs/ColorPicker/ColorPickerActions.st.css.js +2 -2
  60. package/dist/cjs/ColorPicker/ColorPickerConverter.st.css.js +2 -2
  61. package/dist/cjs/ColorPicker/ColorPickerHistory.st.css.js +2 -2
  62. package/dist/cjs/ColorPicker/ColorPickerHsb.st.css.js +2 -2
  63. package/dist/cjs/ColorPicker/ColorPickerHue.st.css.js +2 -2
  64. package/dist/cjs/ComposerButton/ComposerButton.st.css.js +2 -2
  65. package/dist/cjs/ComposerHeader/ComposerHeader.st.css.js +2 -2
  66. package/dist/cjs/ComposerSidebar/ComposerSidebar.st.css.js +2 -2
  67. package/dist/cjs/CornerRadiusInput/CornerRadiusInput.st.css.js +2 -2
  68. package/dist/cjs/CounterBadge/CounterBadge.st.css.js +2 -2
  69. package/dist/cjs/CustomModalLayout/CustomModalLayout.st.css.js +2 -2
  70. package/dist/cjs/DatePicker/DatePicker.st.css.js +2 -2
  71. package/dist/cjs/Divider/Divider.st.css.js +2 -2
  72. package/dist/cjs/DragAndDrop/docs/Introduction/IntroductionExample.st.css.js +2 -2
  73. package/dist/cjs/DragAndDrop/docs/SortableGridBase/SingleAreaGrid/SingleAreaGrid.st.css.js +2 -2
  74. package/dist/cjs/DragAndDrop/docs/SortableListBase/ListWithDelay/ListWithDelay.st.css.js +2 -2
  75. package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaList/MultiAreaList.st.css.js +2 -2
  76. package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListPreventOfDropping/MultiAreaListPreventDropping.st.css.js +2 -2
  77. package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithInsertionRules/MultiAreaListWithInsertionRules.st.css.js +2 -2
  78. package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumns/MultiAreaListWithSortableColumns.st.css.js +2 -2
  79. package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumnsWithAnimations/MultiAreaListWithSortableColumnsWithAnimations.st.css.js +2 -2
  80. package/dist/cjs/DragAndDrop/docs/SortableListBase/NestableListBaseExample/NestableListBase.st.css.js +2 -2
  81. package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaList/SingleAreaList.st.css.js +2 -2
  82. package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaListWithAnimation/SingleAreaListWithAnimation.st.css.js +2 -2
  83. package/dist/cjs/DragHandle/DragHandle.st.css.js +2 -2
  84. package/dist/cjs/DraggableContainer/DraggableContainer.st.css.js +2 -2
  85. package/dist/cjs/Dropdown/Dropdown.st.css.js +2 -2
  86. package/dist/cjs/DropdownBase/DropdownBase.st.css.js +2 -2
  87. package/dist/cjs/DropdownLayout/DropdownLayout.st.css.js +2 -2
  88. package/dist/cjs/Dropzone/Dropzone.st.css.js +2 -2
  89. package/dist/cjs/EditableSelector/EditableSelector.st.css.js +2 -2
  90. package/dist/cjs/EditableTitle/EditableTitle.st.css.js +2 -2
  91. package/dist/cjs/EmptyState/EmptyState.st.css.js +2 -2
  92. package/dist/cjs/FacesRatingBar/FacesRatingBar.st.css.js +2 -2
  93. package/dist/cjs/FeatureList/FeatureList.st.css.js +2 -2
  94. package/dist/cjs/FieldSet/FieldSet.st.css.js +2 -2
  95. package/dist/cjs/FieldSet/components/Asterisk/Asterisk.st.css.js +2 -2
  96. package/dist/cjs/FieldSet/components/InfoContentIcon/InfoContentIcon.st.css.js +2 -2
  97. package/dist/cjs/FieldSet/components/InlineLabelWrapper/InlineLabelWrapper.st.css.js +2 -2
  98. package/dist/cjs/FieldSet/components/Label/Label.st.css.js +2 -2
  99. package/dist/cjs/FieldSet/components/StatusMessage/StatusMessage.st.css.js +2 -2
  100. package/dist/cjs/FieldSet/components/Suffix/Suffix.st.css.js +2 -2
  101. package/dist/cjs/FilePicker/FilePicker.st.css.js +2 -2
  102. package/dist/cjs/FillButton/FillButton.st.css.js +2 -2
  103. package/dist/cjs/FillPreview/FillPreview.st.css.js +2 -2
  104. package/dist/cjs/FloatingHelper/FloatingHelper.st.css.js +2 -2
  105. package/dist/cjs/FloatingHelper/FloatingHelperContent/FloatingHelperContent.st.css.js +2 -2
  106. package/dist/cjs/FloatingNotification/FloatingNotification.st.css.js +2 -2
  107. package/dist/cjs/FormField/FormField.st.css.js +2 -2
  108. package/dist/cjs/Foundation/stylable/border.st.css.js +2 -2
  109. package/dist/cjs/Foundation/stylable/breakpoints.st.css.js +2 -2
  110. package/dist/cjs/Foundation/stylable/colors.st.css.js +2 -2
  111. package/dist/cjs/Foundation/stylable/default-scroll-bar.st.css.js +2 -2
  112. package/dist/cjs/Foundation/stylable/easing.st.css.js +2 -2
  113. package/dist/cjs/Foundation/stylable/gradients.st.css.js +2 -2
  114. package/dist/cjs/Foundation/stylable/opacity.st.css.js +2 -2
  115. package/dist/cjs/Foundation/stylable/shadows.st.css.js +2 -2
  116. package/dist/cjs/Foundation/stylable/spacing.st.css.js +2 -2
  117. package/dist/cjs/Foundation/stylable/typography.st.css.js +2 -2
  118. package/dist/cjs/Foundation/stylable/z-index.st.css.js +2 -2
  119. package/dist/cjs/FunnelChart/FunnelBadge/FunnelBadge.st.css.js +2 -2
  120. package/dist/cjs/FunnelChart/FunnelBar/FunnelBar.st.css.js +2 -2
  121. package/dist/cjs/FunnelChart/FunnelChart.st.css.js +2 -2
  122. package/dist/cjs/FunnelChart/FunnelLabel/FunnelLabel.st.css.js +2 -2
  123. package/dist/cjs/FunnelChart/FunnelStep/FunnelStep.st.css.js +2 -2
  124. package/dist/cjs/GoogleAddressInput/GoogleAddressInput.st.css.js +2 -2
  125. package/dist/cjs/GooglePreview/GooglePreview.st.css.js +2 -2
  126. package/dist/cjs/Heading/Heading.st.css.js +2 -2
  127. package/dist/cjs/Highlighter/Highlighter.st.css.js +2 -2
  128. package/dist/cjs/HorizontalScroll/HorizontalScroll.st.css.js +2 -2
  129. package/dist/cjs/HorizontalTimeline/HorizontalTimeline.st.css.js +2 -2
  130. package/dist/cjs/HorizontalTimeline/HorizontalTimelineIcons.st.css.js +3 -3
  131. package/dist/cjs/IconButton/IconButton.st.css.js +2 -2
  132. package/dist/cjs/Image/Image.st.css.js +2 -2
  133. package/dist/cjs/ImageViewer/ImageViewer.st.css.js +2 -2
  134. package/dist/cjs/InfoIcon/InfoIcon.st.css.js +2 -2
  135. package/dist/cjs/Input/Input.st.css.js +3 -3
  136. package/dist/cjs/Input/components/Affix/Affix.st.css.js +2 -2
  137. package/dist/cjs/Input/components/Group/Group.st.css.js +2 -2
  138. package/dist/cjs/Input/components/IconAffix/IconAffix.st.css.js +2 -2
  139. package/dist/cjs/Input/components/Ticker/Ticker.st.css.js +2 -2
  140. package/dist/cjs/InputArea/InputArea.st.css.js +3 -3
  141. package/dist/cjs/InputShell/InputShell.st.css.js +3 -3
  142. package/dist/cjs/InputWithLabel/InputWithLabel.st.css.js +2 -2
  143. package/dist/cjs/InputWithOptions/InputWithOptions.st.css.js +2 -2
  144. package/dist/cjs/LabelledElement/LabelledElement.st.css.js +2 -2
  145. package/dist/cjs/Layout/Cell/Cell.js +2 -7
  146. package/dist/cjs/Layout/Cell/Cell.js.map +1 -1
  147. package/dist/cjs/Layout/Cell/Cell.st.css.js +2 -2
  148. package/dist/cjs/Layout/Cell/index.js.map +1 -1
  149. package/dist/cjs/Layout/Layout.js +2 -14
  150. package/dist/cjs/Layout/Layout.js.map +1 -1
  151. package/dist/cjs/Layout/Layout.st.css.js +2 -2
  152. package/dist/cjs/Layout/{index.d.js → Layout.types.js} +1 -1
  153. package/dist/cjs/Layout/Layout.types.js.map +1 -0
  154. package/dist/cjs/Layout/index.js +11 -0
  155. package/dist/cjs/Layout/index.js.map +1 -1
  156. package/dist/cjs/LinearProgressBar/LinearProgressBar.st.css.js +2 -2
  157. package/dist/cjs/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.st.css.js +2 -2
  158. package/dist/cjs/ListItemAction/ListItemAction.st.css.js +2 -2
  159. package/dist/cjs/ListItemEditable/ListItemEditable.st.css.js +2 -2
  160. package/dist/cjs/ListItemSection/ListItemSection.st.css.js +2 -2
  161. package/dist/cjs/ListItemSelect/ListItemSelect.st.css.js +2 -2
  162. package/dist/cjs/ListItemSelectIcon/ListItemSelectIcon.st.css.js +2 -2
  163. package/dist/cjs/LiveRegion/LiveRegion.st.css.js +2 -2
  164. package/dist/cjs/Loader/Loader.st.css.js +3 -3
  165. package/dist/cjs/MarketingLayout/MarketingLayout.st.css.js +3 -3
  166. package/dist/cjs/MarketingPageLayout/MarketingPageLayout.st.css.js +2 -2
  167. package/dist/cjs/MarketingPageLayoutContent/MarketingPageLayoutContent.st.css.js +2 -2
  168. package/dist/cjs/MediaOverlay/MediaOverlay.st.css.js +2 -2
  169. package/dist/cjs/MessageBoxFunctionalLayout/MessageBoxFunctionalLayout.st.css.js +2 -2
  170. package/dist/cjs/MessageBoxMarketerialLayout/MessageBoxMarketerialLayout.st.css.js +2 -2
  171. package/dist/cjs/MessageModalLayout/MessageModalLayout.st.css.js +2 -2
  172. package/dist/cjs/MobilePreviewWidget/MobilePreviewWidget.st.css.js +2 -2
  173. package/dist/cjs/Modal/Modal.st.css.js +2 -2
  174. package/dist/cjs/ModalMobileLayout/ModalMobileLayout.st.css.js +2 -2
  175. package/dist/cjs/ModalMobileLayout/components/Footer/Footer.st.css.js +2 -2
  176. package/dist/cjs/ModalMobileLayout/components/Title/Title.st.css.js +2 -2
  177. package/dist/cjs/ModalPreviewLayout/ModalPreviewLayout.st.css.js +2 -2
  178. package/dist/cjs/ModalSelectorLayout/ModalSelectorLayout.st.css.js +2 -2
  179. package/dist/cjs/MultiSelect/InputWithTags.st.css.js +2 -2
  180. package/dist/cjs/MultiSelect/MultiSelect.st.css.js +2 -2
  181. package/dist/cjs/MultiSelectCheckbox/MultiSelectCheckbox.st.css.js +2 -2
  182. package/dist/cjs/NavigationToast/NavigationToast.st.css.js +2 -2
  183. package/dist/cjs/NestableList/NestableList.st.css.js +2 -2
  184. package/dist/cjs/NestableList/NestableListTheme.st.css.js +2 -2
  185. package/dist/cjs/Notification/Notification.st.css.js +2 -2
  186. package/dist/cjs/Page/Page.st.css.js +4 -4
  187. package/dist/cjs/Page/components/Footer/Footer.st.css.js +2 -2
  188. package/dist/cjs/Page/components/Footer/components/Center/Center.st.css.js +2 -2
  189. package/dist/cjs/Page/components/Footer/components/End/End.st.css.js +2 -2
  190. package/dist/cjs/Page/components/Footer/components/Start/Start.st.css.js +2 -2
  191. package/dist/cjs/Page/components/Header/Header.st.css.js +2 -2
  192. package/dist/cjs/Page/components/Section/Section.st.css.js +2 -2
  193. package/dist/cjs/Page/test/examples/BMPageContainer.st.css.js +2 -2
  194. package/dist/cjs/Page/test/examples/PageStory.st.css.js +2 -2
  195. package/dist/cjs/Page/test/examples/testExamples.st.css.js +2 -2
  196. package/dist/cjs/Pagination/Pagination.st.css.js +2 -2
  197. package/dist/cjs/Pagination/PaginationCore/PaginationCore.st.css.js +2 -2
  198. package/dist/cjs/Pagination/PaginationCore/PaginationCoreTest.st.css.js +2 -2
  199. package/dist/cjs/Palette/Palette.st.css.js +2 -2
  200. package/dist/cjs/Popover/Popover.st.css.js +2 -2
  201. package/dist/cjs/PopoverMenu/PopoverMenu.st.css.js +2 -2
  202. package/dist/cjs/PopoverNext/PopoverNext.st.css.js +2 -2
  203. package/dist/cjs/PopoverNext/components/Content/Content.st.css.js +2 -2
  204. package/dist/cjs/PreviewWidget/PreviewWidget.st.css.js +2 -2
  205. package/dist/cjs/Proportion/Proportion.st.css.js +2 -2
  206. package/dist/cjs/PulseAnimation/PulseAnimation.st.css.js +3 -3
  207. package/dist/cjs/RadarChart/RadarChart.st.css.js +2 -2
  208. package/dist/cjs/Radio/Radio.st.css.js +2 -2
  209. package/dist/cjs/RadioGroup/RadioGroup.st.css.js +2 -2
  210. package/dist/cjs/Range/Range.st.css.js +2 -2
  211. package/dist/cjs/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js +2 -2
  212. package/dist/cjs/RichTextInputArea/RichTextInputArea.st.css.js +3 -3
  213. package/dist/cjs/RichTextInputArea/Toolbar/RichTextToolbarButton.st.css.js +2 -2
  214. package/dist/cjs/Search/Search.st.css.js +2 -2
  215. package/dist/cjs/SectionHeader/SectionHeader.st.css.js +3 -3
  216. package/dist/cjs/SectionHelper/SectionHelper.st.css.js +2 -2
  217. package/dist/cjs/SegmentedToggle/SegmentedToggle.js +16 -6
  218. package/dist/cjs/SegmentedToggle/SegmentedToggle.js.map +1 -1
  219. package/dist/cjs/SegmentedToggle/SegmentedToggle.st.css.js +2 -2
  220. package/dist/cjs/SegmentedToggle/SegmentedToggle.uni.driver.js +1 -3
  221. package/dist/cjs/SegmentedToggle/SegmentedToggle.uni.driver.js.map +1 -1
  222. package/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.js +12 -5
  223. package/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.js.map +1 -1
  224. package/dist/cjs/SegmentedToggle/ToggleButton/ToggleButton.st.css.js +2 -2
  225. package/dist/cjs/SegmentedToggle/ToggleIcon/ToggleIcon.js +15 -7
  226. package/dist/cjs/SegmentedToggle/ToggleIcon/ToggleIcon.js.map +1 -1
  227. package/dist/cjs/SegmentedToggle/ToggleIcon/ToggleIcon.st.css.js +2 -2
  228. package/dist/cjs/SegmentedToggle/index.d.js.map +1 -1
  229. package/dist/cjs/SelectableAccordion/Item/Item.st.css.js +2 -2
  230. package/dist/cjs/SelectableAccordion/SelectableAccordion.st.css.js +2 -2
  231. package/dist/cjs/Selector/ProgressBar/ProgressBar.st.css.js +2 -2
  232. package/dist/cjs/Selector/Selector.st.css.js +2 -2
  233. package/dist/cjs/SelectorButton/SelectorButton.st.css.js +2 -2
  234. package/dist/cjs/SelectorList/Content/Content.st.css.js +2 -2
  235. package/dist/cjs/SelectorList/SelectorList.st.css.js +2 -2
  236. package/dist/cjs/SidePanel/SidePanel.st.css.js +2 -2
  237. package/dist/cjs/SidePanel/components/Content/Content.st.css.js +2 -2
  238. package/dist/cjs/SidePanel/components/Divider/Divider.st.css.js +2 -2
  239. package/dist/cjs/SidePanel/components/Field/Field.st.css.js +3 -3
  240. package/dist/cjs/SidePanel/components/Footer/Footer.st.css.js +2 -2
  241. package/dist/cjs/SidePanel/components/Header/Header.st.css.js +2 -2
  242. package/dist/cjs/SidePanel/components/Section/Section.st.css.js +2 -2
  243. package/dist/cjs/Sidebar/Sidebar.st.css.js +3 -3
  244. package/dist/cjs/Sidebar/colors.st.css.js +2 -2
  245. package/dist/cjs/SidebarBackButton/SidebarBackButton.st.css.js +3 -3
  246. package/dist/cjs/SidebarDivider/SidebarDivider.st.css.js +2 -2
  247. package/dist/cjs/SidebarDividerNext/SidebarDividerNext.st.css.js +2 -2
  248. package/dist/cjs/SidebarHeader/SidebarHeader.st.css.js +2 -2
  249. package/dist/cjs/SidebarHeaderNext/SidebarHeaderNext.st.css.js +2 -2
  250. package/dist/cjs/SidebarItemNext/SidebarItemNext.st.css.js +2 -2
  251. package/dist/cjs/SidebarNext/SidebarNext.st.css.js +2 -2
  252. package/dist/cjs/SidebarNext/components/SidebarSkeleton.st.css.js +3 -3
  253. package/dist/cjs/SidebarNext/components/ToggleButton.st.css.js +2 -2
  254. package/dist/cjs/SidebarSectionItem/SidebarSectionItem.st.css.js +2 -2
  255. package/dist/cjs/SidebarSectionTitle/SidebarSectionTitle.st.css.js +2 -2
  256. package/dist/cjs/SidebarSubMenuNext/SidebarSubMenuNext.st.css.js +3 -3
  257. package/dist/cjs/SidebarTitleItemNext/SidebarTitleItemNext.st.css.js +2 -2
  258. package/dist/cjs/Skeleton/Skeleton.st.css.js +3 -3
  259. package/dist/cjs/SkeletonCircle/SkeletonCircle.st.css.js +2 -2
  260. package/dist/cjs/SkeletonGroup/SkeletonGroup.st.css.js +4 -4
  261. package/dist/cjs/SkeletonLine/SkeletonLine.st.css.js +2 -2
  262. package/dist/cjs/SkeletonRectangle/SkeletonRectangle.st.css.js +2 -2
  263. package/dist/cjs/Slider/Slider.st.css.js +2 -2
  264. package/dist/cjs/SocialButton/SocialButton.st.css.js +2 -2
  265. package/dist/cjs/SocialPostPreview/SocialPostPreview.st.css.js +2 -2
  266. package/dist/cjs/SocialPostPreview/components/FacebookPost.st.css.js +2 -2
  267. package/dist/cjs/SocialPostPreview/components/InstagramPost.st.css.js +2 -2
  268. package/dist/cjs/SocialPreview/SocialPreview.st.css.js +2 -2
  269. package/dist/cjs/SortableGridBase/SortableGridBase.st.css.js +2 -2
  270. package/dist/cjs/SparklineChart/ChartTooltip.st.css.js +2 -2
  271. package/dist/cjs/SparklineChart/SparklineChart.st.css.js +2 -2
  272. package/dist/cjs/StackedBarChart/StackedBarChart.st.css.js +2 -2
  273. package/dist/cjs/StarsRatingBar/components/StarsRatingBar.st.css.js +2 -2
  274. package/dist/cjs/StatisticsWidget/StatisticsItem/StatisticsItem.st.css.js +2 -2
  275. package/dist/cjs/StatisticsWidget/StatisticsWidget.st.css.js +2 -2
  276. package/dist/cjs/StatusIndicator/StatusIndicator.st.css.js +2 -2
  277. package/dist/cjs/StatusToast/StatusToast.st.css.js +2 -2
  278. package/dist/cjs/Stepper/Stepper.st.css.js +2 -2
  279. package/dist/cjs/Stepper/components/Step.st.css.js +2 -2
  280. package/dist/cjs/Stepper/components/StepMarker.st.css.js +2 -2
  281. package/dist/cjs/Table/DataTable/DataTable.st.css.js +2 -2
  282. package/dist/cjs/Table/DataTable/components/DataTableRow.st.css.js +2 -2
  283. package/dist/cjs/Table/DataTable/components/DataTableRowVirtual.st.css.js +2 -2
  284. package/dist/cjs/Table/DataTable/docs/Example.st.css.js +2 -2
  285. package/dist/cjs/Table/FloatingScrollBar/FloatingScrollBar.st.css.js +2 -2
  286. package/dist/cjs/Table/Table.st.css.js +2 -2
  287. package/dist/cjs/TableActionCell/TableActionCell.st.css.js +2 -2
  288. package/dist/cjs/TableListHeader/TableListHeader.st.css.js +2 -2
  289. package/dist/cjs/TableListItem/TableListItem.st.css.js +3 -3
  290. package/dist/cjs/TableToolbar/TableToolbar.st.css.js +2 -2
  291. package/dist/cjs/Tabs/Tabs.st.css.js +2 -2
  292. package/dist/cjs/Tag/Tag.st.css.js +2 -2
  293. package/dist/cjs/TagList/TagList.st.css.js +2 -2
  294. package/dist/cjs/TestimonialList/TestimonialList.st.css.js +2 -2
  295. package/dist/cjs/Text/Caption.st.css.js +2 -2
  296. package/dist/cjs/Text/Text.st.css.js +2 -2
  297. package/dist/cjs/TextButton/TextButton.st.css.js +2 -2
  298. package/dist/cjs/Themes/brand/Brand.st.css.js +2 -2
  299. package/dist/cjs/Themes/brand/Foundations/colors.st.css.js +2 -2
  300. package/dist/cjs/Themes/brand/components/Button/Button.st.css.js +2 -2
  301. package/dist/cjs/Themes/brand/components/Heading/Heading.st.css.js +2 -2
  302. package/dist/cjs/Themes/brand/components/InputWithLabel/InputWithLabel.st.css.js +2 -2
  303. package/dist/cjs/Themes/brand/components/InputWithLabel/LabelledElement.st.css.js +2 -2
  304. package/dist/cjs/Themes/brand/components/Text/Text.st.css.js +2 -2
  305. package/dist/cjs/Thumbnail/Thumbnail.st.css.js +2 -2
  306. package/dist/cjs/TimeInput/TimeInput.st.css.js +2 -2
  307. package/dist/cjs/TimeTable/TimeTable.st.css.js +2 -2
  308. package/dist/cjs/TimeTable/components/Item.st.css.js +2 -2
  309. package/dist/cjs/Timeline/Timeline.st.css.js +2 -2
  310. package/dist/cjs/Timeline/TimelineItem.st.css.js +3 -3
  311. package/dist/cjs/Toast/Toast.st.css.js +2 -2
  312. package/dist/cjs/ToastContainer/ToastContainer.st.css.js +2 -2
  313. package/dist/cjs/ToggleButton/ToggleButton.st.css.js +2 -2
  314. package/dist/cjs/ToggleSwitch/ToggleSwitch.st.css.js +2 -2
  315. package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js +2 -2
  316. package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js +2 -2
  317. package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js +2 -2
  318. package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js +2 -2
  319. package/dist/cjs/Tooltip/Tooltip.st.css.js +2 -2
  320. package/dist/cjs/TopBanner/TopBanner.st.css.js +2 -2
  321. package/dist/cjs/TrendIndicator/TrendIndicator.st.css.js +2 -2
  322. package/dist/cjs/VariableInput/VariableInput.st.css.js +3 -3
  323. package/dist/cjs/VerticalTabsIconItem/VerticalTabsIconItem.st.css.js +3 -3
  324. package/dist/cjs/VerticalTabsItem/VerticalTabsItem.st.css.js +3 -3
  325. package/dist/cjs/WixDesignSystemProvider/WixDesignSystemProvider.st.css.js +2 -2
  326. package/dist/cjs/WixDesignSystemProvider/madefor.st.css.js +2 -2
  327. package/dist/cjs/WixDesignSystemProvider/newColorsBranding.st.css.js +2 -2
  328. package/dist/cjs/common/AdaptiveHeading/AdaptiveHeading.st.css.js +2 -2
  329. package/dist/cjs/common/Ellipsis/Ellipsis.st.css.js +3 -3
  330. package/dist/cjs/common/Ellipsis/components/TextComponent/TextComponent.st.css.js +3 -3
  331. package/dist/cjs/common/FluidColumns/FluidColumns.st.css.js +3 -3
  332. package/dist/cjs/common/Focusable/Focusable.st.css.js +2 -2
  333. package/dist/cjs/common/styles/visuallyHidden.st.css.js +2 -2
  334. package/dist/cjs/dnd-styles/dnd-styles.st.css.js +2 -2
  335. package/dist/cjs/providers/useOverlayScrollbar/useOverlayScrollbar.initialization.st.css.js +3 -3
  336. package/dist/cjs/providers/useOverlayScrollbar/useOverlayScrollbar.st.css.js +2 -2
  337. package/dist/cjs/utils/test-utils/visual/index.js.map +1 -1
  338. package/dist/cjs/version.js +1 -1
  339. package/dist/cjs/version.js.map +1 -1
  340. package/dist/docs/components/LayoutProps.md +10 -10
  341. package/dist/docs/components/SegmentedToggleProps.md +6 -0
  342. package/dist/esm/Accordion/Accordion.st.css.js +2 -2
  343. package/dist/esm/Accordion/components/AccordionItem/AccordionItem.st.css.js +2 -2
  344. package/dist/esm/Accordion/components/AccordionItemCaret/AccordionItemCaret.st.css.js +2 -2
  345. package/dist/esm/AddItem/AddItem.st.css.js +2 -2
  346. package/dist/esm/AddressInputItem/AddressInputItem.st.css.js +2 -2
  347. package/dist/esm/AnalyticsLayout/AnalyticsLayout.st.css.js +2 -2
  348. package/dist/esm/AnalyticsLayout/Cell/Cell.st.css.js +2 -2
  349. package/dist/esm/AnalyticsSummaryCard/AnalyticsSummaryCard.st.css.js +2 -2
  350. package/dist/esm/AngleInput/AngleInput.st.css.js +2 -2
  351. package/dist/esm/AnnouncementModalLayout/AnnouncementModalLayout.st.css.js +2 -2
  352. package/dist/esm/AreaChart/AreaChart.st.css.js +2 -2
  353. package/dist/esm/AudioPlayer/AudioPlayer.st.css.js +3 -3
  354. package/dist/esm/AutoCompleteWithLabel/AutoCompleteWithLabel.st.css.js +2 -2
  355. package/dist/esm/Avatar/Avatar.st.css.js +2 -2
  356. package/dist/esm/Avatar/AvatarCore/AvatarCore.st.css.js +2 -2
  357. package/dist/esm/AvatarGroup/AvatarGroup.st.css.js +2 -2
  358. package/dist/esm/Badge/Badge.st.css.js +2 -2
  359. package/dist/esm/BadgeSelect/BadgeSelect.st.css.js +2 -2
  360. package/dist/esm/BadgeSelectItem/BadgeSelectItem.st.css.js +2 -2
  361. package/dist/esm/BarChart/BarChart.st.css.js +3 -3
  362. package/dist/esm/BaseModalLayout/BaseModalLayout.st.css.js +2 -2
  363. package/dist/esm/BaseModalLayout/LayoutBlocks/Content/Content.st.css.js +2 -2
  364. package/dist/esm/BaseModalLayout/LayoutBlocks/Footer/Footer.st.css.js +2 -2
  365. package/dist/esm/BaseModalLayout/LayoutBlocks/Footnote/Footnote.st.css.js +2 -2
  366. package/dist/esm/BaseModalLayout/LayoutBlocks/Header/Header.st.css.js +2 -2
  367. package/dist/esm/BaseModalLayout/LayoutBlocks/Illustration/Illustration.st.css.js +2 -2
  368. package/dist/esm/BounceAnimation/BounceAnimation.st.css.js +3 -3
  369. package/dist/esm/Box/Box.st.css.js +3 -3
  370. package/dist/esm/Breadcrumbs/Breadcrumbs.st.css.js +2 -2
  371. package/dist/esm/BrowserPreviewWidget/BrowserPreviewWidget.st.css.js +2 -2
  372. package/dist/esm/Button/Button.st.css.js +2 -2
  373. package/dist/esm/Button/ButtonCore/ButtonCore.st.css.js +2 -2
  374. package/dist/esm/Calendar/BaseCalendar/BaseCalendar.st.css.js +2 -2
  375. package/dist/esm/Calendar/Calendar.st.css.js +2 -2
  376. package/dist/esm/Calendar/DatePickerDropdown/DatePickerDropdown.st.css.js +2 -2
  377. package/dist/esm/Calendar/DatePickerHead/DatePickerHead.st.css.js +2 -2
  378. package/dist/esm/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.st.css.js +2 -2
  379. package/dist/esm/Calendar/DatePickerHead/YearDropdown/YearDropdown.st.css.js +2 -2
  380. package/dist/esm/CalendarPanel/CalendarPanel.st.css.js +2 -2
  381. package/dist/esm/Card/Card.st.css.js +2 -2
  382. package/dist/esm/Card/components/Content/Content.st.css.js +2 -2
  383. package/dist/esm/Card/components/Header/Header.st.css.js +2 -2
  384. package/dist/esm/Card/components/Subheader/Subheader.st.css.js +2 -2
  385. package/dist/esm/CardFolderTabs/CardFolderTabs.st.css.js +3 -3
  386. package/dist/esm/CardGalleryItem/CardGalleryItem.st.css.js +2 -2
  387. package/dist/esm/Carousel/Carousel.st.css.js +3 -3
  388. package/dist/esm/Carousel/Pagination/Pagination.st.css.js +2 -2
  389. package/dist/esm/CarouselWIP/CarouselWIP.st.css.js +3 -3
  390. package/dist/esm/CheckToggle/CheckToggle.st.css.js +2 -2
  391. package/dist/esm/Checkbox/Checkbox.st.css.js +2 -2
  392. package/dist/esm/CircularProgressBar/CircularProgressBar.st.css.js +2 -2
  393. package/dist/esm/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.st.css.js +2 -2
  394. package/dist/esm/ClickableCard/ClickableCard.st.css.js +2 -2
  395. package/dist/esm/CloseButton/CloseButton.st.css.js +2 -2
  396. package/dist/esm/Collapse/Collapse.st.css.js +2 -2
  397. package/dist/esm/ColorInput/components/ColorViewer.st.css.js +2 -2
  398. package/dist/esm/ColorInput/components/Hash.st.css.js +2 -2
  399. package/dist/esm/ColorPicker/ColorPicker.st.css.js +2 -2
  400. package/dist/esm/ColorPicker/ColorPickerActions.st.css.js +2 -2
  401. package/dist/esm/ColorPicker/ColorPickerConverter.st.css.js +2 -2
  402. package/dist/esm/ColorPicker/ColorPickerHistory.st.css.js +2 -2
  403. package/dist/esm/ColorPicker/ColorPickerHsb.st.css.js +2 -2
  404. package/dist/esm/ColorPicker/ColorPickerHue.st.css.js +2 -2
  405. package/dist/esm/ComposerButton/ComposerButton.st.css.js +2 -2
  406. package/dist/esm/ComposerHeader/ComposerHeader.st.css.js +2 -2
  407. package/dist/esm/ComposerSidebar/ComposerSidebar.st.css.js +2 -2
  408. package/dist/esm/CornerRadiusInput/CornerRadiusInput.st.css.js +2 -2
  409. package/dist/esm/CounterBadge/CounterBadge.st.css.js +2 -2
  410. package/dist/esm/CustomModalLayout/CustomModalLayout.st.css.js +2 -2
  411. package/dist/esm/DatePicker/DatePicker.st.css.js +2 -2
  412. package/dist/esm/Divider/Divider.st.css.js +2 -2
  413. package/dist/esm/DragAndDrop/docs/Introduction/IntroductionExample.st.css.js +2 -2
  414. package/dist/esm/DragAndDrop/docs/SortableGridBase/SingleAreaGrid/SingleAreaGrid.st.css.js +2 -2
  415. package/dist/esm/DragAndDrop/docs/SortableListBase/ListWithDelay/ListWithDelay.st.css.js +2 -2
  416. package/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaList/MultiAreaList.st.css.js +2 -2
  417. package/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaListPreventOfDropping/MultiAreaListPreventDropping.st.css.js +2 -2
  418. package/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaListWithInsertionRules/MultiAreaListWithInsertionRules.st.css.js +2 -2
  419. package/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumns/MultiAreaListWithSortableColumns.st.css.js +2 -2
  420. package/dist/esm/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumnsWithAnimations/MultiAreaListWithSortableColumnsWithAnimations.st.css.js +2 -2
  421. package/dist/esm/DragAndDrop/docs/SortableListBase/NestableListBaseExample/NestableListBase.st.css.js +2 -2
  422. package/dist/esm/DragAndDrop/docs/SortableListBase/SingleAreaList/SingleAreaList.st.css.js +2 -2
  423. package/dist/esm/DragAndDrop/docs/SortableListBase/SingleAreaListWithAnimation/SingleAreaListWithAnimation.st.css.js +2 -2
  424. package/dist/esm/DragHandle/DragHandle.st.css.js +2 -2
  425. package/dist/esm/DraggableContainer/DraggableContainer.st.css.js +2 -2
  426. package/dist/esm/Dropdown/Dropdown.st.css.js +2 -2
  427. package/dist/esm/DropdownBase/DropdownBase.st.css.js +2 -2
  428. package/dist/esm/DropdownLayout/DropdownLayout.st.css.js +2 -2
  429. package/dist/esm/Dropzone/Dropzone.st.css.js +2 -2
  430. package/dist/esm/EditableSelector/EditableSelector.st.css.js +2 -2
  431. package/dist/esm/EditableTitle/EditableTitle.st.css.js +2 -2
  432. package/dist/esm/EmptyState/EmptyState.st.css.js +2 -2
  433. package/dist/esm/FacesRatingBar/FacesRatingBar.st.css.js +2 -2
  434. package/dist/esm/FeatureList/FeatureList.st.css.js +2 -2
  435. package/dist/esm/FieldSet/FieldSet.st.css.js +2 -2
  436. package/dist/esm/FieldSet/components/Asterisk/Asterisk.st.css.js +2 -2
  437. package/dist/esm/FieldSet/components/InfoContentIcon/InfoContentIcon.st.css.js +2 -2
  438. package/dist/esm/FieldSet/components/InlineLabelWrapper/InlineLabelWrapper.st.css.js +2 -2
  439. package/dist/esm/FieldSet/components/Label/Label.st.css.js +2 -2
  440. package/dist/esm/FieldSet/components/StatusMessage/StatusMessage.st.css.js +2 -2
  441. package/dist/esm/FieldSet/components/Suffix/Suffix.st.css.js +2 -2
  442. package/dist/esm/FilePicker/FilePicker.st.css.js +2 -2
  443. package/dist/esm/FillButton/FillButton.st.css.js +2 -2
  444. package/dist/esm/FillPreview/FillPreview.st.css.js +2 -2
  445. package/dist/esm/FloatingHelper/FloatingHelper.st.css.js +2 -2
  446. package/dist/esm/FloatingHelper/FloatingHelperContent/FloatingHelperContent.st.css.js +2 -2
  447. package/dist/esm/FloatingNotification/FloatingNotification.st.css.js +2 -2
  448. package/dist/esm/FormField/FormField.st.css.js +2 -2
  449. package/dist/esm/Foundation/stylable/border.st.css.js +2 -2
  450. package/dist/esm/Foundation/stylable/breakpoints.st.css.js +2 -2
  451. package/dist/esm/Foundation/stylable/colors.st.css.js +2 -2
  452. package/dist/esm/Foundation/stylable/default-scroll-bar.st.css.js +2 -2
  453. package/dist/esm/Foundation/stylable/easing.st.css.js +2 -2
  454. package/dist/esm/Foundation/stylable/gradients.st.css.js +2 -2
  455. package/dist/esm/Foundation/stylable/opacity.st.css.js +2 -2
  456. package/dist/esm/Foundation/stylable/shadows.st.css.js +2 -2
  457. package/dist/esm/Foundation/stylable/spacing.st.css.js +2 -2
  458. package/dist/esm/Foundation/stylable/typography.st.css.js +2 -2
  459. package/dist/esm/Foundation/stylable/z-index.st.css.js +2 -2
  460. package/dist/esm/FunnelChart/FunnelBadge/FunnelBadge.st.css.js +2 -2
  461. package/dist/esm/FunnelChart/FunnelBar/FunnelBar.st.css.js +2 -2
  462. package/dist/esm/FunnelChart/FunnelChart.st.css.js +2 -2
  463. package/dist/esm/FunnelChart/FunnelLabel/FunnelLabel.st.css.js +2 -2
  464. package/dist/esm/FunnelChart/FunnelStep/FunnelStep.st.css.js +2 -2
  465. package/dist/esm/GoogleAddressInput/GoogleAddressInput.st.css.js +2 -2
  466. package/dist/esm/GooglePreview/GooglePreview.st.css.js +2 -2
  467. package/dist/esm/Heading/Heading.st.css.js +2 -2
  468. package/dist/esm/Highlighter/Highlighter.st.css.js +2 -2
  469. package/dist/esm/HorizontalScroll/HorizontalScroll.st.css.js +2 -2
  470. package/dist/esm/HorizontalTimeline/HorizontalTimeline.st.css.js +2 -2
  471. package/dist/esm/HorizontalTimeline/HorizontalTimelineIcons.st.css.js +3 -3
  472. package/dist/esm/IconButton/IconButton.st.css.js +2 -2
  473. package/dist/esm/Image/Image.st.css.js +2 -2
  474. package/dist/esm/ImageViewer/ImageViewer.st.css.js +2 -2
  475. package/dist/esm/InfoIcon/InfoIcon.st.css.js +2 -2
  476. package/dist/esm/Input/Input.st.css.js +3 -3
  477. package/dist/esm/Input/components/Affix/Affix.st.css.js +2 -2
  478. package/dist/esm/Input/components/Group/Group.st.css.js +2 -2
  479. package/dist/esm/Input/components/IconAffix/IconAffix.st.css.js +2 -2
  480. package/dist/esm/Input/components/Ticker/Ticker.st.css.js +2 -2
  481. package/dist/esm/InputArea/InputArea.st.css.js +3 -3
  482. package/dist/esm/InputShell/InputShell.st.css.js +3 -3
  483. package/dist/esm/InputWithLabel/InputWithLabel.st.css.js +2 -2
  484. package/dist/esm/InputWithOptions/InputWithOptions.st.css.js +2 -2
  485. package/dist/esm/LabelledElement/LabelledElement.st.css.js +2 -2
  486. package/dist/esm/Layout/Cell/Cell.js +0 -5
  487. package/dist/esm/Layout/Cell/Cell.js.map +1 -1
  488. package/dist/esm/Layout/Cell/Cell.st.css.js +2 -2
  489. package/dist/esm/Layout/Cell/index.js.map +1 -1
  490. package/dist/esm/Layout/Layout.js +1 -12
  491. package/dist/esm/Layout/Layout.js.map +1 -1
  492. package/dist/esm/Layout/Layout.st.css.js +2 -2
  493. package/dist/esm/Layout/Layout.types.js +2 -0
  494. package/dist/esm/Layout/Layout.types.js.map +1 -0
  495. package/dist/esm/Layout/index.js +1 -0
  496. package/dist/esm/Layout/index.js.map +1 -1
  497. package/dist/esm/LinearProgressBar/LinearProgressBar.st.css.js +2 -2
  498. package/dist/esm/LinearProgressBar/LinearProgressBarCore/LinearProgressBarCore.st.css.js +2 -2
  499. package/dist/esm/ListItemAction/ListItemAction.st.css.js +2 -2
  500. package/dist/esm/ListItemEditable/ListItemEditable.st.css.js +2 -2
  501. package/dist/esm/ListItemSection/ListItemSection.st.css.js +2 -2
  502. package/dist/esm/ListItemSelect/ListItemSelect.st.css.js +2 -2
  503. package/dist/esm/ListItemSelectIcon/ListItemSelectIcon.st.css.js +2 -2
  504. package/dist/esm/LiveRegion/LiveRegion.st.css.js +2 -2
  505. package/dist/esm/Loader/Loader.st.css.js +3 -3
  506. package/dist/esm/MarketingLayout/MarketingLayout.st.css.js +3 -3
  507. package/dist/esm/MarketingPageLayout/MarketingPageLayout.st.css.js +2 -2
  508. package/dist/esm/MarketingPageLayoutContent/MarketingPageLayoutContent.st.css.js +2 -2
  509. package/dist/esm/MediaOverlay/MediaOverlay.st.css.js +2 -2
  510. package/dist/esm/MessageBoxFunctionalLayout/MessageBoxFunctionalLayout.st.css.js +2 -2
  511. package/dist/esm/MessageBoxMarketerialLayout/MessageBoxMarketerialLayout.st.css.js +2 -2
  512. package/dist/esm/MessageModalLayout/MessageModalLayout.st.css.js +2 -2
  513. package/dist/esm/MobilePreviewWidget/MobilePreviewWidget.st.css.js +2 -2
  514. package/dist/esm/Modal/Modal.st.css.js +2 -2
  515. package/dist/esm/ModalMobileLayout/ModalMobileLayout.st.css.js +2 -2
  516. package/dist/esm/ModalMobileLayout/components/Footer/Footer.st.css.js +2 -2
  517. package/dist/esm/ModalMobileLayout/components/Title/Title.st.css.js +2 -2
  518. package/dist/esm/ModalPreviewLayout/ModalPreviewLayout.st.css.js +2 -2
  519. package/dist/esm/ModalSelectorLayout/ModalSelectorLayout.st.css.js +2 -2
  520. package/dist/esm/MultiSelect/InputWithTags.st.css.js +2 -2
  521. package/dist/esm/MultiSelect/MultiSelect.st.css.js +2 -2
  522. package/dist/esm/MultiSelectCheckbox/MultiSelectCheckbox.st.css.js +2 -2
  523. package/dist/esm/NavigationToast/NavigationToast.st.css.js +2 -2
  524. package/dist/esm/NestableList/NestableList.st.css.js +2 -2
  525. package/dist/esm/NestableList/NestableListTheme.st.css.js +2 -2
  526. package/dist/esm/Notification/Notification.st.css.js +2 -2
  527. package/dist/esm/Page/Page.st.css.js +4 -4
  528. package/dist/esm/Page/components/Footer/Footer.st.css.js +2 -2
  529. package/dist/esm/Page/components/Footer/components/Center/Center.st.css.js +2 -2
  530. package/dist/esm/Page/components/Footer/components/End/End.st.css.js +2 -2
  531. package/dist/esm/Page/components/Footer/components/Start/Start.st.css.js +2 -2
  532. package/dist/esm/Page/components/Header/Header.st.css.js +2 -2
  533. package/dist/esm/Page/components/Section/Section.st.css.js +2 -2
  534. package/dist/esm/Page/test/examples/BMPageContainer.st.css.js +2 -2
  535. package/dist/esm/Page/test/examples/PageStory.st.css.js +2 -2
  536. package/dist/esm/Page/test/examples/testExamples.st.css.js +2 -2
  537. package/dist/esm/Pagination/Pagination.st.css.js +2 -2
  538. package/dist/esm/Pagination/PaginationCore/PaginationCore.st.css.js +2 -2
  539. package/dist/esm/Pagination/PaginationCore/PaginationCoreTest.st.css.js +2 -2
  540. package/dist/esm/Palette/Palette.st.css.js +2 -2
  541. package/dist/esm/Popover/Popover.st.css.js +2 -2
  542. package/dist/esm/PopoverMenu/PopoverMenu.st.css.js +2 -2
  543. package/dist/esm/PopoverNext/PopoverNext.st.css.js +2 -2
  544. package/dist/esm/PopoverNext/components/Content/Content.st.css.js +2 -2
  545. package/dist/esm/PreviewWidget/PreviewWidget.st.css.js +2 -2
  546. package/dist/esm/Proportion/Proportion.st.css.js +2 -2
  547. package/dist/esm/PulseAnimation/PulseAnimation.st.css.js +3 -3
  548. package/dist/esm/RadarChart/RadarChart.st.css.js +2 -2
  549. package/dist/esm/Radio/Radio.st.css.js +2 -2
  550. package/dist/esm/RadioGroup/RadioGroup.st.css.js +2 -2
  551. package/dist/esm/Range/Range.st.css.js +2 -2
  552. package/dist/esm/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js +2 -2
  553. package/dist/esm/RichTextInputArea/RichTextInputArea.st.css.js +3 -3
  554. package/dist/esm/RichTextInputArea/Toolbar/RichTextToolbarButton.st.css.js +2 -2
  555. package/dist/esm/Search/Search.st.css.js +2 -2
  556. package/dist/esm/SectionHeader/SectionHeader.st.css.js +3 -3
  557. package/dist/esm/SectionHelper/SectionHelper.st.css.js +2 -2
  558. package/dist/esm/SegmentedToggle/SegmentedToggle.js +8 -3
  559. package/dist/esm/SegmentedToggle/SegmentedToggle.js.map +1 -1
  560. package/dist/esm/SegmentedToggle/SegmentedToggle.st.css.js +2 -2
  561. package/dist/esm/SegmentedToggle/SegmentedToggle.uni.driver.js +2 -2
  562. package/dist/esm/SegmentedToggle/SegmentedToggle.uni.driver.js.map +1 -1
  563. package/dist/esm/SegmentedToggle/ToggleButton/ToggleButton.js +5 -2
  564. package/dist/esm/SegmentedToggle/ToggleButton/ToggleButton.js.map +1 -1
  565. package/dist/esm/SegmentedToggle/ToggleButton/ToggleButton.st.css.js +2 -2
  566. package/dist/esm/SegmentedToggle/ToggleIcon/ToggleIcon.js +3 -3
  567. package/dist/esm/SegmentedToggle/ToggleIcon/ToggleIcon.js.map +1 -1
  568. package/dist/esm/SegmentedToggle/ToggleIcon/ToggleIcon.st.css.js +2 -2
  569. package/dist/esm/SelectableAccordion/Item/Item.st.css.js +2 -2
  570. package/dist/esm/SelectableAccordion/SelectableAccordion.st.css.js +2 -2
  571. package/dist/esm/Selector/ProgressBar/ProgressBar.st.css.js +2 -2
  572. package/dist/esm/Selector/Selector.st.css.js +2 -2
  573. package/dist/esm/SelectorButton/SelectorButton.st.css.js +2 -2
  574. package/dist/esm/SelectorList/Content/Content.st.css.js +2 -2
  575. package/dist/esm/SelectorList/SelectorList.st.css.js +2 -2
  576. package/dist/esm/SidePanel/SidePanel.st.css.js +2 -2
  577. package/dist/esm/SidePanel/components/Content/Content.st.css.js +2 -2
  578. package/dist/esm/SidePanel/components/Divider/Divider.st.css.js +2 -2
  579. package/dist/esm/SidePanel/components/Field/Field.st.css.js +3 -3
  580. package/dist/esm/SidePanel/components/Footer/Footer.st.css.js +2 -2
  581. package/dist/esm/SidePanel/components/Header/Header.st.css.js +2 -2
  582. package/dist/esm/SidePanel/components/Section/Section.st.css.js +2 -2
  583. package/dist/esm/Sidebar/Sidebar.st.css.js +3 -3
  584. package/dist/esm/Sidebar/colors.st.css.js +2 -2
  585. package/dist/esm/SidebarBackButton/SidebarBackButton.st.css.js +3 -3
  586. package/dist/esm/SidebarDivider/SidebarDivider.st.css.js +2 -2
  587. package/dist/esm/SidebarDividerNext/SidebarDividerNext.st.css.js +2 -2
  588. package/dist/esm/SidebarHeader/SidebarHeader.st.css.js +2 -2
  589. package/dist/esm/SidebarHeaderNext/SidebarHeaderNext.st.css.js +2 -2
  590. package/dist/esm/SidebarItemNext/SidebarItemNext.st.css.js +2 -2
  591. package/dist/esm/SidebarNext/SidebarNext.st.css.js +2 -2
  592. package/dist/esm/SidebarNext/components/SidebarSkeleton.st.css.js +3 -3
  593. package/dist/esm/SidebarNext/components/ToggleButton.st.css.js +2 -2
  594. package/dist/esm/SidebarSectionItem/SidebarSectionItem.st.css.js +2 -2
  595. package/dist/esm/SidebarSectionTitle/SidebarSectionTitle.st.css.js +2 -2
  596. package/dist/esm/SidebarSubMenuNext/SidebarSubMenuNext.st.css.js +3 -3
  597. package/dist/esm/SidebarTitleItemNext/SidebarTitleItemNext.st.css.js +2 -2
  598. package/dist/esm/Skeleton/Skeleton.st.css.js +3 -3
  599. package/dist/esm/SkeletonCircle/SkeletonCircle.st.css.js +2 -2
  600. package/dist/esm/SkeletonGroup/SkeletonGroup.st.css.js +4 -4
  601. package/dist/esm/SkeletonLine/SkeletonLine.st.css.js +2 -2
  602. package/dist/esm/SkeletonRectangle/SkeletonRectangle.st.css.js +2 -2
  603. package/dist/esm/Slider/Slider.st.css.js +2 -2
  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/components/StarsRatingBar.st.css.js +2 -2
  614. package/dist/esm/StatisticsWidget/StatisticsItem/StatisticsItem.st.css.js +2 -2
  615. package/dist/esm/StatisticsWidget/StatisticsWidget.st.css.js +2 -2
  616. package/dist/esm/StatusIndicator/StatusIndicator.st.css.js +2 -2
  617. package/dist/esm/StatusToast/StatusToast.st.css.js +2 -2
  618. package/dist/esm/Stepper/Stepper.st.css.js +2 -2
  619. package/dist/esm/Stepper/components/Step.st.css.js +2 -2
  620. package/dist/esm/Stepper/components/StepMarker.st.css.js +2 -2
  621. package/dist/esm/Table/DataTable/DataTable.st.css.js +2 -2
  622. package/dist/esm/Table/DataTable/components/DataTableRow.st.css.js +2 -2
  623. package/dist/esm/Table/DataTable/components/DataTableRowVirtual.st.css.js +2 -2
  624. package/dist/esm/Table/DataTable/docs/Example.st.css.js +2 -2
  625. package/dist/esm/Table/FloatingScrollBar/FloatingScrollBar.st.css.js +2 -2
  626. package/dist/esm/Table/Table.st.css.js +2 -2
  627. package/dist/esm/TableActionCell/TableActionCell.st.css.js +2 -2
  628. package/dist/esm/TableListHeader/TableListHeader.st.css.js +2 -2
  629. package/dist/esm/TableListItem/TableListItem.st.css.js +3 -3
  630. package/dist/esm/TableToolbar/TableToolbar.st.css.js +2 -2
  631. package/dist/esm/Tabs/Tabs.st.css.js +2 -2
  632. package/dist/esm/Tag/Tag.st.css.js +2 -2
  633. package/dist/esm/TagList/TagList.st.css.js +2 -2
  634. package/dist/esm/TestimonialList/TestimonialList.st.css.js +2 -2
  635. package/dist/esm/Text/Caption.st.css.js +2 -2
  636. package/dist/esm/Text/Text.st.css.js +2 -2
  637. package/dist/esm/TextButton/TextButton.st.css.js +2 -2
  638. package/dist/esm/Themes/brand/Brand.st.css.js +2 -2
  639. package/dist/esm/Themes/brand/Foundations/colors.st.css.js +2 -2
  640. package/dist/esm/Themes/brand/components/Button/Button.st.css.js +2 -2
  641. package/dist/esm/Themes/brand/components/Heading/Heading.st.css.js +2 -2
  642. package/dist/esm/Themes/brand/components/InputWithLabel/InputWithLabel.st.css.js +2 -2
  643. package/dist/esm/Themes/brand/components/InputWithLabel/LabelledElement.st.css.js +2 -2
  644. package/dist/esm/Themes/brand/components/Text/Text.st.css.js +2 -2
  645. package/dist/esm/Thumbnail/Thumbnail.st.css.js +2 -2
  646. package/dist/esm/TimeInput/TimeInput.st.css.js +2 -2
  647. package/dist/esm/TimeTable/TimeTable.st.css.js +2 -2
  648. package/dist/esm/TimeTable/components/Item.st.css.js +2 -2
  649. package/dist/esm/Timeline/Timeline.st.css.js +2 -2
  650. package/dist/esm/Timeline/TimelineItem.st.css.js +3 -3
  651. package/dist/esm/Toast/Toast.st.css.js +2 -2
  652. package/dist/esm/ToastContainer/ToastContainer.st.css.js +2 -2
  653. package/dist/esm/ToggleButton/ToggleButton.st.css.js +2 -2
  654. package/dist/esm/ToggleSwitch/ToggleSwitch.st.css.js +2 -2
  655. package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js +2 -2
  656. package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js +2 -2
  657. package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js +2 -2
  658. package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js +2 -2
  659. package/dist/esm/Tooltip/Tooltip.st.css.js +2 -2
  660. package/dist/esm/TopBanner/TopBanner.st.css.js +2 -2
  661. package/dist/esm/TrendIndicator/TrendIndicator.st.css.js +2 -2
  662. package/dist/esm/VariableInput/VariableInput.st.css.js +3 -3
  663. package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.st.css.js +3 -3
  664. package/dist/esm/VerticalTabsItem/VerticalTabsItem.st.css.js +3 -3
  665. package/dist/esm/WixDesignSystemProvider/WixDesignSystemProvider.st.css.js +2 -2
  666. package/dist/esm/WixDesignSystemProvider/madefor.st.css.js +2 -2
  667. package/dist/esm/WixDesignSystemProvider/newColorsBranding.st.css.js +2 -2
  668. package/dist/esm/common/AdaptiveHeading/AdaptiveHeading.st.css.js +2 -2
  669. package/dist/esm/common/Ellipsis/Ellipsis.st.css.js +3 -3
  670. package/dist/esm/common/Ellipsis/components/TextComponent/TextComponent.st.css.js +3 -3
  671. package/dist/esm/common/FluidColumns/FluidColumns.st.css.js +3 -3
  672. package/dist/esm/common/Focusable/Focusable.st.css.js +2 -2
  673. package/dist/esm/common/styles/visuallyHidden.st.css.js +2 -2
  674. package/dist/esm/dnd-styles/dnd-styles.st.css.js +2 -2
  675. package/dist/esm/providers/useOverlayScrollbar/useOverlayScrollbar.initialization.st.css.js +3 -3
  676. package/dist/esm/providers/useOverlayScrollbar/useOverlayScrollbar.st.css.js +2 -2
  677. package/dist/esm/version.js +1 -1
  678. package/dist/statics/design-system.cjs.min.js +30 -30
  679. package/dist/statics/design-system.esm.min.js +33 -33
  680. package/dist/statics/design-system.umd.js +643 -651
  681. package/dist/statics/design-system.umd.min.js +18 -18
  682. package/dist/statics/styles-default.global.css +1 -1
  683. package/dist/statics/styles-studio.global.css +1 -1
  684. package/dist/statics/styles-wixel.global.css +1 -1
  685. package/dist/statics/styles.global.css +1 -1
  686. package/dist/tsconfig.tsbuildinfo +1 -1
  687. package/dist/types/CDN_URLS.d.ts +5 -5
  688. package/dist/types/Layout/Cell/Cell.d.ts +13 -19
  689. package/dist/types/Layout/Cell/Cell.d.ts.map +1 -1
  690. package/dist/types/Layout/Cell/index.d.ts +1 -1
  691. package/dist/types/Layout/Cell/index.d.ts.map +1 -1
  692. package/dist/types/Layout/Layout.d.ts +17 -26
  693. package/dist/types/Layout/Layout.d.ts.map +1 -1
  694. package/dist/types/Layout/Layout.types.d.ts +55 -0
  695. package/dist/types/Layout/Layout.types.d.ts.map +1 -0
  696. package/dist/types/Layout/index.d.ts +5 -26
  697. package/dist/types/Layout/index.d.ts.map +1 -1
  698. package/dist/types/SegmentedToggle/SegmentedToggle.d.ts +4 -0
  699. package/dist/types/SegmentedToggle/SegmentedToggle.d.ts.map +1 -1
  700. package/dist/types/SegmentedToggle/ToggleButton/ToggleButton.d.ts +13 -8
  701. package/dist/types/SegmentedToggle/ToggleButton/ToggleButton.d.ts.map +1 -1
  702. package/dist/types/SegmentedToggle/ToggleIcon/ToggleIcon.d.ts.map +1 -1
  703. package/dist/types/SegmentedToggle/index.d.ts +4 -0
  704. package/dist/types/utils/test-utils/visual/index.d.ts +1 -1
  705. package/dist/types/utils/test-utils/visual/index.d.ts.map +1 -1
  706. package/dist/types/version.d.ts +1 -1
  707. package/package.json +3 -3
  708. package/styles-default.global.css +1 -1
  709. package/styles-studio.global.css +1 -1
  710. package/styles-wixel.global.css +1 -1
  711. package/styles.global.css +1 -1
  712. package/dist/cjs/Layout/index.d.js.map +0 -1
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "wds_1_198_0_Palette";
8
+ var _namespace_ = "wds_1_198_1_Palette";
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_198_0_Palette__root","fillPreview":"wds_1_198_0_Palette__fillPreview"};
16
+ export var classes = {"root":"wds_1_198_1_Palette__root","fillPreview":"wds_1_198_1_Palette__fillPreview"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
7
7
 
8
8
 
9
9
 
10
- var _namespace_ = "wds_1_198_0_Popover";
10
+ var _namespace_ = "wds_1_198_1_Popover";
11
11
  var _style_ = classesRuntime.bind(null, _namespace_);
12
12
 
13
13
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
15
15
  export var st = _style_;
16
16
 
17
17
  export var namespace = _namespace_;
18
- export var classes = {"root":"wds_1_198_0_Popover__root","content":"wds_1_198_0_Popover__content","arrow":"wds_1_198_0_Popover__arrow","element":"wds_1_198_0_Popover__element","animationEnter":"wds_1_198_0_Popover__animationEnter","animationEnterActive":"wds_1_198_0_Popover__animationEnterActive","animationExit":"wds_1_198_0_Popover__animationExit","animationExitActive":"wds_1_198_0_Popover__animationExitActive"};
18
+ export var classes = {"root":"wds_1_198_1_Popover__root","content":"wds_1_198_1_Popover__content","arrow":"wds_1_198_1_Popover__arrow","element":"wds_1_198_1_Popover__element","animationEnter":"wds_1_198_1_Popover__animationEnter","animationEnterActive":"wds_1_198_1_Popover__animationEnterActive","animationExit":"wds_1_198_1_Popover__animationExit","animationExitActive":"wds_1_198_1_Popover__animationExitActive"};
19
19
  export var keyframes = {};
20
20
  export var layers = {};
21
21
  export var containers = {};
@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
7
7
 
8
8
 
9
9
 
10
- var _namespace_ = "wds_1_198_0_PopoverMenu";
10
+ var _namespace_ = "wds_1_198_1_PopoverMenu";
11
11
  var _style_ = classesRuntime.bind(null, _namespace_);
12
12
 
13
13
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
15
15
  export var st = _style_;
16
16
 
17
17
  export var namespace = _namespace_;
18
- export var classes = {"root":"wds_1_198_0_PopoverMenu__root","listItem":"wds_1_198_0_PopoverMenu__listItem"};
18
+ export var classes = {"root":"wds_1_198_1_PopoverMenu__root","listItem":"wds_1_198_1_PopoverMenu__listItem"};
19
19
  export var keyframes = {};
20
20
  export var layers = {};
21
21
  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_198_0_PopoverNext";
7
+ var _namespace_ = "wds_1_198_1_PopoverNext";
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_198_0_PopoverNext__root"};
15
+ export var classes = {"root":"wds_1_198_1_PopoverNext__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.j
6
6
 
7
7
 
8
8
 
9
- var _namespace_ = "wds_1_198_0_PopoverNextContent";
9
+ var _namespace_ = "wds_1_198_1_PopoverNextContent";
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_198_0_PopoverNextContent__root"};
17
+ export var classes = {"root":"wds_1_198_1_PopoverNextContent__root"};
18
18
  export var keyframes = {};
19
19
  export var layers = {};
20
20
  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_198_0_PreviewWidget";
9
+ var _namespace_ = "wds_1_198_1_PreviewWidget";
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_198_0_PreviewWidget__root","contentArea":"wds_1_198_0_PreviewWidget__contentArea"};
17
+ export var classes = {"root":"wds_1_198_1_PreviewWidget__root","contentArea":"wds_1_198_1_PreviewWidget__contentArea"};
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_198_0_Proportion";
7
+ var _namespace_ = "wds_1_198_1_Proportion";
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_198_0_Proportion__root","ratioHolder":"wds_1_198_0_Proportion__ratioHolder","contentWrapper":"wds_1_198_0_Proportion__contentWrapper"};
15
+ export var classes = {"root":"wds_1_198_1_Proportion__root","ratioHolder":"wds_1_198_1_Proportion__ratioHolder","contentWrapper":"wds_1_198_1_Proportion__contentWrapper"};
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_198_0_PulseAnimation";
8
+ var _namespace_ = "wds_1_198_1_PulseAnimation";
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_198_0_PulseAnimation__root"};
17
- export var keyframes = {"pulseSmallB10":"wds_1_198_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_198_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_198_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_198_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_198_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_198_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_198_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_198_0_PulseAnimation__pulseMediumG10"};
16
+ export var classes = {"root":"wds_1_198_1_PulseAnimation__root"};
17
+ export var keyframes = {"pulseSmallB10":"wds_1_198_1_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_198_1_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_198_1_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_198_1_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_198_1_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_198_1_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_198_1_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_198_1_PulseAnimation__pulseMediumG10"};
18
18
  export var layers = {};
19
19
  export var containers = {};
20
20
  export var stVars = {"animationDuration":"1050ms","smallShadowSpread":"30px","mediumShadowSpread":"12px"};
@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
6
6
 
7
7
 
8
8
 
9
- var _namespace_ = "wds_1_198_0_RadarChart";
9
+ var _namespace_ = "wds_1_198_1_RadarChart";
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_198_0_RadarChart__root","text-tiny-thin":"wds_1_198_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_198_0_StylableTypography__text-small-thin","axis":"wds_1_198_0_RadarChart__axis","axisLabel":"wds_1_198_0_RadarChart__axisLabel","circles":"wds_1_198_0_RadarChart__circles","scaleLabel":"wds_1_198_0_RadarChart__scaleLabel","dataPoint":"wds_1_198_0_RadarChart__dataPoint","tooltip":"wds_1_198_0_RadarChart__tooltip"};
17
+ export var classes = {"root":"wds_1_198_1_RadarChart__root","text-tiny-thin":"wds_1_198_1_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_198_1_StylableTypography__text-small-thin","axis":"wds_1_198_1_RadarChart__axis","axisLabel":"wds_1_198_1_RadarChart__axisLabel","circles":"wds_1_198_1_RadarChart__circles","scaleLabel":"wds_1_198_1_RadarChart__scaleLabel","dataPoint":"wds_1_198_1_RadarChart__dataPoint","tooltip":"wds_1_198_1_RadarChart__tooltip"};
18
18
  export var keyframes = {};
19
19
  export var layers = {};
20
20
  export var containers = {};
@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
7
7
 
8
8
 
9
9
 
10
- var _namespace_ = "wds_1_198_0_Radio";
10
+ var _namespace_ = "wds_1_198_1_Radio";
11
11
  var _style_ = classesRuntime.bind(null, _namespace_);
12
12
 
13
13
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
15
15
  export var st = _style_;
16
16
 
17
17
  export var namespace = _namespace_;
18
- export var classes = {"root":"wds_1_198_0_Radio__root","input":"wds_1_198_0_Radio__input","icon":"wds_1_198_0_Radio__icon","label":"wds_1_198_0_Radio__label","labelText":"wds_1_198_0_Radio__labelText"};
18
+ export var classes = {"root":"wds_1_198_1_Radio__root","input":"wds_1_198_1_Radio__input","icon":"wds_1_198_1_Radio__icon","label":"wds_1_198_1_Radio__label","labelText":"wds_1_198_1_Radio__labelText"};
19
19
  export var keyframes = {};
20
20
  export var layers = {};
21
21
  export var containers = {};
@@ -8,7 +8,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
8
8
 
9
9
 
10
10
 
11
- var _namespace_ = "wds_1_198_0_RadioGroup";
11
+ var _namespace_ = "wds_1_198_1_RadioGroup";
12
12
  var _style_ = classesRuntime.bind(null, _namespace_);
13
13
 
14
14
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ export var style = _style_;
16
16
  export var st = _style_;
17
17
 
18
18
  export var namespace = _namespace_;
19
- export var classes = {"root":"wds_1_198_0_RadioGroup__root","mobile":"wds_1_198_0_WixDesignSystemProvider__mobile","radio":"wds_1_198_0_RadioGroup__radio","radioContainer":"wds_1_198_0_RadioGroup__radioContainer","optionContainer":"wds_1_198_0_RadioGroup__optionContainer","content":"wds_1_198_0_RadioGroup__content"};
19
+ export var classes = {"root":"wds_1_198_1_RadioGroup__root","mobile":"wds_1_198_1_WixDesignSystemProvider__mobile","radio":"wds_1_198_1_RadioGroup__radio","radioContainer":"wds_1_198_1_RadioGroup__radioContainer","optionContainer":"wds_1_198_1_RadioGroup__optionContainer","content":"wds_1_198_1_RadioGroup__content"};
20
20
  export var keyframes = {};
21
21
  export var layers = {};
22
22
  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_198_0_Range";
7
+ var _namespace_ = "wds_1_198_1_Range";
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_198_0_Range__root","firstinput":"wds_1_198_0_Range__firstinput","firstDate":"wds_1_198_0_Range__firstDate","lastinput":"wds_1_198_0_Range__lastinput","lastDate":"wds_1_198_0_Range__lastDate","label":"wds_1_198_0_Range__label","inputWrapper":"wds_1_198_0_Range__inputWrapper"};
15
+ export var classes = {"root":"wds_1_198_1_Range__root","firstinput":"wds_1_198_1_Range__firstinput","firstDate":"wds_1_198_1_Range__firstDate","lastinput":"wds_1_198_1_Range__lastinput","lastDate":"wds_1_198_1_Range__lastDate","label":"wds_1_198_1_Range__label","inputWrapper":"wds_1_198_1_Range__inputWrapper"};
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_198_0_RichTextInputAreaForm";
7
+ var _namespace_ = "wds_1_198_1_RichTextInputAreaForm";
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_198_0_RichTextInputAreaForm__root","footer":"wds_1_198_0_RichTextInputAreaForm__footer"};
15
+ export var classes = {"root":"wds_1_198_1_RichTextInputAreaForm__root","footer":"wds_1_198_1_RichTextInputAreaForm__footer"};
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_198_0_RichTextInputArea";
9
+ var _namespace_ = "wds_1_198_1_RichTextInputArea";
10
10
  var _style_ = classesRuntime.bind(null, _namespace_);
11
11
 
12
12
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ 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_198_0_RichTextInputArea__root","text-medium-thin":"wds_1_198_0_StylableTypography__text-medium-thin","font-medium":"wds_1_198_0_RichTextInputArea__font-medium","link":"wds_1_198_0_RichTextInputArea__link","toolbar":"wds_1_198_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_198_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_198_0_RichTextInputArea__statusIndicator"};
17
+ export var classes = {"root":"wds_1_198_1_RichTextInputArea__root","text-medium-thin":"wds_1_198_1_StylableTypography__text-medium-thin","font-medium":"wds_1_198_1_RichTextInputArea__font-medium","link":"wds_1_198_1_RichTextInputArea__link","toolbar":"wds_1_198_1_RichTextInputArea__toolbar","editorWrapper":"wds_1_198_1_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_198_1_RichTextInputArea__statusIndicator"};
18
18
  export var keyframes = {};
19
19
  export var layers = {};
20
20
  export var containers = {};
21
21
  export var stVars = {"minWidth":"378px","minHeight":"72px","backgroundColor":"var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF))","border":"1px solid var(--wds-color-border-standard-secondary, var(--wsr-color-B30, #A8CAFF))","borderRadius":"var(--wds-input-border-radius-default-medium, 6px)","padding":"var(--wds-input-padding-vertical-medium, 12px) var(--wds-input-padding-horizontal-medium, 12px)","errorBorderColor":"var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214))","warningBorderColor":"var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700))"};
22
- export var vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_198_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_198_0_RichTextInputArea-maxHeight"};
22
+ export var vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_198_1_RichTextInputArea-minHeight","maxHeight":"--wds_1_198_1_RichTextInputArea-maxHeight"};
23
23
 
24
24
 
25
25
 
@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
4
4
 
5
5
 
6
6
 
7
- var _namespace_ = "wds_1_198_0_RichTextToolbarButton";
7
+ var _namespace_ = "wds_1_198_1_RichTextToolbarButton";
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_198_0_RichTextToolbarButton__root","button":"wds_1_198_0_RichTextToolbarButton__button"};
15
+ export var classes = {"root":"wds_1_198_1_RichTextToolbarButton__root","button":"wds_1_198_1_RichTextToolbarButton__button"};
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_198_0_Search";
8
+ var _namespace_ = "wds_1_198_1_Search";
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_198_0_Search__root","content":"wds_1_198_0_Search__content"};
16
+ export var classes = {"root":"wds_1_198_1_Search__root","content":"wds_1_198_1_Search__content"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  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_198_0_SectionHeader";
8
+ var _namespace_ = "wds_1_198_1_SectionHeader";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ 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_198_0_SectionHeader__root","title":"wds_1_198_0_SectionHeader__title","titleText":"wds_1_198_0_SectionHeader__titleText","suffix":"wds_1_198_0_SectionHeader__suffix"};
16
+ export var classes = {"root":"wds_1_198_1_SectionHeader__root","title":"wds_1_198_1_SectionHeader__title","titleText":"wds_1_198_1_SectionHeader__titleText","suffix":"wds_1_198_1_SectionHeader__suffix"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
20
20
  export var stVars = {};
21
- export var vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_198_0_SectionHeader-color-bg","color-border":"--wds_1_198_0_SectionHeader-color-border"};
21
+ export var vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_198_1_SectionHeader-color-bg","color-border":"--wds_1_198_1_SectionHeader-color-border"};
22
22
 
23
23
 
24
24
 
@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
6
6
 
7
7
 
8
8
 
9
- var _namespace_ = "wds_1_198_0_SectionHelper";
9
+ var _namespace_ = "wds_1_198_1_SectionHelper";
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_198_0_SectionHelper__root","content":"wds_1_198_0_SectionHelper__content","close":"wds_1_198_0_SectionHelper__close","prefix":"wds_1_198_0_SectionHelper__prefix","textContainer":"wds_1_198_0_SectionHelper__textContainer","title":"wds_1_198_0_SectionHelper__title","action":"wds_1_198_0_SectionHelper__action","text":"wds_1_198_0_SectionHelper__text"};
17
+ export var classes = {"root":"wds_1_198_1_SectionHelper__root","content":"wds_1_198_1_SectionHelper__content","close":"wds_1_198_1_SectionHelper__close","prefix":"wds_1_198_1_SectionHelper__prefix","textContainer":"wds_1_198_1_SectionHelper__textContainer","title":"wds_1_198_1_SectionHelper__title","action":"wds_1_198_1_SectionHelper__action","text":"wds_1_198_1_SectionHelper__text"};
18
18
  export var keyframes = {};
19
19
  export var layers = {};
20
20
  export var containers = {};
@@ -33,18 +33,19 @@ class SegmentedToggle extends React.Component {
33
33
  };
34
34
  }
35
35
  render() {
36
- const { dataHook, children, disabled, size, defaultSelected, onClick, selected, ...rest } = this.props;
36
+ const { dataHook, children, disabled, size, defaultSelected, onClick, selected, ariaLabel, ariaLabelledby, ...rest } = this.props;
37
37
  const selection = selected || this.state.selected;
38
38
  let childrenNodes = React.Children.map(children, (child, index) => React.cloneElement(child, {
39
39
  disabled,
40
40
  'data-click': `segmented-toggle-${index + 1}`,
41
- 'aria-selected': child.props.value === selection,
41
+ 'aria-checked': child.props.value === selection,
42
+ role: 'radio',
42
43
  onClick: this._onClick,
43
44
  selected: child.props.value === selection,
44
45
  size,
45
46
  }));
46
47
  childrenNodes = this._addDividers(childrenNodes, disabled);
47
- return (React.createElement("div", { ...rest, "data-hook": dataHook, "data-size": size, className: st(classes.root, { disabled, size }) }, childrenNodes));
48
+ return (React.createElement("div", { ...rest, role: "radiogroup", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "data-hook": dataHook, "data-size": size, className: st(classes.root, { disabled, size }) }, childrenNodes));
48
49
  }
49
50
  }
50
51
  SegmentedToggle.displayName = 'SegmentedToggle';
@@ -63,6 +64,10 @@ SegmentedToggle.propTypes = {
63
64
  disabled: PropTypes.bool,
64
65
  /** Accepts <SegmentedToggle.Icon/> or <SegmentedToggle.Button/> as child items to list down available options */
65
66
  children: PropTypes.array.isRequired,
67
+ /** Accessible label for the segmented toggle group */
68
+ ariaLabel: PropTypes.string,
69
+ /** ID of element that labels the segmented toggle group */
70
+ ariaLabelledby: PropTypes.string,
66
71
  };
67
72
  SegmentedToggle.defaultProps = {
68
73
  children: [],
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedToggle.js","sourceRoot":"","sources":["../../../src/SegmentedToggle/SegmentedToggle.js"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SegmentedToggle.js","sourceRoot":"","sources":["../../../src/SegmentedToggle/SegmentedToggle.js"],"names":[],"mappings":"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"}
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "wds_1_198_0_SegmentedToggle";
8
+ var _namespace_ = "wds_1_198_1_SegmentedToggle";
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_198_0_SegmentedToggle__root","divider":"wds_1_198_0_SegmentedToggle__divider"};
16
+ export var classes = {"root":"wds_1_198_1_SegmentedToggle__root","divider":"wds_1_198_1_SegmentedToggle__divider"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -17,7 +17,7 @@ export const segmentedToggleDriverFactory = base => {
17
17
  * @param {string | number} hook Hook name or index
18
18
  * @returns { Promise<void>}
19
19
  */
20
- isSelected: async (hook) => (await findChild(hook).attr('aria-selected')) === 'true',
20
+ isSelected: async (hook) => (await findChild(hook).attr('aria-checked')) === 'true',
21
21
  /**
22
22
  * Checks whether element is in the DOM
23
23
  * @returns { Promise<boolean>}
@@ -27,7 +27,7 @@ export const segmentedToggleDriverFactory = base => {
27
27
  * Gets the actual element
28
28
  * @returns { Promise<any>}
29
29
  */
30
- element: async () => await base.getNative(), // eslint-disable-line no-restricted-properties
30
+ element: async () => await base.getNative(),
31
31
  /**
32
32
  * Returns the size applied to segmented toggle
33
33
  * @returns { Promise<'small' | 'medium'>}
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedToggle.uni.driver.js","sourceRoot":"","sources":["../../../src/SegmentedToggle/SegmentedToggle.uni.driver.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG,IAAI,CAAC,EAAE;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE;QACvB,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC;QACzC,CAAC;QAED,OAAO,IAAI,CAAC,CAAC,CAAC,iCAAiC,IAAI,IAAI,CAAC,CAAC;IAC3D,CAAC,CAAC;IACF,OAAO;QACL;;;;WAIG;QACH,WAAW,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE;QAElD;;;;WAIG;QACH,UAAU,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE,CACvB,CAAC,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,MAAM;QAE1D;;;WAGG;QACH,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE;QAEvC;;;WAGG;QACH,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,+CAA+C;QAE5F;;;WAGG;QACH,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;QAE3C;;;WAGG;QACH,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC;KACxE,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"SegmentedToggle.uni.driver.js","sourceRoot":"","sources":["../../../src/SegmentedToggle/SegmentedToggle.uni.driver.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG,IAAI,CAAC,EAAE;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE;QACvB,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC;QACzC,CAAC;QAED,OAAO,IAAI,CAAC,CAAC,CAAC,iCAAiC,IAAI,IAAI,CAAC,CAAC;IAC3D,CAAC,CAAC;IACF,OAAO;QACL;;;;WAIG;QACH,WAAW,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE;QAElD;;;;WAIG;QACH,UAAU,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE,CACvB,CAAC,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,KAAK,MAAM;QAEzD;;;WAGG;QACH,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE;QAEvC;;;WAGG;QACH,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE;QAE3C;;;WAGG;QACH,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;QAE3C;;;WAGG;QACH,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC;KACxE,CAAC;AACJ,CAAC,CAAC"}
@@ -12,9 +12,9 @@ const addPrefix = (icon, size) => {
12
12
  className: st(classes.prefix, { size }),
13
13
  }));
14
14
  };
15
- const ToggleButton = ({ children, prefixIcon, selected, size, dataHook, focusableOnFocus, focusableOnBlur, disabled, className, ...rest }) => {
15
+ const ToggleButton = ({ children, prefixIcon, selected, size, dataHook, focusableOnFocus, focusableOnBlur, disabled, className, role, 'aria-checked': ariaChecked, ...rest }) => {
16
16
  const { isFocusVisible, focusProps } = useFocusRing();
17
- return (React.createElement("button", { ...rest, className: st(classes.root, { selected, size, 'focus-visible': isFocusVisible }, className), "data-hook": dataHook, "data-selected": selected, disabled: disabled, type: "button", ...focusProps },
17
+ return (React.createElement("button", { ...rest, role: role, className: st(classes.root, { selected, size, 'focus-visible': isFocusVisible }, className), "data-hook": dataHook, "data-selected": selected, "aria-checked": ariaChecked, disabled: disabled, type: "button", ...focusProps },
18
18
  addPrefix(prefixIcon, size),
19
19
  React.createElement(Text, { className: st(classes.label), ellipsis: true, size: size, weight: "thin", skin: disabled ? 'disabled' : 'standard' }, children)));
20
20
  };
@@ -24,6 +24,9 @@ ToggleButton.propTypes = {
24
24
  value: PropTypes.string,
25
25
  selected: PropTypes.bool,
26
26
  disabled: PropTypes.bool,
27
+ size: PropTypes.oneOf(['small', 'medium']),
28
+ dataHook: PropTypes.string,
29
+ 'aria-checked': PropTypes.bool,
27
30
  };
28
31
  ToggleButton.displayName = 'SegmentedToggle.Button';
29
32
  export default ToggleButton;
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../../src/SegmentedToggle/ToggleButton/ToggleButton.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAEzE,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IAC/B,MAAM,SAAS,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,OAAO,CACL,IAAI;QACJ,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;YACvB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC;SACxC,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;IAEtD,OAAO,CACL,mCACM,IAAI,EACR,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,cAAc,EAAE,EACnD,SAAS,CACV,eACU,QAAQ,mBACJ,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,KACT,UAAU;QAEb,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC;QAC5B,oBAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC5B,QAAQ,QACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,IAEvC,QAAQ,CACJ,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAEpD,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../../src/SegmentedToggle/ToggleButton/ToggleButton.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAEzE,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IAC/B,MAAM,SAAS,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,OAAO,CACL,IAAI;QACJ,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;YACvB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC;SACxC,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;IAEtD,OAAO,CACL,mCACM,IAAI,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,cAAc,EAAE,EACnD,SAAS,CACV,eACU,QAAQ,mBACJ,QAAQ,kBACT,WAAW,EACzB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,KACT,UAAU;QAEb,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC;QAC5B,oBAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC5B,QAAQ,QACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,IAEvC,QAAQ,CACJ,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,cAAc,EAAE,SAAS,CAAC,IAAI;CAC/B,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAEpD,eAAe,YAAY,CAAC"}
@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
7
7
 
8
8
 
9
9
 
10
- var _namespace_ = "wds_1_198_0_SegmentedToggleButton";
10
+ var _namespace_ = "wds_1_198_1_SegmentedToggleButton";
11
11
  var _style_ = classesRuntime.bind(null, _namespace_);
12
12
 
13
13
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
15
15
  export var st = _style_;
16
16
 
17
17
  export var namespace = _namespace_;
18
- export var classes = {"root":"wds_1_198_0_SegmentedToggleButton__root","label":"wds_1_198_0_SegmentedToggleButton__label","prefix":"wds_1_198_0_SegmentedToggleButton__prefix"};
18
+ export var classes = {"root":"wds_1_198_1_SegmentedToggleButton__root","label":"wds_1_198_1_SegmentedToggleButton__label","prefix":"wds_1_198_1_SegmentedToggleButton__prefix"};
19
19
  export var keyframes = {};
20
20
  export var layers = {};
21
21
  export var containers = {};
@@ -4,13 +4,13 @@ import { withFocusable } from '../../common/Focusable';
4
4
  import { TooltipCommonProps } from '../../common/PropTypes/TooltipCommon';
5
5
  import Tooltip from '../../Tooltip';
6
6
  import { st, classes } from './ToggleIcon.st.css.js';
7
- const Icon = ({ 'data-click': dataClick, selected, size, onClick, focusableOnFocus, focusableOnBlur, children, className, ...rest }) => (React.createElement("button", { ...rest, className: st(classes.button, { selected, size }, className), "data-click": dataClick, "data-hook": "toggle-icon", "data-selected": selected, onClick: onClick, onFocus: focusableOnFocus, onBlur: focusableOnBlur, type: "button" }, children));
7
+ const Icon = ({ 'data-click': dataClick, selected, size, onClick, focusableOnFocus, focusableOnBlur, children, className, role, 'aria-checked': ariaChecked, ...rest }) => (React.createElement("button", { ...rest, role: role, className: st(classes.button, { selected, size }, className), "data-click": dataClick, "data-hook": "toggle-icon", "data-selected": selected, "aria-checked": ariaChecked, onClick: onClick, onFocus: focusableOnFocus, onBlur: focusableOnBlur, type: "button" }, children));
8
8
  const FocusableIcon = withFocusable(Icon);
9
9
  class ToggleIcon extends React.Component {
10
10
  render() {
11
- const { children, selected, size, tooltipText, tooltipProps, focusableOnFocus, focusableOnBlur, onClick, dataHook, 'data-click': dataClick, ...rest } = this.props;
11
+ const { children, selected, size, tooltipText, tooltipProps, focusableOnFocus, focusableOnBlur, onClick, dataHook, 'data-click': dataClick, role, 'aria-checked': ariaChecked, ...rest } = this.props;
12
12
  return (React.createElement(Tooltip, { appendTo: "window", placement: "top", timeout: 0, ...tooltipProps, content: tooltipText, className: st(classes.tooltip), dataHook: dataHook },
13
- React.createElement(FocusableIcon, { ...rest, size: size, selected: selected, "data-click": dataClick, onClick: onClick, onFocus: focusableOnFocus, onBlur: focusableOnBlur }, children
13
+ React.createElement(FocusableIcon, { ...rest, size: size, selected: selected, "data-click": dataClick, role: role, "aria-checked": ariaChecked, onClick: onClick, onFocus: focusableOnFocus, onBlur: focusableOnBlur }, children
14
14
  ? React.cloneElement(children, {
15
15
  size: size === 'small' ? '18px' : '24px',
16
16
  })
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleIcon.js","sourceRoot":"","sources":["../../../../src/SegmentedToggle/ToggleIcon/ToggleIcon.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,IAAI,GAAG,CAAC,EACZ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,mCACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,gBAChD,SAAS,eACX,aAAa,mBACR,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,eAAe,EACvB,IAAI,EAAC,QAAQ,IAEZ,QAAQ,CACF,CACV,CAAC;AAEF,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;AAE1C,MAAM,UAAW,SAAQ,KAAK,CAAC,SAAS;IAYtC,MAAM;QACJ,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,OAAO,CACL,oBAAC,OAAO,IACN,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,CAAC,KACN,YAAY,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAC9B,QAAQ,EAAE,QAAQ;YAElB,oBAAC,aAAa,OACR,IAAI,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,eAAe,IAEtB,QAAQ;gBACP,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;oBAC3B,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;iBACzC,CAAC;gBACJ,CAAC,CAAC,IAAI,CACM,CACR,CACX,CAAC;IACJ,CAAC;;AApDM,sBAAW,GAAG,sBAAsB,CAAC;AAErC,oBAAS,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC,kBAAkB,CAAC;IACjD,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC;AA8CJ,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"ToggleIcon.js","sourceRoot":"","sources":["../../../../src/SegmentedToggle/ToggleIcon/ToggleIcon.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,IAAI,GAAG,CAAC,EACZ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,mCACM,IAAI,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,gBAChD,SAAS,eACX,aAAa,mBACR,QAAQ,kBACT,WAAW,EACzB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,eAAe,EACvB,IAAI,EAAC,QAAQ,IAEZ,QAAQ,CACF,CACV,CAAC;AAEF,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;AAE1C,MAAM,UAAW,SAAQ,KAAK,CAAC,SAAS;IAYtC,MAAM;QACJ,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,GAAG,IAAI,EACR,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,OAAO,CACL,oBAAC,OAAO,IACN,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,CAAC,KACN,YAAY,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAC9B,QAAQ,EAAE,QAAQ;YAElB,oBAAC,aAAa,OACR,IAAI,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,IAAI,EAAE,IAAI,kBACI,WAAW,EACzB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,eAAe,IAEtB,QAAQ;gBACP,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;oBAC3B,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;iBACzC,CAAC;gBACJ,CAAC,CAAC,IAAI,CACM,CACR,CACX,CAAC;IACJ,CAAC;;AAzDM,sBAAW,GAAG,sBAAsB,CAAC;AAErC,oBAAS,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC,kBAAkB,CAAC;IACjD,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC;AAmDJ,eAAe,UAAU,CAAC"}
@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
7
7
 
8
8
 
9
9
 
10
- var _namespace_ = "wds_1_198_0_ToggleIcon";
10
+ var _namespace_ = "wds_1_198_1_ToggleIcon";
11
11
  var _style_ = classesRuntime.bind(null, _namespace_);
12
12
 
13
13
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
15
15
  export var st = _style_;
16
16
 
17
17
  export var namespace = _namespace_;
18
- export var classes = {"root":"wds_1_198_0_ToggleIcon__root","tooltip":"wds_1_198_0_ToggleIcon__tooltip","button":"wds_1_198_0_ToggleIcon__button","textWrapper":"wds_1_198_0_ToggleIcon__textWrapper"};
18
+ export var classes = {"root":"wds_1_198_1_ToggleIcon__root","tooltip":"wds_1_198_1_ToggleIcon__tooltip","button":"wds_1_198_1_ToggleIcon__button","textWrapper":"wds_1_198_1_ToggleIcon__textWrapper"};
19
19
  export var keyframes = {};
20
20
  export var layers = {};
21
21
  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_198_0_SelectableAccordionItem";
7
+ var _namespace_ = "wds_1_198_1_SelectableAccordionItem";
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_198_0_SelectableAccordionItem__root","item":"wds_1_198_0_SelectableAccordionItem__item","selector":"wds_1_198_0_SelectableAccordionItem__selector","header":"wds_1_198_0_SelectableAccordionItem__header","divider":"wds_1_198_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_198_0_SelectableAccordionItem__selectorToggle","content":"wds_1_198_0_SelectableAccordionItem__content","text":"wds_1_198_0_SelectableAccordionItem__text","inner":"wds_1_198_0_SelectableAccordionItem__inner"};
15
+ export var classes = {"root":"wds_1_198_1_SelectableAccordionItem__root","item":"wds_1_198_1_SelectableAccordionItem__item","selector":"wds_1_198_1_SelectableAccordionItem__selector","header":"wds_1_198_1_SelectableAccordionItem__header","divider":"wds_1_198_1_SelectableAccordionItem__divider","selectorToggle":"wds_1_198_1_SelectableAccordionItem__selectorToggle","content":"wds_1_198_1_SelectableAccordionItem__content","text":"wds_1_198_1_SelectableAccordionItem__text","inner":"wds_1_198_1_SelectableAccordionItem__inner"};
16
16
  export var keyframes = {};
17
17
  export var layers = {};
18
18
  export var containers = {};