@liner-fe/prism 2.6.24 → 2.6.30
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/index.css +162 -162
- package/lib/index.d.ts +39 -41
- package/lib/index.js +432 -334
- package/package.json +2 -1
package/lib/index.css
CHANGED
|
@@ -206,168 +206,6 @@
|
|
|
206
206
|
gap: var(--lp-sys-gap-positive-50);
|
|
207
207
|
}
|
|
208
208
|
|
|
209
|
-
/* esbuild-sass-plugin:css-chunk:src/components/Icon/style.module.scss */
|
|
210
|
-
._icon_1g8e0_1 {
|
|
211
|
-
fill: gray;
|
|
212
|
-
}
|
|
213
|
-
._icon_1g8e0_1 path[fill=white] {
|
|
214
|
-
fill: var(--inverse-label-primary);
|
|
215
|
-
}
|
|
216
|
-
._neutral-label-primary_1g8e0_8 path:not([fill=white]),
|
|
217
|
-
._neutral-label-primary_1g8e0_8 circle:not([fill=white]) {
|
|
218
|
-
fill: var(--neutral-label-primary);
|
|
219
|
-
}
|
|
220
|
-
._neutral-label-secondary_1g8e0_13 path:not([fill=white]),
|
|
221
|
-
._neutral-label-secondary_1g8e0_13 circle:not([fill=white]) {
|
|
222
|
-
fill: var(--neutral-label-secondary);
|
|
223
|
-
}
|
|
224
|
-
._neutral-label-tertiary_1g8e0_18 path:not([fill=white]),
|
|
225
|
-
._neutral-label-tertiary_1g8e0_18 circle:not([fill=white]) {
|
|
226
|
-
fill: var(--neutral-label-tertiary);
|
|
227
|
-
}
|
|
228
|
-
._neutral-label-quaternary_1g8e0_23 path:not([fill=white]),
|
|
229
|
-
._neutral-label-quaternary_1g8e0_23 circle:not([fill=white]) {
|
|
230
|
-
fill: var(--neutral-label-quaternary);
|
|
231
|
-
}
|
|
232
|
-
._neutral-label-static-primary_1g8e0_28 path:not([fill=white]),
|
|
233
|
-
._neutral-label-static-primary_1g8e0_28 circle:not([fill=white]) {
|
|
234
|
-
fill: var(--neutral-label-static-primary);
|
|
235
|
-
}
|
|
236
|
-
._neutral-label-static-secondary_1g8e0_33 path:not([fill=white]),
|
|
237
|
-
._neutral-label-static-secondary_1g8e0_33 circle:not([fill=white]) {
|
|
238
|
-
fill: var(--neutral-label-static-secondary);
|
|
239
|
-
}
|
|
240
|
-
._inverse-label-primary_1g8e0_38 path:not([fill=white]),
|
|
241
|
-
._inverse-label-primary_1g8e0_38 circle:not([fill=white]) {
|
|
242
|
-
fill: var(--inverse-label-primary);
|
|
243
|
-
}
|
|
244
|
-
._inverse-label-secondary_1g8e0_43 path:not([fill=white]),
|
|
245
|
-
._inverse-label-secondary_1g8e0_43 circle:not([fill=white]) {
|
|
246
|
-
fill: var(--inverse-label-secondary);
|
|
247
|
-
}
|
|
248
|
-
._inverse-label-tertiary_1g8e0_48 path:not([fill=white]),
|
|
249
|
-
._inverse-label-tertiary_1g8e0_48 circle:not([fill=white]) {
|
|
250
|
-
fill: var(--inverse-label-tertiary);
|
|
251
|
-
}
|
|
252
|
-
._inverse-label-quaternary_1g8e0_53 path:not([fill=white]),
|
|
253
|
-
._inverse-label-quaternary_1g8e0_53 circle:not([fill=white]) {
|
|
254
|
-
fill: var(--inverse-label-quaternary);
|
|
255
|
-
}
|
|
256
|
-
._inverse-label-static-primary_1g8e0_58 path:not([fill=white]),
|
|
257
|
-
._inverse-label-static-primary_1g8e0_58 circle:not([fill=white]) {
|
|
258
|
-
fill: var(--inverse-label-static-primary);
|
|
259
|
-
}
|
|
260
|
-
._inverse-label-static-secondary_1g8e0_63 path:not([fill=white]),
|
|
261
|
-
._inverse-label-static-secondary_1g8e0_63 circle:not([fill=white]) {
|
|
262
|
-
fill: var(--inverse-label-static-secondary);
|
|
263
|
-
}
|
|
264
|
-
._brand-label-primary_1g8e0_68 path:not([fill=white]),
|
|
265
|
-
._brand-label-primary_1g8e0_68 circle:not([fill=white]) {
|
|
266
|
-
fill: var(--brand-label-primary);
|
|
267
|
-
}
|
|
268
|
-
._brand-label-secondary_1g8e0_73 path:not([fill=white]),
|
|
269
|
-
._brand-label-secondary_1g8e0_73 circle:not([fill=white]) {
|
|
270
|
-
fill: var(--brand-label-secondary);
|
|
271
|
-
}
|
|
272
|
-
._function-label-positive_1g8e0_78 path:not([fill=white]),
|
|
273
|
-
._function-label-positive_1g8e0_78 circle:not([fill=white]) {
|
|
274
|
-
fill: var(--function-label-positive);
|
|
275
|
-
}
|
|
276
|
-
._function-label-negative_1g8e0_83 path:not([fill=white]),
|
|
277
|
-
._function-label-negative_1g8e0_83 circle:not([fill=white]) {
|
|
278
|
-
fill: var(--function-label-negative);
|
|
279
|
-
}
|
|
280
|
-
._function-label-caution_1g8e0_88 path:not([fill=white]),
|
|
281
|
-
._function-label-caution_1g8e0_88 circle:not([fill=white]) {
|
|
282
|
-
fill: var(--function-label-caution);
|
|
283
|
-
}
|
|
284
|
-
._accent-yellow_1g8e0_93 path:not([fill=white]),
|
|
285
|
-
._accent-yellow_1g8e0_93 circle:not([fill=white]) {
|
|
286
|
-
fill: var(--accent-yellow);
|
|
287
|
-
}
|
|
288
|
-
._accent-mint_1g8e0_98 path:not([fill=white]),
|
|
289
|
-
._accent-mint_1g8e0_98 circle:not([fill=white]) {
|
|
290
|
-
fill: var(--accent-mint);
|
|
291
|
-
}
|
|
292
|
-
._accent-cyan_1g8e0_103 path:not([fill=white]),
|
|
293
|
-
._accent-cyan_1g8e0_103 circle:not([fill=white]) {
|
|
294
|
-
fill: var(--accent-cyan);
|
|
295
|
-
}
|
|
296
|
-
._accent-purple_1g8e0_108 path:not([fill=white]),
|
|
297
|
-
._accent-purple_1g8e0_108 circle:not([fill=white]) {
|
|
298
|
-
fill: var(--accent-purple);
|
|
299
|
-
}
|
|
300
|
-
._accent-pink_1g8e0_113 path:not([fill=white]),
|
|
301
|
-
._accent-pink_1g8e0_113 circle:not([fill=white]) {
|
|
302
|
-
fill: var(--accent-pink);
|
|
303
|
-
}
|
|
304
|
-
._fill-neutral-label-primary_1g8e0_118 path[fill=white] {
|
|
305
|
-
fill: var(--neutral-label-primary);
|
|
306
|
-
}
|
|
307
|
-
._fill-neutral-label-secondary_1g8e0_122 path[fill=white] {
|
|
308
|
-
fill: var(--neutral-label-secondary);
|
|
309
|
-
}
|
|
310
|
-
._fill-neutral-label-tertiary_1g8e0_126 path[fill=white] {
|
|
311
|
-
fill: var(--neutral-label-tertiary);
|
|
312
|
-
}
|
|
313
|
-
._fill-neutral-label-quaternary_1g8e0_130 path[fill=white] {
|
|
314
|
-
fill: var(--neutral-label-quaternary);
|
|
315
|
-
}
|
|
316
|
-
._fill-neutral-label-static-primary_1g8e0_134 path[fill=white] {
|
|
317
|
-
fill: var(--neutral-label-static-primary);
|
|
318
|
-
}
|
|
319
|
-
._fill-neutral-label-static-secondary_1g8e0_138 path[fill=white] {
|
|
320
|
-
fill: var(--neutral-label-static-secondary);
|
|
321
|
-
}
|
|
322
|
-
._fill-inverse-label-primary_1g8e0_142 path[fill=white] {
|
|
323
|
-
fill: var(--inverse-label-primary);
|
|
324
|
-
}
|
|
325
|
-
._fill-inverse-label-secondary_1g8e0_146 path[fill=white] {
|
|
326
|
-
fill: var(--inverse-label-secondary);
|
|
327
|
-
}
|
|
328
|
-
._fill-inverse-label-tertiary_1g8e0_150 path[fill=white] {
|
|
329
|
-
fill: var(--inverse-label-tertiary);
|
|
330
|
-
}
|
|
331
|
-
._fill-inverse-label-quaternary_1g8e0_154 path[fill=white] {
|
|
332
|
-
fill: var(--inverse-label-quaternary);
|
|
333
|
-
}
|
|
334
|
-
._fill-inverse-label-static-primary_1g8e0_158 path[fill=white] {
|
|
335
|
-
fill: var(--inverse-label-static-primary);
|
|
336
|
-
}
|
|
337
|
-
._fill-inverse-label-static-secondary_1g8e0_162 path[fill=white] {
|
|
338
|
-
fill: var(--inverse-label-static-secondary);
|
|
339
|
-
}
|
|
340
|
-
._fill-brand-label-primary_1g8e0_166 path[fill=white] {
|
|
341
|
-
fill: var(--brand-label-primary);
|
|
342
|
-
}
|
|
343
|
-
._fill-brand-label-secondary_1g8e0_170 path[fill=white] {
|
|
344
|
-
fill: var(--brand-label-secondary);
|
|
345
|
-
}
|
|
346
|
-
._fill-function-label-positive_1g8e0_174 path[fill=white] {
|
|
347
|
-
fill: var(--function-label-positive);
|
|
348
|
-
}
|
|
349
|
-
._fill-function-label-negative_1g8e0_178 path[fill=white] {
|
|
350
|
-
fill: var(--function-label-negative);
|
|
351
|
-
}
|
|
352
|
-
._fill-function-label-caution_1g8e0_182 path[fill=white] {
|
|
353
|
-
fill: var(--function-label-caution);
|
|
354
|
-
}
|
|
355
|
-
._fill-accent-yellow_1g8e0_186 path[fill=white] {
|
|
356
|
-
fill: var(--accent-yellow);
|
|
357
|
-
}
|
|
358
|
-
._fill-accent-mint_1g8e0_190 path[fill=white] {
|
|
359
|
-
fill: var(--accent-mint);
|
|
360
|
-
}
|
|
361
|
-
._fill-accent-cyan_1g8e0_194 path[fill=white] {
|
|
362
|
-
fill: var(--accent-cyan);
|
|
363
|
-
}
|
|
364
|
-
._fill-accent-purple_1g8e0_198 path[fill=white] {
|
|
365
|
-
fill: var(--accent-purple);
|
|
366
|
-
}
|
|
367
|
-
._fill-accent-pink_1g8e0_202 path[fill=white] {
|
|
368
|
-
fill: var(--accent-pink);
|
|
369
|
-
}
|
|
370
|
-
|
|
371
209
|
/* esbuild-sass-plugin:css-chunk:src/components/Loading/style.module.scss */
|
|
372
210
|
._dots-loader-container_7yn2t_4 {
|
|
373
211
|
display: flex;
|
|
@@ -705,6 +543,168 @@
|
|
|
705
543
|
animation: _swipeOut_sbycv_1 100ms ease-out;
|
|
706
544
|
}
|
|
707
545
|
|
|
546
|
+
/* esbuild-sass-plugin:css-chunk:src/components/Icon/style.module.scss */
|
|
547
|
+
._icon_1g8e0_1 {
|
|
548
|
+
fill: gray;
|
|
549
|
+
}
|
|
550
|
+
._icon_1g8e0_1 path[fill=white] {
|
|
551
|
+
fill: var(--inverse-label-primary);
|
|
552
|
+
}
|
|
553
|
+
._neutral-label-primary_1g8e0_8 path:not([fill=white]),
|
|
554
|
+
._neutral-label-primary_1g8e0_8 circle:not([fill=white]) {
|
|
555
|
+
fill: var(--neutral-label-primary);
|
|
556
|
+
}
|
|
557
|
+
._neutral-label-secondary_1g8e0_13 path:not([fill=white]),
|
|
558
|
+
._neutral-label-secondary_1g8e0_13 circle:not([fill=white]) {
|
|
559
|
+
fill: var(--neutral-label-secondary);
|
|
560
|
+
}
|
|
561
|
+
._neutral-label-tertiary_1g8e0_18 path:not([fill=white]),
|
|
562
|
+
._neutral-label-tertiary_1g8e0_18 circle:not([fill=white]) {
|
|
563
|
+
fill: var(--neutral-label-tertiary);
|
|
564
|
+
}
|
|
565
|
+
._neutral-label-quaternary_1g8e0_23 path:not([fill=white]),
|
|
566
|
+
._neutral-label-quaternary_1g8e0_23 circle:not([fill=white]) {
|
|
567
|
+
fill: var(--neutral-label-quaternary);
|
|
568
|
+
}
|
|
569
|
+
._neutral-label-static-primary_1g8e0_28 path:not([fill=white]),
|
|
570
|
+
._neutral-label-static-primary_1g8e0_28 circle:not([fill=white]) {
|
|
571
|
+
fill: var(--neutral-label-static-primary);
|
|
572
|
+
}
|
|
573
|
+
._neutral-label-static-secondary_1g8e0_33 path:not([fill=white]),
|
|
574
|
+
._neutral-label-static-secondary_1g8e0_33 circle:not([fill=white]) {
|
|
575
|
+
fill: var(--neutral-label-static-secondary);
|
|
576
|
+
}
|
|
577
|
+
._inverse-label-primary_1g8e0_38 path:not([fill=white]),
|
|
578
|
+
._inverse-label-primary_1g8e0_38 circle:not([fill=white]) {
|
|
579
|
+
fill: var(--inverse-label-primary);
|
|
580
|
+
}
|
|
581
|
+
._inverse-label-secondary_1g8e0_43 path:not([fill=white]),
|
|
582
|
+
._inverse-label-secondary_1g8e0_43 circle:not([fill=white]) {
|
|
583
|
+
fill: var(--inverse-label-secondary);
|
|
584
|
+
}
|
|
585
|
+
._inverse-label-tertiary_1g8e0_48 path:not([fill=white]),
|
|
586
|
+
._inverse-label-tertiary_1g8e0_48 circle:not([fill=white]) {
|
|
587
|
+
fill: var(--inverse-label-tertiary);
|
|
588
|
+
}
|
|
589
|
+
._inverse-label-quaternary_1g8e0_53 path:not([fill=white]),
|
|
590
|
+
._inverse-label-quaternary_1g8e0_53 circle:not([fill=white]) {
|
|
591
|
+
fill: var(--inverse-label-quaternary);
|
|
592
|
+
}
|
|
593
|
+
._inverse-label-static-primary_1g8e0_58 path:not([fill=white]),
|
|
594
|
+
._inverse-label-static-primary_1g8e0_58 circle:not([fill=white]) {
|
|
595
|
+
fill: var(--inverse-label-static-primary);
|
|
596
|
+
}
|
|
597
|
+
._inverse-label-static-secondary_1g8e0_63 path:not([fill=white]),
|
|
598
|
+
._inverse-label-static-secondary_1g8e0_63 circle:not([fill=white]) {
|
|
599
|
+
fill: var(--inverse-label-static-secondary);
|
|
600
|
+
}
|
|
601
|
+
._brand-label-primary_1g8e0_68 path:not([fill=white]),
|
|
602
|
+
._brand-label-primary_1g8e0_68 circle:not([fill=white]) {
|
|
603
|
+
fill: var(--brand-label-primary);
|
|
604
|
+
}
|
|
605
|
+
._brand-label-secondary_1g8e0_73 path:not([fill=white]),
|
|
606
|
+
._brand-label-secondary_1g8e0_73 circle:not([fill=white]) {
|
|
607
|
+
fill: var(--brand-label-secondary);
|
|
608
|
+
}
|
|
609
|
+
._function-label-positive_1g8e0_78 path:not([fill=white]),
|
|
610
|
+
._function-label-positive_1g8e0_78 circle:not([fill=white]) {
|
|
611
|
+
fill: var(--function-label-positive);
|
|
612
|
+
}
|
|
613
|
+
._function-label-negative_1g8e0_83 path:not([fill=white]),
|
|
614
|
+
._function-label-negative_1g8e0_83 circle:not([fill=white]) {
|
|
615
|
+
fill: var(--function-label-negative);
|
|
616
|
+
}
|
|
617
|
+
._function-label-caution_1g8e0_88 path:not([fill=white]),
|
|
618
|
+
._function-label-caution_1g8e0_88 circle:not([fill=white]) {
|
|
619
|
+
fill: var(--function-label-caution);
|
|
620
|
+
}
|
|
621
|
+
._accent-yellow_1g8e0_93 path:not([fill=white]),
|
|
622
|
+
._accent-yellow_1g8e0_93 circle:not([fill=white]) {
|
|
623
|
+
fill: var(--accent-yellow);
|
|
624
|
+
}
|
|
625
|
+
._accent-mint_1g8e0_98 path:not([fill=white]),
|
|
626
|
+
._accent-mint_1g8e0_98 circle:not([fill=white]) {
|
|
627
|
+
fill: var(--accent-mint);
|
|
628
|
+
}
|
|
629
|
+
._accent-cyan_1g8e0_103 path:not([fill=white]),
|
|
630
|
+
._accent-cyan_1g8e0_103 circle:not([fill=white]) {
|
|
631
|
+
fill: var(--accent-cyan);
|
|
632
|
+
}
|
|
633
|
+
._accent-purple_1g8e0_108 path:not([fill=white]),
|
|
634
|
+
._accent-purple_1g8e0_108 circle:not([fill=white]) {
|
|
635
|
+
fill: var(--accent-purple);
|
|
636
|
+
}
|
|
637
|
+
._accent-pink_1g8e0_113 path:not([fill=white]),
|
|
638
|
+
._accent-pink_1g8e0_113 circle:not([fill=white]) {
|
|
639
|
+
fill: var(--accent-pink);
|
|
640
|
+
}
|
|
641
|
+
._fill-neutral-label-primary_1g8e0_118 path[fill=white] {
|
|
642
|
+
fill: var(--neutral-label-primary);
|
|
643
|
+
}
|
|
644
|
+
._fill-neutral-label-secondary_1g8e0_122 path[fill=white] {
|
|
645
|
+
fill: var(--neutral-label-secondary);
|
|
646
|
+
}
|
|
647
|
+
._fill-neutral-label-tertiary_1g8e0_126 path[fill=white] {
|
|
648
|
+
fill: var(--neutral-label-tertiary);
|
|
649
|
+
}
|
|
650
|
+
._fill-neutral-label-quaternary_1g8e0_130 path[fill=white] {
|
|
651
|
+
fill: var(--neutral-label-quaternary);
|
|
652
|
+
}
|
|
653
|
+
._fill-neutral-label-static-primary_1g8e0_134 path[fill=white] {
|
|
654
|
+
fill: var(--neutral-label-static-primary);
|
|
655
|
+
}
|
|
656
|
+
._fill-neutral-label-static-secondary_1g8e0_138 path[fill=white] {
|
|
657
|
+
fill: var(--neutral-label-static-secondary);
|
|
658
|
+
}
|
|
659
|
+
._fill-inverse-label-primary_1g8e0_142 path[fill=white] {
|
|
660
|
+
fill: var(--inverse-label-primary);
|
|
661
|
+
}
|
|
662
|
+
._fill-inverse-label-secondary_1g8e0_146 path[fill=white] {
|
|
663
|
+
fill: var(--inverse-label-secondary);
|
|
664
|
+
}
|
|
665
|
+
._fill-inverse-label-tertiary_1g8e0_150 path[fill=white] {
|
|
666
|
+
fill: var(--inverse-label-tertiary);
|
|
667
|
+
}
|
|
668
|
+
._fill-inverse-label-quaternary_1g8e0_154 path[fill=white] {
|
|
669
|
+
fill: var(--inverse-label-quaternary);
|
|
670
|
+
}
|
|
671
|
+
._fill-inverse-label-static-primary_1g8e0_158 path[fill=white] {
|
|
672
|
+
fill: var(--inverse-label-static-primary);
|
|
673
|
+
}
|
|
674
|
+
._fill-inverse-label-static-secondary_1g8e0_162 path[fill=white] {
|
|
675
|
+
fill: var(--inverse-label-static-secondary);
|
|
676
|
+
}
|
|
677
|
+
._fill-brand-label-primary_1g8e0_166 path[fill=white] {
|
|
678
|
+
fill: var(--brand-label-primary);
|
|
679
|
+
}
|
|
680
|
+
._fill-brand-label-secondary_1g8e0_170 path[fill=white] {
|
|
681
|
+
fill: var(--brand-label-secondary);
|
|
682
|
+
}
|
|
683
|
+
._fill-function-label-positive_1g8e0_174 path[fill=white] {
|
|
684
|
+
fill: var(--function-label-positive);
|
|
685
|
+
}
|
|
686
|
+
._fill-function-label-negative_1g8e0_178 path[fill=white] {
|
|
687
|
+
fill: var(--function-label-negative);
|
|
688
|
+
}
|
|
689
|
+
._fill-function-label-caution_1g8e0_182 path[fill=white] {
|
|
690
|
+
fill: var(--function-label-caution);
|
|
691
|
+
}
|
|
692
|
+
._fill-accent-yellow_1g8e0_186 path[fill=white] {
|
|
693
|
+
fill: var(--accent-yellow);
|
|
694
|
+
}
|
|
695
|
+
._fill-accent-mint_1g8e0_190 path[fill=white] {
|
|
696
|
+
fill: var(--accent-mint);
|
|
697
|
+
}
|
|
698
|
+
._fill-accent-cyan_1g8e0_194 path[fill=white] {
|
|
699
|
+
fill: var(--accent-cyan);
|
|
700
|
+
}
|
|
701
|
+
._fill-accent-purple_1g8e0_198 path[fill=white] {
|
|
702
|
+
fill: var(--accent-purple);
|
|
703
|
+
}
|
|
704
|
+
._fill-accent-pink_1g8e0_202 path[fill=white] {
|
|
705
|
+
fill: var(--accent-pink);
|
|
706
|
+
}
|
|
707
|
+
|
|
708
708
|
/* esbuild-sass-plugin:css-chunk:src/components/Typography/Set/style.module.scss */
|
|
709
709
|
._caption_2vn3a_1 {
|
|
710
710
|
display: block;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ComponentType, ForwardRefExoticComponent, RefAttributes,
|
|
3
|
-
import { SystemKeys, TypographyCaptionPrefix, TypographyParagraphPrefix, TypographyHeadingPrefix, TypographyTitlePrefix, TypographyDisplayPrefix } from '@liner-fe/design-token-primitive';
|
|
2
|
+
import react__default, { ComponentType, ForwardRefExoticComponent, RefAttributes, ButtonHTMLAttributes, SVGProps, HTMLAttributes, ReactNode, ComponentPropsWithoutRef, InputHTMLAttributes, ComponentProps, LiHTMLAttributes, MouseEventHandler } from 'react';
|
|
3
|
+
import { SystemKeys, BasicColorType, TypographyCaptionPrefix, TypographyParagraphPrefix, TypographyHeadingPrefix, TypographyTitlePrefix, TypographyDisplayPrefix } from '@liner-fe/design-token-primitive';
|
|
4
4
|
import * as cva from 'cva';
|
|
5
5
|
import { VariantProps } from 'cva';
|
|
6
|
+
import { IconProps as IconProps$1 } from '@liner-fe/icon';
|
|
6
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
8
|
import { ToastProps } from '@radix-ui/react-toast';
|
|
8
9
|
import * as _artsy_fresnel_dist_Media from '@artsy/fresnel/dist/Media';
|
|
@@ -33,41 +34,6 @@ declare const arrayToStyleObject: <T extends SystemKeys>(colorKeys: T[], style:
|
|
|
33
34
|
}, prefix?: string) => Partial<Record<SystemKeys, string>>;
|
|
34
35
|
declare const isEmptyObject: (obj: object) => boolean;
|
|
35
36
|
|
|
36
|
-
type MyExtract<T, U extends Partial<T>> = T extends U ? T : never;
|
|
37
|
-
type BasicColorType = MyExtract<SystemKeys, 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'inverse-label-primary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'brand-label-primary' | 'brand-label-secondary' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'accent-label-yellow' | 'accent-label-cyan' | 'accent-label-mint' | 'accent-label-purple' | 'accent-label-pink' | 'neutral-fill-overlay-low' | 'neutral-fill-overlay-mid' | 'neutral-fill-overlay-high' | 'neutral-fill-overlay-highest' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-mid' | 'neutral-container-high' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'brand-container-mid' | 'brand-container-high' | 'inverse-container-lowest' | 'inverse-container-low' | 'inverse-container-mid' | 'inverse-container-high' | 'inverse-container-static-high' | 'inverse-container-highest'>;
|
|
38
|
-
|
|
39
|
-
declare const iconSizeMap: {
|
|
40
|
-
readonly xs: 16;
|
|
41
|
-
readonly s: 20;
|
|
42
|
-
readonly m: 24;
|
|
43
|
-
readonly l: 32;
|
|
44
|
-
readonly xl: 40;
|
|
45
|
-
};
|
|
46
|
-
declare const iconKeyOptions: IconKey[];
|
|
47
|
-
declare const iconVariants: (props?: ({
|
|
48
|
-
type?: SystemKeys | undefined;
|
|
49
|
-
fillType?: SystemKeys | undefined;
|
|
50
|
-
} & ({
|
|
51
|
-
class?: cva.ClassValue;
|
|
52
|
-
className?: never;
|
|
53
|
-
} | {
|
|
54
|
-
class?: never;
|
|
55
|
-
className?: cva.ClassValue;
|
|
56
|
-
})) | undefined) => string;
|
|
57
|
-
declare const getIconComponent: (iconKey: IconKey, map: IconMapType) => IconComponent;
|
|
58
|
-
type IconSizeKey = keyof typeof iconSizeMap;
|
|
59
|
-
type IconColorType = Extract<SystemKeys, BasicColorType>;
|
|
60
|
-
interface IconProps extends VariantProps<typeof iconVariants>, Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
61
|
-
name: IconKey;
|
|
62
|
-
type?: IconColorType;
|
|
63
|
-
fillType?: IconColorType;
|
|
64
|
-
size?: IconSizeKey;
|
|
65
|
-
thick?: boolean;
|
|
66
|
-
fill?: boolean;
|
|
67
|
-
className?: string;
|
|
68
|
-
}
|
|
69
|
-
declare const Icon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
|
|
70
|
-
|
|
71
37
|
declare const defaultButtonVariants: (props?: ({
|
|
72
38
|
level?: "primary" | "secondary" | "tertiary" | "quaternary" | "quinary" | "negative" | "static" | "inverse-static" | undefined;
|
|
73
39
|
fill?: boolean | undefined;
|
|
@@ -90,7 +56,7 @@ type FillLevelType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quin
|
|
|
90
56
|
type FillFalseLevelType = 'primary' | 'secondary';
|
|
91
57
|
type ButtonSizeType = 'cta' | 'l' | 'm' | 's';
|
|
92
58
|
type DefaultLevelType<T> = T extends true ? FillLevelType : FillFalseLevelType;
|
|
93
|
-
type ButtonIconProps = Exclude<IconProps, 'size' | 'thick'>;
|
|
59
|
+
type ButtonIconProps = Exclude<IconProps$1, 'size' | 'thick'>;
|
|
94
60
|
interface DefaultButtonProps<T extends FillType> extends CommonButtonProps, VariantProps<typeof defaultButtonVariants> {
|
|
95
61
|
asChild?: boolean;
|
|
96
62
|
level?: DefaultLevelType<T>;
|
|
@@ -106,6 +72,38 @@ type ButtonProps = DefaultButtonProps<FillType>;
|
|
|
106
72
|
declare const DefaultButton: react.ForwardRefExoticComponent<DefaultButtonProps<boolean> & react.RefAttributes<HTMLButtonElement>>;
|
|
107
73
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
108
74
|
|
|
75
|
+
declare const iconSizeMap: {
|
|
76
|
+
readonly xs: 16;
|
|
77
|
+
readonly s: 20;
|
|
78
|
+
readonly m: 24;
|
|
79
|
+
readonly l: 32;
|
|
80
|
+
readonly xl: 40;
|
|
81
|
+
};
|
|
82
|
+
declare const iconKeyOptions: IconKey[];
|
|
83
|
+
declare const iconVariants: (props?: ({
|
|
84
|
+
type?: SystemKeys | undefined;
|
|
85
|
+
fillType?: SystemKeys | undefined;
|
|
86
|
+
} & ({
|
|
87
|
+
class?: cva.ClassValue;
|
|
88
|
+
className?: never;
|
|
89
|
+
} | {
|
|
90
|
+
class?: never;
|
|
91
|
+
className?: cva.ClassValue;
|
|
92
|
+
})) | undefined) => string;
|
|
93
|
+
declare const getIconComponent: (iconKey: IconKey, map: IconMapType) => IconComponent;
|
|
94
|
+
type IconSizeKey = keyof typeof iconSizeMap;
|
|
95
|
+
type IconColorType = Extract<SystemKeys, BasicColorType>;
|
|
96
|
+
interface IconProps extends VariantProps<typeof iconVariants>, Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
97
|
+
name: IconKey;
|
|
98
|
+
type?: IconColorType;
|
|
99
|
+
fillType?: IconColorType;
|
|
100
|
+
size?: IconSizeKey;
|
|
101
|
+
thick?: boolean;
|
|
102
|
+
fill?: boolean;
|
|
103
|
+
className?: string;
|
|
104
|
+
}
|
|
105
|
+
declare const Icon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
|
|
106
|
+
|
|
109
107
|
interface IToastBase extends ToastProps, RefAttributes<HTMLLIElement> {
|
|
110
108
|
toastId: number;
|
|
111
109
|
message: string;
|
|
@@ -368,7 +366,7 @@ interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Varia
|
|
|
368
366
|
size?: 'l' | 'm' | 's' | 'xs';
|
|
369
367
|
fill?: boolean;
|
|
370
368
|
level?: IconButtonLevelType;
|
|
371
|
-
icon: Omit<IconProps, 'className'>;
|
|
369
|
+
icon: Omit<IconProps$1, 'className'>;
|
|
372
370
|
isLoading?: boolean;
|
|
373
371
|
}
|
|
374
372
|
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -564,7 +562,7 @@ interface LogoSquareProps {
|
|
|
564
562
|
className?: string;
|
|
565
563
|
}
|
|
566
564
|
interface LogoRectangleProps {
|
|
567
|
-
type: 'combination' | 'team';
|
|
565
|
+
type: 'combination' | 'team' | 'pro';
|
|
568
566
|
width: number;
|
|
569
567
|
height: number;
|
|
570
568
|
className?: string;
|
|
@@ -674,4 +672,4 @@ interface TagProps extends Omit<IPropsNormalBold, 'type' | 'size' | 'weight'> {
|
|
|
674
672
|
}
|
|
675
673
|
declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
676
674
|
|
|
677
|
-
export { type BaseCoachMarkContentProps, type
|
|
675
|
+
export { type BaseCoachMarkContentProps, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, Icon, IconButton, type IconButtonLevelType, type IconButtonProps, type IconColorType, type IconComponent, type IconComponentProps, type IconKey, type IconMapType, type IconProps, type IconSizeKey, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, Radio, Select, type SelectItemProps, type SelectProps, SingleSnackbar, Snackbar, Tag, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, getIconComponent, iconKeyOptions, iconMap, isEmptyObject, objectToArray, rootMediaStyle, snackbarAtom, useSnackbar, useToast };
|