@ingamigo/ui 1.2.2 → 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.
Files changed (61) hide show
  1. package/dist/index.d.ts +354 -13
  2. package/dist/index.js +911 -8
  3. package/dist/index.js.map +1 -1
  4. package/package.json +4 -2
  5. package/dist/components/button/button.d.ts +0 -8
  6. package/dist/components/button/button.d.ts.map +0 -1
  7. package/dist/components/button/button.js +0 -7
  8. package/dist/components/button/button.js.map +0 -1
  9. package/dist/components/button/button.styles.d.ts +0 -8
  10. package/dist/components/button/button.styles.d.ts.map +0 -1
  11. package/dist/components/button/button.styles.js +0 -117
  12. package/dist/components/button/button.styles.js.map +0 -1
  13. package/dist/components/input/input.d.ts +0 -7
  14. package/dist/components/input/input.d.ts.map +0 -1
  15. package/dist/components/input/input.js +0 -7
  16. package/dist/components/input/input.js.map +0 -1
  17. package/dist/components/input/input.styles.d.ts +0 -9
  18. package/dist/components/input/input.styles.d.ts.map +0 -1
  19. package/dist/components/input/input.styles.js +0 -83
  20. package/dist/components/input/input.styles.js.map +0 -1
  21. package/dist/components/logo/logo.d.ts +0 -9
  22. package/dist/components/logo/logo.d.ts.map +0 -1
  23. package/dist/components/logo/logo.js +0 -77
  24. package/dist/components/logo/logo.js.map +0 -1
  25. package/dist/components/logo/logo.styles.d.ts +0 -56
  26. package/dist/components/logo/logo.styles.d.ts.map +0 -1
  27. package/dist/components/logo/logo.styles.js +0 -127
  28. package/dist/components/logo/logo.styles.js.map +0 -1
  29. package/dist/components/segmented-control/segmented-control.d.ts +0 -16
  30. package/dist/components/segmented-control/segmented-control.d.ts.map +0 -1
  31. package/dist/components/segmented-control/segmented-control.js +0 -50
  32. package/dist/components/segmented-control/segmented-control.js.map +0 -1
  33. package/dist/components/segmented-control/segmented-control.stories .d.ts +0 -25
  34. package/dist/components/segmented-control/segmented-control.stories .d.ts.map +0 -1
  35. package/dist/components/segmented-control/segmented-control.stories .js +0 -91
  36. package/dist/components/segmented-control/segmented-control.stories .js.map +0 -1
  37. package/dist/components/segmented-control/segmented-control.styles.d.ts +0 -11
  38. package/dist/components/segmented-control/segmented-control.styles.d.ts.map +0 -1
  39. package/dist/components/segmented-control/segmented-control.styles.js +0 -83
  40. package/dist/components/segmented-control/segmented-control.styles.js.map +0 -1
  41. package/dist/components/typography/typography.d.ts +0 -9
  42. package/dist/components/typography/typography.d.ts.map +0 -1
  43. package/dist/components/typography/typography.js +0 -17
  44. package/dist/components/typography/typography.js.map +0 -1
  45. package/dist/components/typography/typography.styles.d.ts +0 -5
  46. package/dist/components/typography/typography.styles.d.ts.map +0 -1
  47. package/dist/components/typography/typography.styles.js +0 -63
  48. package/dist/components/typography/typography.styles.js.map +0 -1
  49. package/dist/index.d.ts.map +0 -1
  50. package/dist/theme/ThemeProvider.d.ts +0 -6
  51. package/dist/theme/ThemeProvider.d.ts.map +0 -1
  52. package/dist/theme/ThemeProvider.js +0 -8
  53. package/dist/theme/ThemeProvider.js.map +0 -1
  54. package/dist/theme/index.d.ts +0 -4
  55. package/dist/theme/index.d.ts.map +0 -1
  56. package/dist/theme/index.js +0 -3
  57. package/dist/theme/index.js.map +0 -1
  58. package/dist/theme/theme.d.ts +0 -458
  59. package/dist/theme/theme.d.ts.map +0 -1
  60. package/dist/theme/theme.js +0 -210
  61. package/dist/theme/theme.js.map +0 -1
