@indico-data/design-system 2.56.0 → 2.58.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/lib/components/index.d.ts +2 -0
- package/lib/components/toast/Toast.stories.d.ts +6 -0
- package/lib/components/toast/index.d.ts +1 -0
- package/lib/components/truncate/Truncate.d.ts +2 -0
- package/lib/components/truncate/Truncate.stories.d.ts +9 -0
- package/lib/components/truncate/__tests__/Truncate.test.d.ts +1 -0
- package/lib/components/truncate/index.d.ts +1 -0
- package/lib/components/truncate/types.d.ts +7 -0
- package/lib/index.css +37 -0
- package/lib/index.d.ts +12 -1
- package/lib/index.esm.css +37 -0
- package/lib/index.esm.js +106 -49
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +107 -47
- package/lib/index.js.map +1 -1
- package/package.json +3 -1
- package/src/components/index.ts +2 -0
- package/src/components/toast/Toast.mdx +14 -0
- package/src/components/toast/Toast.stories.tsx +55 -0
- package/src/components/toast/index.ts +1 -0
- package/src/components/toast/styles/Toast.scss +17 -0
- package/src/components/truncate/Truncate.mdx +34 -0
- package/src/components/truncate/Truncate.stories.tsx +86 -0
- package/src/components/truncate/Truncate.tsx +55 -0
- package/src/components/truncate/__tests__/Truncate.test.tsx +61 -0
- package/src/components/truncate/index.ts +1 -0
- package/src/components/truncate/styles/Truncate.scss +22 -0
- package/src/components/truncate/types.ts +7 -0
- package/src/index.ts +2 -1
- package/src/styles/index.scss +2 -0
- package/src/stylesAndAnimations/colors/constants.ts +138 -100
|
@@ -12,125 +12,150 @@ export const colorList = [
|
|
|
12
12
|
export const utilityColorList = ['success', 'info', 'neutral', 'warning', 'error', 'brand'];
|
|
13
13
|
export const lightThemeColors = {
|
|
14
14
|
primary: {
|
|
15
|
-
base: '#
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
base: '#b4cadf',
|
|
16
|
+
50: '#5b8ab7',
|
|
17
|
+
100: '#6d96c3',
|
|
18
|
+
200: '#7b9fc5',
|
|
19
|
+
300: '#90adc8',
|
|
20
|
+
400: '#a3bdd4',
|
|
21
|
+
500: '#b4cadf',
|
|
22
|
+
600: '#c4d8eb',
|
|
23
|
+
700: '#d2e1f0',
|
|
24
|
+
800: '#dfeaf3',
|
|
25
|
+
900: '#eef4fa',
|
|
26
|
+
950: '#f6f9fc',
|
|
25
27
|
},
|
|
26
28
|
secondary: {
|
|
27
|
-
base: '#
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
29
|
+
base: '#3892f3',
|
|
30
|
+
50: '#002b66',
|
|
31
|
+
100: '#003b8c',
|
|
32
|
+
200: '#004cb0',
|
|
33
|
+
300: '#0060d6',
|
|
34
|
+
400: '#0070f5',
|
|
35
|
+
500: '#3892f3',
|
|
36
|
+
550: '#66adff',
|
|
37
|
+
600: '#91c5ff',
|
|
38
|
+
700: '#b8dbff',
|
|
39
|
+
800: '#d4eaff',
|
|
40
|
+
900: '#e0f2ff',
|
|
41
|
+
950: '#eaf4ff',
|
|
37
42
|
},
|
|
38
43
|
tertiary: {
|
|
39
|
-
base: '#
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
44
|
+
base: '#8394a9',
|
|
45
|
+
50: '#142838',
|
|
46
|
+
100: '#203148',
|
|
47
|
+
200: '#2e4563',
|
|
48
|
+
300: '#3e587a',
|
|
49
|
+
400: '#55677f',
|
|
50
|
+
450: '#6d8097',
|
|
51
|
+
500: '#8394a9',
|
|
52
|
+
600: '#93a3bb',
|
|
53
|
+
700: '#a5b4c6',
|
|
54
|
+
800: '#b2bfd0',
|
|
55
|
+
900: '#c4ccd7',
|
|
56
|
+
950: '#d6dde5',
|
|
49
57
|
},
|
|
50
58
|
gray: {
|
|
51
|
-
base: '#
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
base: '#525252',
|
|
60
|
+
50: '#0a0a0a',
|
|
61
|
+
100: '#171717',
|
|
62
|
+
200: '#262626',
|
|
63
|
+
300: '#404040',
|
|
64
|
+
400: '#525252',
|
|
65
|
+
450: '#737373',
|
|
66
|
+
500: '#737373',
|
|
67
|
+
600: '#989898',
|
|
68
|
+
700: '#bdbdbd',
|
|
69
|
+
800: '#dcdcdc',
|
|
70
|
+
900: '#efefef',
|
|
71
|
+
950: '#f6f6f6',
|
|
61
72
|
},
|
|
62
73
|
red: {
|
|
63
|
-
base: '#
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
74
|
+
base: '#f4a5ae',
|
|
75
|
+
50: '#5b0d16',
|
|
76
|
+
100: '#761821',
|
|
77
|
+
200: '#8f252f',
|
|
78
|
+
300: '#ad303d',
|
|
79
|
+
350: '#b8424c',
|
|
80
|
+
400: '#c84a57',
|
|
81
|
+
450: '#dc5a66',
|
|
82
|
+
500: '#f4a5ae',
|
|
83
|
+
600: '#ebb6b8',
|
|
84
|
+
700: '#f9d5dc',
|
|
85
|
+
800: '#f4d7d8',
|
|
86
|
+
850: '#fae9e9',
|
|
87
|
+
900: '#fcebeb',
|
|
88
|
+
950: '#fcf5f4',
|
|
73
89
|
},
|
|
74
90
|
orange: {
|
|
75
|
-
base: '#
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
91
|
+
base: '#ff873f',
|
|
92
|
+
50: '#721e01',
|
|
93
|
+
100: '#992702',
|
|
94
|
+
200: '#b33403',
|
|
95
|
+
300: '#d94b04',
|
|
96
|
+
400: '#f25c05',
|
|
97
|
+
500: '#ff873f',
|
|
98
|
+
600: '#ffa26d',
|
|
99
|
+
700: '#ffc9aa',
|
|
100
|
+
800: '#ffe3d1',
|
|
101
|
+
900: '#fff3ec',
|
|
102
|
+
950: '#fffaf7',
|
|
85
103
|
},
|
|
86
104
|
yellow: {
|
|
87
|
-
base: '#
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
105
|
+
base: '#ffa400',
|
|
106
|
+
50: '#312602',
|
|
107
|
+
100: '#664200',
|
|
108
|
+
200: '#895c00',
|
|
109
|
+
300: '#b37300',
|
|
110
|
+
400: '#e08e00',
|
|
111
|
+
500: '#ffa400',
|
|
112
|
+
600: '#ffb621',
|
|
113
|
+
700: '#ffc344',
|
|
114
|
+
800: '#ffd369',
|
|
115
|
+
900: '#ffeaa1',
|
|
116
|
+
950: '#fff4d0',
|
|
97
117
|
},
|
|
98
118
|
green: {
|
|
99
|
-
base: '#
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
119
|
+
base: '#39c29d',
|
|
120
|
+
50: '#003325',
|
|
121
|
+
100: '#075f48',
|
|
122
|
+
200: '#0a906c',
|
|
123
|
+
300: '#03aaaa',
|
|
124
|
+
400: '#26b890',
|
|
125
|
+
500: '#39c29d',
|
|
126
|
+
600: '#52ccae',
|
|
127
|
+
700: '#6cd6ba',
|
|
128
|
+
800: '#83e2c7',
|
|
129
|
+
900: '#c1f1e2',
|
|
130
|
+
950: '#83e2c7',
|
|
109
131
|
},
|
|
110
132
|
purple: {
|
|
111
|
-
base: '#
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
133
|
+
base: '#9776d3',
|
|
134
|
+
50: '#291a40',
|
|
135
|
+
100: '#55377b',
|
|
136
|
+
200: '#664196',
|
|
137
|
+
300: '#7a4eb3',
|
|
138
|
+
400: '#8b60c7',
|
|
139
|
+
500: '#9776d3',
|
|
140
|
+
600: '#b6a3e2',
|
|
141
|
+
700: '#cfc4ee',
|
|
142
|
+
800: '#e4dff5',
|
|
143
|
+
900: '#f1edfa',
|
|
144
|
+
950: '#f7f6fc',
|
|
121
145
|
},
|
|
122
146
|
utility: {
|
|
123
|
-
success: '#
|
|
124
|
-
info: '#
|
|
125
|
-
neutral: '#
|
|
126
|
-
warning: '#
|
|
127
|
-
error: '#
|
|
128
|
-
brand: '#
|
|
147
|
+
success: '#39c29d',
|
|
148
|
+
info: '#004cb0',
|
|
149
|
+
neutral: '#171717',
|
|
150
|
+
warning: '#b37300',
|
|
151
|
+
error: '#f4a5ae',
|
|
152
|
+
brand: '#0070f5',
|
|
129
153
|
},
|
|
130
154
|
} as Record<string, any>;
|
|
131
155
|
|
|
132
156
|
export const darkThemeColors = {
|
|
133
157
|
primary: {
|
|
158
|
+
base: '#394c6b',
|
|
134
159
|
50: '#bcc7da',
|
|
135
160
|
100: '#7989b5',
|
|
136
161
|
200: '#8593b3',
|
|
@@ -144,19 +169,22 @@ export const darkThemeColors = {
|
|
|
144
169
|
950: '#0c141d',
|
|
145
170
|
},
|
|
146
171
|
secondary: {
|
|
172
|
+
base: '#198bdc',
|
|
147
173
|
50: '#bddffa',
|
|
148
174
|
100: '#83c5f6',
|
|
149
175
|
200: '#68afee',
|
|
150
176
|
300: '#66a2d5',
|
|
151
177
|
400: '#36a1ea',
|
|
152
178
|
500: '#198bdc',
|
|
153
|
-
|
|
179
|
+
550: '#0070f5',
|
|
180
|
+
600: '#2f6a98',
|
|
154
181
|
700: '#0c6ebd',
|
|
155
182
|
800: '#0b5899',
|
|
156
183
|
900: '#002c4e',
|
|
157
184
|
950: '#112341',
|
|
158
185
|
},
|
|
159
186
|
tertiary: {
|
|
187
|
+
base: '#40464e',
|
|
160
188
|
50: '#dae3eb',
|
|
161
189
|
100: '#c2d4df',
|
|
162
190
|
200: '#a3b2c9',
|
|
@@ -171,6 +199,7 @@ export const darkThemeColors = {
|
|
|
171
199
|
950: '#283243',
|
|
172
200
|
},
|
|
173
201
|
gray: {
|
|
202
|
+
base: '#525252',
|
|
174
203
|
50: '#f6f6f6',
|
|
175
204
|
100: '#efefef',
|
|
176
205
|
200: '#dcdcdc',
|
|
@@ -182,21 +211,27 @@ export const darkThemeColors = {
|
|
|
182
211
|
700: '#262626',
|
|
183
212
|
800: '#171717',
|
|
184
213
|
900: '#0a0a0a',
|
|
214
|
+
950: '#000000',
|
|
185
215
|
},
|
|
186
216
|
red: {
|
|
217
|
+
base: '#ce6068',
|
|
187
218
|
50: '#fcf5f4',
|
|
188
219
|
100: '#fae9e9',
|
|
189
220
|
200: '#f4d7d8',
|
|
190
221
|
300: '#ebb6b8',
|
|
191
|
-
|
|
222
|
+
350: '#f39bb9',
|
|
223
|
+
400: '#ef76a0',
|
|
224
|
+
450: '#df8d91',
|
|
192
225
|
500: '#ce6068',
|
|
193
226
|
600: '#b94553',
|
|
194
227
|
700: '#9b3544',
|
|
195
228
|
800: '#822f3e',
|
|
196
|
-
|
|
229
|
+
850: '#702b39',
|
|
230
|
+
900: '#510e2b',
|
|
197
231
|
950: '#3e131b',
|
|
198
232
|
},
|
|
199
233
|
orange: {
|
|
234
|
+
base: '#f46325',
|
|
200
235
|
50: '#fff5ed',
|
|
201
236
|
100: '#fee9d6',
|
|
202
237
|
200: '#fcceac',
|
|
@@ -210,6 +245,7 @@ export const darkThemeColors = {
|
|
|
210
245
|
950: '#420f08',
|
|
211
246
|
},
|
|
212
247
|
yellow: {
|
|
248
|
+
base: '#f29c22',
|
|
213
249
|
50: '#fbf7eb',
|
|
214
250
|
100: '#f5edcc',
|
|
215
251
|
200: '#ecd99c',
|
|
@@ -223,6 +259,7 @@ export const darkThemeColors = {
|
|
|
223
259
|
950: '#312602',
|
|
224
260
|
},
|
|
225
261
|
green: {
|
|
262
|
+
base: '#15b77d',
|
|
226
263
|
50: '#a9f1ce',
|
|
227
264
|
100: '#71e4b3',
|
|
228
265
|
200: '#14b8a6',
|
|
@@ -236,6 +273,7 @@ export const darkThemeColors = {
|
|
|
236
273
|
950: '#032b20',
|
|
237
274
|
},
|
|
238
275
|
purple: {
|
|
276
|
+
base: '#9776d3',
|
|
239
277
|
50: '#f7f6fc',
|
|
240
278
|
100: '#f1edfa',
|
|
241
279
|
200: '#e4dff5',
|
|
@@ -246,7 +284,7 @@ export const darkThemeColors = {
|
|
|
246
284
|
700: '#7a4eb3',
|
|
247
285
|
800: '#664196',
|
|
248
286
|
900: '#55377b',
|
|
249
|
-
950: '#
|
|
287
|
+
950: '#291a40',
|
|
250
288
|
},
|
|
251
289
|
utility: {
|
|
252
290
|
success: '#15b77d',
|