@haiilo/catalyst 10.32.1 → 10.32.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.
Files changed (23) hide show
  1. package/dist/catalyst/catalyst.css +144 -0
  2. package/dist/catalyst/catalyst.esm.js +1 -1
  3. package/dist/catalyst/{p-883b94fb.entry.js → p-0c0af582.entry.js} +4 -4
  4. package/dist/catalyst/{p-883b94fb.entry.js.map → p-0c0af582.entry.js.map} +1 -1
  5. package/dist/catalyst/scss/utils/_color.scss +21 -0
  6. package/dist/cjs/cat-alert_30.cjs.entry.js +4 -4
  7. package/dist/cjs/cat-alert_30.cjs.entry.js.map +1 -1
  8. package/dist/collection/components/cat-input/cat-input.css +144 -0
  9. package/dist/collection/components/cat-select/cat-select.css +144 -0
  10. package/dist/collection/components/cat-tag/cat-tag.css +144 -0
  11. package/dist/collection/components/cat-textarea/cat-textarea.css +144 -0
  12. package/dist/collection/scss/utils/_color.scss +21 -0
  13. package/dist/components/cat-input2.js +1 -1
  14. package/dist/components/cat-input2.js.map +1 -1
  15. package/dist/components/cat-select2.js +1 -1
  16. package/dist/components/cat-select2.js.map +1 -1
  17. package/dist/components/cat-tag.js +1 -1
  18. package/dist/components/cat-tag.js.map +1 -1
  19. package/dist/components/cat-textarea.js +1 -1
  20. package/dist/components/cat-textarea.js.map +1 -1
  21. package/dist/esm/cat-alert_30.entry.js +4 -4
  22. package/dist/esm/cat-alert_30.entry.js.map +1 -1
  23. package/package.json +2 -2
package/dist/collection/components/cat-input/cat-input.css CHANGED
@@ -49,6 +49,24 @@
49
49
  color: rgb(var(--cat-primary-text, 0, 129, 148)) !important;
50
50
  }
51
51
 
52
+ button.cat-text-primary,
53
+ button.cat-link-primary {
54
+ margin: 0;
55
+ padding: 0;
56
+ font: inherit;
57
+ border: none;
58
+ background: none;
59
+ cursor: pointer;
60
+ }
61
+
62
+ button.cat-link-primary:hover:not(:disabled) {
63
+ text-decoration: var(--cat-link-decoration-hover, underline);
64
+ }
65
+ button.cat-link-primary:focus-visible {
66
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
67
+ outline-offset: 1px;
68
+ }
69
+
52
70
  .cat-link-primary,
53
71
  .cat-text-primary-hover {
54
72
  transition: color 125ms;
@@ -88,6 +106,24 @@
88
106
  color: #93b4f2 !important;
89
107
  }
90
108
 
109
+ button.cat-text-primaryInverted,
110
+ button.cat-link-primaryInverted {
111
+ margin: 0;
112
+ padding: 0;
113
+ font: inherit;
114
+ border: none;
115
+ background: none;
116
+ cursor: pointer;
117
+ }
118
+
119
+ button.cat-link-primaryInverted:hover:not(:disabled) {
120
+ text-decoration: var(--cat-link-decoration-hover, underline);
121
+ }
122
+ button.cat-link-primaryInverted:focus-visible {
123
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
124
+ outline-offset: 1px;
125
+ }
126
+
91
127
  .cat-link-primaryInverted,
92
128
  .cat-text-primaryInverted-hover {
93
129
  transition: color 125ms;
@@ -127,6 +163,24 @@
127
163
  color: rgb(var(--cat-secondary-text, 0, 0, 0)) !important;
128
164
  }
129
165
 
166
+ button.cat-text-secondary,
167
+ button.cat-link-secondary {
168
+ margin: 0;
169
+ padding: 0;
170
+ font: inherit;
171
+ border: none;
172
+ background: none;
173
+ cursor: pointer;
174
+ }
175
+
176
+ button.cat-link-secondary:hover:not(:disabled) {
177
+ text-decoration: var(--cat-link-decoration-hover, underline);
178
+ }
179
+ button.cat-link-secondary:focus-visible {
180
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
181
+ outline-offset: 1px;
182
+ }
183
+
130
184
  .cat-link-secondary,
131
185
  .cat-text-secondary-hover {
132
186
  transition: color 125ms;
@@ -166,6 +220,24 @@
166
220
  color: white !important;
167
221
  }