@@ -1,127 +0,0 @@
1
- import styled from "@emotion/styled";
2
- const sizeHeight = (size) => {
3
- switch (size) {
4
- case "small":
5
- return 24;
6
- case "large":
7
- return 48;
8
- case "medium":
9
- default:
10
- return 32;
11
- }
12
- };
13
- export const StyledLogoContainer = styled("div", {
14
- shouldForwardProp: (prop) => prop !== "size",
15
- }) `
16
- display: inline-flex;
17
- align-items: center;
18
- font-family: ${({ theme }) => theme.typography.fontFamily};
19
- user-select: none;
20
- `;
21
- export const StyledSvgIcon = styled.svg `
22
- flex-shrink: 0;
23
-
24
- margin-right: ${({ theme }) => theme.spacing[3]};
25
-
26
- .green-part {
27
- fill: #00ff22;
28
- }
29
- .blue-part {
30
- fill: #006fff;
31
- }
32
-
33
- ${({ size }) => {
34
- switch (size) {
35
- case "small":
36
- return { width: "24px", height: "24px" };
37
- case "large":
38
- return { width: "56px", height: "56px" };
39
- case "medium":
40
- default:
41
- return { width: "40px", height: "40px" };
42
- }
43
- }}
44
- `;
45
- export const StyledBrandText = styled.span `
46
- color: ${({ theme }) => theme.text.primary};
47
- font-weight: ${({ theme }) => theme.semanticTypography.fontWeight.label};
48
- letter-spacing: -0.5px;
49
- line-height: 1;
50
-
51
- ${({ theme, size }) => {
52
- switch (size) {
53
- case "small":
54
- return { fontSize: theme.semanticTypography.fontSize.bodyLg };
55
- case "large":
56
- return { fontSize: theme.semanticTypography.fontSize.heading1 };
57
- case "medium":
58
- default:
59
- return { fontSize: theme.semanticTypography.fontSize.heading3 };
60
- }
61
- }}
62
- `;
63
- export const StyledBrandAccent = styled.span `
64
- font-weight: 700;
65
- `;
66
- export const StyledPrefixWrapper = styled.div `
67
- display: flex;
68
- align-items: center;
69
- `;
70
- export const StyledDivider = styled.span `
71
- font-weight: 300;
72
- line-height: 2;
73
- margin: 0 ${({ theme }) => theme.spacing[3]};
74
-
75
- ${({ theme, size }) => {
76
- switch (size) {
77
- case "small":
78
- return { fontSize: theme.semanticTypography.fontSize.bodyLg };
79
- case "large":
80
- return { fontSize: theme.semanticTypography.fontSize.heading1 };
81
- case "medium":
82
- default:
83
- return { fontSize: theme.semanticTypography.fontSize.heading3 };
84
- }
85
- }}
86
- `;
87
- export const StyledDrumContainer = styled.div `
88
- overflow: hidden;
89
- position: relative;
90
- display: flex;
91
- height: ${({ size }) => sizeHeight(size)}px;
92
- `;
93
- export const StyledDrumTrack = styled("div", {
94
- shouldForwardProp: (prop) => prop !== "size" &&
95
- prop !== "offset" &&
96
- prop !== "isScrolling" &&
97
- prop !== "duration",
98
- }) `
99
- display: flex;
100
- flex-direction: column;
101
- will-change: transform;
102
- transform: translateY(${({ size, offset }) => -offset * sizeHeight(size)}px);
103
- transition: ${({ isScrolling, duration }) => isScrolling
104
- ? `transform ${duration}ms cubic-bezier(0.16, 1, 0.3, 1)`
105
- : "none"};
106
- `;
107
- export const StyledPrefixText = styled.span `
108
- display: block;
109
- white-space: nowrap;
110
- color: ${({ theme }) => theme.text.primary};
111
- font-weight: 200;
112
- height: ${({ size }) => sizeHeight(size)}px;
113
- line-height: ${({ size }) => sizeHeight(size)}px;
114
-
115
- ${({ theme, size }) => {
116
- switch (size) {
117
- case "small":
118
- return { fontSize: theme.semanticTypography.fontSize.bodyLg };
119
- case "large":
120
- return { fontSize: theme.semanticTypography.fontSize.heading1 };
121
- case "medium":
122
- default:
123
- return { fontSize: theme.semanticTypography.fontSize.heading1 };
124
- }
125
- }}
126
- `;
127
- //# sourceMappingURL=logo.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"logo.styles.js","sourceRoot":"","sources":["../../../src/components/logo/logo.styles.ts"],"names":[],"mappings":"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"}
@@ -1,16 +0,0 @@
1
- import type { ReactNode } from "react";
2
- export interface SegmentedControlOption<T extends string> {
3
- value: T;
4
- label: ReactNode;
5
- disabled?: boolean;
6
- }
7
- export interface SegmentedControlProps<T extends string> {
8
- options: SegmentedControlOption<T>[];
9
- value: T;
10
- onChange: (value: T) => void;
11
- size?: "small" | "medium" | "large";
12
- disabled?: boolean;
13
- }
14
- declare const SegmentedControl: <T extends string>({ options, value, onChange, size, disabled, }: SegmentedControlProps<T>) => import("react").JSX.Element;
15
- export default SegmentedControl;
16
- //# sourceMappingURL=segmented-control.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAOtD,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,MAAM;IACtD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM;IACrD,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,EAAE,+CAMzC,qBAAqB,CAAC,CAAC,CAAC,gCA2F1B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -1,50 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useRef } from "react";
3
- import { StyledSegment, StyledSegmentedControl, } from "./segmented-control.styles";
4
- const SegmentedControl = ({ options, value, onChange, size = "medium", disabled = false, }) => {
5
- const refs = useRef([]);
6
- const enabledOptions = options.filter((option) => !option.disabled);
7
- const handleKeyDown = (event, currentIndex) => {
8
- if (disabled || currentIndex === -1) {
9
- return;
10
- }
11
- let nextIndex;
12
- switch (event.key) {
13
- case "ArrowRight":
14
- case "ArrowDown":
15
- nextIndex = (currentIndex + 1) % enabledOptions.length;
16
- break;
17
- case "ArrowLeft":
18
- case "ArrowUp":
19
- nextIndex =
20
- (currentIndex - 1 + enabledOptions.length) %
21
- enabledOptions.length;
22
- break;
23
- case "Home":
24
- nextIndex = 0;
25
- break;
26
- case "End":
27
- nextIndex = enabledOptions.length - 1;
28
- break;
29
- default:
30
- return;
31
- }
32
- event.preventDefault();
33
- const nextOption = enabledOptions[nextIndex];
34
- const originalIndex = options.findIndex((option) => option.value === nextOption.value);
35
- refs.current[originalIndex]?.focus();
36
- onChange(nextOption.value);
37
- };
38
- return (_jsx(StyledSegmentedControl, { role: "radiogroup", "aria-disabled": disabled, children: options.map((option, index) => {
39
- const checked = option.value === value;
40
- const optionDisabled = disabled || option.disabled;
41
- const enabledIndex = enabledOptions.findIndex((item) => item.value === option.value);
42
- return (_jsx(StyledSegment, { ref: (element) => {
43
- refs.current[index] = element;
44
- }, size: size, type: "button", role: "radio", "aria-checked": checked, tabIndex: checked && !optionDisabled ? 0 : -1, disabled: optionDisabled, onClick: () => onChange(option.value), onKeyDown: (event) => {
45
- handleKeyDown(event, enabledIndex);
46
- }, children: option.label }, option.value));
47
- }) }));
48
- };
49
- export default SegmentedControl;
50
- //# sourceMappingURL=segmented-control.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"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"}
@@ -1,25 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- declare const meta: {
3
- title: string;
4
- component: <T extends string>({ options, value, onChange, size, disabled, }: import("./segmented-control").SegmentedControlProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
5
- parameters: {
6
- layout: string;
7
- };
8
- argTypes: {
9
- value: {
10
- control: false;
11
- };
12
- onChange: {
13
- action: string;
14
- };
15
- };
16
- };
17
- export default meta;
18
- type Story = StoryObj;
19
- export declare const Default: Story;
20
- export declare const Small: Story;
21
- export declare const Large: Story;
22
- export declare const WithDisabledOption: Story;
23
- export declare const Disabled: Story;
24
- export declare const ThreeOptions: Story;
25
- //# sourceMappingURL=segmented-control.stories%20.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"segmented-control.stories .d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.stories .tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAc+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AA4BtB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAwBF,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AA2BF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC"}
@@ -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"}
@@ -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;AAC/F,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAExD,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,6 +0,0 @@
1
- interface ThemeProviderProps {
2
- children: React.ReactNode;
3
- }
4
- export declare function ThemeProvider({ children, }: ThemeProviderProps): import("react").JSX.Element;
5
- export {};
6
- //# sourceMappingURL=ThemeProvider.d.ts.map
@@ -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"}
@@ -1,4 +0,0 @@
1
- export { ThemeProvider } from "./ThemeProvider";
2
- export { theme } from "./theme";
3
- export type { IngAmigoTheme } from "./theme";
4
- //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -1,3 +0,0 @@
1
- export { ThemeProvider } from "./ThemeProvider";
2
- export { theme } from "./theme";
3
- //# sourceMappingURL=index.js.map
@@ -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"}