@taiv/ui 1.11.0 → 1.13.0
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/assets/assets.d.ts +5 -0
- package/dist/assets/assets.d.ts.map +1 -0
- package/dist/assets/assets.js +18 -0
- package/dist/assets/icons.d.ts +6 -0
- package/dist/assets/icons.d.ts.map +1 -0
- package/dist/assets/icons.js +57 -0
- package/dist/components/Info/Modals/Modal/Modal.stories.d.ts +7 -0
- package/dist/components/Info/Modals/Modal/Modal.stories.d.ts.map +1 -0
- package/dist/components/Info/Modals/Modal/Modal.stories.js +61 -0
- package/dist/components/Info/Modals/Modals.stories.d.ts +16 -0
- package/dist/components/Info/Modals/Modals.stories.d.ts.map +1 -0
- package/dist/components/Info/Modals/Modals.stories.js +101 -0
- package/dist/components/Info/Notifications/Notifications.stories.d.ts +10 -0
- package/dist/components/Info/Notifications/Notifications.stories.d.ts.map +1 -0
- package/dist/components/Info/Notifications/Notifications.stories.js +106 -0
- package/dist/components/Inputs/Buttons/Button/Button.stories.d.ts +1 -0
- package/dist/components/Inputs/Buttons/Button/Button.stories.d.ts.map +1 -1
- package/dist/components/Inputs/Buttons/Button/Button.stories.js +50 -44
- package/dist/components/Inputs/Controls/SegmentedControl/SegmentedControl.d.ts +26 -0
- package/dist/components/Inputs/Controls/SegmentedControl/SegmentedControl.d.ts.map +1 -0
- package/dist/components/Inputs/Controls/SegmentedControl/SegmentedControl.js +41 -0
- package/dist/components/Inputs/Controls/SegmentedControl/SegmentedControl.stories.d.ts +13 -0
- package/dist/components/Inputs/Controls/SegmentedControl/SegmentedControl.stories.d.ts.map +1 -0
- package/dist/components/Inputs/Controls/SegmentedControl/SegmentedControl.stories.js +231 -0
- package/dist/components/Layout/AutoGrid/AutoGrid.stories.d.ts +7 -0
- package/dist/components/Layout/AutoGrid/AutoGrid.stories.d.ts.map +1 -0
- package/dist/components/Layout/AutoGrid/AutoGrid.stories.js +78 -0
- package/dist/components/Layout/Box/Box.d.ts +1 -3
- package/dist/components/Layout/Box/Box.d.ts.map +1 -1
- package/dist/components/Layout/Box/Box.js +2 -2
- package/dist/components/Layout/Box/Box.stories.d.ts +1 -2
- package/dist/components/Layout/Box/Box.stories.d.ts.map +1 -1
- package/dist/components/Layout/Box/Box.stories.js +27 -98
- package/dist/components/Layout/Card/Card.d.ts +1 -1
- package/dist/components/Layout/Card/Card.d.ts.map +1 -1
- package/dist/components/Layout/Card/Card.js +2 -2
- package/dist/components/Layout/Card/Card.stories.d.ts +10 -0
- package/dist/components/Layout/Card/Card.stories.d.ts.map +1 -0
- package/dist/components/Layout/Card/Card.stories.js +91 -0
- package/dist/components/Layout/Center/Center.d.ts +2 -3
- package/dist/components/Layout/Center/Center.d.ts.map +1 -1
- package/dist/components/Layout/Center/Center.js +2 -2
- package/dist/components/Layout/Center/Center.stories.d.ts +8 -0
- package/dist/components/Layout/Center/Center.stories.d.ts.map +1 -0
- package/dist/components/Layout/Center/Center.stories.js +69 -0
- package/dist/components/Layout/Divider/Divider.stories.d.ts +7 -0
- package/dist/components/Layout/Divider/Divider.stories.d.ts.map +1 -0
- package/dist/components/Layout/Divider/Divider.stories.js +67 -0
- package/dist/components/Layout/Frame/Frame.stories.d.ts +8 -0
- package/dist/components/Layout/Frame/Frame.stories.d.ts.map +1 -0
- package/dist/components/Layout/Frame/Frame.stories.js +77 -0
- package/dist/components/Layout/Grid/Grid.stories.d.ts +8 -0
- package/dist/components/Layout/Grid/Grid.stories.d.ts.map +1 -0
- package/dist/components/Layout/Grid/Grid.stories.js +71 -0
- package/dist/components/Layout/Group/Group.stories.d.ts +10 -0
- package/dist/components/Layout/Group/Group.stories.d.ts.map +1 -0
- package/dist/components/Layout/Group/Group.stories.js +113 -0
- package/dist/components/Layout/Loader/Loader.stories.d.ts +10 -0
- package/dist/components/Layout/Loader/Loader.stories.d.ts.map +1 -0
- package/dist/components/Layout/Loader/Loader.stories.js +67 -0
- package/dist/components/Layout/SectionCard/SectionCard.d.ts +3 -5
- package/dist/components/Layout/SectionCard/SectionCard.d.ts.map +1 -1
- package/dist/components/Layout/SectionCard/SectionCard.js +3 -8
- package/dist/components/Layout/SectionCard/SectionCard.stories.d.ts +9 -0
- package/dist/components/Layout/SectionCard/SectionCard.stories.d.ts.map +1 -0
- package/dist/components/Layout/SectionCard/SectionCard.stories.js +98 -0
- package/dist/components/Layout/Stack/Stack.stories.d.ts +1 -2
- package/dist/components/Layout/Stack/Stack.stories.d.ts.map +1 -1
- package/dist/components/Layout/Stack/Stack.stories.js +46 -66
- package/dist/components/Layout/Tabs/Tabs.d.ts +2 -4
- package/dist/components/Layout/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Layout/Tabs/Tabs.js +2 -2
- package/dist/components/Layout/Tabs/Tabs.stories.d.ts +9 -0
- package/dist/components/Layout/Tabs/Tabs.stories.d.ts.map +1 -0
- package/dist/components/Layout/Tabs/Tabs.stories.js +140 -0
- package/dist/components/Misc/IconBadge/IconBadge.stories.d.ts +7 -0
- package/dist/components/Misc/IconBadge/IconBadge.stories.d.ts.map +1 -0
- package/dist/components/Misc/IconBadge/IconBadge.stories.js +48 -0
- package/dist/components/Typography/Formula/Formula.js +2 -2
- package/dist/components/Typography/Formula/Formula.stories.d.ts +10 -0
- package/dist/components/Typography/Formula/Formula.stories.d.ts.map +1 -0
- package/dist/components/Typography/Formula/Formula.stories.js +85 -0
- package/dist/components/Typography/Fraction/Fraction.d.ts.map +1 -1
- package/dist/components/Typography/Fraction/Fraction.stories.d.ts +9 -0
- package/dist/components/Typography/Fraction/Fraction.stories.d.ts.map +1 -0
- package/dist/components/Typography/Fraction/Fraction.stories.js +86 -0
- package/dist/components/Typography/Text/Text.d.ts.map +1 -1
- package/dist/components/Typography/Text/Text.js +6 -0
- package/dist/components/Typography/Text/Text.stories.d.ts +10 -0
- package/dist/components/Typography/Text/Text.stories.d.ts.map +1 -0
- package/dist/components/Typography/Text/Text.stories.js +101 -0
- package/dist/components/Typography/Title/Title.stories.d.ts +9 -0
- package/dist/components/Typography/Title/Title.stories.d.ts.map +1 -0
- package/dist/components/Typography/Title/Title.stories.js +98 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/constants/colors.d.ts +1 -0
- package/dist/constants/colors.d.ts.map +1 -1
- package/dist/constants/colors.js +1 -0
- package/dist/docs/AIGeneratedBanner.d.ts +2 -0
- package/dist/docs/AIGeneratedBanner.d.ts.map +1 -0
- package/dist/docs/AIGeneratedBanner.js +5 -0
- package/dist/docs/design/Colors.stories.d.ts +7 -0
- package/dist/docs/design/Colors.stories.d.ts.map +1 -0
- package/dist/docs/design/Colors.stories.js +28 -0
- package/dist/docs/hooks/Copy.stories.d.ts +6 -0
- package/dist/docs/hooks/Copy.stories.d.ts.map +1 -0
- package/dist/docs/hooks/Copy.stories.js +61 -0
- package/package.json +6 -6
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { IconBadge } from './IconBadge';
|
|
3
|
+
import { IconHeart, IconBell, IconStar, IconCheck, IconSettings, IconShield } from '@tabler/icons-react';
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'Components/Misc/IconBadge',
|
|
6
|
+
component: IconBadge,
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: 'centered',
|
|
9
|
+
docs: {
|
|
10
|
+
description: {
|
|
11
|
+
component: 'The IconBadge component is just a colored icon wrapped in a circular background.',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
argTypes: {
|
|
16
|
+
icon: {
|
|
17
|
+
control: { type: 'select' },
|
|
18
|
+
options: ['Heart', 'Bell', 'Star', 'Check', 'Settings', 'Shield'],
|
|
19
|
+
mapping: {
|
|
20
|
+
Heart: _jsx(IconHeart, { size: 20 }),
|
|
21
|
+
Bell: _jsx(IconBell, { size: 20 }),
|
|
22
|
+
Star: _jsx(IconStar, { size: 20 }),
|
|
23
|
+
Check: _jsx(IconCheck, { size: 20 }),
|
|
24
|
+
Settings: _jsx(IconSettings, { size: 20 }),
|
|
25
|
+
Shield: _jsx(IconShield, { size: 20 }),
|
|
26
|
+
},
|
|
27
|
+
description: 'The icon element to display inside the badge',
|
|
28
|
+
table: {
|
|
29
|
+
type: { summary: 'ReactNode' },
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
color: {
|
|
33
|
+
control: { type: 'select' },
|
|
34
|
+
options: ['blue', 'green', 'yellow', 'red', 'purple', 'salmon', 'gray'],
|
|
35
|
+
description: 'Primitive color for the badge background and icon',
|
|
36
|
+
table: {
|
|
37
|
+
type: { summary: "'blue' | 'green' | 'yellow' | 'red' | 'purple' | 'salmon' | 'gray'" },
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
export default meta;
|
|
43
|
+
export const Default = {
|
|
44
|
+
args: {
|
|
45
|
+
icon: _jsx(IconHeart, { size: 20 }),
|
|
46
|
+
color: 'blue',
|
|
47
|
+
},
|
|
48
|
+
};
|
|
@@ -8,7 +8,7 @@ class FormulaParser {
|
|
|
8
8
|
this.current = 0;
|
|
9
9
|
}
|
|
10
10
|
parse(expression) {
|
|
11
|
-
const hasMathOperators = /[*\/+\-()=]/.test(expression);
|
|
11
|
+
const hasMathOperators = /[*\/+\-()=_]/.test(expression);
|
|
12
12
|
if (!hasMathOperators) {
|
|
13
13
|
return [{ type: 'default', value: expression }];
|
|
14
14
|
}
|
|
@@ -121,7 +121,7 @@ const FormulaRenderer = ({ nodes, weight, size, color }) => {
|
|
|
121
121
|
case 'operator':
|
|
122
122
|
return (_jsx(Text, { weight: weight, size: size, color: color, mx: "0.25rem", children: node.value === '*' ? '×' : node.value }, index));
|
|
123
123
|
case 'subscript':
|
|
124
|
-
return (_jsxs(Text, { weight: weight, size: size, color: color, children: [node.value, _jsx("sub", { children:
|
|
124
|
+
return (_jsxs(Text, { weight: weight, size: size, color: color, children: [node.value, _jsx("sub", { children: node.subscript })] }, index));
|
|
125
125
|
case 'fraction':
|
|
126
126
|
return (_jsx(Fraction, { color: color, weight: weight, size: size, numerator: _jsx(FormulaRenderer, { nodes: node.numerator || [], weight: weight, size: size, color: color }), denominator: _jsx(FormulaRenderer, { nodes: node.denominator || [], weight: weight, size: size, color: color }) }, index));
|
|
127
127
|
default:
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Formula } from './Formula';
|
|
3
|
+
declare const meta: Meta<typeof Formula>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Operations: Story;
|
|
8
|
+
export declare const StructuringEquations: Story;
|
|
9
|
+
export declare const CustomOverrides: Story;
|
|
10
|
+
//# sourceMappingURL=Formula.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Formula.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Formula/Formula.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyC9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Formula } from './Formula';
|
|
3
|
+
import { Stack } from '../../Layout/Stack/Stack';
|
|
4
|
+
import { primary } from '../../../constants/colors';
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'Components/Typography/Formula',
|
|
7
|
+
component: Formula,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'centered',
|
|
10
|
+
},
|
|
11
|
+
argTypes: {
|
|
12
|
+
expression: {
|
|
13
|
+
control: { type: 'text' },
|
|
14
|
+
description: 'The mathematical expression string to parse and render',
|
|
15
|
+
table: {
|
|
16
|
+
type: { summary: 'string' },
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
size: {
|
|
20
|
+
control: { type: 'select' },
|
|
21
|
+
options: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'],
|
|
22
|
+
description: 'Override for the font size',
|
|
23
|
+
table: {
|
|
24
|
+
type: { summary: "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'" },
|
|
25
|
+
defaultValue: { summary: 'From "body" text variant' },
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
weight: {
|
|
29
|
+
control: { type: 'select' },
|
|
30
|
+
options: ['light', 'regular', 'medium', 'semibold', 'bold'],
|
|
31
|
+
description: 'Override for the font weight',
|
|
32
|
+
table: {
|
|
33
|
+
type: { summary: "'light' | 'regular' | 'medium' | 'semibold' | 'bold'" },
|
|
34
|
+
defaultValue: { summary: 'From "body" text variant' },
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
color: {
|
|
38
|
+
control: { type: 'color' },
|
|
39
|
+
description: 'Override for the text color',
|
|
40
|
+
table: {
|
|
41
|
+
type: { summary: 'string' },
|
|
42
|
+
defaultValue: { summary: 'From "body" text variant' },
|
|
43
|
+
},
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
};
|
|
47
|
+
export default meta;
|
|
48
|
+
export const Default = {
|
|
49
|
+
args: {
|
|
50
|
+
expression: 'x + y = z',
|
|
51
|
+
size: undefined,
|
|
52
|
+
weight: undefined,
|
|
53
|
+
color: undefined,
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
export const Operations = {
|
|
57
|
+
render: () => (_jsxs(Stack, { gap: "1rem", children: [_jsx(Formula, { expression: "a + b" }), _jsx(Formula, { expression: "a - b" }), _jsx(Formula, { expression: "a * b" }), _jsx(Formula, { expression: "a / b" }), _jsx(Formula, { expression: "Revenue_a * Revenue_b" })] })),
|
|
58
|
+
};
|
|
59
|
+
export const StructuringEquations = {
|
|
60
|
+
parameters: {
|
|
61
|
+
docs: {
|
|
62
|
+
source: {
|
|
63
|
+
code: `{/* b/c as fraction, then add a */}
|
|
64
|
+
<Formula expression="a + b / c" />
|
|
65
|
+
|
|
66
|
+
{/* (a + b) as the numerator */}
|
|
67
|
+
<Formula expression="(a + b) / c" />
|
|
68
|
+
|
|
69
|
+
{/* complex numerator and denominator */}
|
|
70
|
+
<Formula expression="(a + b) / (c + d)" />`,
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
render: () => (_jsxs(Stack, { gap: "1rem", children: [_jsx(Formula, { expression: "a + b / c" }), _jsx(Formula, { expression: "(a + b) / c" }), _jsx(Formula, { expression: "(a + b) / (c + d)" })] })),
|
|
75
|
+
};
|
|
76
|
+
export const CustomOverrides = {
|
|
77
|
+
parameters: {
|
|
78
|
+
docs: {
|
|
79
|
+
source: {
|
|
80
|
+
code: `<Formula expression="(a + b) / c" size="xl" weight="semibold" color={primary[200]} />`,
|
|
81
|
+
},
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
render: () => (_jsx(Formula, { expression: "(a + b) / c", size: "xl", weight: "semibold", color: primary[200] })),
|
|
85
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fraction.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Fraction/Fraction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Fraction.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Fraction/Fraction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,QAAQ,CAAC;IACpE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,QAAQ,GAAI,0DAAmE,aAAa,4CAajG,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Fraction } from './Fraction';
|
|
3
|
+
declare const meta: Meta<typeof Fraction>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const CustomOverrides: Story;
|
|
9
|
+
//# sourceMappingURL=Fraction.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Fraction.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Fraction/Fraction.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAyD/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fraction } from './Fraction';
|
|
3
|
+
import { Stack } from '../../Layout/Stack/Stack';
|
|
4
|
+
import { primary } from '../../../constants/colors';
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'Components/Typography/Fraction',
|
|
7
|
+
component: Fraction,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'centered',
|
|
10
|
+
},
|
|
11
|
+
argTypes: {
|
|
12
|
+
numerator: {
|
|
13
|
+
control: { type: 'text' },
|
|
14
|
+
description: 'The content to display in the numerator',
|
|
15
|
+
table: {
|
|
16
|
+
type: { summary: 'ReactNode' },
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
denominator: {
|
|
20
|
+
control: { type: 'text' },
|
|
21
|
+
description: 'The content to display in the denominator',
|
|
22
|
+
table: {
|
|
23
|
+
type: { summary: 'ReactNode' },
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
variant: {
|
|
27
|
+
control: { type: 'select' },
|
|
28
|
+
options: ['body', 'subtle', 'label', 'caption'],
|
|
29
|
+
description: 'The preset variant to use for styling',
|
|
30
|
+
table: {
|
|
31
|
+
type: { summary: "'body' | 'subtle' | 'label' | 'caption'" },
|
|
32
|
+
defaultValue: { summary: "'body'" },
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
size: {
|
|
36
|
+
control: { type: 'select' },
|
|
37
|
+
options: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'],
|
|
38
|
+
description: 'Override for the font size',
|
|
39
|
+
table: {
|
|
40
|
+
type: { summary: "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'" },
|
|
41
|
+
defaultValue: { summary: 'Set by variant' },
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
weight: {
|
|
45
|
+
control: { type: 'select' },
|
|
46
|
+
options: ['light', 'regular', 'medium', 'semibold', 'bold'],
|
|
47
|
+
description: 'Override for the font weight',
|
|
48
|
+
table: {
|
|
49
|
+
type: { summary: "'light' | 'regular' | 'medium' | 'semibold' | 'bold'" },
|
|
50
|
+
defaultValue: { summary: 'Set by variant' },
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
color: {
|
|
54
|
+
control: { type: 'color' },
|
|
55
|
+
description: 'Override for the text color',
|
|
56
|
+
table: {
|
|
57
|
+
type: { summary: 'string' },
|
|
58
|
+
defaultValue: { summary: 'Set by variant' },
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
},
|
|
62
|
+
};
|
|
63
|
+
export default meta;
|
|
64
|
+
export const Default = {
|
|
65
|
+
args: {
|
|
66
|
+
numerator: '1',
|
|
67
|
+
denominator: '2',
|
|
68
|
+
variant: undefined,
|
|
69
|
+
size: undefined,
|
|
70
|
+
weight: undefined,
|
|
71
|
+
color: undefined,
|
|
72
|
+
},
|
|
73
|
+
};
|
|
74
|
+
export const Variants = {
|
|
75
|
+
render: () => (_jsxs(Stack, { gap: "1.5rem", children: [_jsx(Fraction, { numerator: "1", denominator: "2", variant: "body" }), _jsx(Fraction, { numerator: "1", denominator: "2", variant: "subtle" }), _jsx(Fraction, { numerator: "1", denominator: "2", variant: "label" }), _jsx(Fraction, { numerator: "1", denominator: "2", variant: "caption" })] })),
|
|
76
|
+
};
|
|
77
|
+
export const CustomOverrides = {
|
|
78
|
+
parameters: {
|
|
79
|
+
docs: {
|
|
80
|
+
source: {
|
|
81
|
+
code: `<Fraction numerator="x + 1" denominator="y - 2" size="xl" weight="semibold" color={primary[200]} />`,
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
},
|
|
85
|
+
render: () => (_jsx(Fraction, { numerator: "x + 1", denominator: "y - 2", size: "xl", weight: "semibold", color: primary[200] })),
|
|
86
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAuB,SAAS,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAuB,SAAS,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1E,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,IAAI,GAAI,8DAAuE,SAAS,4CA2C7F,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Text as MantineText } from '@mantine/core';
|
|
3
3
|
import { textStyle, fontSize, fontWeight } from '../../../constants/font';
|
|
4
|
+
import { error, neutral } from '../../../constants/colors';
|
|
4
5
|
const Text = ({ variant = 'body', size, children, weight, color, styles, ...props }) => {
|
|
5
6
|
const selectedVariant = textStyle[variant];
|
|
6
7
|
const customSize = size ? fontSize[size] : {};
|
|
@@ -28,6 +29,11 @@ const Text = ({ variant = 'body', size, children, weight, color, styles, ...prop
|
|
|
28
29
|
fontSize: '0.8em',
|
|
29
30
|
marginLeft: '0.2em',
|
|
30
31
|
},
|
|
32
|
+
'& code': {
|
|
33
|
+
color: error[200],
|
|
34
|
+
backgroundColor: neutral[50],
|
|
35
|
+
padding: '0.25em 0.5em',
|
|
36
|
+
},
|
|
31
37
|
}, ...props, children: children }));
|
|
32
38
|
};
|
|
33
39
|
export { Text };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Text } from './Text';
|
|
3
|
+
declare const meta: Meta<typeof Text>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const CustomOverrides: Story;
|
|
9
|
+
export declare const WithFormatting: Story;
|
|
10
|
+
//# sourceMappingURL=Text.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA+D3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Text } from './Text';
|
|
3
|
+
import { Stack } from '../../Layout/Stack/Stack';
|
|
4
|
+
import { primary } from '../../../constants/colors';
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'Components/Typography/Text',
|
|
7
|
+
component: Text,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'centered',
|
|
10
|
+
docs: {
|
|
11
|
+
description: {
|
|
12
|
+
component: "[View Mantine Docs](https://v6.mantine.dev/core/text/)\n\nThe Text component is a customizable wrapper around Mantine's Text component that provides consistent typography styling across your application. It extends Mantine v6's TextProps while adding custom variants, sizes, and weights.",
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
argTypes: {
|
|
17
|
+
variant: {
|
|
18
|
+
control: { type: 'select' },
|
|
19
|
+
options: ['body', 'subtle', 'label', 'caption'],
|
|
20
|
+
description: 'The preset variant to use for styling',
|
|
21
|
+
table: {
|
|
22
|
+
type: { summary: "'body' | 'subtle' | 'label' | 'caption'" },
|
|
23
|
+
defaultValue: { summary: "'body'" },
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
size: {
|
|
27
|
+
control: { type: 'select' },
|
|
28
|
+
options: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'],
|
|
29
|
+
description: 'Override for the font size',
|
|
30
|
+
table: {
|
|
31
|
+
type: { summary: "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'" },
|
|
32
|
+
defaultValue: { summary: 'Set by variant' },
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
weight: {
|
|
36
|
+
control: { type: 'select' },
|
|
37
|
+
options: ['light', 'regular', 'medium', 'semibold', 'bold'],
|
|
38
|
+
description: 'Override for the font weight',
|
|
39
|
+
table: {
|
|
40
|
+
type: { summary: "'light' | 'regular' | 'medium' | 'semibold' | 'bold'" },
|
|
41
|
+
defaultValue: { summary: 'Set by variant' },
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
color: {
|
|
45
|
+
control: { type: 'color' },
|
|
46
|
+
description: 'Override for the text color',
|
|
47
|
+
table: {
|
|
48
|
+
type: { summary: 'string' },
|
|
49
|
+
defaultValue: { summary: 'Set by variant' },
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
children: {
|
|
53
|
+
control: { type: 'text' },
|
|
54
|
+
description: 'The text content to render',
|
|
55
|
+
table: {
|
|
56
|
+
type: { summary: 'ReactNode' },
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
styles: {
|
|
60
|
+
control: { type: 'object' },
|
|
61
|
+
description: 'Override for other styling - use this sparingly',
|
|
62
|
+
table: {
|
|
63
|
+
type: { summary: 'CSSProperties' },
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
};
|
|
68
|
+
export default meta;
|
|
69
|
+
export const Default = {
|
|
70
|
+
args: {
|
|
71
|
+
children: 'This is a sample text',
|
|
72
|
+
variant: undefined,
|
|
73
|
+
size: undefined,
|
|
74
|
+
weight: undefined,
|
|
75
|
+
color: undefined,
|
|
76
|
+
styles: undefined,
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
export const Variants = {
|
|
80
|
+
render: () => (_jsxs(Stack, { gap: "1rem", children: [_jsx(Text, { variant: "body", children: "This is body text" }), _jsx(Text, { variant: "subtle", children: "This is subtle text" }), _jsx(Text, { variant: "label", children: "This is label text" }), _jsx(Text, { variant: "caption", children: "This is caption text" })] })),
|
|
81
|
+
};
|
|
82
|
+
export const CustomOverrides = {
|
|
83
|
+
parameters: {
|
|
84
|
+
docs: {
|
|
85
|
+
source: {
|
|
86
|
+
code: `<Text size="xl" weight="semibold" color={primary[200]}>
|
|
87
|
+
Custom size, weight, and color
|
|
88
|
+
</Text>`,
|
|
89
|
+
},
|
|
90
|
+
},
|
|
91
|
+
},
|
|
92
|
+
args: {
|
|
93
|
+
size: 'xl',
|
|
94
|
+
weight: 'semibold',
|
|
95
|
+
color: primary[200],
|
|
96
|
+
},
|
|
97
|
+
render: (args) => (_jsx(Text, { ...args, children: "Custom size, weight, and color" })),
|
|
98
|
+
};
|
|
99
|
+
export const WithFormatting = {
|
|
100
|
+
render: () => (_jsxs(Text, { children: ["This sentence has ", _jsx("b", { children: "bold text" }), ", ", _jsx("i", { children: "italic text" }), ", ", _jsx("code", { children: "inline code" }), ", and text with a subscript like ", _jsx("sub", { children: "this" }), "."] })),
|
|
101
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Title } from './Title';
|
|
3
|
+
declare const meta: Meta<typeof Title>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const CustomOverrides: Story;
|
|
9
|
+
//# sourceMappingURL=Title.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Title.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Title/Title.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA+D5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAC"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Title } from './Title';
|
|
3
|
+
import { Stack } from '../../Layout/Stack/Stack';
|
|
4
|
+
import { primary } from '../../../constants/colors';
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'Components/Typography/Title',
|
|
7
|
+
component: Title,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'centered',
|
|
10
|
+
docs: {
|
|
11
|
+
description: {
|
|
12
|
+
component: "[View Mantine Docs](https://v6.mantine.dev/core/title/)\n\nThe Title component utilizes our heading variants to render semantic HTML heading elements with consistent styling. For body text, see the Text component instead.",
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
argTypes: {
|
|
17
|
+
variant: {
|
|
18
|
+
control: { type: 'select' },
|
|
19
|
+
options: ['header', 'sectionHeader', 'subheader', 'sectionSubheader', 'cardHeader', 'cardSubheader'],
|
|
20
|
+
description: 'The preset variant to use for styling',
|
|
21
|
+
table: {
|
|
22
|
+
type: { summary: "'header' | 'sectionHeader' | 'subheader' | 'sectionSubheader' | 'cardHeader' | 'cardSubheader'" },
|
|
23
|
+
defaultValue: { summary: "'sectionHeader'" },
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
size: {
|
|
27
|
+
control: { type: 'select' },
|
|
28
|
+
options: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'],
|
|
29
|
+
description: 'Override for the font size',
|
|
30
|
+
table: {
|
|
31
|
+
type: { summary: "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'" },
|
|
32
|
+
defaultValue: { summary: 'Set by variant' },
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
weight: {
|
|
36
|
+
control: { type: 'select' },
|
|
37
|
+
options: ['light', 'regular', 'medium', 'semibold', 'bold'],
|
|
38
|
+
description: 'Override for the font weight',
|
|
39
|
+
table: {
|
|
40
|
+
type: { summary: "'light' | 'regular' | 'medium' | 'semibold' | 'bold'" },
|
|
41
|
+
defaultValue: { summary: 'Set by variant' },
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
color: {
|
|
45
|
+
control: { type: 'color' },
|
|
46
|
+
description: 'Override for the text color',
|
|
47
|
+
table: {
|
|
48
|
+
type: { summary: 'string' },
|
|
49
|
+
defaultValue: { summary: 'Set by variant' },
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
children: {
|
|
53
|
+
control: { type: 'text' },
|
|
54
|
+
description: 'The title content to render',
|
|
55
|
+
table: {
|
|
56
|
+
type: { summary: 'ReactNode' },
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
styles: {
|
|
60
|
+
control: { type: 'object' },
|
|
61
|
+
description: 'Override for other styling - use this sparingly',
|
|
62
|
+
table: {
|
|
63
|
+
type: { summary: 'CSSProperties' },
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
};
|
|
68
|
+
export default meta;
|
|
69
|
+
export const Default = {
|
|
70
|
+
args: {
|
|
71
|
+
children: 'Sample Title',
|
|
72
|
+
variant: undefined,
|
|
73
|
+
size: undefined,
|
|
74
|
+
weight: undefined,
|
|
75
|
+
color: undefined,
|
|
76
|
+
styles: undefined,
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
export const Variants = {
|
|
80
|
+
render: () => (_jsxs(Stack, { gap: "1rem", children: [_jsx(Title, { variant: "header", children: "Header" }), _jsx(Title, { variant: "sectionHeader", children: "Section Header" }), _jsx(Title, { variant: "subheader", children: "Subheader" }), _jsx(Title, { variant: "sectionSubheader", children: "Section Subheader" }), _jsx(Title, { variant: "cardHeader", children: "Card Header" }), _jsx(Title, { variant: "cardSubheader", children: "Card Subheader" })] })),
|
|
81
|
+
};
|
|
82
|
+
export const CustomOverrides = {
|
|
83
|
+
parameters: {
|
|
84
|
+
docs: {
|
|
85
|
+
source: {
|
|
86
|
+
code: `<Title size="xl" weight="semibold" color={primary[200]}>
|
|
87
|
+
Custom size, weight, and color
|
|
88
|
+
</Title>`,
|
|
89
|
+
},
|
|
90
|
+
},
|
|
91
|
+
},
|
|
92
|
+
args: {
|
|
93
|
+
size: 'xl',
|
|
94
|
+
weight: 'semibold',
|
|
95
|
+
color: primary[200],
|
|
96
|
+
},
|
|
97
|
+
render: (args) => (_jsx(Title, { ...args, children: "Custom size, weight, and color" })),
|
|
98
|
+
};
|
|
@@ -24,6 +24,7 @@ export { Checkbox } from './Inputs/Controls/Checkbox/Checkbox';
|
|
|
24
24
|
export { Radio } from './Inputs/Controls/Radio/Radio';
|
|
25
25
|
export { RadioList } from './Inputs/Controls/RadioList/RadioList';
|
|
26
26
|
export { Toggle } from './Inputs/Controls/Toggle/Toggle';
|
|
27
|
+
export { SegmentedControl } from './Inputs/Controls/SegmentedControl/SegmentedControl';
|
|
27
28
|
export { FontSelect } from './Inputs/Dropdowns/FontSelect/FontSelect';
|
|
28
29
|
export { MultiSelect } from './Inputs/Dropdowns/MultiSelect/MultiSelect';
|
|
29
30
|
export { CascadingSelect } from './Inputs/Dropdowns/CascadingSelect/CascadingSelect';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/components/index.js
CHANGED
|
@@ -27,6 +27,7 @@ export { Checkbox } from './Inputs/Controls/Checkbox/Checkbox';
|
|
|
27
27
|
export { Radio } from './Inputs/Controls/Radio/Radio';
|
|
28
28
|
export { RadioList } from './Inputs/Controls/RadioList/RadioList';
|
|
29
29
|
export { Toggle } from './Inputs/Controls/Toggle/Toggle';
|
|
30
|
+
export { SegmentedControl } from './Inputs/Controls/SegmentedControl/SegmentedControl';
|
|
30
31
|
export { FontSelect } from './Inputs/Dropdowns/FontSelect/FontSelect';
|
|
31
32
|
export { MultiSelect } from './Inputs/Dropdowns/MultiSelect/MultiSelect';
|
|
32
33
|
export { CascadingSelect } from './Inputs/Dropdowns/CascadingSelect/CascadingSelect';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAQ,CAAC;AAE7B,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAS,CAAC;AAE9B,eAAO,MAAM,GAAG;;;;;;CAMN,CAAC;AACX,eAAO,MAAM,KAAK;;;;;;CAAM,CAAC;AAGzB,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQb,CAAC"}
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,KAAK,YAAY,CAAC;AAE/B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAQ,CAAC;AAE7B,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAS,CAAC;AAE9B,eAAO,MAAM,GAAG;;;;;;CAMN,CAAC;AACX,eAAO,MAAM,KAAK;;;;;;CAAM,CAAC;AAGzB,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQb,CAAC"}
|
package/dist/constants/colors.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AIGeneratedBanner.d.ts","sourceRoot":"","sources":["../../src/docs/AIGeneratedBanner.tsx"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,4CAMhC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Text } from "../components";
|
|
3
|
+
export function AIGeneratedBanner() {
|
|
4
|
+
return (_jsx("blockquote", { style: { marginBottom: '1rem' }, children: _jsxs(Text, { children: ["\uD83E\uDD16 ", _jsx("b", { children: "AI-generated:" }), " This doc was generated by AI and hasn't been human-edited yet."] }) }));
|
|
5
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const TaivLight: Story;
|
|
6
|
+
export declare const AdditionalPrimitives: Story;
|
|
7
|
+
//# sourceMappingURL=Colors.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Colors.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/design/Colors.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAmDtB,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAC"}
|