@liner-fe/prism 2.7.1 → 2.7.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.
- package/lib/index.css +0 -162
- package/lib/index.d.ts +5 -36
- package/lib/index.js +666 -14357
- package/package.json +1 -1
package/lib/index.css
CHANGED
|
@@ -543,168 +543,6 @@
|
|
|
543
543
|
animation: _swipeOut_sbycv_1 100ms ease-out;
|
|
544
544
|
}
|
|
545
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
546
|
/* esbuild-sass-plugin:css-chunk:src/components/Typography/Set/style.module.scss */
|
|
709
547
|
._caption_2vn3a_1 {
|
|
710
548
|
display: block;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { SystemKeys,
|
|
1
|
+
import { SystemKeys, TypographyCaptionPrefix, TypographyParagraphPrefix, TypographyHeadingPrefix, TypographyTitlePrefix, TypographyDisplayPrefix, BasicColorType } from '@liner-fe/design-token-primitive';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { ButtonHTMLAttributes,
|
|
3
|
+
import react__default, { ButtonHTMLAttributes, RefAttributes, HTMLAttributes, ReactNode, ComponentPropsWithoutRef, InputHTMLAttributes, ComponentProps, LiHTMLAttributes, MouseEventHandler } from 'react';
|
|
4
4
|
import * as cva from 'cva';
|
|
5
5
|
import { VariantProps } from 'cva';
|
|
6
|
-
import { IconProps
|
|
6
|
+
import { IconProps } from '@liner-fe/icon';
|
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
8
|
import { ToastProps } from '@radix-ui/react-toast';
|
|
9
9
|
import * as _artsy_fresnel_dist_Media from '@artsy/fresnel/dist/Media';
|
|
@@ -43,7 +43,7 @@ type FillLevelType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quin
|
|
|
43
43
|
type FillFalseLevelType = 'primary' | 'secondary';
|
|
44
44
|
type ButtonSizeType = 'cta' | 'l' | 'm' | 's';
|
|
45
45
|
type DefaultLevelType<T> = T extends true ? FillLevelType : FillFalseLevelType;
|
|
46
|
-
type ButtonIconProps = Exclude<IconProps
|
|
46
|
+
type ButtonIconProps = Exclude<IconProps, 'size' | 'thick'>;
|
|
47
47
|
interface DefaultButtonProps<T extends FillType> extends CommonButtonProps, VariantProps<typeof defaultButtonVariants> {
|
|
48
48
|
asChild?: boolean;
|
|
49
49
|
level?: DefaultLevelType<T>;
|
|
@@ -59,37 +59,6 @@ type ButtonProps = DefaultButtonProps<FillType>;
|
|
|
59
59
|
declare const DefaultButton: react.ForwardRefExoticComponent<DefaultButtonProps<boolean> & react.RefAttributes<HTMLButtonElement>>;
|
|
60
60
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
61
61
|
|
|
62
|
-
type IconKey = 'close-fill' | 'more' | 'liner' | 'liner-variation' | 'person-fill' | 'list' | 'history' | 'start' | 'end' | 'paperclip' | 'share' | 'sign-out' | 'check-mark-fill' | 'exclamationmark-fill' | 'plus' | 'minus' | 'new-thread' | 'move' | 'search' | 'globe' | 'graduationcap' | 'palette' | 'download' | 'regenerate' | 'credit' | 'feedback' | 'tune' | 'arrow-back' | 'arrow-forward' | 'arrow-up' | 'arrow-down' | 'menu' | 'document-warning' | 'arrow-right' | 'arrow-left' | 'step' | 'arrow-turn' | 'power' | 'desktop' | 'desktop-on-cursor' | 'view-list' | 'chart-bar' | 'chart-line-uptrend' | 'folder' | 'person' | 'trash' | 'pencil' | 'copy' | 'book' | 'description' | 'bookmark' | 'photo' | 'camera' | 'bolt' | 'question-message' | 'books' | 'balance' | 'folder-add' | 'document' | 'person-add' | 'send' | 'check-mark' | 'exclamationmark' | 'close' | 'lock' | 'ai' | 'stack' | 'summarize' | 'memo' | 'highlighter' | 'creditcard' | 'speaker' | 'light' | 'document-add' | 'thumb-up' | 'thumb-down' | 'shield' | 'home' | 'visibility' | 'visibility-off' | 'magic-wand' | 'magic-pencil' | 'bulb-exclamtionmark' | 'bulb' | 'paraphase' | 'make-easy' | 'translate' | 'Info' | 'folder-open' | 'highlight-edit' | 'apple' | 'android' | 'twitter' | 'facebook' | 'google' | 'paraphrase' | 'car' | 'airplane' | 'rocket' | 'source' | 'setting' | 'extend' | 'shorten' | 'sun' | 'moon' | 'fire' | 'arrow-upward' | 'arrow-downward' | 'light-mode' | 'dark-mode' | 'target' | 'question-box' | 'new-tab' | 'example' | 'quote' | 'document-check' | 'block' | 'bookmark-cancel' | 'arrow-up-right' | 'arrow-down-left' | 'arrow-up-left' | 'email' | 'filter' | 'timer' | 'play-button' | 'text-select' | 'arrow-drop-down' | 'bell' | 'secret-mode' | 'add-clock' | 'clock' | 'arrow-backward' | 'link' | 'sheet-export' | 'shield-usage' | 'essay' | 'spinner' | 'drop-down' | 'drop-up' | 'arrow-drop-right' | 'arrow-up-down' | 'google-export' | 'shield-person' | 'formal-bag' | 'casual-shoe' | 'undo' | 'redo' | 'expand' | 'verification-badge' | 'volume-up' | 'volume' | 'folder-open-share' | 'folder-share' | 'report' | 'mindmap' | 'flowchart' | 'show-all' | 'hide-all' | 'brain' | 'zoom-in' | 'zoom-out' | 'focus' | 'help' | 'paragraph' | 'retry' | 'add-to-folder' | 'remove-from-folder' | 'move-to-folder' | 'new-thread-folder' | 'chrome' | 'new-chrome-extension' | 'mobile' | 'google-color' | 'stop' | 'microscope' | 'members' | 'teams' | 'literature-review' | 'expand-close';
|
|
63
|
-
|
|
64
|
-
declare const iconSizeMap: {
|
|
65
|
-
readonly xs: 16;
|
|
66
|
-
readonly s: 20;
|
|
67
|
-
readonly m: 24;
|
|
68
|
-
readonly l: 32;
|
|
69
|
-
readonly xl: 40;
|
|
70
|
-
};
|
|
71
|
-
declare const iconVariants: (props?: ({
|
|
72
|
-
type?: SystemKeys | undefined;
|
|
73
|
-
fillType?: SystemKeys | undefined;
|
|
74
|
-
} & ({
|
|
75
|
-
class?: cva.ClassValue;
|
|
76
|
-
className?: never;
|
|
77
|
-
} | {
|
|
78
|
-
class?: never;
|
|
79
|
-
className?: cva.ClassValue;
|
|
80
|
-
})) | undefined) => string;
|
|
81
|
-
type IconSizeKey = keyof typeof iconSizeMap;
|
|
82
|
-
type IconColorType = Extract<SystemKeys, BasicColorType>;
|
|
83
|
-
interface IconProps extends VariantProps<typeof iconVariants>, Omit<SVGProps<SVGSVGElement>, 'fill'> {
|
|
84
|
-
name: IconKey;
|
|
85
|
-
type?: IconColorType;
|
|
86
|
-
fillType?: IconColorType;
|
|
87
|
-
size?: IconSizeKey;
|
|
88
|
-
thick?: boolean;
|
|
89
|
-
fill?: boolean;
|
|
90
|
-
className?: string;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
62
|
interface IToastBase extends ToastProps, RefAttributes<HTMLLIElement> {
|
|
94
63
|
toastId: number;
|
|
95
64
|
message: string;
|
|
@@ -352,7 +321,7 @@ interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Varia
|
|
|
352
321
|
size?: 'l' | 'm' | 's' | 'xs';
|
|
353
322
|
fill?: boolean;
|
|
354
323
|
level?: IconButtonLevelType;
|
|
355
|
-
icon: Omit<IconProps
|
|
324
|
+
icon: Omit<IconProps, 'className'>;
|
|
356
325
|
isLoading?: boolean;
|
|
357
326
|
}
|
|
358
327
|
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|