@ingamigo/ui 1.2.1 → 1.2.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/dist/index.d.ts +354 -12
- package/dist/index.js +911 -7
- package/dist/index.js.map +1 -1
- package/package.json +4 -2
- package/dist/components/button/button.d.ts +0 -8
- package/dist/components/button/button.d.ts.map +0 -1
- package/dist/components/button/button.js +0 -7
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/button/button.styles.d.ts +0 -8
- package/dist/components/button/button.styles.d.ts.map +0 -1
- package/dist/components/button/button.styles.js +0 -117
- package/dist/components/button/button.styles.js.map +0 -1
- package/dist/components/input/input.d.ts +0 -7
- package/dist/components/input/input.d.ts.map +0 -1
- package/dist/components/input/input.js +0 -7
- package/dist/components/input/input.js.map +0 -1
- package/dist/components/input/input.styles.d.ts +0 -9
- package/dist/components/input/input.styles.d.ts.map +0 -1
- package/dist/components/input/input.styles.js +0 -83
- package/dist/components/input/input.styles.js.map +0 -1
- package/dist/components/segmented-control/segmented-control.d.ts +0 -16
- package/dist/components/segmented-control/segmented-control.d.ts.map +0 -1
- package/dist/components/segmented-control/segmented-control.js +0 -50
- package/dist/components/segmented-control/segmented-control.js.map +0 -1
- package/dist/components/segmented-control/segmented-control.stories .d.ts +0 -25
- package/dist/components/segmented-control/segmented-control.stories .d.ts.map +0 -1
- package/dist/components/segmented-control/segmented-control.stories .js +0 -91
- package/dist/components/segmented-control/segmented-control.stories .js.map +0 -1
- package/dist/components/segmented-control/segmented-control.styles.d.ts +0 -11
- package/dist/components/segmented-control/segmented-control.styles.d.ts.map +0 -1
- package/dist/components/segmented-control/segmented-control.styles.js +0 -83
- package/dist/components/segmented-control/segmented-control.styles.js.map +0 -1
- package/dist/components/typography/typography.d.ts +0 -9
- package/dist/components/typography/typography.d.ts.map +0 -1
- package/dist/components/typography/typography.js +0 -17
- package/dist/components/typography/typography.js.map +0 -1
- package/dist/components/typography/typography.styles.d.ts +0 -5
- package/dist/components/typography/typography.styles.d.ts.map +0 -1
- package/dist/components/typography/typography.styles.js +0 -63
- package/dist/components/typography/typography.styles.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/theme/ThemeProvider.d.ts +0 -6
- package/dist/theme/ThemeProvider.d.ts.map +0 -1
- package/dist/theme/ThemeProvider.js +0 -8
- package/dist/theme/ThemeProvider.js.map +0 -1
- package/dist/theme/index.d.ts +0 -4
- package/dist/theme/index.d.ts.map +0 -1
- package/dist/theme/index.js +0 -3
- package/dist/theme/index.js.map +0 -1
- package/dist/theme/theme.d.ts +0 -458
- package/dist/theme/theme.d.ts.map +0 -1
- package/dist/theme/theme.js +0 -210
- package/dist/theme/theme.js.map +0 -1
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import SegmentedControl from "./segmented-control";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Components/SegmentedControl",
|
|
6
|
-
component: SegmentedControl,
|
|
7
|
-
parameters: {
|
|
8
|
-
layout: "centered",
|
|
9
|
-
},
|
|
10
|
-
argTypes: {
|
|
11
|
-
value: {
|
|
12
|
-
control: false,
|
|
13
|
-
},
|
|
14
|
-
onChange: {
|
|
15
|
-
action: "changed",
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
export default meta;
|
|
20
|
-
function CustomerExecutorControl({ size, }) {
|
|
21
|
-
const [value, setValue] = useState("customer");
|
|
22
|
-
return (_jsx(SegmentedControl, { size: size, options: [
|
|
23
|
-
{
|
|
24
|
-
value: "customer",
|
|
25
|
-
label: "Заказчик",
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
value: "executor",
|
|
29
|
-
label: "Исполнитель",
|
|
30
|
-
},
|
|
31
|
-
], value: value, onChange: setValue }));
|
|
32
|
-
}
|
|
33
|
-
export const Default = {
|
|
34
|
-
render: () => _jsx(CustomerExecutorControl, {}),
|
|
35
|
-
};
|
|
36
|
-
export const Small = {
|
|
37
|
-
render: () => _jsx(CustomerExecutorControl, { size: "small" }),
|
|
38
|
-
};
|
|
39
|
-
export const Large = {
|
|
40
|
-
render: () => _jsx(CustomerExecutorControl, { size: "large" }),
|
|
41
|
-
};
|
|
42
|
-
function DisabledOptionControl() {
|
|
43
|
-
const [value, setValue] = useState("customer");
|
|
44
|
-
return (_jsx(SegmentedControl, { options: [
|
|
45
|
-
{
|
|
46
|
-
value: "customer",
|
|
47
|
-
label: "Заказчик",
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
value: "executor",
|
|
51
|
-
label: "Исполнитель",
|
|
52
|
-
disabled: true,
|
|
53
|
-
},
|
|
54
|
-
], value: value, onChange: setValue }));
|
|
55
|
-
}
|
|
56
|
-
export const WithDisabledOption = {
|
|
57
|
-
render: () => _jsx(DisabledOptionControl, {}),
|
|
58
|
-
};
|
|
59
|
-
export const Disabled = {
|
|
60
|
-
render: () => (_jsx(SegmentedControl, { options: [
|
|
61
|
-
{
|
|
62
|
-
value: "customer",
|
|
63
|
-
label: "Заказчик",
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
value: "executor",
|
|
67
|
-
label: "Исполнитель",
|
|
68
|
-
},
|
|
69
|
-
], value: "customer", onChange: () => { }, disabled: true })),
|
|
70
|
-
};
|
|
71
|
-
function ThreeOptionsControl() {
|
|
72
|
-
const [value, setValue] = useState("all");
|
|
73
|
-
return (_jsx(SegmentedControl, { options: [
|
|
74
|
-
{
|
|
75
|
-
value: "all",
|
|
76
|
-
label: "Все",
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
value: "active",
|
|
80
|
-
label: "Активные",
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
value: "completed",
|
|
84
|
-
label: "Завершённые",
|
|
85
|
-
},
|
|
86
|
-
], value: value, onChange: setValue }));
|
|
87
|
-
}
|
|
88
|
-
export const ThreeOptions = {
|
|
89
|
-
render: () => _jsx(ThreeOptionsControl, {}),
|
|
90
|
-
};
|
|
91
|
-
//# sourceMappingURL=segmented-control.stories%20.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.stories .js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.stories .tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export declare const StyledSegmentedControl: import("@emotion/styled").StyledComponent<{
|
|
2
|
-
theme?: import("@emotion/react").Theme;
|
|
3
|
-
as?: React.ElementType;
|
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
-
export declare const StyledSegment: import("@emotion/styled").StyledComponent<{
|
|
6
|
-
theme?: import("@emotion/react").Theme;
|
|
7
|
-
as?: React.ElementType;
|
|
8
|
-
} & {
|
|
9
|
-
size: "small" | "medium" | "large";
|
|
10
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
11
|
-
//# sourceMappingURL=segmented-control.styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.styles.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;yGAUlC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;UAClB,OAAO,GAAG,QAAQ,GAAG,OAAO;qHA4EnC,CAAC"}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import styled from "@emotion/styled";
|
|
2
|
-
export const StyledSegmentedControl = styled.div `
|
|
3
|
-
display: inline-flex;
|
|
4
|
-
align-items: center;
|
|
5
|
-
gap: 2px;
|
|
6
|
-
|
|
7
|
-
padding: ${({ theme }) => theme.spacing[1]};
|
|
8
|
-
|
|
9
|
-
background: ${({ theme }) => theme.surface.secondary};
|
|
10
|
-
border: 1px solid ${({ theme }) => theme.border.default};
|
|
11
|
-
border-radius: ${({ theme }) => theme.radius.full};
|
|
12
|
-
`;
|
|
13
|
-
export const StyledSegment = styled.button `
|
|
14
|
-
display: inline-flex;
|
|
15
|
-
align-items: center;
|
|
16
|
-
justify-content: center;
|
|
17
|
-
|
|
18
|
-
border: 0;
|
|
19
|
-
border-radius: ${({ theme }) => theme.radius.full};
|
|
20
|
-
|
|
21
|
-
background: transparent;
|
|
22
|
-
color: ${({ theme }) => theme.text.secondary};
|
|
23
|
-
|
|
24
|
-
font-family: ${({ theme }) => theme.typography.fontFamily};
|
|
25
|
-
font-weight: ${({ theme }) => theme.semanticTypography.fontWeight.label};
|
|
26
|
-
line-height: 1;
|
|
27
|
-
|
|
28
|
-
cursor: pointer;
|
|
29
|
-
user-select: none;
|
|
30
|
-
|
|
31
|
-
transition:
|
|
32
|
-
background-color ${({ theme }) => theme.motionSemantic.interaction}
|
|
33
|
-
${({ theme }) => theme.motionSemantic.transition},
|
|
34
|
-
color ${({ theme }) => theme.motionSemantic.interaction}
|
|
35
|
-
${({ theme }) => theme.motionSemantic.transition},
|
|
36
|
-
box-shadow ${({ theme }) => theme.motionSemantic.interaction}
|
|
37
|
-
${({ theme }) => theme.motionSemantic.transition};
|
|
38
|
-
|
|
39
|
-
${({ theme, size }) => {
|
|
40
|
-
switch (size) {
|
|
41
|
-
case "small":
|
|
42
|
-
return `
|
|
43
|
-
min-height: 32px;
|
|
44
|
-
padding: 0 ${theme.spacing[3]};
|
|
45
|
-
font-size: ${theme.semanticTypography.fontSize.bodySm};
|
|
46
|
-
`;
|
|
47
|
-
case "large":
|
|
48
|
-
return `
|
|
49
|
-
min-height: 44px;
|
|
50
|
-
padding: 0 ${theme.spacing[5]};
|
|
51
|
-
font-size: ${theme.semanticTypography.fontSize.bodyLg};
|
|
52
|
-
`;
|
|
53
|
-
case "medium":
|
|
54
|
-
default:
|
|
55
|
-
return `
|
|
56
|
-
min-height: 36px;
|
|
57
|
-
padding: 0 ${theme.spacing[4]};
|
|
58
|
-
font-size: ${theme.semanticTypography.fontSize.body};
|
|
59
|
-
`;
|
|
60
|
-
}
|
|
61
|
-
}}
|
|
62
|
-
|
|
63
|
-
&:hover:not(:disabled) {
|
|
64
|
-
color: ${({ theme }) => theme.text.primary};
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
&:focus-visible {
|
|
68
|
-
outline: 2px solid ${({ theme }) => theme.border.focus};
|
|
69
|
-
outline-offset: 2px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
&:disabled {
|
|
73
|
-
cursor: not-allowed;
|
|
74
|
-
opacity: 0.5;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
&[aria-checked="true"] {
|
|
78
|
-
background: ${({ theme }) => theme.surface.primary};
|
|
79
|
-
color: ${({ theme }) => theme.text.primary};
|
|
80
|
-
box-shadow: ${({ theme }) => theme.elevation.surface};
|
|
81
|
-
}
|
|
82
|
-
`;
|
|
83
|
-
//# sourceMappingURL=segmented-control.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.styles.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;aAKnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;;gBAE5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;sBAChC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;mBACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAExC;;;;;;mBAMiB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;;;WAGxC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;iBAE7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU;iBAC1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC3B,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,KAAK;;;;;;;uBAOtB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC/B,KAAK,CAAC,cAAc,CAAC,WAAW;QAC9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU;YAC1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACpB,KAAK,CAAC,cAAc,CAAC,WAAW;QAC9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU;iBACrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACzB,KAAK,CAAC,cAAc,CAAC,WAAW;QAC9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU;;IAElD,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACpB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO;;uBAEQ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;uBAChB,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,MAAM;SACtD,CAAC;QAEJ,KAAK,OAAO;YACV,OAAO;;uBAEQ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;uBAChB,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,MAAM;SACtD,CAAC;QAEJ,KAAK,QAAQ,CAAC;QACd;YACE,OAAO;;uBAEQ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;uBAChB,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI;SACpD,CAAC;IACN,CAAC;AACH,CAAC;;;aAGU,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;yBAIrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;kBAUxC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;aACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;kBAC5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO;;CAEvD,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
-
export type TypographyVariant = "heading-1" | "heading-2" | "heading-3" | "body-lg" | "body" | "body-sm" | "label";
|
|
3
|
-
export interface TypographyProps extends HTMLAttributes<HTMLElement> {
|
|
4
|
-
variant?: TypographyVariant;
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
declare const Typography: ({ variant, children, ...props }: TypographyProps) => import("react").JSX.Element;
|
|
8
|
-
export default Typography;
|
|
9
|
-
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,WAAW,GACX,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,CAAC;AAEZ,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAeD,QAAA,MAAM,UAAU,GAAI,iCAIjB,eAAe,gCAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { StyledTypography } from "./typography.styles";
|
|
3
|
-
const variantElements = {
|
|
4
|
-
"heading-1": "h1",
|
|
5
|
-
"heading-2": "h2",
|
|
6
|
-
"heading-3": "h3",
|
|
7
|
-
"body-lg": "p",
|
|
8
|
-
body: "p",
|
|
9
|
-
"body-sm": "p",
|
|
10
|
-
label: "span",
|
|
11
|
-
};
|
|
12
|
-
const Typography = ({ variant = "body", children, ...props }) => {
|
|
13
|
-
const Component = variantElements[variant];
|
|
14
|
-
return (_jsx(StyledTypography, { as: Component, "data-variant": variant, ...props, children: children }));
|
|
15
|
-
};
|
|
16
|
-
export default Typography;
|
|
17
|
-
//# sourceMappingURL=typography.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAgBvD,MAAM,eAAe,GAGjB;IACF,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,GAAG;IACd,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,GAAG;IACd,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAE3C,OAAO,CACL,KAAC,gBAAgB,IACf,EAAE,EAAE,SAAS,kBACC,OAAO,KACjB,KAAK,YAER,QAAQ,GACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export declare const StyledTypography: import("@emotion/styled").StyledComponent<{
|
|
2
|
-
theme?: import("@emotion/react").Theme;
|
|
3
|
-
as?: React.ElementType;
|
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
5
|
-
//# sourceMappingURL=typography.styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"typography.styles.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;2GA4D5B,CAAC"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import styled from "@emotion/styled";
|
|
2
|
-
export const StyledTypography = styled.span `
|
|
3
|
-
margin: 0;
|
|
4
|
-
|
|
5
|
-
font-family:
|
|
6
|
-
Inter,
|
|
7
|
-
system-ui,
|
|
8
|
-
-apple-system,
|
|
9
|
-
BlinkMacSystemFont,
|
|
10
|
-
"Segoe UI",
|
|
11
|
-
Roboto,
|
|
12
|
-
Helvetica,
|
|
13
|
-
Arial,
|
|
14
|
-
sans-serif;
|
|
15
|
-
|
|
16
|
-
color: ${({ theme }) => theme.text.primary};
|
|
17
|
-
|
|
18
|
-
&[data-variant="heading-1"] {
|
|
19
|
-
font-size: ${({ theme }) => theme.typography.fontSize["4xl"]};
|
|
20
|
-
font-weight: ${({ theme }) => theme.typography.fontWeight.bold};
|
|
21
|
-
line-height: 1.15;
|
|
22
|
-
letter-spacing: -0.02em;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&[data-variant="heading-2"] {
|
|
26
|
-
font-size: ${({ theme }) => theme.typography.fontSize["3xl"]};
|
|
27
|
-
font-weight: ${({ theme }) => theme.typography.fontWeight.bold};
|
|
28
|
-
line-height: 1.15;
|
|
29
|
-
letter-spacing: -0.02em;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&[data-variant="heading-3"] {
|
|
33
|
-
font-size: ${({ theme }) => theme.typography.fontSize["2xl"]};
|
|
34
|
-
font-weight: ${({ theme }) => theme.typography.fontWeight.bold};
|
|
35
|
-
line-height: 1.15;
|
|
36
|
-
letter-spacing: -0.015em;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
&[data-variant="body-lg"] {
|
|
40
|
-
font-size: ${({ theme }) => theme.typography.fontSize.lg};
|
|
41
|
-
font-weight: ${({ theme }) => theme.typography.fontWeight.regular};
|
|
42
|
-
line-height: 1.4;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&[data-variant="body"] {
|
|
46
|
-
font-size: ${({ theme }) => theme.typography.fontSize.md};
|
|
47
|
-
font-weight: ${({ theme }) => theme.typography.fontWeight.regular};
|
|
48
|
-
line-height: 1.4;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
&[data-variant="body-sm"] {
|
|
52
|
-
font-size: ${({ theme }) => theme.typography.fontSize.sm};
|
|
53
|
-
font-weight: ${({ theme }) => theme.typography.fontWeight.regular};
|
|
54
|
-
line-height: 1.4;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
&[data-variant="label"] {
|
|
58
|
-
font-size: ${({ theme }) => theme.typography.fontSize.sm};
|
|
59
|
-
font-weight: ${({ theme }) => theme.typography.fontWeight.medium};
|
|
60
|
-
line-height: 1.4;
|
|
61
|
-
}
|
|
62
|
-
`;
|
|
63
|
-
//# sourceMappingURL=typography.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"typography.styles.js","sourceRoot":"","sources":["../../../src/components/typography/typography.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;;WAchC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;iBAG3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;mBAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;;;;;;iBAMjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;mBAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;;;;;;iBAMjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;mBAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;;;;;;iBAMjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;mBACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO;;;;;iBAKpD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;mBACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO;;;;;iBAKpD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;mBACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO;;;;;iBAKpD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;mBACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM;;;CAGnE,CAAC"}
|
package/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AAE/F,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EACV,eAAe,EACf,iBAAiB,GAClB,MAAM,oCAAoC,CAAC;AAE5C,YAAY,EACV,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,kDAAkD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,GACT,EAAE,kBAAkB,+BAMpB"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { ThemeProvider as EmotionThemeProvider, } from "@emotion/react";
|
|
4
|
-
import { theme } from "./theme";
|
|
5
|
-
export function ThemeProvider({ children, }) {
|
|
6
|
-
return (_jsx(EmotionThemeProvider, { theme: theme, children: children }));
|
|
7
|
-
}
|
|
8
|
-
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,aAAa,IAAI,oBAAoB,GACtC,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAMhC,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,GACW;IACnB,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,YAC/B,QAAQ,GACY,CACxB,CAAC;AACJ,CAAC"}
|
package/dist/theme/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/theme/index.js
DELETED
package/dist/theme/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|