@indico-data/design-system 2.60.15 → 3.0.1

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.
Files changed (61) hide show
  1. package/lib/components/forms/date/inputDateRangePicker/InputDateRangePicker.d.ts +1 -1
  2. package/lib/components/index.d.ts +1 -1
  3. package/lib/components/modal/ConfirmationModal.d.ts +2 -0
  4. package/lib/components/modal/Modal.d.ts +1 -1
  5. package/lib/components/modal/Modal.stories.d.ts +3 -1
  6. package/lib/components/modal/index.d.ts +1 -0
  7. package/lib/components/modal/types.d.ts +18 -0
  8. package/lib/index.css +1827 -677
  9. package/lib/index.d.ts +22 -5
  10. package/lib/index.esm.css +1827 -677
  11. package/lib/index.esm.js +29 -6
  12. package/lib/index.esm.js.map +1 -1
  13. package/lib/index.js +29 -5
  14. package/lib/index.js.map +1 -1
  15. package/lib/types.d.ts +1 -1
  16. package/package.json +1 -1
  17. package/src/components/badge/styles/Badge.scss +6 -6
  18. package/src/components/button/styles/Button.scss +7 -13
  19. package/src/components/button/styles/_variables.scss +47 -48
  20. package/src/components/card/styles/Card.scss +15 -6
  21. package/src/components/floatUI/styles/_variables.scss +3 -3
  22. package/src/components/forms/date/datePicker/styles/DatePicker.scss +15 -16
  23. package/src/components/forms/date/inputDateRangePicker/InputDateRangePicker.tsx +1 -1
  24. package/src/components/forms/form/styles/Form.scss +25 -25
  25. package/src/components/forms/select/__tests__/Select.test.tsx +11 -6
  26. package/src/components/forms/select/styles/Select.scss +9 -10
  27. package/src/components/index.ts +1 -1
  28. package/src/components/menu/styles/_variables.scss +8 -8
  29. package/src/components/modal/ConfirmationModal.mdx +69 -0
  30. package/src/components/modal/ConfirmationModal.tsx +132 -0
  31. package/src/components/modal/Modal.mdx +72 -42
  32. package/src/components/modal/Modal.stories.tsx +200 -40
  33. package/src/components/modal/Modal.tsx +20 -3
  34. package/src/components/modal/__tests__/Modal.test.tsx +12 -0
  35. package/src/components/modal/index.ts +1 -0
  36. package/src/components/modal/styles/Modal.scss +51 -20
  37. package/src/components/modal/types.ts +22 -0
  38. package/src/components/pill/Pill.stories.tsx +28 -14
  39. package/src/components/pill/Pill.tsx +7 -1
  40. package/src/components/pill/styles/Pill.scss +79 -55
  41. package/src/components/tanstackTable/styles/_variables.scss +23 -24
  42. package/src/components/tanstackTable/styles/table.scss +3 -3
  43. package/src/components/toast/Toast.mdx +32 -1
  44. package/src/components/toast/Toast.stories.tsx +32 -9
  45. package/src/components/toast/styles/Toast.scss +62 -12
  46. package/src/components/tooltip/Tooltip.tsx +6 -2
  47. package/src/components/tooltip/styles/Tooltip.scss +6 -2
  48. package/src/components/truncate/Truncate.tsx +1 -1
  49. package/src/index.ts +1 -1
  50. package/src/styles/_borders.scss +35 -4
  51. package/src/styles/_colors.scss +1 -1
  52. package/src/styles/globals.scss +107 -25
  53. package/src/styles/storybook.scss +23 -6
  54. package/src/styles/variables/_borders.scss +23 -7
  55. package/src/styles/variables/_padding.scss +0 -4
  56. package/src/styles/variables/themes/dark.scss +193 -133
  57. package/src/styles/variables/themes/light.scss +192 -133
  58. package/src/stylesAndAnimations/borders/BorderColor.tsx +87 -40
  59. package/src/stylesAndAnimations/colors/Swatch.tsx +0 -1
  60. package/src/stylesAndAnimations/colors/constants.ts +316 -193
  61. package/src/types.ts +5 -3
package/src/stylesAndAnimations/colors/constants.ts CHANGED
@@ -8,148 +8,211 @@ export const colorList = [
8
8
  'yellow',
9
9
  'green',
10
10
  'purple',
11
+ 'pink',
12
+ 'teal',
13
+ 'brand',
11
14
  ];
