@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getHoverStyle.js","sourceRoot":"","sources":["../../../../src/components/Button/utils/getHoverStyle.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"getHoverStyle.js","sourceRoot":"","sources":["../../../../src/components/Button/utils/getHoverStyle.ts"],"names":[],"mappings":"AAEA,MAAM,aAAa,GAAG,CAAC,eAAuC,EAAE,EAAE,CAAC,CAAC;IAClE,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,eAAe;CAChB,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}
|
|
@@ -1,23 +1,17 @@
|
|
|
1
|
-
import { OUTLINED_BORDER_WIDTH } from
|
|
1
|
+
import { OUTLINED_BORDER_WIDTH } from '../const';
|
|
2
2
|
/**
|
|
3
3
|
* When kind is outlined,
|
|
4
4
|
* the padding value must include the border width of outlined.
|
|
5
5
|
* This function takes care of this.
|
|
6
6
|
*/
|
|
7
7
|
export const getIconButtonPaddingBySizeAndKind = ({ kind, size, selected = false, }) => {
|
|
8
|
-
if (size ===
|
|
9
|
-
return kind ===
|
|
10
|
-
? `${4 - OUTLINED_BORDER_WIDTH}px`
|
|
11
|
-
: "4px";
|
|
8
|
+
if (size === 'small') {
|
|
9
|
+
return kind === 'outlined' && !selected ? `${4 - OUTLINED_BORDER_WIDTH}px` : '4px';
|
|
12
10
|
}
|
|
13
|
-
if (size ===
|
|
14
|
-
return kind ===
|
|
15
|
-
? `${8 - OUTLINED_BORDER_WIDTH}px`
|
|
16
|
-
: "8px";
|
|
11
|
+
if (size === 'medium') {
|
|
12
|
+
return kind === 'outlined' && !selected ? `${8 - OUTLINED_BORDER_WIDTH}px` : '8px';
|
|
17
13
|
}
|
|
18
14
|
// size === "large"
|
|
19
|
-
return kind ===
|
|
20
|
-
? `${12 - OUTLINED_BORDER_WIDTH}px`
|
|
21
|
-
: "12px";
|
|
15
|
+
return kind === 'outlined' && !selected ? `${12 - OUTLINED_BORDER_WIDTH}px` : '12px';
|
|
22
16
|
};
|
|
23
17
|
//# sourceMappingURL=getIconButtonPaddingBySizeAndKind.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getIconButtonPaddingBySizeAndKind.js","sourceRoot":"","sources":["../../../../src/components/Button/utils/getIconButtonPaddingBySizeAndKind.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"getIconButtonPaddingBySizeAndKind.js","sourceRoot":"","sources":["../../../../src/components/Button/utils/getIconButtonPaddingBySizeAndKind.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAQjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,EAChD,IAAI,EACJ,IAAI,EACJ,QAAQ,GAAG,KAAK,GACuB,EAAE,EAAE;IAC3C,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI,KAAK,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,qBAAqB,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACrF,CAAC;IAED,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,IAAI,KAAK,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,qBAAqB,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACrF,CAAC;IAED,mBAAmB;IACnB,OAAO,IAAI,KAAK,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,qBAAqB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AACvF,CAAC,CAAC"}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { styled } from
|
|
3
|
-
import MuiCheckbox from
|
|
2
|
+
import { styled } from '@mui/material/styles';
|
|
3
|
+
import MuiCheckbox from '@mui/material/Checkbox';
|
|
4
4
|
const CustomCheckbox = styled(MuiCheckbox)(({ theme }) => ({
|
|
5
5
|
width: 20,
|
|
6
6
|
height: 20,
|
|
7
7
|
padding: 0,
|
|
8
|
-
|
|
8
|
+
'&.Mui-disabled': {
|
|
9
9
|
opacity: 0.38,
|
|
10
10
|
},
|
|
11
|
-
|
|
11
|
+
'&.Mui-focusVisible:after': {
|
|
12
12
|
content: '""',
|
|
13
|
-
position:
|
|
13
|
+
position: 'absolute',
|
|
14
14
|
width: 24,
|
|
15
15
|
height: 24,
|
|
16
|
-
border: `1px solid ${theme.palette.lunit_token.core.
|
|
17
|
-
borderRadius:
|
|
16
|
+
border: `1px solid ${theme.palette.lunit_token.core.status_focused}`,
|
|
17
|
+
borderRadius: '7px',
|
|
18
18
|
},
|
|
19
19
|
}));
|
|
20
20
|
const iconSize = {
|
|
21
21
|
width: 18,
|
|
22
22
|
height: 18,
|
|
23
23
|
};
|
|
24
|
-
const DefaultIcon = styled(
|
|
24
|
+
const DefaultIcon = styled('span')(({ theme }) => ({
|
|
25
25
|
...iconSize,
|
|
26
|
-
borderRadius:
|
|
26
|
+
borderRadius: '20%',
|
|
27
27
|
boxShadow: `inset 0 0 0 1.5px ${theme.palette.lunit_token.component.selectcontrol_off}`,
|
|
28
28
|
}));
|
|
29
29
|
const CheckedIcon = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAGjD,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,CAAC;IACV,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI;KACd;IACD,0BAA0B,EAAE;QAC1B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAGjD,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,CAAC;IACV,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI;KACd;IACD,0BAA0B,EAAE;QAC1B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,EAAE;QACpE,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjD,GAAG,QAAQ;IACX,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,qBAAqB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,iBAAiB,EAAE;CACxF,CAAC,CAAC,CAAC;AAEJ,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,keAAke,EACpe,IAAI,EAAC,SAAS,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iPAAiP,EACnP,IAAI,EAAC,SAAS,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,OAAO,CACL,KAAC,cAAc,IACb,aAAa,QACb,IAAI,EAAE,KAAC,WAAW,KAAG,EACrB,WAAW,EAAE,KAAC,WAAW,KAAG,EAC5B,iBAAiB,EAAE,KAAC,iBAAiB,KAAG,KACpC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from
|
|
1
|
+
export { default } from './Checkbox';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,56 +1,47 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Avatar } from
|
|
3
|
-
import Close16 from
|
|
4
|
-
import { StyledOutlinedChip, StyledContainedChipBase, StyledContainedChipEnable, StyledContainedChipDeletable, } from
|
|
5
|
-
const Chip = (props) => {
|
|
6
|
-
const { kind, variant, onDelete, onClick, ...restProps } = props;
|
|
7
|
-
const isOutlined = kind === "outlined" || variant === "outlined";
|
|
8
|
-
if (isOutlined)
|
|
9
|
-
return _jsx(OutlinedChip, { ...props });
|
|
10
|
-
else if (onClick)
|
|
11
|
-
return _jsx(EnableContainedChip, { ...props });
|
|
12
|
-
else if (onDelete)
|
|
13
|
-
return _jsx(DeletableContainedChip, { ...props });
|
|
14
|
-
return _jsx(ReadOnlyContainedChip, { ...restProps });
|
|
15
|
-
};
|
|
2
|
+
import { Avatar } from '@mui/material';
|
|
3
|
+
import Close16 from '@lunit/design-system-icons/Close16';
|
|
4
|
+
import { StyledOutlinedChip, StyledContainedChipBase, StyledContainedChipEnable, StyledContainedChipDeletable, } from './Chip.styled';
|
|
16
5
|
const OutlinedChip = (props) => {
|
|
17
|
-
const { color =
|
|
18
|
-
return
|
|
6
|
+
const { color = 'primary', ...restProps } = props;
|
|
7
|
+
return _jsx(StyledOutlinedChip, { ...restProps, variant: "outlined", disabled: true, color: color });
|
|
19
8
|
};
|
|
20
9
|
/**
|
|
21
10
|
* Conditional styling for contained chip
|
|
22
11
|
*/
|
|
23
12
|
const getAvatar = (thumbnail) => {
|
|
24
|
-
if (!thumbnail || typeof thumbnail !==
|
|
13
|
+
if (!thumbnail || typeof thumbnail !== 'string')
|
|
25
14
|
return;
|
|
26
15
|
if (thumbnail.length === 0)
|
|
27
16
|
return _jsx(Avatar, {});
|
|
28
17
|
return _jsx(Avatar, { children: thumbnail.slice(0, 1).toLocaleUpperCase() });
|
|
29
18
|
};
|
|
30
19
|
const getIcon = (thumbnail) => {
|
|
31
|
-
if (thumbnail && typeof thumbnail !==
|
|
20
|
+
if (thumbnail && typeof thumbnail !== 'string')
|
|
32
21
|
return thumbnail;
|
|
33
22
|
return undefined;
|
|
34
23
|
};
|
|
35
24
|
const getLabelMargin = (thumbnail, deletable) => {
|
|
36
25
|
return {
|
|
37
|
-
marginLeft: thumbnail ?
|
|
38
|
-
marginRight: deletable ?
|
|
26
|
+
marginLeft: thumbnail ? '0px' : '8px',
|
|
27
|
+
marginRight: deletable ? '0px' : '8px',
|
|
39
28
|
};
|
|
40
29
|
};
|
|
41
30
|
const ReadOnlyContainedChip = (props) => {
|
|
42
|
-
|
|
31
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
|
|
32
|
+
const { color = 'primary', thumbnail, sx, variant, ...restProps } = props;
|
|
43
33
|
return (_jsx(StyledContainedChipBase, { ...restProps, disabled: true, avatar: getAvatar(thumbnail), icon: getIcon(thumbnail), color: color, sx: {
|
|
44
|
-
|
|
34
|
+
'& .MuiChip-label': {
|
|
45
35
|
...getLabelMargin(thumbnail),
|
|
46
36
|
},
|
|
47
37
|
...sx,
|
|
48
38
|
} }));
|
|
49
39
|
};
|
|
50
40
|
const EnableContainedChip = (props) => {
|
|
51
|
-
|
|
41
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
|
|
42
|
+
const { color = 'primary', thumbnail, onClick, variant, ...restProps } = props;
|
|
52
43
|
return (_jsx(StyledContainedChipEnable, { ...restProps, onClick: onClick, avatar: getAvatar(thumbnail), icon: getIcon(thumbnail), color: color, sx: {
|
|
53
|
-
|
|
44
|
+
'& .MuiChip-label': {
|
|
54
45
|
...getLabelMargin(thumbnail),
|
|
55
46
|
},
|
|
56
47
|
} }));
|
|
@@ -59,13 +50,25 @@ const DeleteIconWithHoverLayer = ({ onClick }) => {
|
|
|
59
50
|
return (_jsxs(_Fragment, { children: [_jsx(Close16, {}), _jsx(Close16, { className: "delete-icon-hover-layer", onClick: onClick })] }));
|
|
60
51
|
};
|
|
61
52
|
const DeletableContainedChip = (props) => {
|
|
62
|
-
|
|
53
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
|
|
54
|
+
const { color = 'primary', thumbnail, onDelete, sx, variant, ...restProps } = props;
|
|
63
55
|
return (_jsx(StyledContainedChipDeletable, { ...restProps, color: color, onDelete: onDelete, deleteIcon: _jsx(DeleteIconWithHoverLayer, { onClick: onDelete }), avatar: getAvatar(thumbnail), icon: getIcon(thumbnail), sx: {
|
|
64
|
-
|
|
56
|
+
'& .MuiChip-label': {
|
|
65
57
|
...getLabelMargin(thumbnail, Boolean(onDelete)),
|
|
66
58
|
},
|
|
67
59
|
...sx,
|
|
68
60
|
} }));
|
|
69
61
|
};
|
|
62
|
+
const Chip = (props) => {
|
|
63
|
+
const { kind, variant, onDelete, onClick, ...restProps } = props;
|
|
64
|
+
const isOutlined = kind === 'outlined' || variant === 'outlined';
|
|
65
|
+
if (isOutlined)
|
|
66
|
+
return _jsx(OutlinedChip, { ...props });
|
|
67
|
+
if (onClick)
|
|
68
|
+
return _jsx(EnableContainedChip, { ...props });
|
|
69
|
+
if (onDelete)
|
|
70
|
+
return _jsx(DeletableContainedChip, { ...props });
|
|
71
|
+
return _jsx(ReadOnlyContainedChip, { ...restProps });
|
|
72
|
+
};
|
|
70
73
|
export default Chip;
|
|
71
74
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,OAAO,MAAM,oCAAoC,CAAC;AACzD,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,eAAe,CAAC;AAYvB,MAAM,
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { Chip as MuiChip, styled } from
|
|
2
|
-
import { CHIP_COLORS } from
|
|
1
|
+
import { Chip as MuiChip, styled } from '@mui/material';
|
|
2
|
+
import { CHIP_COLORS } from './consts';
|
|
3
3
|
const COMMON_STYLES = {
|
|
4
|
-
height:
|
|
5
|
-
width:
|
|
6
|
-
minWidth:
|
|
7
|
-
boxShadow:
|
|
8
|
-
|
|
4
|
+
height: '22px',
|
|
5
|
+
width: 'auto',
|
|
6
|
+
minWidth: '22px',
|
|
7
|
+
boxShadow: 'none',
|
|
8
|
+
'&.Mui-disabled': {
|
|
9
9
|
opacity: 1,
|
|
10
10
|
},
|
|
11
|
-
|
|
11
|
+
'& .MuiChip-label': {
|
|
12
12
|
padding: 0,
|
|
13
|
-
marginInline:
|
|
13
|
+
marginInline: '8px',
|
|
14
14
|
},
|
|
15
15
|
};
|
|
16
16
|
const getColorToken = (token, theme, color) => {
|
|
17
|
-
if (token ===
|
|
17
|
+
if (token === 'text') {
|
|
18
18
|
switch (color) {
|
|
19
19
|
case CHIP_COLORS.PRIMARY:
|
|
20
20
|
return theme.palette.lunit_token.component.chip_primary_text;
|
|
@@ -48,86 +48,86 @@ const getColorToken = (token, theme, color) => {
|
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
export const StyledOutlinedChip = styled(MuiChip, {
|
|
51
|
-
shouldForwardProp: (prop) => ![
|
|
51
|
+
shouldForwardProp: (prop) => !['color'].includes(prop.toString()),
|
|
52
52
|
})(({ theme, color }) => ({
|
|
53
53
|
...COMMON_STYLES,
|
|
54
54
|
...theme.typography.caption,
|
|
55
|
-
color: getColorToken(
|
|
56
|
-
borderColor: getColorToken(
|
|
55
|
+
color: getColorToken('text', theme, color),
|
|
56
|
+
borderColor: getColorToken('text', theme, color),
|
|
57
57
|
}));
|
|
58
58
|
export const StyledContainedChipBase = styled(MuiChip, {
|
|
59
|
-
shouldForwardProp: (prop) => ![
|
|
59
|
+
shouldForwardProp: (prop) => !['color'].includes(prop.toString()),
|
|
60
60
|
})(() => ({ theme, color }) => ({
|
|
61
61
|
...COMMON_STYLES,
|
|
62
62
|
...theme.typography.caption,
|
|
63
63
|
color: theme.palette.lunit_token.core.text_normal,
|
|
64
|
-
backgroundColor: getColorToken(
|
|
65
|
-
|
|
66
|
-
marginBlock:
|
|
67
|
-
marginLeft:
|
|
68
|
-
marginRight:
|
|
69
|
-
height:
|
|
70
|
-
width:
|
|
71
|
-
color: getColorToken(
|
|
64
|
+
backgroundColor: getColorToken('bg', theme, color),
|
|
65
|
+
'& .MuiSvgIcon-root': {
|
|
66
|
+
marginBlock: '3px',
|
|
67
|
+
marginLeft: '3px',
|
|
68
|
+
marginRight: '4px',
|
|
69
|
+
height: '16px',
|
|
70
|
+
width: '16px',
|
|
71
|
+
color: getColorToken('text', theme, color),
|
|
72
72
|
},
|
|
73
|
-
|
|
74
|
-
marginBlock:
|
|
75
|
-
marginLeft:
|
|
76
|
-
marginRight:
|
|
77
|
-
height:
|
|
78
|
-
width:
|
|
79
|
-
fontSize:
|
|
73
|
+
'& .MuiChip-avatar': {
|
|
74
|
+
marginBlock: '3px',
|
|
75
|
+
marginLeft: '4px',
|
|
76
|
+
marginRight: '5px',
|
|
77
|
+
height: '14px',
|
|
78
|
+
width: '14px',
|
|
79
|
+
fontSize: '11px',
|
|
80
80
|
fontWeight: 500,
|
|
81
|
-
lineHeight:
|
|
82
|
-
display:
|
|
83
|
-
textAlign:
|
|
84
|
-
alignItems:
|
|
85
|
-
color: getColorToken(
|
|
86
|
-
backgroundColor: getColorToken(
|
|
81
|
+
lineHeight: '16px',
|
|
82
|
+
display: 'flex',
|
|
83
|
+
textAlign: 'center',
|
|
84
|
+
alignItems: 'center',
|
|
85
|
+
color: getColorToken('bg', theme, color),
|
|
86
|
+
backgroundColor: getColorToken('text', theme, color),
|
|
87
87
|
},
|
|
88
88
|
}));
|
|
89
89
|
export const StyledContainedChipEnable = styled(StyledContainedChipBase, {
|
|
90
|
-
shouldForwardProp: (prop) => ![
|
|
90
|
+
shouldForwardProp: (prop) => !['color'].includes(prop.toString()),
|
|
91
91
|
})(() => ({ theme, color }) => ({
|
|
92
92
|
/**
|
|
93
93
|
* Setting the z-index of the chip to 0 and the z-index of the pseudo element to -1
|
|
94
94
|
* allows the pseudo element(hover layer) to be rendered between the chip and the chip's children.
|
|
95
95
|
*/
|
|
96
|
-
position:
|
|
96
|
+
position: 'relative',
|
|
97
97
|
left: 0,
|
|
98
98
|
right: 0,
|
|
99
99
|
zIndex: 0,
|
|
100
|
-
|
|
101
|
-
backgroundColor: getColorToken(
|
|
100
|
+
'&:hover': {
|
|
101
|
+
backgroundColor: getColorToken('bg', theme, color),
|
|
102
102
|
},
|
|
103
|
-
|
|
104
|
-
position:
|
|
103
|
+
'&:hover::before': {
|
|
104
|
+
position: 'absolute',
|
|
105
105
|
zIndex: -1,
|
|
106
106
|
content: '""',
|
|
107
107
|
top: 0,
|
|
108
108
|
left: 0,
|
|
109
109
|
right: 0,
|
|
110
110
|
bottom: 0,
|
|
111
|
-
backgroundColor: theme.palette.lunit_token.core.
|
|
112
|
-
borderRadius:
|
|
111
|
+
backgroundColor: theme.palette.lunit_token.core.status_hover,
|
|
112
|
+
borderRadius: '11px',
|
|
113
113
|
},
|
|
114
114
|
}));
|
|
115
115
|
export const StyledContainedChipDeletable = styled(StyledContainedChipBase)(() => ({ theme }) => ({
|
|
116
|
-
|
|
117
|
-
marginLeft:
|
|
118
|
-
marginRight:
|
|
116
|
+
'& .MuiChip-deleteIcon': {
|
|
117
|
+
marginLeft: '4px',
|
|
118
|
+
marginRight: '3px',
|
|
119
119
|
},
|
|
120
|
-
|
|
121
|
-
position:
|
|
120
|
+
'& .delete-icon-hover-layer': {
|
|
121
|
+
position: 'absolute',
|
|
122
122
|
zIndex: 1000,
|
|
123
123
|
top: 0,
|
|
124
|
-
left:
|
|
124
|
+
left: 'auto',
|
|
125
125
|
right: 0,
|
|
126
126
|
bottom: 0,
|
|
127
127
|
opacity: 0,
|
|
128
|
-
color: theme.palette.lunit_token.core.
|
|
129
|
-
|
|
130
|
-
cursor:
|
|
128
|
+
color: theme.palette.lunit_token.core.status_hover,
|
|
129
|
+
':hover': {
|
|
130
|
+
cursor: 'pointer',
|
|
131
131
|
opacity: 1,
|
|
132
132
|
},
|
|
133
133
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.styled.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAUvC,MAAM,aAAa,GAAG;IACpB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,gBAAgB,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,
|
|
1
|
+
{"version":3,"file":"Chip.styled.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export const CHIP_COLORS = {
|
|
2
|
-
PRIMARY:
|
|
3
|
-
SECONDARY:
|
|
4
|
-
ERROR:
|
|
5
|
-
WARNING:
|
|
6
|
-
SUCCESS:
|
|
2
|
+
PRIMARY: 'primary',
|
|
3
|
+
SECONDARY: 'secondary',
|
|
4
|
+
ERROR: 'error',
|
|
5
|
+
WARNING: 'warning',
|
|
6
|
+
SUCCESS: 'success',
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from
|
|
1
|
+
export { default } from './Chip';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from
|
|
1
|
+
export { default } from './DataTable';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from
|
|
1
|
+
export { default } from './DatePicker';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect } from
|
|
3
|
-
import { createPortal } from
|
|
4
|
-
import { Close } from
|
|
5
|
-
import { DialogAction } from
|
|
6
|
-
import { StyledBackdrop, StyledDialog, StyledDialogContent, StyledDialogTitle, StyledDialogTitleIconWrapper, } from
|
|
7
|
-
import Button from
|
|
8
|
-
import Typography from
|
|
2
|
+
import { useEffect, useCallback } from 'react';
|
|
3
|
+
import { createPortal } from 'react-dom';
|
|
4
|
+
import { Close } from '@lunit/design-system-icons';
|
|
5
|
+
import { DialogAction } from './components/DialogAction';
|
|
6
|
+
import { StyledBackdrop, StyledDialog, StyledDialogContent, StyledDialogTitle, StyledDialogTitleIconWrapper, } from './Dialog.styled';
|
|
7
|
+
import Button from '../Button';
|
|
8
|
+
import Typography from '../Typography';
|
|
9
9
|
function Dialog(props) {
|
|
10
10
|
const { isOpen, type, nonModal = false, onClose } = props;
|
|
11
|
-
const isActionModal = type ===
|
|
12
|
-
const isPassiveModal = type ===
|
|
13
|
-
|
|
11
|
+
const isActionModal = type === 'action' && !nonModal;
|
|
12
|
+
const isPassiveModal = type === 'passive' && !nonModal;
|
|
13
|
+
const handleBackdropClose = useCallback((e) => {
|
|
14
14
|
const isClosable = isPassiveModal || (isActionModal && props.enableBackdropClose);
|
|
15
15
|
if (!isClosable)
|
|
16
16
|
return;
|
|
17
17
|
if (e.target !== e.currentTarget)
|
|
18
18
|
return;
|
|
19
19
|
onClose();
|
|
20
|
-
}
|
|
20
|
+
}, [isPassiveModal, isActionModal, props.enableBackdropClose, onClose]);
|
|
21
21
|
useEffect(() => {
|
|
22
22
|
const isClosable = isOpen && isPassiveModal;
|
|
23
23
|
if (!isClosable)
|
|
24
24
|
return;
|
|
25
25
|
function handleEscClose(event) {
|
|
26
|
-
if (event.key ===
|
|
26
|
+
if (event.key === 'Escape')
|
|
27
27
|
onClose();
|
|
28
28
|
}
|
|
29
|
-
document.addEventListener(
|
|
29
|
+
document.addEventListener('keydown', handleEscClose);
|
|
30
30
|
return () => {
|
|
31
|
-
document.removeEventListener(
|
|
31
|
+
document.removeEventListener('keydown', handleEscClose);
|
|
32
32
|
};
|
|
33
33
|
}, [isOpen, isPassiveModal, onClose]);
|
|
34
34
|
if (!isOpen)
|
|
@@ -36,13 +36,13 @@ function Dialog(props) {
|
|
|
36
36
|
return createPortal(nonModal ? (_jsx(DialogBase, { dialogProps: { ...props } })) : (_jsx(StyledBackdrop, { onClick: handleBackdropClose, "data-testid": "dialog-backdrop", children: _jsx(DialogBase, { dialogProps: { ...props } }) })), document.body);
|
|
37
37
|
}
|
|
38
38
|
function DialogBase({ dialogProps }) {
|
|
39
|
-
const { nonModal = false, onClose, title, titleIcon, titleVariant =
|
|
39
|
+
const { nonModal = false, onClose, title, titleIcon, titleVariant = 'headline5', children, actions, type, size = 'small', sx, style, className, } = dialogProps;
|
|
40
40
|
return (_jsxs(StyledDialog, { role: "dialog", "aria-labelledby": "dialog-title", size: size, nonModal: nonModal, type: type, sx: {
|
|
41
41
|
...sx,
|
|
42
|
-
}, style: style, className: `dialog elevation2 ${className ??
|
|
42
|
+
}, style: style, className: `dialog elevation2 ${className ?? ''}`, children: [_jsxs(StyledDialogTitle, { id: "dialog-title", className: "dialog-title-wrapper", children: [titleIcon && (_jsx(StyledDialogTitleIconWrapper, { className: "dialog-title-icon", children: titleIcon })), _jsx(Typography, { component: "h2", id: "dialog-title-text", variant: titleVariant, children: title }), type === 'passive' && (_jsx(Button, { id: "dialog-title-close-button", "data-testid": "dialog-title-close-button", kind: "ghost", color: "secondary", icon: _jsx(Close, {}), onClick: onClose, sx: {
|
|
43
43
|
marginRight: 0,
|
|
44
|
-
marginLeft:
|
|
45
|
-
} }))] }), _jsx(StyledDialogContent, { id: "dialog-content", children: children }), type ===
|
|
44
|
+
marginLeft: 'auto',
|
|
45
|
+
} }))] }), _jsx(StyledDialogContent, { id: "dialog-content", children: children }), type === 'action' && actions !== null ? (
|
|
46
46
|
// `actions !== null` is used to not render DialogAction when actions is undefined
|
|
47
47
|
// There was a case when actions is undefined, but DialogAction is rendered with null children
|
|
48
48
|
_jsx(DialogAction, { children: actions })) : null] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|