@lunit/design-system 1.0.0-b.4 → 2.0.0
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 +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/Dialog/index.js +2 -0
- package/dist/cjs/components/Dialog/index.js.map +1 -0
- 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/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/Button/Button.js +21 -3
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.styled.js +3 -6
- package/dist/components/Button/Button.styled.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +9 -19
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Chip/Chip.js +6 -5
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/Dialog/Dialog.js +61 -0
- package/dist/components/Dialog/Dialog.js.map +1 -0
- package/dist/components/Dialog/Dialog.styled.js +137 -0
- package/dist/components/Dialog/Dialog.styled.js.map +1 -0
- package/dist/components/Dialog/components/DialogAction.js +18 -0
- package/dist/components/Dialog/components/DialogAction.js.map +1 -0
- package/dist/components/Dialog/index.js +2 -0
- package/dist/components/Dialog/index.js.map +1 -0
- package/dist/components/Radio/Radio.js +7 -21
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/TextField/TextField.js +4 -4
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/ToggleButton/ToggleButton.styled.js +2 -3
- package/dist/components/ToggleButton/ToggleButton.styled.js.map +1 -1
- package/dist/foundation/Elevation/index.js +1 -1
- package/dist/foundation/Elevation/index.js.map +1 -1
- package/dist/foundation/Typography/index.js +12 -0
- package/dist/foundation/Typography/index.js.map +1 -1
- package/dist/foundation/Typography/tokens.js +1 -17
- package/dist/foundation/Typography/tokens.js.map +1 -1
- package/dist/foundation/colors/base/grey.js +3 -1
- package/dist/foundation/colors/base/grey.js.map +1 -1
- package/dist/foundation/colors/index.js +9 -6
- package/dist/foundation/colors/index.js.map +1 -1
- package/dist/foundation/colors/token/component.js +31 -115
- package/dist/foundation/colors/token/component.js.map +1 -1
- package/dist/foundation/colors/token/core.js +43 -75
- package/dist/foundation/colors/token/core.js.map +1 -1
- package/dist/foundation/index.js +1 -1
- package/dist/foundation/index.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/types/components/Alert/Alert.utils.d.ts +3 -3
- package/dist/types/components/Button/Button.styled.d.ts +9 -12
- package/dist/types/components/Button/Button.types.d.ts +8 -5
- package/dist/types/components/Chip/Chip.styled.d.ts +12 -12
- package/dist/types/components/Chip/Chip.types.d.ts +7 -2
- package/dist/types/components/Dialog/Dialog.d.ts +50 -0
- package/dist/types/components/Dialog/Dialog.styled.d.ts +12 -0
- package/dist/types/components/Dialog/components/DialogAction.d.ts +8 -0
- package/dist/types/components/Dialog/index.d.ts +2 -0
- package/dist/types/components/TextField/TextField.types.d.ts +8 -3
- package/dist/types/components/Toast/Toast.utils.d.ts +1 -1
- package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts +2 -2
- package/dist/types/foundation/Elevation/index.d.ts +1 -1
- package/dist/types/foundation/Typography/index.d.ts +13 -1
- package/dist/types/foundation/Typography/tokens.d.ts +1 -1
- package/dist/types/foundation/colors/base/grey.d.ts +2 -0
- package/dist/types/foundation/colors/index.d.ts +9 -6
- package/dist/types/foundation/colors/token/types.d.ts +0 -2
- package/dist/types/foundation/colors/types.d.ts +78 -76
- package/dist/types/foundation/index.d.ts +9 -0
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.styled.ts +3 -6
- package/src/components/Button/Button.tsx +117 -42
- package/src/components/Button/Button.types.ts +8 -4
- package/src/components/Checkbox/Checkbox.tsx +39 -22
- package/src/components/Chip/Chip.tsx +15 -4
- package/src/components/Chip/Chip.types.ts +9 -2
- package/src/components/Dialog/Dialog.styled.ts +165 -0
- package/src/components/Dialog/Dialog.tsx +195 -0
- package/src/components/Dialog/components/DialogAction.tsx +36 -0
- package/src/components/Dialog/index.ts +14 -0
- package/src/components/Radio/Radio.tsx +37 -25
- package/src/components/TextField/TextField.tsx +10 -10
- package/src/components/TextField/TextField.types.ts +11 -4
- package/src/components/ToggleButton/ToggleButton.styled.ts +2 -3
- package/src/foundation/Elevation/index.ts +1 -1
- package/src/foundation/Typography/index.ts +12 -0
- package/src/foundation/Typography/tokens.ts +1 -17
- package/src/foundation/colors/base/grey.ts +3 -1
- package/src/foundation/colors/index.ts +9 -6
- package/src/foundation/colors/token/component.ts +24 -108
- package/src/foundation/colors/token/core.ts +39 -71
- package/src/foundation/colors/token/types.ts +0 -2
- package/src/foundation/colors/types.ts +78 -75
- package/src/foundation/index.ts +1 -1
- package/src/index.ts +1 -1
- package/src/stories/GettingStarted.mdx +88 -0
- package/src/stories/components/Button/BasicButton.stories.tsx +91 -52
- package/src/stories/components/Button/ButtonDocs.mdx +187 -0
- package/src/stories/components/Button/Color.stories.tsx +132 -0
- package/src/stories/components/Button/IconButton.stories.tsx +42 -25
- package/src/stories/components/Button/Kind.stories.tsx +75 -77
- package/src/stories/components/{SelectControl/Checkbox.stories.tsx → CheckBox/BasicCheckbox.stories.tsx} +84 -105
- package/src/stories/components/CheckBox/CheckboxDocs.mdx +85 -0
- package/src/stories/components/Chip/Chip.stories.tsx +80 -5
- package/src/stories/components/Chip/ChipDocs.mdx +132 -0
- package/src/stories/components/Dialog/Dialog.stories.tsx +320 -0
- package/src/stories/components/TextField/BasicTextField.stories.tsx +214 -0
- package/src/stories/components/TextField/TextFieldDocs.mdx +140 -0
- package/src/stories/components/TextField/TextFieldSize.stories.tsx +26 -3
- package/src/stories/components/ToggleButton/Basic.stories.tsx +312 -0
- package/src/stories/components/ToggleButton/ToggleButtonDocs.mdx +180 -0
- package/src/stories/components/ToggleButton/ToggleButtonKind.stories.tsx +65 -0
- package/src/stories/components/ToggleButton/WithIcon.stories.tsx +138 -0
- package/src/stories/foundation/Typography/Typography.mdx +31 -46
- package/src/stories/foundation/Typography/Typography.stories.tsx +30 -1
- package/src/stories/foundation/colors/ColorSystem.tsx +86 -0
- package/src/stories/foundation/colors/Docs.mdx +225 -0
- package/src/stories/foundation/colors/TokenPaletteTable.tsx +1 -5
- package/src/components/Modal/Modal.tsx +0 -8
- package/src/components/Modal/index.ts +0 -1
- package/src/stories/components/Modal/Modal.stories.tsx +0 -15
- package/src/stories/foundation/Typography/TypographyExamples.stories.tsx +0 -44
|
@@ -5,104 +5,90 @@ export const tokenComponentColor = {
|
|
|
5
5
|
light2: "--lunit_teal_30",
|
|
6
6
|
dark1: "--lunit_teal_40",
|
|
7
7
|
dark2: "--lunit_teal_40",
|
|
8
|
-
dark3: "--lunit_teal_40",
|
|
9
|
-
dark4: "--lunit_teal_40",
|
|
10
8
|
},
|
|
11
9
|
btn_secondary_bg: {
|
|
12
|
-
light1: "--
|
|
13
|
-
light2: "--
|
|
10
|
+
light1: "--grey_10",
|
|
11
|
+
light2: "--grey_00",
|
|
14
12
|
dark1: "--grey_60",
|
|
15
13
|
dark2: "--grey_60",
|
|
16
|
-
dark3: "--grey_60",
|
|
17
|
-
dark4: "--grey_60",
|
|
18
14
|
},
|
|
19
15
|
btn_error_bg: {
|
|
20
16
|
light1: "--red_30",
|
|
21
17
|
light2: "--red_30",
|
|
22
18
|
dark1: "--red_40",
|
|
23
19
|
dark2: "--red_40",
|
|
24
|
-
dark3: "--red_40",
|
|
25
|
-
dark4: "--red_40",
|
|
26
20
|
},
|
|
27
21
|
btn_primary_border: {
|
|
28
22
|
light1: "--lunit_teal_40",
|
|
29
23
|
light2: "--lunit_teal_40",
|
|
30
24
|
dark1: "--lunit_teal_40",
|
|
31
25
|
dark2: "--lunit_teal_40",
|
|
32
|
-
dark3: "--lunit_teal_40",
|
|
33
|
-
dark4: "--lunit_teal_40",
|
|
34
26
|
},
|
|
35
27
|
btn_secondary_border: {
|
|
36
28
|
light1: "--grey_15",
|
|
37
29
|
light2: "--grey_15",
|
|
38
30
|
dark1: "--grey_5",
|
|
39
31
|
dark2: "--grey_5",
|
|
40
|
-
dark3: "--grey_5",
|
|
41
|
-
dark4: "--grey_5",
|
|
42
32
|
},
|
|
43
33
|
btn_primary_text_1: {
|
|
44
34
|
light1: "--lunit_teal_50",
|
|
45
35
|
light2: "--lunit_teal_50",
|
|
46
36
|
dark1: "--lunit_teal_40",
|
|
47
37
|
dark2: "--lunit_teal_40",
|
|
48
|
-
dark3: "--lunit_teal_40",
|
|
49
|
-
dark4: "--lunit_teal_40",
|
|
50
38
|
},
|
|
51
39
|
btn_primary_text_2: {
|
|
52
40
|
light1: "--grey_95",
|
|
53
41
|
light2: "--grey_95",
|
|
54
42
|
dark1: "--grey_95",
|
|
55
43
|
dark2: "--grey_95",
|
|
56
|
-
dark3: "--grey_95",
|
|
57
|
-
dark4: "--grey_95",
|
|
58
44
|
},
|
|
59
45
|
btn_secondary_text: {
|
|
60
46
|
light1: "--grey_95",
|
|
61
47
|
light2: "--grey_95",
|
|
62
48
|
dark1: "--grey_5",
|
|
63
49
|
dark2: "--grey_5",
|
|
64
|
-
dark3: "--grey_5",
|
|
65
|
-
dark4: "--grey_5",
|
|
66
50
|
},
|
|
67
51
|
btn_error_text: {
|
|
68
52
|
light1: "--red_40",
|
|
69
53
|
light2: "--red_40",
|
|
70
54
|
dark1: "--red_40",
|
|
71
|
-
dark2: "--
|
|
72
|
-
dark3: "--red_30",
|
|
73
|
-
dark4: "--red_30",
|
|
55
|
+
dark2: "--red_30",
|
|
74
56
|
},
|
|
75
57
|
btn_selected_primary_bg: {
|
|
76
58
|
light1: "--lunit_teal_80",
|
|
77
59
|
light2: "--lunit_teal_80",
|
|
78
60
|
dark1: "--lunit_teal_10",
|
|
79
61
|
dark2: "--lunit_teal_10",
|
|
80
|
-
dark3: "--lunit_teal_10",
|
|
81
|
-
dark4: "--lunit_teal_10",
|
|
82
62
|
},
|
|
83
63
|
btn_selected_primary_text: {
|
|
84
64
|
light1: "--lunit_teal_10",
|
|
85
65
|
light2: "--lunit_teal_10",
|
|
86
66
|
dark1: "--lunit_teal_80",
|
|
87
67
|
dark2: "--lunit_teal_80",
|
|
88
|
-
dark3: "--lunit_teal_80",
|
|
89
|
-
dark4: "--lunit_teal_80",
|
|
90
68
|
},
|
|
91
69
|
btn_selected_secondary_bg: {
|
|
92
70
|
light1: "--lunit_teal_10",
|
|
93
71
|
light2: "--lunit_teal_10",
|
|
94
72
|
dark1: "--grey_80",
|
|
95
|
-
dark2: "--
|
|
96
|
-
dark3: "--grey_70",
|
|
97
|
-
dark4: "--grey_75",
|
|
73
|
+
dark2: "--grey_80",
|
|
98
74
|
},
|
|
99
75
|
btn_selected_secondary_text: {
|
|
100
|
-
light1: "--
|
|
101
|
-
light2: "--
|
|
76
|
+
light1: "--lunit_teal_70",
|
|
77
|
+
light2: "--lunit_teal_70",
|
|
102
78
|
dark1: "--lunit_teal_30",
|
|
103
79
|
dark2: "--lunit_teal_30",
|
|
104
|
-
|
|
105
|
-
|
|
80
|
+
},
|
|
81
|
+
btn_selected_tertiary_bg: {
|
|
82
|
+
light1: "--grey_95",
|
|
83
|
+
light2: "--grey_95",
|
|
84
|
+
dark1: "--grey_0",
|
|
85
|
+
dark2: "--grey_0",
|
|
86
|
+
},
|
|
87
|
+
btn_selected_tertiary_text: {
|
|
88
|
+
light1: "--grey_0",
|
|
89
|
+
light2: "--grey_0",
|
|
90
|
+
dark1: "--grey_100",
|
|
91
|
+
dark2: "--grey_100",
|
|
106
92
|
},
|
|
107
93
|
},
|
|
108
94
|
selectControl: {
|
|
@@ -111,32 +97,24 @@ export const tokenComponentColor = {
|
|
|
111
97
|
light2: "--lunit_teal_40",
|
|
112
98
|
dark1: "--lunit_teal_40",
|
|
113
99
|
dark2: "--lunit_teal_40",
|
|
114
|
-
dark3: "--lunit_teal_40",
|
|
115
|
-
dark4: "--lunit_teal_40",
|
|
116
100
|
},
|
|
117
101
|
selectcontrol_off: {
|
|
118
102
|
light1: "--grey_40",
|
|
119
103
|
light2: "--grey_40",
|
|
120
104
|
dark1: "--grey_40",
|
|
121
105
|
dark2: "--grey_40",
|
|
122
|
-
dark3: "--grey_40",
|
|
123
|
-
dark4: "--grey_40",
|
|
124
106
|
},
|
|
125
107
|
selectcontrol_handler: {
|
|
126
108
|
light1: "--grey_0",
|
|
127
109
|
light2: "--grey_0",
|
|
128
110
|
dark1: "--grey_0",
|
|
129
111
|
dark2: "--grey_0",
|
|
130
|
-
dark3: "--grey_0",
|
|
131
|
-
dark4: "--grey_0",
|
|
132
112
|
},
|
|
133
113
|
selectcontrol_handler_shadow: {
|
|
134
114
|
light1: "rgba(0, 0, 0, 0.4)",
|
|
135
115
|
light2: "rgba(0, 0, 0, 0.4)",
|
|
136
116
|
dark1: "rgba(0, 0, 0, 0.4)",
|
|
137
|
-
dark2: "rgba(0, 0, 0, 0.4)",
|
|
138
|
-
dark3: "rgba(0, 0, 0, 0.4)",
|
|
139
|
-
dark4: "rgba(0, 0, 0, 0.4)", // "--grey_100 40%",
|
|
117
|
+
dark2: "rgba(0, 0, 0, 0.4)", // "--grey_100 40%",
|
|
140
118
|
},
|
|
141
119
|
},
|
|
142
120
|
textFields: {
|
|
@@ -144,17 +122,13 @@ export const tokenComponentColor = {
|
|
|
144
122
|
light1: "--grey_10",
|
|
145
123
|
light2: "--grey_0",
|
|
146
124
|
dark1: "--grey_80",
|
|
147
|
-
dark2: "--
|
|
148
|
-
dark3: "--grey_70",
|
|
149
|
-
dark4: "--grey_75",
|
|
125
|
+
dark2: "--grey_70",
|
|
150
126
|
},
|
|
151
127
|
textfield_border_error: {
|
|
152
128
|
light1: "--red_40",
|
|
153
129
|
light2: "--red_40",
|
|
154
130
|
dark1: "--red_40",
|
|
155
131
|
dark2: "--red_40",
|
|
156
|
-
dark3: "--red_40",
|
|
157
|
-
dark4: "--red_40",
|
|
158
132
|
},
|
|
159
133
|
},
|
|
160
134
|
dropdown: {
|
|
@@ -163,8 +137,6 @@ export const tokenComponentColor = {
|
|
|
163
137
|
light2: "--grey_15",
|
|
164
138
|
dark1: "--grey_60",
|
|
165
139
|
dark2: "--grey_60",
|
|
166
|
-
dark3: "--grey_60",
|
|
167
|
-
dark4: "--grey_60",
|
|
168
140
|
},
|
|
169
141
|
},
|
|
170
142
|
dataTable: {
|
|
@@ -172,25 +144,19 @@ export const tokenComponentColor = {
|
|
|
172
144
|
light1: "--grey_20",
|
|
173
145
|
light2: "--grey_30",
|
|
174
146
|
dark1: "--grey_50",
|
|
175
|
-
dark2: "--
|
|
176
|
-
dark3: "--grey_50",
|
|
177
|
-
dark4: "--grey_40",
|
|
147
|
+
dark2: "--grey_40",
|
|
178
148
|
},
|
|
179
149
|
datatable_border_02: {
|
|
180
150
|
light1: "--grey_10",
|
|
181
151
|
light2: "--grey_15",
|
|
182
152
|
dark1: "--grey_80",
|
|
183
|
-
dark2: "--
|
|
184
|
-
dark3: "--grey_75",
|
|
185
|
-
dark4: "--grey_60",
|
|
153
|
+
dark2: "--grey_60",
|
|
186
154
|
},
|
|
187
155
|
datatable_zebra: {
|
|
188
156
|
light1: "rgba(0, 0, 0, 0.03)",
|
|
189
157
|
light2: "rgba(0, 0, 0, 0.03)",
|
|
190
158
|
dark1: "rgba(255, 255, 255, 0.03)",
|
|
191
|
-
dark2: "rgba(255, 255, 255, 0.03)",
|
|
192
|
-
dark3: "rgba(255, 255, 255, 0.03)",
|
|
193
|
-
dark4: "rgba(255, 255, 255, 0.03)", // "--grey_00 3%",
|
|
159
|
+
dark2: "rgba(255, 255, 255, 0.03)", // "--grey_00 3%",
|
|
194
160
|
},
|
|
195
161
|
},
|
|
196
162
|
scrollbars: {
|
|
@@ -198,25 +164,19 @@ export const tokenComponentColor = {
|
|
|
198
164
|
light1: "--grey_20",
|
|
199
165
|
light2: "--grey_20",
|
|
200
166
|
dark1: "--grey_60",
|
|
201
|
-
dark2: "--
|
|
202
|
-
dark3: "--grey_50",
|
|
203
|
-
dark4: "--grey_50",
|
|
167
|
+
dark2: "--grey_50",
|
|
204
168
|
},
|
|
205
169
|
scrollbars_hover: {
|
|
206
170
|
light1: "--grey_30",
|
|
207
171
|
light2: "--grey_30",
|
|
208
172
|
dark1: "--grey_50",
|
|
209
|
-
dark2: "--
|
|
210
|
-
dark3: "--grey_40",
|
|
211
|
-
dark4: "--grey_40",
|
|
173
|
+
dark2: "--grey_40",
|
|
212
174
|
},
|
|
213
175
|
scrollbars_pressed: {
|
|
214
176
|
light1: "--grey_50",
|
|
215
177
|
light2: "--grey_50",
|
|
216
178
|
dark1: "--grey_30",
|
|
217
|
-
dark2: "--
|
|
218
|
-
dark3: "--grey_20",
|
|
219
|
-
dark4: "--grey_20",
|
|
179
|
+
dark2: "--grey_20",
|
|
220
180
|
},
|
|
221
181
|
},
|
|
222
182
|
modal: {
|
|
@@ -224,9 +184,7 @@ export const tokenComponentColor = {
|
|
|
224
184
|
light1: "rgba(17, 17, 19, 0.7)",
|
|
225
185
|
light2: "rgba(17, 17, 19, 0.7)",
|
|
226
186
|
dark1: "rgba(17, 17, 19, 0.7)",
|
|
227
|
-
dark2: "rgba(17, 17, 19, 0.7)",
|
|
228
|
-
dark3: "rgba(17, 17, 19, 0.7)",
|
|
229
|
-
dark4: "rgba(17, 17, 19, 0.7)", // "--grey_95 70%",
|
|
187
|
+
dark2: "rgba(17, 17, 19, 0.7)", // "--grey_95 70%",
|
|
230
188
|
},
|
|
231
189
|
},
|
|
232
190
|
tooltip: {
|
|
@@ -235,24 +193,18 @@ export const tokenComponentColor = {
|
|
|
235
193
|
light2: "--grey_70",
|
|
236
194
|
dark1: "--grey_70",
|
|
237
195
|
dark2: "--grey_70",
|
|
238
|
-
dark3: "--grey_70",
|
|
239
|
-
dark4: "--grey_70",
|
|
240
196
|
},
|
|
241
197
|
tooltip_text_normal: {
|
|
242
198
|
light1: "--grey_5",
|
|
243
199
|
light2: "--grey_5",
|
|
244
200
|
dark1: "--grey_5",
|
|
245
201
|
dark2: "--grey_5",
|
|
246
|
-
dark3: "--grey_5",
|
|
247
|
-
dark4: "--grey_5",
|
|
248
202
|
},
|
|
249
203
|
tooltip_text_medium: {
|
|
250
204
|
light1: "--grey_40",
|
|
251
205
|
light2: "--grey_40",
|
|
252
206
|
dark1: "--grey_40",
|
|
253
207
|
dark2: "--grey_40",
|
|
254
|
-
dark3: "--grey_40",
|
|
255
|
-
dark4: "--grey_40",
|
|
256
208
|
},
|
|
257
209
|
},
|
|
258
210
|
alert: {
|
|
@@ -260,65 +212,49 @@ export const tokenComponentColor = {
|
|
|
260
212
|
light1: "rgba(250, 77, 86, 0.16)",
|
|
261
213
|
light2: "rgba(250, 77, 86, 0.16)",
|
|
262
214
|
dark1: "rgba(255, 131, 137, 0.32)",
|
|
263
|
-
dark2: "rgba(255, 131, 137, 0.32)",
|
|
264
|
-
dark3: "rgba(255, 131, 137, 0.32)",
|
|
265
|
-
dark4: "rgba(255, 131, 137, 0.32)", // "--red_30 32%",
|
|
215
|
+
dark2: "rgba(255, 131, 137, 0.32)", // "--red_30 32%",
|
|
266
216
|
},
|
|
267
217
|
alert_error_border: {
|
|
268
218
|
light1: "--red_40",
|
|
269
219
|
light2: "--red_40",
|
|
270
220
|
dark1: "--red_30",
|
|
271
221
|
dark2: "--red_30",
|
|
272
|
-
dark3: "--red_30",
|
|
273
|
-
dark4: "--red_30",
|
|
274
222
|
},
|
|
275
223
|
alert_success_bg: {
|
|
276
224
|
light1: "rgba(36, 161, 72, 0.16)",
|
|
277
225
|
light2: "rgba(36, 161, 72, 0.16)",
|
|
278
226
|
dark1: "rgba(66, 190, 101, 0.32)",
|
|
279
|
-
dark2: "rgba(66, 190, 101, 0.32)",
|
|
280
|
-
dark3: "rgba(66, 190, 101, 0.32)",
|
|
281
|
-
dark4: "rgba(66, 190, 101, 0.32)", // "--green_30 32%",
|
|
227
|
+
dark2: "rgba(66, 190, 101, 0.32)", // "--green_30 32%",
|
|
282
228
|
},
|
|
283
229
|
alert_success_border: {
|
|
284
230
|
light1: "--green_30",
|
|
285
231
|
light2: "--green_30",
|
|
286
232
|
dark1: "--green_30",
|
|
287
233
|
dark2: "--green_30",
|
|
288
|
-
dark3: "--green_30",
|
|
289
|
-
dark4: "--green_30",
|
|
290
234
|
},
|
|
291
235
|
alert_info_bg: {
|
|
292
236
|
light1: "rgba(69, 137, 255, 0.16)",
|
|
293
237
|
light2: "rgba(69, 137, 255, 0.16)",
|
|
294
238
|
dark1: "rgba(120, 169, 255, 0.32)",
|
|
295
|
-
dark2: "rgba(120, 169, 255, 0.32)",
|
|
296
|
-
dark3: "rgba(120, 169, 255, 0.32)",
|
|
297
|
-
dark4: "rgba(120, 169, 255, 0.32)", // "--blue_30 32%",
|
|
239
|
+
dark2: "rgba(120, 169, 255, 0.32)", // "--blue_30 32%",
|
|
298
240
|
},
|
|
299
241
|
alert_info_border: {
|
|
300
242
|
light1: "--blue_40",
|
|
301
243
|
light2: "--blue_40",
|
|
302
244
|
dark1: "--blue_30",
|
|
303
245
|
dark2: "--blue_30",
|
|
304
|
-
dark3: "--blue_30",
|
|
305
|
-
dark4: "--blue_30",
|
|
306
246
|
},
|
|
307
247
|
alert_warning_bg: {
|
|
308
248
|
light1: "rgba(245, 134, 54, 0.16)",
|
|
309
249
|
light2: "rgba(245, 134, 54, 0.16)",
|
|
310
250
|
dark1: "rgba(255, 155, 84, 0.32)",
|
|
311
|
-
dark2: "rgba(255, 155, 84, 0.32)",
|
|
312
|
-
dark3: "rgba(255, 155, 84, 0.32)",
|
|
313
|
-
dark4: "rgba(255, 155, 84, 0.32)", // "--orange_30 32%",
|
|
251
|
+
dark2: "rgba(255, 155, 84, 0.32)", // "--orange_30 32%",
|
|
314
252
|
},
|
|
315
253
|
alert_warning_border: {
|
|
316
254
|
light1: "--orange_40",
|
|
317
255
|
light2: "--orange_40",
|
|
318
256
|
dark1: "--orange_30",
|
|
319
257
|
dark2: "--orange_30",
|
|
320
|
-
dark3: "--orange_30",
|
|
321
|
-
dark4: "--orange_30",
|
|
322
258
|
},
|
|
323
259
|
},
|
|
324
260
|
chip: {
|
|
@@ -327,80 +263,60 @@ export const tokenComponentColor = {
|
|
|
327
263
|
light2: "--lunit_teal_20",
|
|
328
264
|
dark1: "--lunit_teal_60",
|
|
329
265
|
dark2: "--lunit_teal_60",
|
|
330
|
-
dark3: "--lunit_teal_60",
|
|
331
|
-
dark4: "--lunit_teal_60",
|
|
332
266
|
},
|
|
333
267
|
chip_primary_text: {
|
|
334
268
|
light1: "--lunit_teal_50",
|
|
335
269
|
light2: "--lunit_teal_50",
|
|
336
270
|
dark1: "--lunit_teal_40",
|
|
337
271
|
dark2: "--lunit_teal_40",
|
|
338
|
-
dark3: "--lunit_teal_40",
|
|
339
|
-
dark4: "--lunit_teal_40",
|
|
340
272
|
},
|
|
341
273
|
chip_secondary_bg: {
|
|
342
274
|
light1: "--grey_15",
|
|
343
275
|
light2: "--grey_15",
|
|
344
276
|
dark1: "--grey_60",
|
|
345
277
|
dark2: "--grey_60",
|
|
346
|
-
dark3: "--grey_60",
|
|
347
|
-
dark4: "--grey_60",
|
|
348
278
|
},
|
|
349
279
|
chip_secondary_text: {
|
|
350
280
|
light1: "--grey_40",
|
|
351
281
|
light2: "--grey_40",
|
|
352
282
|
dark1: "--grey_30",
|
|
353
283
|
dark2: "--grey_30",
|
|
354
|
-
dark3: "--grey_30",
|
|
355
|
-
dark4: "--grey_30",
|
|
356
284
|
},
|
|
357
285
|
chip_error_bg: {
|
|
358
286
|
light1: "--red_20",
|
|
359
287
|
light2: "--red_20",
|
|
360
288
|
dark1: "--red_60",
|
|
361
289
|
dark2: "--red_60",
|
|
362
|
-
dark3: "--red_60",
|
|
363
|
-
dark4: "--red_60",
|
|
364
290
|
},
|
|
365
291
|
chip_error_text: {
|
|
366
292
|
light1: "--red_40",
|
|
367
293
|
light2: "--red_40",
|
|
368
294
|
dark1: "--red_30",
|
|
369
295
|
dark2: "--red_30",
|
|
370
|
-
dark3: "--red_30",
|
|
371
|
-
dark4: "--red_30",
|
|
372
296
|
},
|
|
373
297
|
chip_warning_bg: {
|
|
374
298
|
light1: "--orange_20",
|
|
375
299
|
light2: "--orange_20",
|
|
376
300
|
dark1: "--orange_60",
|
|
377
301
|
dark2: "--orange_60",
|
|
378
|
-
dark3: "--orange_60",
|
|
379
|
-
dark4: "--orange_60",
|
|
380
302
|
},
|
|
381
303
|
chip_warning_text: {
|
|
382
304
|
light1: "--orange_40",
|
|
383
305
|
light2: "--orange_40",
|
|
384
306
|
dark1: "--orange_30",
|
|
385
307
|
dark2: "--orange_30",
|
|
386
|
-
dark3: "--orange_30",
|
|
387
|
-
dark4: "--orange_30",
|
|
388
308
|
},
|
|
389
309
|
chip_success_bg: {
|
|
390
310
|
light1: "--green_20",
|
|
391
311
|
light2: "--green_20",
|
|
392
312
|
dark1: "--green_60",
|
|
393
313
|
dark2: "--green_60",
|
|
394
|
-
dark3: "--green_60",
|
|
395
|
-
dark4: "--green_60",
|
|
396
314
|
},
|
|
397
315
|
chip_success_text: {
|
|
398
316
|
light1: "--green_40",
|
|
399
317
|
light2: "--green_40",
|
|
400
318
|
dark1: "--green_30",
|
|
401
319
|
dark2: "--green_30",
|
|
402
|
-
dark3: "--green_30",
|
|
403
|
-
dark4: "--green_30",
|
|
404
320
|
},
|
|
405
321
|
},
|
|
406
322
|
};
|
|
@@ -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,cAAc,EAAE;YACd,MAAM,EAAE,iBAAiB;YACzB,MAAM,EAAE,iBAAiB;YACzB,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,iBAAiB;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/component.ts"],"names":[],"mappings":"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"}
|