12
15
  export const utilityColorList = ['success', 'info', 'neutral', 'warning', 'error', 'brand'];
13
16
  export const lightThemeColors = {
14
17
  primary: {
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',
18
+ base: '#50647c',
19
+ 50: '#f9fafb',
20
+ 100: '#f3f5f7',
21
+ 150: '#eceff3',
22
+ 200: '#e6eaef',
23
+ 250: '#d3dbe3',
24
+ 300: '#c1cbd7',
25
+ 400: '#7c92ab',
26
+ 450: '#5f7895',
27
+ 500: '#50647c',
28
+ 600: '#243447',
29
+ 700: '#192534',
30
+ 800: '#111b28',
31
+ 900: '#0c141d',
27
32
  },
28
33
  secondary: {
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',
34
+ base: '#1474b8',
35
+ 50: '#f8fafc',
36
+ 100: '#f1f5f9',
37
+ 150: '#e8f1f7',
38
+ 200: '#deedf7',
39
+ 250: '#c6dff1',
40
+ 300: '#add1eb',
41
+ 400: '#3ea2ea',
42
+ 450: '#188bdc',
43
+ 500: '#1474b8',
44
+ 600: '#0f578a',
45
+ 700: '#1d4058',
46
+ 800: '#132939',
47
+ 900: '#0e151b',
42
48
  },
43
49
  tertiary: {
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',
50
+ base: '#6a7798',
51
+ 50: '#f8fafb',
52
+ 100: '#f4f7f9',
53
+ 150: '#ebf0f4',
54
+ 200: '#dae3eb',
55
+ 250: '#c3d2de',
56
+ 300: '#aabbcf',
57
+ 400: '#94a5c0',
58
+ 450: '#8593b3',
59
+ 500: '#6a7798',
60
+ 600: '#58637b',
61
+ 700: '#4b5364',
62
+ 800: '#2c303a',
63
+ 900: '#111317',
57
64
  },
58
65
  gray: {
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',
66
+ base: '#b2b2b2',
67
+ 50: '#ffffff',
68
+ 100: '#fafafa',
69
+ 150: '#f5f5f5',
70
+ 200: '#f0f0f0',
71
+ 250: '#ebebeb',
72
+ 300: '#e6e6e6',
73
+ 400: '#dedede',
74
+ 450: '#c7c7c7',
75
+ 500: '#b2b2b2',
76
+ 600: '#8f8f8f',
77
+ 700: '#5e5959',
78
+ 800: '#272525',
79
+ 900: '#000000',
72
80
  },
73
81
  red: {
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',
82
+ base: '#a3292d',
83
+ 50: '#fdf6f8',
84
+ 100: '#fceeee',
85
+ 150: '#fae5e6',
86
+ 200: '#f9dcdd',
87
+ 250: '#f6acaf',
88
+ 300: '#f28c90',
89
+ 400: '#ea3e44',
90
+ 450: '#d0252a',
91
+ 500: '#a3292d',
92
+ 600: '#732629',
93
+ 700: '#522325',
94
+ 800: '#321b1c',
95
+ 900: '#181011',
96
+ },
97
+ pink: {
98
+ base: '#a3292d',
99
+ 50: '#fbf8f9',
100
+ 100: '#f8f2f4',
101
+ 150: '#f4ebee',
102
+ 200: '#f1e4e9',
103
+ 250: '#eacdd7',
104
+ 300: '#ebadc3',
105
+ 400: '#e6417b',
106
+ 450: '#c3285e',
107
+ 500: '#a32954',
108
+ 600: '#6b2e43',
109
+ 700: '#4c2935',
110
+ 800: '#321b23',
111
+ 900: '#1b0e13',
89
112
  },
90
113
  orange: {
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',
114
+ base: '#994b33',
115
+ 50: '#fcf9f7',
116
+ 100: '#faf2f0',
117
+ 150: '#f7ece8',
118
+ 200: '#f7e4de',
119
+ 250: '#f4cec2',
120
+ 300: '#f5b6a3',
121
+ 400: '#ea673e',
122
+ 450: '#c45331',
123
+ 500: '#994b33',
124
+ 600: '#6b3c2e',
125
+ 700: '#522e23',
126
+ 800: '#32201b',
127
+ 900: '#1b110e',
103
128
  },
104
129
  yellow: {
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',
130
+ base: '#ad791f',
131
+ 50: '#fdfbf7',
132
+ 100: '#fcf7ee',
133
+ 150: '#faf3e5',
134
+ 200: '#f9eedc',
135
+ 250: '#f4e2c2',
136
+ 300: '#f0d6a8',
137
+ 400: '#eaab3e',
138
+ 450: '#dc9518',
139
+ 500: '#ad791f',
140
+ 600: '#825b17',
141
+ 700: '#58421d',
142
+ 800: '#32291b',
143
+ 900: '#1b160e',
117
144
  },
118
145
  green: {
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',
146
+ base: '#14b869',
147
+ 50: '#f7fdfa',
148
+ 100: '#effbf5',
149
+ 150: '#e7f9f0',
150
+ 200: '#def7eb',
151
+ 250: '#c2f4dc',
152
+ 300: '#a8f0cd',
153
+ 400: '#3eea97',
154
+ 450: '#18dc7e',
155
+ 500: '#14b869',
156
+ 600: '#17824e',
157
+ 700: '#175e3c',
158
+ 800: '#173627',
159
+ 900: '#0e1b15',
160
+ },
161
+ teal: {
162
+ base: '#29a3a3',
163
+ 50: '#f6fdfd',
164
+ 100: '#eefcfc',
165
+ 150: '#e5fafa',
166
+ 200: '#dcf9f9',
167
+ 250: '#bff8f8',
168
+ 300: '#a3f5f5',
169
+ 400: '#3eeaea',
170
+ 450: '#25d0d0',
171
+ 500: '#29a3a3',
172
+ 600: '#267373',
173
+ 700: '#235252',
174
+ 800: '#1b3232',
175
+ 900: '#101818',
176
+ },
177
+ brand: {
178
+ base: '#2960a3',
179
+ 50: '#f6fafd',
180
+ 100: '#eef4fc',
181
+ 150: '#dce9f9',
182
+ 200: '#eef4fc',
183
+ 250: '#accdf6',
184
+ 300: '#8cbaf2',
185
+ 400: '#3e8bea',
186
+ 450: '#0070f5',
187
+ 500: '#2960a3',
188
+ 600: '#264973',
189
+ 700: '#233852',
190
+ 800: '#1b2532',
191
+ 900: '#101418',
131
192
  },
132
193
  purple: {
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',
194
+ base: '#5c29a3',
195
+ 50: '#f9f6fc',
196
+ 100: '#f4f0fa',
197
+ 150: '#eee8f7',
198
+ 200: '#e9def7',
199
+ 250: '#d8c6f1',
200
+ 300: '#c7adeb',
201
+ 400: '#8849df',
202
+ 450: '#6e31c4',
203
+ 500: '#5c29a3',
204
+ 600: '#451f7a',
205
+ 700: '#361d58',
206
+ 800: '#241736',
207
+ 900: '#130e1b',
145
208
  },
146
209
  utility: {
147
- success: '#39c29d',
148
- info: '#004cb0',
149
- neutral: '#171717',
150
- warning: '#b37300',
151
- error: '#f4a5ae',
152
- brand: '#0070f5',
210
+ success: '#14b869',
211
+ info: '#1474b8',
212
+ neutral: '#b2b2b2',
213
+ warning: '#ad791f',
214
+ error: '#a3292d',
215
+ brand: '#2960a3',
153
216
  },
154
217
  } as Record<string, any>;