168
222
 
223
+ button.cat-text-secondaryInverted,
224
+ button.cat-link-secondaryInverted {
225
+ margin: 0;
226
+ padding: 0;
227
+ font: inherit;
228
+ border: none;
229
+ background: none;
230
+ cursor: pointer;
231
+ }
232
+
233
+ button.cat-link-secondaryInverted:hover:not(:disabled) {
234
+ text-decoration: var(--cat-link-decoration-hover, underline);
235
+ }
236
+ button.cat-link-secondaryInverted:focus-visible {
237
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
238
+ outline-offset: 1px;
239
+ }
240
+
169
241
  .cat-link-secondaryInverted,
170
242
  .cat-text-secondaryInverted-hover {
171
243
  transition: color 125ms;
@@ -205,6 +277,24 @@
205
277
  color: rgb(var(--cat-info-text, 0, 115, 230)) !important;
206
278
  }
207
279
 
280
+ button.cat-text-info,
281
+ button.cat-link-info {
282
+ margin: 0;
283
+ padding: 0;
284
+ font: inherit;
285
+ border: none;
286
+ background: none;
287
+ cursor: pointer;
288
+ }
289
+
290
+ button.cat-link-info:hover:not(:disabled) {
291
+ text-decoration: var(--cat-link-decoration-hover, underline);
292
+ }
293
+ button.cat-link-info:focus-visible {
294
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
295
+ outline-offset: 1px;
296
+ }
297
+
208
298
  .cat-link-info,
209
299
  .cat-text-info-hover {
210
300
  transition: color 125ms;
@@ -244,6 +334,24 @@
244
334
  color: rgb(var(--cat-success-text, 0, 132, 88)) !important;
245
335
  }
246
336
 
337
+ button.cat-text-success,
338
+ button.cat-link-success {
339
+ margin: 0;
340
+ padding: 0;
341
+ font: inherit;
342
+ border: none;
343
+ background: none;
344
+ cursor: pointer;
345
+ }
346
+
347
+ button.cat-link-success:hover:not(:disabled) {
348
+ text-decoration: var(--cat-link-decoration-hover, underline);
349
+ }
350
+ button.cat-link-success:focus-visible {
351
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
352
+ outline-offset: 1px;
353
+ }
354
+
247
355
  .cat-link-success,
248
356
  .cat-text-success-hover {
249
357
  transition: color 125ms;
@@ -283,6 +391,24 @@
283
391
  color: rgb(var(--cat-warning-text, 159, 97, 0)) !important;
284
392
  }
285
393
 
394
+ button.cat-text-warning,
395
+ button.cat-link-warning {
396
+ margin: 0;
397
+ padding: 0;
398
+ font: inherit;
399
+ border: none;
400
+ background: none;
401
+ cursor: pointer;
402
+ }
403
+
404
+ button.cat-link-warning:hover:not(:disabled) {
405
+ text-decoration: var(--cat-link-decoration-hover, underline);
406
+ }
407
+ button.cat-link-warning:focus-visible {
408
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
409
+ outline-offset: 1px;
410
+ }
411
+
286
412
  .cat-link-warning,
287
413
  .cat-text-warning-hover {
288
414
  transition: color 125ms;
@@ -322,6 +448,24 @@
322
448
  color: rgb(var(--cat-danger-text, 217, 52, 13)) !important;
323
449
  }
324
450
 
451
+ button.cat-text-danger,
452
+ button.cat-link-danger {
453
+ margin: 0;
454
+ padding: 0;
455
+ font: inherit;
456
+ border: none;
457
+ background: none;
458
+ cursor: pointer;
459
+ }
460
+
461
+ button.cat-link-danger:hover:not(:disabled) {
462
+ text-decoration: var(--cat-link-decoration-hover, underline);
463
+ }
464
+ button.cat-link-danger:focus-visible {
465
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
466
+ outline-offset: 1px;
467
+ }
468
+
325
469
  .cat-link-danger,
326
470
  .cat-text-danger-hover {
327
471
  transition: color 125ms;
package/dist/collection/components/cat-select/cat-select.css CHANGED
@@ -49,6 +49,24 @@
49
49
  color: rgb(var(--cat-primary-text, 0, 129, 148)) !important;
50
50
  }
51
51
 
