@vibe/core 4.5.15 → 4.5.16

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 (399) hide show
  1. package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.js +2 -0
  2. package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.js.map +1 -0
  3. package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.module.scss.js +2 -0
  4. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.js +2 -0
  5. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.js.map +1 -0
  6. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +2 -0
  7. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerContext.js.map +1 -0
  8. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.js +2 -0
  9. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.js.map +1 -0
  10. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +2 -0
  11. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.js +2 -0
  12. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.js.map +1 -0
  13. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +2 -0
  14. package/dist/components/alert-banner/dist/_virtual/_tslib.js +2 -0
  15. package/dist/components/alert-banner/dist/_virtual/_tslib.js.map +1 -0
  16. package/dist/components/index.d.ts +3 -3
  17. package/dist/components/text-with-highlight/dist/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  18. package/dist/components/toggle/dist/Switch/Switch.js +2 -0
  19. package/dist/components/toggle/dist/Switch/Switch.js.map +1 -0
  20. package/dist/components/toggle/dist/Switch/Switch.module.scss.js +2 -0
  21. package/dist/components/toggle/dist/Toggle/MockToggle.js +2 -0
  22. package/dist/components/toggle/dist/Toggle/MockToggle.js.map +1 -0
  23. package/dist/components/toggle/dist/Toggle/MockToggle.module.scss.js +2 -0
  24. package/dist/components/toggle/dist/Toggle/Toggle.js +2 -0
  25. package/dist/components/toggle/dist/Toggle/Toggle.js.map +1 -0
  26. package/dist/components/toggle/dist/Toggle/Toggle.module.scss.js +2 -0
  27. package/dist/components/toggle/dist/Toggle/ToggleText.js +2 -0
  28. package/dist/components/toggle/dist/Toggle/ToggleText.js.map +1 -0
  29. package/dist/components/toggle/dist/Toggle/ToggleText.module.scss.js +2 -0
  30. package/dist/components/transitions/dist/SlideTransition/SlideTransition.js.map +1 -0
  31. package/dist/components/transitions/dist/SlideTransition/SlideTransition.module.scss.js +2 -0
  32. package/dist/components/transitions/dist/TransitionView/TransitionView.js +2 -0
  33. package/dist/components/transitions/dist/TransitionView/TransitionView.js.map +1 -0
  34. package/dist/components/transitions/dist/TransitionView/TransitionView.module.scss.js +2 -0
  35. package/dist/hooks/dist/useSwitch/index.js +2 -0
  36. package/dist/hooks/dist/useSwitch/index.js.map +1 -0
  37. package/dist/hooks/index.d.ts +1 -2
  38. package/dist/metadata/components.json +166 -10
  39. package/dist/metadata.json +166 -10
  40. package/dist/mocked_classnames/components/index.d.ts +3 -3
  41. package/dist/mocked_classnames/hooks/index.d.ts +1 -2
  42. package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
  43. package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
  44. package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
  45. package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
  46. package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  47. package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
  48. package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
  49. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  50. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  51. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  52. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  53. package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
  54. package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
  55. package/dist/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js +1 -1
  56. package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
  57. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  58. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  59. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  60. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  61. package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
  62. package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
  63. package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  64. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  65. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  66. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  67. package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  68. package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  69. package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
  70. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  71. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  72. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  73. package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  74. package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  75. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  76. package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
  77. package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
  78. package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
  79. package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
  80. package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +1 -1
  81. package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
  82. package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  83. package/dist/mocked_classnames/src/components/ListItem/ListItem.js +1 -1
  84. package/dist/mocked_classnames/src/components/ListItem/ListItem.js.map +1 -1
  85. package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
  86. package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  87. package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  88. package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  89. package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  90. package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  91. package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  92. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  93. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
  94. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
  95. package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  96. package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  97. package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  98. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  99. package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  100. package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  101. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  102. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  103. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  104. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  105. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  106. package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  107. package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  108. package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  109. package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  110. package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  111. package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  112. package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +1 -1
  113. package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
  114. package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
  115. package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  116. package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
  117. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  118. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  119. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  120. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  121. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  122. package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
  123. package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  124. package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
  125. package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
  126. package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
  127. package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  128. package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
  129. package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  130. package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
  131. package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  132. package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  133. package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  134. package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  135. package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  136. package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  137. package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  138. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  139. package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  140. package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
  141. package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
  142. package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  143. package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  144. package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  145. package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  146. package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  147. package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  148. package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
  149. package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  150. package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  151. package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  152. package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
  153. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  154. package/dist/mocked_classnames/src/index.js +1 -1
  155. package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
  156. package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
  157. package/dist/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
  158. package/dist/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
  159. package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  160. package/dist/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
  161. package/dist/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
  162. package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  163. package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  164. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  165. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  166. package/dist/src/components/Badge/Badge.module.scss.js +1 -1
  167. package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
  168. package/dist/src/components/BaseItem/BaseItem.module.scss.js +1 -1
  169. package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
  170. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  171. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  172. package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  173. package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  174. package/dist/src/components/Chips/Chips.module.scss.js +1 -1
  175. package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
  176. package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  177. package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  178. package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  179. package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  180. package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  181. package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  182. package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
  183. package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  184. package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  185. package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  186. package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  187. package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  188. package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  189. package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
  190. package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
  191. package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
  192. package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
  193. package/dist/src/components/InfoText/InfoText.module.scss.js +1 -1
  194. package/dist/src/components/List/List.module.scss.js +1 -1
  195. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  196. package/dist/src/components/ListItem/ListItem.js +1 -1
  197. package/dist/src/components/ListItem/ListItem.js.map +1 -1
  198. package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
  199. package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  200. package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  201. package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  202. package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  203. package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  204. package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  205. package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  206. package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
  207. package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
  208. package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  209. package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  210. package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  211. package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  212. package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  213. package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  214. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  215. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  216. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  217. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  218. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  219. package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  220. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  221. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  222. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  223. package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  224. package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  225. package/dist/src/components/NumberField/NumberField.module.scss.js +1 -1
  226. package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
  227. package/dist/src/components/Search/Search.module.scss.js +1 -1
  228. package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  229. package/dist/src/components/Slider/Slider.module.scss.js +1 -1
  230. package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  231. package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  232. package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  233. package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  234. package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  235. package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
  236. package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  237. package/dist/src/components/Steps/Steps.module.scss.js +1 -1
  238. package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
  239. package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
  240. package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  241. package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
  242. package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  243. package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
  244. package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  245. package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  246. package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  247. package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  248. package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  249. package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  250. package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  251. package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  252. package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  253. package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
  254. package/dist/src/components/TextField/TextField.module.scss.js +1 -1
  255. package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  256. package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  257. package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  258. package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  259. package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  260. package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  261. package/dist/src/components/Toast/Toast.module.scss.js +1 -1
  262. package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  263. package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  264. package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  265. package/dist/src/components/next/List/List.module.scss.js +1 -1
  266. package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  267. package/dist/src/index.js +1 -1
  268. package/dist/style/dist/index.min.css.js +1 -1
  269. package/package.json +21 -18
  270. package/dist/components/AlertBanner/AlertBanner.d.ts +0 -35
  271. package/dist/components/AlertBanner/AlertBanner.types.d.ts +0 -1
  272. package/dist/components/AlertBanner/AlertBannerButton/AlertBannerButton.d.ts +0 -10
  273. package/dist/components/AlertBanner/AlertBannerContext.d.ts +0 -7
  274. package/dist/components/AlertBanner/AlertBannerLink/AlertBannerLink.d.ts +0 -10
  275. package/dist/components/AlertBanner/AlertBannerText/AlertBannerText.d.ts +0 -18
  276. package/dist/components/AlertBanner/index.d.ts +0 -5
  277. package/dist/components/SlideTransition/SlideTransition.d.ts +0 -4
  278. package/dist/components/SlideTransition/SlideTransition.types.d.ts +0 -20
  279. package/dist/components/Switch/Switch.d.ts +0 -59
  280. package/dist/components/Switch/index.d.ts +0 -1
  281. package/dist/components/Toggle/MockToggle.d.ts +0 -34
  282. package/dist/components/Toggle/Toggle.d.ts +0 -59
  283. package/dist/components/Toggle/Toggle.types.d.ts +0 -1
  284. package/dist/components/Toggle/ToggleConstants.d.ts +0 -1
  285. package/dist/components/Toggle/ToggleText.d.ts +0 -14
  286. package/dist/components/Toggle/index.d.ts +0 -1
  287. package/dist/components/TransitionView/TransitionView.d.ts +0 -4
  288. package/dist/components/TransitionView/TransitionView.types.d.ts +0 -18
  289. package/dist/components/TransitionView/index.d.ts +0 -2
  290. package/dist/hooks/useSwitch/index.d.ts +0 -31
  291. package/dist/mocked_classnames/components/AlertBanner/AlertBanner.d.ts +0 -35
  292. package/dist/mocked_classnames/components/AlertBanner/AlertBanner.types.d.ts +0 -1
  293. package/dist/mocked_classnames/components/AlertBanner/AlertBannerButton/AlertBannerButton.d.ts +0 -10
  294. package/dist/mocked_classnames/components/AlertBanner/AlertBannerContext.d.ts +0 -7
  295. package/dist/mocked_classnames/components/AlertBanner/AlertBannerLink/AlertBannerLink.d.ts +0 -10
  296. package/dist/mocked_classnames/components/AlertBanner/AlertBannerText/AlertBannerText.d.ts +0 -18
  297. package/dist/mocked_classnames/components/AlertBanner/index.d.ts +0 -5
  298. package/dist/mocked_classnames/components/SlideTransition/SlideTransition.d.ts +0 -4
  299. package/dist/mocked_classnames/components/SlideTransition/SlideTransition.types.d.ts +0 -20
  300. package/dist/mocked_classnames/components/Switch/Switch.d.ts +0 -59
  301. package/dist/mocked_classnames/components/Switch/index.d.ts +0 -1
  302. package/dist/mocked_classnames/components/Toggle/MockToggle.d.ts +0 -34
  303. package/dist/mocked_classnames/components/Toggle/Toggle.d.ts +0 -59
  304. package/dist/mocked_classnames/components/Toggle/Toggle.types.d.ts +0 -1
  305. package/dist/mocked_classnames/components/Toggle/ToggleConstants.d.ts +0 -1
  306. package/dist/mocked_classnames/components/Toggle/ToggleText.d.ts +0 -14
  307. package/dist/mocked_classnames/components/Toggle/index.d.ts +0 -1
  308. package/dist/mocked_classnames/components/TransitionView/TransitionView.d.ts +0 -4
  309. package/dist/mocked_classnames/components/TransitionView/TransitionView.types.d.ts +0 -18
  310. package/dist/mocked_classnames/components/TransitionView/index.d.ts +0 -2
  311. package/dist/mocked_classnames/hooks/useSwitch/index.d.ts +0 -31
  312. package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js +0 -2
  313. package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js.map +0 -1
  314. package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +0 -2
  315. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js +0 -2
  316. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map +0 -1
  317. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +0 -2
  318. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerContext.js.map +0 -1
  319. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js +0 -2
  320. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js.map +0 -1
  321. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +0 -2
  322. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.js +0 -2
  323. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.js.map +0 -1
  324. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +0 -2
  325. package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.js.map +0 -1
  326. package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js +0 -2
  327. package/dist/mocked_classnames/src/components/Switch/Switch.js +0 -2
  328. package/dist/mocked_classnames/src/components/Switch/Switch.js.map +0 -1
  329. package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +0 -2
  330. package/dist/mocked_classnames/src/components/Toggle/MockToggle.js +0 -2
  331. package/dist/mocked_classnames/src/components/Toggle/MockToggle.js.map +0 -1
  332. package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +0 -2
  333. package/dist/mocked_classnames/src/components/Toggle/Toggle.js +0 -2
  334. package/dist/mocked_classnames/src/components/Toggle/Toggle.js.map +0 -1
  335. package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +0 -2
  336. package/dist/mocked_classnames/src/components/Toggle/ToggleText.js +0 -2
  337. package/dist/mocked_classnames/src/components/Toggle/ToggleText.js.map +0 -1
  338. package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +0 -2
  339. package/dist/mocked_classnames/src/components/TransitionView/TransitionView.js +0 -2
  340. package/dist/mocked_classnames/src/components/TransitionView/TransitionView.js.map +0 -1
  341. package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +0 -2
  342. package/dist/mocked_classnames/src/hooks/useSwitch/index.js +0 -2
  343. package/dist/mocked_classnames/src/hooks/useSwitch/index.js.map +0 -1
  344. package/dist/src/components/AlertBanner/AlertBanner.js +0 -2
  345. package/dist/src/components/AlertBanner/AlertBanner.js.map +0 -1
  346. package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +0 -2
  347. package/dist/src/components/AlertBanner/AlertBanner.module.scss.js.map +0 -1
  348. package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js +0 -2
  349. package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map +0 -1
  350. package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +0 -2
  351. package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js.map +0 -1
  352. package/dist/src/components/AlertBanner/AlertBannerContext.js +0 -2
  353. package/dist/src/components/AlertBanner/AlertBannerContext.js.map +0 -1
  354. package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js +0 -2
  355. package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js.map +0 -1
  356. package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +0 -2
  357. package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js.map +0 -1
  358. package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.js +0 -2
  359. package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.js.map +0 -1
  360. package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +0 -2
  361. package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js.map +0 -1
  362. package/dist/src/components/SlideTransition/SlideTransition.js +0 -2
  363. package/dist/src/components/SlideTransition/SlideTransition.js.map +0 -1
  364. package/dist/src/components/SlideTransition/SlideTransition.module.scss.js +0 -2
  365. package/dist/src/components/SlideTransition/SlideTransition.module.scss.js.map +0 -1
  366. package/dist/src/components/Switch/Switch.js +0 -2
  367. package/dist/src/components/Switch/Switch.js.map +0 -1
  368. package/dist/src/components/Switch/Switch.module.scss.js +0 -2
  369. package/dist/src/components/Switch/Switch.module.scss.js.map +0 -1
  370. package/dist/src/components/Toggle/MockToggle.js +0 -2
  371. package/dist/src/components/Toggle/MockToggle.js.map +0 -1
  372. package/dist/src/components/Toggle/MockToggle.module.scss.js +0 -2
  373. package/dist/src/components/Toggle/MockToggle.module.scss.js.map +0 -1
  374. package/dist/src/components/Toggle/Toggle.js +0 -2
  375. package/dist/src/components/Toggle/Toggle.js.map +0 -1
  376. package/dist/src/components/Toggle/Toggle.module.scss.js +0 -2
  377. package/dist/src/components/Toggle/Toggle.module.scss.js.map +0 -1
  378. package/dist/src/components/Toggle/ToggleText.js +0 -2
  379. package/dist/src/components/Toggle/ToggleText.js.map +0 -1
  380. package/dist/src/components/Toggle/ToggleText.module.scss.js +0 -2
  381. package/dist/src/components/Toggle/ToggleText.module.scss.js.map +0 -1
  382. package/dist/src/components/TransitionView/TransitionView.js +0 -2
  383. package/dist/src/components/TransitionView/TransitionView.js.map +0 -1
  384. package/dist/src/components/TransitionView/TransitionView.module.scss.js +0 -2
  385. package/dist/src/components/TransitionView/TransitionView.module.scss.js.map +0 -1
  386. package/dist/src/hooks/useSwitch/index.js +0 -2
  387. package/dist/src/hooks/useSwitch/index.js.map +0 -1
  388. /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBanner.module.scss.js.map +0 -0
  389. /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js.map +0 -0
  390. /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerContext.js +0 -0
  391. /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js.map +0 -0
  392. /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js.map +0 -0
  393. /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Switch/Switch.module.scss.js.map +0 -0
  394. /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Toggle/MockToggle.module.scss.js.map +0 -0
  395. /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Toggle/Toggle.module.scss.js.map +0 -0
  396. /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Toggle/ToggleText.module.scss.js.map +0 -0
  397. /package/dist/{mocked_classnames/src/components → components/transitions/dist}/SlideTransition/SlideTransition.js +0 -0
  398. /package/dist/{mocked_classnames/src/components → components/transitions/dist}/SlideTransition/SlideTransition.module.scss.js.map +0 -0
  399. /package/dist/{mocked_classnames/src/components → components/transitions/dist}/TransitionView/TransitionView.module.scss.js.map +0 -0