155
218
 
@@ -158,133 +221,193 @@ export const darkThemeColors = {
158
221
  base: '#394c6b',
159
222
  50: '#bcc7da',
160
223
  100: '#7989b5',
161
- 200: '#8593b3',
162
- 300: '#7488a4',
163
- 400: '#5c708c',
224
+ 150: '#8593b3',
225
+ 200: '#7488a4',
226
+ 250: '#5c708c',
227
+ 300: '#4d5667',
228
+ 400: '#334154',
229
+ 450: '#233346',
164
230
  500: '#394c6b',
165
- 600: '#233346',
166
- 700: '#182432',
167
- 800: '#101a26',
168
- 900: '#141b24',
169
- 950: '#0c141d',
231
+ 600: '#182432',
232
+ 700: '#101a26',
233
+ 800: '#141b24',
234
+ 900: '#0c141d',
170
235
  },
171
236
  secondary: {
172
237
  base: '#198bdc',
173
238
  50: '#bddffa',
174
239
  100: '#83c5f6',
175
- 200: '#68afee',
176
- 300: '#66a2d5',
177
- 400: '#36a1ea',
240
+ 150: '#68afee',
241
+ 200: '#66a2d5',
242
+ 250: '#36a1ea',
243
+ 300: '#2f6a98',
244
+ 400: '#0c6ebd',
245
+ 450: '#0070f5',
178
246
  500: '#198bdc',
179
- 550: '#0070f5',
180
- 600: '#2f6a98',
181
- 700: '#0c6ebd',
182
- 800: '#0b5899',
183
- 900: '#002c4e',
184
- 950: '#112341',
247
+ 600: '#0b5899',
248
+ 700: '#002c4e',
249
+ 800: '#112341',
250
+ 900: '#0e151b',
185
251
  },
