@liner-fe/prism 1.3.7 → 1.6.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/assets/ai.d.ts +4 -3
- package/lib/assets/arrow-back.d.ts +8 -0
- package/lib/assets/arrow-down.d.ts +8 -0
- package/lib/assets/arrow-forward.d.ts +8 -0
- package/lib/assets/arrow-up.d.ts +8 -0
- package/lib/assets/balance.d.ts +4 -3
- package/lib/assets/books.d.ts +5 -3
- package/lib/assets/chart-bar.d.ts +5 -3
- package/lib/assets/chart-line-uptrend.d.ts +4 -3
- package/lib/assets/check-mark.d.ts +5 -3
- package/lib/assets/close.d.ts +4 -3
- package/lib/assets/copy.d.ts +8 -0
- package/lib/assets/credit.d.ts +8 -0
- package/lib/assets/creditcard.d.ts +8 -0
- package/lib/assets/document-add.d.ts +8 -0
- package/lib/assets/document.d.ts +4 -3
- package/lib/assets/download.d.ts +8 -0
- package/lib/assets/end.d.ts +8 -0
- package/lib/assets/exclamationmark.d.ts +4 -3
- package/lib/assets/feedback.d.ts +8 -0
- package/lib/assets/folder.d.ts +5 -3
- package/lib/assets/globe.d.ts +4 -3
- package/lib/assets/graduationcap.d.ts +5 -3
- package/lib/assets/highlighter.d.ts +8 -0
- package/lib/assets/history.d.ts +4 -2
- package/lib/assets/index.d.ts +43 -21
- package/lib/assets/light.d.ts +8 -0
- package/lib/assets/lock.d.ts +5 -3
- package/lib/assets/memo.d.ts +4 -3
- package/lib/assets/menu.d.ts +8 -0
- package/lib/assets/minus.d.ts +8 -0
- package/lib/assets/move.d.ts +4 -3
- package/lib/assets/new-thread.d.ts +4 -3
- package/lib/assets/palette.d.ts +4 -3
- package/lib/assets/paperclip.d.ts +5 -3
- package/lib/assets/pencil.d.ts +8 -0
- package/lib/assets/person-add.d.ts +4 -3
- package/lib/assets/person.d.ts +4 -3
- package/lib/assets/plus.d.ts +4 -3
- package/lib/assets/question-message.d.ts +8 -0
- package/lib/assets/regenerate.d.ts +8 -0
- package/lib/assets/search.d.ts +4 -3
- package/lib/assets/send.d.ts +4 -3
- package/lib/assets/share.d.ts +4 -3
- package/lib/assets/sign-out.d.ts +8 -0
- package/lib/assets/speaker.d.ts +8 -0
- package/lib/assets/stack.d.ts +4 -3
- package/lib/assets/start.d.ts +4 -3
- package/lib/assets/summarize.d.ts +8 -0
- package/lib/assets/trash.d.ts +5 -3
- package/lib/assets/tune.d.ts +8 -0
- package/lib/components/Button/index.d.ts +10 -16
- package/lib/components/Icon/index.d.ts +27 -0
- package/lib/components/IconButton/index.d.ts +18 -0
- package/lib/components/Popover/index.d.ts +3 -0
- package/lib/index.css +123 -58
- package/lib/index.css.map +3 -3
- package/lib/index.mjs +2652 -57
- package/lib/index.mjs.map +4 -4
- package/lib/token/color/index.d.ts +4 -0
- package/lib/token/typography/Display.d.ts +7 -0
- package/lib/token/typography/Heading.d.ts +6 -0
- package/lib/token/typography/Paragraph.d.ts +19 -0
- package/lib/token/typography/Title.d.ts +8 -0
- package/lib/token/typography/index.d.ts +1 -0
- package/lib/token/typography/types.d.ts +8 -0
- package/lib/type/index.d.ts +11 -0
- package/lib/utils/icon.d.ts +2 -0
- package/package.json +4 -1
- package/lib/components/Button/index.stories.d.ts +0 -33
- package/lib/components/Popover/index.stories.d.ts +0 -36
- package/lib/components/Toast/index.stories.d.ts +0 -6
- package/lib/components/Tooltip/index.stories.d.ts +0 -13
- package/lib/design-token/color/index.d.ts +0 -5
- package/lib/design-token/typography/index.d.ts +0 -1
- package/lib/index.cjs +0 -155
- package/lib/index.cjs.map +0 -7
- /package/lib/{design-token → token}/border-radius/index.d.ts +0 -0
- /package/lib/{design-token → token}/opacity/index.d.ts +0 -0
- /package/lib/{design-token → token}/size/index.d.ts +0 -0
package/lib/assets/trash.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
interface IProps extends SVGProps<SVGSVGElement> {
|
|
1
|
+
interface ICTrashProps {
|
|
3
2
|
color?: string;
|
|
3
|
+
fill?: boolean;
|
|
4
|
+
thick?: boolean;
|
|
5
|
+
size?: 16 | 20 | 24 | 32 | 40;
|
|
4
6
|
}
|
|
5
|
-
export declare const ICTrash: (props:
|
|
7
|
+
export declare const ICTrash: (props: ICTrashProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
8
|
export {};
|
|
@@ -1,33 +1,32 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes } from 'react';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { IconKey } from '@/type';
|
|
3
4
|
declare const defaultButtonVariants: (props?: ({
|
|
4
|
-
level?: "primary" | "secondary" | "tertiary" | "quaternary" | "
|
|
5
|
+
level?: "primary" | "secondary" | "tertiary" | "quaternary" | "error" | "inverse" | null | undefined;
|
|
5
6
|
fill?: "solid" | "ghost" | null | undefined;
|
|
6
7
|
align?: "center" | "spaceBetween" | null | undefined;
|
|
7
|
-
size?: "
|
|
8
|
+
size?: "s" | "m" | "l" | "cta" | null | undefined;
|
|
8
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
10
|
declare const textButtonVariants: (props?: ({
|
|
10
11
|
level?: "inversePrimary" | "neutralPrimary" | "inverseStaticPrimary" | null | undefined;
|
|
11
12
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
|
-
declare const iconButtonVariants: (props?: ({
|
|
13
|
-
level?: "primary" | "secondary" | "tertiary" | "quaternary" | "quinary" | "negative" | null | undefined;
|
|
14
|
-
weight?: null | undefined;
|
|
15
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
16
13
|
interface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
17
|
-
as?: 'default' | 'text'
|
|
14
|
+
as?: 'default' | 'text';
|
|
18
15
|
asChild?: boolean;
|
|
19
16
|
}
|
|
20
17
|
export type FillType = 'solid' | 'ghost';
|
|
21
|
-
export type SolidLevelType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | '
|
|
18
|
+
export type SolidLevelType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'error' | 'inverse';
|
|
22
19
|
export type GhostLevelType = 'primary' | 'secondary';
|
|
23
|
-
type
|
|
20
|
+
type DefaultLevelType<T> = T extends 'solid' ? SolidLevelType : GhostLevelType;
|
|
24
21
|
export interface DefaultButtonProps<T extends FillType> extends CommonButtonProps, VariantProps<typeof defaultButtonVariants> {
|
|
25
22
|
as?: 'default';
|
|
26
23
|
asChild?: boolean;
|
|
27
|
-
level?:
|
|
24
|
+
level?: DefaultLevelType<T>;
|
|
28
25
|
fill?: T;
|
|
29
26
|
size?: 'cta' | 'l' | 'm' | 's';
|
|
30
27
|
align?: 'center' | 'spaceBetween';
|
|
28
|
+
leftIcon?: IconKey;
|
|
29
|
+
rightIcon?: IconKey;
|
|
31
30
|
}
|
|
32
31
|
type TextLevelType = 'inversePrimary' | 'neutralPrimary' | 'inverseStaticPrimary';
|
|
33
32
|
export interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textButtonVariants> {
|
|
@@ -35,16 +34,11 @@ export interface TextButtonProps extends CommonButtonProps, VariantProps<typeof
|
|
|
35
34
|
asChild?: boolean;
|
|
36
35
|
level?: TextLevelType;
|
|
37
36
|
}
|
|
38
|
-
export
|
|
39
|
-
as: 'icon';
|
|
40
|
-
asChild?: boolean;
|
|
41
|
-
}
|
|
42
|
-
export type ButtonProps = DefaultButtonProps<FillType> | TextButtonProps | IconButtonProps;
|
|
37
|
+
export type ButtonProps = DefaultButtonProps<FillType> | TextButtonProps;
|
|
43
38
|
/**
|
|
44
39
|
* 버튼 컴포넌트
|
|
45
40
|
*/
|
|
46
41
|
export declare const DefaultButton: import("react").ForwardRefExoticComponent<DefaultButtonProps<FillType> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
47
42
|
export declare const TextButton: import("react").ForwardRefExoticComponent<TextButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
48
|
-
export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
49
43
|
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
50
44
|
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { IconKey, IconMapType } from '@/type';
|
|
3
|
+
declare const iconSizeMap: {
|
|
4
|
+
readonly xs: 16;
|
|
5
|
+
readonly s: 20;
|
|
6
|
+
readonly m: 24;
|
|
7
|
+
readonly l: 32;
|
|
8
|
+
readonly xl: 40;
|
|
9
|
+
};
|
|
10
|
+
export declare const iconKeyOptions: IconKey[];
|
|
11
|
+
declare const iconVariants: (props?: ({
|
|
12
|
+
type?: "neutralLabelPrimary" | "neutralLabelSecondary" | "neutralLabelTertiary" | "neutralLabelQuaternary" | "neutralLabelStaticPrimary" | "neutralLabelStaticSecondary" | "brandLabelPrimary" | "brandLabelSecondary" | "functionLabelPositive" | "functionLabelNegative" | "functionLabelCaution" | null | undefined;
|
|
13
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
14
|
+
type IconType = 'neutralLabelPrimary' | 'neutralLabelSecondary' | 'neutralLabelTertiary' | 'neutralLabelQuaternary' | 'neutralLabelStaticPrimary' | 'neutralLabelStaticSecondary' | 'brandLabelPrimary' | 'brandLabelSecondary' | 'functionLabelPositive' | 'functionLabelNegative' | 'functionLabelCaution';
|
|
15
|
+
export declare const getIconComponent: (iconKey: IconKey, map: IconMapType) => import("@/type").IconComponent;
|
|
16
|
+
type IconSizeKey = keyof typeof iconSizeMap;
|
|
17
|
+
export interface IconProps extends VariantProps<typeof iconVariants> {
|
|
18
|
+
name: IconKey;
|
|
19
|
+
type?: IconType;
|
|
20
|
+
size?: IconSizeKey;
|
|
21
|
+
color?: string;
|
|
22
|
+
thick?: boolean;
|
|
23
|
+
fill?: boolean;
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
import { IconProps } from '../Icon';
|
|
4
|
+
declare const iconButtonVariants: (props?: ({
|
|
5
|
+
level?: "primary" | "secondary" | "tertiary" | "quaternary" | "negative" | "static" | null | undefined;
|
|
6
|
+
size?: "xs" | "s" | "m" | "l" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export type IconLevelType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'negative' | 'static';
|
|
9
|
+
export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
|
|
10
|
+
asChild?: boolean;
|
|
11
|
+
name: IconProps['name'];
|
|
12
|
+
thick?: IconProps['thick'];
|
|
13
|
+
fill?: IconProps['fill'];
|
|
14
|
+
size?: 'l' | 'm' | 's' | 'xs';
|
|
15
|
+
level?: IconLevelType;
|
|
16
|
+
}
|
|
17
|
+
export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
|
+
import { IconProps } from '../Icon';
|
|
4
5
|
/**
|
|
5
6
|
* PopoverRoot
|
|
6
7
|
*/
|
|
@@ -21,12 +22,14 @@ interface PopoverTriggerProps {
|
|
|
21
22
|
export interface PopoverContentProps {
|
|
22
23
|
level?: 'primary' | 'secondary';
|
|
23
24
|
tag?: string;
|
|
25
|
+
icon?: Pick<IconProps, 'name' | 'thick' | 'fill'>;
|
|
24
26
|
title?: string;
|
|
25
27
|
subTitle?: string;
|
|
26
28
|
position?: 'top' | 'right' | 'bottom' | 'left';
|
|
27
29
|
align?: 'start' | 'center' | 'end';
|
|
28
30
|
confirmText?: string;
|
|
29
31
|
onConfirm?: () => void;
|
|
32
|
+
onClose?: () => void;
|
|
30
33
|
}
|
|
31
34
|
export declare const Popover: (({ isOpen, children, onChange }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
32
35
|
Trigger: ({ by }: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/index.css
CHANGED
|
@@ -1,154 +1,219 @@
|
|
|
1
1
|
/* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
|
|
2
|
-
.
|
|
2
|
+
._button_f4b6e_1 {
|
|
3
3
|
position: relative;
|
|
4
4
|
display: flex;
|
|
5
5
|
align-items: center;
|
|
6
6
|
justify-content: center;
|
|
7
|
+
gap: 6px;
|
|
7
8
|
border: none;
|
|
8
|
-
font-style: normal;
|
|
9
|
-
font-size: var(--lp-pri-font-size-16);
|
|
10
|
-
font-weight: var(--lp-pri-font-weight-700);
|
|
11
9
|
line-height: 130%;
|
|
12
10
|
overflow: hidden;
|
|
13
11
|
cursor: pointer;
|
|
14
12
|
}
|
|
15
|
-
.
|
|
13
|
+
._button_f4b6e_1:disabled {
|
|
16
14
|
background: var(--neutral-container-mid);
|
|
17
15
|
color: var(--neutral-label-tertiary);
|
|
18
16
|
cursor: not-allowed;
|
|
19
17
|
}
|
|
20
|
-
.
|
|
18
|
+
._button_f4b6e_1:disabled svg path {
|
|
19
|
+
fill: var(--neutral-label-tertiary);
|
|
20
|
+
}
|
|
21
|
+
._default_f4b6e_21 {
|
|
21
22
|
color: var(--inverse-label-static-primary);
|
|
22
23
|
background: var(--lp-pri-achromatic-white);
|
|
23
24
|
}
|
|
24
|
-
.
|
|
25
|
+
._default_f4b6e_21 svg path {
|
|
26
|
+
fill: var(--inverse-label-static-primary);
|
|
27
|
+
}
|
|
28
|
+
._text_f4b6e_29 {
|
|
25
29
|
background: none;
|
|
26
30
|
color: var(--inverse-label-static-primary);
|
|
27
|
-
font-size: var(--lp-pri-font-size-13);
|
|
28
|
-
font-weight: var(--lp-pri-font-weight-500);
|
|
29
31
|
}
|
|
30
|
-
.
|
|
32
|
+
._text_f4b6e_29:not(:disabled):hover {
|
|
31
33
|
text-decoration: underline;
|
|
32
34
|
text-underline-offset: 0.2rem;
|
|
33
35
|
}
|
|
34
|
-
.
|
|
35
|
-
background: none;
|
|
36
|
-
}
|
|
37
|
-
._primary_mxpu5_40 {
|
|
36
|
+
._primary_f4b6e_38 {
|
|
38
37
|
background: var(--brand-container-mid);
|
|
39
38
|
}
|
|
40
|
-
.
|
|
39
|
+
._primary_f4b6e_38:not(:disabled):hover {
|
|
41
40
|
background: var(--brand-container-mid-hover);
|
|
42
41
|
}
|
|
43
|
-
.
|
|
44
|
-
background: var(--inverse-container-
|
|
42
|
+
._secondary_f4b6e_45 {
|
|
43
|
+
background: var(--inverse-container-hi gh);
|
|
45
44
|
}
|
|
46
|
-
.
|
|
45
|
+
._secondary_f4b6e_45:not(:disabled):hover {
|
|
47
46
|
background: var(--inverse-container-high-hover);
|
|
48
47
|
}
|
|
49
|
-
.
|
|
48
|
+
._tertiary_f4b6e_52 {
|
|
50
49
|
background: var(--neutral-fill-mid);
|
|
51
50
|
color: var(--neutral-label-primary);
|
|
52
51
|
}
|
|
53
|
-
.
|
|
52
|
+
._tertiary_f4b6e_52:not(:disabled):hover {
|
|
54
53
|
background: var(--neutral-fill-mid-hover);
|
|
55
54
|
}
|
|
56
|
-
.
|
|
55
|
+
._tertiary_f4b6e_52 svg path {
|
|
56
|
+
fill: var(--neutral-label-primary);
|
|
57
|
+
}
|
|
58
|
+
._quaternary_f4b6e_63 {
|
|
57
59
|
color: var(--neutral-label-primary);
|
|
58
60
|
border: 1px solid var(--neutral-border-overlay-normal);
|
|
59
61
|
}
|
|
60
|
-
.
|
|
62
|
+
._quaternary_f4b6e_63:not(:disabled):hover {
|
|
61
63
|
background: var(--neutral-fill-lowest-hover);
|
|
62
64
|
}
|
|
63
|
-
.
|
|
65
|
+
._quaternary_f4b6e_63 svg path {
|
|
66
|
+
fill: var(--neutral-label-primary);
|
|
67
|
+
}
|
|
68
|
+
._quaternary_f4b6e_63:disabled {
|
|
64
69
|
background: var(--neutral-container-mid);
|
|
65
70
|
color: var(--neutral-label-tertiary);
|
|
66
71
|
opacity: 0.4;
|
|
67
72
|
}
|
|
68
|
-
.
|
|
69
|
-
|
|
73
|
+
._quaternary_f4b6e_63:disabled svg path {
|
|
74
|
+
fill: var(--neutral-label-tertiary);
|
|
70
75
|
}
|
|
71
|
-
.
|
|
72
|
-
background:
|
|
76
|
+
._error_f4b6e_82 {
|
|
77
|
+
background: var(--function-container-negative);
|
|
73
78
|
}
|
|
74
|
-
.
|
|
79
|
+
._error_f4b6e_82:not(:disabled):hover {
|
|
80
|
+
background: var(--function-container-negative-hover);
|
|
81
|
+
}
|
|
82
|
+
._inverse_f4b6e_89 {
|
|
83
|
+
color: var(--neutral-label-static-primary);
|
|
84
|
+
}
|
|
85
|
+
._inverse_f4b6e_89:not(:disabled):hover {
|
|
86
|
+
background: var(--neutral-container-static-lowest-hover);
|
|
87
|
+
}
|
|
88
|
+
._inverse_f4b6e_89 svg path {
|
|
89
|
+
fill: var(--neutral-label-static-primary);
|
|
90
|
+
}
|
|
91
|
+
._inverse_f4b6e_89:disabled {
|
|
75
92
|
background: var(--neutral-container-mid);
|
|
76
93
|
color: var(--neutral-label-tertiary);
|
|
77
94
|
opacity: 0.4;
|
|
78
95
|
}
|
|
79
|
-
.
|
|
80
|
-
|
|
81
|
-
}
|
|
82
|
-
._negative_mxpu5_87:not(:disabled):hover {
|
|
83
|
-
background: var(--function-container-negative-hover);
|
|
96
|
+
._inverse_f4b6e_89:disabled svg path {
|
|
97
|
+
fill: var(--neutral-label-tertiary);
|
|
84
98
|
}
|
|
85
|
-
.
|
|
99
|
+
._ghost_f4b6e_107._primary_f4b6e_38 {
|
|
86
100
|
background: var(--neutral-fill-lowest);
|
|
87
101
|
color: var(--neutral-label-primary);
|
|
88
102
|
}
|
|
89
|
-
.
|
|
103
|
+
._ghost_f4b6e_107._primary_f4b6e_38:not(:disabled):hover {
|
|
90
104
|
background: var(--neutral-fill-lowest-hover);
|
|
91
105
|
}
|
|
92
|
-
.
|
|
106
|
+
._ghost_f4b6e_107._primary_f4b6e_38 svg path {
|
|
107
|
+
fill: var(--neutral-label-primary);
|
|
108
|
+
}
|
|
109
|
+
._ghost_f4b6e_107._primary_f4b6e_38:disabled {
|
|
93
110
|
background: var(--neutral-fill-lowest);
|
|
94
111
|
color: var(--neutral-label-tertiary);
|
|
95
112
|
}
|
|
96
|
-
.
|
|
113
|
+
._ghost_f4b6e_107._primary_f4b6e_38:disabled svg path {
|
|
114
|
+
fill: var(--neutral-label-tertiary);
|
|
115
|
+
}
|
|
116
|
+
._ghost_f4b6e_107._secondary_f4b6e_45 {
|
|
97
117
|
background: var(--neutral-fill-lowest);
|
|
98
118
|
color: var(--neutral-label-secondary);
|
|
99
119
|
}
|
|
100
|
-
.
|
|
120
|
+
._ghost_f4b6e_107._secondary_f4b6e_45:not(:disabled):hover {
|
|
101
121
|
background: var(--neutral-fill-lowest-hover);
|
|
102
122
|
}
|
|
103
|
-
.
|
|
123
|
+
._ghost_f4b6e_107._secondary_f4b6e_45 svg path {
|
|
124
|
+
fill: var(--neutral-label-secondary);
|
|
125
|
+
}
|
|
126
|
+
._ghost_f4b6e_107._secondary_f4b6e_45:disabled {
|
|
104
127
|
background: var(--neutral-fill-lowest);
|
|
105
128
|
color: var(--neutral-label-tertiary);
|
|
106
129
|
}
|
|
107
|
-
.
|
|
108
|
-
|
|
130
|
+
._ghost_f4b6e_107._secondary_f4b6e_45:disabled svg path {
|
|
131
|
+
fill: var(--neutral-label-tertiary);
|
|
132
|
+
}
|
|
133
|
+
._cta_f4b6e_142 {
|
|
134
|
+
border-radius: var(--lp-sys-radius-m);
|
|
109
135
|
padding: 13.5px 12px;
|
|
110
|
-
font-size: var(--lp-pri-font-size-16);
|
|
111
136
|
min-width: 129px;
|
|
112
137
|
max-height: 48px;
|
|
138
|
+
gap: 8px;
|
|
113
139
|
}
|
|
114
|
-
.
|
|
115
|
-
border-radius:
|
|
140
|
+
._l_f4b6e_150 {
|
|
141
|
+
border-radius: var(--lp-sys-radius-s);
|
|
116
142
|
padding: 10.5px 8px;
|
|
117
|
-
font-size: var(--lp-pri-font-size-15);
|
|
118
143
|
min-width: 107px;
|
|
119
144
|
max-height: 40px;
|
|
120
145
|
}
|
|
121
|
-
.
|
|
122
|
-
border-radius:
|
|
146
|
+
._m_f4b6e_157 {
|
|
147
|
+
border-radius: var(--lp-sys-radius-s);
|
|
123
148
|
padding: 7px 6px;
|
|
124
|
-
font-size: var(--lp-pri-font-size-14);
|
|
125
|
-
font-weight: var(--lp-pri-font-weight-500);
|
|
126
149
|
min-width: 91px;
|
|
127
150
|
max-height: 32px;
|
|
128
151
|
}
|
|
129
|
-
.
|
|
130
|
-
border-radius:
|
|
152
|
+
._s_f4b6e_45 {
|
|
153
|
+
border-radius: var(--lp-sys-radius-s);
|
|
131
154
|
padding: 3.5px 6px;
|
|
132
|
-
font-size: var(--lp-pri-font-size-13);
|
|
133
|
-
font-weight: var(--lp-pri-font-weight-500);
|
|
134
155
|
min-width: 89px;
|
|
135
156
|
max-height: 24px;
|
|
136
157
|
}
|
|
137
|
-
._align-
|
|
158
|
+
._align-center_f4b6e_171 {
|
|
138
159
|
justify-content: center;
|
|
139
160
|
}
|
|
140
|
-
._align-space-
|
|
161
|
+
._align-space-between_f4b6e_175 {
|
|
141
162
|
justify-content: space-between;
|
|
142
163
|
}
|
|
143
|
-
._neutral-
|
|
164
|
+
._neutral-primary_f4b6e_179 {
|
|
144
165
|
color: var(--neutral-label-secondary);
|
|
145
166
|
opacity: 0.8;
|
|
146
167
|
}
|
|
147
|
-
._inverse-
|
|
168
|
+
._inverse-primary_f4b6e_184 {
|
|
148
169
|
color: var(--inverse-label-primary);
|
|
149
170
|
}
|
|
150
|
-
._inverse-static-
|
|
171
|
+
._inverse-static-primary_f4b6e_188 {
|
|
151
172
|
color: var(--inverse-label-static-primary);
|
|
152
173
|
}
|
|
174
|
+
._content_f4b6e_192 {
|
|
175
|
+
line-height: 0;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
/* esbuild-sass-plugin:css-chunk:src/components/Icon/style.module.scss */
|
|
179
|
+
._icon_uzk33_1 {
|
|
180
|
+
fill: gray;
|
|
181
|
+
}
|
|
182
|
+
._neutralLabelPrimary_uzk33_5 > path {
|
|
183
|
+
fill: var(--neutral-label-primary);
|
|
184
|
+
}
|
|
185
|
+
._neutral-label-primary_uzk33_9 > path {
|
|
186
|
+
fill: var(--neutral-label-primary);
|
|
187
|
+
}
|
|
188
|
+
._neutral-label-secondary_uzk33_13 > path {
|
|
189
|
+
fill: var(--neutral-label-secondary);
|
|
190
|
+
}
|
|
191
|
+
._neutral-label-tertiary_uzk33_17 > path {
|
|
192
|
+
fill: var(--neutral-label-tertiary);
|
|
193
|
+
}
|
|
194
|
+
._neutral-label-quaternary_uzk33_21 > path {
|
|
195
|
+
fill: var(--neutral-label-quaternary);
|
|
196
|
+
}
|
|
197
|
+
._neutral-label-static-primary_uzk33_25 > path {
|
|
198
|
+
fill: var(--neutral-label-static-primary);
|
|
199
|
+
}
|
|
200
|
+
._neutral-label-static-secondary_uzk33_29 > path {
|
|
201
|
+
fill: var(--neutral-label-static-secondary);
|
|
202
|
+
}
|
|
203
|
+
._brand-label-primary_uzk33_33 > path {
|
|
204
|
+
fill: var(--brand-label-primary);
|
|
205
|
+
}
|
|
206
|
+
._brand-label-secondary_uzk33_37 > path {
|
|
207
|
+
fill: var(--brand-label-secondary);
|
|
208
|
+
}
|
|
209
|
+
._function-label-positive_uzk33_41 > path {
|
|
210
|
+
fill: var(--function-label-positive);
|
|
211
|
+
}
|
|
212
|
+
._function-label-negative_uzk33_45 > path {
|
|
213
|
+
fill: var(--function-label-negative);
|
|
214
|
+
}
|
|
215
|
+
._function-label-caution_uzk33_49 > path {
|
|
216
|
+
fill: var(--function-label-caution);
|
|
217
|
+
}
|
|
153
218
|
/*! For license information please see index.css.LEGAL.txt */
|
|
154
219
|
/*# sourceMappingURL=index.css.map */
|
package/lib/index.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss"],
|
|
4
|
-
"sourcesContent": [".
|
|
5
|
-
"mappings": ";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,
|
|
3
|
+
"sources": ["esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss", "esbuild-sass-plugin:css-chunk:src/components/Icon/style.module.scss"],
|
|
4
|
+
"sourcesContent": ["._button_f4b6e_1 {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n border: none;\n line-height: 130%;\n overflow: hidden;\n cursor: pointer;\n}\n._button_f4b6e_1:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n cursor: not-allowed;\n}\n._button_f4b6e_1:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._default_f4b6e_21 {\n color: var(--inverse-label-static-primary);\n background: var(--lp-pri-achromatic-white);\n}\n._default_f4b6e_21 svg path {\n fill: var(--inverse-label-static-primary);\n}\n\n._text_f4b6e_29 {\n background: none;\n color: var(--inverse-label-static-primary);\n}\n._text_f4b6e_29:not(:disabled):hover {\n text-decoration: underline;\n text-underline-offset: 0.2rem;\n}\n\n._primary_f4b6e_38 {\n background: var(--brand-container-mid);\n}\n._primary_f4b6e_38:not(:disabled):hover {\n background: var(--brand-container-mid-hover);\n}\n\n._secondary_f4b6e_45 {\n background: var(--inverse-container-hi gh);\n}\n._secondary_f4b6e_45:not(:disabled):hover {\n background: var(--inverse-container-high-hover);\n}\n\n._tertiary_f4b6e_52 {\n background: var(--neutral-fill-mid);\n color: var(--neutral-label-primary);\n}\n._tertiary_f4b6e_52:not(:disabled):hover {\n background: var(--neutral-fill-mid-hover);\n}\n._tertiary_f4b6e_52 svg path {\n fill: var(--neutral-label-primary);\n}\n\n._quaternary_f4b6e_63 {\n color: var(--neutral-label-primary);\n border: 1px solid var(--neutral-border-overlay-normal);\n}\n._quaternary_f4b6e_63:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._quaternary_f4b6e_63 svg path {\n fill: var(--neutral-label-primary);\n}\n._quaternary_f4b6e_63:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n opacity: 0.4;\n}\n._quaternary_f4b6e_63:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._error_f4b6e_82 {\n background: var(--function-container-negative);\n}\n._error_f4b6e_82:not(:disabled):hover {\n background: var(--function-container-negative-hover);\n}\n\n._inverse_f4b6e_89 {\n color: var(--neutral-label-static-primary);\n}\n._inverse_f4b6e_89:not(:disabled):hover {\n background: var(--neutral-container-static-lowest-hover);\n}\n._inverse_f4b6e_89 svg path {\n fill: var(--neutral-label-static-primary);\n}\n._inverse_f4b6e_89:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n opacity: 0.4;\n}\n._inverse_f4b6e_89:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._ghost_f4b6e_107._primary_f4b6e_38 {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-primary);\n}\n._ghost_f4b6e_107._primary_f4b6e_38:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._ghost_f4b6e_107._primary_f4b6e_38 svg path {\n fill: var(--neutral-label-primary);\n}\n._ghost_f4b6e_107._primary_f4b6e_38:disabled {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-tertiary);\n}\n._ghost_f4b6e_107._primary_f4b6e_38:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n._ghost_f4b6e_107._secondary_f4b6e_45 {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-secondary);\n}\n._ghost_f4b6e_107._secondary_f4b6e_45:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._ghost_f4b6e_107._secondary_f4b6e_45 svg path {\n fill: var(--neutral-label-secondary);\n}\n._ghost_f4b6e_107._secondary_f4b6e_45:disabled {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-tertiary);\n}\n._ghost_f4b6e_107._secondary_f4b6e_45:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._cta_f4b6e_142 {\n border-radius: var(--lp-sys-radius-m);\n padding: 13.5px 12px;\n min-width: 129px;\n max-height: 48px;\n gap: 8px;\n}\n\n._l_f4b6e_150 {\n border-radius: var(--lp-sys-radius-s);\n padding: 10.5px 8px;\n min-width: 107px;\n max-height: 40px;\n}\n\n._m_f4b6e_157 {\n border-radius: var(--lp-sys-radius-s);\n padding: 7px 6px;\n min-width: 91px;\n max-height: 32px;\n}\n\n._s_f4b6e_45 {\n border-radius: var(--lp-sys-radius-s);\n padding: 3.5px 6px;\n min-width: 89px;\n max-height: 24px;\n}\n\n._align-center_f4b6e_171 {\n justify-content: center;\n}\n\n._align-space-between_f4b6e_175 {\n justify-content: space-between;\n}\n\n._neutral-primary_f4b6e_179 {\n color: var(--neutral-label-secondary);\n opacity: 0.8;\n}\n\n._inverse-primary_f4b6e_184 {\n color: var(--inverse-label-primary);\n}\n\n._inverse-static-primary_f4b6e_188 {\n color: var(--inverse-label-static-primary);\n}\n\n._content_f4b6e_192 {\n line-height: 0;\n}", "._icon_uzk33_1 {\n fill: gray;\n}\n\n._neutralLabelPrimary_uzk33_5 > path {\n fill: var(--neutral-label-primary);\n}\n\n._neutral-label-primary_uzk33_9 > path {\n fill: var(--neutral-label-primary);\n}\n\n._neutral-label-secondary_uzk33_13 > path {\n fill: var(--neutral-label-secondary);\n}\n\n._neutral-label-tertiary_uzk33_17 > path {\n fill: var(--neutral-label-tertiary);\n}\n\n._neutral-label-quaternary_uzk33_21 > path {\n fill: var(--neutral-label-quaternary);\n}\n\n._neutral-label-static-primary_uzk33_25 > path {\n fill: var(--neutral-label-static-primary);\n}\n\n._neutral-label-static-secondary_uzk33_29 > path {\n fill: var(--neutral-label-static-secondary);\n}\n\n._brand-label-primary_uzk33_33 > path {\n fill: var(--brand-label-primary);\n}\n\n._brand-label-secondary_uzk33_37 > path {\n fill: var(--brand-label-secondary);\n}\n\n._function-label-positive_uzk33_41 > path {\n fill: var(--function-label-positive);\n}\n\n._function-label-negative_uzk33_45 > path {\n fill: var(--function-label-negative);\n}\n\n._function-label-caution_uzk33_49 > path {\n fill: var(--function-label-caution);\n}"],
|
|
5
|
+
"mappings": ";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,UAAQ;AACR,eAAa;AACb,YAAU;AACV,UAAQ;AACV;AACA,CAXC,eAWe;AACd,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,UAAQ;AACV;AACA,CAhBC,eAgBe,UAAU,IAAI;AAC5B,QAAM,IAAI;AACZ;AAEA,CAAC;AACC,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AACA,CAJC,kBAIkB,IAAI;AACrB,QAAM,IAAI;AACZ;AAEA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI;AACb;AACA,CAJC,cAIc,KAAK,UAAU;AAC5B,mBAAiB;AACjB,yBAAuB;AACzB;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY,IAAI,uBAAuB;AACzC;AACA,CAHC,mBAGmB,KAAK,UAAU;AACjC,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAJC,kBAIkB,KAAK,UAAU;AAChC,cAAY,IAAI;AAClB;AACA,CAPC,mBAOmB,IAAI;AACtB,QAAM,IAAI;AACZ;AAEA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI,MAAM,IAAI;AACxB;AACA,CAJC,oBAIoB,KAAK,UAAU;AAClC,cAAY,IAAI;AAClB;AACA,CAPC,qBAOqB,IAAI;AACxB,QAAM,IAAI;AACZ;AACA,CAVC,oBAUoB;AACnB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,WAAS;AACX;AACA,CAfC,oBAeoB,UAAU,IAAI;AACjC,QAAM,IAAI;AACZ;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,eAGe,KAAK,UAAU;AAC7B,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY,IAAI;AAClB;AACA,CANC,kBAMkB,IAAI;AACrB,QAAM,IAAI;AACZ;AACA,CATC,iBASiB;AAChB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,WAAS;AACX;AACA,CAdC,iBAciB,UAAU,IAAI;AAC9B,QAAM,IAAI;AACZ;AAEA,CAAC,gBAAgB,CArEhB;AAsEC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAJC,gBAIgB,CAzEhB,iBAyEkC,KAAK,UAAU;AAChD,cAAY,IAAI;AAClB;AACA,CAPC,gBAOgB,CA5EhB,kBA4EmC,IAAI;AACtC,QAAM,IAAI;AACZ;AACA,CAVC,gBAUgB,CA/EhB,iBA+EkC;AACjC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CAdC,gBAcgB,CAnFhB,iBAmFkC,UAAU,IAAI;AAC/C,QAAM,IAAI;AACZ;AACA,CAjBC,gBAiBgB,CA/EhB;AAgFC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CArBC,gBAqBgB,CAnFhB,mBAmFoC,KAAK,UAAU;AAClD,cAAY,IAAI;AAClB;AACA,CAxBC,gBAwBgB,CAtFhB,oBAsFqC,IAAI;AACxC,QAAM,IAAI;AACZ;AACA,CA3BC,gBA2BgB,CAzFhB,mBAyFoC;AACnC,cAAY,IAAI;AAChB,SAAO,IAAI;AACb;AACA,CA/BC,gBA+BgB,CA7FhB,mBA6FoC,UAAU,IAAI;AACjD,QAAM,IAAI;AACZ;AAEA,CAAC;AACC,iBAAe,IAAI;AACnB,WAAS,OAAO;AAChB,aAAW;AACX,cAAY;AACZ,OAAK;AACP;AAEA,CAAC;AACC,iBAAe,IAAI;AACnB,WAAS,OAAO;AAChB,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe,IAAI;AACnB,WAAS,IAAI;AACb,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe,IAAI;AACnB,WAAS,MAAM;AACf,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,mBAAiB;AACnB;AAEA,CAAC;AACC,mBAAiB;AACnB;AAEA,CAAC;AACC,SAAO,IAAI;AACX,WAAS;AACX;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,eAAa;AACf;;;ACjMA,CAAC;AACC,QAAM;AACR;AAEA,CAAC,6BAA6B,EAAE;AAC9B,QAAM,IAAI;AACZ;AAEA,CAAC,+BAA+B,EAAE;AAChC,QAAM,IAAI;AACZ;AAEA,CAAC,kCAAkC,EAAE;AACnC,QAAM,IAAI;AACZ;AAEA,CAAC,iCAAiC,EAAE;AAClC,QAAM,IAAI;AACZ;AAEA,CAAC,mCAAmC,EAAE;AACpC,QAAM,IAAI;AACZ;AAEA,CAAC,uCAAuC,EAAE;AACxC,QAAM,IAAI;AACZ;AAEA,CAAC,yCAAyC,EAAE;AAC1C,QAAM,IAAI;AACZ;AAEA,CAAC,8BAA8B,EAAE;AAC/B,QAAM,IAAI;AACZ;AAEA,CAAC,gCAAgC,EAAE;AACjC,QAAM,IAAI;AACZ;AAEA,CAAC,kCAAkC,EAAE;AACnC,QAAM,IAAI;AACZ;AAEA,CAAC,kCAAkC,EAAE;AACnC,QAAM,IAAI;AACZ;AAEA,CAAC,iCAAiC,EAAE;AAClC,QAAM,IAAI;AACZ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|