52
+ button.cat-text-primary,
53
+ button.cat-link-primary {
54
+ margin: 0;
55
+ padding: 0;
56
+ font: inherit;
57
+ border: none;
58
+ background: none;
59
+ cursor: pointer;
60
+ }
61
+
62
+ button.cat-link-primary:hover:not(:disabled) {
63
+ text-decoration: var(--cat-link-decoration-hover, underline);
64
+ }
65
+ button.cat-link-primary:focus-visible {
66
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
67
+ outline-offset: 1px;
68
+ }
69
+
52
70
  .cat-link-primary,
53
71
  .cat-text-primary-hover {
54
72
  transition: color 125ms;
@@ -88,6 +106,24 @@
88
106
  color: #93b4f2 !important;
89
107
  }
90
108
 
109
+ button.cat-text-primaryInverted,
110
+ button.cat-link-primaryInverted {
111
+ margin: 0;
112
+ padding: 0;
113
+ font: inherit;
114
+ border: none;
115
+ background: none;
116
+ cursor: pointer;
117
+ }
118
+
119
+ button.cat-link-primaryInverted:hover:not(:disabled) {
120
+ text-decoration: var(--cat-link-decoration-hover, underline);
121
+ }
122
+ button.cat-link-primaryInverted:focus-visible {
123
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
124
+ outline-offset: 1px;
125
+ }
126
+
91
127
  .cat-link-primaryInverted,
92
128
  .cat-text-primaryInverted-hover {
93
129
  transition: color 125ms;
@@ -127,6 +163,24 @@
127
163
  color: rgb(var(--cat-secondary-text, 0, 0, 0)) !important;
128
164
  }
129
165
 
166
+ button.cat-text-secondary,
167
+ button.cat-link-secondary {
168
+ margin: 0;
169
+ padding: 0;
170
+ font: inherit;
171
+ border: none;
172
+ background: none;
173
+ cursor: pointer;
174
+ }
175
+
176
+ button.cat-link-secondary:hover:not(:disabled) {
177
+ text-decoration: var(--cat-link-decoration-hover, underline);
178
+ }
179
+ button.cat-link-secondary:focus-visible {
180
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
181
+ outline-offset: 1px;
182
+ }
183
+
130
184
  .cat-link-secondary,
131
185
  .cat-text-secondary-hover {
132
186
  transition: color 125ms;
@@ -166,6 +220,24 @@
166
220
  color: white !important;
167
221
  }
168
222
 
223
+ button.cat-text-secondaryInverted,
224
+ button.cat-link-secondaryInverted {
225
+ margin: 0;
226
+ padding: 0;
227
+ font: inherit;
228
+ border: none;
229
+ background: none;
230
+ cursor: pointer;
231
+ }
232
+
233
+ button.cat-link-secondaryInverted:hover:not(:disabled) {
234
+ text-decoration: var(--cat-link-decoration-hover, underline);
235
+ }
236
+ button.cat-link-secondaryInverted:focus-visible {
237
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
238
+ outline-offset: 1px;
239
+ }
240
+
169
241
  .cat-link-secondaryInverted,
170
242
  .cat-text-secondaryInverted-hover {
171
243
  transition: color 125ms;
@@ -205,6 +277,24 @@
205
277
  color: rgb(var(--cat-info-text, 0, 115, 230)) !important;
206
278
  }
207
279
 
280
+ button.cat-text-info,
281
+ button.cat-link-info {
282
+ margin: 0;
283
+ padding: 0;
284
+ font: inherit;
285
+ border: none;
286
+ background: none;
287
+ cursor: pointer;
288
+ }
289
+
290
+ button.cat-link-info:hover:not(:disabled) {
291
+ text-decoration: var(--cat-link-decoration-hover, underline);
292
+ }
293
+ button.cat-link-info:focus-visible {
294
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
295
+ outline-offset: 1px;
296
+ }
297
+
208
298
  .cat-link-info,
209
299
  .cat-text-info-hover {
210
300
  transition: color 125ms;
@@ -244,6 +334,24 @@
244
334
  color: rgb(var(--cat-success-text, 0, 132, 88)) !important;
245
335
  }
246
336
 
