@lunit/oui 1.0.0-alpha.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/.editorconfig +13 -0
- package/.env +1 -0
- package/.eslintrc.json +26 -0
- package/.github/PULL_REQUEST_TEMPLATE.md +35 -0
- package/.husky/commit-msg +4 -0
- package/.husky/pre-commit +5 -0
- package/.lintstagedrc.json +3 -0
- package/.prettierignore +61 -0
- package/.prettierrc +24 -0
- package/CHANGELOG.md +33 -0
- package/LICENSE +21 -0
- package/README.md +27 -0
- package/babel.config.js +14 -0
- package/commitlint.config.js +6 -0
- package/config/alias.js +5 -0
- package/config/cjs.config.js +25 -0
- package/config/env.js +104 -0
- package/config/getHttpsConfig.js +66 -0
- package/config/jest/babelTransform.js +29 -0
- package/config/jest/cssTransform.js +14 -0
- package/config/jest/fileTransform.js +40 -0
- package/config/modules.js +134 -0
- package/config/paths.js +77 -0
- package/config/webpack.config.js +39 -0
- package/config/webpackDevServer.config.js +127 -0
- package/dist/assets/ic-bell-noti-outlined-20px.js +4 -0
- package/dist/assets/ic-bell-noti-outlined-20px.js.map +1 -0
- package/dist/assets/ic-close-large-outlined-20px.js +4 -0
- package/dist/assets/ic-close-large-outlined-20px.js.map +1 -0
- package/dist/assets/ic-close-small-outlined-20px.js +4 -0
- package/dist/assets/ic-close-small-outlined-20px.js.map +1 -0
- package/dist/assets/ic-download-pdf-outlined-20px.js +4 -0
- package/dist/assets/ic-download-pdf-outlined-20px.js.map +1 -0
- package/dist/assets/ic-ellipse-outlined-20px.js +4 -0
- package/dist/assets/ic-ellipse-outlined-20px.js.map +1 -0
- package/dist/assets/ic-filter-noti-outlined-20px.js +4 -0
- package/dist/assets/ic-filter-noti-outlined-20px.js.map +1 -0
- package/dist/assets/ic-hide-large-outlined-20px.js +4 -0
- package/dist/assets/ic-hide-large-outlined-20px.js.map +1 -0
- package/dist/assets/ic-hide-small-outlined-20px.js +4 -0
- package/dist/assets/ic-hide-small-outlined-20px.js.map +1 -0
- package/dist/assets/ic-information-large-outlined-20px.js +4 -0
- package/dist/assets/ic-information-large-outlined-20px.js.map +1 -0
- package/dist/assets/ic-information-small-outlined-20px.js +4 -0
- package/dist/assets/ic-information-small-outlined-20px.js.map +1 -0
- package/dist/assets/ic-manufacturer-outlined-20px.js +4 -0
- package/dist/assets/ic-manufacturer-outlined-20px.js.map +1 -0
- package/dist/assets/ic-rectangle-outlined-20px.js +4 -0
- package/dist/assets/ic-rectangle-outlined-20px.js.map +1 -0
- package/dist/assets/ic-refresh-left-outlined-20px.js +4 -0
- package/dist/assets/ic-refresh-left-outlined-20px.js.map +1 -0
- package/dist/assets/ic-refresh-right-outlined-20px.js +4 -0
- package/dist/assets/ic-refresh-right-outlined-20px.js.map +1 -0
- package/dist/assets/ic-show-large-outlined-20px.js +4 -0
- package/dist/assets/ic-show-large-outlined-20px.js.map +1 -0
- package/dist/assets/ic-show-small-outlined-20px.js +4 -0
- package/dist/assets/ic-show-small-outlined-20px.js.map +1 -0
- package/dist/assets/index.js +17 -0
- package/dist/assets/index.js.map +1 -0
- package/dist/cjs/components/Alert/index.js +2 -0
- package/dist/cjs/components/Alert/index.js.map +1 -0
- package/dist/cjs/components/Button/index.js +2 -0
- package/dist/cjs/components/Button/index.js.map +1 -0
- package/dist/cjs/components/Card/index.js +2 -0
- package/dist/cjs/components/Card/index.js.map +1 -0
- package/dist/cjs/components/Checkbox/index.js +2 -0
- package/dist/cjs/components/Checkbox/index.js.map +1 -0
- package/dist/cjs/components/Chip/index.js +2 -0
- package/dist/cjs/components/Chip/index.js.map +1 -0
- package/dist/cjs/components/DataTable/index.js +2 -0
- package/dist/cjs/components/DataTable/index.js.map +1 -0
- package/dist/cjs/components/DatePicker/index.js +2 -0
- package/dist/cjs/components/DatePicker/index.js.map +1 -0
- package/dist/cjs/components/Dialog/index.js +2 -0
- package/dist/cjs/components/Dialog/index.js.map +1 -0
- package/dist/cjs/components/Divider/index.js +2 -0
- package/dist/cjs/components/Divider/index.js.map +1 -0
- package/dist/cjs/components/Dropdown/index.js +2 -0
- package/dist/cjs/components/Dropdown/index.js.map +1 -0
- package/dist/cjs/components/FileDnDZone/index.js +2 -0
- package/dist/cjs/components/FileDnDZone/index.js.map +1 -0
- package/dist/cjs/components/Icons/index.js +2 -0
- package/dist/cjs/components/Icons/index.js.map +1 -0
- package/dist/cjs/components/List/index.js +2 -0
- package/dist/cjs/components/List/index.js.map +1 -0
- package/dist/cjs/components/LoadingIndicator/index.js +2 -0
- package/dist/cjs/components/LoadingIndicator/index.js.map +1 -0
- package/dist/cjs/components/Menu/index.js +2 -0
- package/dist/cjs/components/Menu/index.js.map +1 -0
- package/dist/cjs/components/ProductLabel/index.js +2 -0
- package/dist/cjs/components/ProductLabel/index.js.map +1 -0
- package/dist/cjs/components/Progress/index.js +2 -0
- package/dist/cjs/components/Progress/index.js.map +1 -0
- package/dist/cjs/components/Radio/index.js +2 -0
- package/dist/cjs/components/Radio/index.js.map +1 -0
- package/dist/cjs/components/Stepper/index.js +2 -0
- package/dist/cjs/components/Stepper/index.js.map +1 -0
- package/dist/cjs/components/TabbedPanel/index.js +2 -0
- package/dist/cjs/components/TabbedPanel/index.js.map +1 -0
- package/dist/cjs/components/TextField/index.js +2 -0
- package/dist/cjs/components/TextField/index.js.map +1 -0
- package/dist/cjs/components/Tooltip/index.js +2 -0
- package/dist/cjs/components/Tooltip/index.js.map +1 -0
- package/dist/cjs/components/UploadManager/index.js +2 -0
- package/dist/cjs/components/UploadManager/index.js.map +1 -0
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/components/Alert/Alert.js +15 -0
- package/dist/components/Alert/Alert.js.map +1 -0
- package/dist/components/Alert/Alert.styled.js +42 -0
- package/dist/components/Alert/Alert.styled.js.map +1 -0
- package/dist/components/Alert/Alert.types.js +2 -0
- package/dist/components/Alert/Alert.types.js.map +1 -0
- package/dist/components/Alert/Alert.utils.js +40 -0
- package/dist/components/Alert/Alert.utils.js.map +1 -0
- package/dist/components/Alert/index.js +3 -0
- package/dist/components/Alert/index.js.map +1 -0
- package/dist/components/BaseTextField/BaseTextField.styled.js +97 -0
- package/dist/components/BaseTextField/BaseTextField.styled.js.map +1 -0
- package/dist/components/BaseTextField/BaseTextField.types.js +3 -0
- package/dist/components/BaseTextField/BaseTextField.types.js.map +1 -0
- package/dist/components/BaseTextField/BaseTextField.utils.js +10 -0
- package/dist/components/BaseTextField/BaseTextField.utils.js.map +1 -0
- package/dist/components/Button/BaseButton.js +15 -0
- package/dist/components/Button/BaseButton.js.map +1 -0
- package/dist/components/Button/Button.js +43 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/Button.types.js +2 -0
- package/dist/components/Button/Button.types.js.map +1 -0
- package/dist/components/Button/Button.utils.js +11 -0
- package/dist/components/Button/Button.utils.js.map +1 -0
- package/dist/components/Button/index.js +4 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Button/styleds/BaseButton.styled.js +52 -0
- package/dist/components/Button/styleds/BaseButton.styled.js.map +1 -0
- package/dist/components/Button/styleds/ContainedButton.styled.js +112 -0
- package/dist/components/Button/styleds/ContainedButton.styled.js.map +1 -0
- package/dist/components/Button/styleds/GhostButton.styled.js +128 -0
- package/dist/components/Button/styleds/GhostButton.styled.js.map +1 -0
- package/dist/components/Button/styleds/IconButton.styled.js +23 -0
- package/dist/components/Button/styleds/IconButton.styled.js.map +1 -0
- package/dist/components/Button/styleds/OutlinedButton.styled.js +136 -0
- package/dist/components/Button/styleds/OutlinedButton.styled.js.map +1 -0
- package/dist/components/Card/Card.js +7 -0
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Card/Card.styled.js +14 -0
- package/dist/components/Card/Card.styled.js.map +1 -0
- package/dist/components/Card/Card.types.js +2 -0
- package/dist/components/Card/Card.types.js.map +1 -0
- package/dist/components/Card/index.js +3 -0
- package/dist/components/Card/index.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.js +11 -0
- package/dist/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.styled.js +25 -0
- package/dist/components/Checkbox/Checkbox.styled.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.types.js +2 -0
- package/dist/components/Checkbox/Checkbox.types.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.utils.js +22 -0
- package/dist/components/Checkbox/Checkbox.utils.js.map +1 -0
- package/dist/components/Checkbox/index.js +3 -0
- package/dist/components/Checkbox/index.js.map +1 -0
- package/dist/components/Chip/Chip.js +26 -0
- package/dist/components/Chip/Chip.js.map +1 -0
- package/dist/components/Chip/Chip.styled.js +106 -0
- package/dist/components/Chip/Chip.styled.js.map +1 -0
- package/dist/components/Chip/Chip.types.js +2 -0
- package/dist/components/Chip/Chip.types.js.map +1 -0
- package/dist/components/Chip/Chip.utils.js +49 -0
- package/dist/components/Chip/Chip.utils.js.map +1 -0
- package/dist/components/Chip/index.js +3 -0
- package/dist/components/Chip/index.js.map +1 -0
- package/dist/components/DataTable/DataTable.js +12 -0
- package/dist/components/DataTable/DataTable.js.map +1 -0
- package/dist/components/DataTable/DataTable.styled.js +65 -0
- package/dist/components/DataTable/DataTable.styled.js.map +1 -0
- package/dist/components/DataTable/index.js +2 -0
- package/dist/components/DataTable/index.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.js +162 -0
- package/dist/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.styled.js +17 -0
- package/dist/components/DatePicker/DatePicker.styled.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.types.js +2 -0
- package/dist/components/DatePicker/DatePicker.types.js.map +1 -0
- package/dist/components/DatePicker/index.js +3 -0
- package/dist/components/DatePicker/index.js.map +1 -0
- package/dist/components/Dialog/Dialog.js +21 -0
- package/dist/components/Dialog/Dialog.js.map +1 -0
- package/dist/components/Dialog/Dialog.styled.js +60 -0
- package/dist/components/Dialog/Dialog.styled.js.map +1 -0
- package/dist/components/Dialog/Dialog.types.js +2 -0
- package/dist/components/Dialog/Dialog.types.js.map +1 -0
- package/dist/components/Dialog/index.js +3 -0
- package/dist/components/Dialog/index.js.map +1 -0
- package/dist/components/Divider/Divider.js +7 -0
- package/dist/components/Divider/Divider.js.map +1 -0
- package/dist/components/Divider/Divider.styled.js +22 -0
- package/dist/components/Divider/Divider.styled.js.map +1 -0
- package/dist/components/Divider/Divider.types.js +2 -0
- package/dist/components/Divider/Divider.types.js.map +1 -0
- package/dist/components/Divider/index.js +3 -0
- package/dist/components/Divider/index.js.map +1 -0
- package/dist/components/Dropdown/Dropdown.js +55 -0
- package/dist/components/Dropdown/Dropdown.js.map +1 -0
- package/dist/components/Dropdown/Dropdown.styled.js +103 -0
- package/dist/components/Dropdown/Dropdown.styled.js.map +1 -0
- package/dist/components/Dropdown/Dropdown.types.js +2 -0
- package/dist/components/Dropdown/Dropdown.types.js.map +1 -0
- package/dist/components/Dropdown/Dropdown.utils.js +12 -0
- package/dist/components/Dropdown/Dropdown.utils.js.map +1 -0
- package/dist/components/Dropdown/DropdownItem.js +9 -0
- package/dist/components/Dropdown/DropdownItem.js.map +1 -0
- package/dist/components/Dropdown/DropdownItem.styled.js +57 -0
- package/dist/components/Dropdown/DropdownItem.styled.js.map +1 -0
- package/dist/components/Dropdown/DropdownItem.types.js +2 -0
- package/dist/components/Dropdown/DropdownItem.types.js.map +1 -0
- package/dist/components/Dropdown/DropdownItem.utils.js +10 -0
- package/dist/components/Dropdown/DropdownItem.utils.js.map +1 -0
- package/dist/components/Dropdown/DropdownSubtitle.js +7 -0
- package/dist/components/Dropdown/DropdownSubtitle.js.map +1 -0
- package/dist/components/Dropdown/DropdownSubtitle.styled.js +12 -0
- package/dist/components/Dropdown/DropdownSubtitle.styled.js.map +1 -0
- package/dist/components/Dropdown/DropdownSubtitle.types.js +2 -0
- package/dist/components/Dropdown/DropdownSubtitle.types.js.map +1 -0
- package/dist/components/Dropdown/IconDropdown.js +35 -0
- package/dist/components/Dropdown/IconDropdown.js.map +1 -0
- package/dist/components/Dropdown/IconDropdown.styled.js +72 -0
- package/dist/components/Dropdown/IconDropdown.styled.js.map +1 -0
- package/dist/components/Dropdown/IconDropdown.types.js +2 -0
- package/dist/components/Dropdown/IconDropdown.types.js.map +1 -0
- package/dist/components/Dropdown/index.js +6 -0
- package/dist/components/Dropdown/index.js.map +1 -0
- package/dist/components/FileDnDZone/FileDnDZone.js +13 -0
- package/dist/components/FileDnDZone/FileDnDZone.js.map +1 -0
- package/dist/components/FileDnDZone/FileDnDZone.styled.js +39 -0
- package/dist/components/FileDnDZone/FileDnDZone.styled.js.map +1 -0
- package/dist/components/FileDnDZone/FileDnDZone.types.js +2 -0
- package/dist/components/FileDnDZone/FileDnDZone.types.js.map +1 -0
- package/dist/components/FileDnDZone/FileDnDZone.utils.js +3 -0
- package/dist/components/FileDnDZone/FileDnDZone.utils.js.map +1 -0
- package/dist/components/FileDnDZone/index.js +3 -0
- package/dist/components/FileDnDZone/index.js.map +1 -0
- package/dist/components/Icons/BellNoti/index.js +14 -0
- package/dist/components/Icons/BellNoti/index.js.map +1 -0
- package/dist/components/Icons/CloseLarge/index.js +14 -0
- package/dist/components/Icons/CloseLarge/index.js.map +1 -0
- package/dist/components/Icons/CloseSmall/index.js +14 -0
- package/dist/components/Icons/CloseSmall/index.js.map +1 -0
- package/dist/components/Icons/DownloadPdf/index.js +14 -0
- package/dist/components/Icons/DownloadPdf/index.js.map +1 -0
- package/dist/components/Icons/Ellipse/index.js +14 -0
- package/dist/components/Icons/Ellipse/index.js.map +1 -0
- package/dist/components/Icons/FilterNoti/index.js +14 -0
- package/dist/components/Icons/FilterNoti/index.js.map +1 -0
- package/dist/components/Icons/HideLarge/index.js +14 -0
- package/dist/components/Icons/HideLarge/index.js.map +1 -0
- package/dist/components/Icons/HideSmall/index.js +14 -0
- package/dist/components/Icons/HideSmall/index.js.map +1 -0
- package/dist/components/Icons/InformationLarge/index.js +14 -0
- package/dist/components/Icons/InformationLarge/index.js.map +1 -0
- package/dist/components/Icons/InformationSmall/index.js +14 -0
- package/dist/components/Icons/InformationSmall/index.js.map +1 -0
- package/dist/components/Icons/Manufacturer/index.js +14 -0
- package/dist/components/Icons/Manufacturer/index.js.map +1 -0
- package/dist/components/Icons/Rectangle/index.js +14 -0
- package/dist/components/Icons/Rectangle/index.js.map +1 -0
- package/dist/components/Icons/RefreshLeft/index.js +14 -0
- package/dist/components/Icons/RefreshLeft/index.js.map +1 -0
- package/dist/components/Icons/RefreshRight/index.js +14 -0
- package/dist/components/Icons/RefreshRight/index.js.map +1 -0
- package/dist/components/Icons/ShowLarge/index.js +14 -0
- package/dist/components/Icons/ShowLarge/index.js.map +1 -0
- package/dist/components/Icons/ShowSmall/index.js +14 -0
- package/dist/components/Icons/ShowSmall/index.js.map +1 -0
- package/dist/components/Icons/index.js +180 -0
- package/dist/components/Icons/index.js.map +1 -0
- package/dist/components/List/List.js +23 -0
- package/dist/components/List/List.js.map +1 -0
- package/dist/components/List/List.styled.js +29 -0
- package/dist/components/List/List.styled.js.map +1 -0
- package/dist/components/List/List.types.js +2 -0
- package/dist/components/List/List.types.js.map +1 -0
- package/dist/components/List/List.utils.js +12 -0
- package/dist/components/List/List.utils.js.map +1 -0
- package/dist/components/List/ListItem.js +25 -0
- package/dist/components/List/ListItem.js.map +1 -0
- package/dist/components/List/ListItem.styled.js +45 -0
- package/dist/components/List/ListItem.styled.js.map +1 -0
- package/dist/components/List/ListItem.types.js +2 -0
- package/dist/components/List/ListItem.types.js.map +1 -0
- package/dist/components/List/ListItemCaption.js +10 -0
- package/dist/components/List/ListItemCaption.js.map +1 -0
- package/dist/components/List/ListItemCaption.styled.js +7 -0
- package/dist/components/List/ListItemCaption.styled.js.map +1 -0
- package/dist/components/List/ListItemCaption.types.js +2 -0
- package/dist/components/List/ListItemCaption.types.js.map +1 -0
- package/dist/components/List/index.js +4 -0
- package/dist/components/List/index.js.map +1 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.js +11 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.js.map +1 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.styled.js +37 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.styled.js.map +1 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.types.js +2 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.types.js.map +1 -0
- package/dist/components/LoadingIndicator/assets/DnaLoadingAnimation.json +769 -0
- package/dist/components/LoadingIndicator/assets/DotLoadingAnimation.json +426 -0
- package/dist/components/LoadingIndicator/index.js +3 -0
- package/dist/components/LoadingIndicator/index.js.map +1 -0
- package/dist/components/Menu/Menu.js +13 -0
- package/dist/components/Menu/Menu.js.map +1 -0
- package/dist/components/Menu/Menu.styled.js +31 -0
- package/dist/components/Menu/Menu.styled.js.map +1 -0
- package/dist/components/Menu/Menu.types.js +2 -0
- package/dist/components/Menu/Menu.types.js.map +1 -0
- package/dist/components/Menu/MenuItem.js +20 -0
- package/dist/components/Menu/MenuItem.js.map +1 -0
- package/dist/components/Menu/MenuItem.styled.js +48 -0
- package/dist/components/Menu/MenuItem.styled.js.map +1 -0
- package/dist/components/Menu/MenuItem.types.js +2 -0
- package/dist/components/Menu/MenuItem.types.js.map +1 -0
- package/dist/components/Menu/index.js +3 -0
- package/dist/components/Menu/index.js.map +1 -0
- package/dist/components/MuiCssBaseline.js +67 -0
- package/dist/components/MuiCssBaseline.js.map +1 -0
- package/dist/components/MuiInputBase.js +24 -0
- package/dist/components/MuiInputBase.js.map +1 -0
- package/dist/components/MuiOutlinedInput.js +56 -0
- package/dist/components/MuiOutlinedInput.js.map +1 -0
- package/dist/components/MuiTextField.js +16 -0
- package/dist/components/MuiTextField.js.map +1 -0
- package/dist/components/ProductLabel/ProductLabel.js +16 -0
- package/dist/components/ProductLabel/ProductLabel.js.map +1 -0
- package/dist/components/ProductLabel/ProductLabel.styled.js +53 -0
- package/dist/components/ProductLabel/ProductLabel.styled.js.map +1 -0
- package/dist/components/ProductLabel/ProductLabel.types.js +2 -0
- package/dist/components/ProductLabel/ProductLabel.types.js.map +1 -0
- package/dist/components/ProductLabel/index.js +3 -0
- package/dist/components/ProductLabel/index.js.map +1 -0
- package/dist/components/Progress/CircularProgress.js +7 -0
- package/dist/components/Progress/CircularProgress.js.map +1 -0
- package/dist/components/Progress/CircularProgress.styled.js +8 -0
- package/dist/components/Progress/CircularProgress.styled.js.map +1 -0
- package/dist/components/Progress/CircularProgress.types.js +2 -0
- package/dist/components/Progress/CircularProgress.types.js.map +1 -0
- package/dist/components/Progress/LinearProgress.js +7 -0
- package/dist/components/Progress/LinearProgress.js.map +1 -0
- package/dist/components/Progress/LinearProgress.styled.js +13 -0
- package/dist/components/Progress/LinearProgress.styled.js.map +1 -0
- package/dist/components/Progress/LinearProgress.types.js +2 -0
- package/dist/components/Progress/LinearProgress.types.js.map +1 -0
- package/dist/components/Progress/index.js +4 -0
- package/dist/components/Progress/index.js.map +1 -0
- package/dist/components/Radio/Radio.js +10 -0
- package/dist/components/Radio/Radio.js.map +1 -0
- package/dist/components/Radio/Radio.styled.js +32 -0
- package/dist/components/Radio/Radio.styled.js.map +1 -0
- package/dist/components/Radio/Radio.types.js +2 -0
- package/dist/components/Radio/Radio.types.js.map +1 -0
- package/dist/components/Radio/RadioGroup.js +8 -0
- package/dist/components/Radio/RadioGroup.js.map +1 -0
- package/dist/components/Radio/RadioGroup.styled.js +6 -0
- package/dist/components/Radio/RadioGroup.styled.js.map +1 -0
- package/dist/components/Radio/RadioGroup.types.js +2 -0
- package/dist/components/Radio/RadioGroup.types.js.map +1 -0
- package/dist/components/Radio/index.js +4 -0
- package/dist/components/Radio/index.js.map +1 -0
- package/dist/components/Stepper/Stepper.js +7 -0
- package/dist/components/Stepper/Stepper.js.map +1 -0
- package/dist/components/Stepper/Stepper.styled.js +33 -0
- package/dist/components/Stepper/Stepper.styled.js.map +1 -0
- package/dist/components/Stepper/Stepper.types.js +2 -0
- package/dist/components/Stepper/Stepper.types.js.map +1 -0
- package/dist/components/Stepper/index.js +3 -0
- package/dist/components/Stepper/index.js.map +1 -0
- package/dist/components/TabbedPanel/TabbedPanel.js +18 -0
- package/dist/components/TabbedPanel/TabbedPanel.js.map +1 -0
- package/dist/components/TabbedPanel/TabbedPanel.styled.js +116 -0
- package/dist/components/TabbedPanel/TabbedPanel.styled.js.map +1 -0
- package/dist/components/TabbedPanel/TabbedPanel.types.js +2 -0
- package/dist/components/TabbedPanel/TabbedPanel.types.js.map +1 -0
- package/dist/components/TabbedPanel/TabbedPanel.utils.js +18 -0
- package/dist/components/TabbedPanel/TabbedPanel.utils.js.map +1 -0
- package/dist/components/TabbedPanel/index.js +3 -0
- package/dist/components/TabbedPanel/index.js.map +1 -0
- package/dist/components/TextField/TextArea.js +10 -0
- package/dist/components/TextField/TextArea.js.map +1 -0
- package/dist/components/TextField/TextArea.styled.js +31 -0
- package/dist/components/TextField/TextArea.styled.js.map +1 -0
- package/dist/components/TextField/TextArea.types.js +3 -0
- package/dist/components/TextField/TextArea.types.js.map +1 -0
- package/dist/components/TextField/TextInput.js +13 -0
- package/dist/components/TextField/TextInput.js.map +1 -0
- package/dist/components/TextField/TextInput.styled.js +103 -0
- package/dist/components/TextField/TextInput.styled.js.map +1 -0
- package/dist/components/TextField/TextInput.types.js +2 -0
- package/dist/components/TextField/TextInput.types.js.map +1 -0
- package/dist/components/TextField/TextInput.utils.js +6 -0
- package/dist/components/TextField/TextInput.utils.js.map +1 -0
- package/dist/components/TextField/components/Buttons.js +11 -0
- package/dist/components/TextField/components/Buttons.js.map +1 -0
- package/dist/components/TextField/components/NormalTextInput.js +39 -0
- package/dist/components/TextField/components/NormalTextInput.js.map +1 -0
- package/dist/components/TextField/components/PasswordInput.js +22 -0
- package/dist/components/TextField/components/PasswordInput.js.map +1 -0
- package/dist/components/TextField/index.js +4 -0
- package/dist/components/TextField/index.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.js +21 -0
- package/dist/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.styled.js +24 -0
- package/dist/components/Tooltip/Tooltip.styled.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.types.js +2 -0
- package/dist/components/Tooltip/Tooltip.types.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.utils.js +30 -0
- package/dist/components/Tooltip/Tooltip.utils.js.map +1 -0
- package/dist/components/Tooltip/index.js +3 -0
- package/dist/components/Tooltip/index.js.map +1 -0
- package/dist/components/UploadManager/UploadManager.js +85 -0
- package/dist/components/UploadManager/UploadManager.js.map +1 -0
- package/dist/components/UploadManager/UploadManager.styled.js +38 -0
- package/dist/components/UploadManager/UploadManager.styled.js.map +1 -0
- package/dist/components/UploadManager/UploadManager.types.js +2 -0
- package/dist/components/UploadManager/UploadManager.types.js.map +1 -0
- package/dist/components/UploadManager/index.js +3 -0
- package/dist/components/UploadManager/index.js.map +1 -0
- package/dist/components/index.js +24 -0
- package/dist/components/index.js.map +1 -0
- package/dist/foundations/index.js +4 -0
- package/dist/foundations/index.js.map +1 -0
- package/dist/foundations/palette.js +209 -0
- package/dist/foundations/palette.js.map +1 -0
- package/dist/foundations/spacing.js +3 -0
- package/dist/foundations/spacing.js.map +1 -0
- package/dist/foundations/typography.js +288 -0
- package/dist/foundations/typography.js.map +1 -0
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -0
- package/dist/reportWebVitals.js +13 -0
- package/dist/reportWebVitals.js.map +1 -0
- package/dist/setupTests.js +6 -0
- package/dist/setupTests.js.map +1 -0
- package/dist/systems/drawer.js +6 -0
- package/dist/systems/drawer.js.map +1 -0
- package/dist/systems/index.js +7 -0
- package/dist/systems/index.js.map +1 -0
- package/dist/theme.js +21 -0
- package/dist/theme.js.map +1 -0
- package/dist/types/assets/ic-bell-noti-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-close-large-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-close-small-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-download-pdf-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-ellipse-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-filter-noti-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-hide-large-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-hide-small-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-information-large-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-information-small-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-manufacturer-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-rectangle-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-refresh-left-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-refresh-right-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-show-large-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-show-small-outlined-20px.d.ts +3 -0
- package/dist/types/assets/index.d.ts +16 -0
- package/dist/types/components/Alert/Alert.d.ts +4 -0
- package/dist/types/components/Alert/Alert.styled.d.ts +3 -0
- package/dist/types/components/Alert/Alert.types.d.ts +4 -0
- package/dist/types/components/Alert/Alert.utils.d.ts +4 -0
- package/dist/types/components/Alert/index.d.ts +4 -0
- package/dist/types/components/BaseTextField/BaseTextField.styled.d.ts +61 -0
- package/dist/types/components/BaseTextField/BaseTextField.types.d.ts +17 -0
- package/dist/types/components/BaseTextField/BaseTextField.utils.d.ts +2 -0
- package/dist/types/components/Button/BaseButton.d.ts +3 -0
- package/dist/types/components/Button/Button.d.ts +3 -0
- package/dist/types/components/Button/Button.types.d.ts +24 -0
- package/dist/types/components/Button/Button.utils.d.ts +8 -0
- package/dist/types/components/Button/index.d.ts +5 -0
- package/dist/types/components/Button/styleds/BaseButton.styled.d.ts +859 -0
- package/dist/types/components/Button/styleds/ContainedButton.styled.d.ts +894 -0
- package/dist/types/components/Button/styleds/GhostButton.styled.d.ts +888 -0
- package/dist/types/components/Button/styleds/IconButton.styled.d.ts +21 -0
- package/dist/types/components/Button/styleds/OutlinedButton.styled.d.ts +895 -0
- package/dist/types/components/Card/Card.d.ts +3 -0
- package/dist/types/components/Card/Card.styled.d.ts +3 -0
- package/dist/types/components/Card/Card.types.d.ts +8 -0
- package/dist/types/components/Card/index.d.ts +4 -0
- package/dist/types/components/Checkbox/Checkbox.d.ts +4 -0
- package/dist/types/components/Checkbox/Checkbox.styled.d.ts +10 -0
- package/dist/types/components/Checkbox/Checkbox.types.d.ts +15 -0
- package/dist/types/components/Checkbox/Checkbox.utils.d.ts +3 -0
- package/dist/types/components/Checkbox/index.d.ts +4 -0
- package/dist/types/components/Chip/Chip.d.ts +3 -0
- package/dist/types/components/Chip/Chip.styled.d.ts +6 -0
- package/dist/types/components/Chip/Chip.types.d.ts +6 -0
- package/dist/types/components/Chip/Chip.utils.d.ts +2 -0
- package/dist/types/components/Chip/index.d.ts +3 -0
- package/dist/types/components/DataTable/DataTable.d.ts +3 -0
- package/dist/types/components/DataTable/DataTable.styled.d.ts +3 -0
- package/dist/types/components/DataTable/index.d.ts +1 -0
- package/dist/types/components/DatePicker/DatePicker.d.ts +3 -0
- package/dist/types/components/DatePicker/DatePicker.styled.d.ts +3 -0
- package/dist/types/components/DatePicker/DatePicker.types.d.ts +6 -0
- package/dist/types/components/DatePicker/index.d.ts +3 -0
- package/dist/types/components/Dialog/Dialog.d.ts +3 -0
- package/dist/types/components/Dialog/Dialog.styled.d.ts +24 -0
- package/dist/types/components/Dialog/Dialog.types.d.ts +19 -0
- package/dist/types/components/Dialog/index.d.ts +4 -0
- package/dist/types/components/Divider/Divider.d.ts +3 -0
- package/dist/types/components/Divider/Divider.styled.d.ts +6 -0
- package/dist/types/components/Divider/Divider.types.d.ts +5 -0
- package/dist/types/components/Divider/index.d.ts +4 -0
- package/dist/types/components/Dropdown/Dropdown.d.ts +3 -0
- package/dist/types/components/Dropdown/Dropdown.styled.d.ts +12 -0
- package/dist/types/components/Dropdown/Dropdown.types.d.ts +20 -0
- package/dist/types/components/Dropdown/Dropdown.utils.d.ts +3 -0
- package/dist/types/components/Dropdown/DropdownItem.d.ts +3 -0
- package/dist/types/components/Dropdown/DropdownItem.styled.d.ts +10 -0
- package/dist/types/components/Dropdown/DropdownItem.types.d.ts +12 -0
- package/dist/types/components/Dropdown/DropdownItem.utils.d.ts +3 -0
- package/dist/types/components/Dropdown/DropdownSubtitle.d.ts +3 -0
- package/dist/types/components/Dropdown/DropdownSubtitle.styled.d.ts +5 -0
- package/dist/types/components/Dropdown/DropdownSubtitle.types.d.ts +5 -0
- package/dist/types/components/Dropdown/IconDropdown.d.ts +3 -0
- package/dist/types/components/Dropdown/IconDropdown.styled.d.ts +6 -0
- package/dist/types/components/Dropdown/IconDropdown.types.d.ts +19 -0
- package/dist/types/components/Dropdown/index.d.ts +9 -0
- package/dist/types/components/FileDnDZone/FileDnDZone.d.ts +3 -0
- package/dist/types/components/FileDnDZone/FileDnDZone.styled.d.ts +14 -0
- package/dist/types/components/FileDnDZone/FileDnDZone.types.d.ts +12 -0
- package/dist/types/components/FileDnDZone/FileDnDZone.utils.d.ts +2 -0
- package/dist/types/components/FileDnDZone/index.d.ts +4 -0
- package/dist/types/components/Icons/BellNoti/index.d.ts +12 -0
- package/dist/types/components/Icons/CloseLarge/index.d.ts +12 -0
- package/dist/types/components/Icons/CloseSmall/index.d.ts +12 -0
- package/dist/types/components/Icons/DownloadPdf/index.d.ts +12 -0
- package/dist/types/components/Icons/Ellipse/index.d.ts +12 -0
- package/dist/types/components/Icons/FilterNoti/index.d.ts +12 -0
- package/dist/types/components/Icons/HideLarge/index.d.ts +12 -0
- package/dist/types/components/Icons/HideSmall/index.d.ts +12 -0
- package/dist/types/components/Icons/InformationLarge/index.d.ts +12 -0
- package/dist/types/components/Icons/InformationSmall/index.d.ts +12 -0
- package/dist/types/components/Icons/Manufacturer/index.d.ts +12 -0
- package/dist/types/components/Icons/Rectangle/index.d.ts +12 -0
- package/dist/types/components/Icons/RefreshLeft/index.d.ts +12 -0
- package/dist/types/components/Icons/RefreshRight/index.d.ts +12 -0
- package/dist/types/components/Icons/ShowLarge/index.d.ts +12 -0
- package/dist/types/components/Icons/ShowSmall/index.d.ts +12 -0
- package/dist/types/components/Icons/index.d.ts +179 -0
- package/dist/types/components/List/List.d.ts +5 -0
- package/dist/types/components/List/List.styled.d.ts +8 -0
- package/dist/types/components/List/List.types.d.ts +19 -0
- package/dist/types/components/List/List.utils.d.ts +3 -0
- package/dist/types/components/List/ListItem.d.ts +3 -0
- package/dist/types/components/List/ListItem.styled.d.ts +35 -0
- package/dist/types/components/List/ListItem.types.d.ts +23 -0
- package/dist/types/components/List/ListItemCaption.d.ts +4 -0
- package/dist/types/components/List/ListItemCaption.styled.d.ts +4 -0
- package/dist/types/components/List/ListItemCaption.types.d.ts +1 -0
- package/dist/types/components/List/index.d.ts +6 -0
- package/dist/types/components/LoadingIndicator/LoadingIndicator.d.ts +3 -0
- package/dist/types/components/LoadingIndicator/LoadingIndicator.styled.d.ts +13 -0
- package/dist/types/components/LoadingIndicator/LoadingIndicator.types.d.ts +6 -0
- package/dist/types/components/LoadingIndicator/index.d.ts +4 -0
- package/dist/types/components/Menu/Menu.d.ts +5 -0
- package/dist/types/components/Menu/Menu.styled.d.ts +6 -0
- package/dist/types/components/Menu/Menu.types.d.ts +15 -0
- package/dist/types/components/Menu/MenuItem.d.ts +3 -0
- package/dist/types/components/Menu/MenuItem.styled.d.ts +9 -0
- package/dist/types/components/Menu/MenuItem.types.d.ts +13 -0
- package/dist/types/components/Menu/index.d.ts +4 -0
- package/dist/types/components/MuiCssBaseline.d.ts +4 -0
- package/dist/types/components/MuiInputBase.d.ts +4 -0
- package/dist/types/components/MuiOutlinedInput.d.ts +4 -0
- package/dist/types/components/MuiTextField.d.ts +5 -0
- package/dist/types/components/ProductLabel/ProductLabel.d.ts +3 -0
- package/dist/types/components/ProductLabel/ProductLabel.styled.d.ts +22 -0
- package/dist/types/components/ProductLabel/ProductLabel.types.d.ts +10 -0
- package/dist/types/components/ProductLabel/index.d.ts +4 -0
- package/dist/types/components/Progress/CircularProgress.d.ts +3 -0
- package/dist/types/components/Progress/CircularProgress.styled.d.ts +3 -0
- package/dist/types/components/Progress/CircularProgress.types.d.ts +5 -0
- package/dist/types/components/Progress/LinearProgress.d.ts +3 -0
- package/dist/types/components/Progress/LinearProgress.styled.d.ts +3 -0
- package/dist/types/components/Progress/LinearProgress.types.d.ts +6 -0
- package/dist/types/components/Progress/index.d.ts +3 -0
- package/dist/types/components/Radio/Radio.d.ts +4 -0
- package/dist/types/components/Radio/Radio.styled.d.ts +7 -0
- package/dist/types/components/Radio/Radio.types.d.ts +14 -0
- package/dist/types/components/Radio/RadioGroup.d.ts +4 -0
- package/dist/types/components/Radio/RadioGroup.styled.d.ts +1 -0
- package/dist/types/components/Radio/RadioGroup.types.d.ts +9 -0
- package/dist/types/components/Radio/index.d.ts +5 -0
- package/dist/types/components/Stepper/Stepper.d.ts +3 -0
- package/dist/types/components/Stepper/Stepper.styled.d.ts +12 -0
- package/dist/types/components/Stepper/Stepper.types.d.ts +11 -0
- package/dist/types/components/Stepper/index.d.ts +4 -0
- package/dist/types/components/TabbedPanel/TabbedPanel.d.ts +3 -0
- package/dist/types/components/TabbedPanel/TabbedPanel.styled.d.ts +11 -0
- package/dist/types/components/TabbedPanel/TabbedPanel.types.d.ts +31 -0
- package/dist/types/components/TabbedPanel/TabbedPanel.utils.d.ts +13 -0
- package/dist/types/components/TabbedPanel/index.d.ts +4 -0
- package/dist/types/components/TextField/TextArea.d.ts +4 -0
- package/dist/types/components/TextField/TextArea.styled.d.ts +5 -0
- package/dist/types/components/TextField/TextArea.types.d.ts +19 -0
- package/dist/types/components/TextField/TextInput.d.ts +4 -0
- package/dist/types/components/TextField/TextInput.styled.d.ts +11 -0
- package/dist/types/components/TextField/TextInput.types.d.ts +26 -0
- package/dist/types/components/TextField/TextInput.utils.d.ts +3 -0
- package/dist/types/components/TextField/components/Buttons.d.ts +8 -0
- package/dist/types/components/TextField/components/NormalTextInput.d.ts +4 -0
- package/dist/types/components/TextField/components/PasswordInput.d.ts +4 -0
- package/dist/types/components/TextField/index.d.ts +6 -0
- package/dist/types/components/Tooltip/Tooltip.d.ts +4 -0
- package/dist/types/components/Tooltip/Tooltip.styled.d.ts +3 -0
- package/dist/types/components/Tooltip/Tooltip.types.d.ts +16 -0
- package/dist/types/components/Tooltip/Tooltip.utils.d.ts +4 -0
- package/dist/types/components/Tooltip/index.d.ts +4 -0
- package/dist/types/components/UploadManager/UploadManager.d.ts +6 -0
- package/dist/types/components/UploadManager/UploadManager.styled.d.ts +13 -0
- package/dist/types/components/UploadManager/UploadManager.types.d.ts +14 -0
- package/dist/types/components/UploadManager/index.d.ts +4 -0
- package/dist/types/components/index.d.ts +23 -0
- package/dist/types/foundations/index.d.ts +3 -0
- package/dist/types/foundations/palette.d.ts +72 -0
- package/dist/types/foundations/spacing.d.ts +3 -0
- package/dist/types/foundations/typography.d.ts +152 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/reportWebVitals.d.ts +3 -0
- package/dist/types/setupTests.d.ts +1 -0
- package/dist/types/systems/drawer.d.ts +22 -0
- package/dist/types/systems/index.d.ts +6 -0
- package/dist/types/theme.d.ts +2 -0
- package/package.json +239 -0
- package/public/favicon.ico +0 -0
- package/public/index.html +43 -0
- package/public/logo192.png +0 -0
- package/public/logo512.png +0 -0
- package/public/manifest.json +25 -0
- package/public/robots.txt +3 -0
- package/src/assets/ic-bell-noti-outlined-20px.tsx +21 -0
- package/src/assets/ic-close-large-outlined-20px.tsx +17 -0
- package/src/assets/ic-close-small-outlined-20px.tsx +17 -0
- package/src/assets/ic-download-pdf-outlined-20px.tsx +18 -0
- package/src/assets/ic-ellipse-outlined-20px.tsx +17 -0
- package/src/assets/ic-filter-noti-outlined-20px.tsx +21 -0
- package/src/assets/ic-hide-large-outlined-20px.tsx +13 -0
- package/src/assets/ic-hide-small-outlined-20px.tsx +17 -0
- package/src/assets/ic-information-large-outlined-20px.tsx +17 -0
- package/src/assets/ic-information-small-outlined-20px.tsx +17 -0
- package/src/assets/ic-manufacturer-outlined-20px.tsx +19 -0
- package/src/assets/ic-rectangle-outlined-20px.tsx +17 -0
- package/src/assets/ic-refresh-left-outlined-20px.tsx +17 -0
- package/src/assets/ic-refresh-right-outlined-20px.tsx +13 -0
- package/src/assets/ic-show-large-outlined-20px.tsx +17 -0
- package/src/assets/ic-show-small-outlined-20px.tsx +17 -0
- package/src/assets/ic_bell_noti=outlined_20px.svg +5 -0
- package/src/assets/ic_close_large=outlined_20px.svg +4 -0
- package/src/assets/ic_close_small=outlined_20px.svg +4 -0
- package/src/assets/ic_download_pdf=outlined_20px.svg +7 -0
- package/src/assets/ic_ellipse=outlined_20px.svg +4 -0
- package/src/assets/ic_filter_noti=outlined_20px.svg +5 -0
- package/src/assets/ic_hide_large=outlined_20px.svg +4 -0
- package/src/assets/ic_hide_small=outlined_20px.svg +4 -0
- package/src/assets/ic_information_large=outlined_20px.svg +4 -0
- package/src/assets/ic_information_small=outlined_20px.svg +4 -0
- package/src/assets/ic_manufacturer=outlined_20px.svg +3 -0
- package/src/assets/ic_rectangle=outlined_20px.svg +4 -0
- package/src/assets/ic_refresh_left=outlined_20px.svg +4 -0
- package/src/assets/ic_refresh_right=outlined_20px.svg +4 -0
- package/src/assets/ic_show_large=outlined_20px.svg +4 -0
- package/src/assets/ic_show_small=outlined_20px.svg +4 -0
- package/src/assets/index.ts +16 -0
- package/src/components/Alert/Alert.styled.ts +44 -0
- package/src/components/Alert/Alert.tsx +39 -0
- package/src/components/Alert/Alert.types.ts +5 -0
- package/src/components/Alert/Alert.utils.tsx +43 -0
- package/src/components/Alert/index.ts +5 -0
- package/src/components/BaseTextField/BaseTextField.styled.ts +110 -0
- package/src/components/BaseTextField/BaseTextField.types.ts +25 -0
- package/src/components/BaseTextField/BaseTextField.utils.ts +10 -0
- package/src/components/Button/BaseButton.tsx +19 -0
- package/src/components/Button/Button.tsx +117 -0
- package/src/components/Button/Button.types.ts +36 -0
- package/src/components/Button/Button.utils.ts +13 -0
- package/src/components/Button/index.ts +6 -0
- package/src/components/Button/styleds/BaseButton.styled.ts +57 -0
- package/src/components/Button/styleds/ContainedButton.styled.ts +123 -0
- package/src/components/Button/styleds/GhostButton.styled.ts +139 -0
- package/src/components/Button/styleds/IconButton.styled.ts +25 -0
- package/src/components/Button/styleds/OutlinedButton.styled.ts +144 -0
- package/src/components/Card/Card.styled.tsx +18 -0
- package/src/components/Card/Card.tsx +18 -0
- package/src/components/Card/Card.types.ts +10 -0
- package/src/components/Card/index.ts +5 -0
- package/src/components/Checkbox/Checkbox.styled.tsx +27 -0
- package/src/components/Checkbox/Checkbox.tsx +64 -0
- package/src/components/Checkbox/Checkbox.types.ts +16 -0
- package/src/components/Checkbox/Checkbox.utils.tsx +42 -0
- package/src/components/Checkbox/index.ts +5 -0
- package/src/components/Chip/Chip.styled.ts +120 -0
- package/src/components/Chip/Chip.tsx +33 -0
- package/src/components/Chip/Chip.types.ts +18 -0
- package/src/components/Chip/Chip.utils.tsx +50 -0
- package/src/components/Chip/index.ts +4 -0
- package/src/components/DataTable/DataTable.styled.ts +66 -0
- package/src/components/DataTable/DataTable.tsx +29 -0
- package/src/components/DataTable/index.ts +1 -0
- package/src/components/DatePicker/DatePicker.styled.ts +19 -0
- package/src/components/DatePicker/DatePicker.tsx +194 -0
- package/src/components/DatePicker/DatePicker.types.ts +8 -0
- package/src/components/DatePicker/index.ts +4 -0
- package/src/components/Dialog/Dialog.styled.ts +87 -0
- package/src/components/Dialog/Dialog.tsx +111 -0
- package/src/components/Dialog/Dialog.types.ts +19 -0
- package/src/components/Dialog/index.ts +5 -0
- package/src/components/Divider/Divider.styled.ts +24 -0
- package/src/components/Divider/Divider.tsx +13 -0
- package/src/components/Divider/Divider.types.ts +7 -0
- package/src/components/Divider/index.ts +5 -0
- package/src/components/Dropdown/Dropdown.styled.tsx +127 -0
- package/src/components/Dropdown/Dropdown.tsx +116 -0
- package/src/components/Dropdown/Dropdown.types.ts +31 -0
- package/src/components/Dropdown/Dropdown.utils.ts +13 -0
- package/src/components/Dropdown/DropdownItem.styled.tsx +66 -0
- package/src/components/Dropdown/DropdownItem.tsx +45 -0
- package/src/components/Dropdown/DropdownItem.types.ts +14 -0
- package/src/components/Dropdown/DropdownItem.utils.ts +14 -0
- package/src/components/Dropdown/DropdownSubtitle.styled.ts +13 -0
- package/src/components/Dropdown/DropdownSubtitle.tsx +9 -0
- package/src/components/Dropdown/DropdownSubtitle.types.ts +6 -0
- package/src/components/Dropdown/IconDropdown.styled.tsx +82 -0
- package/src/components/Dropdown/IconDropdown.tsx +56 -0
- package/src/components/Dropdown/IconDropdown.types.ts +22 -0
- package/src/components/Dropdown/index.ts +22 -0
- package/src/components/FileDnDZone/FileDnDZone.styled.ts +43 -0
- package/src/components/FileDnDZone/FileDnDZone.tsx +81 -0
- package/src/components/FileDnDZone/FileDnDZone.types.ts +14 -0
- package/src/components/FileDnDZone/FileDnDZone.utils.ts +3 -0
- package/src/components/FileDnDZone/index.ts +5 -0
- package/src/components/Icons/BellNoti/index.tsx +22 -0
- package/src/components/Icons/CloseLarge/index.tsx +22 -0
- package/src/components/Icons/CloseSmall/index.tsx +22 -0
- package/src/components/Icons/DownloadPdf/index.tsx +22 -0
- package/src/components/Icons/Ellipse/index.tsx +22 -0
- package/src/components/Icons/FilterNoti/index.tsx +22 -0
- package/src/components/Icons/HideLarge/index.tsx +22 -0
- package/src/components/Icons/HideSmall/index.tsx +22 -0
- package/src/components/Icons/InformationLarge/index.tsx +22 -0
- package/src/components/Icons/InformationSmall/index.tsx +22 -0
- package/src/components/Icons/Manufacturer/index.tsx +22 -0
- package/src/components/Icons/Rectangle/index.tsx +22 -0
- package/src/components/Icons/RefreshLeft/index.tsx +22 -0
- package/src/components/Icons/RefreshRight/index.tsx +22 -0
- package/src/components/Icons/ShowLarge/index.tsx +22 -0
- package/src/components/Icons/ShowSmall/index.tsx +22 -0
- package/src/components/Icons/index.ts +180 -0
- package/src/components/List/List.styled.ts +31 -0
- package/src/components/List/List.tsx +71 -0
- package/src/components/List/List.types.ts +24 -0
- package/src/components/List/List.utils.ts +14 -0
- package/src/components/List/ListItem.styled.tsx +61 -0
- package/src/components/List/ListItem.tsx +66 -0
- package/src/components/List/ListItem.types.ts +40 -0
- package/src/components/List/ListItemCaption.styled.tsx +7 -0
- package/src/components/List/ListItemCaption.tsx +18 -0
- package/src/components/List/ListItemCaption.types.ts +2 -0
- package/src/components/List/index.ts +8 -0
- package/src/components/LoadingIndicator/LoadingIndicator.styled.tsx +40 -0
- package/src/components/LoadingIndicator/LoadingIndicator.tsx +44 -0
- package/src/components/LoadingIndicator/LoadingIndicator.types.ts +7 -0
- package/src/components/LoadingIndicator/assets/DnaLoadingAnimation.json +769 -0
- package/src/components/LoadingIndicator/assets/DotLoadingAnimation.json +426 -0
- package/src/components/LoadingIndicator/index.ts +5 -0
- package/src/components/Menu/Menu.styled.tsx +42 -0
- package/src/components/Menu/Menu.tsx +28 -0
- package/src/components/Menu/Menu.types.ts +18 -0
- package/src/components/Menu/MenuItem.styled.ts +62 -0
- package/src/components/Menu/MenuItem.tsx +45 -0
- package/src/components/Menu/MenuItem.types.ts +14 -0
- package/src/components/Menu/index.ts +5 -0
- package/src/components/MuiCssBaseline.ts +78 -0
- package/src/components/MuiInputBase.ts +25 -0
- package/src/components/MuiOutlinedInput.ts +57 -0
- package/src/components/MuiTextField.ts +17 -0
- package/src/components/ProductLabel/ProductLabel.styled.ts +61 -0
- package/src/components/ProductLabel/ProductLabel.tsx +57 -0
- package/src/components/ProductLabel/ProductLabel.types.ts +10 -0
- package/src/components/ProductLabel/index.ts +5 -0
- package/src/components/Progress/CircularProgress.styled.ts +10 -0
- package/src/components/Progress/CircularProgress.tsx +15 -0
- package/src/components/Progress/CircularProgress.types.ts +6 -0
- package/src/components/Progress/LinearProgress.styled.ts +15 -0
- package/src/components/Progress/LinearProgress.tsx +16 -0
- package/src/components/Progress/LinearProgress.types.ts +7 -0
- package/src/components/Progress/index.ts +4 -0
- package/src/components/Radio/Radio.styled.ts +35 -0
- package/src/components/Radio/Radio.tsx +60 -0
- package/src/components/Radio/Radio.types.ts +15 -0
- package/src/components/Radio/RadioGroup.styled.ts +6 -0
- package/src/components/Radio/RadioGroup.tsx +23 -0
- package/src/components/Radio/RadioGroup.types.ts +10 -0
- package/src/components/Radio/index.ts +7 -0
- package/src/components/Stepper/Stepper.styled.ts +38 -0
- package/src/components/Stepper/Stepper.tsx +24 -0
- package/src/components/Stepper/Stepper.types.ts +13 -0
- package/src/components/Stepper/index.ts +5 -0
- package/src/components/TabbedPanel/TabbedPanel.styled.ts +129 -0
- package/src/components/TabbedPanel/TabbedPanel.tsx +70 -0
- package/src/components/TabbedPanel/TabbedPanel.types.ts +36 -0
- package/src/components/TabbedPanel/TabbedPanel.utils.ts +21 -0
- package/src/components/TabbedPanel/index.ts +5 -0
- package/src/components/TextField/TextArea.styled.tsx +36 -0
- package/src/components/TextField/TextArea.tsx +35 -0
- package/src/components/TextField/TextArea.types.ts +28 -0
- package/src/components/TextField/TextInput.styled.tsx +115 -0
- package/src/components/TextField/TextInput.tsx +27 -0
- package/src/components/TextField/TextInput.types.ts +46 -0
- package/src/components/TextField/TextInput.utils.ts +7 -0
- package/src/components/TextField/components/Buttons.tsx +26 -0
- package/src/components/TextField/components/NormalTextInput.tsx +95 -0
- package/src/components/TextField/components/PasswordInput.tsx +92 -0
- package/src/components/TextField/index.ts +7 -0
- package/src/components/Tooltip/Tooltip.styled.tsx +36 -0
- package/src/components/Tooltip/Tooltip.tsx +58 -0
- package/src/components/Tooltip/Tooltip.types.ts +24 -0
- package/src/components/Tooltip/Tooltip.utils.ts +46 -0
- package/src/components/Tooltip/index.ts +5 -0
- package/src/components/UploadManager/UploadManager.styled.ts +49 -0
- package/src/components/UploadManager/UploadManager.tsx +271 -0
- package/src/components/UploadManager/UploadManager.types.ts +16 -0
- package/src/components/UploadManager/index.ts +5 -0
- package/src/components/index.ts +23 -0
- package/src/foundations/index.ts +3 -0
- package/src/foundations/palette.ts +407 -0
- package/src/foundations/spacing.ts +5 -0
- package/src/foundations/typography.ts +492 -0
- package/src/index.ts +4 -0
- package/src/react-app-env.d.ts +71 -0
- package/src/reportWebVitals.ts +15 -0
- package/src/setupTests.ts +5 -0
- package/src/systems/drawer.ts +27 -0
- package/src/systems/index.ts +7 -0
- package/src/theme.ts +22 -0
- package/tsconfig.build.json +29 -0
- package/tsconfig.json +17 -0
- package/yarn-error.log +15376 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { Close } from '../Icons';
|
|
4
|
+
import BaseAlert from './Alert.styled';
|
|
5
|
+
import { getAccentColor, getIcons } from './Alert.utils';
|
|
6
|
+
import { Button } from '../Button';
|
|
7
|
+
const Alert = forwardRef(({ title, severity, children, onClose, ...rest }, ref) => {
|
|
8
|
+
return (_jsx("div", { ref: ref, children: _jsx(BaseAlert, { severity: severity, icon: getIcons(severity), slots: {
|
|
9
|
+
closeButton: () => (_jsx(Button, { variant: "ghost", icon: _jsx(Close, { fontSize: "small" }), onClick: onClose, size: "small", sx: {
|
|
10
|
+
color: getAccentColor(severity),
|
|
11
|
+
} })),
|
|
12
|
+
}, onClose: onClose, ...rest, children: children }) }));
|
|
13
|
+
});
|
|
14
|
+
export default Alert;
|
|
15
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,SAAS,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAc,EAAE,GAAG,EAAE,EAAE;IACnE,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,YACX,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,EACxB,KAAK,EAAE;gBACL,WAAW,EAAE,GAAG,EAAE,CAAC,CACjB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,KAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,GAAG,EAChC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE;wBACF,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC;qBAChC,GACD,CACH;aACF,EACD,OAAO,EAAE,OAAO,KACZ,IAAI,YAEP,QAAQ,GACC,GACR,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Alert as MuiAlert, alertClasses, styled, svgIconClasses } from '@mui/material';
|
|
2
|
+
import { getAccentColor, getBackgroundColor } from './Alert.utils';
|
|
3
|
+
const BaseAlert = styled(MuiAlert)(({ theme, severity }) => ({
|
|
4
|
+
[`&.${alertClasses.root}`]: {
|
|
5
|
+
display: 'flex',
|
|
6
|
+
padding: `${theme.spacing(2)} ${theme.spacing(4)}`,
|
|
7
|
+
maxWidth: '456px',
|
|
8
|
+
borderRadius: '8px',
|
|
9
|
+
border: `1px solid ${getAccentColor(severity)}`,
|
|
10
|
+
backgroundColor: getBackgroundColor(severity),
|
|
11
|
+
boxShadow: 'none',
|
|
12
|
+
},
|
|
13
|
+
[`& .${alertClasses.icon}`]: {
|
|
14
|
+
fontSize: '20px',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
padding: `${theme.spacing(1)} 0`,
|
|
17
|
+
marginRight: theme.spacing(2),
|
|
18
|
+
color: `${getAccentColor(severity)} !important`,
|
|
19
|
+
},
|
|
20
|
+
[`& .${alertClasses.message}`]: {
|
|
21
|
+
padding: `${theme.spacing(1)} 0`,
|
|
22
|
+
width: '100%',
|
|
23
|
+
overflow: 'hidden',
|
|
24
|
+
display: '-webkit-box',
|
|
25
|
+
textOverflow: 'ellipsis',
|
|
26
|
+
WebkitLineClamp: '5',
|
|
27
|
+
WebkitBoxOrient: 'vertical',
|
|
28
|
+
color: theme.palette.neutralGrey[0],
|
|
29
|
+
},
|
|
30
|
+
[`& .${alertClasses.action}`]: {
|
|
31
|
+
margin: 0,
|
|
32
|
+
padding: 0,
|
|
33
|
+
paddingLeft: theme.spacing(2),
|
|
34
|
+
alignItems: 'center',
|
|
35
|
+
},
|
|
36
|
+
[`& .${svgIconClasses.root}`]: {
|
|
37
|
+
height: '20px',
|
|
38
|
+
width: '20px',
|
|
39
|
+
},
|
|
40
|
+
}));
|
|
41
|
+
export default BaseAlert;
|
|
42
|
+
//# sourceMappingURL=Alert.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.styled.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAExF,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnE,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACvE,CAAC,KAAK,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE;QAC1B,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAClD,QAAQ,EAAE,OAAO;QACjB,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,aAAa,cAAc,CAAC,QAAQ,CAAC,EAAE;QAC/C,eAAe,EAAE,kBAAkB,CAAC,QAAQ,CAAC;QAC7C,SAAS,EAAE,MAAM;KAClB;IACD,CAAC,MAAM,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE;QAC3B,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;QAChC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,KAAK,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,aAAa;KAChD;IACD,CAAC,MAAM,YAAY,CAAC,OAAO,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;QAChC,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,aAAa;QACtB,YAAY,EAAE,UAAU;QACxB,eAAe,EAAE,GAAG;QACpB,eAAe,EAAE,UAAU;QAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;KACpC;IACD,CAAC,MAAM,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE;QAC7B,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,QAAQ;KACrB;IACD,CAAC,MAAM,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE;QAC7B,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAC;AAEJ,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.types.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Success, Error, Information } from '../Icons';
|
|
3
|
+
import theme from '../../theme';
|
|
4
|
+
export const getIcons = (severity) => {
|
|
5
|
+
switch (severity) {
|
|
6
|
+
case 'info':
|
|
7
|
+
return _jsx(Information, {});
|
|
8
|
+
case 'success':
|
|
9
|
+
return _jsx(Success, {});
|
|
10
|
+
case 'error':
|
|
11
|
+
return _jsx(Error, {});
|
|
12
|
+
default:
|
|
13
|
+
return _jsx(Error, {});
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
export const getBackgroundColor = (severity) => {
|
|
17
|
+
switch (severity) {
|
|
18
|
+
case 'info':
|
|
19
|
+
return theme.palette.alert.InfoBG;
|
|
20
|
+
case 'success':
|
|
21
|
+
return theme.palette.alert.SuccessBG;
|
|
22
|
+
case 'error':
|
|
23
|
+
return theme.palette.alert.ErrorBG;
|
|
24
|
+
default:
|
|
25
|
+
return theme.palette.alert.WarningBG;
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
export const getAccentColor = (severity) => {
|
|
29
|
+
switch (severity) {
|
|
30
|
+
case 'info':
|
|
31
|
+
return theme.palette.blue[25];
|
|
32
|
+
case 'success':
|
|
33
|
+
return theme.palette.lunitTeal[40];
|
|
34
|
+
case 'error':
|
|
35
|
+
return theme.palette.red[5];
|
|
36
|
+
default:
|
|
37
|
+
return theme.palette.yellow[20];
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=Alert.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.utils.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.utils.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAgC,EAAE,EAAE;IAC3D,QAAQ,QAAQ,EAAE;QAChB,KAAK,MAAM;YACT,OAAO,KAAC,WAAW,KAAG,CAAC;QACzB,KAAK,SAAS;YACZ,OAAO,KAAC,OAAO,KAAG,CAAC;QACrB,KAAK,OAAO;YACV,OAAO,KAAC,KAAK,KAAG,CAAC;QACnB;YACE,OAAO,KAAC,KAAK,KAAG,CAAC;KACpB;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAgC,EAAE,EAAE;IACrE,QAAQ,QAAQ,EAAE;QAChB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;QACpC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QACvC,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QACrC;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;KACxC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgC,EAAE,EAAE;IACjE,QAAQ,QAAQ,EAAE;QAChB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACrC,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC9B;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;KACnC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
// This file facilitates style sharing between text input and text area
|
|
2
|
+
import { Box, Typography } from '@mui/material';
|
|
3
|
+
import { styled } from '@mui/material/styles';
|
|
4
|
+
import { formatCSSSize } from './BaseTextField.utils';
|
|
5
|
+
const baseTextFieldStyle = (theme) => {
|
|
6
|
+
return {
|
|
7
|
+
backgroundColor: theme.palette.neutralGrey[75],
|
|
8
|
+
borderRadius: '8px',
|
|
9
|
+
border: '1px solid',
|
|
10
|
+
borderColor: 'transparent',
|
|
11
|
+
color: theme.palette.neutralGrey[5],
|
|
12
|
+
fontWeight: '400',
|
|
13
|
+
fontSize: '14px',
|
|
14
|
+
fontFamily: 'Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"',
|
|
15
|
+
lineHeight: '20px',
|
|
16
|
+
padding: '7px 16px',
|
|
17
|
+
'&::placeholder': {
|
|
18
|
+
color: theme.palette.neutralGrey[45],
|
|
19
|
+
},
|
|
20
|
+
'&:focus': {
|
|
21
|
+
outline: 'none',
|
|
22
|
+
border: '1px solid',
|
|
23
|
+
borderColor: theme.palette.lunitTeal[10],
|
|
24
|
+
},
|
|
25
|
+
'&:hover': {
|
|
26
|
+
borderColor: theme.palette.neutralGrey[45],
|
|
27
|
+
},
|
|
28
|
+
'&:disabled': {
|
|
29
|
+
opacity: '0.8',
|
|
30
|
+
pointerEvents: 'none',
|
|
31
|
+
},
|
|
32
|
+
'&:read-only': {
|
|
33
|
+
border: `1px solid ${theme.palette.neutralGrey[70]}`,
|
|
34
|
+
backgroundColor: 'transparent',
|
|
35
|
+
color: theme.palette.neutralGrey[45],
|
|
36
|
+
pointerEvents: 'none',
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
const baseTextFieldErrorStyle = (theme) => {
|
|
41
|
+
return {
|
|
42
|
+
borderColor: theme.palette.red[5],
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
const baseTextFieldMsgStyle = (theme) => {
|
|
46
|
+
return {
|
|
47
|
+
width: '312px',
|
|
48
|
+
maxWidth: '312px',
|
|
49
|
+
minHeight: '20px',
|
|
50
|
+
color: theme.palette.neutralGrey[45],
|
|
51
|
+
padding: '4px',
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
const baseTextFieldMsgErrorStyle = (theme) => {
|
|
55
|
+
return {
|
|
56
|
+
color: theme.palette.red[5],
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
const BaseTextFieldBox = styled(Box, {
|
|
60
|
+
shouldForwardProp: (prop) => prop !== 'width',
|
|
61
|
+
})(({ width }) => {
|
|
62
|
+
return {
|
|
63
|
+
width: formatCSSSize(width),
|
|
64
|
+
minWidth: formatCSSSize(width) ? 'unset' : '208px',
|
|
65
|
+
};
|
|
66
|
+
});
|
|
67
|
+
const BaseTextFieldContainer = styled(Box, {
|
|
68
|
+
shouldForwardProp: (prop) => !['width'].includes(prop.toString()),
|
|
69
|
+
})(({ width }) => {
|
|
70
|
+
return {
|
|
71
|
+
position: 'relative',
|
|
72
|
+
display: 'flex',
|
|
73
|
+
flexDirection: 'column',
|
|
74
|
+
width: formatCSSSize(width),
|
|
75
|
+
minWidth: formatCSSSize(width) ? 'unset' : '208px',
|
|
76
|
+
};
|
|
77
|
+
});
|
|
78
|
+
const InputMsg = styled(Typography, {
|
|
79
|
+
shouldForwardProp: (prop) => prop !== 'error',
|
|
80
|
+
})(({ theme, error }) => {
|
|
81
|
+
let resultStyle = baseTextFieldMsgStyle(theme);
|
|
82
|
+
if (error) {
|
|
83
|
+
resultStyle = {
|
|
84
|
+
...resultStyle,
|
|
85
|
+
...baseTextFieldMsgErrorStyle(theme),
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
return resultStyle;
|
|
89
|
+
});
|
|
90
|
+
const styles = {
|
|
91
|
+
baseTextFieldStyle,
|
|
92
|
+
baseTextFieldErrorStyle,
|
|
93
|
+
baseTextFieldMsgStyle,
|
|
94
|
+
baseTextFieldMsgErrorStyle,
|
|
95
|
+
};
|
|
96
|
+
export { styles, BaseTextFieldContainer, BaseTextFieldBox, InputMsg };
|
|
97
|
+
//# sourceMappingURL=BaseTextField.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseTextField.styled.js","sourceRoot":"","sources":["../../../src/components/BaseTextField/BaseTextField.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseTextField.types.js","sourceRoot":"","sources":["../../../src/components/BaseTextField/BaseTextField.types.ts"],"names":[],"mappings":"AAAA,4BAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseTextField.utils.js","sourceRoot":"","sources":["../../../src/components/BaseTextField/BaseTextField.utils.ts"],"names":[],"mappings":"AAAA,SAAS,aAAa,CAAC,OAAoC;IACzD,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;QAClC,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,OAAO,OAAO,KAAK,QAAQ;QAAE,OAAO,GAAG,OAAO,IAAI,CAAC;IAEvD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BaseContainedButton } from './styleds/ContainedButton.styled';
|
|
3
|
+
import { BaseGhostButton } from './styleds/GhostButton.styled';
|
|
4
|
+
import { BaseOutlinedButton } from './styleds/OutlinedButton.styled';
|
|
5
|
+
const BaseButton = ({ variant, ...otherProps }) => {
|
|
6
|
+
if (variant === 'ghost') {
|
|
7
|
+
return _jsx(BaseGhostButton, { ...otherProps });
|
|
8
|
+
}
|
|
9
|
+
if (variant === 'outlined') {
|
|
10
|
+
return _jsx(BaseOutlinedButton, { ...otherProps });
|
|
11
|
+
}
|
|
12
|
+
return _jsx(BaseContainedButton, { ...otherProps });
|
|
13
|
+
};
|
|
14
|
+
export default BaseButton;
|
|
15
|
+
//# sourceMappingURL=BaseButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../src/components/Button/BaseButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,UAAU,EAAmB,EAAE,EAAE;IACjE,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,OAAO,KAAC,eAAe,OAAK,UAAU,GAAI,CAAC;KAC5C;IAED,IAAI,OAAO,KAAK,UAAU,EAAE;QAC1B,OAAO,KAAC,kBAAkB,OAAK,UAAU,GAAI,CAAC;KAC/C;IAED,OAAO,KAAC,mBAAmB,OAAK,UAAU,GAAI,CAAC;AACjD,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box } from '@mui/system';
|
|
3
|
+
import BaseButton from './BaseButton';
|
|
4
|
+
import { CircularProgress } from '../Progress';
|
|
5
|
+
import theme from '../../theme';
|
|
6
|
+
import { isIconButton } from './Button.utils';
|
|
7
|
+
function Button(props) {
|
|
8
|
+
if (isIconButton(props)) {
|
|
9
|
+
const { icon, loading, onClick, disableRipple = true, focusOutline = false, ...otherProps } = props;
|
|
10
|
+
return (_jsx(BaseButton, { ...otherProps, isIconOnly: true, disableRipple: disableRipple, focusOutline: focusOutline, onClick: loading
|
|
11
|
+
? (e) => {
|
|
12
|
+
e.preventDefault();
|
|
13
|
+
}
|
|
14
|
+
: onClick, children: loading ? (_jsx(CircularProgress, { circleColor: theme.palette.neutralGrey[0], size: 20, sx: {
|
|
15
|
+
display: 'flex',
|
|
16
|
+
justifyContent: 'center',
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
} })) : (icon) }));
|
|
19
|
+
}
|
|
20
|
+
const { icon, label, size, focusOutline = false, disableRipple = true, loading, onClick, ...otherProps } = props;
|
|
21
|
+
return (_jsx(BaseButton, { isIconOnly: false, variant: otherProps.variant ?? 'contained', disableRipple: disableRipple, size: size, color: otherProps.color, focusOutline: focusOutline, onClick: loading
|
|
22
|
+
? (e) => {
|
|
23
|
+
e.preventDefault();
|
|
24
|
+
}
|
|
25
|
+
: onClick, sx: loading
|
|
26
|
+
? {
|
|
27
|
+
'&:not(.loadingCircle)': {
|
|
28
|
+
color: 'transparent',
|
|
29
|
+
},
|
|
30
|
+
}
|
|
31
|
+
: {}, ...otherProps, children: _jsxs(_Fragment, { children: [icon, label, loading && (_jsx(Box, { className: "loadingCircle", sx: {
|
|
32
|
+
position: 'absolute',
|
|
33
|
+
top: '50%',
|
|
34
|
+
left: '50%',
|
|
35
|
+
transform: 'translate3d(-50%, -50%, 0)',
|
|
36
|
+
}, children: _jsx(CircularProgress, { circleColor: theme.palette.neutralGrey[0], size: 20, sx: {
|
|
37
|
+
display: 'flex',
|
|
38
|
+
justifyContent: 'center',
|
|
39
|
+
alignItems: 'center',
|
|
40
|
+
} }) }))] }) }));
|
|
41
|
+
}
|
|
42
|
+
export default Button;
|
|
43
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,SAAS,MAAM,CAAC,KAAkB;IAChC,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;QACvB,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,EACP,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,KAAK,EACpB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;QAEV,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,UAAU,QACV,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,OAAO,EACL,OAAO;gBACL,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;oBACJ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACrB,CAAC;gBACH,CAAC,CAAC,OAAO,YAGZ,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,gBAAgB,IACf,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EACzC,IAAI,EAAE,EAAE,EACR,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,GACD,CACH,CAAC,CAAC,CAAC,CACF,IAAI,CACL,GACU,CACd,CAAC;KACH;IAED,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,aAAa,GAAG,IAAI,EACpB,OAAO,EACP,OAAO,EACP,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,UAAU,IACT,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,UAAU,CAAC,OAAO,IAAI,WAAW,EAC1C,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,YAAY,EAAE,YAAY,EAC1B,OAAO,EACL,OAAO;YACL,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;gBACJ,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC;YACH,CAAC,CAAC,OAAO,EAEb,EAAE,EACA,OAAO;YACL,CAAC,CAAC;gBACE,uBAAuB,EAAE;oBACvB,KAAK,EAAE,aAAa;iBACrB;aACF;YACH,CAAC,CAAC,EAAE,KAEJ,UAAU,YAEd,8BACG,IAAI,EACJ,KAAK,EAEL,OAAO,IAAI,CACV,KAAC,GAAG,IACF,SAAS,EAAC,eAAe,EACzB,EAAE,EAAE;wBACF,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,KAAK;wBACV,IAAI,EAAE,KAAK;wBACX,SAAS,EAAE,4BAA4B;qBACxC,YAED,KAAC,gBAAgB,IACf,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EACzC,IAAI,EAAE,EAAE,EACR,EAAE,EAAE;4BACF,OAAO,EAAE,MAAM;4BACf,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,QAAQ;yBACrB,GACD,GACE,CACP,IACA,GACQ,CACd,CAAC;AACJ,CAAC;AACD,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @param props
|
|
3
|
+
* @returns boolean
|
|
4
|
+
* @description checks for presence of `label` prop to assert between Icon and Normal Button
|
|
5
|
+
*/
|
|
6
|
+
function isIconButton(props) {
|
|
7
|
+
const p = props;
|
|
8
|
+
return !p.label;
|
|
9
|
+
}
|
|
10
|
+
export { isIconButton };
|
|
11
|
+
//# sourceMappingURL=Button.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.utils.js","sourceRoot":"","sources":["../../../src/components/Button/Button.utils.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,SAAS,YAAY,CAAC,KAAkB;IACtC,MAAM,CAAC,GAAG,KAA0B,CAAC;IACrC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;AAClB,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { typography } from '../../../foundations';
|
|
2
|
+
const baseButtonStyle = (theme, focusOutline) => {
|
|
3
|
+
const mainColor = theme.palette.lunitTeal[40];
|
|
4
|
+
return {
|
|
5
|
+
alignItems: 'center',
|
|
6
|
+
display: 'flex',
|
|
7
|
+
gap: '4px',
|
|
8
|
+
borderRadius: '8px',
|
|
9
|
+
border: '1px solid transparent',
|
|
10
|
+
textTransform: 'none',
|
|
11
|
+
minWidth: '36px',
|
|
12
|
+
width: 'max-content',
|
|
13
|
+
height: '36px',
|
|
14
|
+
padding: '8px 12px',
|
|
15
|
+
...typography.body4,
|
|
16
|
+
backgroundColor: mainColor,
|
|
17
|
+
color: theme.palette.neutralGrey[97],
|
|
18
|
+
'&:hover': {
|
|
19
|
+
backgroundColor: mainColor,
|
|
20
|
+
opacity: 0.8,
|
|
21
|
+
},
|
|
22
|
+
'&:disabled': {
|
|
23
|
+
color: theme.palette.neutralGrey[97],
|
|
24
|
+
backgroundColor: mainColor,
|
|
25
|
+
opacity: 0.4,
|
|
26
|
+
},
|
|
27
|
+
'&:focus': {
|
|
28
|
+
border: focusOutline ? `1px solid ${theme.palette.lunitTeal[10]}` : '1px solid transparent',
|
|
29
|
+
outline: 'none',
|
|
30
|
+
},
|
|
31
|
+
'&:focus-visible': {
|
|
32
|
+
border: focusOutline ? `1px solid ${theme.palette.lunitTeal[10]}` : '1px solid transparent',
|
|
33
|
+
outline: 'none',
|
|
34
|
+
},
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
const baseSmallStyle = {
|
|
38
|
+
height: '28px',
|
|
39
|
+
minWidth: '28px',
|
|
40
|
+
padding: '4px 8px',
|
|
41
|
+
};
|
|
42
|
+
const baseLargeStyle = {
|
|
43
|
+
fontWeight: 600,
|
|
44
|
+
fontSize: '16px',
|
|
45
|
+
lineHeight: '22px',
|
|
46
|
+
// textTransform: 'capitalize', // This causes a type error in BaseOutlinedButton :S
|
|
47
|
+
height: '44px',
|
|
48
|
+
minWidth: '44px',
|
|
49
|
+
padding: '12px',
|
|
50
|
+
};
|
|
51
|
+
export { baseButtonStyle, baseSmallStyle, baseLargeStyle };
|
|
52
|
+
//# sourceMappingURL=BaseButton.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseButton.styled.js","sourceRoot":"","sources":["../../../../src/components/Button/styleds/BaseButton.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,YAAiC,EAAE,EAAE;IAC1E,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAE9C,OAAO;QACL,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,KAAK;QACV,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,uBAAuB;QAC/B,aAAa,EAAE,MAAe;QAC9B,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,UAAU;QACnB,GAAG,UAAU,CAAC,KAAK;QACnB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;QACpC,SAAS,EAAE;YACT,eAAe,EAAE,SAAS;YAC1B,OAAO,EAAE,GAAG;SACb;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;YACpC,eAAe,EAAE,SAAS;YAC1B,OAAO,EAAE,GAAG;SACb;QACD,SAAS,EAAE;YACT,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB;YAC3F,OAAO,EAAE,MAAe;SACzB;QACD,iBAAiB,EAAE;YACjB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB;YAC3F,OAAO,EAAE,MAAe;SACzB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,cAAc,GAAG;IACrB,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,oFAAoF;IACpF,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,MAAM;CAChB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { ButtonBase, styled } from '@mui/material';
|
|
2
|
+
import { baseButtonStyle, baseLargeStyle, baseSmallStyle } from './BaseButton.styled';
|
|
3
|
+
import { baseLargeIconStyle, baseMediumIconStyle, baseSmallIconStyle } from './IconButton.styled';
|
|
4
|
+
const containedPrimaryStyle = (theme, focusOutline) => {
|
|
5
|
+
return baseButtonStyle(theme, focusOutline);
|
|
6
|
+
};
|
|
7
|
+
const containedSecondaryStyle = (theme, focusOutline) => {
|
|
8
|
+
const mainColor = theme.palette.lunitTeal[40];
|
|
9
|
+
return {
|
|
10
|
+
backgroundColor: theme.palette.neutralGrey[85],
|
|
11
|
+
color: mainColor,
|
|
12
|
+
'&:hover': {
|
|
13
|
+
color: mainColor,
|
|
14
|
+
backgroundColor: theme.palette.neutralGrey[75],
|
|
15
|
+
opacity: 1,
|
|
16
|
+
},
|
|
17
|
+
'&:disabled': {
|
|
18
|
+
color: mainColor,
|
|
19
|
+
backgroundColor: theme.palette.neutralGrey[85],
|
|
20
|
+
opacity: 0.4,
|
|
21
|
+
},
|
|
22
|
+
'&:focus': {
|
|
23
|
+
outline: 'none',
|
|
24
|
+
border: focusOutline ? `1px solid ${mainColor}` : '1px solid transparent',
|
|
25
|
+
},
|
|
26
|
+
'&:focus-visible': {
|
|
27
|
+
outline: 'none',
|
|
28
|
+
border: focusOutline ? `1px solid ${mainColor}` : '1px solid transparent',
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
const containedErrorStyle = (theme, focusOutline) => {
|
|
33
|
+
const mainColor = theme.palette.red[5];
|
|
34
|
+
return {
|
|
35
|
+
backgroundColor: mainColor,
|
|
36
|
+
color: theme.palette.neutralGrey[0],
|
|
37
|
+
'&:hover': {
|
|
38
|
+
backgroundColor: mainColor,
|
|
39
|
+
opacity: 0.8,
|
|
40
|
+
},
|
|
41
|
+
'&:disabled': {
|
|
42
|
+
color: theme.palette.neutralGrey[0],
|
|
43
|
+
backgroundColor: mainColor,
|
|
44
|
+
opacity: 0.4,
|
|
45
|
+
},
|
|
46
|
+
'&:focus': {
|
|
47
|
+
outline: 'none',
|
|
48
|
+
border: focusOutline ? `1px solid ${mainColor}` : '1px solid transparent',
|
|
49
|
+
},
|
|
50
|
+
'&:focus-visible': {
|
|
51
|
+
outline: 'none',
|
|
52
|
+
border: focusOutline ? `1px solid ${mainColor}` : '1px solid transparent',
|
|
53
|
+
},
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
const BaseContainedButton = styled(ButtonBase, {
|
|
57
|
+
shouldForwardProp: (prop) => !['color', 'variant', 'size', 'focusOutline', 'isIconOnly'].includes(prop.toString()),
|
|
58
|
+
})(({ theme, color, size, focusOutline, isIconOnly }) => {
|
|
59
|
+
let resultStyle = containedPrimaryStyle(theme, focusOutline);
|
|
60
|
+
// Apply icon sizing if icon only
|
|
61
|
+
if (isIconOnly) {
|
|
62
|
+
if (size === 'small') {
|
|
63
|
+
resultStyle = {
|
|
64
|
+
...resultStyle,
|
|
65
|
+
...baseSmallIconStyle,
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
else if (size === 'large') {
|
|
69
|
+
resultStyle = {
|
|
70
|
+
...resultStyle,
|
|
71
|
+
...baseLargeIconStyle,
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
resultStyle = {
|
|
76
|
+
...resultStyle,
|
|
77
|
+
...baseMediumIconStyle,
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
else {
|
|
82
|
+
// Apply label or icon-label
|
|
83
|
+
if (size === 'small') {
|
|
84
|
+
resultStyle = {
|
|
85
|
+
...resultStyle,
|
|
86
|
+
...baseSmallStyle,
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
if (size === 'large') {
|
|
90
|
+
resultStyle = {
|
|
91
|
+
...resultStyle,
|
|
92
|
+
...baseLargeStyle,
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
// Apply color
|
|
97
|
+
if (color === 'error') {
|
|
98
|
+
resultStyle = {
|
|
99
|
+
...resultStyle,
|
|
100
|
+
...containedErrorStyle(theme, focusOutline),
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
if (color === 'secondary') {
|
|
104
|
+
resultStyle = {
|
|
105
|
+
...resultStyle,
|
|
106
|
+
...containedSecondaryStyle(theme, focusOutline),
|
|
107
|
+
};
|
|
108
|
+
}
|
|
109
|
+
return resultStyle;
|
|
110
|
+
});
|
|
111
|
+
export { containedPrimaryStyle, containedSecondaryStyle, containedErrorStyle, BaseContainedButton };
|
|
112
|
+
//# sourceMappingURL=ContainedButton.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContainedButton.styled.js","sourceRoot":"","sources":["../../../../src/components/Button/styleds/ContainedButton.styled.ts"],"names":[],"mappings":"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"}
|