@hitachivantara/uikit-react-core 5.23.0 → 5.24.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Accordion/Accordion.cjs.map +1 -1
- package/dist/cjs/components/AppSwitcher/Action/Action.cjs +32 -17
- package/dist/cjs/components/AppSwitcher/Action/Action.cjs.map +1 -1
- package/dist/cjs/components/Avatar/Avatar.cjs.map +1 -1
- package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs +18 -10
- package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs.map +1 -1
- package/dist/cjs/components/BaseCheckBox/BaseCheckBox.styles.cjs +23 -43
- package/dist/cjs/components/BaseCheckBox/BaseCheckBox.styles.cjs.map +1 -1
- package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs +51 -41
- package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map +1 -1
- package/dist/cjs/components/BaseDropdown/BaseDropdown.styles.cjs +105 -194
- package/dist/cjs/components/BaseDropdown/BaseDropdown.styles.cjs.map +1 -1
- package/dist/cjs/components/BaseRadio/BaseRadio.cjs +16 -8
- package/dist/cjs/components/BaseRadio/BaseRadio.cjs.map +1 -1
- package/dist/cjs/components/BaseRadio/BaseRadio.styles.cjs +20 -38
- package/dist/cjs/components/BaseRadio/BaseRadio.styles.cjs.map +1 -1
- package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs +21 -14
- package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs.map +1 -1
- package/dist/cjs/components/BaseSwitch/BaseSwitch.styles.cjs +60 -74
- package/dist/cjs/components/BaseSwitch/BaseSwitch.styles.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs +19 -15
- package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs +24 -48
- package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/PathElement/PathElement.cjs +8 -6
- package/dist/cjs/components/BreadCrumb/PathElement/PathElement.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/PathElement/PathElement.styles.cjs +12 -20
- package/dist/cjs/components/BreadCrumb/PathElement/PathElement.styles.cjs.map +1 -1
- package/dist/cjs/components/BulkActions/BulkActions.cjs +42 -15
- package/dist/cjs/components/BulkActions/BulkActions.cjs.map +1 -1
- package/dist/cjs/components/BulkActions/BulkActions.styles.cjs +34 -105
- package/dist/cjs/components/BulkActions/BulkActions.styles.cjs.map +1 -1
- package/dist/cjs/components/Card/Header/Header.cjs +1 -1
- package/dist/cjs/components/Card/Header/Header.cjs.map +1 -1
- package/dist/cjs/components/CheckBox/CheckBox.cjs +24 -16
- package/dist/cjs/components/CheckBox/CheckBox.cjs.map +1 -1
- package/dist/cjs/components/CheckBox/CheckBox.styles.cjs +48 -100
- package/dist/cjs/components/CheckBox/CheckBox.styles.cjs.map +1 -1
- package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs +20 -14
- package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs.map +1 -1
- package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.styles.cjs +27 -67
- package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.styles.cjs.map +1 -1
- package/dist/cjs/components/ColorPicker/ColorPicker.cjs +1 -1
- package/dist/cjs/components/ColorPicker/ColorPicker.cjs.map +1 -1
- package/dist/cjs/components/ColorPicker/Fields/Fields.cjs +1 -1
- package/dist/cjs/components/ColorPicker/Fields/Fields.cjs.map +1 -1
- package/dist/cjs/components/Container/Container.cjs +42 -15
- package/dist/cjs/components/Container/Container.cjs.map +1 -1
- package/dist/cjs/components/Container/Container.styles.cjs +16 -36
- package/dist/cjs/components/Container/Container.styles.cjs.map +1 -1
- package/dist/cjs/components/Controls/Controls.cjs +12 -9
- package/dist/cjs/components/Controls/Controls.cjs.map +1 -1
- package/dist/cjs/components/Controls/Controls.styles.cjs +19 -35
- package/dist/cjs/components/Controls/Controls.styles.cjs.map +1 -1
- package/dist/cjs/components/Controls/LeftControl/LeftControl.cjs +8 -5
- package/dist/cjs/components/Controls/LeftControl/LeftControl.cjs.map +1 -1
- package/dist/cjs/components/Controls/LeftControl/LeftControl.styles.cjs +11 -20
- package/dist/cjs/components/Controls/LeftControl/LeftControl.styles.cjs.map +1 -1
- package/dist/cjs/components/Controls/RightControl/RightControl.cjs +11 -7
- package/dist/cjs/components/Controls/RightControl/RightControl.cjs.map +1 -1
- package/dist/cjs/components/Controls/RightControl/RightControl.styles.cjs +14 -39
- package/dist/cjs/components/Controls/RightControl/RightControl.styles.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.cjs +2 -2
- package/dist/cjs/components/DatePicker/DatePicker.cjs.map +1 -1
- package/dist/cjs/components/DropDownMenu/DropDownMenu.cjs +1 -1
- package/dist/cjs/components/DropDownMenu/DropDownMenu.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.cjs +46 -29
- package/dist/cjs/components/Dropdown/Dropdown.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.styles.cjs +42 -123
- package/dist/cjs/components/Dropdown/Dropdown.styles.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/List/List.cjs +33 -20
- package/dist/cjs/components/Dropdown/List/List.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/List/List.styles.cjs +19 -84
- package/dist/cjs/components/Dropdown/List/List.styles.cjs.map +1 -1
- package/dist/cjs/components/EmptyState/EmptyState.cjs +43 -25
- package/dist/cjs/components/EmptyState/EmptyState.cjs.map +1 -1
- package/dist/cjs/components/EmptyState/EmptyState.styles.cjs +32 -92
- package/dist/cjs/components/EmptyState/EmptyState.styles.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs +36 -30
- package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/DropZone/DropZone.styles.cjs +73 -183
- package/dist/cjs/components/FileUploader/DropZone/DropZone.styles.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/File/File.cjs +27 -24
- package/dist/cjs/components/FileUploader/File/File.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/File/File.styles.cjs +64 -148
- package/dist/cjs/components/FileUploader/File/File.styles.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/FileList/FileList.cjs +8 -6
- package/dist/cjs/components/FileUploader/FileList/FileList.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/FileList/FileList.styles.cjs +18 -20
- package/dist/cjs/components/FileUploader/FileList/FileList.styles.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/Preview/Preview.cjs +23 -10
- package/dist/cjs/components/FileUploader/Preview/Preview.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs +28 -61
- package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs.map +1 -1
- package/dist/cjs/components/FilterGroup/Counter/Counter.cjs +1 -1
- package/dist/cjs/components/FilterGroup/Counter/Counter.cjs.map +1 -1
- package/dist/cjs/components/FilterGroup/FilterGroup.cjs +1 -1
- package/dist/cjs/components/FilterGroup/FilterGroup.cjs.map +1 -1
- package/dist/cjs/components/Footer/Footer.cjs +22 -19
- package/dist/cjs/components/Footer/Footer.cjs.map +1 -1
- package/dist/cjs/components/Footer/Footer.styles.cjs +53 -104
- package/dist/cjs/components/Footer/Footer.styles.cjs.map +1 -1
- package/dist/cjs/components/Forms/Adornment/Adornment.cjs +18 -13
- package/dist/cjs/components/Forms/Adornment/Adornment.cjs.map +1 -1
- package/dist/cjs/components/Forms/Adornment/Adornment.styles.cjs +29 -77
- package/dist/cjs/components/Forms/Adornment/Adornment.styles.cjs.map +1 -1
- package/dist/cjs/components/Forms/CharCounter/CharCounter.cjs +22 -15
- package/dist/cjs/components/Forms/CharCounter/CharCounter.cjs.map +1 -1
- package/dist/cjs/components/Forms/CharCounter/CharCounter.styles.cjs +17 -51
- package/dist/cjs/components/Forms/CharCounter/CharCounter.styles.cjs.map +1 -1
- package/dist/cjs/components/Forms/FormElement/FormElement.cjs +8 -4
- package/dist/cjs/components/Forms/FormElement/FormElement.cjs.map +1 -1
- package/dist/cjs/components/Forms/FormElement/FormElement.styles.cjs +12 -0
- package/dist/cjs/components/Forms/FormElement/FormElement.styles.cjs.map +1 -0
- package/dist/cjs/components/Forms/InfoMessage/InfoMessage.cjs +13 -8
- package/dist/cjs/components/Forms/InfoMessage/InfoMessage.cjs.map +1 -1
- package/dist/cjs/components/Forms/InfoMessage/InfoMessage.styles.cjs +14 -34
- package/dist/cjs/components/Forms/InfoMessage/InfoMessage.styles.cjs.map +1 -1
- package/dist/cjs/components/Forms/Label/Label.cjs +12 -7
- package/dist/cjs/components/Forms/Label/Label.cjs.map +1 -1
- package/dist/cjs/components/Forms/Label/Label.styles.cjs +14 -34
- package/dist/cjs/components/Forms/Label/Label.styles.cjs.map +1 -1
- package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs +13 -9
- package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs.map +1 -1
- package/dist/cjs/components/Forms/Suggestions/Suggestions.styles.cjs +22 -46
- package/dist/cjs/components/Forms/Suggestions/Suggestions.styles.cjs.map +1 -1
- package/dist/cjs/components/Forms/WarningText/WarningText.cjs +21 -14
- package/dist/cjs/components/Forms/WarningText/WarningText.cjs.map +1 -1
- package/dist/cjs/components/Forms/WarningText/WarningText.styles.cjs +25 -70
- package/dist/cjs/components/Forms/WarningText/WarningText.styles.cjs.map +1 -1
- package/dist/cjs/components/Header/Actions/Actions.cjs +8 -5
- package/dist/cjs/components/Header/Actions/Actions.cjs.map +1 -1
- package/dist/cjs/components/Header/Actions/Actions.styles.cjs +18 -22
- package/dist/cjs/components/Header/Actions/Actions.styles.cjs.map +1 -1
- package/dist/cjs/components/Header/Brand/Brand.cjs +17 -8
- package/dist/cjs/components/Header/Brand/Brand.cjs.map +1 -1
- package/dist/cjs/components/Header/Brand/Brand.styles.cjs +17 -49
- package/dist/cjs/components/Header/Brand/Brand.styles.cjs.map +1 -1
- package/dist/cjs/components/Header/Header.cjs +18 -8
- package/dist/cjs/components/Header/Header.cjs.map +1 -1
- package/dist/cjs/components/Header/Header.styles.cjs +31 -72
- package/dist/cjs/components/Header/Header.styles.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuBar/Bar.cjs +14 -9
- package/dist/cjs/components/Header/Navigation/MenuBar/Bar.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuBar/Bar.styles.cjs +41 -69
- package/dist/cjs/components/Header/Navigation/MenuBar/Bar.styles.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs +18 -10
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.styles.cjs +75 -152
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.styles.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/Navigation.cjs +8 -5
- package/dist/cjs/components/Header/Navigation/Navigation.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/Navigation.styles.cjs +15 -20
- package/dist/cjs/components/Header/Navigation/Navigation.styles.cjs.map +1 -1
- package/dist/cjs/components/InlineEditor/InlineEditor.cjs +1 -1
- package/dist/cjs/components/InlineEditor/InlineEditor.cjs.map +1 -1
- package/dist/cjs/components/Input/Input.cjs +2 -2
- package/dist/cjs/components/Input/Input.cjs.map +1 -1
- package/dist/cjs/components/Input/Input.styles.cjs +3 -2
- package/dist/cjs/components/Input/Input.styles.cjs.map +1 -1
- package/dist/cjs/components/List/List.styles.cjs +9 -9
- package/dist/cjs/components/List/List.styles.cjs.map +1 -1
- package/dist/cjs/components/Login/Login.cjs +10 -7
- package/dist/cjs/components/Login/Login.cjs.map +1 -1
- package/dist/cjs/components/Login/Login.styles.cjs +22 -32
- package/dist/cjs/components/Login/Login.styles.cjs.map +1 -1
- package/dist/cjs/components/Panel/Panel.cjs +8 -5
- package/dist/cjs/components/Panel/Panel.cjs.map +1 -1
- package/dist/cjs/components/Panel/Panel.styles.cjs +14 -15
- package/dist/cjs/components/Panel/Panel.styles.cjs.map +1 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.cjs +20 -14
- package/dist/cjs/components/ProgressBar/ProgressBar.cjs.map +1 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.styles.cjs +39 -93
- package/dist/cjs/components/ProgressBar/ProgressBar.styles.cjs.map +1 -1
- package/dist/cjs/components/Radio/Radio.cjs +23 -16
- package/dist/cjs/components/Radio/Radio.cjs.map +1 -1
- package/dist/cjs/components/Radio/Radio.styles.cjs +53 -110
- package/dist/cjs/components/Radio/Radio.styles.cjs.map +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.cjs +19 -13
- package/dist/cjs/components/RadioGroup/RadioGroup.cjs.map +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.styles.cjs +26 -67
- package/dist/cjs/components/RadioGroup/RadioGroup.styles.cjs.map +1 -1
- package/dist/cjs/components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.cjs +1 -1
- package/dist/cjs/components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.cjs.map +1 -1
- package/dist/cjs/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.cjs +1 -1
- package/dist/cjs/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.cjs.map +1 -1
- package/dist/cjs/components/Snackbar/Snackbar.cjs +2 -2
- package/dist/cjs/components/Snackbar/Snackbar.cjs.map +1 -1
- package/dist/cjs/components/Snackbar/{SnackbarContentWrapper/SnackbarContentWrapper.cjs → SnackbarContent/SnackbarContent.cjs} +5 -5
- package/dist/cjs/components/Snackbar/SnackbarContent/SnackbarContent.cjs.map +1 -0
- package/dist/cjs/components/Snackbar/{SnackbarContentWrapper/SnackbarContentWrapper.styles.cjs → SnackbarContent/SnackbarContent.styles.cjs} +6 -4
- package/dist/cjs/components/Snackbar/SnackbarContent/SnackbarContent.styles.cjs.map +1 -0
- package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs +10 -9
- package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs.map +1 -1
- package/dist/cjs/components/Switch/Switch.cjs +17 -11
- package/dist/cjs/components/Switch/Switch.cjs.map +1 -1
- package/dist/cjs/components/Switch/Switch.styles.cjs +25 -66
- package/dist/cjs/components/Switch/Switch.styles.cjs.map +1 -1
- package/dist/cjs/components/Table/Table.cjs +13 -59
- package/dist/cjs/components/Table/Table.cjs.map +1 -1
- package/dist/cjs/components/Table/Table.styles.cjs +35 -0
- package/dist/cjs/components/Table/Table.styles.cjs.map +1 -0
- package/dist/cjs/components/Table/TableBody/TableBody.cjs +9 -26
- package/dist/cjs/components/Table/TableBody/TableBody.cjs.map +1 -1
- package/dist/cjs/components/Table/TableBody/TableBody.styles.cjs +16 -0
- package/dist/cjs/components/Table/TableBody/TableBody.styles.cjs.map +1 -0
- package/dist/cjs/components/Table/TableCell/TableCell.cjs +13 -46
- package/dist/cjs/components/Table/TableCell/TableCell.cjs.map +1 -1
- package/dist/cjs/components/Table/TableContainer/TableContainer.cjs +9 -26
- package/dist/cjs/components/Table/TableContainer/TableContainer.cjs.map +1 -1
- package/dist/cjs/components/Table/TableContainer/TableContainer.styles.cjs +17 -0
- package/dist/cjs/components/Table/TableContainer/TableContainer.styles.cjs.map +1 -0
- package/dist/cjs/components/Table/TableHead/TableHead.cjs +11 -39
- package/dist/cjs/components/Table/TableHead/TableHead.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHead/TableHead.styles.cjs +17 -0
- package/dist/cjs/components/Table/TableHead/TableHead.styles.cjs.map +1 -0
- package/dist/cjs/components/Table/TableHeader/TableHeader.cjs +44 -218
- package/dist/cjs/components/Table/TableHeader/TableHeader.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs +178 -101
- package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs.map +1 -1
- package/dist/cjs/components/Table/TableRow/TableRow.cjs +18 -51
- package/dist/cjs/components/Table/TableRow/TableRow.cjs.map +1 -1
- package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs +1 -12
- package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs +18 -3
- package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.cjs +23 -50
- package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs +8 -2
- package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.cjs +18 -36
- package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.cjs.map +1 -1
- package/dist/cjs/components/TagsInput/TagsInput.styles.cjs +2 -2
- package/dist/cjs/components/TagsInput/TagsInput.styles.cjs.map +1 -1
- package/dist/cjs/components/TimeAgo/TimeAgo.cjs +4 -2
- package/dist/cjs/components/TimeAgo/TimeAgo.cjs.map +1 -1
- package/dist/cjs/components/Typography/Typography.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Header/Header.cjs +1 -0
- package/dist/cjs/components/VerticalNavigation/Header/Header.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs +3 -1
- package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs +3 -1
- package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs.map +1 -1
- package/dist/cjs/index.cjs +88 -88
- package/dist/esm/components/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/AppSwitcher/Action/Action.js +34 -19
- package/dist/esm/components/AppSwitcher/Action/Action.js.map +1 -1
- package/dist/esm/components/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/BaseCheckBox/BaseCheckBox.js +19 -12
- package/dist/esm/components/BaseCheckBox/BaseCheckBox.js.map +1 -1
- package/dist/esm/components/BaseCheckBox/BaseCheckBox.styles.js +23 -41
- package/dist/esm/components/BaseCheckBox/BaseCheckBox.styles.js.map +1 -1
- package/dist/esm/components/BaseDropdown/BaseDropdown.js +54 -43
- package/dist/esm/components/BaseDropdown/BaseDropdown.js.map +1 -1
- package/dist/esm/components/BaseDropdown/BaseDropdown.styles.js +105 -192
- package/dist/esm/components/BaseDropdown/BaseDropdown.styles.js.map +1 -1
- package/dist/esm/components/BaseRadio/BaseRadio.js +16 -9
- package/dist/esm/components/BaseRadio/BaseRadio.js.map +1 -1
- package/dist/esm/components/BaseRadio/BaseRadio.styles.js +20 -36
- package/dist/esm/components/BaseRadio/BaseRadio.styles.js.map +1 -1
- package/dist/esm/components/BaseSwitch/BaseSwitch.js +22 -16
- package/dist/esm/components/BaseSwitch/BaseSwitch.js.map +1 -1
- package/dist/esm/components/BaseSwitch/BaseSwitch.styles.js +60 -72
- package/dist/esm/components/BaseSwitch/BaseSwitch.styles.js.map +1 -1
- package/dist/esm/components/BreadCrumb/BreadCrumb.js +22 -17
- package/dist/esm/components/BreadCrumb/BreadCrumb.js.map +1 -1
- package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js +24 -46
- package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js.map +1 -1
- package/dist/esm/components/BreadCrumb/PathElement/PathElement.js +11 -8
- package/dist/esm/components/BreadCrumb/PathElement/PathElement.js.map +1 -1
- package/dist/esm/components/BreadCrumb/PathElement/PathElement.styles.js +12 -18
- package/dist/esm/components/BreadCrumb/PathElement/PathElement.styles.js.map +1 -1
- package/dist/esm/components/BulkActions/BulkActions.js +44 -17
- package/dist/esm/components/BulkActions/BulkActions.js.map +1 -1
- package/dist/esm/components/BulkActions/BulkActions.styles.js +34 -103
- package/dist/esm/components/BulkActions/BulkActions.styles.js.map +1 -1
- package/dist/esm/components/Card/Header/Header.js +1 -1
- package/dist/esm/components/Card/Header/Header.js.map +1 -1
- package/dist/esm/components/CheckBox/CheckBox.js +27 -18
- package/dist/esm/components/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/CheckBox/CheckBox.styles.js +48 -98
- package/dist/esm/components/CheckBox/CheckBox.styles.js.map +1 -1
- package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js +23 -16
- package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
- package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.styles.js +27 -65
- package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.styles.js.map +1 -1
- package/dist/esm/components/ColorPicker/ColorPicker.js +1 -1
- package/dist/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/ColorPicker/Fields/Fields.js +1 -1
- package/dist/esm/components/ColorPicker/Fields/Fields.js.map +1 -1
- package/dist/esm/components/Container/Container.js +41 -17
- package/dist/esm/components/Container/Container.js.map +1 -1
- package/dist/esm/components/Container/Container.styles.js +16 -34
- package/dist/esm/components/Container/Container.styles.js.map +1 -1
- package/dist/esm/components/Controls/Controls.js +15 -11
- package/dist/esm/components/Controls/Controls.js.map +1 -1
- package/dist/esm/components/Controls/Controls.styles.js +19 -33
- package/dist/esm/components/Controls/Controls.styles.js.map +1 -1
- package/dist/esm/components/Controls/LeftControl/LeftControl.js +11 -7
- package/dist/esm/components/Controls/LeftControl/LeftControl.js.map +1 -1
- package/dist/esm/components/Controls/LeftControl/LeftControl.styles.js +11 -18
- package/dist/esm/components/Controls/LeftControl/LeftControl.styles.js.map +1 -1
- package/dist/esm/components/Controls/RightControl/RightControl.js +14 -9
- package/dist/esm/components/Controls/RightControl/RightControl.js.map +1 -1
- package/dist/esm/components/Controls/RightControl/RightControl.styles.js +14 -37
- package/dist/esm/components/Controls/RightControl/RightControl.styles.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +2 -2
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DropDownMenu/DropDownMenu.js +1 -1
- package/dist/esm/components/DropDownMenu/DropDownMenu.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js +48 -31
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.styles.js +42 -121
- package/dist/esm/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/dist/esm/components/Dropdown/List/List.js +36 -22
- package/dist/esm/components/Dropdown/List/List.js.map +1 -1
- package/dist/esm/components/Dropdown/List/List.styles.js +19 -82
- package/dist/esm/components/Dropdown/List/List.styles.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyState.js +44 -27
- package/dist/esm/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyState.styles.js +32 -90
- package/dist/esm/components/EmptyState/EmptyState.styles.js.map +1 -1
- package/dist/esm/components/FileUploader/DropZone/DropZone.js +39 -32
- package/dist/esm/components/FileUploader/DropZone/DropZone.js.map +1 -1
- package/dist/esm/components/FileUploader/DropZone/DropZone.styles.js +73 -181
- package/dist/esm/components/FileUploader/DropZone/DropZone.styles.js.map +1 -1
- package/dist/esm/components/FileUploader/File/File.js +31 -27
- package/dist/esm/components/FileUploader/File/File.js.map +1 -1
- package/dist/esm/components/FileUploader/File/File.styles.js +64 -146
- package/dist/esm/components/FileUploader/File/File.styles.js.map +1 -1
- package/dist/esm/components/FileUploader/FileList/FileList.js +11 -8
- package/dist/esm/components/FileUploader/FileList/FileList.js.map +1 -1
- package/dist/esm/components/FileUploader/FileList/FileList.styles.js +18 -18
- package/dist/esm/components/FileUploader/FileList/FileList.styles.js.map +1 -1
- package/dist/esm/components/FileUploader/Preview/Preview.js +27 -13
- package/dist/esm/components/FileUploader/Preview/Preview.js.map +1 -1
- package/dist/esm/components/FileUploader/Preview/Preview.styles.js +28 -59
- package/dist/esm/components/FileUploader/Preview/Preview.styles.js.map +1 -1
- package/dist/esm/components/FilterGroup/Counter/Counter.js +1 -1
- package/dist/esm/components/FilterGroup/Counter/Counter.js.map +1 -1
- package/dist/esm/components/FilterGroup/FilterGroup.js +1 -1
- package/dist/esm/components/FilterGroup/FilterGroup.js.map +1 -1
- package/dist/esm/components/Footer/Footer.js +25 -21
- package/dist/esm/components/Footer/Footer.js.map +1 -1
- package/dist/esm/components/Footer/Footer.styles.js +53 -102
- package/dist/esm/components/Footer/Footer.styles.js.map +1 -1
- package/dist/esm/components/Forms/Adornment/Adornment.js +21 -15
- package/dist/esm/components/Forms/Adornment/Adornment.js.map +1 -1
- package/dist/esm/components/Forms/Adornment/Adornment.styles.js +29 -75
- package/dist/esm/components/Forms/Adornment/Adornment.styles.js.map +1 -1
- package/dist/esm/components/Forms/CharCounter/CharCounter.js +25 -17
- package/dist/esm/components/Forms/CharCounter/CharCounter.js.map +1 -1
- package/dist/esm/components/Forms/CharCounter/CharCounter.styles.js +17 -49
- package/dist/esm/components/Forms/CharCounter/CharCounter.styles.js.map +1 -1
- package/dist/esm/components/Forms/FormElement/FormElement.js +10 -5
- package/dist/esm/components/Forms/FormElement/FormElement.js.map +1 -1
- package/dist/esm/components/Forms/FormElement/FormElement.styles.js +12 -0
- package/dist/esm/components/Forms/FormElement/FormElement.styles.js.map +1 -0
- package/dist/esm/components/Forms/InfoMessage/InfoMessage.js +16 -10
- package/dist/esm/components/Forms/InfoMessage/InfoMessage.js.map +1 -1
- package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js +14 -32
- package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js.map +1 -1
- package/dist/esm/components/Forms/Label/Label.js +15 -9
- package/dist/esm/components/Forms/Label/Label.js.map +1 -1
- package/dist/esm/components/Forms/Label/Label.styles.js +14 -32
- package/dist/esm/components/Forms/Label/Label.styles.js.map +1 -1
- package/dist/esm/components/Forms/Suggestions/Suggestions.js +17 -12
- package/dist/esm/components/Forms/Suggestions/Suggestions.js.map +1 -1
- package/dist/esm/components/Forms/Suggestions/Suggestions.styles.js +22 -44
- package/dist/esm/components/Forms/Suggestions/Suggestions.styles.js.map +1 -1
- package/dist/esm/components/Forms/WarningText/WarningText.js +24 -16
- package/dist/esm/components/Forms/WarningText/WarningText.js.map +1 -1
- package/dist/esm/components/Forms/WarningText/WarningText.styles.js +25 -68
- package/dist/esm/components/Forms/WarningText/WarningText.styles.js.map +1 -1
- package/dist/esm/components/Header/Actions/Actions.js +11 -7
- package/dist/esm/components/Header/Actions/Actions.js.map +1 -1
- package/dist/esm/components/Header/Actions/Actions.styles.js +19 -21
- package/dist/esm/components/Header/Actions/Actions.styles.js.map +1 -1
- package/dist/esm/components/Header/Brand/Brand.js +20 -10
- package/dist/esm/components/Header/Brand/Brand.js.map +1 -1
- package/dist/esm/components/Header/Brand/Brand.styles.js +17 -47
- package/dist/esm/components/Header/Brand/Brand.styles.js.map +1 -1
- package/dist/esm/components/Header/Header.js +21 -10
- package/dist/esm/components/Header/Header.js.map +1 -1
- package/dist/esm/components/Header/Header.styles.js +31 -70
- package/dist/esm/components/Header/Header.styles.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuBar/Bar.js +17 -11
- package/dist/esm/components/Header/Navigation/MenuBar/Bar.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuBar/Bar.styles.js +41 -67
- package/dist/esm/components/Header/Navigation/MenuBar/Bar.styles.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js +21 -12
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js +75 -150
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js.map +1 -1
- package/dist/esm/components/Header/Navigation/Navigation.js +11 -7
- package/dist/esm/components/Header/Navigation/Navigation.js.map +1 -1
- package/dist/esm/components/Header/Navigation/Navigation.styles.js +15 -18
- package/dist/esm/components/Header/Navigation/Navigation.styles.js.map +1 -1
- package/dist/esm/components/InlineEditor/InlineEditor.js +1 -1
- package/dist/esm/components/InlineEditor/InlineEditor.js.map +1 -1
- package/dist/esm/components/Input/Input.js +2 -2
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Input/Input.styles.js +3 -2
- package/dist/esm/components/Input/Input.styles.js.map +1 -1
- package/dist/esm/components/List/List.styles.js +9 -9
- package/dist/esm/components/List/List.styles.js.map +1 -1
- package/dist/esm/components/Login/Login.js +13 -9
- package/dist/esm/components/Login/Login.js.map +1 -1
- package/dist/esm/components/Login/Login.styles.js +22 -30
- package/dist/esm/components/Login/Login.styles.js.map +1 -1
- package/dist/esm/components/Panel/Panel.js +11 -7
- package/dist/esm/components/Panel/Panel.js.map +1 -1
- package/dist/esm/components/Panel/Panel.styles.js +14 -13
- package/dist/esm/components/Panel/Panel.styles.js.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.js +23 -16
- package/dist/esm/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.styles.js +39 -91
- package/dist/esm/components/ProgressBar/ProgressBar.styles.js.map +1 -1
- package/dist/esm/components/Radio/Radio.js +26 -18
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/Radio/Radio.styles.js +53 -108
- package/dist/esm/components/Radio/Radio.styles.js.map +1 -1
- package/dist/esm/components/RadioGroup/RadioGroup.js +22 -15
- package/dist/esm/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/esm/components/RadioGroup/RadioGroup.styles.js +26 -65
- package/dist/esm/components/RadioGroup/RadioGroup.styles.js.map +1 -1
- package/dist/esm/components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js +1 -1
- package/dist/esm/components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map +1 -1
- package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js +1 -1
- package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map +1 -1
- package/dist/esm/components/Snackbar/Snackbar.js +1 -1
- package/dist/esm/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/components/Snackbar/{SnackbarContentWrapper/SnackbarContentWrapper.js → SnackbarContent/SnackbarContent.js} +4 -4
- package/dist/esm/components/Snackbar/SnackbarContent/SnackbarContent.js.map +1 -0
- package/dist/esm/components/Snackbar/{SnackbarContentWrapper/SnackbarContentWrapper.styles.js → SnackbarContent/SnackbarContent.styles.js} +6 -4
- package/dist/esm/components/Snackbar/SnackbarContent/SnackbarContent.styles.js.map +1 -0
- package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js +9 -8
- package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js.map +1 -1
- package/dist/esm/components/Switch/Switch.js +20 -13
- package/dist/esm/components/Switch/Switch.js.map +1 -1
- package/dist/esm/components/Switch/Switch.styles.js +25 -64
- package/dist/esm/components/Switch/Switch.styles.js.map +1 -1
- package/dist/esm/components/Table/Table.js +15 -58
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/Table.styles.js +35 -0
- package/dist/esm/components/Table/Table.styles.js.map +1 -0
- package/dist/esm/components/Table/TableBody/TableBody.js +12 -26
- package/dist/esm/components/Table/TableBody/TableBody.js.map +1 -1
- package/dist/esm/components/Table/TableBody/TableBody.styles.js +16 -0
- package/dist/esm/components/Table/TableBody/TableBody.styles.js.map +1 -0
- package/dist/esm/components/Table/TableCell/TableCell.js +14 -46
- package/dist/esm/components/Table/TableCell/TableCell.js.map +1 -1
- package/dist/esm/components/Table/TableContainer/TableContainer.js +12 -26
- package/dist/esm/components/Table/TableContainer/TableContainer.js.map +1 -1
- package/dist/esm/components/Table/TableContainer/TableContainer.styles.js +17 -0
- package/dist/esm/components/Table/TableContainer/TableContainer.styles.js.map +1 -0
- package/dist/esm/components/Table/TableHead/TableHead.js +14 -39
- package/dist/esm/components/Table/TableHead/TableHead.js.map +1 -1
- package/dist/esm/components/Table/TableHead/TableHead.styles.js +17 -0
- package/dist/esm/components/Table/TableHead/TableHead.styles.js.map +1 -0
- package/dist/esm/components/Table/TableHeader/TableHeader.js +46 -219
- package/dist/esm/components/Table/TableHeader/TableHeader.js.map +1 -1
- package/dist/esm/components/Table/TableHeader/TableHeader.styles.js +178 -99
- package/dist/esm/components/Table/TableHeader/TableHeader.styles.js.map +1 -1
- package/dist/esm/components/Table/TableRow/TableRow.js +19 -50
- package/dist/esm/components/Table/TableRow/TableRow.js.map +1 -1
- package/dist/esm/components/Table/TableRow/TableRow.styles.js +1 -12
- package/dist/esm/components/Table/TableRow/TableRow.styles.js.map +1 -1
- package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js +17 -4
- package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map +1 -1
- package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js +23 -48
- package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js.map +1 -1
- package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js +9 -3
- package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map +1 -1
- package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.js +18 -34
- package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.js.map +1 -1
- package/dist/esm/components/TagsInput/TagsInput.styles.js +2 -2
- package/dist/esm/components/TagsInput/TagsInput.styles.js.map +1 -1
- package/dist/esm/components/TimeAgo/TimeAgo.js +4 -2
- package/dist/esm/components/TimeAgo/TimeAgo.js.map +1 -1
- package/dist/esm/components/Typography/Typography.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Header/Header.js +1 -0
- package/dist/esm/components/VerticalNavigation/Header/Header.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js +3 -1
- package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.js +3 -1
- package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.js.map +1 -1
- package/dist/esm/index.js +233 -233
- package/dist/types/index.d.ts +1097 -780
- package/package.json +5 -5
- package/dist/cjs/components/BaseCheckBox/baseCheckBoxClasses.cjs +0 -8
- package/dist/cjs/components/BaseCheckBox/baseCheckBoxClasses.cjs.map +0 -1
- package/dist/cjs/components/BaseDropdown/baseDropdownClasses.cjs +0 -8
- package/dist/cjs/components/BaseDropdown/baseDropdownClasses.cjs.map +0 -1
- package/dist/cjs/components/BaseRadio/baseRadioClasses.cjs +0 -8
- package/dist/cjs/components/BaseRadio/baseRadioClasses.cjs.map +0 -1
- package/dist/cjs/components/BaseSwitch/baseSwitchClasses.cjs +0 -8
- package/dist/cjs/components/BaseSwitch/baseSwitchClasses.cjs.map +0 -1
- package/dist/cjs/components/BreadCrumb/PathElement/pathElementClasses.cjs +0 -8
- package/dist/cjs/components/BreadCrumb/PathElement/pathElementClasses.cjs.map +0 -1
- package/dist/cjs/components/BreadCrumb/breadCrumbClasses.cjs +0 -8
- package/dist/cjs/components/BreadCrumb/breadCrumbClasses.cjs.map +0 -1
- package/dist/cjs/components/BulkActions/bulkActionsClasses.cjs +0 -8
- package/dist/cjs/components/BulkActions/bulkActionsClasses.cjs.map +0 -1
- package/dist/cjs/components/CheckBox/checkBoxClasses.cjs +0 -8
- package/dist/cjs/components/CheckBox/checkBoxClasses.cjs.map +0 -1
- package/dist/cjs/components/CheckBoxGroup/checkBoxGroupClasses.cjs +0 -8
- package/dist/cjs/components/CheckBoxGroup/checkBoxGroupClasses.cjs.map +0 -1
- package/dist/cjs/components/Container/containerClasses.cjs +0 -8
- package/dist/cjs/components/Container/containerClasses.cjs.map +0 -1
- package/dist/cjs/components/Controls/LeftControl/leftControlClasses.cjs +0 -8
- package/dist/cjs/components/Controls/LeftControl/leftControlClasses.cjs.map +0 -1
- package/dist/cjs/components/Controls/RightControl/rightControlClasses.cjs +0 -8
- package/dist/cjs/components/Controls/RightControl/rightControlClasses.cjs.map +0 -1
- package/dist/cjs/components/Controls/controlClasses.cjs +0 -8
- package/dist/cjs/components/Controls/controlClasses.cjs.map +0 -1
- package/dist/cjs/components/Dropdown/List/listClasses.cjs +0 -8
- package/dist/cjs/components/Dropdown/List/listClasses.cjs.map +0 -1
- package/dist/cjs/components/Dropdown/dropdownClasses.cjs +0 -8
- package/dist/cjs/components/Dropdown/dropdownClasses.cjs.map +0 -1
- package/dist/cjs/components/EmptyState/emptyStateClasses.cjs +0 -8
- package/dist/cjs/components/EmptyState/emptyStateClasses.cjs.map +0 -1
- package/dist/cjs/components/FileUploader/DropZone/dropZoneClasses.cjs +0 -8
- package/dist/cjs/components/FileUploader/DropZone/dropZoneClasses.cjs.map +0 -1
- package/dist/cjs/components/FileUploader/File/fileClasses.cjs +0 -8
- package/dist/cjs/components/FileUploader/File/fileClasses.cjs.map +0 -1
- package/dist/cjs/components/FileUploader/FileList/fileListClasses.cjs +0 -8
- package/dist/cjs/components/FileUploader/FileList/fileListClasses.cjs.map +0 -1
- package/dist/cjs/components/FileUploader/Preview/previewClasses.cjs +0 -8
- package/dist/cjs/components/FileUploader/Preview/previewClasses.cjs.map +0 -1
- package/dist/cjs/components/Footer/footerClasses.cjs +0 -8
- package/dist/cjs/components/Footer/footerClasses.cjs.map +0 -1
- package/dist/cjs/components/Forms/Adornment/adornmentClasses.cjs +0 -8
- package/dist/cjs/components/Forms/Adornment/adornmentClasses.cjs.map +0 -1
- package/dist/cjs/components/Forms/CharCounter/charCounterClasses.cjs +0 -8
- package/dist/cjs/components/Forms/CharCounter/charCounterClasses.cjs.map +0 -1
- package/dist/cjs/components/Forms/FormElement/formElementClasses.cjs +0 -8
- package/dist/cjs/components/Forms/FormElement/formElementClasses.cjs.map +0 -1
- package/dist/cjs/components/Forms/InfoMessage/infoMessageClasses.cjs +0 -8
- package/dist/cjs/components/Forms/InfoMessage/infoMessageClasses.cjs.map +0 -1
- package/dist/cjs/components/Forms/Label/labelClasses.cjs +0 -8
- package/dist/cjs/components/Forms/Label/labelClasses.cjs.map +0 -1
- package/dist/cjs/components/Forms/Suggestions/suggestionsClasses.cjs +0 -8
- package/dist/cjs/components/Forms/Suggestions/suggestionsClasses.cjs.map +0 -1
- package/dist/cjs/components/Forms/WarningText/warningTextClasses.cjs +0 -8
- package/dist/cjs/components/Forms/WarningText/warningTextClasses.cjs.map +0 -1
- package/dist/cjs/components/Header/Actions/actionsClasses.cjs +0 -8
- package/dist/cjs/components/Header/Actions/actionsClasses.cjs.map +0 -1
- package/dist/cjs/components/Header/Brand/brandClasses.cjs +0 -8
- package/dist/cjs/components/Header/Brand/brandClasses.cjs.map +0 -1
- package/dist/cjs/components/Header/Navigation/MenuBar/menuBarClasses.cjs +0 -8
- package/dist/cjs/components/Header/Navigation/MenuBar/menuBarClasses.cjs.map +0 -1
- package/dist/cjs/components/Header/Navigation/navigationClasses.cjs +0 -8
- package/dist/cjs/components/Header/Navigation/navigationClasses.cjs.map +0 -1
- package/dist/cjs/components/Header/headerClasses.cjs +0 -8
- package/dist/cjs/components/Header/headerClasses.cjs.map +0 -1
- package/dist/cjs/components/Login/loginClasses.cjs +0 -8
- package/dist/cjs/components/Login/loginClasses.cjs.map +0 -1
- package/dist/cjs/components/Panel/panelClasses.cjs +0 -8
- package/dist/cjs/components/Panel/panelClasses.cjs.map +0 -1
- package/dist/cjs/components/ProgressBar/progressBarClasses.cjs +0 -8
- package/dist/cjs/components/ProgressBar/progressBarClasses.cjs.map +0 -1
- package/dist/cjs/components/Radio/radioClasses.cjs +0 -8
- package/dist/cjs/components/Radio/radioClasses.cjs.map +0 -1
- package/dist/cjs/components/RadioGroup/radioGroupClasses.cjs +0 -8
- package/dist/cjs/components/RadioGroup/radioGroupClasses.cjs.map +0 -1
- package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs.map +0 -1
- package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.cjs.map +0 -1
- package/dist/cjs/components/Switch/switchClasses.cjs +0 -8
- package/dist/cjs/components/Switch/switchClasses.cjs.map +0 -1
- package/dist/cjs/components/Table/TableBody/tableBodyClasses.cjs +0 -8
- package/dist/cjs/components/Table/TableBody/tableBodyClasses.cjs.map +0 -1
- package/dist/cjs/components/Table/TableContainer/tableContainerClasses.cjs +0 -8
- package/dist/cjs/components/Table/TableContainer/tableContainerClasses.cjs.map +0 -1
- package/dist/cjs/components/Table/TableHead/tableHeadClasses.cjs +0 -8
- package/dist/cjs/components/Table/TableHead/tableHeadClasses.cjs.map +0 -1
- package/dist/cjs/components/Table/TableHeader/tableHeaderClasses.cjs +0 -8
- package/dist/cjs/components/Table/TableHeader/tableHeaderClasses.cjs.map +0 -1
- package/dist/cjs/components/Table/tableClasses.cjs +0 -8
- package/dist/cjs/components/Table/tableClasses.cjs.map +0 -1
- package/dist/esm/components/BaseCheckBox/baseCheckBoxClasses.js +0 -8
- package/dist/esm/components/BaseCheckBox/baseCheckBoxClasses.js.map +0 -1
- package/dist/esm/components/BaseDropdown/baseDropdownClasses.js +0 -8
- package/dist/esm/components/BaseDropdown/baseDropdownClasses.js.map +0 -1
- package/dist/esm/components/BaseRadio/baseRadioClasses.js +0 -8
- package/dist/esm/components/BaseRadio/baseRadioClasses.js.map +0 -1
- package/dist/esm/components/BaseSwitch/baseSwitchClasses.js +0 -8
- package/dist/esm/components/BaseSwitch/baseSwitchClasses.js.map +0 -1
- package/dist/esm/components/BreadCrumb/PathElement/pathElementClasses.js +0 -8
- package/dist/esm/components/BreadCrumb/PathElement/pathElementClasses.js.map +0 -1
- package/dist/esm/components/BreadCrumb/breadCrumbClasses.js +0 -8
- package/dist/esm/components/BreadCrumb/breadCrumbClasses.js.map +0 -1
- package/dist/esm/components/BulkActions/bulkActionsClasses.js +0 -8
- package/dist/esm/components/BulkActions/bulkActionsClasses.js.map +0 -1
- package/dist/esm/components/CheckBox/checkBoxClasses.js +0 -8
- package/dist/esm/components/CheckBox/checkBoxClasses.js.map +0 -1
- package/dist/esm/components/CheckBoxGroup/checkBoxGroupClasses.js +0 -8
- package/dist/esm/components/CheckBoxGroup/checkBoxGroupClasses.js.map +0 -1
- package/dist/esm/components/Container/containerClasses.js +0 -8
- package/dist/esm/components/Container/containerClasses.js.map +0 -1
- package/dist/esm/components/Controls/LeftControl/leftControlClasses.js +0 -8
- package/dist/esm/components/Controls/LeftControl/leftControlClasses.js.map +0 -1
- package/dist/esm/components/Controls/RightControl/rightControlClasses.js +0 -8
- package/dist/esm/components/Controls/RightControl/rightControlClasses.js.map +0 -1
- package/dist/esm/components/Controls/controlClasses.js +0 -8
- package/dist/esm/components/Controls/controlClasses.js.map +0 -1
- package/dist/esm/components/Dropdown/List/listClasses.js +0 -8
- package/dist/esm/components/Dropdown/List/listClasses.js.map +0 -1
- package/dist/esm/components/Dropdown/dropdownClasses.js +0 -8
- package/dist/esm/components/Dropdown/dropdownClasses.js.map +0 -1
- package/dist/esm/components/EmptyState/emptyStateClasses.js +0 -8
- package/dist/esm/components/EmptyState/emptyStateClasses.js.map +0 -1
- package/dist/esm/components/FileUploader/DropZone/dropZoneClasses.js +0 -8
- package/dist/esm/components/FileUploader/DropZone/dropZoneClasses.js.map +0 -1
- package/dist/esm/components/FileUploader/File/fileClasses.js +0 -8
- package/dist/esm/components/FileUploader/File/fileClasses.js.map +0 -1
- package/dist/esm/components/FileUploader/FileList/fileListClasses.js +0 -8
- package/dist/esm/components/FileUploader/FileList/fileListClasses.js.map +0 -1
- package/dist/esm/components/FileUploader/Preview/previewClasses.js +0 -8
- package/dist/esm/components/FileUploader/Preview/previewClasses.js.map +0 -1
- package/dist/esm/components/Footer/footerClasses.js +0 -8
- package/dist/esm/components/Footer/footerClasses.js.map +0 -1
- package/dist/esm/components/Forms/Adornment/adornmentClasses.js +0 -8
- package/dist/esm/components/Forms/Adornment/adornmentClasses.js.map +0 -1
- package/dist/esm/components/Forms/CharCounter/charCounterClasses.js +0 -8
- package/dist/esm/components/Forms/CharCounter/charCounterClasses.js.map +0 -1
- package/dist/esm/components/Forms/FormElement/formElementClasses.js +0 -8
- package/dist/esm/components/Forms/FormElement/formElementClasses.js.map +0 -1
- package/dist/esm/components/Forms/InfoMessage/infoMessageClasses.js +0 -8
- package/dist/esm/components/Forms/InfoMessage/infoMessageClasses.js.map +0 -1
- package/dist/esm/components/Forms/Label/labelClasses.js +0 -8
- package/dist/esm/components/Forms/Label/labelClasses.js.map +0 -1
- package/dist/esm/components/Forms/Suggestions/suggestionsClasses.js +0 -8
- package/dist/esm/components/Forms/Suggestions/suggestionsClasses.js.map +0 -1
- package/dist/esm/components/Forms/WarningText/warningTextClasses.js +0 -8
- package/dist/esm/components/Forms/WarningText/warningTextClasses.js.map +0 -1
- package/dist/esm/components/Header/Actions/actionsClasses.js +0 -8
- package/dist/esm/components/Header/Actions/actionsClasses.js.map +0 -1
- package/dist/esm/components/Header/Brand/brandClasses.js +0 -8
- package/dist/esm/components/Header/Brand/brandClasses.js.map +0 -1
- package/dist/esm/components/Header/Navigation/MenuBar/menuBarClasses.js +0 -8
- package/dist/esm/components/Header/Navigation/MenuBar/menuBarClasses.js.map +0 -1
- package/dist/esm/components/Header/Navigation/navigationClasses.js +0 -8
- package/dist/esm/components/Header/Navigation/navigationClasses.js.map +0 -1
- package/dist/esm/components/Header/headerClasses.js +0 -8
- package/dist/esm/components/Header/headerClasses.js.map +0 -1
- package/dist/esm/components/Login/loginClasses.js +0 -8
- package/dist/esm/components/Login/loginClasses.js.map +0 -1
- package/dist/esm/components/Panel/panelClasses.js +0 -8
- package/dist/esm/components/Panel/panelClasses.js.map +0 -1
- package/dist/esm/components/ProgressBar/progressBarClasses.js +0 -8
- package/dist/esm/components/ProgressBar/progressBarClasses.js.map +0 -1
- package/dist/esm/components/Radio/radioClasses.js +0 -8
- package/dist/esm/components/Radio/radioClasses.js.map +0 -1
- package/dist/esm/components/RadioGroup/radioGroupClasses.js +0 -8
- package/dist/esm/components/RadioGroup/radioGroupClasses.js.map +0 -1
- package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map +0 -1
- package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js.map +0 -1
- package/dist/esm/components/Switch/switchClasses.js +0 -8
- package/dist/esm/components/Switch/switchClasses.js.map +0 -1
- package/dist/esm/components/Table/TableBody/tableBodyClasses.js +0 -8
- package/dist/esm/components/Table/TableBody/tableBodyClasses.js.map +0 -1
- package/dist/esm/components/Table/TableContainer/tableContainerClasses.js +0 -8
- package/dist/esm/components/Table/TableContainer/tableContainerClasses.js.map +0 -1
- package/dist/esm/components/Table/TableHead/tableHeadClasses.js +0 -8
- package/dist/esm/components/Table/TableHead/tableHeadClasses.js.map +0 -1
- package/dist/esm/components/Table/TableHeader/tableHeaderClasses.js +0 -8
- package/dist/esm/components/Table/TableHeader/tableHeaderClasses.js.map +0 -1
- package/dist/esm/components/Table/tableClasses.js +0 -8
- package/dist/esm/components/Table/tableClasses.js.map +0 -1
package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalScrollListItem.js","sources":["../../../../../../src/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.tsx"],"sourcesContent":["import { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypographyProps } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { useTheme } from \"@core/hooks/useTheme\";\n\nimport { staticClasses, useClasses } from \"./VerticalScrollListItem.styles\";\n\nexport { staticClasses as verticalScrollListItemClasses };\n\nexport type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalScrollListItemProps extends HvBaseProps {\n /** A function component that renders a typography wrapped with a tooltip. */\n tooltipWrapper: React.FunctionComponent<{\n id?: string;\n className?: string;\n variant?: HvTypographyProps[\"variant\"];\n children?: React.ReactNode;\n }>;\n /** A Jss Object used to override or extend the styles applied. */\n classes?: HvVerticalScrollListItemClasses;\n /** Whether the element is selected. */\n selected?: boolean;\n /** The function to be executed when the element is clicked. */\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n /** The function to be executed when the element is clicked. */\n onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nexport const HvVerticalScrollListItem = ({\n id,\n className,\n classes: classesProp,\n selected,\n \"aria-label\": ariaLabel,\n onClick,\n onKeyDown,\n tooltipWrapper,\n ...others\n}: HvVerticalScrollListItemProps) => {\n const { classes, cx } = useClasses(classesProp);\n const { activeTheme } = useTheme();\n\n const variant: HvTypographyProps[\"variant\"] = selected ? \"label\" : \"body\";\n\n const labelId = setId(id, \"label\");\n\n const buttonId = setId(id, \"button\");\n\n const Tooltip = tooltipWrapper;\n\n const icon = selected ? (\n <CurrentStep\n height={activeTheme?.scrollTo.dotSelectedSize}\n width={activeTheme?.scrollTo.dotSelectedSize}\n />\n ) : (\n <div className={cx(classes.notSelected)} />\n );\n\n return (\n <li id={id} className={cx(
|
|
1
|
+
{"version":3,"file":"VerticalScrollListItem.js","sources":["../../../../../../src/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.tsx"],"sourcesContent":["import { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypographyProps } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { useTheme } from \"@core/hooks/useTheme\";\n\nimport { staticClasses, useClasses } from \"./VerticalScrollListItem.styles\";\n\nexport { staticClasses as verticalScrollListItemClasses };\n\nexport type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalScrollListItemProps extends HvBaseProps {\n /** A function component that renders a typography wrapped with a tooltip. */\n tooltipWrapper: React.FunctionComponent<{\n id?: string;\n className?: string;\n variant?: HvTypographyProps[\"variant\"];\n children?: React.ReactNode;\n }>;\n /** A Jss Object used to override or extend the styles applied. */\n classes?: HvVerticalScrollListItemClasses;\n /** Whether the element is selected. */\n selected?: boolean;\n /** The function to be executed when the element is clicked. */\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n /** The function to be executed when the element is clicked. */\n onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nexport const HvVerticalScrollListItem = ({\n id,\n className,\n classes: classesProp,\n selected,\n \"aria-label\": ariaLabel,\n onClick,\n onKeyDown,\n tooltipWrapper,\n ...others\n}: HvVerticalScrollListItemProps) => {\n const { classes, cx } = useClasses(classesProp);\n const { activeTheme } = useTheme();\n\n const variant: HvTypographyProps[\"variant\"] = selected ? \"label\" : \"body\";\n\n const labelId = setId(id, \"label\");\n\n const buttonId = setId(id, \"button\");\n\n const Tooltip = tooltipWrapper;\n\n const icon = selected ? (\n <CurrentStep\n height={activeTheme?.scrollTo.dotSelectedSize}\n width={activeTheme?.scrollTo.dotSelectedSize}\n />\n ) : (\n <div className={cx(classes.notSelected)} />\n );\n\n return (\n <li id={id} className={cx(classes.root, className)} aria-current={selected}>\n <div\n id={buttonId}\n role=\"button\"\n tabIndex={0}\n onClick={onClick}\n onKeyDown={onKeyDown}\n className={classes.button}\n aria-label={ariaLabel}\n aria-labelledby={labelId}\n {...others}\n >\n <Tooltip id={labelId} className={classes.text} variant={variant}>\n {icon}\n </Tooltip>\n </div>\n </li>\n );\n};\n"],"names":["HvVerticalScrollListItem","id","className","classes","classesProp","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","cx","useClasses","activeTheme","useTheme","variant","labelId","setId","buttonId","Tooltip","icon","_jsx","CurrentStep","height","scrollTo","dotSelectedSize","width","notSelected","root","children","role","tabIndex","button","text"],"mappings":";;;;;;AAmCO,MAAMA,2BAA2BA,CAAC;AAAA,EACvCC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACA,cAAcC;AAAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC0B,MAAM;AAC7B,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AACxC,QAAA;AAAA,IAAES;AAAAA,MAAgBC,SAAS;AAE3BC,QAAAA,UAAwCV,WAAW,UAAU;AAE7DW,QAAAA,UAAUC,MAAMhB,IAAI,OAAO;AAE3BiB,QAAAA,WAAWD,MAAMhB,IAAI,QAAQ;AAEnC,QAAMkB,UAAUV;AAEVW,QAAAA,OAAOf,WACXgB,oBAACC,aAAW;AAAA,IACVC,QAAQV,2CAAaW,SAASC;AAAAA,IAC9BC,OAAOb,2CAAaW,SAASC;AAAAA,EAAAA,CAC9B,IAEDJ,oBAAA,OAAA;AAAA,IAAKnB,WAAWS,GAAGR,QAAQwB,WAAW;AAAA,EAAA,CAAI;AAG5C,6BACE,MAAA;AAAA,IAAI1B;AAAAA,IAAQC,WAAWS,GAAGR,QAAQyB,MAAM1B,SAAS;AAAA,IAAG,gBAAcG;AAAAA,IAASwB,8BACzE,OAAA;AAAA,MACE5B,IAAIiB;AAAAA,MACJY,MAAK;AAAA,MACLC,UAAU;AAAA,MACVxB;AAAAA,MACAC;AAAAA,MACAN,WAAWC,QAAQ6B;AAAAA,MACnB,cAAY1B;AAAAA,MACZ,mBAAiBU;AAAAA,MAAQ,GACrBN;AAAAA,MAAMmB,8BAETV,SAAO;AAAA,QAAClB,IAAIe;AAAAA,QAASd,WAAWC,QAAQ8B;AAAAA,QAAMlB;AAAAA,QAAiBc,UAC7DT;AAAAA,MAAAA,CACM;AAAA,IAAA,CACN;AAAA,EAAA,CACH;AAER;"}
|
|
@@ -5,7 +5,7 @@ import { setId } from "../../utils/setId.js";
|
|
|
5
5
|
import { useClasses } from "./Snackbar.styles.js";
|
|
6
6
|
import { staticClasses } from "./Snackbar.styles.js";
|
|
7
7
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
8
|
-
import { HvSnackbarContent } from "./
|
|
8
|
+
import { HvSnackbarContent } from "./SnackbarContent/SnackbarContent.js";
|
|
9
9
|
const transLeft = (props) => /* @__PURE__ */ jsx(Slide, {
|
|
10
10
|
...props,
|
|
11
11
|
direction: "left"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n SnackbarCloseReason,\n SnackbarOrigin,\n SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { Snackbar as MuiSnackbar } from \"@mui/material\";\n\nimport capitalize from \"lodash/capitalize\";\n\nimport { SyntheticEvent } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvActionGeneric } from \"@core/components/ActionsGeneric\";\n\nimport {
|
|
1
|
+
{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n SnackbarCloseReason,\n SnackbarOrigin,\n SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { Snackbar as MuiSnackbar } from \"@mui/material\";\n\nimport capitalize from \"lodash/capitalize\";\n\nimport { SyntheticEvent } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvActionGeneric } from \"@core/components/ActionsGeneric\";\n\nimport { HvSnackbarContentProps, HvSnackbarContent } from \"./SnackbarContent\";\nimport { staticClasses, useClasses } from \"./Snackbar.styles\";\nimport { HvSnackbarVariant } from \"./types\";\n\nexport { staticClasses as snackbarClasses };\n\nexport type HvSnackbarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProps\n extends Omit<MuiSnackbarProps, \"action\" | \"classes\">,\n Omit<HvBaseProps, \"children\"> {\n /** If true, Snackbar is open. */\n open?: boolean;\n /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n onClose?:\n | ((\n event: Event | SyntheticEvent<any, Event>,\n reason: SnackbarCloseReason\n ) => void)\n | undefined;\n /** The message to display. */\n label?: React.ReactNode;\n /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n anchorOrigin?: SnackbarOrigin;\n /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n autoHideDuration?: number;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Action to display. */\n action?: React.ReactNode | HvActionGeneric;\n /** The callback function ran when an action is triggered, receiving `action` as param */\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /** Duration of transition in milliseconds. */\n transitionDuration?: number;\n /** Direction of slide transition. */\n transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n /** Custom offset from top/bottom of the page, in px. */\n offset?: number;\n /** Others applied to the content of the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarClasses;\n}\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n switch (direction) {\n case \"right\":\n return transRight;\n case \"up\":\n return transUp;\n case \"down\":\n return transDown;\n case \"left\":\n default:\n return transLeft;\n }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n classes: classesProp,\n className,\n id,\n open = false,\n onClose,\n label = \"\",\n anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n autoHideDuration = 5000,\n variant = \"default\",\n showIcon = false,\n customIcon = null,\n action = null,\n actionCallback,\n transitionDuration = 300,\n transitionDirection = \"left\",\n offset = 60,\n snackbarContentProps,\n ...others\n}: HvSnackbarProps) => {\n const { classes } = useClasses(classesProp);\n\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset}px`,\n },\n };\n\n return (\n <MuiSnackbar\n style={\n anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n }\n classes={classes}\n className={className}\n id={id}\n anchorOrigin={anchorOrigin}\n open={open}\n onClose={onClose}\n autoHideDuration={autoHideDuration}\n transitionDuration={transitionDuration}\n TransitionComponent={snackBarDirComponent(transitionDirection)}\n {...others}\n >\n <HvSnackbarContent\n id={setId(id, \"content\")}\n label={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n action={action}\n actionCallback={actionCallback}\n {...snackbarContentProps}\n />\n </MuiSnackbar>\n );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","classesProp","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","useClasses","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","MuiSnackbar","style","capitalize","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;AAqEA,MAAMA,YAAaC,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AACjE,MAAMC,aAAcJ,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAE;AACnE,MAAME,UAAWL,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAE;AAC7D,MAAMG,YAAaN,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AAEjE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AAAA,IACL;AACSP,aAAAA;AAAAA,EACX;AACF;AAUO,MAAMS,aAAaA,CAAC;AAAA,EACzBC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEpB;AAAAA,EAAAA,IAAYqB,WAAWpB,WAAW;AAE1C,QAAMqB,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEN;AAAAA,IACV;AAAA,IACAO,oBAAoB;AAAA,MAClBC,QAAS,GAAER;AAAAA,IACb;AAAA,EAAA;AAGF,6BACGS,UAAW;AAAA,IACVC,OACEN,mBAAoB,eAAcO,WAAWtB,aAAaC,QAAQ,GAAG;AAAA,IAEvER;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAc,qBAAqBhC,qBAAqBmB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMW,8BAETC,mBAAiB;AAAA,MAChB7B,IAAI8B,MAAM9B,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CACL;AAAA,EAAA,CACU;AAEjB;"}
|
|
@@ -3,8 +3,8 @@ import SnackbarContent from "@mui/material/SnackbarContent";
|
|
|
3
3
|
import { setId } from "../../../utils/setId.js";
|
|
4
4
|
import { iconVariant } from "../../../utils/iconVariant.js";
|
|
5
5
|
import { useTheme } from "../../../hooks/useTheme.js";
|
|
6
|
-
import { useClasses } from "./
|
|
7
|
-
import { staticClasses } from "./
|
|
6
|
+
import { useClasses } from "./SnackbarContent.styles.js";
|
|
7
|
+
import { staticClasses } from "./SnackbarContent.styles.js";
|
|
8
8
|
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
9
9
|
import { HvActionsGeneric } from "../../ActionsGeneric/ActionsGeneric.js";
|
|
10
10
|
const HvSnackbarContent = forwardRef(({
|
|
@@ -35,7 +35,7 @@ const HvSnackbarContent = forwardRef(({
|
|
|
35
35
|
root: classes.root,
|
|
36
36
|
message: classes.message
|
|
37
37
|
},
|
|
38
|
-
className: cx(
|
|
38
|
+
className: cx(classes == null ? void 0 : classes[variant], className),
|
|
39
39
|
message: /* @__PURE__ */ jsxs("div", {
|
|
40
40
|
id: setId(id, "message"),
|
|
41
41
|
className: classes.messageSpan,
|
|
@@ -63,4 +63,4 @@ export {
|
|
|
63
63
|
HvSnackbarContent,
|
|
64
64
|
staticClasses as snackbarContentClasses
|
|
65
65
|
};
|
|
66
|
-
//# sourceMappingURL=
|
|
66
|
+
//# sourceMappingURL=SnackbarContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SnackbarContent.js","sources":["../../../../../src/components/Snackbar/SnackbarContent/SnackbarContent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\n\nimport SnackbarContent, {\n SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { iconVariant } from \"@core/utils/iconVariant\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport {\n HvActionsGeneric,\n HvActionGeneric,\n} from \"@core/components/ActionsGeneric\";\nimport { HvButtonVariant } from \"@core/components/Button\";\nimport { useTheme } from \"@core/hooks/useTheme\";\n\nimport { staticClasses, useClasses } from \"./SnackbarContent.styles\";\nimport { HvSnackbarVariant } from \"../types\";\n\nexport { staticClasses as snackbarContentClasses };\n\nexport type HvSnackbarContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarContentProps\n extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\">,\n HvBaseProps {\n /** The message to display. */\n label?: React.ReactNode;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** Action to display. */\n action?: React.ReactNode | HvActionGeneric;\n /** The callback function ran when an action is triggered, receiving `action` as param */\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarContentClasses;\n}\n\nexport const HvSnackbarContent = forwardRef<\n HTMLDivElement,\n HvSnackbarContentProps\n>(\n (\n {\n className,\n id,\n classes: classesProp,\n label,\n variant = \"default\",\n showIcon,\n customIcon,\n action,\n actionCallback,\n ...others\n },\n ref\n ) => {\n const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n const innerAction: any = isValidElement(action) ? action : [action];\n\n const { classes, cx } = useClasses(classesProp);\n const { activeTheme } = useTheme();\n\n return (\n <SnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: classes.root,\n message: classes.message,\n }}\n className={cx(classes?.[variant], className)}\n message={\n <div id={setId(id, \"message\")} className={classes.messageSpan}>\n {icon && <div className={classes.iconVariant}>{icon}</div>}\n <div className={classes.messageText}>{label}</div>\n {action && (\n <div id={setId(id, \"action\")} className={classes.action}>\n <HvActionsGeneric\n id={id}\n category={\n activeTheme?.snackbar.actionButtonVariant as HvButtonVariant\n }\n actions={innerAction}\n actionsCallback={actionCallback}\n />\n </div>\n )}\n </div>\n }\n {...others}\n />\n );\n }\n);\n"],"names":["HvSnackbarContent","forwardRef","className","id","classes","classesProp","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","innerAction","isValidElement","cx","useClasses","activeTheme","useTheme","SnackbarContent","root","message","setId","messageSpan","children","_jsx","messageText","HvActionsGeneric","category","snackbar","actionButtonVariant","actions","actionsCallback"],"mappings":";;;;;;;;;AA+CaA,MAAAA,oBAAoBC,WAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OAAOL,cAAeD,YAAYO,YAAYR,SAAS,WAAW;AACxE,QAAMS,cAAmBC,eAAeP,MAAM,IAAIA,SAAS,CAACA,MAAM;AAE5D,QAAA;AAAA,IAAEN;AAAAA,IAASc;AAAAA,EAAAA,IAAOC,WAAWd,WAAW;AACxC,QAAA;AAAA,IAAEe;AAAAA,MAAgBC,SAAS;AAEjC,6BACGC,iBAAe;AAAA,IACdT;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPmB,MAAMnB,QAAQmB;AAAAA,MACdC,SAASpB,QAAQoB;AAAAA,IACnB;AAAA,IACAtB,WAAWgB,GAAGd,mCAAUG,UAAUL,SAAS;AAAA,IAC3CsB,8BACE,OAAA;AAAA,MAAKrB,IAAIsB,MAAMtB,IAAI,SAAS;AAAA,MAAGD,WAAWE,QAAQsB;AAAAA,MAAYC,UAAA,CAC3Db,QAAQc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQW;AAAAA,QAAYY,UAAEb;AAAAA,MAAAA,CAAU,GACzDc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQyB;AAAAA,QAAYF,UAAErB;AAAAA,MAAAA,CAAW,GAChDI,UACCkB,oBAAA,OAAA;AAAA,QAAKzB,IAAIsB,MAAMtB,IAAI,QAAQ;AAAA,QAAGD,WAAWE,QAAQM;AAAAA,QAAOiB,8BACrDG,kBAAgB;AAAA,UACf3B;AAAAA,UACA4B,UACEX,2CAAaY,SAASC;AAAAA,UAExBC,SAASlB;AAAAA,UACTmB,iBAAiBxB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACE;AAAA,IACN,GACGC;AAAAA,EAAAA,CACL;AAEL,CACF;"}
|
|
@@ -37,15 +37,17 @@ const {
|
|
|
37
37
|
minHeight: "32px"
|
|
38
38
|
},
|
|
39
39
|
messageText: {
|
|
40
|
-
|
|
41
|
-
padding: `0 ${theme.space.xs}`,
|
|
40
|
+
paddingLeft: theme.space.xs,
|
|
42
41
|
color: theme.colors.base_dark,
|
|
43
42
|
fontFamily: theme.fontFamily.body,
|
|
44
43
|
maxHeight: "72px",
|
|
45
|
-
wordBreak: "break-word"
|
|
44
|
+
wordBreak: "break-word",
|
|
45
|
+
textWrap: "balance",
|
|
46
|
+
overflow: "hidden"
|
|
46
47
|
},
|
|
47
48
|
action: {
|
|
48
49
|
textAlign: "right",
|
|
50
|
+
paddingLeft: theme.space.xs,
|
|
49
51
|
marginLeft: theme.snackbar.actionMarginLeft,
|
|
50
52
|
[`& .${staticClasses$1.button}`]: {
|
|
51
53
|
borderColor: theme.colors.base_dark,
|
|
@@ -61,4 +63,4 @@ export {
|
|
|
61
63
|
staticClasses,
|
|
62
64
|
useClasses
|
|
63
65
|
};
|
|
64
|
-
//# sourceMappingURL=
|
|
66
|
+
//# sourceMappingURL=SnackbarContent.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SnackbarContent.styles.js","sources":["../../../../../src/components/Snackbar/SnackbarContent/SnackbarContent.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\nimport { actionsGenericClasses } from \"@core/components/ActionsGeneric\";\n\nexport const { useClasses, staticClasses } = createClasses(\n \"HvSnackbar-Content\",\n {\n root: {\n width: \"310px\",\n minHeight: \"52px\",\n maxHeight: \"92px\",\n padding: theme.space.xs,\n boxShadow: \"none\",\n },\n success: {\n backgroundColor: theme.colors.positive_20,\n },\n error: {\n backgroundColor: theme.colors.negative_20,\n },\n default: {\n backgroundColor: theme.colors.neutral_20,\n },\n warning: {\n backgroundColor: theme.colors.warning_20,\n },\n message: {\n padding: 0,\n width: \"100%\",\n },\n messageSpan: {\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"32px\",\n },\n messageText: {\n paddingLeft: theme.space.xs,\n color: theme.colors.base_dark,\n fontFamily: theme.fontFamily.body,\n maxHeight: \"72px\",\n wordBreak: \"break-word\",\n textWrap: \"balance\",\n overflow: \"hidden\",\n },\n action: {\n textAlign: \"right\",\n paddingLeft: theme.space.xs,\n marginLeft: theme.snackbar.actionMarginLeft,\n [`& .${actionsGenericClasses.button}`]: {\n borderColor: theme.colors.base_dark,\n color: theme.colors.base_dark,\n \"&:hover\": {\n borderColor: theme.colors.base_dark,\n },\n },\n },\n iconVariant: {},\n }\n);\n"],"names":["useClasses","staticClasses","createClasses","root","width","minHeight","maxHeight","padding","theme","space","xs","boxShadow","success","backgroundColor","colors","positive_20","error","negative_20","default","neutral_20","warning","warning_20","message","messageSpan","display","alignItems","messageText","paddingLeft","color","base_dark","fontFamily","body","wordBreak","textWrap","overflow","action","textAlign","marginLeft","snackbar","actionMarginLeft","actionsGenericClasses","button","borderColor","iconVariant"],"mappings":";;;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAC3C,sBACA;AAAA,EACEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAASC,MAAMC,MAAMC;AAAAA,IACrBC,WAAW;AAAA,EACb;AAAA,EACAC,SAAS;AAAA,IACPC,iBAAiBL,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACAC,OAAO;AAAA,IACLH,iBAAiBL,MAAMM,OAAOG;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPL,iBAAiBL,MAAMM,OAAOK;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPP,iBAAiBL,MAAMM,OAAOO;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPf,SAAS;AAAA,IACTH,OAAO;AAAA,EACT;AAAA,EACAmB,aAAa;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZpB,WAAW;AAAA,EACb;AAAA,EACAqB,aAAa;AAAA,IACXC,aAAanB,MAAMC,MAAMC;AAAAA,IACzBkB,OAAOpB,MAAMM,OAAOe;AAAAA,IACpBC,YAAYtB,MAAMsB,WAAWC;AAAAA,IAC7BzB,WAAW;AAAA,IACX0B,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAU;AAAA,EACZ;AAAA,EACAC,QAAQ;AAAA,IACNC,WAAW;AAAA,IACXT,aAAanB,MAAMC,MAAMC;AAAAA,IACzB2B,YAAY7B,MAAM8B,SAASC;AAAAA,IAC3B,CAAE,MAAKC,gBAAsBC,QAAQ,GAAG;AAAA,MACtCC,aAAalC,MAAMM,OAAOe;AAAAA,MAC1BD,OAAOpB,MAAMM,OAAOe;AAAAA,MACpB,WAAW;AAAA,QACTa,aAAalC,MAAMM,OAAOe;AAAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAAA,EACAc,aAAa,CAAC;AAChB,CACF;"}
|
|
@@ -5,16 +5,17 @@ import { css } from "@emotion/css";
|
|
|
5
5
|
import { useClasses } from "./SnackbarProvider.styles.js";
|
|
6
6
|
import { staticClasses } from "./SnackbarProvider.styles.js";
|
|
7
7
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
8
|
-
import { HvSnackbarContent } from "../
|
|
8
|
+
import { HvSnackbarContent } from "../SnackbarContent/SnackbarContent.js";
|
|
9
9
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
10
10
|
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
11
11
|
}
|
|
12
|
-
const HvNotistackSnackMessage = forwardRef(({
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
const HvNotistackSnackMessage = forwardRef((props, ref) => {
|
|
13
|
+
const {
|
|
14
|
+
id,
|
|
15
|
+
message,
|
|
16
|
+
variant = "success",
|
|
17
|
+
snackbarContentProps
|
|
18
|
+
} = props;
|
|
18
19
|
return /* @__PURE__ */ jsx(SnackbarContent, {
|
|
19
20
|
ref,
|
|
20
21
|
children: /* @__PURE__ */ jsx(HvSnackbarContent, {
|
|
@@ -79,7 +80,7 @@ const HvSnackbarProvider = ({
|
|
|
79
80
|
} : {
|
|
80
81
|
name: "tg900f-containerRoot",
|
|
81
82
|
styles: "pointer-events:all;& > div > div{padding:0 !important;transition:all 0s ease 0s !important;};label:containerRoot;",
|
|
82
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
83
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnSW1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHtcbiAgQ29tYmluZWRDbGFzc0tleSxcbiAgT3B0aW9uc09iamVjdCxcbiAgU25hY2tiYXJDb250ZW50LFxuICBTbmFja2JhclByb3ZpZGVyLFxuICBTbmFja2JhclByb3ZpZGVyUHJvcHMsXG4gIHVzZVNuYWNrYmFyLFxufSBmcm9tIFwibm90aXN0YWNrXCI7XG5cbmltcG9ydCB7IGNsc3ggfSBmcm9tIFwiY2xzeFwiO1xuXG5pbXBvcnQgeyBTbmFja2Jhck9yaWdpbiB9IGZyb20gXCJAbXVpL21hdGVyaWFsL1NuYWNrYmFyXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVNYXAgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmltcG9ydCB7IEV4dHJhY3ROYW1lcyB9IGZyb20gXCJAY29yZS91dGlscy9jbGFzc2VzXCI7XG5cbmltcG9ydCB7IEh2U25hY2tiYXJDb250ZW50LCBIdlNuYWNrYmFyQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1NuYWNrYmFyQ29udGVudFwiO1xuaW1wb3J0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9IGZyb20gXCIuL1NuYWNrYmFyUHJvdmlkZXIuc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlNuYWNrYmFyVmFyaWFudCB9IGZyb20gXCIuLi90eXBlc1wiO1xuXG5leHBvcnQgeyBzdGF0aWNDbGFzc2VzIGFzIHNuYWNrYmFyUHJvdmlkZXJDbGFzc2VzIH07XG5cbmV4cG9ydCB0eXBlIEh2U25hY2tiYXJQcm92aWRlckNsYXNzZXMgPSBFeHRyYWN0TmFtZXM8dHlwZW9mIHVzZUNsYXNzZXM+O1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2U25hY2tiYXJQcm92aWRlclByb3BzIHtcbiAgLyoqIFlvdXIgY29tcG9uZW50IHRyZWUuICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBNYXggdmlzaWJsZSBzbmFja2JhcnMuICovXG4gIG1heFNuYWNrPzogbnVtYmVyO1xuICAvKiogSG93IG11Y2ggdGltZSB0aGUgc25hY2tiYXIgcmVtYWlucyB2aXNpYmxlIGluIG1pbGxpc2Vjb25kcy4gKi9cbiAgYXV0b0hpZGVEdXJhdGlvbj86IG51bWJlcjtcbiAgLyoqIFdoZXJlIGlzIHRoZSBzbmFja2JhciBwbGFjZWQuICovXG4gIGFuY2hvck9yaWdpbj86IFNuYWNrYmFyT3JpZ2luO1xuICAvKiogQ2xhc3Mgb2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgbm90aXN0YWNrIGNsYXNzZXMuICovXG4gIG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT86IFBhcnRpYWw8Q2xhc3NOYW1lTWFwPENvbWJpbmVkQ2xhc3NLZXk+PjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2U25hY2tiYXJQcm92aWRlckNsYXNzZXM7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzIGV4dGVuZHMgT3B0aW9uc09iamVjdCB7XG4gIC8qKiBJZCB0byBiZSBhcHBsaWVkIHRvIHRoZSByb290IG5vZGUuICovXG4gIGlkPzogc3RyaW5nO1xuICAvKiogQ2xhc3NuYW1lIHRvIGFwcGx5IG9uIHRoZSByb290IG5vZGUgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKiogWW91ciBjb21wb25lbnQgdHJlZS4gKi9cbiAgbWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgLyoqIFZhcmlhbnQgb2YgdGhlIHNuYWNrYmFyLiAqL1xuICB2YXJpYW50PzogSHZTbmFja2JhclZhcmlhbnQ7XG4gIC8qKiBFeHRyYSB2YWx1ZXMgdG8gcGFzcyB0byB0aGUgc25hY2tiYXIuICovXG4gIHNuYWNrYmFyQ29udGVudFByb3BzPzogSHZTbmFja2JhckNvbnRlbnRQcm9wcztcbn1cblxuY29uc3QgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2UgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wc1xuPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGlkLCBtZXNzYWdlLCB2YXJpYW50ID0gXCJzdWNjZXNzXCIsIHNuYWNrYmFyQ29udGVudFByb3BzIH0gPSBwcm9wcztcbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJDb250ZW50IHJlZj17cmVmfT5cbiAgICAgIDxIdlNuYWNrYmFyQ29udGVudFxuICAgICAgICBpZD17aWR9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNob3dJY29uXG4gICAgICAgIGxhYmVsPXttZXNzYWdlfVxuICAgICAgICByb2xlPVwibm9uZVwiXG4gICAgICAgIHsuLi5zbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgIC8+XG4gICAgPC9TbmFja2JhckNvbnRlbnQ+XG4gICk7XG59KTtcblxuLy8gV2Ugb3ZlcnJpZGUgbm90aXN0YWNrIGhvb2sgdG8gYmUgYWJsZSB0byBjdXN0b21pemUgdGhlIHNuYWNrYmFyIHRoYXQgc2hvdWxkIGJlIGNhbGxlZC5cbmV4cG9ydCBjb25zdCB1c2VIdlNuYWNrYmFyID0gKCkgPT4ge1xuICBjb25zdCB7IGVucXVldWVTbmFja2JhcjogZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyLCBjbG9zZVNuYWNrYmFyIH0gPVxuICAgIHVzZVNuYWNrYmFyKCk7XG5cbiAgY29uc3QgZW5xdWV1ZVNuYWNrYmFyID0gdXNlQ2FsbGJhY2soXG4gICAgKG1lc3NhZ2U6IFJlYWN0Tm9kZSwgb3B0aW9uczogSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wcyA9IHt9KSA9PiB7XG4gICAgICBjb25zdCB7XG4gICAgICAgIGlkLFxuICAgICAgICB2YXJpYW50ID0gXCJzdWNjZXNzXCIsXG4gICAgICAgIHNuYWNrYmFyQ29udGVudFByb3BzLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIC4uLm90aGVyT3B0aW9uc1xuICAgICAgfSA9IG9wdGlvbnM7XG5cbiAgICAgIHJldHVybiBlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXIoXG4gICAgICAgIDxIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICBtZXNzYWdlPXttZXNzYWdlfVxuICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgc25hY2tiYXJDb250ZW50UHJvcHM9e3NuYWNrYmFyQ29udGVudFByb3BzfVxuICAgICAgICAvPixcbiAgICAgICAgeyAuLi5vdGhlck9wdGlvbnMsIGNsYXNzTmFtZTogY2xzeChjbGFzc05hbWUpIH1cbiAgICAgICk7XG4gICAgfSxcbiAgICBbZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyXVxuICApO1xuICByZXR1cm4gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgZW5xdWV1ZVNuYWNrYmFyLFxuICAgICAgY2xvc2VTbmFja2JhcixcbiAgICB9KSxcbiAgICBbZW5xdWV1ZVNuYWNrYmFyLCBjbG9zZVNuYWNrYmFyXVxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEh2U25hY2tiYXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUsXG4gIG1heFNuYWNrID0gNSxcbiAgYXV0b0hpZGVEdXJhdGlvbiA9IDUwMDAsXG4gIGFuY2hvck9yaWdpbiA9IHtcbiAgICB2ZXJ0aWNhbDogXCJ0b3BcIixcbiAgICBob3Jpem9udGFsOiBcInJpZ2h0XCIsXG4gIH0sXG4gIGNsYXNzZXM6IGNsYXNzZXNQcm9wLFxuICBjbGFzc05hbWUsXG4gIC4uLm90aGVyc1xufTogSHZTbmFja2JhclByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyBjbGFzc2VzLCBjeCB9ID0gdXNlQ2xhc3NlcyhjbGFzc2VzUHJvcCk7XG5cbiAgY29uc3Qgbm90aXN0YWNrQ2xhc3NlczogU25hY2tiYXJQcm92aWRlclByb3BzW1wiY2xhc3Nlc1wiXSA9IHtcbiAgICBjb250YWluZXJSb290OiBjc3Moe1xuICAgICAgcG9pbnRlckV2ZW50czogXCJhbGxcIixcbiAgICAgIFwiJiA+IGRpdiA+IGRpdlwiOiB7XG4gICAgICAgIC8vIE92ZXJyaWRlcyBub3Rpc3RhY2sgZXh0cmEgcGFkZGluZ1xuICAgICAgICBwYWRkaW5nOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICB0cmFuc2l0aW9uOiBcImFsbCAwcyBlYXNlIDBzICFpbXBvcnRhbnRcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4ubm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFNuYWNrYmFyUHJvdmlkZXJcbiAgICAgIGNsYXNzZXM9e25vdGlzdGFja0NsYXNzZXN9XG4gICAgICBtYXhTbmFjaz17bWF4U25hY2t9XG4gICAgICBhdXRvSGlkZUR1cmF0aW9uPXthdXRvSGlkZUR1cmF0aW9ufVxuICAgICAgYW5jaG9yT3JpZ2luPXthbmNob3JPcmlnaW4gYXMgU25hY2tiYXJPcmlnaW59XG4gICAgICBjbGFzc05hbWU9e2N4KGNsYXNzZXMuc25hY2tJdGVtUm9vdCwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU25hY2tiYXJQcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */",
|
|
83
84
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
84
85
|
}),
|
|
85
86
|
...notistackClassesOverride
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackbarProvider.js","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\n\nimport {\n CombinedClassKey,\n SnackbarContent,\n SnackbarProvider,\n useSnackbar,\n} from \"notistack\";\n\nimport { clsx } from \"clsx\";\n\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ClassNameMap } from \"@mui/material\";\n\nimport { css } from \"@emotion/css\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvSnackbarContent
|
|
1
|
+
{"version":3,"file":"SnackbarProvider.js","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\n\nimport {\n CombinedClassKey,\n OptionsObject,\n SnackbarContent,\n SnackbarProvider,\n SnackbarProviderProps,\n useSnackbar,\n} from \"notistack\";\n\nimport { clsx } from \"clsx\";\n\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ClassNameMap } from \"@mui/material\";\n\nimport { css } from \"@emotion/css\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvSnackbarContent, HvSnackbarContentProps } from \"../SnackbarContent\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\nimport { HvSnackbarVariant } from \"../types\";\n\nexport { staticClasses as snackbarProviderClasses };\n\nexport type HvSnackbarProviderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProviderProps {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarProviderClasses;\n className?: string;\n}\n\nexport interface HvNotistackSnackMessageProps extends OptionsObject {\n /** Id to be applied to the root node. */\n id?: string;\n /** Classname to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: ReactNode;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>((props, ref) => {\n const { id, message, variant = \"success\", snackbarContentProps } = props;\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContent\n id={id}\n variant={variant}\n showIcon\n label={message}\n role=\"none\"\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nexport const useHvSnackbar = () => {\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n useSnackbar();\n\n const enqueueSnackbar = useCallback(\n (message: ReactNode, options: HvNotistackSnackMessageProps = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n } = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className: clsx(className) }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nexport const HvSnackbarProvider = ({\n children,\n notistackClassesOverride,\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n classes: classesProp,\n className,\n ...others\n}: HvSnackbarProviderProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const notistackClasses: SnackbarProviderProps[\"classes\"] = {\n containerRoot: css({\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n }),\n ...notistackClassesOverride,\n };\n\n return (\n <SnackbarProvider\n classes={notistackClasses}\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n className={cx(classes.snackItemRoot, className)}\n {...others}\n >\n {children}\n </SnackbarProvider>\n );\n};\n"],"names":["HvNotistackSnackMessage","forwardRef","props","ref","id","message","variant","snackbarContentProps","SnackbarContent","children","HvSnackbarContent","showIcon","label","role","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","useSnackbar","useCallback","options","className","otherOptions","clsx","useMemo","HvSnackbarProvider","notistackClassesOverride","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","classes","classesProp","others","cx","useClasses","notistackClasses","containerRoot","css","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SnackbarProvider","snackItemRoot"],"mappings":";;;;;;;;;;;AAyDA,MAAMA,0BAA0BC,WAG9B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IAAEC;AAAAA,IAAIC;AAAAA,IAASC,UAAU;AAAA,IAAWC;AAAAA,EAAyBL,IAAAA;AACnE,6BACGM,iBAAe;AAAA,IAACL;AAAAA,IAASM,8BACvBC,mBAAiB;AAAA,MAChBN;AAAAA,MACAE;AAAAA,MACAK,UAAQ;AAAA,MACRC,OAAOP;AAAAA,MACPQ,MAAK;AAAA,MAAM,GACPN;AAAAA,IAAAA,CACL;AAAA,EAAA,CACc;AAErB,CAAC;AAGM,MAAMO,gBAAgBA,MAAM;AAC3B,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,YAAY;AAEd,QAAMH,kBAAkBI,YACtB,CAACd,SAAoBe,UAAwC,CAAA,MAAO;AAC5D,UAAA;AAAA,MACJhB;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACAc;AAAAA,MACA,GAAGC;AAAAA,IACDF,IAAAA;AAEGJ,WAAAA,6CACJhB,yBAAuB;AAAA,MACtBI;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAAA,CACD,GACD;AAAA,MAAE,GAAGe;AAAAA,MAAcD,WAAWE,KAAKF,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA,GAEF,CAACL,wBAAwB,CAC3B;AACA,SAAOQ,QACL,OAAO;AAAA,IACLT;AAAAA,IACAE;AAAAA,EAEF,IAAA,CAACF,iBAAiBE,aAAa,CACjC;AACF;AAEO,MAAMQ,qBAAqBA,CAAC;AAAA,EACjChB;AAAAA,EACAiB;AAAAA,EACAC,WAAW;AAAA,EACXC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,SAASC;AAAAA,EACTZ;AAAAA,EACA,GAAGa;AACoB,MAAM;AACvB,QAAA;AAAA,IAAEF;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,WAAWH,WAAW;AAE9C,QAAMI,mBAAqD;AAAA,IACzDC,eAAeC,oBAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,MAAAC,MAAA;AAAA,MAAAC,QAAA;AAAA,IAAA,IAAA;AAAA,MAAAD,MAAA;AAAA,MAAAC,QAAA;AAAA,MAAAC,KAAA;AAAA,MAAAC,UAAAC;AAAAA,IAAAA,CAOjB;AAAA,IACD,GAAGrB;AAAAA,EAAAA;AAGL,6BACGsB,kBAAgB;AAAA,IACfhB,SAASK;AAAAA,IACTV;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAR,WAAWc,GAAGH,QAAQiB,eAAe5B,SAAS;AAAA,IAAE,GAC5Ca;AAAAA,IAAMzB;AAAAA,EAAAA,CAGM;AAEtB;"}
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import { useCallback } from "react";
|
|
2
2
|
import { useDefaultProps } from "../../hooks/useDefaultProps.js";
|
|
3
|
-
import { clsx } from "clsx";
|
|
4
3
|
import { useUniqueId } from "../../hooks/useUniqueId.js";
|
|
5
4
|
import { useControlled } from "../../hooks/useControlled.js";
|
|
6
5
|
import { setId } from "../../utils/setId.js";
|
|
7
6
|
import { isInvalid } from "../Forms/FormElement/validationStates.js";
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
7
|
+
import { useClasses } from "./Switch.styles.js";
|
|
8
|
+
import { staticClasses } from "./Switch.styles.js";
|
|
10
9
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
11
10
|
import { HvBaseSwitch } from "../BaseSwitch/BaseSwitch.js";
|
|
11
|
+
import { HvFormElement } from "../Forms/FormElement/FormElement.js";
|
|
12
|
+
import { HvLabel } from "../Forms/Label/Label.js";
|
|
12
13
|
import { HvWarningText } from "../Forms/WarningText/WarningText.js";
|
|
13
14
|
const HvSwitch = (props) => {
|
|
14
15
|
const {
|
|
15
|
-
classes,
|
|
16
|
+
classes: classesProp,
|
|
16
17
|
className,
|
|
17
18
|
id,
|
|
18
19
|
name,
|
|
@@ -34,6 +35,10 @@ const HvSwitch = (props) => {
|
|
|
34
35
|
inputProps,
|
|
35
36
|
...others
|
|
36
37
|
} = useDefaultProps("HvSwitch", props);
|
|
38
|
+
const {
|
|
39
|
+
classes,
|
|
40
|
+
cx
|
|
41
|
+
} = useClasses(classesProp);
|
|
37
42
|
const elementId = useUniqueId(id, "hvswitch");
|
|
38
43
|
const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));
|
|
39
44
|
const [validationState, setValidationState] = useControlled(status, "standBy");
|
|
@@ -55,23 +60,24 @@ const HvSwitch = (props) => {
|
|
|
55
60
|
if (isStateInvalid) {
|
|
56
61
|
errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
|
|
57
62
|
}
|
|
58
|
-
return /* @__PURE__ */ jsxs(
|
|
63
|
+
return /* @__PURE__ */ jsxs(HvFormElement, {
|
|
59
64
|
id,
|
|
60
65
|
name,
|
|
61
66
|
status: validationState,
|
|
62
67
|
disabled,
|
|
63
68
|
required,
|
|
64
69
|
readOnly,
|
|
65
|
-
className:
|
|
66
|
-
children: [label && /* @__PURE__ */ jsx(
|
|
70
|
+
className: cx(classes.root, className),
|
|
71
|
+
children: [label && /* @__PURE__ */ jsx(HvLabel, {
|
|
67
72
|
id: setId(elementId, "label"),
|
|
68
73
|
htmlFor: setId(elementId, "input"),
|
|
69
74
|
label,
|
|
70
|
-
className:
|
|
75
|
+
className: classes.label,
|
|
71
76
|
...labelProps
|
|
72
|
-
}), /* @__PURE__ */ jsx(
|
|
73
|
-
className:
|
|
74
|
-
|
|
77
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
78
|
+
className: cx(classes.switchContainer, {
|
|
79
|
+
[classes.invalidSwitch]: isStateInvalid
|
|
80
|
+
}),
|
|
75
81
|
children: /* @__PURE__ */ jsx(HvBaseSwitch, {
|
|
76
82
|
id: label ? setId(elementId, "input") : setId(id, "input"),
|
|
77
83
|
name,
|
|
@@ -93,7 +99,7 @@ const HvSwitch = (props) => {
|
|
|
93
99
|
})
|
|
94
100
|
}), canShowError && /* @__PURE__ */ jsx(HvWarningText, {
|
|
95
101
|
id: setId(elementId, "error"),
|
|
96
|
-
className:
|
|
102
|
+
className: classes.error,
|
|
97
103
|
disableBorder: true,
|
|
98
104
|
disableAdornment: true,
|
|
99
105
|
hideText: true,
|
|
@@ -102,6 +108,7 @@ const HvSwitch = (props) => {
|
|
|
102
108
|
});
|
|
103
109
|
};
|
|
104
110
|
export {
|
|
105
|
-
HvSwitch
|
|
111
|
+
HvSwitch,
|
|
112
|
+
staticClasses as switchClasses
|
|
106
113
|
};
|
|
107
114
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\n\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { setId } from \"@core/utils/setId\";\nimport {\n HvWarningText,\n HvLabelProps,\n HvFormStatus,\n} from \"@core/components/Forms\";\nimport { HvBaseSwitch } from \"@core/components/BaseSwitch\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { isInvalid } from \"@core/components/Forms/FormElement/validationStates\";\n\nimport {\n StyledFormElement,\n StyledLabel,\n StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport interface HvSwitchProps\n extends Omit<MuiSwitchProps, \"onChange\" | \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes?: HvSwitchClasses;\n /**\n * Id to be applied to the form element root node.\n */\n id?: string;\n /**\n * The form element name.\n */\n name?: string;\n /**\n * The value of the form element.\n *\n * Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n *\n * The default value is \"on\".\n */\n value?: any;\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label?: React.ReactNode;\n /**\n * @ignore\n */\n \"aria-label\"?: string;\n /**\n * @ignore\n */\n \"aria-labelledby\"?: string;\n /**\n * @ignore\n */\n \"aria-describedby\"?: string;\n /**\n * Properties passed on to the label element.\n */\n labelProps?: HvLabelProps;\n /**\n * Indicates that the form element is disabled.\n */\n disabled?: boolean;\n /**\n * Indicates that the form element is not editable.\n */\n readOnly?: boolean;\n /**\n * Indicates that user input is required on the form element.\n */\n required?: boolean;\n /**\n * If `true` the switch is selected, if set to `false` the switch is not selected.\n *\n * When defined the switch state becomes controlled.\n */\n checked?: boolean;\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked?: boolean;\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status?: HvFormStatus;\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage?: string;\n /**\n * Identifies the element that provides an error message for the switch.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\"?: string;\n /**\n * The callback fired when the switch is pressed.\n */\n onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n /**\n * Properties passed on to the input element.\n */\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = (props: HvSwitchProps) => {\n const {\n classes,\n className,\n\n id,\n name,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n labelProps,\n\n checked,\n defaultChecked = false,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n inputProps,\n\n ...others\n } = useDefaultProps(\"HvSwitch\", props);\n\n const elementId = useUniqueId(id, \"hvswitch\");\n\n const [isChecked, setIsChecked] = useControlled(\n checked,\n Boolean(defaultChecked)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const onLocalChange = useCallback(\n (evt, newChecked) => {\n setIsChecked(() => {\n // this will only run if uncontrolled\n if (required && !newChecked) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newChecked;\n });\n\n onChange?.(evt, newChecked, value);\n },\n [onChange, required, setIsChecked, setValidationState, value]\n );\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId: string | undefined;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, switchClasses.root, classes?.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(switchClasses.label, classes?.label)}\n {...labelProps}\n />\n )}\n <StyledSwitchContainer\n className={clsx(\n switchClasses.switchContainer,\n classes?.switchContainer,\n isStateInvalid &&\n clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n )}\n $invalid={isStateInvalid}\n >\n <HvBaseSwitch\n id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n onChange={onLocalChange}\n value={value}\n checked={isChecked}\n inputProps={{\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...inputProps,\n }}\n {...others}\n />\n </StyledSwitchContainer>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n className={clsx(switchClasses.error, classes?.error)}\n disableBorder\n disableAdornment\n hideText\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","useDefaultProps","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","StyledFormElement","clsx","switchClasses","root","children","_jsx","StyledLabel","htmlFor","StyledSwitchContainer","switchContainer","invalidSwitch","$invalid","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":";;;;;;;;;;;;AAwIaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACA,cAAcC;AAAAA,IACd,mBAAmBC;AAAAA,IACnB,oBAAoBC;AAAAA,IACpBC;AAAAA,IAEAC;AAAAA,IACAC,iBAAiB;AAAA,IAEjBC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACA,qBAAqBC;AAAAA,IAErBC;AAAAA,IAEA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,YAAYtB,KAAK;AAE/BuB,QAAAA,YAAYC,YAAYrB,IAAI,UAAU;AAEtC,QAAA,CAACsB,WAAWC,YAAY,IAAIC,cAChCb,SACAc,QAAQb,cAAc,CACxB;AAEA,QAAM,CAACc,iBAAiBC,kBAAkB,IAAIH,cAC5CV,QACA,SACF;AAEA,QAAM,CAACc,iBAAiB,IAAIJ,cAAcT,eAAe,UAAU;AAEnE,QAAMc,gBAAgBC,YACpB,CAACC,KAAKC,eAAe;AACnBT,iBAAa,MAAM;AAEbpB,UAAAA,YAAY,CAAC6B,YAAY;AAC3BL,2BAAmB,SAAS;AAAA,MAAA,OACvB;AACLA,2BAAmB,OAAO;AAAA,MAC5B;AAEOK,aAAAA;AAAAA,IAAAA,CACR;AAEUD,yCAAAA,KAAKC,YAAY9B;AAAAA,EAAK,GAEnC,CAACW,UAAUV,UAAUoB,cAAcI,oBAAoBzB,KAAK,CAC9D;AAMM+B,QAAAA,eACJjB,oBAAoB,SAClBF,WAAWoB,UAAanB,kBAAkBmB,UACzCpB,WAAWoB,UAAa/B;AAEvBgC,QAAAA,iBAAiBC,UAAUV,eAAe;AAE5CW,MAAAA;AACJ,MAAIF,gBAAgB;AAClBE,qBAAiBJ,eACbK,MAAMlB,WAAW,OAAO,IACxBJ;AAAAA,EACN;AAEA,8BACGuB,mBAAiB;AAAA,IAChBvC;AAAAA,IACAC;AAAAA,IACAa,QAAQY;AAAAA,IACRrB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACAL,WAAWyC,KAAKzC,WAAW0C,cAAcC,MAAM5C,mCAAS4C,IAAI;AAAA,IAAEC,UAE7DrC,CAAAA,SACCsC,oBAACC,aAAW;AAAA,MACV7C,IAAIsC,MAAMlB,WAAW,OAAO;AAAA,MAC5B0B,SAASR,MAAMlB,WAAW,OAAO;AAAA,MACjCd;AAAAA,MACAP,WAAWyC,KAAKC,cAAcnC,OAAOR,mCAASQ,KAAK;AAAA,MAAE,GACjDI;AAAAA,IAAAA,CACL,GAEHkC,oBAACG,uBAAqB;AAAA,MACpBhD,WAAWyC,KACTC,cAAcO,iBACdlD,mCAASkD,iBACTb,kBACEK,KAAKC,cAAcQ,eAAenD,mCAASmD,aAAa,CAC5D;AAAA,MACAC,UAAUf;AAAAA,MAAeQ,8BAExBQ,cAAY;AAAA,QACXnD,IAAIM,QAAQgC,MAAMlB,WAAW,OAAO,IAAIkB,MAAMtC,IAAI,OAAO;AAAA,QACzDC;AAAAA,QACAI;AAAAA,QACAD;AAAAA,QACAD;AAAAA,QACAU,UAAUgB;AAAAA,QACV3B;AAAAA,QACAS,SAASW;AAAAA,QACTL,YAAY;AAAA,UACV,gBAAgBkB,iBAAiB,OAAOD;AAAAA,UACxC,qBAAqBG;AAAAA,UACrB,cAAc9B;AAAAA,UACd,mBAAmBC;AAAAA,UACnB,oBAAoBC;AAAAA,UACpB,GAAGQ;AAAAA,QACL;AAAA,QAAE,GACEC;AAAAA,MAAAA,CACL;AAAA,IAAA,CACoB,GACtBe,gBACCW,oBAACQ,eAAa;AAAA,MACZpD,IAAIsC,MAAMlB,WAAW,OAAO;AAAA,MAC5BrB,WAAWyC,KAAKC,cAAcY,OAAOvD,mCAASuD,KAAK;AAAA,MACnDC,eAAa;AAAA,MACbC,kBAAgB;AAAA,MAChBC,UAAQ;AAAA,MAAAb,UAEPf;AAAAA,IAAAA,CACY,CAChB;AAAA,EAAA,CACgB;AAEvB;"}
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { setId } from \"@core/utils/setId\";\nimport {\n HvWarningText,\n HvLabelProps,\n HvFormStatus,\n HvFormElement,\n HvLabel,\n} from \"@core/components/Forms\";\nimport { HvBaseSwitch } from \"@core/components/BaseSwitch\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { isInvalid } from \"@core/components/Forms/FormElement/validationStates\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Switch.styles\";\n\nexport { staticClasses as switchClasses };\n\nexport type HvSwitchClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSwitchProps\n extends Omit<MuiSwitchProps, \"onChange\" | \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes?: HvSwitchClasses;\n /**\n * Id to be applied to the form element root node.\n */\n id?: string;\n /**\n * The form element name.\n */\n name?: string;\n /**\n * The value of the form element.\n *\n * Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n *\n * The default value is \"on\".\n */\n value?: any;\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label?: React.ReactNode;\n /**\n * @ignore\n */\n \"aria-label\"?: string;\n /**\n * @ignore\n */\n \"aria-labelledby\"?: string;\n /**\n * @ignore\n */\n \"aria-describedby\"?: string;\n /**\n * Properties passed on to the label element.\n */\n labelProps?: HvLabelProps;\n /**\n * Indicates that the form element is disabled.\n */\n disabled?: boolean;\n /**\n * Indicates that the form element is not editable.\n */\n readOnly?: boolean;\n /**\n * Indicates that user input is required on the form element.\n */\n required?: boolean;\n /**\n * If `true` the switch is selected, if set to `false` the switch is not selected.\n *\n * When defined the switch state becomes controlled.\n */\n checked?: boolean;\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked?: boolean;\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status?: HvFormStatus;\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage?: string;\n /**\n * Identifies the element that provides an error message for the switch.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\"?: string;\n /**\n * The callback fired when the switch is pressed.\n */\n onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n /**\n * Properties passed on to the input element.\n */\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = (props: HvSwitchProps) => {\n const {\n classes: classesProp,\n className,\n\n id,\n name,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n labelProps,\n\n checked,\n defaultChecked = false,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n inputProps,\n\n ...others\n } = useDefaultProps(\"HvSwitch\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const elementId = useUniqueId(id, \"hvswitch\");\n\n const [isChecked, setIsChecked] = useControlled(\n checked,\n Boolean(defaultChecked)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const onLocalChange = useCallback(\n (evt, newChecked) => {\n setIsChecked(() => {\n // this will only run if uncontrolled\n if (required && !newChecked) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newChecked;\n });\n\n onChange?.(evt, newChecked, value);\n },\n [onChange, required, setIsChecked, setValidationState, value]\n );\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId: string | undefined;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={cx(classes.root, className)}\n >\n {label && (\n <HvLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={classes.label}\n {...labelProps}\n />\n )}\n <div\n className={cx(classes.switchContainer, {\n [classes.invalidSwitch]: isStateInvalid,\n })}\n >\n <HvBaseSwitch\n id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n onChange={onLocalChange}\n value={value}\n checked={isChecked}\n inputProps={{\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...inputProps,\n }}\n {...others}\n />\n </div>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n className={classes.error}\n disableBorder\n disableAdornment\n hideText\n >\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n"],"names":["HvSwitch","props","classes","classesProp","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","useDefaultProps","cx","useClasses","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","HvFormElement","root","children","_jsx","HvLabel","htmlFor","switchContainer","invalidSwitch","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":";;;;;;;;;;;;;AAwIaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACA,cAAcC;AAAAA,IACd,mBAAmBC;AAAAA,IACnB,oBAAoBC;AAAAA,IACpBC;AAAAA,IAEAC;AAAAA,IACAC,iBAAiB;AAAA,IAEjBC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACA,qBAAqBC;AAAAA,IAErBC;AAAAA,IAEA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,YAAYvB,KAAK;AAE/B,QAAA;AAAA,IAAEC;AAAAA,IAASuB;AAAAA,EAAAA,IAAOC,WAAWvB,WAAW;AAExCwB,QAAAA,YAAYC,YAAYvB,IAAI,UAAU;AAEtC,QAAA,CAACwB,WAAWC,YAAY,IAAIC,cAChCf,SACAgB,QAAQf,cAAc,CACxB;AAEA,QAAM,CAACgB,iBAAiBC,kBAAkB,IAAIH,cAC5CZ,QACA,SACF;AAEA,QAAM,CAACgB,iBAAiB,IAAIJ,cAAcX,eAAe,UAAU;AAEnE,QAAMgB,gBAAgBC,YACpB,CAACC,KAAKC,eAAe;AACnBT,iBAAa,MAAM;AAEbtB,UAAAA,YAAY,CAAC+B,YAAY;AAC3BL,2BAAmB,SAAS;AAAA,MAAA,OACvB;AACLA,2BAAmB,OAAO;AAAA,MAC5B;AAEOK,aAAAA;AAAAA,IAAAA,CACR;AAEUD,yCAAAA,KAAKC,YAAYhC;AAAAA,EAAK,GAEnC,CAACW,UAAUV,UAAUsB,cAAcI,oBAAoB3B,KAAK,CAC9D;AAMMiC,QAAAA,eACJnB,oBAAoB,SAClBF,WAAWsB,UAAarB,kBAAkBqB,UACzCtB,WAAWsB,UAAajC;AAEvBkC,QAAAA,iBAAiBC,UAAUV,eAAe;AAE5CW,MAAAA;AACJ,MAAIF,gBAAgB;AAClBE,qBAAiBJ,eACbK,MAAMlB,WAAW,OAAO,IACxBN;AAAAA,EACN;AAEA,8BACGyB,eAAa;AAAA,IACZzC;AAAAA,IACAC;AAAAA,IACAa,QAAQc;AAAAA,IACRvB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACAL,WAAWqB,GAAGvB,QAAQ6C,MAAM3C,SAAS;AAAA,IAAE4C,UAEtCrC,CAAAA,SACCsC,oBAACC,SAAO;AAAA,MACN7C,IAAIwC,MAAMlB,WAAW,OAAO;AAAA,MAC5BwB,SAASN,MAAMlB,WAAW,OAAO;AAAA,MACjChB;AAAAA,MACAP,WAAWF,QAAQS;AAAAA,MAAM,GACrBI;AAAAA,IAAAA,CACL,GAEHkC,oBAAA,OAAA;AAAA,MACE7C,WAAWqB,GAAGvB,QAAQkD,iBAAiB;AAAA,QACrC,CAAClD,QAAQmD,aAAa,GAAGX;AAAAA,MAAAA,CAC1B;AAAA,MAAEM,8BAEFM,cAAY;AAAA,QACXjD,IAAIM,QAAQkC,MAAMlB,WAAW,OAAO,IAAIkB,MAAMxC,IAAI,OAAO;AAAA,QACzDC;AAAAA,QACAI;AAAAA,QACAD;AAAAA,QACAD;AAAAA,QACAU,UAAUkB;AAAAA,QACV7B;AAAAA,QACAS,SAASa;AAAAA,QACTP,YAAY;AAAA,UACV,gBAAgBoB,iBAAiB,OAAOD;AAAAA,UACxC,qBAAqBG;AAAAA,UACrB,cAAchC;AAAAA,UACd,mBAAmBC;AAAAA,UACnB,oBAAoBC;AAAAA,UACpB,GAAGQ;AAAAA,QACL;AAAA,QAAE,GACEC;AAAAA,MAAAA,CACL;AAAA,IAAA,CACE,GACJiB,gBACCS,oBAACM,eAAa;AAAA,MACZlD,IAAIwC,MAAMlB,WAAW,OAAO;AAAA,MAC5BvB,WAAWF,QAAQsD;AAAAA,MACnBC,eAAa;AAAA,MACbC,kBAAgB;AAAA,MAChBC,UAAQ;AAAA,MAAAX,UAEPb;AAAAA,IAAAA,CACY,CAChB;AAAA,EAAA,CACY;AAEnB;"}
|
|
@@ -1,71 +1,32 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
1
|
import { theme } from "@hitachivantara/uikit-styles";
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
...props
|
|
26
|
-
}), process.env.NODE_ENV === "production" ? {
|
|
27
|
-
target: "ejak3962"
|
|
28
|
-
} : {
|
|
29
|
-
target: "ejak3962",
|
|
30
|
-
label: "StyledFormElement"
|
|
31
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
32
|
-
name: "1bj7yge",
|
|
33
|
-
styles: "display:inline-flex;flex-direction:column;align-items:flex-start"
|
|
34
|
-
} : {
|
|
35
|
-
name: "1bj7yge",
|
|
36
|
-
styles: "display:inline-flex;flex-direction:column;align-items:flex-start",
|
|
37
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHtcbiAgSHZMYWJlbCxcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZGb3JtRWxlbWVudFByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9Gb3Jtc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IChcbiAgPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdkxhYmVsKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN3aXRjaENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaW52YWxpZCB9OiB7ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3dpdGNoLmludmFsaWRQYWRkaW5nQm90dG9tLFxuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
|
|
38
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
39
|
-
});
|
|
40
|
-
const StyledLabel = /* @__PURE__ */ _styled(HvLabel, process.env.NODE_ENV === "production" ? {
|
|
41
|
-
target: "ejak3961"
|
|
42
|
-
} : {
|
|
43
|
-
target: "ejak3961",
|
|
44
|
-
label: "StyledLabel"
|
|
45
|
-
})({
|
|
46
|
-
marginBottom: theme.space.xs
|
|
47
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIEh2TGFiZWwsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiAoXG4gIDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdHJhbnNwYXJlbnRcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnN3aXRjaC5pbnZhbGlkUGFkZGluZ0JvdHRvbSxcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgfSksXG59KSk7XG4iXX0= */");
|
|
48
|
-
const StyledSwitchContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
|
|
49
|
-
target: "ejak3960"
|
|
50
|
-
}, transientOptions) : _extends({}, {
|
|
51
|
-
target: "ejak3960",
|
|
52
|
-
label: "StyledSwitchContainer"
|
|
53
|
-
}, transientOptions))(({
|
|
54
|
-
$invalid
|
|
55
|
-
}) => ({
|
|
56
|
-
height: "32px",
|
|
57
|
-
display: "flex",
|
|
58
|
-
flexDirection: "column",
|
|
59
|
-
justifyContent: "center",
|
|
60
|
-
borderBottom: "1px solid transparent",
|
|
61
|
-
...$invalid && {
|
|
2
|
+
import { createClasses } from "../../utils/classes.js";
|
|
3
|
+
const {
|
|
4
|
+
staticClasses,
|
|
5
|
+
useClasses
|
|
6
|
+
} = createClasses("HvSwitch", {
|
|
7
|
+
root: {
|
|
8
|
+
display: "inline-flex",
|
|
9
|
+
flexDirection: "column",
|
|
10
|
+
alignItems: "flex-start"
|
|
11
|
+
},
|
|
12
|
+
label: {
|
|
13
|
+
marginBottom: theme.space.xs
|
|
14
|
+
},
|
|
15
|
+
error: {},
|
|
16
|
+
switchContainer: {
|
|
17
|
+
height: "32px",
|
|
18
|
+
display: "flex",
|
|
19
|
+
flexDirection: "column",
|
|
20
|
+
justifyContent: "center",
|
|
21
|
+
borderBottom: "1px solid transparent"
|
|
22
|
+
},
|
|
23
|
+
invalidSwitch: {
|
|
62
24
|
paddingBottom: theme.switch.invalidPaddingBottom,
|
|
63
25
|
borderBottom: `1px solid ${theme.colors.negative}`
|
|
64
26
|
}
|
|
65
|
-
})
|
|
27
|
+
});
|
|
66
28
|
export {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
StyledSwitchContainer
|
|
29
|
+
staticClasses,
|
|
30
|
+
useClasses
|
|
70
31
|
};
|
|
71
32
|
//# sourceMappingURL=Switch.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.styles.js","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"Switch.styles.js","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSwitch\", {\n root: {\n display: \"inline-flex\",\n flexDirection: \"column\",\n alignItems: \"flex-start\",\n },\n label: { marginBottom: theme.space.xs },\n error: {},\n switchContainer: {\n height: \"32px\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n borderBottom: \"1px solid transparent\",\n },\n invalidSwitch: {\n paddingBottom: theme.switch.invalidPaddingBottom,\n borderBottom: `1px solid ${theme.colors.negative}`,\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","flexDirection","alignItems","label","marginBottom","theme","space","xs","error","switchContainer","height","justifyContent","borderBottom","invalidSwitch","paddingBottom","switch","invalidPaddingBottom","colors","negative"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,YAAY;AAAA,EACd;AAAA,EACAC,OAAO;AAAA,IAAEC,cAAcC,MAAMC,MAAMC;AAAAA,EAAG;AAAA,EACtCC,OAAO,CAAC;AAAA,EACRC,iBAAiB;AAAA,IACfC,QAAQ;AAAA,IACRV,SAAS;AAAA,IACTC,eAAe;AAAA,IACfU,gBAAgB;AAAA,IAChBC,cAAc;AAAA,EAChB;AAAA,EACAC,eAAe;AAAA,IACbC,eAAeT,MAAMU,OAAOC;AAAAA,IAC5BJ,cAAe,aAAYP,MAAMY,OAAOC;AAAAA,EAC1C;AACF,CAAC;"}
|