@lunit/design-system 1.0.0-a.5 → 1.0.0-b.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/README.md +1 -1
- 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/Radio/index.js +1 -1
- package/dist/cjs/components/Radio/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/Typography/index.js +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.styled.js +2 -2
- package/dist/components/Alert/Alert.styled.js.map +1 -1
- package/dist/components/Alert/Alert.utils.js +12 -12
- package/dist/components/Alert/Alert.utils.js.map +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.styled.js +36 -36
- package/dist/components/Button/Button.styled.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +4 -4
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/Chip/Chip.styled.js +15 -15
- package/dist/components/Chip/Chip.styled.js.map +1 -1
- package/dist/components/Radio/Radio.js +3 -3
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/TextField/TextField.js +16 -12
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/TextField/TextField.style.js +30 -32
- package/dist/components/TextField/TextField.style.js.map +1 -1
- package/dist/components/Toast/Toast.styled.js +3 -3
- package/dist/components/Toast/Toast.styled.js.map +1 -1
- package/dist/components/Toast/Toast.utils.js +4 -4
- package/dist/components/Toast/Toast.utils.js.map +1 -1
- package/dist/components/Toggle/Toggle.styled.js +20 -20
- package/dist/components/Toggle/Toggle.styled.js.map +1 -1
- package/dist/components/ToggleButton/ToggleButton.styled.js +7 -7
- package/dist/components/ToggleButton/ToggleButton.styled.js.map +1 -1
- package/dist/components/Typography/Typography.js +7 -0
- package/dist/components/Typography/Typography.js.map +1 -0
- package/dist/components/Typography/index.js +1 -2
- package/dist/components/Typography/index.js.map +1 -1
- package/dist/foundation/Elevation/index.js +4 -4
- package/dist/foundation/Elevation/index.js.map +1 -1
- package/dist/foundation/colors/index.js +3 -2
- package/dist/foundation/colors/index.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/theme.js +3 -2
- package/dist/theme.js.map +1 -1
- package/dist/types/components/Button/Button.d.ts +2 -2
- package/dist/types/components/Button/Button.styled.d.ts +7 -7
- package/dist/types/components/Button/Button.types.d.ts +11 -1
- package/dist/types/components/Chip/Chip.d.ts +2 -2
- package/dist/types/components/Chip/Chip.styled.d.ts +4 -4
- package/dist/types/components/Chip/Chip.types.d.ts +7 -1
- package/dist/types/components/TextField/TextField.d.ts +3 -2
- package/dist/types/components/Toggle/Toggle.styled.d.ts +1 -1
- package/dist/types/components/Typography/Typography.d.ts +11 -0
- package/dist/types/components/Typography/index.d.ts +1 -7
- package/dist/types/foundation/colors/index.d.ts +9 -6
- package/dist/types/foundation/index.d.ts +3 -2
- package/dist/types/index.d.ts +1 -1
- package/dist/types/theme.d.ts +2 -0
- package/package.json +1 -1
- package/src/components/Alert/Alert.styled.ts +2 -2
- package/src/components/Alert/Alert.utils.ts +12 -12
- package/src/components/Button/Button.styled.ts +37 -37
- package/src/components/Button/Button.tsx +2 -2
- package/src/components/Button/Button.types.ts +19 -1
- package/src/components/Checkbox/Checkbox.tsx +4 -4
- package/src/components/Chip/Chip.styled.ts +15 -15
- package/src/components/Chip/Chip.tsx +10 -2
- package/src/components/Chip/Chip.types.ts +15 -1
- package/src/components/Radio/Radio.tsx +3 -3
- package/src/components/TextField/TextField.style.ts +31 -33
- package/src/components/TextField/TextField.tsx +55 -47
- package/src/components/Toast/Toast.styled.ts +3 -3
- package/src/components/Toast/Toast.utils.ts +4 -4
- package/src/components/Toggle/Toggle.styled.ts +42 -39
- package/src/components/ToggleButton/ToggleButton.styled.ts +7 -7
- package/src/components/Typography/Typography.tsx +18 -0
- package/src/components/Typography/index.ts +1 -9
- package/src/foundation/Elevation/index.ts +4 -4
- package/src/foundation/colors/index.ts +31 -26
- package/src/index.ts +1 -1
- package/src/stories/components/Alert/Alert.stories.tsx +1 -1
- package/src/stories/components/Button/BasicButton.stories.tsx +1 -3
- package/src/stories/components/TextField/TextFieldMulti.stories.tsx +6 -0
- package/src/stories/components/TextField/TextFieldSingle.stories.tsx +24 -0
- package/src/stories/foundation/Typography/TypographyGroup.tsx +1 -1
- package/src/stories/foundation/colors/Colors.stories.tsx +3 -3
- package/src/stories/foundation/colors/Token.inComponent.stories.tsx +21 -19
- package/src/stories/foundation/colors/TokenPaletteTable.tsx +6 -4
- package/src/stories/foundation/colors/styled.ts +1 -1
- package/src/theme.ts +5 -3
|
@@ -37,11 +37,11 @@ export const StyledAlertTitle = styled(MuiAlertTitle)(({ theme }) => ({
|
|
|
37
37
|
fontWeight: 700,
|
|
38
38
|
fontSize: "14px",
|
|
39
39
|
lineHeight: "20px",
|
|
40
|
-
color: theme.palette.
|
|
40
|
+
color: theme.palette.lunit_token.core.text_normal,
|
|
41
41
|
},
|
|
42
42
|
}));
|
|
43
43
|
export const StyledAlertChildren = styled("div")(({ theme }) => ({
|
|
44
|
-
color: theme.palette.
|
|
44
|
+
color: theme.palette.lunit_token.core.text_normal,
|
|
45
45
|
}));
|
|
46
46
|
export const StyledBottomAction = styled("div")({
|
|
47
47
|
marginTop: "12px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.styled.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,QAAQ,EACjB,UAAU,IAAI,aAAa,EAC3B,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,YAAY,GACb,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CACzC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxB,iBAAiB,EAAE;QACjB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,aAAa,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE;QACtD,eAAe,EAAE,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC;QACpD,SAAS,EAAE,MAAM;KAClB;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,KAAK;QACd,WAAW,EAAE,GAAG;QAChB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,GAAG,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa;KACrD;IACD,qBAAqB,EAAE;QACrB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,aAAa;KACtB;IACD,oBAAoB,EAAE;QACpB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;KACX;IACD,oBAAoB,EAAE;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpE,sBAAsB,EAAE;QACtB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"Alert.styled.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,QAAQ,EACjB,UAAU,IAAI,aAAa,EAC3B,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,YAAY,GACb,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CACzC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxB,iBAAiB,EAAE;QACjB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,aAAa,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE;QACtD,eAAe,EAAE,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC;QACpD,SAAS,EAAE,MAAM;KAClB;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,KAAK;QACd,WAAW,EAAE,GAAG;QAChB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,GAAG,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa;KACrD;IACD,qBAAqB,EAAE;QACrB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,aAAa;KACtB;IACD,oBAAoB,EAAE;QACpB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;KACX;IACD,oBAAoB,EAAE;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpE,sBAAsB,EAAE;QACtB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW;KAClD;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW;CAClD,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC"}
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
export const getBackgroundColor = (theme, severity) => {
|
|
2
2
|
switch (severity) {
|
|
3
3
|
case "info":
|
|
4
|
-
return theme.palette.
|
|
4
|
+
return theme.palette.lunit_token.component.alert_info_bg;
|
|
5
5
|
case "warning":
|
|
6
|
-
return theme.palette.
|
|
6
|
+
return theme.palette.lunit_token.component.alert_warning_bg;
|
|
7
7
|
case "error":
|
|
8
|
-
return theme.palette.
|
|
8
|
+
return theme.palette.lunit_token.component.alert_error_bg;
|
|
9
9
|
default:
|
|
10
|
-
return theme.palette.
|
|
10
|
+
return theme.palette.lunit_token.component.alert_success_bg;
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
export const getBorderColor = (theme, severity) => {
|
|
14
14
|
switch (severity) {
|
|
15
15
|
case "info":
|
|
16
|
-
return theme.palette.
|
|
16
|
+
return theme.palette.lunit_token.component.alert_info_border;
|
|
17
17
|
case "warning":
|
|
18
|
-
return theme.palette.
|
|
18
|
+
return theme.palette.lunit_token.component.alert_warning_border;
|
|
19
19
|
case "error":
|
|
20
|
-
return theme.palette.
|
|
20
|
+
return theme.palette.lunit_token.component.alert_error_border;
|
|
21
21
|
default:
|
|
22
|
-
return theme.palette.
|
|
22
|
+
return theme.palette.lunit_token.component.alert_success_border;
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
export const getIconColor = (theme, severity) => {
|
|
26
26
|
switch (severity) {
|
|
27
27
|
case "info":
|
|
28
|
-
return theme.palette.
|
|
28
|
+
return theme.palette.lunit_token.core.icon_info_02;
|
|
29
29
|
case "warning":
|
|
30
|
-
return theme.palette.
|
|
30
|
+
return theme.palette.lunit_token.core.icon_warning_02;
|
|
31
31
|
case "error":
|
|
32
|
-
return theme.palette.
|
|
32
|
+
return theme.palette.lunit_token.core.icon_error_02;
|
|
33
33
|
default:
|
|
34
|
-
return theme.palette.
|
|
34
|
+
return theme.palette.lunit_token.core.icon_success_02;
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
//# sourceMappingURL=Alert.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.utils.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAY,EACZ,QAAgC,EAChC,EAAE;IACF,QAAQ,QAAQ,EAAE;QAChB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"Alert.utils.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAY,EACZ,QAAgC,EAChC,EAAE;IACF,QAAQ,QAAQ,EAAE;QAChB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC;QAC3D,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC;QAC9D,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC;QAC5D;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC;KAC/D;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAY,EACZ,QAAgC,EAChC,EAAE;IACF,QAAQ,QAAQ,EAAE;QAChB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC;QAC/D,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,oBAAoB,CAAC;QAClE,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,kBAAkB,CAAC;QAChE;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,oBAAoB,CAAC;KACnE;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAY,EACZ,QAAgC,EAChC,EAAE;IACF,QAAQ,QAAQ,EAAE;QAChB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;QACrD,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC;QACxD,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC;QACtD;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC;KACzD;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,MAAM,MAAM,GAAe,CAAC,KAAkB,EAAE,EAAE;IAChD,MAAM,EACJ,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IAE/C,OAAO,CACL,4BAEG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAC3B,KAAC,YAAY,OACP,WAAW,EACf,SAAS,EAAE,YAAY,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EACnD,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,WAAW,YAEvB,CAAC,WAAW,IAAI,4BAAG,QAAQ,GAAI,GACnB,CAChB,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,OACP,WAAW,EACf,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,WAAW,IACrC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC1B,EAAE,EACF,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,WAAW,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,WAAW,YAEvB,CAAC,WAAW,IAAI,4BAAG,QAAQ,GAAI,GACnB,CAChB,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -12,7 +12,7 @@ export const sizeStyle = ({ size, kind, hasIconOnly, typography, selected = fals
|
|
|
12
12
|
? getIconButtonPaddingBySizeAndKind({ kind, size, selected })
|
|
13
13
|
: getButtonPaddingBySizeAndKind({ kind, size, selected })}`,
|
|
14
14
|
minWidth: "28px",
|
|
15
|
-
|
|
15
|
+
height: "28px",
|
|
16
16
|
}),
|
|
17
17
|
...(size === "medium" && {
|
|
18
18
|
...typography.button2,
|
|
@@ -20,7 +20,7 @@ export const sizeStyle = ({ size, kind, hasIconOnly, typography, selected = fals
|
|
|
20
20
|
? getIconButtonPaddingBySizeAndKind({ kind, size, selected })
|
|
21
21
|
: getButtonPaddingBySizeAndKind({ kind, size, selected })}`,
|
|
22
22
|
minWidth: "36px",
|
|
23
|
-
|
|
23
|
+
height: "36px",
|
|
24
24
|
}),
|
|
25
25
|
...(size === "large" && {
|
|
26
26
|
...typography.button1,
|
|
@@ -28,82 +28,82 @@ export const sizeStyle = ({ size, kind, hasIconOnly, typography, selected = fals
|
|
|
28
28
|
? getIconButtonPaddingBySizeAndKind({ kind, size, selected })
|
|
29
29
|
: getButtonPaddingBySizeAndKind({ kind, size, selected })}`,
|
|
30
30
|
minWidth: "44px",
|
|
31
|
-
|
|
31
|
+
height: "44px",
|
|
32
32
|
}),
|
|
33
33
|
});
|
|
34
|
-
export const kindStyle = ({ kind, color,
|
|
34
|
+
export const kindStyle = ({ kind, color, lunit_token }) => ({
|
|
35
35
|
// kind: container
|
|
36
36
|
...(kind === "contained" &&
|
|
37
37
|
color === "primary" && {
|
|
38
|
-
color:
|
|
39
|
-
backgroundColor:
|
|
40
|
-
"&:hover": getHoverStyle(
|
|
38
|
+
color: lunit_token.component.btn_primary_text_2,
|
|
39
|
+
backgroundColor: lunit_token.component.btn_primary_bg,
|
|
40
|
+
"&:hover": getHoverStyle(lunit_token.component.btn_primary_bg),
|
|
41
41
|
"&.Mui-disabled": {
|
|
42
42
|
opacity: 0.38,
|
|
43
43
|
border: "none",
|
|
44
|
-
color:
|
|
44
|
+
color: lunit_token.component.btn_primary_text_2,
|
|
45
45
|
},
|
|
46
46
|
}),
|
|
47
47
|
...(kind === "contained" &&
|
|
48
48
|
color === "secondary" && {
|
|
49
|
-
color:
|
|
50
|
-
backgroundColor:
|
|
51
|
-
"&:hover": getHoverStyle(
|
|
49
|
+
color: lunit_token.component.btn_secondary_text,
|
|
50
|
+
backgroundColor: lunit_token.component.btn_secondary_bg,
|
|
51
|
+
"&:hover": getHoverStyle(lunit_token.component.btn_secondary_bg),
|
|
52
52
|
"&.Mui-disabled": {
|
|
53
53
|
opacity: 0.38,
|
|
54
54
|
border: "none",
|
|
55
|
-
color:
|
|
55
|
+
color: lunit_token.component.btn_secondary_text,
|
|
56
56
|
},
|
|
57
57
|
}),
|
|
58
58
|
...(kind === "contained" &&
|
|
59
59
|
color === "error" && {
|
|
60
|
-
color:
|
|
61
|
-
backgroundColor:
|
|
62
|
-
"&:hover": getHoverStyle(
|
|
60
|
+
color: lunit_token.component.btn_primary_text_2,
|
|
61
|
+
backgroundColor: lunit_token.component.btn_error_bg,
|
|
62
|
+
"&:hover": getHoverStyle(lunit_token.component.btn_error_bg),
|
|
63
63
|
"&.Mui-disabled": {
|
|
64
64
|
opacity: 0.38,
|
|
65
65
|
border: "none",
|
|
66
|
-
color:
|
|
66
|
+
color: lunit_token.component.btn_primary_text_2,
|
|
67
67
|
},
|
|
68
68
|
}),
|
|
69
69
|
// kind: ghost
|
|
70
70
|
...(kind === "ghost" &&
|
|
71
71
|
color === "primary" && {
|
|
72
|
-
color:
|
|
72
|
+
color: lunit_token.component.btn_primary_text_1,
|
|
73
73
|
border: "none",
|
|
74
74
|
"&:hover": getHoverStyle("none"),
|
|
75
75
|
"&.Mui-disabled": {
|
|
76
76
|
opacity: 0.38,
|
|
77
77
|
border: "none",
|
|
78
|
-
color:
|
|
78
|
+
color: lunit_token.component.btn_primary_text_1,
|
|
79
79
|
},
|
|
80
80
|
}),
|
|
81
81
|
...(kind === "ghost" &&
|
|
82
82
|
color === "secondary" && {
|
|
83
|
-
color:
|
|
83
|
+
color: lunit_token.component.btn_secondary_text,
|
|
84
84
|
border: "none",
|
|
85
85
|
"&:hover": getHoverStyle("none"),
|
|
86
86
|
"&.Mui-disabled": {
|
|
87
87
|
opacity: 0.38,
|
|
88
88
|
border: "none",
|
|
89
|
-
color:
|
|
89
|
+
color: lunit_token.component.btn_secondary_text,
|
|
90
90
|
},
|
|
91
91
|
}),
|
|
92
92
|
...(kind === "ghost" &&
|
|
93
93
|
color === "error" && {
|
|
94
|
-
color:
|
|
94
|
+
color: lunit_token.component.btn_error_text,
|
|
95
95
|
"&:hover": getHoverStyle("none"),
|
|
96
96
|
"&.Mui-disabled": {
|
|
97
97
|
opacity: 0.38,
|
|
98
98
|
border: "none",
|
|
99
|
-
color:
|
|
99
|
+
color: lunit_token.component.btn_error_text,
|
|
100
100
|
},
|
|
101
101
|
}),
|
|
102
102
|
// kind: outlined
|
|
103
103
|
...(kind === "outlined" &&
|
|
104
104
|
color === "primary" && {
|
|
105
|
-
color:
|
|
106
|
-
border: `${OUTLINED_BORDER_WIDTH}px solid ${
|
|
105
|
+
color: lunit_token.component.btn_primary_text_1,
|
|
106
|
+
border: `${OUTLINED_BORDER_WIDTH}px solid ${lunit_token.component.btn_primary_border}`,
|
|
107
107
|
"&:hover": getHoverStyle("none"),
|
|
108
108
|
"&:hover:before": {
|
|
109
109
|
content: "''",
|
|
@@ -113,18 +113,18 @@ export const kindStyle = ({ kind, color, token }) => ({
|
|
|
113
113
|
width: "calc(100% + 2px)",
|
|
114
114
|
height: "calc(100% + 2px)",
|
|
115
115
|
zIndex: -1,
|
|
116
|
-
backgroundColor:
|
|
116
|
+
backgroundColor: lunit_token.core.hover,
|
|
117
117
|
borderRadius,
|
|
118
118
|
},
|
|
119
119
|
"&.Mui-disabled": {
|
|
120
120
|
opacity: 0.38,
|
|
121
|
-
color:
|
|
121
|
+
color: lunit_token.component.btn_primary_text_1,
|
|
122
122
|
},
|
|
123
123
|
}),
|
|
124
124
|
...(kind === "outlined" &&
|
|
125
125
|
color === "secondary" && {
|
|
126
|
-
color:
|
|
127
|
-
border: `${OUTLINED_BORDER_WIDTH}px solid ${
|
|
126
|
+
color: lunit_token.component.btn_secondary_text,
|
|
127
|
+
border: `${OUTLINED_BORDER_WIDTH}px solid ${lunit_token.component.btn_secondary_border}`,
|
|
128
128
|
"&:hover": getHoverStyle("none"),
|
|
129
129
|
"&:hover:before": {
|
|
130
130
|
content: "''",
|
|
@@ -134,16 +134,16 @@ export const kindStyle = ({ kind, color, token }) => ({
|
|
|
134
134
|
width: "calc(100% + 2px)",
|
|
135
135
|
height: "calc(100% + 2px)",
|
|
136
136
|
zIndex: -1,
|
|
137
|
-
backgroundColor:
|
|
137
|
+
backgroundColor: lunit_token.core.hover,
|
|
138
138
|
borderRadius,
|
|
139
139
|
},
|
|
140
140
|
"&.Mui-disabled": {
|
|
141
141
|
opacity: 0.38,
|
|
142
|
-
color:
|
|
142
|
+
color: lunit_token.component.btn_secondary_text,
|
|
143
143
|
},
|
|
144
144
|
}),
|
|
145
145
|
});
|
|
146
|
-
export const commonStyle = ({
|
|
146
|
+
export const commonStyle = ({ lunit_token }) => ({
|
|
147
147
|
fontWeight: "500",
|
|
148
148
|
borderRadius,
|
|
149
149
|
textTransform: "initial",
|
|
@@ -154,7 +154,7 @@ export const commonStyle = ({ token }) => ({
|
|
|
154
154
|
height: `calc(100% + ${PADDING_OF_FOCUS}px)`,
|
|
155
155
|
content: '""',
|
|
156
156
|
borderRadius: "11px",
|
|
157
|
-
border: `1px solid ${
|
|
157
|
+
border: `1px solid ${lunit_token.core.focused}`,
|
|
158
158
|
boxSizing: "border-box",
|
|
159
159
|
},
|
|
160
160
|
},
|
|
@@ -166,7 +166,7 @@ export const commonStyle = ({ token }) => ({
|
|
|
166
166
|
width: "100%",
|
|
167
167
|
height: "100%",
|
|
168
168
|
zIndex: -1,
|
|
169
|
-
backgroundColor:
|
|
169
|
+
backgroundColor: lunit_token.core.hover,
|
|
170
170
|
borderRadius,
|
|
171
171
|
},
|
|
172
172
|
});
|
|
@@ -192,10 +192,10 @@ export const CustomButton = styled(MuiButton, {
|
|
|
192
192
|
shouldForwardProp: (prop) => {
|
|
193
193
|
return !["kind", "hasIconOnly"].includes(prop);
|
|
194
194
|
},
|
|
195
|
-
})(({ theme: { typography, palette: {
|
|
196
|
-
...commonStyle({
|
|
195
|
+
})(({ theme: { typography, palette: { lunit_token }, }, kind, size, color, hasIconOnly, }) => ({
|
|
196
|
+
...commonStyle({ lunit_token }),
|
|
197
197
|
...iconStyle({ size, hasIconOnly }),
|
|
198
198
|
...sizeStyle({ size, kind, hasIconOnly, typography }),
|
|
199
|
-
...kindStyle({ kind, color,
|
|
199
|
+
...kindStyle({ kind, color, lunit_token }),
|
|
200
200
|
}));
|
|
201
201
|
//# sourceMappingURL=Button.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styled.js","sourceRoot":"","sources":["../../../src/components/Button/Button.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AACtF,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAkBlD,MAAM,YAAY,GAAG,KAAK,CAAC;AAE3B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,UAAU,EACV,QAAQ,GAAG,KAAK,GACA,EAAE,EAAE,CAAC,CAAC;IACtB,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI;QACtB,GAAG,UAAU,CAAC,OAAO;QACrB,OAAO,EAAE,GACP,WAAW;YACT,CAAC,CAAC,iCAAiC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC7D,CAAC,CAAC,6BAA6B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAC5D,EAAE;QACF,QAAQ,EAAE,MAAM;QAChB,
|
|
1
|
+
{"version":3,"file":"Button.styled.js","sourceRoot":"","sources":["../../../src/components/Button/Button.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ const CustomCheckbox = styled(MuiCheckbox)(({ theme }) => ({
|
|
|
13
13
|
position: "absolute",
|
|
14
14
|
width: 24,
|
|
15
15
|
height: 24,
|
|
16
|
-
border: `1px solid ${theme.palette.
|
|
16
|
+
border: `1px solid ${theme.palette.lunit_token.core.focused}`,
|
|
17
17
|
borderRadius: "7px",
|
|
18
18
|
},
|
|
19
19
|
}));
|
|
@@ -23,21 +23,21 @@ const iconSize = {
|
|
|
23
23
|
};
|
|
24
24
|
const DefaultIcon = styled("span")(({ theme }) => ({
|
|
25
25
|
...iconSize,
|
|
26
|
-
backgroundColor: theme.palette.
|
|
26
|
+
backgroundColor: theme.palette.lunit_token.component.selectcontrol_off,
|
|
27
27
|
maskImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath" +
|
|
28
28
|
" fill-rule='evenodd' clip-rule='evenodd' d='M14 1.5H4C2.61929 1.5 1.5 2.61929 1.5 4V14C1.5 15.3807 2.61929 16.5 4 16.5H14C15.3807 " +
|
|
29
29
|
"16.5 16.5 15.3807 16.5 14V4C16.5 2.61929 15.3807 1.5 14 1.5ZM4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 14 0H4Z' /%3E%3C/svg%3E\")",
|
|
30
30
|
}));
|
|
31
31
|
const CheckedIcon = styled("span")(({ theme }) => ({
|
|
32
32
|
...iconSize,
|
|
33
|
-
backgroundColor: theme.palette.
|
|
33
|
+
backgroundColor: theme.palette.lunit_token.component.selectcontrol_on,
|
|
34
34
|
maskImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath" +
|
|
35
35
|
" fill-rule='evenodd' clip-rule='evenodd' d='M4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 14 0H4ZM14.2516 " +
|
|
36
36
|
"7.14413C14.6074 6.72168 14.5533 6.09083 14.1309 5.73508C13.7084 5.37933 13.0776 5.43341 12.7218 5.85586L8.31824 11.0851L5.14993 8.37556C4.7302 8.01661 4.09895 8.06588 3.74 8.48561C3.38105 8.90533 3.43032 9.53658 3.85005 9.89553L7.78416 13.26C7.98672 13.4332 8.25006 13.5184 8.51571 13.4967C8.78135 13.4749 9.02732 13.348 9.19901 13.1441L14.2516 7.14413Z' /%3E%3C/svg%3E\")",
|
|
37
37
|
}));
|
|
38
38
|
const IndeterminateIcon = styled("span")(({ theme }) => ({
|
|
39
39
|
...iconSize,
|
|
40
|
-
backgroundColor: theme.palette.
|
|
40
|
+
backgroundColor: theme.palette.lunit_token.component.selectcontrol_on,
|
|
41
41
|
maskImage: "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath" +
|
|
42
42
|
" fill-rule='evenodd' clip-rule='evenodd' d='M4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 " +
|
|
43
43
|
"14 0H4ZM4 8C3.44772 8 3 8.44771 3 9C3 9.5523 3.44771 10 4 10H14C14.5523 10 15 9.5523 15 9C15 8.44772 14.5523 8 14 8H4Z' /%3E%3C/svg%3E\")",
|
|
@@ -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,
|
|
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,OAAO,EAAE;QAC7D,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,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,iBAAiB;IACtE,SAAS,EACP,gHAAgH;QAChH,oIAAoI;QACpI,wMAAwM;CAC3M,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,WAAW,CAAC,SAAS,CAAC,gBAAgB;IACrE,SAAS,EACP,gHAAgH;QAChH,8KAA8K;QAC9K,sXAAsX;CACzX,CAAC,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvD,GAAG,QAAQ;IACX,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,gBAAgB;IACrE,SAAS,EACP,gHAAgH;QAChH,8JAA8J;QAC9J,2IAA2I;CAC9I,CAAC,CAAC,CAAC;AAEJ,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"}
|
|
@@ -47,7 +47,7 @@ const ReadOnlyContainedChip = (props) => {
|
|
|
47
47
|
} }));
|
|
48
48
|
};
|
|
49
49
|
const EnableContainedChip = (props) => {
|
|
50
|
-
const { color = "primary", thumbnail, onClick, sx, ...restProps } = props;
|
|
50
|
+
const { color = "primary", thumbnail, onDelete, onClick, sx, ...restProps } = props;
|
|
51
51
|
return (_jsx(StyledContainedChipEnable, { ...restProps, onClick: onClick, avatar: getAvatar(thumbnail), icon: getIcon(thumbnail), color: color, sx: {
|
|
52
52
|
"& .MuiChip-label": {
|
|
53
53
|
...getLabelMargin(thumbnail),
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,33 +22,33 @@ const getColorToken = (token, theme, color) => {
|
|
|
22
22
|
if (token === "text") {
|
|
23
23
|
switch (color) {
|
|
24
24
|
case CHIP_COLORS.PRIMARY:
|
|
25
|
-
return theme.palette.
|
|
25
|
+
return theme.palette.lunit_token.component.chip_primary_text;
|
|
26
26
|
case CHIP_COLORS.SECONDARY:
|
|
27
|
-
return theme.palette.
|
|
27
|
+
return theme.palette.lunit_token.component.chip_secondary_text;
|
|
28
28
|
case CHIP_COLORS.ERROR:
|
|
29
|
-
return theme.palette.
|
|
29
|
+
return theme.palette.lunit_token.component.chip_error_text;
|
|
30
30
|
case CHIP_COLORS.WARNING:
|
|
31
|
-
return theme.palette.
|
|
31
|
+
return theme.palette.lunit_token.component.chip_warning_text;
|
|
32
32
|
case CHIP_COLORS.SUCCESS:
|
|
33
|
-
return theme.palette.
|
|
33
|
+
return theme.palette.lunit_token.component.chip_success_text;
|
|
34
34
|
default:
|
|
35
|
-
return theme.palette.
|
|
35
|
+
return theme.palette.lunit_token.component.chip_primary_text;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
else {
|
|
39
39
|
switch (color) {
|
|
40
40
|
case CHIP_COLORS.PRIMARY:
|
|
41
|
-
return theme.palette.
|
|
41
|
+
return theme.palette.lunit_token.component.chip_primary_bg;
|
|
42
42
|
case CHIP_COLORS.SECONDARY:
|
|
43
|
-
return theme.palette.
|
|
43
|
+
return theme.palette.lunit_token.component.chip_secondary_bg;
|
|
44
44
|
case CHIP_COLORS.ERROR:
|
|
45
|
-
return theme.palette.
|
|
45
|
+
return theme.palette.lunit_token.component.chip_error_bg;
|
|
46
46
|
case CHIP_COLORS.WARNING:
|
|
47
|
-
return theme.palette.
|
|
47
|
+
return theme.palette.lunit_token.component.chip_warning_bg;
|
|
48
48
|
case CHIP_COLORS.SUCCESS:
|
|
49
|
-
return theme.palette.
|
|
49
|
+
return theme.palette.lunit_token.component.chip_success_bg;
|
|
50
50
|
default:
|
|
51
|
-
return theme.palette.
|
|
51
|
+
return theme.palette.lunit_token.component.chip_primary_bg;
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
};
|
|
@@ -65,7 +65,7 @@ export const StyledContainedChipBase = styled(MuiChip, {
|
|
|
65
65
|
})(() => ({ theme, color }) => ({
|
|
66
66
|
...COMMON_STYLES,
|
|
67
67
|
...theme.typography.caption,
|
|
68
|
-
color: theme.palette.
|
|
68
|
+
color: theme.palette.lunit_token.core.text_normal,
|
|
69
69
|
backgroundColor: getColorToken("bg", theme, color),
|
|
70
70
|
"& .MuiSvgIcon-root": {
|
|
71
71
|
marginBlock: "3px",
|
|
@@ -115,7 +115,7 @@ export const StyledContainedChipEnable = styled(StyledContainedChipBase, {
|
|
|
115
115
|
left: 0,
|
|
116
116
|
right: 0,
|
|
117
117
|
bottom: 0,
|
|
118
|
-
backgroundColor: theme.palette.
|
|
118
|
+
backgroundColor: theme.palette.lunit_token.core.hover,
|
|
119
119
|
borderRadius: "11px",
|
|
120
120
|
},
|
|
121
121
|
}));
|
|
@@ -132,7 +132,7 @@ export const StyledContainedChipDeletable = styled(StyledContainedChipBase)(() =
|
|
|
132
132
|
right: 0,
|
|
133
133
|
bottom: 0,
|
|
134
134
|
opacity: 0,
|
|
135
|
-
color: theme.palette.
|
|
135
|
+
color: theme.palette.lunit_token.core.hover,
|
|
136
136
|
":hover": {
|
|
137
137
|
cursor: "pointer",
|
|
138
138
|
opacity: 1,
|
|
@@ -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,gBAAgB,EAAE;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,MAAM;KAClB;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,QAAQ;QACnB,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CACpB,KAAoB,EACpB,KAAY,EACZ,KAAiB,EACjB,EAAE;IACF,IAAI,KAAK,KAAK,MAAM,EAAE;QACpB,QAAQ,KAAK,EAAE;YACb,KAAK,WAAW,CAAC,OAAO;gBACtB,OAAO,KAAK,CAAC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"Chip.styled.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ const CustomRadio = styled(MuiRadio)(({ theme }) => ({
|
|
|
12
12
|
display: "block",
|
|
13
13
|
width: 24,
|
|
14
14
|
height: 24,
|
|
15
|
-
backgroundColor: theme.palette.
|
|
15
|
+
backgroundColor: theme.palette.lunit_token.core.focused,
|
|
16
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
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
18
|
"5.37258 0 12C0 18.6274 5.37258 24 12 24Z' /%3E%3C/svg%3E\")",
|
|
@@ -24,14 +24,14 @@ const iconSize = {
|
|
|
24
24
|
};
|
|
25
25
|
const DefaultIcon = styled("span")(({ theme }) => ({
|
|
26
26
|
...iconSize,
|
|
27
|
-
backgroundColor: theme.palette.
|
|
27
|
+
backgroundColor: theme.palette.lunit_token.component.selectcontrol_off,
|
|
28
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
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
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
31
|
}));
|
|
32
32
|
const CheckedIcon = styled("span")(({ theme }) => ({
|
|
33
33
|
...iconSize,
|
|
34
|
-
backgroundColor: theme.palette.
|
|
34
|
+
backgroundColor: theme.palette.lunit_token.component.selectcontrol_on,
|
|
35
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
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
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\")",
|
|
@@ -1 +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,
|
|
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,WAAW,CAAC,IAAI,CAAC,OAAO;QACvD,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,WAAW,CAAC,SAAS,CAAC,iBAAiB;IACtE,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,WAAW,CAAC,SAAS,CAAC,gBAAgB;IACrE,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,19 +1,23 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
2
3
|
import TextFieldIcon from "./TextFieldIcon";
|
|
3
4
|
import { BaseTextField } from "./TextField.style";
|
|
4
|
-
const SingleTextField = (props) => {
|
|
5
|
-
const { size = "small", leftIcon, rightIcon, leftIconSx, rightIconSx, onLeftIconClick, onRightIconClick, ...restProps } = props;
|
|
6
|
-
return (_jsx(BaseTextField, { ...restProps, textFieldSize: size, hasLeftIcon: Boolean(leftIcon), hasRightIcon: Boolean(rightIcon), InputProps: {
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
const SingleTextField = forwardRef((props, ref) => {
|
|
6
|
+
const { size = "small", leftIcon, rightIcon, leftIconSx, rightIconSx, onLeftIconClick, onRightIconClick, InputProps, ...restProps } = props;
|
|
7
|
+
return (_jsx(BaseTextField, { ...restProps, ref: ref, textFieldSize: size, hasLeftIcon: Boolean(leftIcon), hasRightIcon: Boolean(rightIcon), InputProps: {
|
|
8
|
+
...{
|
|
9
|
+
startAdornment: leftIcon && (_jsx(TextFieldIcon, { sx: { marginRight: "4px", ...leftIconSx }, icon: leftIcon, onIconClick: onLeftIconClick })),
|
|
10
|
+
endAdornment: rightIcon && (_jsx(TextFieldIcon, { sx: { marginLeft: "4px", ...rightIconSx }, icon: rightIcon, onIconClick: onRightIconClick })),
|
|
11
|
+
},
|
|
12
|
+
...InputProps,
|
|
9
13
|
} }));
|
|
10
|
-
};
|
|
11
|
-
const MultiTextField = ({ size = "small", onChange, ...restProps }) => {
|
|
12
|
-
return _jsx(BaseTextField, { ...restProps, textFieldSize: size, multiline: true });
|
|
13
|
-
};
|
|
14
|
-
const TextField = (props) => {
|
|
14
|
+
});
|
|
15
|
+
const MultiTextField = forwardRef(({ size = "small", onChange, ...restProps }, ref) => {
|
|
16
|
+
return (_jsx(BaseTextField, { ...restProps, ref: ref, textFieldSize: size, multiline: true }));
|
|
17
|
+
});
|
|
18
|
+
const TextField = forwardRef((props, ref) => {
|
|
15
19
|
const { rows, size, multiline = false, variant = "outlined", ...restProps } = props;
|
|
16
|
-
return multiline ? (_jsx(MultiTextField, { ...restProps, maxRows: Infinity, size: size, variant: variant, rows: rows })) : (_jsx(SingleTextField, { ...restProps, size: size, variant: variant }));
|
|
17
|
-
};
|
|
20
|
+
return multiline ? (_jsx(MultiTextField, { ...restProps, ref: ref, maxRows: Infinity, size: size, variant: variant, rows: rows })) : (_jsx(SingleTextField, { ...restProps, ref: ref, size: size, variant: variant }));
|
|
21
|
+
});
|
|
18
22
|
export default TextField;
|
|
19
23
|
//# sourceMappingURL=TextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQlD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,aAAa,OACR,SAAS,EACb,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,IAAI,EACnB,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC9B,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,EAChC,UAAU,EAAE;YACV,GAAG;gBACD,cAAc,EAAE,QAAQ,IAAI,CAC1B,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EACzC,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,eAAe,GAC5B,CACH;gBACD,YAAY,EAAE,SAAS,IAAI,CACzB,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,EACzC,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,gBAAgB,GAC7B,CACH;aACF;YACD,GAAG,UAAU;SACd,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IAClD,OAAO,CACL,KAAC,aAAa,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,SAAG,CAC1E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,UAAU,EACpB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,cAAc,OACT,SAAS,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAC3E,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|