@@ -1,31 +0,0 @@
1
- import { type ChangeEvent } from "react";
2
- declare enum SwitchRole {
3
- CHECKBOX = "checkbox",
4
- BUTTON = "button"
5
- }
6
- export interface UseSwitchProps {
7
- /**
8
- * If true, controls the checked state of the switch.
9
- */
10
- isChecked?: boolean;
11
- /**
12
- * The initial checked state when uncontrolled.
13
- */
14
- defaultChecked?: boolean;
15
- /**
16
- * Callback fired when the switch state changes.
17
- */
18
- onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> | unknown) => void;
19
- /**
20
- * If true, disables interaction with the switch.
21
- */
22
- isDisabled?: boolean;
23
- }
24
- declare function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }?: UseSwitchProps): {
25
- isChecked: boolean;
26
- onChange: (event?: ChangeEvent<HTMLInputElement> | unknown) => void;
27
- };
28
- declare namespace useSwitch {
29
- var switchRole: typeof SwitchRole;
30
- }
31
- export default useSwitch;
@@ -1,35 +0,0 @@
1
- import React, { type ReactElement } from "react";
2
- import { type AlertBannerBackgroundColor } from "./AlertBanner.types";
3
- import { type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
4
- import { type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
5
- import { type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
6
- import { type VibeComponentProps } from "../../types";
7
- type ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;
8
- export interface AlertBannerProps extends VibeComponentProps {
9
- /**
10
- * The background color of the alert banner.
11
- */
12
- backgroundColor?: AlertBannerBackgroundColor;
13
- /**
14
- * If true, the close button is hidden.
15
- */
16
- isCloseHidden?: boolean;
17
- /**
18
- * The ARIA label of the alert banner for accessibility.
19
- */
20
- "aria-label"?: string;
21
- /**
22
- * The ARIA label of the close button for accessibility.
23
- */
24
- closeButtonAriaLabel?: string;
25
- /**
26
- * Callback fired when the close button is clicked.
27
- */
28
- onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
29
- /**
30
- * The content of the alert banner.
31
- */
32
- children?: ChildrenType | ChildrenType[];
33
- }
34
- declare const AlertBanner: React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLDivElement>>;
35
- export default AlertBanner;
@@ -1 +0,0 @@
1
- export type AlertBannerBackgroundColor = "primary" | "positive" | "negative" | "dark" | "warning";
@@ -1,10 +0,0 @@
1
- import { type ButtonProps } from "@vibe/button";
2
- import { type FC } from "react";
3
- export interface AlertBannerButtonProps extends ButtonProps {
4
- /**
5
- * If true, the button is displayed on a dark background.
6
- */
7
- isDarkBackground?: boolean;
8
- }
9
- declare const AlertBannerButton: FC<AlertBannerButtonProps>;
10
- export default AlertBannerButton;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { type TypographyColor } from "@vibe/typography";
3
- type AlertBannerContextType = {
4
- textColor: Extract<TypographyColor, "onPrimary" | "onInverted" | "fixedDark">;
5
- };
6
- export declare const AlertBannerContext: React.Context<AlertBannerContextType>;
7
- export {};
@@ -1,10 +0,0 @@
1
- import { type FC } from "react";
2
- import { type LinkProps } from "@vibe/link";
3
- export interface AlertBannerLinkProps extends LinkProps {
4
- /**
5
- * If true, a left margin is applied to the link.
6
- */
7
- marginLeft?: boolean;
8
- }
9
- declare const AlertBannerLink: FC<AlertBannerLinkProps>;
10
- export default AlertBannerLink;
@@ -1,18 +0,0 @@
1
- import { type FC } from "react";
2
- import type VibeComponentProps from "../../../types/VibeComponentProps";
3
- export interface AlertBannerTextProps extends VibeComponentProps {
4
- /**
5
- * The text content displayed within the alert banner.
6
- */
7
- text: string;
8
- /**
9
- * If true, a left margin is applied to the alert banner text.
10
- */
11
- marginLeft?: boolean;
12
- /**
13
- * The aria-live attribute value for the alert banner text.
14
- */
15
- ariaLive?: "polite" | "assertive" | "off";
16
- }
17
- declare const AlertBannerText: FC<AlertBannerTextProps>;
18
- export default AlertBannerText;
@@ -1,5 +0,0 @@
1
- export { default as AlertBanner, type AlertBannerProps } from "./AlertBanner";
2
- export { default as AlertBannerButton, type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
3
- export { default as AlertBannerLink, type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
4
- export { default as AlertBannerText, type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
5
- export * from "./AlertBanner.types";
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { type SlideTransitionProps } from "./SlideTransition.types";
3
- declare const SlideTransition: React.ForwardRefExoticComponent<SlideTransitionProps & React.RefAttributes<HTMLDivElement>>;
4
- export default SlideTransition;
@@ -1,20 +0,0 @@
1
- import type React from "react";
2
- import { type VibeComponentProps } from "../../types";
3
- export interface SlideTransitionProps extends VibeComponentProps {
4
- /**
5
- * The direction of the slide transition.
6
- */
7
- direction: SlideDirection;
8
- /**
9
- * Custom inline styles applied to the transition container.
10
- */
11
- style?: React.CSSProperties;
12
- /**
13
- * The content inside the transition container.
14
- */
15
- children: React.ReactNode;
16
- }
17
- /**
18
- * Defines the possible slide transition directions.
19
- */
20
- export type SlideDirection = "forward" | "backward";
@@ -1,59 +0,0 @@
1
- import React, { type ChangeEvent, type ReactElement } from "react";
2
- import { type VibeComponentProps } from "../../types";
3
- import { type MockToggleProps } from "../Toggle/MockToggle";
4
- export interface SwitchProps extends VibeComponentProps {
5
- /**
6
- * The name of the switch input.
7
- */
8
- name?: string;
9
- /**
10
- * The value associated with the switch.
11
- */
12
- value?: string;
13
- /**
14
- * The ARIA role of the switch.
15
- */
16
- role?: string;
17
- /**
18
- * If true, the switch is disabled.
19
- */
20
- disabled?: boolean;
21
- /**
22
- * The ARIA label for accessibility.
23
- */
24
- "aria-label"?: string;
25
- /**
26
- * The ID of the element labeling the switch.
27
- */
28
- "aria-labelledby"?: string;
29
- /**
30
- * If true, the switch is checked.
31
- */
32
- checked?: boolean;
33
- /**
34
- * Class name applied to the input element.
35
- */
36
- inputClassName?: string;
37
- /**
38
- * Callback fired when the switch state changes.
39
- */
40
- onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;
41
- /**
42
- * The ID of the element controlled by the switch.
43
- */
44
- "aria-controls"?: string;
45
- /**
46
- * If true, the switch is checked by default.
47
- */
48
- defaultChecked?: boolean;
49
- /**
50
- * The child component rendered inside the switch.
51
- */
52
- children?: ReactElement<MockToggleProps>;
53
- /**
54
- * Class name applied to the wrapper element.
55
- */
56
- wrapperClassName?: string;
57
- }
58
- declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
59
- export default Switch;
@@ -1 +0,0 @@
1
- export { default as Switch, SwitchProps } from "./Switch";
@@ -1,34 +0,0 @@
1
- import { type FC } from "react";
2
- import type VibeComponentProps from "../../types/VibeComponentProps";
3
- import { type ToggleSize } from "./Toggle.types";
4
- export interface MockToggleProps extends VibeComponentProps {
5
- /**
6
- * If true, hides the on/off labels.
7
- */
8
- areLabelsHidden?: boolean;
9
- /**
10
- * If true, the toggle is in the "on" state.
11
- */
12
- checked?: boolean;
13
- /**
14
- * The text displayed when the toggle is in the "off" state.
15
- */
16
- offOverrideText?: string;
17
- /**
18
- * The text displayed when the toggle is in the "on" state.
19
- */
20
- onOverrideText?: string;
21
- /**
22
- * Class name applied when the toggle is selected.
23
- */
24
- selectedClassName?: string;
25
- /**
26
- * If true, disables the toggle.
27
- */
28
- disabled: boolean;
29
- /**
30
- * The size of the toggle.
31
- */
32
- size?: ToggleSize;
33
- }
34
- export declare const MockToggle: FC<MockToggleProps>;
@@ -1,59 +0,0 @@
1
- import React, { type ChangeEvent } from "react";
2
- import { type VibeComponentProps } from "../../types";
3
- import { type ToggleSize } from "./Toggle.types";
4
- export interface ToggleProps extends VibeComponentProps {
5
- /**
6
- * Class name applied when the toggle is selected.
7
- */
8
- toggleSelectedClassName?: string;
9
- /**
10
- * If true, the toggle is selected by default.
11
- */
12
- isDefaultSelected?: boolean;
13
- /**
14
- * Controls the selected state of the toggle.
15
- */
16
- isSelected?: boolean;
17
- /**
18
- * Callback fired when the toggle state changes.
19
- */
20
- onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;
21
- /**
22
- * The value associated with the toggle.
23
- */
24
- value?: string;
25
- /**
26
- * The name attribute of the toggle input.
27
- */
28
- name?: string;
29
- /**
30
- * If true, disables the toggle.
31
- */
32
- disabled?: boolean;
33
- /**
34
- * If true, hides the on/off labels.
35
- */
36
- areLabelsHidden?: boolean;
37
- /**
38
- * The text displayed when the toggle is in the "on" position.
39
- */
40
- onOverrideText?: string;
41
- /**
42
- * The text displayed when the toggle is in the "off" position.
43
- */
44
- offOverrideText?: string;
45
- /**
46
- * The ARIA label for accessibility.
47
- */
48
- "aria-label"?: string;
49
- /**
50
- * The ID of the element controlled by the toggle.
51
- */
52
- "aria-controls"?: string;
53
- /**
54
- * The size of the toggle.
55
- */
56
- size?: ToggleSize;
57
- }
58
- declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
59
- export default Toggle;
@@ -1 +0,0 @@
1
- export type ToggleSize = "small" | "medium";
@@ -1 +0,0 @@
1
- export declare const BASE_TOGGLE_CLASS_NAME = "monday-style-toggle";
@@ -1,14 +0,0 @@
1
- import { type FC } from "react";
2
- import type VibeComponentProps from "../../types/VibeComponentProps";
3
- export interface ToggleTextProps extends VibeComponentProps {
4
- /**
5
- * The text content inside the toggle.
6
- */
7
- children: string;
8
- /**
9
- * If true, applies a disabled style to the text.
10
- */
11
- disabled: boolean;
12
- }
13
- declare const ToggleText: FC<ToggleTextProps>;
14
- export default ToggleText;
@@ -1 +0,0 @@
1
- export { default as Toggle, type ToggleProps } from "./Toggle";
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { type TransitionViewProps } from "./TransitionView.types";
3
- declare const TransitionView: React.ForwardRefExoticComponent<TransitionViewProps & React.RefAttributes<HTMLDivElement>>;
4
- export default TransitionView;
@@ -1,18 +0,0 @@
1
- import type React from "react";
2
- import { type VibeComponentProps } from "../../types";
3
- import { type SlideDirection } from "../SlideTransition/SlideTransition.types";
4
- export interface TransitionViewProps extends VibeComponentProps {
5
- /**
6
- * The index of the currently active step.
7
- */
8
- activeStep: number;
9
- /**
10
- * The direction of the transition between steps.
11
- */
12
- direction: TransitionViewDirection;
13
- /**
14
- * The child elements representing the steps in the transition.
15
- */
16
- children: React.ReactNode[];
17
- }
18
- export type TransitionViewDirection = SlideDirection;
@@ -1,2 +0,0 @@
1
- export { default as TransitionView } from "./TransitionView";
2
- export * from "./TransitionView.types";
@@ -1,31 +0,0 @@
1
- import { type ChangeEvent } from "react";
2
- declare enum SwitchRole {
3
- CHECKBOX = "checkbox",
4
- BUTTON = "button"
5
- }
6
- export interface UseSwitchProps {
7
- /**
8
- * If true, controls the checked state of the switch.
9
- */
10
- isChecked?: boolean;
11
- /**
12
- * The initial checked state when uncontrolled.
13
- */
14
- defaultChecked?: boolean;
15
- /**
16
- * Callback fired when the switch state changes.
17
- */
18
- onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> | unknown) => void;
19
- /**
20
- * If true, disables interaction with the switch.
21
- */
22
- isDisabled?: boolean;
23
- }
24
- declare function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }?: UseSwitchProps): {
25
- isChecked: boolean;
26
- onChange: (event?: ChangeEvent<HTMLInputElement> | unknown) => void;
27
- };
28
- declare namespace useSwitch {
29
- var switchRole: typeof SwitchRole;
30
- }
31
- export default useSwitch;
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as r,NOOP as t}from"@vibe/shared";import n from"classnames";import a,{forwardRef as o,useMemo as i}from"react";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{CloseSmall as s}from"@vibe/icons";import{ComponentDefaultTestId as m,ComponentVibeId as c}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import p from"./AlertBanner.module.scss.js";import{Text as u}from"@vibe/typography/mockedClassNames";import{AlertBannerContext as f}from"./AlertBannerContext.js";var v=o((function(o,v){var b=o.children,B=o.className,y=o.backgroundColor,A=void 0===y?"primary":y,N=o.onClose,E=void 0===N?t:N,k=o["aria-label"],C=void 0===k?"":k,g=o.closeButtonAriaLabel,x=void 0===g?"Close":g,j=o.isCloseHidden,h=void 0!==j&&j,T=o.id,I=o["data-testid"],L=i((function(){return n(B,p.alertBanner,r(p,A))}),[B,A]),P="dark"===A,R="warning"===A,_=i((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=i((function(){return a.Children.toArray(b).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,r){return a.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:r>0,isDarkBackground:P}))}))}),[b,P]);return a.createElement(u,{type:"text2",color:_,ref:v,className:L,role:"banner","aria-label":C||"banner",id:T,"data-testid":I||d(m.ALERT_BANNER,T),"data-vibe":c.ALERT_BANNER},a.createElement(f.Provider,{value:{textColor:_}},a.createElement("div",{className:n(p.content)},D.map((function(r,t){var o=r.type.isAlertBannerText;return a.createElement("div",{key:t,className:n(p.contentItem,e({},p.contentItemText,o))},o?a.createElement("div",{className:n(p.ellipsis)},r):r)})))),a.createElement("div",{className:n(p.closeButtonWrapper)},h?null:a.createElement(l,{"data-testid":"alert-banner-close-button",icon:s,className:n(p.closeBtn),hideTooltip:!0,onClick:E,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color","aria-label":x})))}));export{v as default};
2
- //# sourceMappingURL=AlertBanner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle, NOOP } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport React, { type ForwardedRef, forwardRef, type ReactElement, useMemo } from \"react\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { type AlertBannerBackgroundColor } from \"./AlertBanner.types\";\n\nimport { type AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { type AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { type AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport { Text } from \"@vibe/typography\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /**\n * The background color of the alert banner.\n */\n backgroundColor?: AlertBannerBackgroundColor;\n /**\n * If true, the close button is hidden.\n */\n isCloseHidden?: boolean;\n /**\n * The ARIA label of the alert banner for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The ARIA label of the close button for accessibility.\n */\n closeButtonAriaLabel?: string;\n /**\n * Callback fired when the close button is clicked.\n */\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /**\n * The content of the alert banner.\n */\n children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n \"aria-label\": ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem || child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel || \"banner\"}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n data-vibe={ComponentVibeId.ALERT_BANNER}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n aria-label={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\nexport default AlertBanner;\n"],"names":["AlertBanner","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","ComponentVibeId","createElement","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind"],"mappings":"omBA8CMA,IAAAA,EAAcC,GAClB,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACd,cAAcW,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAC5Ba,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,gBAACiB,EAAI,CACHZ,KAAK,QACLa,MAAOnB,EACPzB,IAAKA,EACLG,UAAWc,EACX4B,KAAK,SACO,aAAAnC,GAAa,SACzBK,GAAIA,gBACSC,GAAc8B,EAAUC,EAAuBC,aAAcjC,GAAG,YAClEkC,EAAgBD,cAE3BtB,EAACwB,cAAAC,EAAmBC,SAAQ,CAACC,MAAO,CAAE5B,UAAAA,IACpCC,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOkC,UACvBpD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMkB,EAA6BzB,EAAMC,KAAKyB,kBAC9C,OACE9B,EAAAwB,cAAA,MAAA,CACEO,IAAKpB,EACLlC,UAAWgB,EAAGC,EAAOsC,YAAWC,EAAA,CAAA,EAC7BvC,EAAOwC,gBAAkBL,KAG3BA,EAA6B7B,EAAKwB,cAAA,MAAA,CAAA/C,UAAWgB,EAAGC,EAAOyC,WAAY/B,GAAeA,EAGxF,MAIPJ,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAO0C,qBACvBhD,EAAgB,KACfY,EAACwB,cAAAa,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN9D,UAAWgB,EAAGC,EAAO8C,UACrBC,aAAW,EACXC,QAAS7D,EACT8D,KAAK,QACLC,KAAK,WACL1B,MAAOrB,EAAmB,yBAA2B,mBACzC,aAAAX,KAMxB"}
@@ -1,2 +0,0 @@
1
- var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-d6894f952adc_4_5_14";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.primary {\n background-color: var(--primary-color);\n}\n\n.positive {\n background-color: var(--positive-color);\n}\n\n.negative {\n background-color: var(--negative-color);\n}\n\n.dark {\n background-color: var(--inverted-color-background);\n}\n\n.warning {\n background-color: var(--warning-color);\n color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n color: var(--fixed-dark-color);\n}\n\n.content {\n flex: 1 1 auto;\n display: flex;\n height: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper {\n flex: 0 0 40px;\n position: relative;\n height: 100%;\n min-width: 0;\n}\n\n.closeBtn {\n position: absolute;\n inset-inline-end: 4px;\n top: 4px;\n}\n\n.ellipsis {\n flex: 0 1 auto;\n}\n\n.contentItem {\n flex: 0 0 auto;\n min-width: 0;\n}\n\n.contentItemText {\n flex: 0 1 auto;\n min-width: 0;\n}");export{n as default};
2
- //# sourceMappingURL=AlertBanner.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import s from"classnames";import{Button as i}from"@vibe/button/mockedClassNames";import o from"react";import m from"./AlertBannerButton.module.scss.js";var n=function(n){var l=n.marginLeft,d=void 0!==l&&l,c=n.isDarkBackground,u=void 0!==c&&c,f=n.id,p=n["data-testid"],B=r(n,["marginLeft","isDarkBackground","id","data-testid"]),g=s(t(t({},m.marginLeft,d),m.darkBackground,u));return o.createElement("div",{className:g,"data-testid":p||e(a.ALERT_BANNER_BUTTON,f),id:f},o.createElement(i,Object.assign({},B,{size:"small",className:s(m.bannerButton),color:"on-primary-color"})))};Object.assign(n,{isAlertBannerItem:!0});export{n as default};
2
- //# sourceMappingURL=AlertBannerButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AlertBannerButton.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport styles from \"./AlertBannerButton.module.scss\";\n\nexport interface AlertBannerButtonProps extends ButtonProps {\n /**\n * If true, the button is displayed on a dark background.\n */\n isDarkBackground?: boolean;\n}\n\nconst AlertBannerButton: FC<AlertBannerButtonProps> = ({\n marginLeft = false,\n isDarkBackground = false,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}) => {\n const classNames = cx({\n [styles.marginLeft]: marginLeft,\n [styles.darkBackground]: isDarkBackground\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_BUTTON, id)}\n id={id}\n >\n <Button {...buttonProps} size=\"small\" className={cx(styles.bannerButton)} color=\"on-primary-color\" />\n </div>\n );\n};\n\nObject.assign(AlertBannerButton, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerButton;\n"],"names":["AlertBannerButton","_a","_a$marginLeft","marginLeft","_a$isDarkBackground","isDarkBackground","id","dataTestId","buttonProps","__rest","classNames","cx","_defineProperty","styles","darkBackground","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_BUTTON","Button","size","bannerButton","color","Object","assign","isAlertBannerItem"],"mappings":"qXAaA,IAAMA,EAAgD,SAACC,GAAA,IAAAC,EAI5BD,EAHzBE,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAGOH,EAFzBI,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EACyBL,EADzBK,GACeC,EAAUN,EAAzB,eACGO,EAAWC,EAAAR,EALuC,sDAO/CS,EAAaC,EAAEC,EAAAA,KAClBC,EAAOV,WAAaA,GACpBU,EAAOC,eAAiBT,IAG3B,OACEU,EACEC,cAAA,MAAA,CAAAC,UAAWP,EAAU,cACRH,GAAcW,EAAUC,EAAuBC,oBAAqBd,GACjFA,GAAIA,GAEJS,EAACC,cAAAK,mBAAWb,EAAW,CAAEc,KAAK,QAAQL,UAAWN,EAAGE,EAAOU,cAAeC,MAAM,sBAGtF,EAEAC,OAAOC,OAAO1B,EAAmB,CAC/B2B,mBAAmB"}
@@ -1,2 +0,0 @@
1
- var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-35a7e70934a8_4_5_14";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n margin-inline-start: var(--space-8);\n}");export{n as default};
2
- //# sourceMappingURL=AlertBannerButton.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AlertBannerContext.js","sources":["../../../../../src/components/AlertBanner/AlertBannerContext.ts"],"sourcesContent":["import React from \"react\";\nimport { type TypographyColor } from \"@vibe/typography\";\n\ntype AlertBannerContextType = {\n textColor: Extract<TypographyColor, \"onPrimary\" | \"onInverted\" | \"fixedDark\">;\n};\n\nexport const AlertBannerContext = React.createContext<AlertBannerContextType>({\n textColor: \"onPrimary\"\n});\n"],"names":["AlertBannerContext","React","createContext","textColor"],"mappings":"yBAOaA,EAAqBC,EAAMC,cAAsC,CAC5EC,UAAW"}
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import r from"classnames";import{getTestId as a,ComponentDefaultTestId as n}from"../../../tests/testIds.js";import i,{useContext as s}from"react";import{Link as o}from"@vibe/link/mockedClassNames";import m from"./AlertBannerLink.module.scss.js";import{AlertBannerContext as l}from"../AlertBannerContext.js";var d=function(d){var f=d.marginLeft,p=void 0!==f&&f,c=d.id,v=d["data-testid"],L=t(d,["marginLeft","id","data-testid"]),b=s(l).textColor,u=r(e({},m.marginLeft,p));return i.createElement("div",{className:u,"data-testid":v||a(n.ALERT_BANNER_LINK,c),id:c},i.createElement(o,Object.assign({},L,{textClassName:r(m.bannerLink,e(e({},m.bannerLinkTextColorOnPrimary,"onPrimary"===b),m.bannerLinkTextColorOnInverted,"onInverted"===b))})))};Object.assign(d,{isAlertBannerItem:!0});export{d as default};
2
- //# sourceMappingURL=AlertBannerLink.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AlertBannerLink.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport React, { type FC, useContext } from \"react\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./AlertBannerLink.module.scss\";\nimport { AlertBannerContext } from \"../AlertBannerContext\";\n\nexport interface AlertBannerLinkProps extends LinkProps {\n /**\n * If true, a left margin is applied to the link.\n */\n marginLeft?: boolean;\n}\n\nconst AlertBannerLink: FC<AlertBannerLinkProps> = ({\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ...linkProps\n}) => {\n const { textColor } = useContext(AlertBannerContext);\n const classNames = cx({\n [styles.marginLeft]: marginLeft\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_LINK, id)}\n id={id}\n >\n <Link\n {...linkProps}\n textClassName={cx(styles.bannerLink, {\n [styles.bannerLinkTextColorOnPrimary]: textColor === \"onPrimary\",\n [styles.bannerLinkTextColorOnInverted]: textColor === \"onInverted\"\n })}\n />\n </div>\n );\n};\n\nObject.assign(AlertBannerLink, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerLink;\n"],"names":["AlertBannerLink","_a","_a$marginLeft","marginLeft","id","dataTestId","linkProps","__rest","textColor","useContext","AlertBannerContext","classNames","cx","_defineProperty","styles","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_LINK","Link","Object","assign","textClassName","bannerLink","bannerLinkTextColorOnPrimary","bannerLinkTextColorOnInverted","isAlertBannerItem"],"mappings":"8bAcA,IAAMA,EAA4C,SAACC,GAAA,IAAAC,EAKlDD,EAJCE,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGDH,EAHCG,GACeC,EAEhBJ,EAFC,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,EACEC,cAAA,MAAA,CAAAC,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,EAACC,cAAAK,EACKC,OAAAC,OAAA,CAAA,EAAAjB,EACJ,CAAAkB,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}
@@ -1,2 +0,0 @@
1
- var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-b8e9178179b1_4_5_14";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink {\n text-decoration: underline;\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n margin-inline-start: var(--space-8);\n}");export{n as default};
2
- //# sourceMappingURL=AlertBannerLink.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../../tests/testIds.js";import a from"classnames";import i,{useRef as o}from"react";import{Tooltip as s}from"@vibe/tooltip/mockedClassNames";import{useIsOverflowing as m}from"@vibe/hooks";import n from"./AlertBannerText.module.scss.js";var l=function(l){var d=l.text,f=l.marginLeft,p=void 0!==f&&f,c=l.id,u=l["data-testid"],v=l.ariaLive,g=o(null),T=a(n.bannerText,e({},n.marginLeft,p)),b=m({ref:g});return i.createElement(s,{position:"bottom",content:b&&d,showTrigger:["mouseenter"],hideTrigger:["mouseleave"]},i.createElement("div",{ref:g,className:T,id:c,"data-testid":u||t(r.ALERT_BANNER_TEXT,c)},i.createElement("span",{"aria-live":v},d)))};Object.assign(l,{isAlertBannerItem:!0,isAlertBannerText:!0});export{l as default};
2
- //# sourceMappingURL=AlertBannerText.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AlertBannerText.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC, useRef } from \"react\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport styles from \"./AlertBannerText.module.scss\";\n\nexport interface AlertBannerTextProps extends VibeComponentProps {\n /**\n * The text content displayed within the alert banner.\n */\n text: string;\n /**\n * If true, a left margin is applied to the alert banner text.\n */\n marginLeft?: boolean;\n /**\n * The aria-live attribute value for the alert banner text.\n */\n ariaLive?: \"polite\" | \"assertive\" | \"off\";\n}\n\nconst AlertBannerText: FC<AlertBannerTextProps> = ({\n text,\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ariaLive\n}) => {\n const componentRef = useRef(null);\n const classNames = cx(styles.bannerText, {\n [styles.marginLeft]: marginLeft\n });\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n position=\"bottom\"\n content={isOverflowing && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n >\n <div\n ref={componentRef}\n className={classNames}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_TEXT, id)}\n >\n <span aria-live={ariaLive}>{text}</span>\n </div>\n </Tooltip>\n );\n};\n\nObject.assign(AlertBannerText, {\n isAlertBannerItem: true,\n isAlertBannerText: true\n});\n\nexport default AlertBannerText;\n"],"names":["AlertBannerText","_ref","text","_ref$marginLeft","marginLeft","id","dataTestId","ariaLive","componentRef","useRef","classNames","cx","styles","bannerText","_defineProperty","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","position","content","showTrigger","hideTrigger","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_TEXT","Object","assign","isAlertBannerItem","isAlertBannerText"],"mappings":"yXAwBA,IAAMA,EAA4C,SAA7BC,GAMhB,IALHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAEMC,EAAeC,EAAO,MACtBC,EAAaC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EACpCF,EAAOR,WAAaA,IAEjBW,EAAgBC,EAAiB,CAAEC,IAAKT,IAE9C,OACEU,EAACC,cAAAC,EACC,CAAAC,SAAS,SACTC,QAASP,GAAiBb,EAC1BqB,YAAa,CAAC,cACdC,YAAa,CAAC,eAEdN,EACEC,cAAA,MAAA,CAAAF,IAAKT,EACLiB,UAAWf,EACXL,GAAIA,EACS,cAAAC,GAAcoB,EAAUC,EAAuBC,kBAAmBvB,IAE/Ea,EAAAC,cAAA,OAAA,CAAA,YAAiBZ,GAAWL,IAIpC,EAEA2B,OAAOC,OAAO9B,EAAiB,CAC7B+B,mBAAmB,EACnBC,mBAAmB"}
@@ -1,2 +0,0 @@
1
- var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-306a220e9849_4_5_14";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.marginLeft {\n margin-inline-start: var(--space-8);\n}");export{e as default};
2
- //# sourceMappingURL=AlertBannerText.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SlideTransition.js","sources":["../../../../../src/components/SlideTransition/SlideTransition.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type SlideTransitionProps } from \"./SlideTransition.types\";\nimport styles from \"./SlideTransition.module.scss\";\n\nconst SlideTransition = forwardRef(\n ({ direction, style, children, className }: SlideTransitionProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n return (\n <div\n ref={ref}\n className={cx(styles.slide, direction === \"forward\" ? styles.slideForward : styles.slideBackward, className)}\n style={style}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default SlideTransition;\n"],"names":["SlideTransition","forwardRef","_ref","ref","style","children","React","createElement","className","cx","styles","slide","direction","slideForward","slideBackward"],"mappings":"gHAKMA,IAAAA,EAAkBC,GACtB,SAAAC,EAAkEC,GAA2C,IAA/FC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SACnB,OACEC,EACEC,cAAA,MAAA,CAAAJ,IAAKA,EACLK,UAAWC,EAAGC,EAAOC,MAAqB,YAJpCT,EAATU,UAIyDF,EAAOG,aAAeH,EAAOI,cAJjDZ,EAATM,WAKzBJ,MAAOA,GAENC,EAGP"}
@@ -1,2 +0,0 @@
1
- var e={slide:"slide",slideForward:"slideForward",slideInForward:"slideInForward",slideBackward:"slideBackward",slideInBackward:"slideInBackward"};!function(e){const n="s_id-17fe3dfbe840_4_5_14";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slide {\n height: 100%;\n width: 100%;\n}\n\n.slideForward {\n animation: slideInForward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward {\n animation: slideInBackward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward {\n from {\n transform: translateX(3%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes slideInBackward {\n from {\n transform: translateX(-3%);\n }\n to {\n transform: translateX(0);\n }\n}");export{e as default};
2
- //# sourceMappingURL=SlideTransition.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import e,{forwardRef as a,useMemo as t}from"react";import s from"classnames";import l from"../../hooks/useSwitch/index.js";import i from"./Switch.module.scss.js";import{ComponentVibeId as r}from"../../tests/constants.js";var c=a((function(a,c){var n=a.id,o=a.name,d=a.value,m=a.role,h=a.disabled,b=a["aria-label"],u=a["aria-labelledby"],p=a.inputClassName,f=a["aria-controls"],k=a.children,C=a.wrapperClassName,g=a["data-testid"],v=l({isDisabled:h,isChecked:a.checked,defaultChecked:a.defaultChecked,onChange:a.onChange}),j=v.onChange,w=v.isChecked,E=t((function(){return e.cloneElement(k,Object.assign(Object.assign({},null==k?void 0:k.props),{checked:w}))}),[k,w]);return e.createElement("label",{htmlFor:n,className:C,"data-vibe":r.TOGGLE},e.createElement("input",{ref:c,id:n,"aria-controls":f,value:d,name:o,type:"checkbox",className:s(i["hidden-switch"],p),checked:w,role:m||"switch",onChange:j,disabled:h,"aria-label":b,"aria-labelledby":u,"aria-checked":w,"data-testid":g}),E)}));export{c as default};
2
- //# sourceMappingURL=Switch.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Switch.js","sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef, type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SwitchProps extends VibeComponentProps {\n /**\n * The name of the switch input.\n */\n name?: string;\n /**\n * The value associated with the switch.\n */\n value?: string;\n /**\n * The ARIA role of the switch.\n */\n role?: string;\n /**\n * If true, the switch is disabled.\n */\n disabled?: boolean;\n /**\n * The ARIA label for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The ID of the element labeling the switch.\n */\n \"aria-labelledby\"?: string;\n /**\n * If true, the switch is checked.\n */\n checked?: boolean;\n /**\n * Class name applied to the input element.\n */\n inputClassName?: string;\n /**\n * Callback fired when the switch state changes.\n */\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /**\n * The ID of the element controlled by the switch.\n */\n \"aria-controls\"?: string;\n /**\n * If true, the switch is checked by default.\n */\n defaultChecked?: boolean;\n /**\n * The child component rendered inside the switch.\n */\n children?: ReactElement<MockToggleProps>;\n /**\n * Class name applied to the wrapper element.\n */\n wrapperClassName?: string;\n}\n\n// TODO no story\nconst Switch = forwardRef(\n (\n {\n id,\n name,\n value,\n role,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n checked,\n inputClassName,\n onChange,\n \"aria-controls\": ariaControls,\n defaultChecked,\n children: originalChildren,\n wrapperClassName,\n \"data-testid\": dataTestId\n }: SwitchProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const { onChange: overrideOnChange, isChecked: overrideChecked } = useSwitch({\n isDisabled: disabled,\n isChecked: checked,\n defaultChecked,\n onChange\n });\n\n const children = useMemo(\n () =>\n React.cloneElement(originalChildren, {\n ...originalChildren?.props,\n checked: overrideChecked\n }),\n [originalChildren, overrideChecked]\n );\n\n return (\n <label htmlFor={id} className={wrapperClassName} data-vibe={ComponentVibeId.TOGGLE}>\n <input\n ref={ref}\n id={id}\n aria-controls={ariaControls}\n value={value}\n name={name}\n type=\"checkbox\"\n className={cx(styles[\"hidden-switch\"], inputClassName)}\n checked={overrideChecked}\n role={role ? role : \"switch\"}\n onChange={overrideOnChange}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-checked={overrideChecked}\n data-testid={dataTestId}\n />\n {children}\n </label>\n );\n }\n);\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","id","name","value","role","disabled","ariaLabel","ariaLabelledBy","inputClassName","ariaControls","originalChildren","children","wrapperClassName","dataTestId","_useSwitch","useSwitch","isDisabled","isChecked","checked","defaultChecked","onChange","overrideOnChange","overrideChecked","useMemo","React","cloneElement","Object","assign","props","createElement","htmlFor","className","ComponentVibeId","TOGGLE","type","cx","styles"],"mappings":"6NAgEMA,IAAAA,EAASC,GACb,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAQN,EAARM,SACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAEAS,EAAcT,EAAdS,eAEiBC,EAAYV,EAA7B,iBAEUW,EAAgBX,EAA1BY,SACAC,EAAgBb,EAAhBa,iBACeC,EAAUd,EAAzB,eAIFe,EAAmEC,EAAU,CAC3EC,WAAYX,EACZY,UAbOlB,EAAPmB,QAcAC,eAVcpB,EAAdoB,eAWAC,SAbQrB,EAARqB,WASgBC,EAAgBP,EAA1BM,SAAuCE,EAAeR,EAA1BG,UAO9BN,EAAWY,GACf,WAAA,OACEC,EAAMC,aAAaf,EAAgBgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9BjB,aAAA,EAAAA,EAAkBkB,OACrB,CAAAV,QAASI,IACT,GACJ,CAACZ,EAAkBY,IAGrB,OACEE,EAAAK,cAAA,QAAA,CAAOC,QAAS7B,EAAI8B,UAAWnB,EAAgB,YAAaoB,EAAgBC,QAC1ET,EAAAK,cAAA,QAAA,CACE7B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACNgC,KAAK,WACLH,UAAWI,EAAGC,EAAO,iBAAkB5B,GACvCU,QAASI,EACTlB,KAAMA,GAAc,SACpBgB,SAAUC,EACVhB,SAAUA,EAAQ,aACNC,EAAS,kBACJC,EAAc,eACjBe,EAAe,cAChBT,IAEdF,EAGP"}
@@ -1,2 +0,0 @@
1
- var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-fad3709be591_4_5_14";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hidden-switch { /* stylelint-disable-line selector-class-pattern */\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}");export{e as default};
2
- //# sourceMappingURL=Switch.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"./ToggleText.js";import l from"classnames";import t from"react";import a from"./MockToggle.module.scss.js";import{getStyle as o}from"@vibe/shared";var s=function(s){var i=s.areLabelsHidden,d=s.checked,m=s.onOverrideText,n=s.className,c=s.selectedClassName,p=s.disabled,u=s.size,f=void 0===u?"medium":u;return t.createElement(t.Fragment,null,i?null:t.createElement(r,{disabled:p},s.offOverrideText),t.createElement("div",{className:l(a.toggle,o(a,f),n,e(e(e(e({},l(a.selected,c),d),a.notSelected,!d),a.disabled,p),a.noSpacing,i)),"aria-hidden":"true"}),i?null:t.createElement(r,{disabled:p},m))};export{s as MockToggle};
2
- //# sourceMappingURL=MockToggle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MockToggle.js","sources":["../../../../../src/components/Toggle/MockToggle.tsx"],"sourcesContent":["import ToggleText from \"./ToggleText\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./MockToggle.module.scss\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface MockToggleProps extends VibeComponentProps {\n /**\n * If true, hides the on/off labels.\n */\n areLabelsHidden?: boolean;\n /**\n * If true, the toggle is in the \"on\" state.\n */\n checked?: boolean;\n /**\n * The text displayed when the toggle is in the \"off\" state.\n */\n offOverrideText?: string;\n /**\n * The text displayed when the toggle is in the \"on\" state.\n */\n onOverrideText?: string;\n /**\n * Class name applied when the toggle is selected.\n */\n selectedClassName?: string;\n /**\n * If true, disables the toggle.\n */\n disabled: boolean;\n /**\n * The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nexport const MockToggle: FC<MockToggleProps> = ({\n areLabelsHidden,\n checked,\n offOverrideText,\n onOverrideText,\n className,\n selectedClassName,\n disabled,\n size = \"medium\"\n}) => (\n <>\n {areLabelsHidden ? null : <ToggleText disabled={disabled}>{offOverrideText}</ToggleText>}\n <div\n className={cx(styles.toggle, getStyle(styles, size), className, {\n [cx(styles.selected, selectedClassName)]: checked,\n [styles.notSelected]: !checked,\n [styles.disabled]: disabled,\n [styles.noSpacing]: areLabelsHidden\n })}\n aria-hidden=\"true\"\n />\n {areLabelsHidden ? null : <ToggleText disabled={disabled}>{onOverrideText}</ToggleText>}\n </>\n);\n"],"names":["MockToggle","_ref","areLabelsHidden","checked","onOverrideText","className","selectedClassName","disabled","_ref$size","size","React","createElement","Fragment","ToggleText","offOverrideText","cx","styles","toggle","getStyle","_defineProperty","selected","notSelected","noSpacing"],"mappings":"qPAuCaA,EAAkC,SAAxBC,GAAA,IACrBC,EAAeD,EAAfC,gBACAC,EAAOF,EAAPE,QAEAC,EAAcH,EAAdG,eACAC,EAASJ,EAATI,UACAC,EAAiBL,EAAjBK,kBACAC,EAAQN,EAARM,SAAQC,EAAAP,EACRQ,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAA,OAEfE,EAAAC,cAAAD,EAAAE,SAAA,KACGV,EAAkB,KAAOQ,EAACC,cAAAE,GAAWN,SAAUA,GARnCN,EAAfa,iBASEJ,EAAAC,cAAA,MAAA,CACEN,UAAWU,EAAGC,EAAOC,OAAQC,EAASF,EAAQP,GAAOJ,EAASc,EAAAA,EAAAA,EAAAA,EAC3DJ,CAAAA,EAAAA,EAAGC,EAAOI,SAAUd,GAAqBH,GACzCa,EAAOK,aAAelB,GACtBa,EAAOT,SAAWA,GAClBS,EAAOM,UAAYpB,IACpB,cACU,SAEbA,EAAkB,KAAOQ,EAACC,cAAAE,EAAW,CAAAN,SAAUA,GAAWH,GAC1D"}
@@ -1,2 +0,0 @@
1
- var n={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled",medium:"medium",small:"small",noSpacing:"noSpacing"};!function(n){const e="s_id-5e47b8a7e8fd_4_5_14";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n margin: 0 var(--space-8);\n position: relative;\n height: var(--toggle-height);\n width: var(--toggle-width);\n cursor: pointer;\n border-radius: 100px !important;\n}\n.toggle:focus-visible, .toggle.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle:focus:not(.focus-visible) {\n outline: none;\n}\n.toggle::after {\n background-color: var(--primary-background-color);\n content: " ";\n position: absolute;\n width: var(--circle-size);\n height: var(--circle-size);\n border-radius: 50%;\n top: calc(50% - 9px);\n transition: inset-inline-start var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n background-color: var(--primary-color);\n}\n.toggle.selected::after {\n inset-inline-start: 20px;\n}\n.toggle.notSelected {\n background-color: var(--ui-border-color);\n}\n.toggle.notSelected::after {\n inset-inline-start: 3px;\n}\n.toggle.disabled {\n opacity: var(--disabled-component-opacity);\n cursor: not-allowed;\n}\n.toggle.medium {\n --toggle-width: 41px;\n --toggle-height: 24px;\n}\n.toggle.medium::after {\n --circle-size: 18px;\n}\n.toggle.small {\n --toggle-width: 28px;\n --toggle-height: 16px;\n}\n.toggle.small::after {\n --circle-size: 12px;\n top: calc(50% - 6px);\n inset-inline-start: 14px;\n}\n.toggle.small.notSelected::after {\n inset-inline-start: 2px;\n}\n.toggle.noSpacing {\n margin: 0;\n}');export{n as default};
2
- //# sourceMappingURL=MockToggle.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import e,{forwardRef as a}from"react";import t from"classnames";import{noop as s}from"es-toolkit";import r from"../Switch/Switch.js";import{MockToggle as o}from"./MockToggle.js";import i from"./Toggle.module.scss.js";import{getTestId as d,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";var n=a((function(a,n){var c=a.id,f=a.className,p=a.toggleSelectedClassName,v=a.isDefaultSelected,g=void 0===v||v,u=a.isSelected,T=a.onChange,b=void 0===T?s:T,O=a.value,C=a.name,h=a.disabled,N=a["aria-label"],j=a["aria-controls"],x=a.areLabelsHidden,S=void 0!==x&&x,k=a.onOverrideText,w=void 0===k?"On":k,E=a.offOverrideText,G=void 0===E?"Off":E,L=a.size,z=void 0===L?"medium":L,H=a["data-testid"],I=t(i.wrapper),D=t(i.toggleInput);return e.createElement(r,{defaultChecked:g,checked:u,id:c,wrapperClassName:I,onChange:b,value:O,name:C,disabled:h,"aria-label":N,"aria-controls":j,inputClassName:D,ref:n,"data-testid":H||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(o,{areLabelsHidden:S,offOverrideText:G,onOverrideText:w,disabled:h,className:t(f,i.toggleFocusTarget),selectedClassName:p,size:z}))}));export{n as default};
2
- //# sourceMappingURL=Toggle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toggle.js","sources":["../../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport Switch from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ToggleProps extends VibeComponentProps {\n /**\n * Class name applied when the toggle is selected.\n */\n toggleSelectedClassName?: string;\n /**\n * If true, the toggle is selected by default.\n */\n isDefaultSelected?: boolean;\n /**\n * Controls the selected state of the toggle.\n */\n isSelected?: boolean;\n /**\n * Callback fired when the toggle state changes.\n */\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /**\n * The value associated with the toggle.\n */\n value?: string;\n /**\n * The name attribute of the toggle input.\n */\n name?: string;\n /**\n * If true, disables the toggle.\n */\n disabled?: boolean;\n /**\n * If true, hides the on/off labels.\n */\n areLabelsHidden?: boolean;\n /**\n * The text displayed when the toggle is in the \"on\" position.\n */\n onOverrideText?: string;\n /**\n * The text displayed when the toggle is in the \"off\" position.\n */\n offOverrideText?: string;\n /**\n * The ARIA label for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The ID of the element controlled by the toggle.\n */\n \"aria-controls\"?: string;\n /**\n * The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nconst Toggle = forwardRef(\n (\n {\n id,\n className,\n toggleSelectedClassName,\n isDefaultSelected = true,\n isSelected,\n onChange = NOOP,\n value,\n name,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-controls\": ariaControls,\n areLabelsHidden = false,\n onOverrideText = \"On\",\n offOverrideText = \"Off\",\n size = \"medium\",\n \"data-testid\": dataTestId\n }: ToggleProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const wrapperClassName = cx(styles.wrapper);\n const inputClassName = cx(styles.toggleInput);\n\n return (\n <Switch\n defaultChecked={isDefaultSelected}\n checked={isSelected}\n id={id}\n wrapperClassName={wrapperClassName}\n onChange={onChange}\n value={value}\n name={name}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n inputClassName={inputClassName}\n ref={ref}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOGGLE)}\n data-vibe={ComponentVibeId.TOGGLE}\n >\n <MockToggle\n areLabelsHidden={areLabelsHidden}\n offOverrideText={offOverrideText}\n onOverrideText={onOverrideText}\n disabled={disabled}\n className={cx(className, styles.toggleFocusTarget)}\n selectedClassName={toggleSelectedClassName}\n size={size}\n />\n </Switch>\n );\n }\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","_ref","ref","id","className","toggleSelectedClassName","_ref$isDefaultSelecte","isDefaultSelected","isSelected","_ref$onChange","onChange","NOOP","value","name","disabled","ariaLabel","ariaControls","_ref$areLabelsHidden","areLabelsHidden","_ref$onOverrideText","onOverrideText","_ref$offOverrideText","offOverrideText","_ref$size","size","dataTestId","wrapperClassName","cx","styles","wrapper","inputClassName","toggleInput","React","createElement","Switch","defaultChecked","checked","getTestId","ComponentDefaultTestId","TOGGLE","ComponentVibeId","MockToggle","toggleFocusTarget","selectedClassName"],"mappings":"mWAkEMA,IAAAA,EAASC,GACb,SAAAC,EAmBEC,GACE,IAlBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAuBJ,EAAvBI,wBAAuBC,EAAAL,EACvBM,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAKX,EAALW,MACAC,EAAIZ,EAAJY,KACAC,EAAQb,EAARa,SACcC,EAASd,EAAvB,cACiBe,EAAYf,EAA7B,iBAAegB,EAAAhB,EACfiB,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAlB,EACvBmB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAAAE,EAAApB,EACrBqB,gBAAAA,OAAkB,IAAHD,EAAG,MAAKA,EAAAE,EAAAtB,EACvBuB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACAE,EAAUxB,EAAzB,eAIIyB,EAAmBC,EAAGC,EAAOC,SAC7BC,EAAiBH,EAAGC,EAAOG,aAEjC,OACEC,EAACC,cAAAC,EACC,CAAAC,eAAgB5B,EAChB6B,QAAS5B,EACTL,GAAIA,EACJuB,iBAAkBA,EAClBhB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,EACE,aAAAC,EACG,gBAAAC,EACfc,eAAgBA,EAChB5B,IAAKA,EACQ,cAAAuB,GAAcY,EAAUC,EAAuBC,QAAO,YACxDC,EAAgBD,QAE3BP,EAAAC,cAACQ,EACC,CAAAvB,gBAAiBA,EACjBI,gBAAiBA,EACjBF,eAAgBA,EAChBN,SAAUA,EACVV,UAAWuB,EAAGvB,EAAWwB,EAAOc,mBAChCC,kBAAmBtC,EACnBmB,KAAMA,IAId"}
@@ -1,2 +0,0 @@
1
- var e={toggleInput:"toggleInput","focus-visible":"focus-visible",toggleFocusTarget:"toggleFocusTarget",wrapper:"wrapper"};!function(e){const t="s_id-679f544f6e7c_4_5_14";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput:focus-visible, .toggleInput.focus-visible { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput:focus-visible ~ .toggleFocusTarget, .toggleInput.focus-visible ~ .toggleFocusTarget {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper {\n display: flex;\n align-items: center;\n}");export{e as default};
2
- //# sourceMappingURL=Toggle.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import a from"./ToggleText.module.scss.js";import{Text as s}from"@vibe/typography/mockedClassNames";var o=function(o){var l=o.children;return r.createElement(s,{element:"span",type:"text2",className:t(a.text,e({},a.disabled,o.disabled))},l)};export{o as default};
2
- //# sourceMappingURL=ToggleText.js.map