@lunit/design-system 2.1.0 → 2.2.3
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/.babelrc.json +1 -1
- package/README.md +22 -21
- package/dist/cjs/components/Alert/index.js +1 -1
- package/dist/cjs/components/Alert/index.js.map +1 -1
- package/dist/cjs/components/Button/index.js +1 -1
- package/dist/cjs/components/Button/index.js.map +1 -1
- package/dist/cjs/components/Checkbox/index.js +1 -1
- package/dist/cjs/components/Checkbox/index.js.map +1 -1
- package/dist/cjs/components/Chip/index.js +1 -1
- package/dist/cjs/components/Chip/index.js.map +1 -1
- package/dist/cjs/components/DataTable/index.js.map +1 -1
- package/dist/cjs/components/DatePicker/index.js.map +1 -1
- package/dist/cjs/components/Dialog/index.js +1 -1
- package/dist/cjs/components/Dialog/index.js.map +1 -1
- package/dist/cjs/components/Dropdown/index.js +1 -1
- package/dist/cjs/components/Dropdown/index.js.map +1 -1
- package/dist/cjs/components/FormLabel/index.js +1 -1
- package/dist/cjs/components/FormLabel/index.js.map +1 -1
- package/dist/cjs/components/Radio/index.js +1 -1
- package/dist/cjs/components/Radio/index.js.map +1 -1
- package/dist/cjs/components/RadioGroup/index.js.map +1 -1
- package/dist/cjs/components/TextField/index.js +1 -1
- package/dist/cjs/components/TextField/index.js.map +1 -1
- package/dist/cjs/components/Toggle/index.js +1 -1
- package/dist/cjs/components/Toggle/index.js.map +1 -1
- package/dist/cjs/components/ToggleButton/index.js +1 -1
- package/dist/cjs/components/ToggleButton/index.js.map +1 -1
- package/dist/cjs/components/Tooltip/index.js.map +1 -1
- package/dist/cjs/components/Typography/index.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/components/Alert/Alert.js +8 -8
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Alert/Alert.styled.js +26 -26
- package/dist/components/Alert/Alert.styled.js.map +1 -1
- package/dist/components/Alert/Alert.utils.js +9 -9
- package/dist/components/Alert/Alert.utils.js.map +1 -1
- package/dist/components/Alert/index.js +1 -1
- package/dist/components/Button/Button.js +23 -17
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.styled.js +88 -88
- package/dist/components/Button/Button.styled.js.map +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.js +9 -9
- package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.js.map +1 -1
- package/dist/components/Button/utils/getHoverStyle.js +1 -1
- package/dist/components/Button/utils/getHoverStyle.js.map +1 -1
- package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.js +6 -12
- package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +9 -9
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Chip/Chip.js +29 -26
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/Chip/Chip.styled.js +52 -52
- package/dist/components/Chip/Chip.styled.js.map +1 -1
- package/dist/components/Chip/consts.js +5 -5
- package/dist/components/Chip/index.js +1 -1
- package/dist/components/DataTable/DataTable.js +1 -1
- package/dist/components/DataTable/index.js +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/index.js +1 -1
- package/dist/components/Dialog/Dialog.js +18 -18
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Dialog/Dialog.styled.js +90 -90
- package/dist/components/Dialog/Dialog.styled.js.map +1 -1
- package/dist/components/Dialog/components/DialogAction.js +6 -6
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Dropdown/Dropdown.js +23 -21
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.styled.js +85 -86
- package/dist/components/Dropdown/Dropdown.styled.js.map +1 -1
- package/dist/components/Dropdown/DropdownItem.js +14 -14
- package/dist/components/Dropdown/DropdownItem.js.map +1 -1
- package/dist/components/Dropdown/index.js +2 -2
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/FormLabel/FormLabel.js +1 -1
- package/dist/components/FormLabel/FormLabel.styled.js +2 -2
- package/dist/components/FormLabel/FormLabel.styled.js.map +1 -1
- package/dist/components/FormLabel/index.js +1 -1
- package/dist/components/Radio/Radio.js +8 -8
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Radio/index.js +1 -1
- package/dist/components/RadioGroup/index.js +1 -1
- package/dist/components/TextField/TextField.js +8 -8
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/TextField/TextField.style.js +112 -112
- package/dist/components/TextField/TextField.style.js.map +1 -1
- package/dist/components/TextField/TextFieldIcon.js +2 -2
- package/dist/components/TextField/TextFieldIcon.js.map +1 -1
- package/dist/components/TextField/index.js +1 -1
- package/dist/components/Toast/Toast.js +13 -13
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/Toast.styled.js +26 -26
- package/dist/components/Toast/Toast.utils.js +3 -3
- package/dist/components/Toast/Toast.utils.js.map +1 -1
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/Toggle/Toggle.js +3 -4
- package/dist/components/Toggle/Toggle.js.map +1 -1
- package/dist/components/Toggle/Toggle.styled.js +30 -30
- package/dist/components/Toggle/Toggle.styled.js.map +1 -1
- package/dist/components/Toggle/index.js +1 -1
- package/dist/components/ToggleButton/ToggleButton.js +6 -6
- package/dist/components/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/components/ToggleButton/ToggleButton.styled.js +20 -20
- package/dist/components/ToggleButton/ToggleButton.styled.js.map +1 -1
- package/dist/components/ToggleButton/index.js +1 -1
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +2 -2
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js.map +1 -1
- package/dist/components/ToggleButtonGroup/index.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/components/Typography/Typography.js +1 -1
- package/dist/components/Typography/Typography.js.map +1 -1
- package/dist/components/Typography/index.js +1 -1
- package/dist/foundation/Elevation/index.js +27 -27
- package/dist/foundation/Elevation/utils.js +1 -1
- package/dist/foundation/Elevation/utils.js.map +1 -1
- package/dist/foundation/Typography/index.js +35 -35
- package/dist/foundation/Typography/index.js.map +1 -1
- package/dist/foundation/Typography/tokens.js +136 -136
- package/dist/foundation/Typography/tokens.js.map +1 -1
- package/dist/foundation/colors/base/blue.js +12 -12
- package/dist/foundation/colors/base/green.js +12 -12
- package/dist/foundation/colors/base/grey.js +28 -28
- package/dist/foundation/colors/base/index.js +11 -11
- package/dist/foundation/colors/base/lunitGreen.js +11 -11
- package/dist/foundation/colors/base/lunitTeal.js +12 -12
- package/dist/foundation/colors/base/magenta.js +12 -12
- package/dist/foundation/colors/base/opacity.js +4 -4
- package/dist/foundation/colors/base/orange.js +12 -12
- package/dist/foundation/colors/base/purple.js +12 -12
- package/dist/foundation/colors/base/red.js +12 -12
- package/dist/foundation/colors/base/yellow.js +12 -12
- package/dist/foundation/colors/index.js +119 -121
- package/dist/foundation/colors/index.js.map +1 -1
- package/dist/foundation/colors/token/component.js +184 -212
- package/dist/foundation/colors/token/component.js.map +1 -1
- package/dist/foundation/colors/token/core.js +112 -133
- package/dist/foundation/colors/token/core.js.map +1 -1
- package/dist/foundation/colors/token/index.js +2 -2
- package/dist/foundation/index.js +5 -5
- package/dist/index.js +20 -20
- package/dist/theme.js +6 -6
- package/dist/types/components/Alert/Alert.d.ts +2 -2
- package/dist/types/components/Alert/Alert.styled.d.ts +1 -2
- package/dist/types/components/Alert/Alert.types.d.ts +2 -2
- package/dist/types/components/Alert/Alert.utils.d.ts +1 -1
- package/dist/types/components/Alert/index.d.ts +1 -1
- package/dist/types/components/Button/Button.d.ts +1 -1
- package/dist/types/components/Button/Button.styled.d.ts +249 -265
- package/dist/types/components/Button/Button.types.d.ts +16 -16
- package/dist/types/components/Button/index.d.ts +1 -1
- package/dist/types/components/Button/utils/getButtonPaddingBySizeAndKind.d.ts +4 -4
- package/dist/types/components/Button/utils/getHoverStyle.d.ts +2 -1
- package/dist/types/components/Button/utils/getIconButtonPaddingBySizeAndKind.d.ts +4 -4
- package/dist/types/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/components/Checkbox/index.d.ts +1 -1
- package/dist/types/components/Chip/Chip.d.ts +1 -1
- package/dist/types/components/Chip/Chip.styled.d.ts +6 -79
- package/dist/types/components/Chip/Chip.types.d.ts +15 -14
- package/dist/types/components/Chip/index.d.ts +1 -1
- package/dist/types/components/DataTable/index.d.ts +1 -1
- package/dist/types/components/DatePicker/index.d.ts +1 -1
- package/dist/types/components/Dialog/Dialog.d.ts +11 -11
- package/dist/types/components/Dialog/Dialog.styled.d.ts +3 -4
- package/dist/types/components/Dialog/components/DialogAction.d.ts +2 -2
- package/dist/types/components/Dialog/index.d.ts +2 -2
- package/dist/types/components/Dropdown/Dropdown.d.ts +2 -2
- package/dist/types/components/Dropdown/Dropdown.styled.d.ts +4 -39
- package/dist/types/components/Dropdown/Dropdown.types.d.ts +5 -5
- package/dist/types/components/Dropdown/DropdownItem.d.ts +3 -3
- package/dist/types/components/Dropdown/index.d.ts +3 -3
- package/dist/types/components/FormLabel/FormLabel.d.ts +1 -1
- package/dist/types/components/FormLabel/index.d.ts +1 -1
- package/dist/types/components/Radio/Radio.d.ts +1 -1
- package/dist/types/components/Radio/index.d.ts +1 -1
- package/dist/types/components/RadioGroup/index.d.ts +1 -1
- package/dist/types/components/TextField/TextField.d.ts +2 -2
- package/dist/types/components/TextField/TextField.style.d.ts +3 -4
- package/dist/types/components/TextField/TextField.types.d.ts +6 -6
- package/dist/types/components/TextField/TextFieldIcon.d.ts +2 -2
- package/dist/types/components/TextField/index.d.ts +2 -2
- package/dist/types/components/Toast/Toast.d.ts +2 -2
- package/dist/types/components/Toast/Toast.types.d.ts +3 -3
- package/dist/types/components/Toast/Toast.utils.d.ts +1 -1
- package/dist/types/components/Toast/index.d.ts +2 -2
- package/dist/types/components/Toggle/Toggle.d.ts +1 -1
- package/dist/types/components/Toggle/Toggle.styled.d.ts +2 -2
- package/dist/types/components/Toggle/Toggle.types.d.ts +3 -3
- package/dist/types/components/Toggle/index.d.ts +1 -1
- package/dist/types/components/ToggleButton/ToggleButton.d.ts +1 -1
- package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts +2 -34
- package/dist/types/components/ToggleButton/ToggleButton.types.d.ts +10 -10
- package/dist/types/components/ToggleButton/index.d.ts +1 -1
- package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
- package/dist/types/components/ToggleButtonGroup/index.d.ts +1 -1
- package/dist/types/components/Tooltip/index.d.ts +1 -1
- package/dist/types/components/Typography/Typography.d.ts +6 -6
- package/dist/types/components/Typography/index.d.ts +1 -1
- package/dist/types/components/index.d.ts +2 -2
- package/dist/types/foundation/Elevation/index.d.ts +22 -22
- package/dist/types/foundation/Typography/index.d.ts +78 -78
- package/dist/types/foundation/Typography/tokens.d.ts +69 -69
- package/dist/types/foundation/colors/base/index.d.ts +11 -11
- package/dist/types/foundation/colors/index.d.ts +13 -20
- package/dist/types/foundation/colors/token/component.d.ts +1 -1
- package/dist/types/foundation/colors/token/core.d.ts +1 -1
- package/dist/types/foundation/colors/token/index.d.ts +2 -2
- package/dist/types/foundation/colors/types.d.ts +0 -7
- package/dist/types/foundation/index.d.ts +4 -11
- package/dist/types/foundation/spacing.d.ts +1 -1
- package/dist/types/index.d.ts +20 -20
- package/dist/types/theme.d.ts +1 -1
- package/package.json +22 -26
- package/src/components/Alert/Alert.styled.ts +39 -49
- package/src/components/Alert/Alert.tsx +10 -16
- package/src/components/Alert/Alert.types.ts +2 -2
- package/src/components/Alert/Alert.utils.ts +13 -22
- package/src/components/Alert/index.ts +1 -1
- package/src/components/Button/Button.styled.ts +98 -101
- package/src/components/Button/Button.tsx +71 -69
- package/src/components/Button/Button.types.ts +19 -21
- package/src/components/Button/index.ts +1 -1
- package/src/components/Button/utils/getButtonPaddingBySizeAndKind.ts +13 -13
- package/src/components/Button/utils/getHoverStyle.ts +4 -2
- package/src/components/Button/utils/getIconButtonPaddingBySizeAndKind.ts +10 -19
- package/src/components/Checkbox/Checkbox.tsx +13 -25
- package/src/components/Checkbox/index.ts +1 -1
- package/src/components/Chip/Chip.styled.ts +69 -72
- package/src/components/Chip/Chip.tsx +33 -55
- package/src/components/Chip/Chip.types.ts +18 -24
- package/src/components/Chip/consts.ts +5 -5
- package/src/components/Chip/index.ts +1 -1
- package/src/components/DataTable/DataTable.tsx +2 -2
- package/src/components/DataTable/index.ts +1 -1
- package/src/components/DatePicker/DatePicker.tsx +2 -2
- package/src/components/DatePicker/index.ts +1 -1
- package/src/components/Dialog/Dialog.styled.ts +112 -114
- package/src/components/Dialog/Dialog.tsx +41 -46
- package/src/components/Dialog/components/DialogAction.tsx +8 -8
- package/src/components/Dialog/index.ts +3 -3
- package/src/components/Dropdown/Dropdown.styled.tsx +88 -89
- package/src/components/Dropdown/Dropdown.tsx +29 -30
- package/src/components/Dropdown/Dropdown.types.ts +6 -5
- package/src/components/Dropdown/DropdownItem.tsx +18 -29
- package/src/components/Dropdown/index.ts +3 -7
- package/src/components/FormLabel/FormLabel.styled.ts +3 -3
- package/src/components/FormLabel/FormLabel.tsx +3 -3
- package/src/components/FormLabel/index.ts +1 -1
- package/src/components/Radio/Radio.tsx +12 -29
- package/src/components/Radio/index.ts +1 -1
- package/src/components/RadioGroup/index.ts +1 -1
- package/src/components/TextField/TextField.style.ts +123 -132
- package/src/components/TextField/TextField.tsx +50 -62
- package/src/components/TextField/TextField.types.ts +7 -8
- package/src/components/TextField/TextFieldIcon.tsx +4 -7
- package/src/components/TextField/index.ts +2 -2
- package/src/components/Toast/Toast.styled.ts +26 -26
- package/src/components/Toast/Toast.tsx +14 -28
- package/src/components/Toast/Toast.types.ts +3 -8
- package/src/components/Toast/Toast.utils.ts +5 -8
- package/src/components/Toast/index.tsx +2 -2
- package/src/components/Toggle/Toggle.styled.ts +31 -32
- package/src/components/Toggle/Toggle.tsx +5 -11
- package/src/components/Toggle/Toggle.types.ts +3 -3
- package/src/components/Toggle/index.ts +1 -1
- package/src/components/ToggleButton/ToggleButton.styled.ts +47 -49
- package/src/components/ToggleButton/ToggleButton.tsx +91 -97
- package/src/components/ToggleButton/ToggleButton.types.ts +10 -10
- package/src/components/ToggleButton/index.ts +1 -1
- package/src/components/ToggleButtonGroup/ToggleButtonGroup.tsx +3 -8
- package/src/components/ToggleButtonGroup/index.tsx +1 -1
- package/src/components/Tooltip/Tooltip.tsx +2 -2
- package/src/components/Tooltip/index.ts +1 -1
- package/src/components/Typography/Typography.tsx +7 -10
- package/src/components/Typography/index.ts +1 -1
- package/src/components/index.ts +2 -2
- package/src/foundation/Elevation/index.ts +27 -27
- package/src/foundation/Elevation/utils.ts +14 -8
- package/src/foundation/Typography/index.ts +58 -57
- package/src/foundation/Typography/tokens.ts +138 -138
- package/src/foundation/colors/base/blue.ts +12 -12
- package/src/foundation/colors/base/green.ts +12 -12
- package/src/foundation/colors/base/grey.ts +28 -28
- package/src/foundation/colors/base/index.ts +11 -11
- package/src/foundation/colors/base/lunitGreen.ts +11 -11
- package/src/foundation/colors/base/lunitTeal.ts +12 -12
- package/src/foundation/colors/base/magenta.ts +12 -12
- package/src/foundation/colors/base/opacity.ts +4 -4
- package/src/foundation/colors/base/orange.ts +12 -12
- package/src/foundation/colors/base/purple.ts +12 -12
- package/src/foundation/colors/base/red.ts +12 -12
- package/src/foundation/colors/base/yellow.ts +12 -12
- package/src/foundation/colors/index.ts +119 -120
- package/src/foundation/colors/token/component.ts +185 -213
- package/src/foundation/colors/token/core.ts +113 -134
- package/src/foundation/colors/token/index.ts +2 -2
- package/src/foundation/colors/types.ts +0 -7
- package/src/foundation/index.ts +8 -8
- package/src/foundation/spacing.ts +1 -1
- package/src/index.ts +20 -20
- package/src/stories/GettingStarted.mdx +9 -15
- package/src/stories/components/Alert/Alert.stories.tsx +39 -46
- package/src/stories/components/Button/BasicButton.stories.tsx +68 -59
- package/src/stories/components/Button/ButtonDocs.mdx +17 -41
- package/src/stories/components/Button/Color.stories.tsx +28 -51
- package/src/stories/components/Button/IconButton.stories.tsx +40 -47
- package/src/stories/components/Button/Kind.stories.tsx +100 -213
- package/src/stories/components/CheckBox/BasicCheckbox.stories.tsx +52 -71
- package/src/stories/components/CheckBox/CheckboxDocs.mdx +6 -6
- package/src/stories/components/Chip/Chip.stories.tsx +75 -75
- package/src/stories/components/Chip/ChipDocs.mdx +12 -13
- package/src/stories/components/DataTable/DataTable.stories.tsx +4 -4
- package/src/stories/components/DatePicker/DatePicker.stories.tsx +4 -4
- package/src/stories/components/Dialog/Dialog.stories.tsx +103 -124
- package/src/stories/components/Dialog/DialogDocs.mdx +7 -13
- package/src/stories/components/Dropdown/Dropdown.stories.tsx +96 -82
- package/src/stories/components/Dropdown/DropdownDocs.mdx +275 -0
- package/src/stories/components/Dropdown/DropdownExamples.stories.tsx +40 -47
- package/src/stories/components/Dropdown/DropdownItem.stories.tsx +113 -98
- package/src/stories/components/SelectControl/RadioGroup.stories.tsx +17 -30
- package/src/stories/components/SelectControl/RadioStatus.stories.tsx +16 -23
- package/src/stories/components/SelectControl/Toggle.stories.tsx +33 -78
- package/src/stories/components/TextField/BasicTextField.stories.tsx +44 -60
- package/src/stories/components/TextField/TextFieldDocs.mdx +8 -12
- package/src/stories/components/TextField/TextFieldMulti.stories.tsx +39 -58
- package/src/stories/components/TextField/TextFieldSingle.stories.tsx +74 -121
- package/src/stories/components/TextField/TextFieldSize.stories.tsx +35 -56
- package/src/stories/components/Toast/Toast.stories.tsx +39 -49
- package/src/stories/components/ToggleButton/Basic.stories.tsx +237 -235
- package/src/stories/components/ToggleButton/ToggleButtonDocs.mdx +10 -14
- package/src/stories/components/ToggleButton/ToggleButtonKind.stories.tsx +144 -203
- package/src/stories/components/ToggleButton/WithIcon.stories.tsx +87 -107
- package/src/stories/components/Tooltip/Tooltip.stories.tsx +4 -4
- package/src/stories/foundation/Elevation/Elevation.stories.tsx +48 -73
- package/src/stories/foundation/Elevation/styled.ts +3 -3
- package/src/stories/foundation/Typography/Typography.mdx +9 -13
- package/src/stories/foundation/Typography/Typography.stories.tsx +25 -41
- package/src/stories/foundation/Typography/TypographyGroup.tsx +14 -25
- package/src/stories/foundation/Typography/const.ts +13 -19
- package/src/stories/foundation/colors/ColorSystem.tsx +42 -40
- package/src/stories/foundation/colors/Colors.stories.tsx +40 -41
- package/src/stories/foundation/colors/Docs.mdx +73 -77
- package/src/stories/foundation/colors/Mui.stories.tsx +6 -8
- package/src/stories/foundation/colors/Token.inComponent.stories.tsx +81 -71
- package/src/stories/foundation/colors/TokenPaletteTable.stories.tsx +7 -7
- package/src/stories/foundation/colors/TokenPaletteTable.tsx +23 -49
- package/src/stories/foundation/colors/styled.ts +26 -26
- package/src/theme.ts +6 -6
- package/src/types.d.ts +1 -1
- package/tsconfig.build.json +1 -5
- package/tsconfig.json +0 -1
- package/src/stories/components/ToggleButton/Group.stories.tsx +0 -221
|
@@ -1,146 +1,146 @@
|
|
|
1
|
-
import { styled } from
|
|
1
|
+
import { styled } from '@mui/material/styles';
|
|
2
2
|
const DIALOG_WRAPPER_STYLE = {
|
|
3
3
|
small: {
|
|
4
|
-
width:
|
|
5
|
-
maxWidth:
|
|
4
|
+
width: '320px',
|
|
5
|
+
maxWidth: '320px',
|
|
6
6
|
},
|
|
7
7
|
medium: {
|
|
8
|
-
width:
|
|
9
|
-
maxWidth:
|
|
8
|
+
width: '500px',
|
|
9
|
+
maxWidth: '840px',
|
|
10
10
|
},
|
|
11
11
|
modal: {
|
|
12
|
-
position:
|
|
12
|
+
position: 'relative',
|
|
13
13
|
},
|
|
14
14
|
nonModal: {
|
|
15
|
-
position:
|
|
16
|
-
top:
|
|
17
|
-
right:
|
|
15
|
+
position: 'fixed',
|
|
16
|
+
top: '30px',
|
|
17
|
+
right: '30px',
|
|
18
18
|
},
|
|
19
19
|
};
|
|
20
20
|
const DIALOG_TITLE_STYLE = {
|
|
21
21
|
small: {
|
|
22
|
-
display:
|
|
23
|
-
alignItems:
|
|
24
|
-
height:
|
|
25
|
-
maxHeight:
|
|
26
|
-
padding:
|
|
22
|
+
display: 'flex',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
height: '52px',
|
|
25
|
+
maxHeight: '100%',
|
|
26
|
+
padding: '20px 20px 4px 20px', // Title's X button pluses 2px to paddingTop and Bottom
|
|
27
27
|
},
|
|
28
28
|
medium: {
|
|
29
|
-
display:
|
|
30
|
-
alignItems:
|
|
31
|
-
height:
|
|
32
|
-
maxHeight:
|
|
33
|
-
padding:
|
|
29
|
+
display: 'flex',
|
|
30
|
+
alignItems: 'center',
|
|
31
|
+
height: '64px',
|
|
32
|
+
maxHeight: '100%',
|
|
33
|
+
padding: '30px 32px 6px 32px', // Title's X button pluses 2px to paddingTop and Bottom
|
|
34
34
|
},
|
|
35
35
|
};
|
|
36
36
|
const DIALOG_CONTENT_STYLE = {
|
|
37
37
|
small: {
|
|
38
|
-
paddingInline:
|
|
39
|
-
paddingTop:
|
|
40
|
-
paddingBottom:
|
|
38
|
+
paddingInline: '20px calc(20px - 10px)',
|
|
39
|
+
paddingTop: '8px',
|
|
40
|
+
paddingBottom: '28px',
|
|
41
41
|
},
|
|
42
42
|
smallAction: {
|
|
43
|
-
paddingInline:
|
|
44
|
-
paddingBlock:
|
|
43
|
+
paddingInline: '20px calc(20px - 10px)',
|
|
44
|
+
paddingBlock: '8px',
|
|
45
45
|
},
|
|
46
46
|
medium: {
|
|
47
|
-
paddingInline:
|
|
48
|
-
paddingTop:
|
|
49
|
-
paddingBottom:
|
|
47
|
+
paddingInline: '32px calc(32px - 14px)',
|
|
48
|
+
paddingTop: '16px',
|
|
49
|
+
paddingBottom: '32px',
|
|
50
50
|
},
|
|
51
51
|
mediumAction: {
|
|
52
|
-
paddingInline:
|
|
53
|
-
paddingBlock:
|
|
52
|
+
paddingInline: '32px calc(32px - 14px)',
|
|
53
|
+
paddingBlock: '16px',
|
|
54
54
|
},
|
|
55
55
|
};
|
|
56
56
|
const DIALOG_ACTION_STYLE = {
|
|
57
57
|
small: {
|
|
58
|
-
height:
|
|
59
|
-
padding:
|
|
58
|
+
height: '64px',
|
|
59
|
+
padding: '8px 20px 20px 20px',
|
|
60
60
|
},
|
|
61
61
|
medium: {
|
|
62
|
-
height:
|
|
63
|
-
padding:
|
|
62
|
+
height: '84px',
|
|
63
|
+
padding: '16px 32px 32px 32px',
|
|
64
64
|
},
|
|
65
65
|
};
|
|
66
|
-
export const StyledBackdrop = styled(
|
|
67
|
-
position:
|
|
66
|
+
export const StyledBackdrop = styled('div')({
|
|
67
|
+
position: 'fixed',
|
|
68
68
|
top: 0,
|
|
69
69
|
left: 0,
|
|
70
|
-
width:
|
|
71
|
-
height:
|
|
72
|
-
backgroundColor:
|
|
70
|
+
width: '100%',
|
|
71
|
+
height: '100%',
|
|
72
|
+
backgroundColor: 'rgba(17, 17, 19, 0.7)',
|
|
73
73
|
zIndex: 1000,
|
|
74
|
-
display:
|
|
75
|
-
placeItems:
|
|
74
|
+
display: 'grid',
|
|
75
|
+
placeItems: 'center',
|
|
76
76
|
});
|
|
77
|
-
export const StyledDialog = styled(
|
|
77
|
+
export const StyledDialog = styled('div')(({ theme, size, nonModal, type }) => ({
|
|
78
78
|
zIndex: 1001,
|
|
79
|
-
maxHeight:
|
|
80
|
-
display:
|
|
81
|
-
flexDirection:
|
|
82
|
-
boxSizing:
|
|
83
|
-
borderRadius:
|
|
79
|
+
maxHeight: '80vh',
|
|
80
|
+
display: 'flex',
|
|
81
|
+
flexDirection: 'column',
|
|
82
|
+
boxSizing: 'border-box',
|
|
83
|
+
borderRadius: '10px',
|
|
84
84
|
backgroundColor: theme.palette.lunit_token.core.bg_03,
|
|
85
85
|
color: theme.palette.lunit_token.core.text_normal,
|
|
86
|
-
...DIALOG_WRAPPER_STYLE[size ===
|
|
87
|
-
...DIALOG_WRAPPER_STYLE[nonModal ?
|
|
88
|
-
|
|
89
|
-
...DIALOG_TITLE_STYLE[size ===
|
|
90
|
-
},
|
|
91
|
-
|
|
92
|
-
...DIALOG_CONTENT_STYLE[size ===
|
|
93
|
-
?
|
|
94
|
-
: size ===
|
|
95
|
-
?
|
|
96
|
-
: size ===
|
|
97
|
-
?
|
|
98
|
-
:
|
|
99
|
-
scrollbarGutter:
|
|
100
|
-
|
|
101
|
-
width: size ===
|
|
86
|
+
...DIALOG_WRAPPER_STYLE[size === 'small' ? 'small' : 'medium'],
|
|
87
|
+
...DIALOG_WRAPPER_STYLE[nonModal ? 'nonModal' : 'modal'],
|
|
88
|
+
'& #dialog-title': {
|
|
89
|
+
...DIALOG_TITLE_STYLE[size === 'small' ? 'small' : 'medium'],
|
|
90
|
+
},
|
|
91
|
+
'& #dialog-content': {
|
|
92
|
+
...DIALOG_CONTENT_STYLE[size === 'small' && type !== 'passive'
|
|
93
|
+
? 'smallAction'
|
|
94
|
+
: size === 'small'
|
|
95
|
+
? 'small'
|
|
96
|
+
: size === 'medium' && type !== 'passive'
|
|
97
|
+
? 'mediumAction'
|
|
98
|
+
: 'medium'],
|
|
99
|
+
scrollbarGutter: 'stable',
|
|
100
|
+
'::-webkit-scrollbar': {
|
|
101
|
+
width: size === 'small' ? '10px' : '14px',
|
|
102
102
|
},
|
|
103
|
-
|
|
104
|
-
background:
|
|
103
|
+
'::webkit-scrollbar-track': {
|
|
104
|
+
background: 'transparent',
|
|
105
105
|
},
|
|
106
|
-
|
|
107
|
-
backgroundClip:
|
|
106
|
+
'::-webkit-scrollbar-thumb': {
|
|
107
|
+
backgroundClip: 'padding-box',
|
|
108
108
|
border: `2px solid transparent`,
|
|
109
109
|
/**
|
|
110
110
|
* Figma's border-radius is 6px, but actual border radius is 10px since padding 2px is added.
|
|
111
111
|
*/
|
|
112
|
-
borderRadius:
|
|
112
|
+
borderRadius: '10px',
|
|
113
113
|
backgroundColor: theme.palette.lunit_token.component.scrollbars_bg,
|
|
114
114
|
},
|
|
115
115
|
},
|
|
116
|
-
|
|
117
|
-
...DIALOG_ACTION_STYLE[size ===
|
|
116
|
+
'& #dialog-action': {
|
|
117
|
+
...DIALOG_ACTION_STYLE[size === 'small' ? 'small' : 'medium'],
|
|
118
118
|
},
|
|
119
119
|
}));
|
|
120
|
-
export const StyledDialogTitle = styled(
|
|
121
|
-
display:
|
|
122
|
-
width:
|
|
123
|
-
flex:
|
|
124
|
-
alignItems:
|
|
125
|
-
justifyContent:
|
|
126
|
-
gap:
|
|
120
|
+
export const StyledDialogTitle = styled('header')({
|
|
121
|
+
display: 'flex',
|
|
122
|
+
width: '100%',
|
|
123
|
+
flex: '0 0 auto',
|
|
124
|
+
alignItems: 'center',
|
|
125
|
+
justifyContent: 'flex-start',
|
|
126
|
+
gap: '8px',
|
|
127
127
|
});
|
|
128
|
-
export const StyledDialogTitleIconWrapper = styled(
|
|
129
|
-
display:
|
|
130
|
-
justifyContent:
|
|
131
|
-
width:
|
|
132
|
-
height:
|
|
133
|
-
|
|
134
|
-
display:
|
|
135
|
-
justifyContent:
|
|
136
|
-
width:
|
|
137
|
-
height:
|
|
138
|
-
fontSize:
|
|
128
|
+
export const StyledDialogTitleIconWrapper = styled('div')({
|
|
129
|
+
display: 'flex',
|
|
130
|
+
justifyContent: 'center',
|
|
131
|
+
width: '20px',
|
|
132
|
+
height: '20px',
|
|
133
|
+
'& .MuiSvgIcon-root': {
|
|
134
|
+
display: 'flex',
|
|
135
|
+
justifyContent: 'center',
|
|
136
|
+
width: '20px',
|
|
137
|
+
height: '20px',
|
|
138
|
+
fontSize: '20px',
|
|
139
139
|
},
|
|
140
140
|
});
|
|
141
|
-
export const StyledDialogContent = styled(
|
|
141
|
+
export const StyledDialogContent = styled('div')(({ theme }) => ({
|
|
142
142
|
...theme.typography.body2_14_regular,
|
|
143
|
-
flex:
|
|
144
|
-
overflowY:
|
|
143
|
+
flex: '1 1 auto',
|
|
144
|
+
overflowY: 'scroll',
|
|
145
145
|
}));
|
|
146
146
|
//# sourceMappingURL=Dialog.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.styled.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAW9C,MAAM,oBAAoB,GAAuB;IAC/C,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,OAAO;KAClB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,OAAO;KAClB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;KACrB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,kBAAkB,GAAuB;IAC7C,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,oBAAoB,EAAE,uDAAuD;KACvF;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,oBAAoB,EAAE,uDAAuD;KACvF;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAuB;IAC/C,KAAK,EAAE;QACL,aAAa,EAAE,wBAAwB;QACvC,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,MAAM;KACtB;IACD,WAAW,EAAE;QACX,aAAa,EAAE,wBAAwB;QACvC,YAAY,EAAE,KAAK;KACpB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,wBAAwB;QACvC,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,MAAM;KACtB;IACD,YAAY,EAAE;QACZ,aAAa,EAAE,wBAAwB;QACvC,YAAY,EAAE,MAAM;KACrB;CACF,CAAC;AAEF,MAAM,mBAAmB,GAAuB;IAC9C,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,oBAAoB;KAC9B;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,qBAAqB;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,uBAAuB;IACxC,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Dialog.styled.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAW9C,MAAM,oBAAoB,GAAuB;IAC/C,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,OAAO;KAClB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,OAAO;KAClB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;KACrB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,kBAAkB,GAAuB;IAC7C,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,oBAAoB,EAAE,uDAAuD;KACvF;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,oBAAoB,EAAE,uDAAuD;KACvF;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAuB;IAC/C,KAAK,EAAE;QACL,aAAa,EAAE,wBAAwB;QACvC,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,MAAM;KACtB;IACD,WAAW,EAAE;QACX,aAAa,EAAE,wBAAwB;QACvC,YAAY,EAAE,KAAK;KACpB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,wBAAwB;QACvC,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,MAAM;KACtB;IACD,YAAY,EAAE;QACZ,aAAa,EAAE,wBAAwB;QACvC,YAAY,EAAE,MAAM;KACrB;CACF,CAAC;AAEF,MAAM,mBAAmB,GAAuB;IAC9C,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,oBAAoB;KAC9B;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,qBAAqB;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,uBAAuB;IACxC,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3F,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,MAAM;IACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;IACrD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW;IAEjD,GAAG,oBAAoB,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC9D,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IAExD,iBAAiB,EAAE;QACjB,GAAG,kBAAkB,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KAC7D;IAED,mBAAmB,EAAE;QACnB,GAAG,oBAAoB,CACrB,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,SAAS;YACpC,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,IAAI,KAAK,OAAO;gBAChB,CAAC,CAAC,OAAO;gBACT,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,SAAS;oBACvC,CAAC,CAAC,cAAc;oBAChB,CAAC,CAAC,QAAQ,CACjB;QAED,eAAe,EAAE,QAAQ;QACzB,qBAAqB,EAAE;YACrB,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SAC1C;QACD,0BAA0B,EAAE;YAC1B,UAAU,EAAE,aAAa;SAC1B;QACD,2BAA2B,EAAE;YAC3B,cAAc,EAAE,aAAa;YAC7B,MAAM,EAAE,uBAAuB;YAC/B;;eAEG;YACH,YAAY,EAAE,MAAM;YACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,aAAa;SACnE;KACF;IAED,kBAAkB,EAAE;QAClB,GAAG,mBAAmB,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KAC9D;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,UAAU;IAChB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,YAAY;IAC5B,GAAG,EAAE,KAAK;CACX,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,oBAAoB,EAAE;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB;IACpC,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { styled } from
|
|
3
|
-
const StyledDialogActions = styled(
|
|
4
|
-
display:
|
|
5
|
-
flex:
|
|
6
|
-
alignItems:
|
|
7
|
-
justifyContent:
|
|
2
|
+
import { styled } from '@mui/material/styles';
|
|
3
|
+
const StyledDialogActions = styled('div')({
|
|
4
|
+
display: 'flex',
|
|
5
|
+
flex: '0 0 auto',
|
|
6
|
+
alignItems: 'center',
|
|
7
|
+
justifyContent: 'flex-end',
|
|
8
8
|
gap: 12,
|
|
9
9
|
});
|
|
10
10
|
export function DialogAction(props) {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from
|
|
1
|
+
export { default } from './Dialog';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,36 +1,38 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from
|
|
3
|
-
import ArrowDownSm from
|
|
4
|
-
import { StyledSelect } from
|
|
2
|
+
import { forwardRef, useCallback } from 'react';
|
|
3
|
+
import ArrowDownSm from '@lunit/design-system-icons/ArrowDownSm';
|
|
4
|
+
import { StyledSelect } from './Dropdown.styled';
|
|
5
5
|
const Dropdown = forwardRef((props, ref) => {
|
|
6
|
-
const { select =
|
|
6
|
+
const { select = 'single', size = 'medium', className, children, sx, ...restProps } = props;
|
|
7
|
+
const IconComponent = useCallback((iconProps) => _jsx(ArrowDownSm, { ...iconProps }), []);
|
|
7
8
|
return (_jsx(StyledSelect, { className: className, variant: "standard" // variant standard 기준으로 스타일링 되어있음. 다른 variant 사용 시 스타일이 틀어질 수 있음
|
|
8
|
-
, multiple: select ===
|
|
9
|
+
, multiple: select === 'multiple', IconComponent: IconComponent, MenuProps: {
|
|
9
10
|
anchorOrigin: {
|
|
10
|
-
vertical:
|
|
11
|
-
horizontal:
|
|
11
|
+
vertical: 'bottom',
|
|
12
|
+
horizontal: 'left',
|
|
12
13
|
},
|
|
13
14
|
transformOrigin: {
|
|
14
|
-
vertical:
|
|
15
|
-
horizontal:
|
|
15
|
+
vertical: 'top',
|
|
16
|
+
horizontal: 'left',
|
|
16
17
|
},
|
|
17
18
|
PaperProps: {
|
|
18
19
|
sx: {
|
|
19
|
-
marginTop:
|
|
20
|
-
padding:
|
|
21
|
-
borderRadius:
|
|
20
|
+
marginTop: '4px',
|
|
21
|
+
padding: '0px 8px',
|
|
22
|
+
borderRadius: '8px',
|
|
22
23
|
backgroundColor: (theme) => theme.palette.lunit_token.core.bg_02,
|
|
23
24
|
},
|
|
24
|
-
className: `elevation2 ${className ||
|
|
25
|
+
className: `elevation2 ${className || 'light1'}`,
|
|
25
26
|
},
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
slotProps: {
|
|
28
|
+
list: {
|
|
29
|
+
sx: {
|
|
30
|
+
'& .singleChecked': {
|
|
31
|
+
display: select === 'single' ? 'inherit' : 'none',
|
|
32
|
+
},
|
|
33
|
+
'& .multipleChecked': {
|
|
34
|
+
display: select === 'multiple' ? 'inherit !important' : 'none',
|
|
35
|
+
},
|
|
34
36
|
},
|
|
35
37
|
},
|
|
36
38
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAG,EAAE,EAAE;IACxD,MAAM,EAAE,MAAM,GAAG,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5F,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,SAAuB,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,SAAS,GAAI,EAC3D,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,UAAU,CAAC,iEAAiE;UACpF,QAAQ,EAAE,MAAM,KAAK,UAAU,EAC/B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE;YACT,YAAY,EAAE;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,MAAM;aACnB;YACD,eAAe,EAAE;gBACf,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE,MAAM;aACnB;YACD,UAAU,EAAE;gBACV,EAAE,EAAE;oBACF,SAAS,EAAE,KAAK;oBAChB,OAAO,EAAE,SAAS;oBAClB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;iBACjE;gBACD,SAAS,EAAE,cAAc,SAAS,IAAI,QAAQ,EAAE;aACjD;YACD,SAAS,EAAE;gBACT,IAAI,EAAE;oBACJ,EAAE,EAAE;wBACF,kBAAkB,EAAE;4BAClB,OAAO,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;yBAClD;wBACD,oBAAoB,EAAE;4BACpB,OAAO,EAAE,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM;yBAC/D;qBACF;iBACF;aACF;SACF,EACD,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,IAAI,KACZ,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
|
|
@@ -1,144 +1,143 @@
|
|
|
1
|
-
import { styled } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import MenuItem from "@mui/material/MenuItem";
|
|
1
|
+
import { styled } from '@mui/material/styles';
|
|
2
|
+
import Select from '@mui/material/Select';
|
|
3
|
+
import MenuItem from '@mui/material/MenuItem';
|
|
5
4
|
const valuesBySize = {
|
|
6
5
|
small: {
|
|
7
|
-
height:
|
|
8
|
-
padding:
|
|
9
|
-
iconTop:
|
|
10
|
-
iconRight:
|
|
6
|
+
height: '28px',
|
|
7
|
+
padding: '4px 12px',
|
|
8
|
+
iconTop: '4px',
|
|
9
|
+
iconRight: '12px',
|
|
11
10
|
},
|
|
12
11
|
medium: {
|
|
13
|
-
height:
|
|
14
|
-
padding:
|
|
15
|
-
iconTop:
|
|
16
|
-
iconRight:
|
|
12
|
+
height: '36px',
|
|
13
|
+
padding: '8px 16px',
|
|
14
|
+
iconTop: '8px',
|
|
15
|
+
iconRight: '16px',
|
|
17
16
|
},
|
|
18
17
|
large: {
|
|
19
|
-
height:
|
|
20
|
-
padding:
|
|
21
|
-
iconTop:
|
|
22
|
-
iconRight:
|
|
18
|
+
height: '44px',
|
|
19
|
+
padding: '10px 16px',
|
|
20
|
+
iconTop: '12px', // large 의 text line height 가 medium, small 보다 4px 크기 때문에 그의 반절인 2px + padding 값 10px => 12px
|
|
21
|
+
iconRight: '16px',
|
|
23
22
|
},
|
|
24
23
|
};
|
|
25
24
|
export const StyledSelect = styled(Select, {
|
|
26
25
|
shouldForwardProp: (prop) => {
|
|
27
|
-
return ![
|
|
26
|
+
return !['selectSize', 'select'].includes(prop);
|
|
28
27
|
},
|
|
29
28
|
})(({ theme, selectSize }) => ({
|
|
30
|
-
...(selectSize ===
|
|
29
|
+
...(selectSize === 'large'
|
|
31
30
|
? { ...theme.typography.body1_16_regular }
|
|
32
31
|
: { ...theme.typography.body2_14_regular }),
|
|
33
|
-
height: valuesBySize[selectSize ||
|
|
34
|
-
padding: valuesBySize[selectSize ||
|
|
32
|
+
height: valuesBySize[selectSize || 'medium'].height,
|
|
33
|
+
padding: valuesBySize[selectSize || 'medium'].padding,
|
|
35
34
|
backgroundColor: theme.palette.lunit_token.component.textfield_bg,
|
|
36
|
-
overflow:
|
|
37
|
-
|
|
35
|
+
overflow: 'hidden',
|
|
36
|
+
'& .MuiSelect-select': {
|
|
38
37
|
paddingTop: 0,
|
|
39
38
|
paddingBottom: 0,
|
|
40
|
-
paddingRight:
|
|
39
|
+
paddingRight: '28px !important', // icon width 20px + 아이콘과 텍스트 사이의 gap 8px
|
|
41
40
|
color: theme.palette.lunit_token.core.text_normal,
|
|
42
41
|
},
|
|
43
|
-
|
|
44
|
-
borderRadius:
|
|
45
|
-
border:
|
|
46
|
-
|
|
47
|
-
border:
|
|
42
|
+
'&.MuiInputBase-root': {
|
|
43
|
+
borderRadius: '8px',
|
|
44
|
+
border: 'none',
|
|
45
|
+
'&:hover:not(.Mui-disabled, .Mui-error):before': {
|
|
46
|
+
border: 'none',
|
|
48
47
|
},
|
|
49
48
|
},
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
backgroundColor:
|
|
49
|
+
'& .MuiInput-input': {
|
|
50
|
+
'&:focus': {
|
|
51
|
+
backgroundColor: 'transparent',
|
|
53
52
|
},
|
|
54
53
|
},
|
|
55
|
-
|
|
56
|
-
border:
|
|
54
|
+
'&::after': {
|
|
55
|
+
border: 'none',
|
|
57
56
|
},
|
|
58
|
-
|
|
59
|
-
border:
|
|
57
|
+
'&::before': {
|
|
58
|
+
border: 'none',
|
|
60
59
|
},
|
|
61
|
-
|
|
62
|
-
position:
|
|
60
|
+
'&:hover': {
|
|
61
|
+
position: 'relative',
|
|
63
62
|
zIndex: 0,
|
|
64
63
|
backgroundColor: theme.palette.lunit_token.component.textfield_bg,
|
|
65
|
-
border:
|
|
64
|
+
border: 'none',
|
|
66
65
|
},
|
|
67
|
-
|
|
66
|
+
'&:hover::before': {
|
|
68
67
|
content: '""',
|
|
69
|
-
position:
|
|
68
|
+
position: 'absolute',
|
|
70
69
|
top: 0,
|
|
71
70
|
left: 0,
|
|
72
|
-
width:
|
|
73
|
-
height:
|
|
71
|
+
width: '100%',
|
|
72
|
+
height: '100%',
|
|
74
73
|
zIndex: -1,
|
|
75
|
-
backgroundColor: theme.palette.lunit_token.core.
|
|
76
|
-
border:
|
|
74
|
+
backgroundColor: theme.palette.lunit_token.core.status_hover,
|
|
75
|
+
border: 'none',
|
|
77
76
|
},
|
|
78
77
|
// .Mui-focused 컴포넌트에 바로 border를 적용하면 컴포넌트의 width, height 값이 border 값만큼 늘어나기 때문에 따로 엘리먼트를 만들어서 border 를 적용함.
|
|
79
78
|
// 다른 :before 들도 동일한 이유로 작성
|
|
80
|
-
|
|
81
|
-
border: `1px solid ${theme.palette.lunit_token.core.
|
|
79
|
+
'&.Mui-focused::before': {
|
|
80
|
+
border: `1px solid ${theme.palette.lunit_token.core.status_focused}`,
|
|
82
81
|
content: '""',
|
|
83
|
-
position:
|
|
82
|
+
position: 'absolute',
|
|
84
83
|
top: 0,
|
|
85
84
|
bottom: 0,
|
|
86
85
|
left: 0,
|
|
87
86
|
right: 0,
|
|
88
|
-
borderRadius:
|
|
89
|
-
transition:
|
|
87
|
+
borderRadius: '8px',
|
|
88
|
+
transition: 'none',
|
|
90
89
|
},
|
|
91
|
-
|
|
90
|
+
'&.Mui-disabled': {
|
|
92
91
|
opacity: 0.38,
|
|
93
92
|
},
|
|
94
|
-
|
|
95
|
-
borderBottomStyle:
|
|
93
|
+
'&.Mui-disabled:before': {
|
|
94
|
+
borderBottomStyle: 'none',
|
|
96
95
|
},
|
|
97
|
-
|
|
96
|
+
'&.Mui-error::before': {
|
|
98
97
|
border: `1px solid ${theme.palette.lunit_token.component.textfield_border_error}`,
|
|
99
98
|
content: '""',
|
|
100
|
-
position:
|
|
99
|
+
position: 'absolute',
|
|
101
100
|
top: 0,
|
|
102
101
|
bottom: 0,
|
|
103
102
|
left: 0,
|
|
104
103
|
right: 0,
|
|
105
|
-
borderRadius:
|
|
106
|
-
transition:
|
|
107
|
-
},
|
|
108
|
-
|
|
109
|
-
width:
|
|
110
|
-
height:
|
|
111
|
-
top: valuesBySize[selectSize ||
|
|
112
|
-
right: valuesBySize[selectSize ||
|
|
104
|
+
borderRadius: '8px',
|
|
105
|
+
transition: 'none',
|
|
106
|
+
},
|
|
107
|
+
'& .MuiSvgIcon-root': {
|
|
108
|
+
width: '20px',
|
|
109
|
+
height: '20px',
|
|
110
|
+
top: valuesBySize[selectSize || 'medium'].iconTop, // mui 에서 이 icon position 이 position: absolute 로 되어 있어서 padding 값에 맞춰 포지션 조절
|
|
111
|
+
right: valuesBySize[selectSize || 'medium'].iconRight,
|
|
113
112
|
color: theme.palette.lunit_token.core.text_normal,
|
|
114
|
-
|
|
113
|
+
'&.Mui-disabled': {
|
|
115
114
|
color: theme.palette.lunit_token.core.text_normal,
|
|
116
115
|
},
|
|
117
116
|
},
|
|
118
117
|
}));
|
|
119
118
|
export const StyledMenuItem = styled(MenuItem)(({ theme }) => ({
|
|
120
119
|
...theme.typography.body2_14_regular,
|
|
121
|
-
padding:
|
|
122
|
-
borderRadius:
|
|
120
|
+
padding: '8px',
|
|
121
|
+
borderRadius: '8px',
|
|
123
122
|
color: theme.palette.lunit_token.core.text_normal,
|
|
124
|
-
backgroundColor:
|
|
125
|
-
display:
|
|
126
|
-
flexDirection:
|
|
127
|
-
justifyContent:
|
|
128
|
-
gap:
|
|
129
|
-
|
|
130
|
-
backgroundColor: theme.palette.lunit_token.core.
|
|
131
|
-
},
|
|
132
|
-
|
|
133
|
-
backgroundColor:
|
|
134
|
-
|
|
135
|
-
backgroundColor: theme.palette.lunit_token.core.
|
|
123
|
+
backgroundColor: 'transparent',
|
|
124
|
+
display: 'flex',
|
|
125
|
+
flexDirection: 'row',
|
|
126
|
+
justifyContent: 'space-between',
|
|
127
|
+
gap: '8px',
|
|
128
|
+
'&:hover': {
|
|
129
|
+
backgroundColor: theme.palette.lunit_token.core.status_hover,
|
|
130
|
+
},
|
|
131
|
+
'&.Mui-focusVisible': {
|
|
132
|
+
backgroundColor: 'transparent',
|
|
133
|
+
'&:hover': {
|
|
134
|
+
backgroundColor: theme.palette.lunit_token.core.status_hover,
|
|
136
135
|
},
|
|
137
136
|
},
|
|
138
137
|
// TODO: 디자이너와 focus 디자인 확인 후 살리든 지우든 하기
|
|
139
138
|
// "&:focus::before": {
|
|
140
139
|
// border: "1px solid",
|
|
141
|
-
// borderColor: theme.palette.lunit_token.core.
|
|
140
|
+
// borderColor: theme.palette.lunit_token.core.status_focused,
|
|
142
141
|
// content: '""',
|
|
143
142
|
// position: "absolute",
|
|
144
143
|
// top: 0,
|
|
@@ -146,16 +145,16 @@ export const StyledMenuItem = styled(MenuItem)(({ theme }) => ({
|
|
|
146
145
|
// left: -8,
|
|
147
146
|
// right: -8,
|
|
148
147
|
// },
|
|
149
|
-
|
|
150
|
-
display:
|
|
148
|
+
'& .multipleChecked': {
|
|
149
|
+
display: 'none',
|
|
151
150
|
},
|
|
152
|
-
|
|
153
|
-
backgroundColor: theme.palette.lunit_token.core.
|
|
151
|
+
'&.filledStyle': {
|
|
152
|
+
backgroundColor: theme.palette.lunit_token.core.status_selected,
|
|
154
153
|
},
|
|
155
154
|
}));
|
|
156
|
-
export const StyledIconWrapper = styled(
|
|
157
|
-
width:
|
|
158
|
-
height:
|
|
159
|
-
marginRight:
|
|
155
|
+
export const StyledIconWrapper = styled('div')({
|
|
156
|
+
width: '20px',
|
|
157
|
+
height: '20px',
|
|
158
|
+
marginRight: '8px',
|
|
160
159
|
});
|
|
161
160
|
//# sourceMappingURL=Dropdown.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.styled.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,
|
|
1
|
+
{"version":3,"file":"Dropdown.styled.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styled.tsx"],"names":[],"mappings":"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"}
|