@lunit/design-system 1.0.0-a.1 → 1.0.0-a.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/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/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/Dropdown/index.js +2 -0
- package/dist/cjs/components/Dropdown/index.js.map +1 -0
- package/dist/cjs/components/FormLabel/index.js +2 -0
- package/dist/cjs/components/FormLabel/index.js.map +1 -0
- package/dist/cjs/components/Modal/index.js +2 -0
- package/dist/cjs/components/Modal/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/RadioGroup/index.js +2 -0
- package/dist/cjs/components/RadioGroup/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/Toggle/index.js +2 -0
- package/dist/cjs/components/Toggle/index.js.map +1 -0
- package/dist/cjs/components/ToggleButton/index.js +2 -0
- package/dist/cjs/components/ToggleButton/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/index.js +2 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/components/Alert/Alert.js +7 -0
- package/dist/components/Alert/Alert.js.map +1 -0
- package/dist/components/Alert/index.js +1 -1
- package/dist/components/Alert/index.js.map +1 -1
- package/dist/components/Button/Button.js +9 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/Button.styled.js +170 -0
- package/dist/components/Button/Button.styled.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/const.js +3 -0
- package/dist/components/Button/const.js.map +1 -0
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.js +23 -0
- package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.js.map +1 -0
- package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.js +23 -0
- package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.js +49 -0
- package/dist/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Chip/Chip.js +70 -0
- package/dist/components/Chip/Chip.js.map +1 -0
- package/dist/components/Chip/Chip.styled.js +143 -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/consts.js +8 -0
- package/dist/components/Chip/consts.js.map +1 -0
- package/dist/components/Chip/index.js +1 -1
- package/dist/components/Chip/index.js.map +1 -1
- package/dist/components/DataTable/DataTable.js +7 -0
- package/dist/components/DataTable/DataTable.js.map +1 -0
- package/dist/components/DataTable/index.js +1 -1
- package/dist/components/DataTable/index.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +7 -0
- package/dist/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/components/DatePicker/index.js +1 -1
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.js +7 -0
- package/dist/components/Dropdown/Dropdown.js.map +1 -0
- package/dist/components/Dropdown/index.js +1 -1
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/FormLabel/FormLabel.js +7 -0
- package/dist/components/FormLabel/FormLabel.js.map +1 -0
- package/dist/components/FormLabel/FormLabel.styled.js +8 -0
- package/dist/components/FormLabel/FormLabel.styled.js.map +1 -0
- package/dist/components/FormLabel/index.js +1 -1
- package/dist/components/FormLabel/index.js.map +1 -1
- package/dist/components/Modal/Modal.js +7 -0
- package/dist/components/Modal/Modal.js.map +1 -0
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Radio/Radio.js +43 -0
- package/dist/components/Radio/Radio.js.map +1 -0
- package/dist/components/Radio/index.js +1 -1
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/RadioGroup/index.js +2 -1
- package/dist/components/RadioGroup/index.js.map +1 -1
- package/dist/components/TextField/TextField.js +7 -0
- package/dist/components/TextField/TextField.js.map +1 -0
- package/dist/components/TextField/index.js +1 -1
- package/dist/components/TextField/index.js.map +1 -1
- package/dist/components/Toggle/Toggle.js +13 -0
- package/dist/components/Toggle/Toggle.js.map +1 -0
- package/dist/components/Toggle/Toggle.styled.js +155 -0
- package/dist/components/Toggle/Toggle.styled.js.map +1 -0
- package/dist/components/Toggle/Toggle.types.js +2 -0
- package/dist/components/Toggle/Toggle.types.js.map +1 -0
- package/dist/components/Toggle/index.js +1 -1
- package/dist/components/Toggle/index.js.map +1 -1
- package/dist/components/ToggleButton/ToggleButton.js +12 -0
- package/dist/components/ToggleButton/ToggleButton.js.map +1 -0
- package/dist/components/ToggleButton/ToggleButton.styled.js +35 -0
- package/dist/components/ToggleButton/ToggleButton.styled.js.map +1 -0
- package/dist/components/ToggleButton/ToggleButton.types.js +2 -0
- package/dist/components/ToggleButton/ToggleButton.types.js.map +1 -0
- package/dist/components/ToggleButton/index.js +1 -1
- package/dist/components/ToggleButton/index.js.map +1 -1
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +7 -0
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js.map +1 -0
- package/dist/components/ToggleButtonGroup/index.js +2 -0
- package/dist/components/ToggleButtonGroup/index.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.js +7 -0
- package/dist/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/index.js +7 -0
- package/dist/components/index.js.map +1 -0
- package/dist/foundation/Elevation/index.js +66 -0
- package/dist/foundation/Elevation/index.js.map +1 -0
- package/dist/foundation/Elevation/utils.js +9 -0
- package/dist/foundation/Elevation/utils.js.map +1 -0
- package/dist/foundation/Typography/index.js +62 -0
- package/dist/foundation/Typography/index.js.map +1 -0
- package/dist/foundation/Typography/tokens.js +155 -0
- package/dist/foundation/Typography/tokens.js.map +1 -0
- package/dist/foundation/colors/base/blue.js +26 -0
- package/dist/foundation/colors/base/blue.js.map +1 -0
- package/dist/foundation/colors/base/green.js +26 -0
- package/dist/foundation/colors/base/green.js.map +1 -0
- package/dist/foundation/colors/base/grey.js +36 -0
- package/dist/foundation/colors/base/grey.js.map +1 -0
- package/dist/foundation/colors/base/index.js +12 -0
- package/dist/foundation/colors/base/index.js.map +1 -0
- package/dist/foundation/colors/base/lunitGreen.js +26 -0
- package/dist/foundation/colors/base/lunitGreen.js.map +1 -0
- package/dist/foundation/colors/base/lunitTeal.js +26 -0
- package/dist/foundation/colors/base/lunitTeal.js.map +1 -0
- package/dist/foundation/colors/base/magenta.js +26 -0
- package/dist/foundation/colors/base/magenta.js.map +1 -0
- package/dist/foundation/colors/base/opacity.js +7 -0
- package/dist/foundation/colors/base/opacity.js.map +1 -0
- package/dist/foundation/colors/base/orange.js +26 -0
- package/dist/foundation/colors/base/orange.js.map +1 -0
- package/dist/foundation/colors/base/purple.js +26 -0
- package/dist/foundation/colors/base/purple.js.map +1 -0
- package/dist/foundation/colors/base/red.js +26 -0
- package/dist/foundation/colors/base/red.js.map +1 -0
- package/dist/foundation/colors/base/yellow.js +26 -0
- package/dist/foundation/colors/base/yellow.js.map +1 -0
- package/dist/foundation/colors/index.js +188 -0
- package/dist/foundation/colors/index.js.map +1 -0
- package/dist/foundation/colors/token/component.js +449 -0
- package/dist/foundation/colors/token/component.js.map +1 -0
- package/dist/foundation/colors/token/core.js +199 -0
- package/dist/foundation/colors/token/core.js.map +1 -0
- package/dist/foundation/colors/token/index.js +3 -0
- package/dist/foundation/colors/token/index.js.map +1 -0
- package/dist/foundation/colors/token/types.js +2 -0
- package/dist/foundation/colors/token/types.js.map +1 -0
- package/dist/foundation/colors/types.js +2 -0
- package/dist/foundation/colors/types.js.map +1 -0
- package/dist/foundation/index.js +13 -0
- package/dist/foundation/index.js.map +1 -0
- package/dist/foundation/spacing.js +2 -0
- package/dist/foundation/spacing.js.map +1 -0
- package/dist/index.js +16 -1
- package/dist/index.js.map +1 -1
- package/dist/theme.js +34 -0
- package/dist/theme.js.map +1 -0
- package/dist/types/components/Chip/Chip.styled.d.ts +79 -0
- package/package.json +19 -10
- package/src/components/Alert/Alert.tsx +9 -0
- package/src/components/Alert/index.ts +1 -0
- package/src/components/Button/Button.styled.ts +220 -0
- package/src/components/Button/Button.tsx +54 -0
- package/src/components/Button/Button.types.ts +25 -0
- package/src/components/Button/const.ts +2 -0
- package/src/components/Button/index.ts +1 -0
- package/src/components/Button/utils/getButtonPaddingBySizeAndKind.ts +35 -0
- package/src/components/Button/utils/getIconButtonPaddingBySizeAndKind.ts +38 -0
- package/src/components/Checkbox/Checkbox.tsx +67 -0
- package/src/components/Checkbox/index.ts +1 -0
- package/src/components/Chip/Chip.styled.ts +162 -0
- package/src/components/Chip/Chip.tsx +132 -0
- package/src/components/Chip/Chip.types.ts +56 -0
- package/src/components/Chip/consts.ts +7 -0
- package/src/components/Chip/index.ts +1 -0
- package/src/components/DataTable/DataTable.tsx +8 -0
- package/src/components/DataTable/index.ts +1 -0
- package/src/components/DatePicker/DatePicker.tsx +8 -0
- package/src/components/DatePicker/index.ts +1 -0
- package/src/components/Dropdown/Dropdown.tsx +11 -0
- package/src/components/Dropdown/index.ts +1 -0
- package/src/components/FormLabel/FormLabel.styled.ts +8 -0
- package/src/components/FormLabel/FormLabel.tsx +9 -0
- package/src/components/FormLabel/index.ts +1 -0
- package/src/components/Modal/Modal.tsx +8 -0
- package/src/components/Modal/index.ts +1 -0
- package/src/components/Radio/Radio.tsx +58 -0
- package/src/components/Radio/index.ts +1 -0
- package/src/components/RadioGroup/index.ts +2 -0
- package/src/components/TextField/TextField.tsx +8 -0
- package/src/components/TextField/index.ts +1 -0
- package/src/components/Toggle/Toggle.styled.ts +162 -0
- package/src/components/Toggle/Toggle.tsx +18 -0
- package/src/components/Toggle/Toggle.types.ts +14 -0
- package/src/components/Toggle/index.ts +1 -0
- package/src/components/ToggleButton/ToggleButton.styled.ts +58 -0
- package/src/components/ToggleButton/ToggleButton.tsx +89 -0
- package/src/components/ToggleButton/ToggleButton.types.ts +28 -0
- package/src/components/ToggleButton/index.ts +1 -0
- package/src/components/ToggleButtonGroup/ToggleButtonGroup.tsx +13 -0
- package/src/components/ToggleButtonGroup/index.tsx +1 -0
- package/src/components/Tooltip/Tooltip.tsx +9 -0
- package/src/components/Tooltip/index.ts +1 -0
- package/src/components/index.ts +9 -0
- package/src/foundation/Elevation/index.ts +72 -0
- package/src/foundation/Elevation/utils.ts +11 -0
- package/src/foundation/Typography/index.ts +96 -0
- package/src/foundation/Typography/tokens.ts +162 -0
- package/src/foundation/colors/base/blue.ts +27 -0
- package/src/foundation/colors/base/green.ts +27 -0
- package/src/foundation/colors/base/grey.ts +36 -0
- package/src/foundation/colors/base/index.ts +11 -0
- package/src/foundation/colors/base/lunitGreen.ts +27 -0
- package/src/foundation/colors/base/lunitTeal.ts +27 -0
- package/src/foundation/colors/base/magenta.ts +27 -0
- package/src/foundation/colors/base/opacity.ts +6 -0
- package/src/foundation/colors/base/orange.ts +27 -0
- package/src/foundation/colors/base/purple.ts +27 -0
- package/src/foundation/colors/base/red.ts +27 -0
- package/src/foundation/colors/base/yellow.ts +27 -0
- package/src/foundation/colors/index.ts +235 -0
- package/src/foundation/colors/token/component.ts +456 -0
- package/src/foundation/colors/token/core.ts +204 -0
- package/src/foundation/colors/token/index.ts +2 -0
- package/src/foundation/colors/token/types.ts +8 -0
- package/src/foundation/colors/types.ts +85 -0
- package/src/foundation/index.ts +25 -0
- package/src/foundation/spacing.ts +3 -0
- package/src/index.ts +17 -0
- package/src/stories/components/Alert/Alert.stories.tsx +13 -0
- package/src/stories/components/Button/BasicButton.stories.tsx +177 -0
- package/src/stories/components/Button/IconButton.stories.tsx +128 -0
- package/src/stories/components/Button/Kind.stories.tsx +514 -0
- package/src/stories/components/Chip/Chip.stories.tsx +196 -0
- package/src/stories/components/DataTable/DataTable.stories.tsx +13 -0
- package/src/stories/components/DatePicker/DatePicker.stories.tsx +13 -0
- package/src/stories/components/Dropdown/Dropdown.stories.tsx +15 -0
- package/src/stories/components/Modal/Modal.stories.tsx +13 -0
- package/src/stories/components/SelectControl/Checkbox.stories.tsx +248 -0
- package/src/stories/components/SelectControl/RadioGroup.stories.tsx +67 -0
- package/src/stories/components/SelectControl/RadioStatus.stories.tsx +91 -0
- package/src/stories/components/SelectControl/Toggle.stories.tsx +429 -0
- package/src/stories/components/TextField/TextField.stories.tsx +13 -0
- package/src/stories/components/ToggleButton/Basic.stories.tsx +342 -0
- package/src/stories/components/ToggleButton/Group.stories.tsx +221 -0
- package/src/stories/components/ToggleButton/ToggleButtonKind.stories.tsx +698 -0
- package/src/stories/components/ToggleButton/WithIcon.stories.tsx +293 -0
- package/src/stories/components/Tooltip/Tooltip.stories.tsx +13 -0
- package/src/stories/foundation/Elevation/Elevation.stories.tsx +264 -0
- package/src/stories/foundation/Elevation/styled.ts +12 -0
- package/src/stories/foundation/Typography/Typography.stories.mdx +71 -0
- package/src/stories/foundation/Typography/Typography.stories.tsx +91 -0
- package/src/stories/foundation/Typography/TypographyGroup.tsx +71 -0
- package/src/stories/foundation/Typography/const.ts +25 -0
- package/src/stories/foundation/colors/Colors.stories.tsx +64 -0
- package/src/stories/foundation/colors/Token.inComponent.stories.tsx +167 -0
- package/src/stories/foundation/colors/Token.stories.tsx +190 -0
- package/src/stories/foundation/colors/styled.ts +39 -0
- package/src/theme.ts +41 -0
- package/src/types.d.ts +4 -0
- package/tsconfig.build.json +2 -0
- package/dist/components/Chip/Chip.styled.d.ts +0 -41
- package/dist/components/HelloWorld/HelloWorld.d.ts +0 -28
- package/webpack.config.js +0 -51
- /package/dist/{components → types/components}/Alert/Alert.d.ts +0 -0
- /package/dist/{components → types/components}/Alert/index.d.ts +0 -0
- /package/dist/{components → types/components}/Button/Button.d.ts +0 -0
- /package/dist/{components → types/components}/Button/Button.styled.d.ts +0 -0
- /package/dist/{components → types/components}/Button/Button.types.d.ts +0 -0
- /package/dist/{components → types/components}/Button/const.d.ts +0 -0
- /package/dist/{components → types/components}/Button/index.d.ts +0 -0
- /package/dist/{components → types/components}/Button/utils/getButtonPaddingBySizeAndKind.d.ts +0 -0
- /package/dist/{components → types/components}/Button/utils/getIconButtonPaddingBySizeAndKind.d.ts +0 -0
- /package/dist/{components → types/components}/Checkbox/Checkbox.d.ts +0 -0
- /package/dist/{components → types/components}/Checkbox/index.d.ts +0 -0
- /package/dist/{components → types/components}/Chip/Chip.d.ts +0 -0
- /package/dist/{components → types/components}/Chip/Chip.types.d.ts +0 -0
- /package/dist/{components → types/components}/Chip/consts.d.ts +0 -0
- /package/dist/{components → types/components}/Chip/index.d.ts +0 -0
- /package/dist/{components → types/components}/DataTable/DataTable.d.ts +0 -0
- /package/dist/{components → types/components}/DataTable/index.d.ts +0 -0
- /package/dist/{components → types/components}/DatePicker/DatePicker.d.ts +0 -0
- /package/dist/{components → types/components}/DatePicker/index.d.ts +0 -0
- /package/dist/{components → types/components}/Dropdown/Dropdown.d.ts +0 -0
- /package/dist/{components → types/components}/Dropdown/index.d.ts +0 -0
- /package/dist/{components → types/components}/FormLabel/FormLabel.d.ts +0 -0
- /package/dist/{components → types/components}/FormLabel/FormLabel.styled.d.ts +0 -0
- /package/dist/{components → types/components}/FormLabel/index.d.ts +0 -0
- /package/dist/{components → types/components}/Modal/Modal.d.ts +0 -0
- /package/dist/{components → types/components}/Modal/index.d.ts +0 -0
- /package/dist/{components → types/components}/Radio/Radio.d.ts +0 -0
- /package/dist/{components → types/components}/Radio/index.d.ts +0 -0
- /package/dist/{components → types/components}/RadioGroup/index.d.ts +0 -0
- /package/dist/{components → types/components}/TextField/TextField.d.ts +0 -0
- /package/dist/{components → types/components}/TextField/index.d.ts +0 -0
- /package/dist/{components → types/components}/Toggle/Toggle.d.ts +0 -0
- /package/dist/{components → types/components}/Toggle/Toggle.styled.d.ts +0 -0
- /package/dist/{components → types/components}/Toggle/Toggle.types.d.ts +0 -0
- /package/dist/{components → types/components}/Toggle/index.d.ts +0 -0
- /package/dist/{components → types/components}/ToggleButton/ToggleButton.d.ts +0 -0
- /package/dist/{components → types/components}/ToggleButton/ToggleButton.styled.d.ts +0 -0
- /package/dist/{components → types/components}/ToggleButton/ToggleButton.types.d.ts +0 -0
- /package/dist/{components → types/components}/ToggleButton/index.d.ts +0 -0
- /package/dist/{components → types/components}/ToggleButtonGroup/ToggleButtonGroup.d.ts +0 -0
- /package/dist/{components → types/components}/ToggleButtonGroup/index.d.ts +0 -0
- /package/dist/{components → types/components}/Tooltip/Tooltip.d.ts +0 -0
- /package/dist/{components → types/components}/Tooltip/index.d.ts +0 -0
- /package/dist/{components → types/components}/index.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/Elevation/index.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/Elevation/utils.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/Typography/index.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/Typography/tokens.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/blue.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/green.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/grey.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/index.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/lunitGreen.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/lunitTeal.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/magenta.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/opacity.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/orange.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/purple.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/red.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/base/yellow.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/index.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/token/component.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/token/core.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/token/index.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/token/types.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/colors/types.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/index.d.ts +0 -0
- /package/dist/{foundation → types/foundation}/spacing.d.ts +0 -0
- /package/dist/{index.d.ts → types/index.d.ts} +0 -0
- /package/dist/{theme.d.ts → types/theme.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { StyledFormControlLabel } from "./FormLabel.styled";
|
|
3
|
+
const FormLabel = (props) => {
|
|
4
|
+
return _jsx(StyledFormControlLabel, { ...props });
|
|
5
|
+
};
|
|
6
|
+
export default FormLabel;
|
|
7
|
+
//# sourceMappingURL=FormLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,SAAS,GAAG,CAAC,KAA4B,EAAE,EAAE;IACjD,OAAO,KAAC,sBAAsB,OAAK,KAAK,GAAI,CAAC;AAC/C,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FormControlLabel, styled } from "@mui/material";
|
|
2
|
+
export const StyledFormControlLabel = styled(FormControlLabel)(({ theme }) => ({
|
|
3
|
+
marginLeft: 0,
|
|
4
|
+
'& .MuiTypography-root': {
|
|
5
|
+
marginLeft: theme.spacing(2),
|
|
6
|
+
}
|
|
7
|
+
}));
|
|
8
|
+
//# sourceMappingURL=FormLabel.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormLabel.styled.js","sourceRoot":"","sources":["../../../src/components/FormLabel/FormLabel.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,UAAU,EAAE,CAAC;IACb,uBAAuB,EAAE;QACvB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7B;CACF,CAAC,CAAC,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
export { default } from "./FormLabel";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,KAAK,GAAG,GAAG,EAAE;IACjB,OAAO,KAAC,GAAG,wBAAY,CAAC;AAC1B,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
export { default } from "./Modal";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { styled } from "@mui/material/styles";
|
|
3
|
+
import MuiRadio from "@mui/material/Radio";
|
|
4
|
+
const CustomRadio = styled(MuiRadio)(({ theme }) => ({
|
|
5
|
+
padding: 0,
|
|
6
|
+
"&.Mui-disabled": {
|
|
7
|
+
opacity: 0.38,
|
|
8
|
+
},
|
|
9
|
+
"&.Mui-focusVisible:after": {
|
|
10
|
+
content: '""',
|
|
11
|
+
position: "absolute",
|
|
12
|
+
display: "block",
|
|
13
|
+
width: 24,
|
|
14
|
+
height: 24,
|
|
15
|
+
backgroundColor: theme.palette.token.core.focused,
|
|
16
|
+
maskImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath" +
|
|
17
|
+
" fill-rule='evenodd' clip-rule='evenodd' d='M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 " +
|
|
18
|
+
"5.37258 0 12C0 18.6274 5.37258 24 12 24Z' /%3E%3C/svg%3E\")",
|
|
19
|
+
},
|
|
20
|
+
}));
|
|
21
|
+
const iconSize = {
|
|
22
|
+
width: 20,
|
|
23
|
+
height: 20,
|
|
24
|
+
};
|
|
25
|
+
const DefaultIcon = styled("span")(({ theme }) => ({
|
|
26
|
+
...iconSize,
|
|
27
|
+
backgroundColor: theme.palette.token.component.selectcontrol_off,
|
|
28
|
+
maskImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath" +
|
|
29
|
+
" fill-rule='evenodd' clip-rule='evenodd' d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 " +
|
|
30
|
+
"10 17.5ZM10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z' /%3E%3C/svg%3E\")",
|
|
31
|
+
}));
|
|
32
|
+
const CheckedIcon = styled("span")(({ theme }) => ({
|
|
33
|
+
...iconSize,
|
|
34
|
+
backgroundColor: theme.palette.token.component.selectcontrol_on,
|
|
35
|
+
maskImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath" +
|
|
36
|
+
" fill-rule='evenodd' clip-rule='evenodd' d='M10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5C7.23858 5 5" +
|
|
37
|
+
" 7.23858 5 10C5 12.7614 7.23858 15 10 15ZM10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z' /%3E%3C/svg%3E\")",
|
|
38
|
+
}));
|
|
39
|
+
const Radio = (props) => {
|
|
40
|
+
return (_jsx(CustomRadio, { disableRipple: true, icon: _jsx(DefaultIcon, {}), checkedIcon: _jsx(CheckedIcon, {}), ...props }));
|
|
41
|
+
};
|
|
42
|
+
export default Radio;
|
|
43
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,QAAwB,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,OAAO,EAAE,CAAC;IACV,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI;KACd;IACD,0BAA0B,EAAE;QAC1B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;QACjD,SAAS,EACP,gHAAgH;YAChH,wOAAwO;YACxO,6DAA6D;KAChE;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,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB;IAChE,SAAS,EACP,gHAAgH;QAChH,iLAAiL;QACjL,8IAA8I;CACjJ,CAAC,CAAC,CAAC;AAEJ,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjD,GAAG,QAAQ;IACX,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB;IAC/D,SAAS,EACP,gHAAgH;QAChH,sHAAsH;QACtH,+KAA+K;CAClL,CAAC,CAAC,CAAC;AAEJ,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClC,OAAO,CACL,KAAC,WAAW,IACV,aAAa,QACb,IAAI,EAAE,KAAC,WAAW,KAAG,EACrB,WAAW,EAAE,KAAC,WAAW,KAAG,KACxB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
export { default } from "./Radio";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import RadioGroup from "@mui/material/RadioGroup";
|
|
2
|
+
export default RadioGroup;
|
|
2
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,KAAC,GAAG,4BAAgB,CAAC;AAC9B,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
export { default } from "./TextField";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { CommonToggle, CommonIndeterminateToggle } from './Toggle.styled';
|
|
3
|
+
const Toggle = (props) => {
|
|
4
|
+
const { size = "medium", indeterminate = false, disableRipple, ...switchProps } = props;
|
|
5
|
+
if (indeterminate) {
|
|
6
|
+
const { checked: _, ...restProps } = switchProps;
|
|
7
|
+
// can't use checked props with indeterminate
|
|
8
|
+
return _jsx(CommonIndeterminateToggle, { toggleSize: size, checked: true, focusRipple: false, disableRipple: disableRipple, ...restProps });
|
|
9
|
+
}
|
|
10
|
+
return _jsx(CommonToggle, { toggleSize: size, focusRipple: false, disableRipple: disableRipple, ...switchProps });
|
|
11
|
+
};
|
|
12
|
+
export default Toggle;
|
|
13
|
+
//# sourceMappingURL=Toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAIzE,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EAAE,IAAI,GAAG,QAAQ,EAAE,aAAa,GAAG,KAAK,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAA;IAEvF,IAAI,aAAa,EAAE;QACjB,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;QACjD,6CAA6C;QAC3C,OAAO,KAAC,yBAAyB,IAAC,UAAU,EAAE,IAAI,EAAE,OAAO,QAAC,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,KAAM,SAAS,GAAI,CAAA;KAClI;IAED,OAAQ,KAAC,YAAY,IAAC,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,KAAM,WAAW,GAAG,CAAA;AAC9G,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { styled, Switch as MuiSwitch } from "@mui/material";
|
|
2
|
+
const toggleStyles = {
|
|
3
|
+
medium: {
|
|
4
|
+
root: {
|
|
5
|
+
width: 28,
|
|
6
|
+
height: 18,
|
|
7
|
+
borderRadius: 9,
|
|
8
|
+
},
|
|
9
|
+
focus: {
|
|
10
|
+
width: 34,
|
|
11
|
+
height: 24,
|
|
12
|
+
borderRadius: 12,
|
|
13
|
+
},
|
|
14
|
+
switch: {
|
|
15
|
+
transition: "all 100ms ease-in-out",
|
|
16
|
+
},
|
|
17
|
+
switchChecked: {
|
|
18
|
+
transform: 'translateX(10px)',
|
|
19
|
+
},
|
|
20
|
+
thumb: {
|
|
21
|
+
width: 14,
|
|
22
|
+
height: 14,
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
large: {
|
|
26
|
+
root: {
|
|
27
|
+
width: 44,
|
|
28
|
+
height: 24,
|
|
29
|
+
borderRadius: 12,
|
|
30
|
+
},
|
|
31
|
+
focus: {
|
|
32
|
+
width: 50,
|
|
33
|
+
height: 30,
|
|
34
|
+
borderRadius: 14,
|
|
35
|
+
},
|
|
36
|
+
switch: {
|
|
37
|
+
transition: "all 150ms ease-in-out",
|
|
38
|
+
},
|
|
39
|
+
switchChecked: {
|
|
40
|
+
transform: 'translateX(20px)',
|
|
41
|
+
},
|
|
42
|
+
thumb: {
|
|
43
|
+
width: 20,
|
|
44
|
+
height: 20,
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
const indeterminateStyles = {
|
|
49
|
+
large: {
|
|
50
|
+
switchChecked: {
|
|
51
|
+
top: 8,
|
|
52
|
+
left: -8,
|
|
53
|
+
},
|
|
54
|
+
track: {
|
|
55
|
+
borderRadius: 12,
|
|
56
|
+
},
|
|
57
|
+
thumb: {
|
|
58
|
+
height: 4,
|
|
59
|
+
width: 16,
|
|
60
|
+
borderRadius: 2,
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
medium: {
|
|
64
|
+
switchChecked: {
|
|
65
|
+
top: 6,
|
|
66
|
+
left: -4,
|
|
67
|
+
},
|
|
68
|
+
track: {
|
|
69
|
+
borderRadius: 12,
|
|
70
|
+
},
|
|
71
|
+
thumb: {
|
|
72
|
+
height: 2,
|
|
73
|
+
width: 12,
|
|
74
|
+
borderRadius: 2,
|
|
75
|
+
},
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
export const CommonToggle = styled(MuiSwitch, {
|
|
79
|
+
shouldForwardProp: (props) => props !== 'toggleSize',
|
|
80
|
+
})(({ theme, toggleSize, disabled }) => {
|
|
81
|
+
const checkedColor = theme.palette.token.component.selectcontrol_on;
|
|
82
|
+
const uncheckedColor = theme.palette.token.component.selectcontrol_off;
|
|
83
|
+
const handlerColor = theme.palette.token.component.selectcontrol_handler;
|
|
84
|
+
const toggleStyle = toggleStyles[toggleSize];
|
|
85
|
+
const toggleOpacity = disabled ? 0.38 : 1;
|
|
86
|
+
return {
|
|
87
|
+
...toggleStyle.root,
|
|
88
|
+
display: 'flex',
|
|
89
|
+
padding: 0,
|
|
90
|
+
overflow: "visible",
|
|
91
|
+
backgroundColor: "transparent",
|
|
92
|
+
opacity: toggleOpacity,
|
|
93
|
+
"& .Mui-focusVisible": {
|
|
94
|
+
// clear default focus style
|
|
95
|
+
boxShadow: "none",
|
|
96
|
+
background: "transparent",
|
|
97
|
+
borderColor: "transparent",
|
|
98
|
+
outline: "none",
|
|
99
|
+
"& + .MuiSwitch-track::after": {
|
|
100
|
+
...toggleStyle.focus,
|
|
101
|
+
content: '""',
|
|
102
|
+
position: "absolute",
|
|
103
|
+
border: `1px solid ${checkedColor}`,
|
|
104
|
+
boxSizing: "border-box",
|
|
105
|
+
top: -3,
|
|
106
|
+
left: -3, // border 1px + offset 2px
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
'& .MuiSwitch-track': {
|
|
110
|
+
opacity: 1,
|
|
111
|
+
borderRadius: 12,
|
|
112
|
+
backgroundColor: uncheckedColor,
|
|
113
|
+
},
|
|
114
|
+
'& .MuiSwitch-thumb': {
|
|
115
|
+
...toggleStyle.thumb,
|
|
116
|
+
boxShadow: "0px 0px 1px rgba(0, 0, 0, 0.4)",
|
|
117
|
+
},
|
|
118
|
+
'& .MuiSwitch-switchBase': {
|
|
119
|
+
...toggleStyle.switch,
|
|
120
|
+
padding: 2,
|
|
121
|
+
opacity: 1,
|
|
122
|
+
'&.Mui-checked': {
|
|
123
|
+
...toggleStyle.switchChecked,
|
|
124
|
+
color: handlerColor,
|
|
125
|
+
'& + .MuiSwitch-track': {
|
|
126
|
+
opacity: 1,
|
|
127
|
+
backgroundColor: checkedColor,
|
|
128
|
+
},
|
|
129
|
+
},
|
|
130
|
+
},
|
|
131
|
+
'& .Mui-disabled + .MuiSwitch-track': {
|
|
132
|
+
opacity: 1,
|
|
133
|
+
},
|
|
134
|
+
};
|
|
135
|
+
});
|
|
136
|
+
export const CommonIndeterminateToggle = styled(CommonToggle, {
|
|
137
|
+
shouldForwardProp: (props) => props !== 'toggleSize',
|
|
138
|
+
})(({ toggleSize }) => {
|
|
139
|
+
const indeterminateStyle = indeterminateStyles[toggleSize];
|
|
140
|
+
return {
|
|
141
|
+
padding: 0,
|
|
142
|
+
cursor: "pointer",
|
|
143
|
+
'& .MuiSwitch-switchBase.Mui-checked': {
|
|
144
|
+
...indeterminateStyle.switchChecked,
|
|
145
|
+
'& + .MuiSwitch-track': {
|
|
146
|
+
...indeterminateStyle.track,
|
|
147
|
+
},
|
|
148
|
+
},
|
|
149
|
+
'& .MuiSwitch-thumb': {
|
|
150
|
+
...indeterminateStyle.thumb,
|
|
151
|
+
boxShadow: "none",
|
|
152
|
+
},
|
|
153
|
+
};
|
|
154
|
+
});
|
|
155
|
+
//# sourceMappingURL=Toggle.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.styled.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.types.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
export { default } from "./Toggle";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/Toggle/index.js","mappings":"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","sources":["webpack://@lunit/design-system/external commonjs \"@mui/material\"","webpack://@lunit/design-system/external commonjs \"react/jsx-runtime\"","webpack://@lunit/design-system/webpack/bootstrap","webpack://@lunit/design-system/webpack/runtime/define property getters","webpack://@lunit/design-system/webpack/runtime/hasOwnProperty shorthand","webpack://@lunit/design-system/webpack/runtime/make namespace object","webpack://@lunit/design-system/./src/components/Toggle/Toggle.styled.ts","webpack://@lunit/design-system/./src/components/Toggle/Toggle.tsx"],"sourcesContent":["module.exports = require(\"@mui/material\");","module.exports = require(\"react/jsx-runtime\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { styled, Switch as MuiSwitch, SwitchProps } from \"@mui/material\";\ninterface ToggleProps extends SwitchProps {\n toggleSize: 'medium' | 'large'\n}\n\nconst toggleStyles = {\n medium: {\n root: {\n width: 28,\n height: 18,\n borderRadius: 9,\n },\n focus: {\n width: 34,\n height: 24,\n borderRadius: 12,\n },\n switch: {\n transition: \"all 100ms ease-in-out\",\n },\n switchChecked: {\n transform: 'translateX(10px)',\n },\n thumb: {\n width: 14,\n height: 14,\n }\n },\n large: {\n root:{\n width: 44,\n height: 24,\n borderRadius: 12,\n },\n focus: {\n width: 50,\n height: 30,\n borderRadius: 14,\n },\n switch: {\n transition: \"all 150ms ease-in-out\",\n },\n switchChecked: {\n transform: 'translateX(20px)',\n },\n thumb: {\n width: 20,\n height: 20,\n },\n },\n}\n\nconst indeterminateStyles = {\n large: {\n switchChecked: {\n top: 8,\n left: -8,\n },\n track: {\n borderRadius: 12,\n },\n thumb: {\n height: 4,\n width: 16,\n borderRadius: 2,\n },\n },\n medium: {\n switchChecked: {\n top: 6,\n left: -4,\n },\n track: {\n borderRadius: 12,\n },\n thumb: {\n height: 2,\n width: 12,\n borderRadius: 2,\n },\n }\n}\n\nexport const CommonToggle = styled(MuiSwitch, {\n shouldForwardProp: (props) => props !== 'toggleSize',\n})<ToggleProps>(({ theme, toggleSize, disabled }) => {\n const checkedColor = theme.palette.token.component.selectcontrol_on;\n const uncheckedColor = theme.palette.token.component.selectcontrol_off;\n const handlerColor = theme.palette.token.component.selectcontrol_handler;\n\n const toggleStyle = toggleStyles[toggleSize];\n const toggleOpacity = disabled ? 0.38 : 1;\n\n return {\n ...toggleStyle.root,\n display: 'flex',\n padding: 0,\n overflow: \"visible\",\n backgroundColor: \"transparent\",\n opacity: toggleOpacity,\n \"& .Mui-focusVisible\": {\n // clear default focus style\n boxShadow: \"none\",\n background: \"transparent\",\n borderColor: \"transparent\",\n outline: \"none\",\n \"& + .MuiSwitch-track::after\": {\n ...toggleStyle.focus,\n content: '\"\"',\n position: \"absolute\",\n border: `1px solid ${checkedColor}`,\n boxSizing: \"border-box\",\n top: -3, // border 1px + offset 2px\n left: -3, // border 1px + offset 2px\n }\n },\n '& .MuiSwitch-track': {\n opacity: 1,\n borderRadius: 12,\n backgroundColor: uncheckedColor,\n },\n '& .MuiSwitch-thumb': {\n ...toggleStyle.thumb,\n boxShadow: \"0px 0px 1px rgba(0, 0, 0, 0.4)\",\n },\n '& .MuiSwitch-switchBase': {\n ...toggleStyle.switch,\n padding: 2,\n opacity: 1,\n '&.Mui-checked': {\n ...toggleStyle.switchChecked,\n color: handlerColor,\n '& + .MuiSwitch-track': {\n opacity: 1,\n backgroundColor: checkedColor,\n },\n },\n },\n '& .Mui-disabled + .MuiSwitch-track': {\n opacity: 1,\n },\n }});\n\nexport const CommonIndeterminateToggle = styled(CommonToggle, {\n shouldForwardProp: (props) => props !== 'toggleSize',\n})(({ toggleSize }) => {\n const indeterminateStyle = indeterminateStyles[toggleSize];\n\n return {\n padding: 0,\n cursor: \"pointer\",\n '& .MuiSwitch-switchBase.Mui-checked': {\n ...indeterminateStyle.switchChecked,\n '& + .MuiSwitch-track': {\n ...indeterminateStyle.track,\n },\n },\n '& .MuiSwitch-thumb': {\n ...indeterminateStyle.thumb,\n boxShadow: \"none\",\n },\n}});\n","import React from 'react'\nimport { CommonToggle, CommonIndeterminateToggle } from './Toggle.styled'\nimport type { ToggleProps } from './Toggle.types'\n\n\nconst Toggle = (props: ToggleProps) => {\n const { size = \"medium\", indeterminate = false, disableRipple, ...switchProps } = props\n\n if (indeterminate) {\n const { checked: _, ...restProps } = switchProps;\n // can't use checked props with indeterminate\n return <CommonIndeterminateToggle toggleSize={size} checked focusRipple={false} disableRipple={disableRipple} {...restProps} />\n }\n\n return <CommonToggle toggleSize={size} focusRipple={false} disableRipple={disableRipple} {...switchProps}/>\n}\n\nexport default Toggle\n"],"names":["module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","toggleStyles","medium","root","width","height","borderRadius","focus","switch","transition","switchChecked","transform","thumb","large","indeterminateStyles","top","left","track","CommonToggle","styled","shouldForwardProp","props","theme","toggleSize","disabled","checkedColor","palette","token","component","selectcontrol_on","uncheckedColor","selectcontrol_off","handlerColor","selectcontrol_handler","toggleStyle","toggleOpacity","display","padding","overflow","backgroundColor","opacity","boxShadow","background","borderColor","outline","content","position","border","boxSizing","color","CommonIndeterminateToggle","indeterminateStyle","cursor","size","indeterminate","disableRipple","switchProps","restProps","checked","focusRipple"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { CustomToggleButton, IconAndChildrenWrapper, } from "./ToggleButton.styled";
|
|
3
|
+
const ToggleButton = (props) => {
|
|
4
|
+
const { kind = "contained", size = "small", color = "primary", selectedColor = "primary", className = "", icon, selected, children, ...buttonProps } = props;
|
|
5
|
+
const hasIconOnly = Boolean(icon && !children);
|
|
6
|
+
const excludeToggleGroupClass = className
|
|
7
|
+
.replace("MuiToggleButtonGroup-grouped", "")
|
|
8
|
+
.replace("MuiToggleButtonGroup-groupedHorizontal", "");
|
|
9
|
+
return (_jsx(_Fragment, { children: kind === "contained" || kind === "ghost" ? (_jsx(CustomToggleButton, { className: `${kind} ${excludeToggleGroupClass}`, selected: selected, kind: kind, color: color, size: size, hasIconOnly: hasIconOnly, selectedColor: selectedColor, disableRipple: true, disableFocusRipple: true, ...buttonProps, children: !hasIconOnly ? (_jsx(_Fragment, { children: icon ? (_jsxs(IconAndChildrenWrapper, { children: [icon, children] })) : (children) })) : (icon) })) : (_jsx(CustomToggleButton, { className: `outlined ${excludeToggleGroupClass}`, selected: selected, kind: "outlined", color: "primary", size: size, hasIconOnly: hasIconOnly, selectedColor: selectedColor, disableRipple: true, disableFocusRipple: true, ...buttonProps, children: !hasIconOnly ? (_jsx(_Fragment, { children: icon ? (_jsxs(IconAndChildrenWrapper, { children: [icon, children] })) : (children) })) : (icon) })) }));
|
|
10
|
+
};
|
|
11
|
+
export default ToggleButton;
|
|
12
|
+
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,MAAM,EACJ,IAAI,GAAG,WAAW,EAClB,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,SAAS,EACjB,aAAa,GAAG,SAAS,EACzB,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,WAAW,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,uBAAuB,GAAG,SAAS;SACtC,OAAO,CAAC,8BAA8B,EAAE,EAAE,CAAC;SAC3C,OAAO,CAAC,wCAAwC,EAAE,EAAE,CAAC,CAAC;IAEzD,OAAO,CACL,4BACG,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAC1C,KAAC,kBAAkB,IACjB,SAAS,EAAE,GAAG,IAAI,IAAI,uBAAuB,EAAE,EAC/C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,aAAa,QACb,kBAAkB,WACd,WAAW,YAEd,CAAC,WAAW,CAAC,CAAC,CAAC,CACd,4BACG,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,sBAAsB,eACpB,IAAI,EACJ,QAAQ,IACc,CAC1B,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACA,CACJ,CAAC,CAAC,CAAC,CACF,IAAI,CACL,GACkB,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,IACjB,SAAS,EAAE,YAAY,uBAAuB,EAAE,EAChD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,aAAa,QACb,kBAAkB,WACd,WAAW,YAEd,CAAC,WAAW,CAAC,CAAC,CAAC,CACd,4BACG,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,sBAAsB,eACpB,IAAI,EACJ,QAAQ,IACc,CAC1B,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACA,CACJ,CAAC,CAAC,CAAC,CACF,IAAI,CACL,GACkB,CACtB,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { styled } from "@mui/material/styles";
|
|
2
|
+
import { ToggleButton as MuiToggleButton } from "@mui/material";
|
|
3
|
+
import { commonStyle, sizeStyle, kindStyle, iconStyle, } from "../Button/Button.styled";
|
|
4
|
+
export const CustomToggleButton = styled(MuiToggleButton, {
|
|
5
|
+
shouldForwardProp: (prop) => {
|
|
6
|
+
return !["icon", "kind", "selectedColor", "hasIconOnly"].includes(prop);
|
|
7
|
+
},
|
|
8
|
+
})(({ theme: { typography, palette: { token }, }, kind, size, color, selectedColor, hasIconOnly, selected, }) => {
|
|
9
|
+
return {
|
|
10
|
+
border: "none",
|
|
11
|
+
...commonStyle({ token }),
|
|
12
|
+
...iconStyle({ size, hasIconOnly }),
|
|
13
|
+
...sizeStyle({ size, kind, hasIconOnly, selected, typography }),
|
|
14
|
+
...kindStyle({ kind, color, token }),
|
|
15
|
+
...(selectedColor === "primary" && {
|
|
16
|
+
"&.Mui-selected, &.Mui-selected:hover": {
|
|
17
|
+
border: "none",
|
|
18
|
+
backgroundColor: token.component.btn_selected_primary_bg,
|
|
19
|
+
color: token.component.btn_selected_primary_text,
|
|
20
|
+
},
|
|
21
|
+
}),
|
|
22
|
+
...(selectedColor === "secondary" && {
|
|
23
|
+
"&.Mui-selected, &.Mui-selected:hover": {
|
|
24
|
+
border: "none",
|
|
25
|
+
backgroundColor: token.component.btn_selected_secondary_bg,
|
|
26
|
+
color: token.component.btn_selected_secondary_text,
|
|
27
|
+
},
|
|
28
|
+
}),
|
|
29
|
+
};
|
|
30
|
+
});
|
|
31
|
+
export const IconAndChildrenWrapper = styled("div")({
|
|
32
|
+
display: "flex",
|
|
33
|
+
alignItems: "center",
|
|
34
|
+
});
|
|
35
|
+
//# sourceMappingURL=ToggleButton.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButton.styled.js","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhE,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,GACV,MAAM,yBAAyB,CAAC;AAIjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,eAAe,EAAE;IACxD,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE;QAClC,OAAO,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1E,CAAC;CACF,CAAC,CACA,CAAC,EACC,KAAK,EAAE,EACL,UAAU,EACV,OAAO,EAAE,EAAE,KAAK,EAAE,GACnB,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,aAAa,EACb,WAAW,EACX,QAAQ,GACT,EAAE,EAAE;IACH,OAAO;QACL,MAAM,EAAE,MAAM;QACd,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC;QACzB,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;QACnC,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;QAC/D,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QACpC,GAAG,CAAC,aAAa,KAAK,SAAS,IAAI;YACjC,sCAAsC,EAAE;gBACtC,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB;gBACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,yBAAyB;aACjD;SACF,CAAC;QACF,GAAG,CAAC,aAAa,KAAK,WAAW,IAAI;YACnC,sCAAsC,EAAE;gBACtC,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,yBAAyB;gBAC1D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,2BAA2B;aACnD;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButton.types.js","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
export { default } from "./ToggleButton";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|