@lunit/design-system 1.0.0-a.2 → 1.0.0-a.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 +16 -0
- 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/Chip/index.js +1 -1
- package/dist/cjs/components/Chip/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/ToggleButton/index.js +1 -1
- package/dist/cjs/components/ToggleButton/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 +16 -4
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Alert/Alert.styled.js +48 -0
- package/dist/components/Alert/Alert.styled.js.map +1 -0
- package/dist/components/Alert/Alert.types.js +2 -0
- package/dist/components/Alert/Alert.types.js.map +1 -0
- package/dist/components/Alert/Alert.utils..js +38 -0
- package/dist/components/Alert/Alert.utils..js.map +1 -0
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.styled.js +31 -21
- package/dist/components/Button/Button.styled.js.map +1 -1
- package/dist/components/Button/utils/getHoverStyle.js +7 -0
- package/dist/components/Button/utils/getHoverStyle.js.map +1 -0
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/Chip/Chip.styled.js +2 -3
- package/dist/components/Chip/Chip.styled.js.map +1 -1
- package/dist/components/TextField/TextField.js +15 -3
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/TextField/TextField.style.js +245 -0
- package/dist/components/TextField/TextField.style.js.map +1 -0
- package/dist/components/TextField/TextField.types.js +2 -0
- package/dist/components/TextField/TextField.types.js.map +1 -0
- package/dist/components/TextField/TextFieldIcon.js +7 -0
- package/dist/components/TextField/TextFieldIcon.js.map +1 -0
- package/dist/components/Toast/Toast.js +26 -0
- package/dist/components/Toast/Toast.js.map +1 -0
- package/dist/components/Toast/Toast.styled.js +49 -0
- package/dist/components/Toast/Toast.styled.js.map +1 -0
- package/dist/components/Toast/Toast.types.js +2 -0
- package/dist/components/Toast/Toast.types.js.map +1 -0
- package/dist/components/Toast/Toast.utils.js +14 -0
- package/dist/components/Toast/Toast.utils.js.map +1 -0
- package/dist/components/Toast/index.js +2 -0
- package/dist/components/Toast/index.js.map +1 -0
- package/dist/foundation/colors/base/grey.js +16 -0
- package/dist/foundation/colors/base/grey.js.map +1 -1
- package/dist/foundation/colors/base/lunitGreen.js +2 -2
- package/dist/foundation/colors/base/lunitGreen.js.map +1 -1
- package/dist/foundation/colors/base/lunitTeal.js +5 -5
- package/dist/foundation/colors/base/lunitTeal.js.map +1 -1
- package/dist/foundation/colors/base/red.js +2 -2
- package/dist/foundation/colors/index.js +24 -4
- package/dist/foundation/colors/index.js.map +1 -1
- package/dist/foundation/colors/token/component.js +265 -291
- package/dist/foundation/colors/token/component.js.map +1 -1
- package/dist/foundation/colors/token/core.js +132 -125
- package/dist/foundation/colors/token/core.js.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/theme.js +5 -0
- package/dist/theme.js.map +1 -1
- package/dist/types/components/Alert/Alert.d.ts +3 -1
- package/dist/types/components/Alert/Alert.styled.d.ts +6 -0
- package/dist/types/components/Alert/Alert.types.d.ts +9 -0
- package/dist/types/components/Alert/Alert.utils..d.ts +4 -0
- package/dist/types/components/Button/Button.d.ts +1 -1
- package/dist/types/components/Button/Button.styled.d.ts +26 -2
- package/dist/types/components/Button/Button.types.d.ts +4 -4
- package/dist/types/components/Button/utils/getHoverStyle.d.ts +6 -0
- package/dist/types/components/Chip/Chip.styled.d.ts +9 -9
- package/dist/types/components/Chip/Chip.types.d.ts +1 -1
- package/dist/types/components/TextField/TextField.d.ts +2 -1
- package/dist/types/components/TextField/TextField.style.d.ts +9 -0
- package/dist/types/components/TextField/TextField.types.d.ts +29 -0
- package/dist/types/components/TextField/TextFieldIcon.d.ts +8 -0
- package/dist/types/components/TextField/index.d.ts +1 -0
- package/dist/types/components/Toast/Toast.d.ts +4 -0
- package/dist/types/components/Toast/Toast.styled.d.ts +1 -0
- package/dist/types/components/Toast/Toast.types.d.ts +4 -0
- package/dist/types/components/Toast/Toast.utils.d.ts +2 -0
- package/dist/types/components/Toast/index.d.ts +1 -0
- package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts +1 -1
- package/dist/types/components/ToggleButton/ToggleButton.types.d.ts +4 -4
- package/dist/types/foundation/colors/base/grey.d.ts +16 -0
- package/dist/types/foundation/colors/base/lunitGreen.d.ts +2 -2
- package/dist/types/foundation/colors/base/lunitTeal.d.ts +2 -2
- package/dist/types/foundation/colors/index.d.ts +42 -9
- package/dist/types/foundation/colors/types.d.ts +1 -3
- package/dist/types/foundation/index.d.ts +37 -5
- package/dist/types/index.d.ts +1 -0
- package/package.json +21 -16
- package/src/components/Alert/Alert.styled.ts +60 -0
- package/src/components/Alert/Alert.tsx +49 -5
- package/src/components/Alert/Alert.types.ts +10 -0
- package/src/components/Alert/Alert.utils..ts +41 -0
- package/src/components/Button/Button.styled.ts +33 -21
- package/src/components/Button/Button.tsx +1 -5
- package/src/components/Button/Button.types.ts +4 -4
- package/src/components/Button/utils/getHoverStyle.ts +7 -0
- package/src/components/Chip/Chip.styled.ts +6 -4
- package/src/components/Chip/Chip.tsx +1 -1
- package/src/components/Chip/Chip.types.ts +2 -2
- package/src/components/TextField/TextField.style.ts +316 -0
- package/src/components/TextField/TextField.tsx +75 -3
- package/src/components/TextField/TextField.types.ts +38 -0
- package/src/components/TextField/TextFieldIcon.tsx +24 -0
- package/src/components/TextField/index.ts +6 -0
- package/src/components/Toast/Toast.styled.ts +49 -0
- package/src/components/Toast/Toast.tsx +66 -0
- package/src/components/Toast/Toast.types.ts +14 -0
- package/src/components/Toast/Toast.utils.ts +15 -0
- package/src/components/Toast/index.tsx +1 -0
- package/src/components/ToggleButton/ToggleButton.types.ts +4 -7
- package/src/foundation/colors/base/grey.ts +17 -0
- package/src/foundation/colors/base/lunitGreen.ts +2 -2
- package/src/foundation/colors/base/lunitTeal.ts +5 -5
- package/src/foundation/colors/base/red.ts +2 -2
- package/src/foundation/colors/index.ts +29 -8
- package/src/foundation/colors/token/component.ts +300 -326
- package/src/foundation/colors/token/core.ts +152 -145
- package/src/foundation/colors/types.ts +1 -3
- package/src/index.ts +1 -0
- package/src/stories/components/Alert/Alert.stories.tsx +148 -4
- package/src/stories/components/Button/BasicButton.stories.tsx +19 -28
- package/src/stories/components/Button/IconButton.stories.tsx +39 -28
- package/src/stories/components/Button/Kind.stories.tsx +83 -57
- package/src/stories/components/Chip/Chip.stories.tsx +94 -82
- package/src/stories/components/DataTable/DataTable.stories.tsx +6 -4
- package/src/stories/components/DatePicker/DatePicker.stories.tsx +6 -4
- package/src/stories/components/Dropdown/Dropdown.stories.tsx +12 -6
- package/src/stories/components/Modal/Modal.stories.tsx +6 -4
- package/src/stories/components/SelectControl/Checkbox.stories.tsx +31 -23
- package/src/stories/components/SelectControl/RadioGroup.stories.tsx +6 -5
- package/src/stories/components/SelectControl/RadioStatus.stories.tsx +6 -4
- package/src/stories/components/SelectControl/Toggle.stories.tsx +33 -19
- package/src/stories/components/TextField/TextFieldMulti.stories.tsx +137 -0
- package/src/stories/components/TextField/TextFieldSingle.stories.tsx +283 -0
- package/src/stories/components/TextField/TextFieldSize.stories.tsx +134 -0
- package/src/stories/components/Toast/Toast.stories.tsx +152 -0
- package/src/stories/components/ToggleButton/Basic.stories.tsx +35 -31
- package/src/stories/components/ToggleButton/Group.stories.tsx +21 -21
- package/src/stories/components/ToggleButton/ToggleButtonKind.stories.tsx +53 -43
- package/src/stories/components/ToggleButton/WithIcon.stories.tsx +35 -36
- package/src/stories/components/Tooltip/Tooltip.stories.tsx +6 -4
- package/src/stories/foundation/Elevation/Elevation.stories.tsx +10 -6
- package/src/stories/foundation/Typography/{Typography.stories.mdx → Typography.mdx} +10 -5
- package/src/stories/foundation/Typography/Typography.stories.tsx +46 -36
- package/src/stories/foundation/Typography/TypographyExamples.stories.tsx +44 -0
- package/src/stories/foundation/colors/Colors.stories.tsx +7 -5
- package/src/stories/foundation/colors/Mui.stories.tsx +18 -0
- package/src/stories/foundation/colors/Token.inComponent.stories.tsx +2 -2
- package/src/stories/foundation/colors/TokenPaletteTable.stories.tsx +28 -0
- package/src/stories/foundation/colors/TokenPaletteTable.tsx +127 -0
- package/src/theme.ts +5 -0
- package/src/stories/components/TextField/TextField.stories.tsx +0 -13
- package/src/stories/foundation/colors/Token.stories.tsx +0 -190
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/component.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,mBAAmB,GAA6B;IAC3D,GAAG,EAAE;QACH,wBAAwB,EAAE;YACxB,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/component.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,167 +1,174 @@
|
|
|
1
1
|
export const tokenCoreColor = {
|
|
2
2
|
bg_01: {
|
|
3
|
-
light1: "--
|
|
4
|
-
light2: "--
|
|
5
|
-
dark1: "--
|
|
6
|
-
dark2: "--
|
|
7
|
-
dark3: "--
|
|
8
|
-
dark4: "--
|
|
3
|
+
light1: "--grey_0",
|
|
4
|
+
light2: "--grey_10",
|
|
5
|
+
dark1: "--grey_90",
|
|
6
|
+
dark2: "--grey_85",
|
|
7
|
+
dark3: "--grey_80",
|
|
8
|
+
dark4: "--grey_70",
|
|
9
9
|
},
|
|
10
10
|
bg_02: {
|
|
11
|
-
light1: "--
|
|
12
|
-
light2: "--
|
|
13
|
-
dark1: "--
|
|
14
|
-
dark2: "--
|
|
15
|
-
dark3: "--
|
|
16
|
-
dark4: "--
|
|
11
|
+
light1: "--grey_0",
|
|
12
|
+
light2: "--grey_0",
|
|
13
|
+
dark1: "--grey_70",
|
|
14
|
+
dark2: "--grey_70",
|
|
15
|
+
dark3: "--grey_70",
|
|
16
|
+
dark4: "--grey_70",
|
|
17
17
|
},
|
|
18
18
|
bg_03: {
|
|
19
|
-
light1: "--
|
|
20
|
-
light2: "--
|
|
21
|
-
dark1: "--
|
|
22
|
-
dark2: "--
|
|
23
|
-
dark3: "--
|
|
24
|
-
dark4: "--
|
|
19
|
+
light1: "--grey_0",
|
|
20
|
+
light2: "--grey_0",
|
|
21
|
+
dark1: "--grey_85",
|
|
22
|
+
dark2: "--grey_85",
|
|
23
|
+
dark3: "--grey_85",
|
|
24
|
+
dark4: "--grey_85",
|
|
25
25
|
},
|
|
26
26
|
text_primary: {
|
|
27
|
-
light1: "--
|
|
28
|
-
light2: "--
|
|
29
|
-
dark1: "--
|
|
30
|
-
dark2: "--
|
|
31
|
-
dark3: "--
|
|
32
|
-
dark4: "--
|
|
27
|
+
light1: "--lunit_teal_50",
|
|
28
|
+
light2: "--lunit_teal_50",
|
|
29
|
+
dark1: "--lunit_teal_40",
|
|
30
|
+
dark2: "--lunit_teal_40",
|
|
31
|
+
dark3: "--lunit_teal_40",
|
|
32
|
+
dark4: "--lunit_teal_40",
|
|
33
33
|
},
|
|
34
34
|
text_normal: {
|
|
35
|
-
light1: "--
|
|
36
|
-
light2: "--
|
|
37
|
-
dark1: "--
|
|
38
|
-
dark2: "--
|
|
39
|
-
dark3: "--
|
|
40
|
-
dark4: "--
|
|
35
|
+
light1: "--grey_95",
|
|
36
|
+
light2: "--grey_95",
|
|
37
|
+
dark1: "--grey_5",
|
|
38
|
+
dark2: "--grey_5",
|
|
39
|
+
dark3: "--grey_5",
|
|
40
|
+
dark4: "--grey_5",
|
|
41
41
|
},
|
|
42
42
|
text_medium: {
|
|
43
|
-
light1: "--
|
|
44
|
-
light2: "--
|
|
45
|
-
dark1: "--
|
|
46
|
-
dark2: "--
|
|
47
|
-
dark3: "--
|
|
48
|
-
dark4: "--
|
|
43
|
+
light1: "--grey_60",
|
|
44
|
+
light2: "--grey_60",
|
|
45
|
+
dark1: "--grey_40",
|
|
46
|
+
dark2: "--grey_40",
|
|
47
|
+
dark3: "--grey_40",
|
|
48
|
+
dark4: "--grey_30",
|
|
49
49
|
},
|
|
50
50
|
text_light: {
|
|
51
|
-
light1: "--
|
|
52
|
-
light2: "--
|
|
53
|
-
dark1: "--
|
|
54
|
-
dark2: "--
|
|
55
|
-
dark3: "--
|
|
56
|
-
dark4: "--
|
|
51
|
+
light1: "--grey_40",
|
|
52
|
+
light2: "--grey_40",
|
|
53
|
+
dark1: "--grey_50",
|
|
54
|
+
dark2: "--grey_50",
|
|
55
|
+
dark3: "--grey_50",
|
|
56
|
+
dark4: "--grey_40",
|
|
57
57
|
},
|
|
58
58
|
text_error: {
|
|
59
|
-
light1: "--
|
|
60
|
-
light2: "--
|
|
61
|
-
dark1: "--
|
|
62
|
-
dark2: "--
|
|
63
|
-
dark3: "--
|
|
64
|
-
dark4: "--
|
|
59
|
+
light1: "--red_40",
|
|
60
|
+
light2: "--red_40",
|
|
61
|
+
dark1: "--red_40",
|
|
62
|
+
dark2: "--red_40",
|
|
63
|
+
dark3: "--red_30",
|
|
64
|
+
dark4: "--red_30",
|
|
65
65
|
},
|
|
66
66
|
text_success: {
|
|
67
67
|
// TODO: sucess -> success 로 바뀌었으니 코드 내 사용되는 부분 확인해서 업데이트. 개발자들에게도 공지할것.
|
|
68
|
-
light1: "--
|
|
69
|
-
light2: "--
|
|
70
|
-
dark1: "--
|
|
71
|
-
dark2: "--
|
|
72
|
-
dark3: "--
|
|
73
|
-
dark4: "--
|
|
68
|
+
light1: "--green_40",
|
|
69
|
+
light2: "--green_40",
|
|
70
|
+
dark1: "--green_40",
|
|
71
|
+
dark2: "--green_40",
|
|
72
|
+
dark3: "--green_30",
|
|
73
|
+
dark4: "--green_30",
|
|
74
74
|
},
|
|
75
75
|
text_warning: {
|
|
76
|
-
light1: "--
|
|
77
|
-
light2: "--
|
|
78
|
-
dark1: "--
|
|
79
|
-
dark2: "--
|
|
80
|
-
dark3: "--
|
|
81
|
-
dark4: "--
|
|
76
|
+
light1: "--orange_40",
|
|
77
|
+
light2: "--orange_40",
|
|
78
|
+
dark1: "--orange_40",
|
|
79
|
+
dark2: "--orange_40",
|
|
80
|
+
dark3: "--orange_30",
|
|
81
|
+
dark4: "--orange_30",
|
|
82
82
|
},
|
|
83
83
|
text_info: {
|
|
84
|
-
light1: "--
|
|
85
|
-
light2: "--
|
|
86
|
-
dark1: "--
|
|
87
|
-
dark2: "--
|
|
88
|
-
dark3: "--
|
|
89
|
-
dark4: "--
|
|
84
|
+
light1: "--blue_40",
|
|
85
|
+
light2: "--blue_40",
|
|
86
|
+
dark1: "--blue_40",
|
|
87
|
+
dark2: "--blue_40",
|
|
88
|
+
dark3: "--blue_30",
|
|
89
|
+
dark4: "--blue_30",
|
|
90
90
|
},
|
|
91
91
|
link_primary: {
|
|
92
|
-
light1: "--
|
|
93
|
-
light2: "--
|
|
94
|
-
dark1: "--
|
|
95
|
-
dark2: "--
|
|
96
|
-
dark3: "--
|
|
97
|
-
dark4: "--
|
|
92
|
+
light1: "--blue_40",
|
|
93
|
+
light2: "--blue_40",
|
|
94
|
+
dark1: "--blue_40",
|
|
95
|
+
dark2: "--blue_40",
|
|
96
|
+
dark3: "--blue_30",
|
|
97
|
+
dark4: "--blue_30",
|
|
98
98
|
},
|
|
99
99
|
link_hover: {
|
|
100
|
-
light1: "--
|
|
101
|
-
light2: "--
|
|
102
|
-
dark1: "--
|
|
103
|
-
dark2: "--
|
|
104
|
-
dark3: "--
|
|
105
|
-
dark4: "--
|
|
100
|
+
light1: "--blue_50",
|
|
101
|
+
light2: "--blue_50",
|
|
102
|
+
dark1: "--blue_50",
|
|
103
|
+
dark2: "--blue_50",
|
|
104
|
+
dark3: "--blue_40",
|
|
105
|
+
dark4: "--blue_40",
|
|
106
106
|
},
|
|
107
107
|
link_visited: {
|
|
108
|
-
light1: "--
|
|
109
|
-
light2: "--
|
|
110
|
-
dark1: "--
|
|
111
|
-
dark2: "--
|
|
112
|
-
dark3: "--
|
|
113
|
-
dark4: "--
|
|
108
|
+
light1: "--purple_50",
|
|
109
|
+
light2: "--purple_50",
|
|
110
|
+
dark1: "--purple_50",
|
|
111
|
+
dark2: "--purple_50",
|
|
112
|
+
dark3: "--purple_40",
|
|
113
|
+
dark4: "--purple_40",
|
|
114
114
|
},
|
|
115
115
|
icon_error_02: {
|
|
116
|
-
light1: "--
|
|
117
|
-
light2: "--
|
|
118
|
-
dark1: "--
|
|
119
|
-
dark2: "--
|
|
120
|
-
dark3: "--
|
|
121
|
-
dark4: "--
|
|
116
|
+
light1: "--red_40",
|
|
117
|
+
light2: "--red_40",
|
|
118
|
+
dark1: "--red_30",
|
|
119
|
+
dark2: "--red_30",
|
|
120
|
+
dark3: "--red_30",
|
|
121
|
+
dark4: "--red_30",
|
|
122
122
|
},
|
|
123
123
|
icon_success_02: {
|
|
124
124
|
// TODO: sucess -> success 로 바뀌었으니 코드 내 사용되는 부분 확인해서 업데이트. 개발자들에게도 공지할것.
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
dark4: "--green-30",
|
|
125
|
+
light1: "--green_40",
|
|
126
|
+
light2: "--green_40",
|
|
127
|
+
dark1: "--green_30",
|
|
128
|
+
dark2: "--green_30",
|
|
129
|
+
dark3: "--green_30",
|
|
130
|
+
dark4: "--green_30",
|
|
132
131
|
},
|
|
133
132
|
icon_warning_02: {
|
|
134
|
-
light1: "--
|
|
135
|
-
light2: "--
|
|
136
|
-
dark1: "--
|
|
137
|
-
dark2: "--
|
|
138
|
-
dark3: "--
|
|
139
|
-
dark4: "--
|
|
133
|
+
light1: "--orange_40",
|
|
134
|
+
light2: "--orange_40",
|
|
135
|
+
dark1: "--orange_30",
|
|
136
|
+
dark2: "--orange_30",
|
|
137
|
+
dark3: "--orange_30",
|
|
138
|
+
dark4: "--orange_30",
|
|
140
139
|
},
|
|
141
140
|
icon_info_02: {
|
|
142
|
-
light1: "--
|
|
143
|
-
light2: "--
|
|
144
|
-
dark1: "--
|
|
145
|
-
dark2: "--
|
|
146
|
-
dark3: "--
|
|
147
|
-
dark4: "--
|
|
141
|
+
light1: "--blue_40",
|
|
142
|
+
light2: "--blue_40",
|
|
143
|
+
dark1: "--blue_30",
|
|
144
|
+
dark2: "--blue_30",
|
|
145
|
+
dark3: "--blue_30",
|
|
146
|
+
dark4: "--blue_30",
|
|
148
147
|
},
|
|
149
148
|
hover: {
|
|
150
149
|
// TODO: 알파값 적용 코드는 일단 하드코딩. 나중에 수정할것
|
|
151
|
-
light1: "rgba(0, 0, 0, 0.
|
|
152
|
-
light2: "rgba(0, 0, 0, 0.
|
|
153
|
-
dark1: "rgba(
|
|
154
|
-
dark2: "rgba(
|
|
155
|
-
dark3: "rgba(
|
|
156
|
-
dark4: "rgba(
|
|
150
|
+
light1: "rgba(0, 0, 0, 0.1)",
|
|
151
|
+
light2: "rgba(0, 0, 0, 0.1)",
|
|
152
|
+
dark1: "rgba(0, 0, 0, 0.1)",
|
|
153
|
+
dark2: "rgba(0, 0, 0, 0.1)",
|
|
154
|
+
dark3: "rgba(0, 0, 0, 0.1)",
|
|
155
|
+
dark4: "rgba(0, 0, 0, 0.1)", // grey_100 10%
|
|
157
156
|
},
|
|
158
157
|
focused: {
|
|
159
|
-
light1: "--
|
|
160
|
-
light2: "--
|
|
161
|
-
dark1: "--
|
|
162
|
-
dark2: "--
|
|
163
|
-
dark3: "--
|
|
164
|
-
dark4: "--
|
|
158
|
+
light1: "--lunit_teal_40",
|
|
159
|
+
light2: "--lunit_teal_40",
|
|
160
|
+
dark1: "--lunit_teal_40",
|
|
161
|
+
dark2: "--lunit_teal_40",
|
|
162
|
+
dark3: "--lunit_teal_40",
|
|
163
|
+
dark4: "--lunit_teal_40",
|
|
164
|
+
},
|
|
165
|
+
selected: {
|
|
166
|
+
light1: "--lunit_teal_10",
|
|
167
|
+
light2: "--lunit_teal_10",
|
|
168
|
+
dark1: "--lunit_teal_80",
|
|
169
|
+
dark2: "--lunit_teal_80",
|
|
170
|
+
dark3: "--lunit_teal_80",
|
|
171
|
+
dark4: "--lunit_teal_80",
|
|
165
172
|
},
|
|
166
173
|
shadow_01: {
|
|
167
174
|
light1: "rgba(0, 0, 0, 0.12)",
|
|
@@ -169,7 +176,7 @@ export const tokenCoreColor = {
|
|
|
169
176
|
dark4: "rgba(0, 0, 0, 0.32)",
|
|
170
177
|
dark3: "rgba(0, 0, 0, 0.32)",
|
|
171
178
|
dark2: "rgba(0, 0, 0, 0.32)",
|
|
172
|
-
dark1: "rgba(0, 0, 0, 0.32)", // "--
|
|
179
|
+
dark1: "rgba(0, 0, 0, 0.32)", // "--grey_100 32%",
|
|
173
180
|
},
|
|
174
181
|
shadow_02: {
|
|
175
182
|
light1: "rgba(0, 0, 0, 0.18)",
|
|
@@ -177,7 +184,7 @@ export const tokenCoreColor = {
|
|
|
177
184
|
dark4: "rgba(0, 0, 0, 0.4)",
|
|
178
185
|
dark3: "rgba(0, 0, 0, 0.4)",
|
|
179
186
|
dark2: "rgba(0, 0, 0, 0.4)",
|
|
180
|
-
dark1: "rgba(0, 0, 0, 0.4)", // "--
|
|
187
|
+
dark1: "rgba(0, 0, 0, 0.4)", // "--grey_100 40%",
|
|
181
188
|
},
|
|
182
189
|
shadow_03: {
|
|
183
190
|
light1: "rgba(0, 0, 0, 0.12)",
|
|
@@ -185,7 +192,7 @@ export const tokenCoreColor = {
|
|
|
185
192
|
dark4: "rgba(0, 0, 0, 0.36)",
|
|
186
193
|
dark3: "rgba(0, 0, 0, 0.36)",
|
|
187
194
|
dark2: "rgba(0, 0, 0, 0.36)",
|
|
188
|
-
dark1: "rgba(0, 0, 0, 0.36)", // "--
|
|
195
|
+
dark1: "rgba(0, 0, 0, 0.36)", // "--grey_100 36%",
|
|
189
196
|
},
|
|
190
197
|
shadow_04: {
|
|
191
198
|
light1: "rgba(0, 0, 0, 0.18)",
|
|
@@ -193,7 +200,7 @@ export const tokenCoreColor = {
|
|
|
193
200
|
dark4: "rgba(0, 0, 0, 0.48)",
|
|
194
201
|
dark3: "rgba(0, 0, 0, 0.48)",
|
|
195
202
|
dark2: "rgba(0, 0, 0, 0.48)",
|
|
196
|
-
dark1: "rgba(0, 0, 0, 0.48)", // "--
|
|
203
|
+
dark1: "rgba(0, 0, 0, 0.48)", // "--grey_100 48%",
|
|
197
204
|
},
|
|
198
205
|
};
|
|
199
206
|
//# sourceMappingURL=core.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/core.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/core.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { default as theme } from "./theme";
|
|
2
|
+
export { base as baseColors } from "./foundation/colors";
|
|
2
3
|
export { default as Alert } from "./components/Alert";
|
|
3
4
|
export { default as Button } from "./components/Button";
|
|
4
5
|
export { default as Chip } from "./components/Chip";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC"}
|
package/dist/theme.js
CHANGED
|
@@ -27,6 +27,11 @@ const theme = createTheme({
|
|
|
27
27
|
MuiTypography: {
|
|
28
28
|
defaultProps: typographyDefaultProps,
|
|
29
29
|
},
|
|
30
|
+
MuiButtonBase: {
|
|
31
|
+
defaultProps: {
|
|
32
|
+
disableRipple: true, // No more ripple, on the whole application 💣!
|
|
33
|
+
},
|
|
34
|
+
},
|
|
30
35
|
// @todo add any MUI components theme exported from ./components/index.ts
|
|
31
36
|
},
|
|
32
37
|
});
|
package/dist/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAuB,WAAW,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EACL,qBAAqB,EACrB,OAAO,EACP,UAAU,EACV,sBAAsB,EACtB,OAAO,GACR,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,KAAK,GAAG,WAAW,CAAC;IACxB,UAAU;IACV,OAAO;IACP,OAAO;IACP,UAAU,EAAE;QACV,cAAc,EAAE,SAAS,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;QACvE,QAAQ,EAAE;YACR,cAAc,EAAE;gBACd,6CAA6C;gBAC7C,0CAA0C;gBAC1C,IAAI,EAAE;oBACJ,SAAS,EAAE,yBAAyB;iBACrC;aACF;SACF;QACD,UAAU,EAAE;YACV,cAAc,EAAE;gBACd,OAAO,EAAE;oBACP,SAAS,EAAE,yBAAyB;iBACrC;aACF;SACF;QACD,aAAa,EAAE;YACb,YAAY,EAAE,sBAAsB;SACrC;QACD,yEAAyE;KAC1E;CACF,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAuB,WAAW,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EACL,qBAAqB,EACrB,OAAO,EACP,UAAU,EACV,sBAAsB,EACtB,OAAO,GACR,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,KAAK,GAAG,WAAW,CAAC;IACxB,UAAU;IACV,OAAO;IACP,OAAO;IACP,UAAU,EAAE;QACV,cAAc,EAAE,SAAS,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;QACvE,QAAQ,EAAE;YACR,cAAc,EAAE;gBACd,6CAA6C;gBAC7C,0CAA0C;gBAC1C,IAAI,EAAE;oBACJ,SAAS,EAAE,yBAAyB;iBACrC;aACF;SACF;QACD,UAAU,EAAE;YACV,cAAc,EAAE;gBACd,OAAO,EAAE;oBACP,SAAS,EAAE,yBAAyB;iBACrC;aACF;SACF;QACD,aAAa,EAAE;YACb,YAAY,EAAE,sBAAsB;SACrC;QACD,aAAa,EAAE;YACb,YAAY,EAAE;gBACZ,aAAa,EAAE,IAAI,EAAE,+CAA+C;aACrE;SACF;QACD,yEAAyE;KAC1E;CACF,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { AlertProps } from "./Alert.types";
|
|
3
|
+
export declare const StyledAlert: import("@emotion/styled").StyledComponent<import("@mui/material").AlertProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & AlertProps, {}, {}>;
|
|
4
|
+
export declare const StyledAlertTitle: import("@emotion/styled").StyledComponent<import("@mui/material").AlertTitleProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
5
|
+
export declare const StyledAlertChildren: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const StyledBottomAction: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { AlertProps as MuiAlertProps } from "@mui/material";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface AlertProps extends MuiAlertProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
action?: ReactNode;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
bottomAction?: ReactNode;
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AlertColor } from "@mui/material";
|
|
2
|
+
export declare const getBackgroundColor: (severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
|
|
3
|
+
export declare const getBorderColor: (severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
|
|
4
|
+
export declare const getIconColor: (severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
|
|
@@ -806,8 +806,21 @@ export declare const kindStyle: ({ kind, color, token }: KindStyleParams) => {
|
|
|
806
806
|
color?: import("csstype").Property.Color | undefined;
|
|
807
807
|
border?: string | undefined;
|
|
808
808
|
"&:hover"?: {
|
|
809
|
+
position: string;
|
|
810
|
+
zIndex: number;
|
|
809
811
|
backgroundColor: import("csstype").Property.Color | undefined;
|
|
810
812
|
} | undefined;
|
|
813
|
+
"&:hover:before"?: {
|
|
814
|
+
content: string;
|
|
815
|
+
position: string;
|
|
816
|
+
left: string;
|
|
817
|
+
top: string;
|
|
818
|
+
width: string;
|
|
819
|
+
height: string;
|
|
820
|
+
zIndex: number;
|
|
821
|
+
backgroundColor: import("csstype").Property.Color | undefined;
|
|
822
|
+
borderRadius: string;
|
|
823
|
+
} | undefined;
|
|
811
824
|
"&.Mui-disabled"?: {
|
|
812
825
|
opacity: number;
|
|
813
826
|
border: string;
|
|
@@ -836,6 +849,17 @@ export declare const commonStyle: ({ token }: {
|
|
|
836
849
|
readonly boxSizing: "border-box";
|
|
837
850
|
};
|
|
838
851
|
};
|
|
852
|
+
readonly "&:hover:before": {
|
|
853
|
+
readonly content: "''";
|
|
854
|
+
readonly position: "absolute";
|
|
855
|
+
readonly left: 0;
|
|
856
|
+
readonly top: 0;
|
|
857
|
+
readonly width: "100%";
|
|
858
|
+
readonly height: "100%";
|
|
859
|
+
readonly zIndex: -1;
|
|
860
|
+
readonly backgroundColor: import("csstype").Property.Color | undefined;
|
|
861
|
+
readonly borderRadius: "8px";
|
|
862
|
+
};
|
|
839
863
|
};
|
|
840
864
|
export declare const iconStyle: ({ size, hasIconOnly, }: Pick<CustomButtonProps, "size" | "hasIconOnly">) => {
|
|
841
865
|
"& .MuiButton-startIcon": {
|
|
@@ -867,7 +891,7 @@ export declare const CustomButton: import("@emotion/styled").StyledComponent<{
|
|
|
867
891
|
size?: "small" | "medium" | "large" | undefined;
|
|
868
892
|
startIcon?: import("react").ReactNode;
|
|
869
893
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
870
|
-
variant?: "
|
|
894
|
+
variant?: "outlined" | "text" | "contained" | undefined;
|
|
871
895
|
} & Omit<{
|
|
872
896
|
action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
|
|
873
897
|
centerRipple?: boolean | undefined;
|
|
@@ -886,5 +910,5 @@ export declare const CustomButton: import("@emotion/styled").StyledComponent<{
|
|
|
886
910
|
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
|
|
887
911
|
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
888
912
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
889
|
-
}, "color" | "
|
|
913
|
+
}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "size" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomButtonProps, {}, {}>;
|
|
890
914
|
export {};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ButtonProps as MuiButtonProps } from "@mui/material";
|
|
3
|
-
interface BaseButtonProps extends MuiButtonProps {
|
|
3
|
+
interface BaseButtonProps extends Omit<MuiButtonProps, "variant"> {
|
|
4
4
|
icon?: React.ReactNode;
|
|
5
5
|
}
|
|
6
|
-
interface ContainedButtonProps extends
|
|
6
|
+
interface ContainedButtonProps extends BaseButtonProps {
|
|
7
7
|
kind?: "contained";
|
|
8
8
|
color?: "primary" | "secondary" | "error";
|
|
9
9
|
}
|
|
10
|
-
interface GhostButtonProps extends
|
|
10
|
+
interface GhostButtonProps extends BaseButtonProps {
|
|
11
11
|
kind?: "ghost";
|
|
12
12
|
color?: "primary" | "secondary" | "error";
|
|
13
13
|
}
|
|
14
|
-
interface OutlinedButtonProps extends
|
|
14
|
+
interface OutlinedButtonProps extends BaseButtonProps {
|
|
15
15
|
kind?: "outlined";
|
|
16
16
|
color?: "primary";
|
|
17
17
|
}
|