337
+ button.cat-text-success,
338
+ button.cat-link-success {
339
+ margin: 0;
340
+ padding: 0;
341
+ font: inherit;
342
+ border: none;
343
+ background: none;
344
+ cursor: pointer;
345
+ }
346
+
347
+ button.cat-link-success:hover:not(:disabled) {
348
+ text-decoration: var(--cat-link-decoration-hover, underline);
349
+ }
350
+ button.cat-link-success:focus-visible {
351
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
352
+ outline-offset: 1px;
353
+ }
354
+
247
355
  .cat-link-success,
248
356
  .cat-text-success-hover {
249
357
  transition: color 125ms;
@@ -283,6 +391,24 @@
283
391
  color: rgb(var(--cat-warning-text, 159, 97, 0)) !important;
284
392
  }
285
393
 
394
+ button.cat-text-warning,
395
+ button.cat-link-warning {
396
+ margin: 0;
397
+ padding: 0;
398
+ font: inherit;
399
+ border: none;
400
+ background: none;
401
+ cursor: pointer;
402
+ }
403
+
404
+ button.cat-link-warning:hover:not(:disabled) {
405
+ text-decoration: var(--cat-link-decoration-hover, underline);
406
+ }
407
+ button.cat-link-warning:focus-visible {
408
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
409
+ outline-offset: 1px;
410
+ }
411
+
286
412
  .cat-link-warning,
287
413
  .cat-text-warning-hover {
288
414
  transition: color 125ms;
@@ -322,6 +448,24 @@
322
448
  color: rgb(var(--cat-danger-text, 217, 52, 13)) !important;
323
449
  }
324
450
 
451
+ button.cat-text-danger,
452
+ button.cat-link-danger {
453
+ margin: 0;
454
+ padding: 0;
455
+ font: inherit;
456
+ border: none;
457
+ background: none;
458
+ cursor: pointer;
459
+ }
460
+
461
+ button.cat-link-danger:hover:not(:disabled) {
462
+ text-decoration: var(--cat-link-decoration-hover, underline);
463
+ }
464
+ button.cat-link-danger:focus-visible {
465
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
466
+ outline-offset: 1px;
467
+ }
468
+
325
469
  .cat-link-danger,
326
470
  .cat-text-danger-hover {
327
471
  transition: color 125ms;
package/dist/collection/components/cat-tag/cat-tag.css CHANGED
@@ -136,6 +136,24 @@
136
136
  color: rgb(var(--cat-primary-text, 0, 129, 148)) !important;
137
137
  }
138
138
 
139
+ button.cat-text-primary,
140
+ button.cat-link-primary {
141
+ margin: 0;
142
+ padding: 0;
143
+ font: inherit;
144
+ border: none;
145
+ background: none;
146
+ cursor: pointer;
147
+ }
148
+
149
+ button.cat-link-primary:hover:not(:disabled) {
150
+ text-decoration: var(--cat-link-decoration-hover, underline);
151
+ }
152
+ button.cat-link-primary:focus-visible {
153
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
154
+ outline-offset: 1px;
155
+ }
156
+
139
157
  .cat-link-primary,
140
158
  .cat-text-primary-hover {
141
159
  transition: color 125ms;
@@ -175,6 +193,24 @@
175
193
  color: #93b4f2 !important;
176
194
  }
177
195
 
196
+ button.cat-text-primaryInverted,
197
+ button.cat-link-primaryInverted {
198
+ margin: 0;
199
+ padding: 0;
200
+ font: inherit;
201
+ border: none;
202
+ background: none;
203
+ cursor: pointer;
204
+ }
205
+
206
+ button.cat-link-primaryInverted:hover:not(:disabled) {
207
+ text-decoration: var(--cat-link-decoration-hover, underline);
208
+ }
209
+ button.cat-link-primaryInverted:focus-visible {
210
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
211
+ outline-offset: 1px;
212
+ }
213
+
178
214
  .cat-link-primaryInverted,
179
215
  .cat-text-primaryInverted-hover {
180
216
  transition: color 125ms;
@@ -214,6 +250,24 @@
214
250
  color: rgb(var(--cat-secondary-text, 0, 0, 0)) !important;
215
251
  }
216
252
 
253
+ button.cat-text-secondary,
254
+ button.cat-link-secondary {
255
+ margin: 0;
256
+ padding: 0;
257
+ font: inherit;
258
+ border: none;
259
+ background: none;
260
+ cursor: pointer;
261
+ }
262
+
263
+ button.cat-link-secondary:hover:not(:disabled) {
264
+ text-decoration: var(--cat-link-decoration-hover, underline);
265
+ }
266
+ button.cat-link-secondary:focus-visible {
267
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
268
+ outline-offset: 1px;
269
+ }
270
+
217
271
  .cat-link-secondary,