186
252
  tertiary: {
187
253
  base: '#40464e',
188
254
  50: '#dae3eb',
189
255
  100: '#c2d4df',
190
- 200: '#a3b2c9',
191
- 300: '#8593b3',
192
- 400: '#656f82',
193
- 450: '#4d5667',
256
+ 150: '#a3b2c9',
257
+ 200: '#8593b3',
258
+ 250: '#656f82',
259
+ 300: '#4d5667',
260
+ 400: '#334154',
261
+ 450: '#3b415b',
194
262
  500: '#40464e',
195
- 600: '#334154',
196
- 700: '#3b415b',
197
- 800: '#344152',
198
- 900: '#2d3444',
199
- 950: '#283243',
263
+ 600: '#344152',
264
+ 700: '#2d3444',
265
+ 800: '#283243',
266
+ 900: '#111317',
200
267
  },
201
268
  gray: {
202
269
  base: '#525252',
203
270
  50: '#f6f6f6',
204
271
  100: '#efefef',
205
- 200: '#dcdcdc',
206
- 300: '#bdbdbd',
207
- 400: '#989898',
208
- 450: '#737373',
272
+ 150: '#dcdcdc',
273
+ 200: '#bdbdbd',
274
+ 250: '#989898',
275
+ 300: '#737373',
276
+ 400: '#525252',
277
+ 450: '#404040',
209
278
  500: '#525252',
210
- 600: '#404040',
211
- 700: '#262626',
212
- 800: '#171717',
213
- 900: '#0a0a0a',
214
- 950: '#000000',
279
+ 600: '#262626',
280
+ 700: '#171717',
281
+ 800: '#0a0a0a',
282
+ 900: '#000000',
215
283
  },
216
284
  red: {
217
285
  base: '#ce6068',
218
286
  50: '#fcf5f4',
219
287
  100: '#fae9e9',
220
- 200: '#f4d7d8',
221
- 300: '#ebb6b8',
222
- 350: '#f39bb9',
223
- 400: '#ef76a0',
224
- 450: '#df8d91',
288
+ 150: '#f4d7d8',
289
+ 200: '#ebb6b8',
290
+ 250: '#f39bb9',
291
+ 300: '#ef76a0',
292
+ 400: '#df8d91',
293
+ 450: '#b94553',
225
294
  500: '#ce6068',
226
- 600: '#b94553',
227
- 700: '#9b3544',
228
- 800: '#822f3e',
229
- 850: '#702b39',
295
+ 600: '#9b3544',
296
+ 700: '#822f3e',
297
+ 800: '#702b39',
298
+ 900: '#510e2b',
299
+ },
300
+ pink: {
301
+ base: '#ce6068',
302
+ 50: '#fcf5f4',
303
+ 100: '#fae9e9',
304
+ 150: '#f4d7d8',
305
+ 200: '#ebb6b8',
306
+ 250: '#f39bb9',
307
+ 300: '#ef76a0',
308
+ 400: '#df8d91',
309
+ 450: '#b94553',
310
+ 500: '#ce6068',
311
+ 600: '#9b3544',
312
+ 700: '#822f3e',
313
+ 800: '#702b39',
230
314
  900: '#510e2b',
231
- 950: '#3e131b',
232
315
  },
233
316
  orange: {
234
317
  base: '#f46325',
235
318
  50: '#fff5ed',
236
319
  100: '#fee9d6',
237
- 200: '#fcceac',
238
- 300: '#faac77',
239
- 400: '#f67e41',
320
+ 150: '#fcceac',
321
+ 200: '#faac77',
322
+ 250: '#f67e41',
323
+ 300: '#c88e2a',
324
+ 400: '#ac6e22',
325
+ 450: '#80670c',
240
326
  500: '#f46325',
241
327
  600: '#e54311',
242
328
  700: '#be3010',
243
329
  800: '#972815',
244
330
  900: '#792315',
245
- 950: '#420f08',
246
331
  },
