@liner-fe/prism 3.6.1 → 3.6.3
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.d.ts +275 -55
- package/package.json +7 -5
package/lib/index.d.ts
CHANGED
|
@@ -22,17 +22,76 @@ declare const DEFAULT_LEVEL_OPTIONS: readonly ["primary", "secondary", "tertiary
|
|
|
22
22
|
type DefaultLevelType = (typeof DEFAULT_LEVEL_OPTIONS)[number];
|
|
23
23
|
declare const DEFAULT_SIZE_OPTIONS: readonly ["cta", "l", "m", "s"];
|
|
24
24
|
type ButtonSizeType = (typeof DEFAULT_SIZE_OPTIONS)[number];
|
|
25
|
-
declare const defaultButtonVariants:
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
25
|
+
declare const defaultButtonVariants: cva.CVAComponent<Omit<{
|
|
26
|
+
base: string;
|
|
27
|
+
variants: {
|
|
28
|
+
level: {
|
|
29
|
+
primary: string;
|
|
30
|
+
secondary: string;
|
|
31
|
+
tertiary: string;
|
|
32
|
+
quaternary: string;
|
|
33
|
+
quinary: string;
|
|
34
|
+
negative: string;
|
|
35
|
+
static: string;
|
|
36
|
+
'inverse-static': string;
|
|
37
|
+
};
|
|
38
|
+
size: {
|
|
39
|
+
cta: string[];
|
|
40
|
+
l: string[];
|
|
41
|
+
m: string[];
|
|
42
|
+
s: string[];
|
|
43
|
+
};
|
|
44
|
+
width: {
|
|
45
|
+
full: string;
|
|
46
|
+
'fit-content': string;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
}, "defaultVariants"> & {
|
|
50
|
+
variants: {
|
|
51
|
+
level: {
|
|
52
|
+
primary: string;
|
|
53
|
+
secondary: string;
|
|
54
|
+
tertiary: string;
|
|
55
|
+
quaternary: string;
|
|
56
|
+
quinary: string;
|
|
57
|
+
negative: string;
|
|
58
|
+
static: string;
|
|
59
|
+
'inverse-static': string;
|
|
60
|
+
};
|
|
61
|
+
size: {
|
|
62
|
+
cta: string[];
|
|
63
|
+
l: string[];
|
|
64
|
+
m: string[];
|
|
65
|
+
s: string[];
|
|
66
|
+
};
|
|
67
|
+
width: {
|
|
68
|
+
full: string;
|
|
69
|
+
'fit-content': string;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
defaultVariants: Omit<{}, never>;
|
|
73
|
+
}, {
|
|
74
|
+
level: {
|
|
75
|
+
primary: string;
|
|
76
|
+
secondary: string;
|
|
77
|
+
tertiary: string;
|
|
78
|
+
quaternary: string;
|
|
79
|
+
quinary: string;
|
|
80
|
+
negative: string;
|
|
81
|
+
static: string;
|
|
82
|
+
'inverse-static': string;
|
|
83
|
+
};
|
|
84
|
+
size: {
|
|
85
|
+
cta: string[];
|
|
86
|
+
l: string[];
|
|
87
|
+
m: string[];
|
|
88
|
+
s: string[];
|
|
89
|
+
};
|
|
90
|
+
width: {
|
|
91
|
+
full: string;
|
|
92
|
+
'fit-content': string;
|
|
93
|
+
};
|
|
94
|
+
}>;
|
|
36
95
|
interface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
37
96
|
asChild?: boolean;
|
|
38
97
|
}
|
|
@@ -313,16 +372,58 @@ declare const Tooltip: (({ children, ...props }: TooltipRootProps) => react_jsx_
|
|
|
313
372
|
declare const ICON_SIZE_OPTIONS: string[];
|
|
314
373
|
declare const ICON_LEVEL_OPTIONS: readonly ["primary", "secondary", "tertiary", "quaternary", "quinary", "static", "inverse-static"];
|
|
315
374
|
type IconButtonLevelType = (typeof ICON_LEVEL_OPTIONS)[number];
|
|
316
|
-
declare const iconButtonVariants:
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
375
|
+
declare const iconButtonVariants: cva.CVAComponent<Omit<{
|
|
376
|
+
base: string[];
|
|
377
|
+
variants: {
|
|
378
|
+
level: {
|
|
379
|
+
primary: string;
|
|
380
|
+
secondary: string;
|
|
381
|
+
tertiary: string;
|
|
382
|
+
quaternary: string;
|
|
383
|
+
static: string;
|
|
384
|
+
quinary: string;
|
|
385
|
+
'inverse-static': string;
|
|
386
|
+
};
|
|
387
|
+
size: {
|
|
388
|
+
l: string;
|
|
389
|
+
m: string;
|
|
390
|
+
s: string;
|
|
391
|
+
};
|
|
392
|
+
};
|
|
393
|
+
}, "defaultVariants"> & {
|
|
394
|
+
variants: {
|
|
395
|
+
level: {
|
|
396
|
+
primary: string;
|
|
397
|
+
secondary: string;
|
|
398
|
+
tertiary: string;
|
|
399
|
+
quaternary: string;
|
|
400
|
+
static: string;
|
|
401
|
+
quinary: string;
|
|
402
|
+
'inverse-static': string;
|
|
403
|
+
};
|
|
404
|
+
size: {
|
|
405
|
+
l: string;
|
|
406
|
+
m: string;
|
|
407
|
+
s: string;
|
|
408
|
+
};
|
|
409
|
+
};
|
|
410
|
+
defaultVariants: Omit<{}, never>;
|
|
411
|
+
}, {
|
|
412
|
+
level: {
|
|
413
|
+
primary: string;
|
|
414
|
+
secondary: string;
|
|
415
|
+
tertiary: string;
|
|
416
|
+
quaternary: string;
|
|
417
|
+
static: string;
|
|
418
|
+
quinary: string;
|
|
419
|
+
'inverse-static': string;
|
|
420
|
+
};
|
|
421
|
+
size: {
|
|
422
|
+
l: string;
|
|
423
|
+
m: string;
|
|
424
|
+
s: string;
|
|
425
|
+
};
|
|
426
|
+
}>;
|
|
326
427
|
interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
|
|
327
428
|
asChild?: boolean;
|
|
328
429
|
level?: IconButtonLevelType;
|
|
@@ -347,15 +448,28 @@ declare const Radio: react.ForwardRefExoticComponent<Omit<RadioGroup.RadioGroupP
|
|
|
347
448
|
Item: react.ForwardRefExoticComponent<RadioItemProps & react.RefAttributes<HTMLButtonElement>>;
|
|
348
449
|
};
|
|
349
450
|
|
|
350
|
-
declare const defaultTextfieldVariants:
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
}
|
|
451
|
+
declare const defaultTextfieldVariants: cva.CVAComponent<Omit<{
|
|
452
|
+
base: string;
|
|
453
|
+
variants: {
|
|
454
|
+
color: {
|
|
455
|
+
'neutral-container-mid': string;
|
|
456
|
+
'neutral-container-lowest': string;
|
|
457
|
+
};
|
|
458
|
+
};
|
|
459
|
+
}, "defaultVariants"> & {
|
|
460
|
+
variants: {
|
|
461
|
+
color: {
|
|
462
|
+
'neutral-container-mid': string;
|
|
463
|
+
'neutral-container-lowest': string;
|
|
464
|
+
};
|
|
465
|
+
};
|
|
466
|
+
defaultVariants: Omit<{}, never>;
|
|
467
|
+
}, {
|
|
468
|
+
color: {
|
|
469
|
+
'neutral-container-mid': string;
|
|
470
|
+
'neutral-container-lowest': string;
|
|
471
|
+
};
|
|
472
|
+
}>;
|
|
359
473
|
type TextfieldButtonProps = Omit<DefaultButtonProps, 'size'>;
|
|
360
474
|
type TextfieldLabelType = 'in' | 'out' | 'visually-hidden';
|
|
361
475
|
interface TextfieldLabelProps {
|
|
@@ -573,20 +687,88 @@ declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttribu
|
|
|
573
687
|
Group: react.ForwardRefExoticComponent<ListGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
574
688
|
};
|
|
575
689
|
|
|
576
|
-
declare const defaultLabelVariants:
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
}
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
690
|
+
declare const defaultLabelVariants: cva.CVAComponent<Omit<{
|
|
691
|
+
base: string[];
|
|
692
|
+
variants: {
|
|
693
|
+
level: {
|
|
694
|
+
primary: string;
|
|
695
|
+
secondary: string;
|
|
696
|
+
};
|
|
697
|
+
position: {
|
|
698
|
+
top: string;
|
|
699
|
+
right: string;
|
|
700
|
+
};
|
|
701
|
+
size: {
|
|
702
|
+
l: string[];
|
|
703
|
+
m: string[];
|
|
704
|
+
s: string[];
|
|
705
|
+
};
|
|
706
|
+
offset: {
|
|
707
|
+
high: string;
|
|
708
|
+
medium: string;
|
|
709
|
+
low: string;
|
|
710
|
+
};
|
|
711
|
+
disabled: {
|
|
712
|
+
true: string;
|
|
713
|
+
};
|
|
714
|
+
error: {
|
|
715
|
+
true: string;
|
|
716
|
+
};
|
|
717
|
+
};
|
|
718
|
+
}, "defaultVariants"> & {
|
|
719
|
+
variants: {
|
|
720
|
+
level: {
|
|
721
|
+
primary: string;
|
|
722
|
+
secondary: string;
|
|
723
|
+
};
|
|
724
|
+
position: {
|
|
725
|
+
top: string;
|
|
726
|
+
right: string;
|
|
727
|
+
};
|
|
728
|
+
size: {
|
|
729
|
+
l: string[];
|
|
730
|
+
m: string[];
|
|
731
|
+
s: string[];
|
|
732
|
+
};
|
|
733
|
+
offset: {
|
|
734
|
+
high: string;
|
|
735
|
+
medium: string;
|
|
736
|
+
low: string;
|
|
737
|
+
};
|
|
738
|
+
disabled: {
|
|
739
|
+
true: string;
|
|
740
|
+
};
|
|
741
|
+
error: {
|
|
742
|
+
true: string;
|
|
743
|
+
};
|
|
744
|
+
};
|
|
745
|
+
defaultVariants: Omit<{}, never>;
|
|
746
|
+
}, {
|
|
747
|
+
level: {
|
|
748
|
+
primary: string;
|
|
749
|
+
secondary: string;
|
|
750
|
+
};
|
|
751
|
+
position: {
|
|
752
|
+
top: string;
|
|
753
|
+
right: string;
|
|
754
|
+
};
|
|
755
|
+
size: {
|
|
756
|
+
l: string[];
|
|
757
|
+
m: string[];
|
|
758
|
+
s: string[];
|
|
759
|
+
};
|
|
760
|
+
offset: {
|
|
761
|
+
high: string;
|
|
762
|
+
medium: string;
|
|
763
|
+
low: string;
|
|
764
|
+
};
|
|
765
|
+
disabled: {
|
|
766
|
+
true: string;
|
|
767
|
+
};
|
|
768
|
+
error: {
|
|
769
|
+
true: string;
|
|
770
|
+
};
|
|
771
|
+
}>;
|
|
590
772
|
interface LabelProps extends ComponentPropsWithoutRef<typeof Label$1.Root>, VariantProps<typeof defaultLabelVariants> {
|
|
591
773
|
level?: 'primary' | 'secondary';
|
|
592
774
|
position?: 'top' | 'right';
|
|
@@ -601,17 +783,55 @@ declare const TEXT_LEVEL_OPTIONS: readonly ["primary", "secondary", "tertiary"];
|
|
|
601
783
|
type TextLevelType = (typeof TEXT_LEVEL_OPTIONS)[number];
|
|
602
784
|
declare const TEXT_SIZE_OPTIONS: readonly ["m", "s", "xs"];
|
|
603
785
|
type TextSizeType = (typeof TEXT_SIZE_OPTIONS)[number];
|
|
604
|
-
declare const textButtonVariants:
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
}
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
786
|
+
declare const textButtonVariants: cva.CVAComponent<Omit<{
|
|
787
|
+
base: string[];
|
|
788
|
+
variants: {
|
|
789
|
+
level: {
|
|
790
|
+
primary: string;
|
|
791
|
+
secondary: string;
|
|
792
|
+
tertiary: string;
|
|
793
|
+
};
|
|
794
|
+
size: {
|
|
795
|
+
m: string[];
|
|
796
|
+
s: string[];
|
|
797
|
+
xs: string[];
|
|
798
|
+
};
|
|
799
|
+
underline: {
|
|
800
|
+
true: string;
|
|
801
|
+
};
|
|
802
|
+
};
|
|
803
|
+
}, "defaultVariants"> & {
|
|
804
|
+
variants: {
|
|
805
|
+
level: {
|
|
806
|
+
primary: string;
|
|
807
|
+
secondary: string;
|
|
808
|
+
tertiary: string;
|
|
809
|
+
};
|
|
810
|
+
size: {
|
|
811
|
+
m: string[];
|
|
812
|
+
s: string[];
|
|
813
|
+
xs: string[];
|
|
814
|
+
};
|
|
815
|
+
underline: {
|
|
816
|
+
true: string;
|
|
817
|
+
};
|
|
818
|
+
};
|
|
819
|
+
defaultVariants: Omit<{}, never>;
|
|
820
|
+
}, {
|
|
821
|
+
level: {
|
|
822
|
+
primary: string;
|
|
823
|
+
secondary: string;
|
|
824
|
+
tertiary: string;
|
|
825
|
+
};
|
|
826
|
+
size: {
|
|
827
|
+
m: string[];
|
|
828
|
+
s: string[];
|
|
829
|
+
xs: string[];
|
|
830
|
+
};
|
|
831
|
+
underline: {
|
|
832
|
+
true: string;
|
|
833
|
+
};
|
|
834
|
+
}>;
|
|
615
835
|
interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textButtonVariants> {
|
|
616
836
|
asChild?: boolean;
|
|
617
837
|
level?: TextLevelType;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liner-fe/prism",
|
|
3
|
-
"version": "3.6.
|
|
3
|
+
"version": "3.6.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"dependencies": {
|
|
@@ -13,21 +13,22 @@
|
|
|
13
13
|
"clsx": "^2.1.1",
|
|
14
14
|
"cva": "beta",
|
|
15
15
|
"date-fns": "^4.1.0",
|
|
16
|
+
"jotai": "2.18.0",
|
|
16
17
|
"lottie-web": "^5.9.4",
|
|
17
18
|
"radix-ui": "^1.6.0",
|
|
18
19
|
"react": "^19.1.0",
|
|
19
|
-
"sonner": "2.0.7",
|
|
20
20
|
"react-dom": "^19.1.0",
|
|
21
|
-
"
|
|
21
|
+
"sonner": "2.0.7",
|
|
22
22
|
"vaul": "1.1.2",
|
|
23
|
-
"@liner-fe/design-token": "^3.0.5",
|
|
24
23
|
"@liner-fe/design-token-primitive": "^0.2.50",
|
|
25
|
-
"@liner-fe/icon": "^2.0.
|
|
24
|
+
"@liner-fe/icon": "^2.0.26",
|
|
25
|
+
"@liner-fe/design-token": "^3.0.5"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@chromatic-com/storybook": "^1.5.0",
|
|
29
29
|
"@eslint/js": "^9.36.0",
|
|
30
30
|
"@storybook/addon-designs": "^8.0.4",
|
|
31
|
+
"@storybook/addon-docs": "8.6.14",
|
|
31
32
|
"@storybook/addon-essentials": "^8.4.2",
|
|
32
33
|
"@storybook/addon-interactions": "^8.4.2",
|
|
33
34
|
"@storybook/addon-links": "^8.4.2",
|
|
@@ -52,6 +53,7 @@
|
|
|
52
53
|
"overlay-kit": "1.9.0",
|
|
53
54
|
"postcss": "^8.4.24",
|
|
54
55
|
"prettier": "^3.6.2",
|
|
56
|
+
"remark-gfm": "^4",
|
|
55
57
|
"sass": "^1.77.6",
|
|
56
58
|
"sass-loader": "^14.2.1",
|
|
57
59
|
"storybook": "^8.6.15",
|