218
272
  .cat-text-secondary-hover {
219
273
  transition: color 125ms;
@@ -253,6 +307,24 @@
253
307
  color: white !important;
254
308
  }
255
309
 
310
+ button.cat-text-secondaryInverted,
311
+ button.cat-link-secondaryInverted {
312
+ margin: 0;
313
+ padding: 0;
314
+ font: inherit;
315
+ border: none;
316
+ background: none;
317
+ cursor: pointer;
318
+ }
319
+
320
+ button.cat-link-secondaryInverted:hover:not(:disabled) {
321
+ text-decoration: var(--cat-link-decoration-hover, underline);
322
+ }
323
+ button.cat-link-secondaryInverted:focus-visible {
324
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
325
+ outline-offset: 1px;
326
+ }
327
+
256
328
  .cat-link-secondaryInverted,
257
329
  .cat-text-secondaryInverted-hover {
258
330
  transition: color 125ms;
@@ -292,6 +364,24 @@
292
364
  color: rgb(var(--cat-info-text, 0, 115, 230)) !important;
293
365
  }
294
366
 
367
+ button.cat-text-info,
368
+ button.cat-link-info {
369
+ margin: 0;
370
+ padding: 0;
371
+ font: inherit;
372
+ border: none;
373
+ background: none;
374
+ cursor: pointer;
375
+ }
376
+
377
+ button.cat-link-info:hover:not(:disabled) {
378
+ text-decoration: var(--cat-link-decoration-hover, underline);
379
+ }
380
+ button.cat-link-info:focus-visible {
381
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
382
+ outline-offset: 1px;
383
+ }
384
+
295
385
  .cat-link-info,
296
386
  .cat-text-info-hover {
297
387
  transition: color 125ms;
@@ -331,6 +421,24 @@
331
421
  color: rgb(var(--cat-success-text, 0, 132, 88)) !important;
332
422
  }
333
423
 
424
+ button.cat-text-success,
425
+ button.cat-link-success {
426
+ margin: 0;
427
+ padding: 0;
428
+ font: inherit;
429
+ border: none;
430
+ background: none;
431
+ cursor: pointer;
432
+ }
433
+
434
+ button.cat-link-success:hover:not(:disabled) {
435
+ text-decoration: var(--cat-link-decoration-hover, underline);
436
+ }
437
+ button.cat-link-success:focus-visible {
438
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
439
+ outline-offset: 1px;
440
+ }
441
+
334
442
  .cat-link-success,
335
443
  .cat-text-success-hover {
336
444
  transition: color 125ms;
@@ -370,6 +478,24 @@
370
478
  color: rgb(var(--cat-warning-text, 159, 97, 0)) !important;
371
479
  }
372
480
 
481
+ button.cat-text-warning,
482
+ button.cat-link-warning {
483
+ margin: 0;
484
+ padding: 0;
485
+ font: inherit;
486
+ border: none;
487
+ background: none;
488
+ cursor: pointer;
489
+ }
490
+
491
+ button.cat-link-warning:hover:not(:disabled) {
492
+ text-decoration: var(--cat-link-decoration-hover, underline);
493
+ }
494
+ button.cat-link-warning:focus-visible {
495
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
496
+ outline-offset: 1px;
497
+ }
498
+
373
499
  .cat-link-warning,
374
500
  .cat-text-warning-hover {
375
501
  transition: color 125ms;
@@ -409,6 +535,24 @@
409
535
  color: rgb(var(--cat-danger-text, 217, 52, 13)) !important;
410
536
  }
411
537
 
538
+ button.cat-text-danger,
539
+ button.cat-link-danger {
540
+ margin: 0;
541
+ padding: 0;
542
+ font: inherit;
543
+ border: none;
544
+ background: none;
545
+ cursor: pointer;
546
+ }
547
+
548
+ button.cat-link-danger:hover:not(:disabled) {
549
+ text-decoration: var(--cat-link-decoration-hover, underline);
550
+ }
551
+ button.cat-link-danger:focus-visible {
552
+ outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
553
+ outline-offset: 1px;
554
+ }
555
+
412
556
  .cat-link-danger,
413
557
  .cat-text-danger-hover {
414
558
  transition: color 125ms;