247
332
  yellow: {
248
333
  base: '#f29c22',
249
334
  50: '#fbf7eb',
250
335
  100: '#f5edcc',
251
- 200: '#ecd99c',
252
- 300: '#deb650',
253
- 400: '#d7a438',
336
+ 150: '#ecd99c',
337
+ 200: '#deb650',
338
+ 250: '#d7a438',
339
+ 300: '#c88e2a',
340
+ 400: '#ac6e22',
341
+ 450: '#80670c',
254
342
  500: '#f29c22',
255
- 600: '#c88e2a',
256
- 700: '#ac6e22',
257
- 800: '#80670c',
258
- 900: '#463703',
259
- 950: '#312602',
343
+ 600: '#463703',
344
+ 700: '#312602',
345
+ 800: '#1b160e',
346
+ 900: '#0e151b',
260
347
  },
261
348
  green: {
262
349
  base: '#15b77d',
263
350
  50: '#a9f1ce',
264
351
  100: '#71e4b3',
265
- 200: '#14b8a6',
266
- 300: '#03aaaa',
267
- 400: '#38cf94',
352
+ 150: '#14b8a6',
353
+ 200: '#03aaaa',
354
+ 250: '#38cf94',
355
+ 300: '#099263',
356
+ 400: '#087950',
357
+ 450: '#085d43',
268
358
  500: '#15b77d',
269
- 600: '#099263',
270
- 700: '#087950',
271
- 800: '#085d43',
272
- 900: '#084c38',
273
- 950: '#032b20',
359
+ 600: '#084c38',
360
+ 700: '#032b20',
361
+ 800: '#173627',
362
+ 900: '#0e1b15',
363
+ },
364
+ teal: {
365
+ base: '#29a3a3',
366
+ 50: '#a9f1ce',
367
+ 100: '#71e4b3',
368
+ 150: '#14b8a6',
369
+ 200: '#03aaaa',
370
+ 250: '#38cf94',
371
+ 300: '#099263',
372
+ 400: '#087950',
373
+ 450: '#085d43',
374
+ 500: '#29a3a3',
375
+ 600: '#084c38',
376
+ 700: '#032b20',
377
+ 800: '#1b3232',
378
+ 900: '#101818',
379
+ },
380
+ brand: {
381
+ base: '#2960a3',
382
+ 50: '#bddffa',
383
+ 100: '#83c5f6',
384
+ 150: '#68afee',
385
+ 200: '#66a2d5',
386
+ 250: '#36a1ea',
387
+ 300: '#2f6a98',
388
+ 400: '#0c6ebd',
389
+ 450: '#0070f5',
390
+ 500: '#2960a3',
391
+ 600: '#0b5899',
392
+ 700: '#002c4e',
393
+ 800: '#112341',
394
+ 900: '#101418',
274
395
  },
275
396
  purple: {
276
397
  base: '#9776d3',
277
398
  50: '#f7f6fc',
278
399
  100: '#f1edfa',
279
- 200: '#e4dff5',
280
- 300: '#cfc4ee',
281
- 400: '#b6a3e2',
400
+ 150: '#e4dff5',
401
+ 200: '#cfc4ee',
402
+ 250: '#b6a3e2',
403
+ 300: '#8b60c7',
404
+ 400: '#7a4eb3',
405
+ 450: '#664196',
282
406
  500: '#9776d3',
283
- 600: '#8b60c7',
284
- 700: '#7a4eb3',
285
- 800: '#664196',
286
- 900: '#55377b',
287
- 950: '#291a40',
407
+ 600: '#55377b',
408
+ 700: '#291a40',
409
+ 800: '#241736',
410
+ 900: '#130e1b',
288
411
  },
289
412
  utility: {
290
413
  success: '#15b77d',
package/src/types.ts CHANGED
@@ -8,12 +8,14 @@ export type PermafrostComponent = {
8
8
  import { IconSizes, IconName } from './components/icons/types';
9
9
  export type { IconSizes, IconName };
10
10
  export type SemanticColor =
11
- | 'primary'
12
- | 'secondary'
11
+ | 'neutral'
12
+ | 'info'
13
13
  | 'warning'
14
14
  | 'error'
15
15
  | 'success'
16
- | 'info'
16
+ | 'teal'
17
+ | 'purple'
18
+ | 'orange'
17
19
  | 'pending';
18
20
  import { SelectOption } from './components/forms/select/types';
19
21
  export type { SelectOption };