@tydavidson/design-system 1.1.1 → 1.1.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.mts +925 -0
- package/dist/index.d.ts +925 -7
- package/dist/index.js +1758 -23
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1650 -0
- package/dist/index.mjs.map +1 -0
- package/dist/themes/index.d.mts +104 -0
- package/dist/themes/index.d.ts +104 -6
- package/dist/themes/index.js +204 -17
- package/dist/themes/index.js.map +1 -1
- package/dist/themes/index.mjs +196 -0
- package/dist/themes/index.mjs.map +1 -0
- package/package.json +26 -12
- package/dist/components/SidebarNav.d.ts +0 -13
- package/dist/components/SidebarNav.d.ts.map +0 -1
- package/dist/components/SidebarNav.js +0 -63
- package/dist/components/SidebarNav.js.map +0 -1
- package/dist/components/SidebarNavClient.d.ts +0 -2
- package/dist/components/SidebarNavClient.d.ts.map +0 -1
- package/dist/components/SidebarNavClient.js +0 -35
- package/dist/components/SidebarNavClient.js.map +0 -1
- package/dist/components/email/button.d.ts +0 -11
- package/dist/components/email/button.d.ts.map +0 -1
- package/dist/components/email/button.js +0 -86
- package/dist/components/email/button.js.map +0 -1
- package/dist/components/email/index.d.ts +0 -7
- package/dist/components/email/index.d.ts.map +0 -1
- package/dist/components/email/index.js +0 -17
- package/dist/components/email/index.js.map +0 -1
- package/dist/components/email/layout.d.ts +0 -23
- package/dist/components/email/layout.d.ts.map +0 -1
- package/dist/components/email/layout.js +0 -93
- package/dist/components/email/layout.js.map +0 -1
- package/dist/components/email/typography.d.ts +0 -11
- package/dist/components/email/typography.d.ts.map +0 -1
- package/dist/components/email/typography.js +0 -55
- package/dist/components/email/typography.js.map +0 -1
- package/dist/components/hooks/use-mobile.d.ts +0 -2
- package/dist/components/hooks/use-mobile.d.ts.map +0 -1
- package/dist/components/hooks/use-mobile.js +0 -7
- package/dist/components/hooks/use-mobile.js.map +0 -1
- package/dist/components/typography/heading/heading.d.ts +0 -48
- package/dist/components/typography/heading/heading.d.ts.map +0 -1
- package/dist/components/typography/heading/heading.js +0 -93
- package/dist/components/typography/heading/heading.js.map +0 -1
- package/dist/components/typography/heading/heading.stories.d.ts +0 -12
- package/dist/components/typography/heading/heading.stories.d.ts.map +0 -1
- package/dist/components/typography/heading/heading.stories.js +0 -77
- package/dist/components/typography/heading/heading.stories.js.map +0 -1
- package/dist/components/typography/heading/index.d.ts +0 -2
- package/dist/components/typography/heading/index.d.ts.map +0 -1
- package/dist/components/typography/heading/index.js +0 -18
- package/dist/components/typography/heading/index.js.map +0 -1
- package/dist/components/typography/index.d.ts +0 -5
- package/dist/components/typography/index.d.ts.map +0 -1
- package/dist/components/typography/index.js +0 -24
- package/dist/components/typography/index.js.map +0 -1
- package/dist/components/typography/showcase.d.ts +0 -7
- package/dist/components/typography/showcase.d.ts.map +0 -1
- package/dist/components/typography/showcase.js +0 -15
- package/dist/components/typography/showcase.js.map +0 -1
- package/dist/components/typography/text/index.d.ts +0 -2
- package/dist/components/typography/text/index.d.ts.map +0 -1
- package/dist/components/typography/text/index.js +0 -18
- package/dist/components/typography/text/index.js.map +0 -1
- package/dist/components/typography/text/text.d.ts +0 -43
- package/dist/components/typography/text/text.d.ts.map +0 -1
- package/dist/components/typography/text/text.js +0 -74
- package/dist/components/typography/text/text.js.map +0 -1
- package/dist/components/typography/text/text.stories.d.ts +0 -13
- package/dist/components/typography/text/text.stories.d.ts.map +0 -1
- package/dist/components/typography/text/text.stories.js +0 -75
- package/dist/components/typography/text/text.stories.js.map +0 -1
- package/dist/components/ui/accordion.d.ts +0 -8
- package/dist/components/ui/accordion.d.ts.map +0 -1
- package/dist/components/ui/accordion.js +0 -53
- package/dist/components/ui/accordion.js.map +0 -1
- package/dist/components/ui/alert.d.ts +0 -9
- package/dist/components/ui/alert.d.ts.map +0 -1
- package/dist/components/ui/alert.js +0 -64
- package/dist/components/ui/alert.js.map +0 -1
- package/dist/components/ui/aspect-ratio.d.ts +0 -5
- package/dist/components/ui/aspect-ratio.d.ts.map +0 -1
- package/dist/components/ui/aspect-ratio.js +0 -40
- package/dist/components/ui/aspect-ratio.js.map +0 -1
- package/dist/components/ui/avatar.d.ts +0 -7
- package/dist/components/ui/avatar.d.ts.map +0 -1
- package/dist/components/ui/avatar.js +0 -50
- package/dist/components/ui/avatar.js.map +0 -1
- package/dist/components/ui/badge.d.ts +0 -15
- package/dist/components/ui/badge.d.ts.map +0 -1
- package/dist/components/ui/badge.js +0 -82
- package/dist/components/ui/badge.js.map +0 -1
- package/dist/components/ui/breadcrumb.d.ts +0 -11
- package/dist/components/ui/breadcrumb.d.ts.map +0 -1
- package/dist/components/ui/breadcrumb.js +0 -63
- package/dist/components/ui/breadcrumb.js.map +0 -1
- package/dist/components/ui/button.d.ts +0 -41
- package/dist/components/ui/button.d.ts.map +0 -1
- package/dist/components/ui/button.js +0 -109
- package/dist/components/ui/button.js.map +0 -1
- package/dist/components/ui/calendar.d.ts +0 -9
- package/dist/components/ui/calendar.d.ts.map +0 -1
- package/dist/components/ui/calendar.js +0 -47
- package/dist/components/ui/calendar.js.map +0 -1
- package/dist/components/ui/card/card.d.ts +0 -35
- package/dist/components/ui/card/card.d.ts.map +0 -1
- package/dist/components/ui/card/card.js +0 -62
- package/dist/components/ui/card/card.js.map +0 -1
- package/dist/components/ui/card/index.d.ts +0 -2
- package/dist/components/ui/card/index.d.ts.map +0 -1
- package/dist/components/ui/card/index.js +0 -18
- package/dist/components/ui/card/index.js.map +0 -1
- package/dist/components/ui/card.d.ts +0 -12
- package/dist/components/ui/card.d.ts.map +0 -1
- package/dist/components/ui/card.js +0 -65
- package/dist/components/ui/card.js.map +0 -1
- package/dist/components/ui/checkbox.d.ts +0 -5
- package/dist/components/ui/checkbox.d.ts.map +0 -1
- package/dist/components/ui/checkbox.js +0 -45
- package/dist/components/ui/checkbox.js.map +0 -1
- package/dist/components/ui/collapsible.d.ts +0 -7
- package/dist/components/ui/collapsible.d.ts.map +0 -1
- package/dist/components/ui/collapsible.js +0 -44
- package/dist/components/ui/collapsible.js.map +0 -1
- package/dist/components/ui/command.d.ts +0 -83
- package/dist/components/ui/command.d.ts.map +0 -1
- package/dist/components/ui/command.js +0 -73
- package/dist/components/ui/command.js.map +0 -1
- package/dist/components/ui/context-menu.d.ts +0 -31
- package/dist/components/ui/context-menu.d.ts.map +0 -1
- package/dist/components/ui/context-menu.js +0 -92
- package/dist/components/ui/context-menu.js.map +0 -1
- package/dist/components/ui/dialog.d.ts +0 -20
- package/dist/components/ui/dialog.d.ts.map +0 -1
- package/dist/components/ui/dialog.js +0 -68
- package/dist/components/ui/dialog.js.map +0 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +0 -32
- package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts.map +0 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu.js +0 -108
- package/dist/components/ui/dropdown-menu/dropdown-menu.js.map +0 -1
- package/dist/components/ui/dropdown-menu/index.d.ts +0 -2
- package/dist/components/ui/dropdown-menu/index.d.ts.map +0 -1
- package/dist/components/ui/dropdown-menu/index.js +0 -18
- package/dist/components/ui/dropdown-menu/index.js.map +0 -1
- package/dist/components/ui/header.d.ts +0 -3
- package/dist/components/ui/header.d.ts.map +0 -1
- package/dist/components/ui/header.js +0 -16
- package/dist/components/ui/header.js.map +0 -1
- package/dist/components/ui/hover-card.d.ts +0 -7
- package/dist/components/ui/hover-card.d.ts.map +0 -1
- package/dist/components/ui/hover-card.js +0 -48
- package/dist/components/ui/hover-card.js.map +0 -1
- package/dist/components/ui/index.d.ts +0 -15
- package/dist/components/ui/index.d.ts.map +0 -1
- package/dist/components/ui/index.js +0 -43
- package/dist/components/ui/index.js.map +0 -1
- package/dist/components/ui/input.d.ts +0 -6
- package/dist/components/ui/input.d.ts.map +0 -1
- package/dist/components/ui/input.js +0 -45
- package/dist/components/ui/input.js.map +0 -1
- package/dist/components/ui/label.d.ts +0 -6
- package/dist/components/ui/label.d.ts.map +0 -1
- package/dist/components/ui/label.js +0 -46
- package/dist/components/ui/label.js.map +0 -1
- package/dist/components/ui/nav.d.ts +0 -9
- package/dist/components/ui/nav.d.ts.map +0 -1
- package/dist/components/ui/nav.js +0 -25
- package/dist/components/ui/nav.js.map +0 -1
- package/dist/components/ui/org-switcher.d.ts +0 -13
- package/dist/components/ui/org-switcher.d.ts.map +0 -1
- package/dist/components/ui/org-switcher.js +0 -52
- package/dist/components/ui/org-switcher.js.map +0 -1
- package/dist/components/ui/popover.d.ts +0 -8
- package/dist/components/ui/popover.d.ts.map +0 -1
- package/dist/components/ui/popover.js +0 -50
- package/dist/components/ui/popover.js.map +0 -1
- package/dist/components/ui/progress.d.ts +0 -5
- package/dist/components/ui/progress.d.ts.map +0 -1
- package/dist/components/ui/progress.js +0 -44
- package/dist/components/ui/progress.js.map +0 -1
- package/dist/components/ui/radio-group.d.ts +0 -6
- package/dist/components/ui/radio-group.d.ts.map +0 -1
- package/dist/components/ui/radio-group.js +0 -52
- package/dist/components/ui/radio-group.js.map +0 -1
- package/dist/components/ui/select.d.ts +0 -14
- package/dist/components/ui/select.d.ts.map +0 -1
- package/dist/components/ui/select.js +0 -72
- package/dist/components/ui/select.js.map +0 -1
- package/dist/components/ui/separator.d.ts +0 -5
- package/dist/components/ui/separator.d.ts.map +0 -1
- package/dist/components/ui/separator.js +0 -44
- package/dist/components/ui/separator.js.map +0 -1
- package/dist/components/ui/sheet.d.ts +0 -22
- package/dist/components/ui/sheet.d.ts.map +0 -1
- package/dist/components/ui/sheet.js +0 -76
- package/dist/components/ui/sheet.js.map +0 -1
- package/dist/components/ui/sidebar.d.ts +0 -65
- package/dist/components/ui/sidebar.d.ts.map +0 -1
- package/dist/components/ui/sidebar.js +0 -269
- package/dist/components/ui/sidebar.js.map +0 -1
- package/dist/components/ui/skeleton.d.ts +0 -3
- package/dist/components/ui/skeleton.d.ts.map +0 -1
- package/dist/components/ui/skeleton.js +0 -9
- package/dist/components/ui/skeleton.js.map +0 -1
- package/dist/components/ui/slider.d.ts +0 -5
- package/dist/components/ui/slider.d.ts.map +0 -1
- package/dist/components/ui/slider.js +0 -44
- package/dist/components/ui/slider.js.map +0 -1
- package/dist/components/ui/switch.d.ts +0 -5
- package/dist/components/ui/switch.d.ts.map +0 -1
- package/dist/components/ui/switch.js +0 -44
- package/dist/components/ui/switch.js.map +0 -1
- package/dist/components/ui/tabs.d.ts +0 -8
- package/dist/components/ui/tabs.d.ts.map +0 -1
- package/dist/components/ui/tabs.js +0 -52
- package/dist/components/ui/tabs.js.map +0 -1
- package/dist/components/ui/textarea.d.ts +0 -6
- package/dist/components/ui/textarea.d.ts.map +0 -1
- package/dist/components/ui/textarea.js +0 -45
- package/dist/components/ui/textarea.js.map +0 -1
- package/dist/components/ui/theme-toggle/index.d.ts +0 -2
- package/dist/components/ui/theme-toggle/index.d.ts.map +0 -1
- package/dist/components/ui/theme-toggle/index.js +0 -18
- package/dist/components/ui/theme-toggle/index.js.map +0 -1
- package/dist/components/ui/theme-toggle/theme-toggle.d.ts +0 -21
- package/dist/components/ui/theme-toggle/theme-toggle.d.ts.map +0 -1
- package/dist/components/ui/theme-toggle/theme-toggle.js +0 -52
- package/dist/components/ui/theme-toggle/theme-toggle.js.map +0 -1
- package/dist/components/ui/toast.d.ts +0 -5
- package/dist/components/ui/toast.d.ts.map +0 -1
- package/dist/components/ui/toast.js +0 -17
- package/dist/components/ui/toast.js.map +0 -1
- package/dist/components/ui/toggle-group.d.ts +0 -6
- package/dist/components/ui/toggle-group.d.ts.map +0 -1
- package/dist/components/ui/toggle-group.js +0 -47
- package/dist/components/ui/toggle-group.js.map +0 -1
- package/dist/components/ui/toggle.d.ts +0 -5
- package/dist/components/ui/toggle.d.ts.map +0 -1
- package/dist/components/ui/toggle.js +0 -44
- package/dist/components/ui/toggle.js.map +0 -1
- package/dist/components/ui/tooltip.d.ts +0 -8
- package/dist/components/ui/tooltip.d.ts.map +0 -1
- package/dist/components/ui/tooltip.js +0 -50
- package/dist/components/ui/tooltip.js.map +0 -1
- package/dist/components/ui/use-toast.d.ts +0 -3
- package/dist/components/ui/use-toast.d.ts.map +0 -1
- package/dist/components/ui/use-toast.js +0 -7
- package/dist/components/ui/use-toast.js.map +0 -1
- package/dist/email/button.d.ts +0 -11
- package/dist/email/button.d.ts.map +0 -1
- package/dist/email/button.js +0 -86
- package/dist/email/button.js.map +0 -1
- package/dist/email/index.d.ts +0 -7
- package/dist/email/index.d.ts.map +0 -1
- package/dist/email/index.js +0 -17
- package/dist/email/index.js.map +0 -1
- package/dist/email/layout.d.ts +0 -23
- package/dist/email/layout.d.ts.map +0 -1
- package/dist/email/layout.js +0 -93
- package/dist/email/layout.js.map +0 -1
- package/dist/email/typography.d.ts +0 -11
- package/dist/email/typography.d.ts.map +0 -1
- package/dist/email/typography.js +0 -55
- package/dist/email/typography.js.map +0 -1
- package/dist/hooks/use-media-query.d.ts +0 -2
- package/dist/hooks/use-media-query.d.ts.map +0 -1
- package/dist/hooks/use-media-query.js +0 -20
- package/dist/hooks/use-media-query.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/lib/theme-utils.d.ts +0 -42
- package/dist/lib/theme-utils.d.ts.map +0 -1
- package/dist/lib/theme-utils.js +0 -85
- package/dist/lib/theme-utils.js.map +0 -1
- package/dist/lib/types.d.ts +0 -18
- package/dist/lib/types.d.ts.map +0 -1
- package/dist/lib/types.js +0 -6
- package/dist/lib/types.js.map +0 -1
- package/dist/lib/utils.d.ts +0 -34
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/lib/utils.js +0 -52
- package/dist/lib/utils.js.map +0 -1
- package/dist/styles/constants/button-colors.d.ts +0 -59
- package/dist/styles/constants/button-colors.d.ts.map +0 -1
- package/dist/styles/constants/button-colors.js +0 -61
- package/dist/styles/constants/button-colors.js.map +0 -1
- package/dist/themes/catalog.d.ts +0 -2
- package/dist/themes/catalog.d.ts.map +0 -1
- package/dist/themes/catalog.js +0 -16
- package/dist/themes/catalog.js.map +0 -1
- package/dist/themes/index.d.ts.map +0 -1
- package/dist/themes/theme-context.d.ts +0 -30
- package/dist/themes/theme-context.d.ts.map +0 -1
- package/dist/themes/theme-context.js +0 -43
- package/dist/themes/theme-context.js.map +0 -1
- package/dist/themes/theme-provider.d.ts +0 -9
- package/dist/themes/theme-provider.d.ts.map +0 -1
- package/dist/themes/theme-provider.js +0 -16
- package/dist/themes/theme-provider.js.map +0 -1
- package/dist/tokens/colors.d.ts +0 -135
- package/dist/tokens/colors.d.ts.map +0 -1
- package/dist/tokens/colors.js +0 -140
- package/dist/tokens/colors.js.map +0 -1
- package/dist/tokens/index.d.ts +0 -256
- package/dist/tokens/index.d.ts.map +0 -1
- package/dist/tokens/index.js +0 -39
- package/dist/tokens/index.js.map +0 -1
- package/dist/tokens/radius.d.ts +0 -19
- package/dist/tokens/radius.d.ts.map +0 -1
- package/dist/tokens/radius.js +0 -27
- package/dist/tokens/radius.js.map +0 -1
- package/dist/tokens/shadows.d.ts +0 -21
- package/dist/tokens/shadows.d.ts.map +0 -1
- package/dist/tokens/shadows.js +0 -26
- package/dist/tokens/shadows.js.map +0 -1
- package/dist/tokens/spacing.d.ts +0 -26
- package/dist/tokens/spacing.d.ts.map +0 -1
- package/dist/tokens/spacing.js +0 -36
- package/dist/tokens/spacing.js.map +0 -1
- package/dist/tokens/typography.d.ts +0 -75
- package/dist/tokens/typography.d.ts.map +0 -1
- package/dist/tokens/typography.js +0 -55
- package/dist/tokens/typography.js.map +0 -1
- package/dist/tsconfig.build.tsbuildinfo +0 -1
@@ -1,93 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
-
}) : function(o, v) {
|
16
|
-
o["default"] = v;
|
17
|
-
});
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
19
|
-
var ownKeys = function(o) {
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
-
var ar = [];
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
-
return ar;
|
24
|
-
};
|
25
|
-
return ownKeys(o);
|
26
|
-
};
|
27
|
-
return function (mod) {
|
28
|
-
if (mod && mod.__esModule) return mod;
|
29
|
-
var result = {};
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
-
__setModuleDefault(result, mod);
|
32
|
-
return result;
|
33
|
-
};
|
34
|
-
})();
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
-
exports.Heading = void 0;
|
37
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
38
|
-
const React = __importStar(require("react"));
|
39
|
-
const utils_1 = require("../../../lib/utils");
|
40
|
-
/**
|
41
|
-
* Heading component that follows the design system guidelines.
|
42
|
-
*
|
43
|
-
* This component renders headings following the design system's typography
|
44
|
-
* scale, with support for different levels, sizes, weights, styles, and colors.
|
45
|
-
*/
|
46
|
-
exports.Heading = React.forwardRef(({ level = 1, size, weight = "bold", italic = false, underline = false, color = "default", className = "", as, children, ...props }, ref) => {
|
47
|
-
// Default heading tag based on level
|
48
|
-
const defaultTag = `h${level}`;
|
49
|
-
// Use provided "as" prop or default based on level
|
50
|
-
const Component = as || defaultTag;
|
51
|
-
// Default sizes based on heading level if not explicitly provided
|
52
|
-
const defaultSizes = {
|
53
|
-
1: "md",
|
54
|
-
2: "sm",
|
55
|
-
3: "xs",
|
56
|
-
4: "text-xl",
|
57
|
-
5: "text-lg",
|
58
|
-
6: "text-md",
|
59
|
-
};
|
60
|
-
// Determine the final size
|
61
|
-
const finalSize = size || defaultSizes[level];
|
62
|
-
// Map to standard Tailwind classes with appropriate sizing
|
63
|
-
const sizeClasses = {
|
64
|
-
"2xl": "text-5xl leading-tight tracking-tight",
|
65
|
-
"xl": "text-4xl leading-tight tracking-tight",
|
66
|
-
"lg": "text-3xl leading-tight tracking-tight",
|
67
|
-
"md": "text-2xl leading-tight tracking-tight",
|
68
|
-
"sm": "text-xl leading-tight tracking-tight",
|
69
|
-
"xs": "text-lg leading-tight tracking-tight",
|
70
|
-
"text-xl": "text-xl leading-tight",
|
71
|
-
"text-lg": "text-lg leading-tight",
|
72
|
-
"text-md": "text-base leading-tight",
|
73
|
-
};
|
74
|
-
// Map to standard Tailwind weight classes
|
75
|
-
const weightClasses = {
|
76
|
-
regular: "font-normal",
|
77
|
-
medium: "font-medium",
|
78
|
-
semibold: "font-semibold",
|
79
|
-
bold: "font-bold",
|
80
|
-
};
|
81
|
-
// Keep the existing color classes since they're semantic
|
82
|
-
const colorClasses = {
|
83
|
-
default: "text-foreground",
|
84
|
-
muted: "text-muted-foreground",
|
85
|
-
brand: "text-brand-700 dark:text-brand-400",
|
86
|
-
error: "text-error-700 dark:text-error-400",
|
87
|
-
warning: "text-warning-700 dark:text-warning-400",
|
88
|
-
success: "text-success-700 dark:text-success-400",
|
89
|
-
};
|
90
|
-
return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, className: (0, utils_1.cn)(sizeClasses[finalSize], weightClasses[weight], colorClasses[color], italic && "italic", underline && "underline", className), ...props, children: children }));
|
91
|
-
});
|
92
|
-
exports.Heading.displayName = "Heading";
|
93
|
-
//# sourceMappingURL=heading.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,8CAAwC;AAiDxC;;;;;GAKG;AACU,QAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EACC,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,EAAE,EACd,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,qCAAqC;IACrC,MAAM,UAAU,GAAG,IAAI,KAAK,EAAiB,CAAC;IAE9C,mDAAmD;IACnD,MAAM,SAAS,GAAG,EAAE,IAAI,UAAU,CAAC;IAEnC,kEAAkE;IAClE,MAAM,YAAY,GAA2B;QAC3C,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;KACb,CAAC;IAEF,2BAA2B;IAC3B,MAAM,SAAS,GAAG,IAAI,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IAE9C,2DAA2D;IAC3D,MAAM,WAAW,GAA2B;QAC1C,KAAK,EAAE,uCAAuC;QAC9C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,sCAAsC;QAC5C,IAAI,EAAE,sCAAsC;QAC5C,SAAS,EAAE,uBAAuB;QAClC,SAAS,EAAE,uBAAuB;QAClC,SAAS,EAAE,yBAAyB;KACrC,CAAC;IAEF,0CAA0C;IAC1C,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF,yDAAyD;IACzD,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,oCAAoC;QAC3C,KAAK,EAAE,oCAAoC;QAC3C,OAAO,EAAE,wCAAwC;QACjD,OAAO,EAAE,wCAAwC;KAClD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,WAAW,CAAC,SAAS,CAAC,EACtB,aAAa,CAAC,MAAM,CAAC,EACrB,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,IAAI,QAAQ,EAClB,SAAS,IAAI,WAAW,EACxB,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
2
|
-
import { Heading } from ".";
|
3
|
-
declare const meta: Meta<typeof Heading>;
|
4
|
-
export default meta;
|
5
|
-
type Story = StoryObj<typeof Heading>;
|
6
|
-
export declare const Default: Story;
|
7
|
-
export declare const HeadingLevels: Story;
|
8
|
-
export declare const HeadingSizes: Story;
|
9
|
-
export declare const HeadingWeights: Story;
|
10
|
-
export declare const HeadingColors: Story;
|
11
|
-
export declare const CustomElement: Story;
|
12
|
-
//# sourceMappingURL=heading.stories.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"heading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA6C9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}
|
@@ -1,77 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.CustomElement = exports.HeadingColors = exports.HeadingWeights = exports.HeadingSizes = exports.HeadingLevels = exports.Default = void 0;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const _1 = require(".");
|
6
|
-
const meta = {
|
7
|
-
title: "Typography/Heading",
|
8
|
-
component: _1.Heading,
|
9
|
-
parameters: {
|
10
|
-
layout: "centered",
|
11
|
-
},
|
12
|
-
argTypes: {
|
13
|
-
level: {
|
14
|
-
control: { type: "range", min: 1, max: 6 },
|
15
|
-
description: "The heading level (h1-h6)",
|
16
|
-
defaultValue: 1,
|
17
|
-
},
|
18
|
-
size: {
|
19
|
-
control: "select",
|
20
|
-
options: ["2xl", "xl", "lg", "md", "sm", "xs"],
|
21
|
-
description: "The size of the heading",
|
22
|
-
},
|
23
|
-
weight: {
|
24
|
-
control: "select",
|
25
|
-
options: ["regular", "medium", "semibold", "bold"],
|
26
|
-
description: "The font weight of the heading",
|
27
|
-
defaultValue: "bold",
|
28
|
-
},
|
29
|
-
color: {
|
30
|
-
control: "select",
|
31
|
-
options: ["default", "muted", "brand", "error", "warning", "success"],
|
32
|
-
description: "The color of the heading",
|
33
|
-
defaultValue: "default",
|
34
|
-
},
|
35
|
-
italic: {
|
36
|
-
control: "boolean",
|
37
|
-
description: "Whether the text should be italic",
|
38
|
-
defaultValue: false,
|
39
|
-
},
|
40
|
-
underline: {
|
41
|
-
control: "boolean",
|
42
|
-
description: "Whether the text should be underlined",
|
43
|
-
defaultValue: false,
|
44
|
-
},
|
45
|
-
children: {
|
46
|
-
control: "text",
|
47
|
-
description: "The content of the heading",
|
48
|
-
defaultValue: "Heading Text",
|
49
|
-
},
|
50
|
-
},
|
51
|
-
};
|
52
|
-
exports.default = meta;
|
53
|
-
exports.Default = {
|
54
|
-
args: {
|
55
|
-
level: 1,
|
56
|
-
children: "Default Heading (h1)",
|
57
|
-
},
|
58
|
-
};
|
59
|
-
exports.HeadingLevels = {
|
60
|
-
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { level: 1, children: "Heading 1" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 2, children: "Heading 2" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 3, children: "Heading 3" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 4, children: "Heading 4" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 5, children: "Heading 5" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 6, children: "Heading 6" })] })),
|
61
|
-
};
|
62
|
-
exports.HeadingSizes = {
|
63
|
-
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { size: "2xl", children: "Display 2XL" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "xl", children: "Display XL" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "lg", children: "Display LG" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "md", children: "Display MD" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "sm", children: "Display SM" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "xs", children: "Display XS" })] })),
|
64
|
-
};
|
65
|
-
exports.HeadingWeights = {
|
66
|
-
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { weight: "regular", children: "Regular Heading" }), (0, jsx_runtime_1.jsx)(_1.Heading, { weight: "medium", children: "Medium Heading" }), (0, jsx_runtime_1.jsx)(_1.Heading, { weight: "semibold", children: "Semibold Heading" }), (0, jsx_runtime_1.jsx)(_1.Heading, { weight: "bold", children: "Bold Heading" })] })),
|
67
|
-
};
|
68
|
-
exports.HeadingColors = {
|
69
|
-
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { color: "default", children: "Default Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "muted", children: "Muted Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "brand", children: "Brand Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "error", children: "Error Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "warning", children: "Warning Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "success", children: "Success Color" })] })),
|
70
|
-
};
|
71
|
-
exports.CustomElement = {
|
72
|
-
args: {
|
73
|
-
as: "div",
|
74
|
-
children: "Heading as a div element",
|
75
|
-
},
|
76
|
-
};
|
77
|
-
//# sourceMappingURL=heading.stories.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"heading.stories.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.stories.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/heading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
15
|
-
};
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
-
__exportStar(require("./heading"), exports);
|
18
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AAGvB,cAAc,WAAW,CAAC;AAG1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
15
|
-
};
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
-
// src/components/typography/text/index.ts
|
18
|
-
__exportStar(require("./text"), exports);
|
19
|
-
// src/components/typography/heading/index.ts
|
20
|
-
__exportStar(require("./heading"), exports);
|
21
|
-
// src/components/typography/index.ts
|
22
|
-
__exportStar(require("./text"), exports);
|
23
|
-
__exportStar(require("./heading"), exports);
|
24
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAA0C;AAC1C,yCAAuB;AAEvB,6CAA6C;AAC7C,4CAA0B;AAE1B,qCAAqC;AACrC,yCAAuB;AACvB,4CAA0B"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"showcase.d.ts","sourceRoot":"","sources":["../../../src/components/typography/showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAoGtC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.TypographyShowcase = void 0;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const heading_1 = require("./heading");
|
6
|
-
const text_1 = require("./text");
|
7
|
-
/**
|
8
|
-
* A component that showcases all typography variants in the design system
|
9
|
-
*/
|
10
|
-
const TypographyShowcase = () => {
|
11
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "p-8 space-y-12", children: [(0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Display Scale" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "2xl", children: "Display 2XL" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "xl", children: "Display XL" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "lg", children: "Display LG" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "md", children: "Display MD" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "sm", children: "Display SM" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "xs", children: "Display XS" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Text Scale" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { size: "xl", children: "Text XL" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", children: "Text LG" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "md", children: "Text MD (Default)" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", children: "Text SM" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "xs", children: "Text XS" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Font Weights" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { weight: "regular", children: "Regular (400) - Default for Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "medium", children: "Medium (500)" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "semibold", children: "Semibold (600)" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "bold", children: "Bold (700) - Default for Headings" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Text Styles" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { children: "Normal Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, children: "Italic Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { underline: true, children: "Underlined Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, underline: true, children: "Italic and Underlined Text" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Text Colors" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { color: "default", children: "Default Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "muted", children: "Muted Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "brand", children: "Brand Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "error", children: "Error Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "warning", children: "Warning Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "success", children: "Success Text Color" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Heading Levels (h1-h6)" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 1, children: "Heading Level 1 (h1)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, children: "Heading Level 2 (h2)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 3, children: "Heading Level 3 (h3)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 4, children: "Heading Level 4 (h4)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 5, children: "Heading Level 5 (h5)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 6, children: "Heading Level 6 (h6)" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Custom HTML Elements" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { as: "span", children: "Text as span" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(text_1.Text, { as: "label", children: "Text as label" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(text_1.Text, { as: "div", children: "Text as div" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { as: "legend", size: "xs", children: "Heading as legend" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Combined Examples" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 border p-4 rounded-md", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "md", color: "brand", children: "Product Features" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", weight: "medium", children: "Introducing our new financial platform" }), (0, jsx_runtime_1.jsx)(text_1.Text, { children: "Manage your finances with ease using our intuitive dashboard and powerful analytics." }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "semibold", color: "success", children: "Special offer ends soon!" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", color: "muted", italic: true, children: "Terms and conditions apply." })] })] })] }));
|
12
|
-
};
|
13
|
-
exports.TypographyShowcase = TypographyShowcase;
|
14
|
-
exports.default = exports.TypographyShowcase;
|
15
|
-
//# sourceMappingURL=showcase.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"showcase.js","sourceRoot":"","sources":["../../../src/components/typography/showcase.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
15
|
-
};
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
-
__exportStar(require("./text"), exports);
|
18
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/text/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
|
@@ -1,43 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
type ElementType = React.ElementType;
|
3
|
-
export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
4
|
-
/**
|
5
|
-
* The size variant of the text
|
6
|
-
* @default 'md'
|
7
|
-
*/
|
8
|
-
size?: "xl" | "lg" | "md" | "sm" | "xs";
|
9
|
-
/**
|
10
|
-
* The font weight of the text
|
11
|
-
* @default 'regular'
|
12
|
-
*/
|
13
|
-
weight?: "regular" | "medium" | "semibold" | "bold";
|
14
|
-
/**
|
15
|
-
* Whether the text should be italic
|
16
|
-
* @default false
|
17
|
-
*/
|
18
|
-
italic?: boolean;
|
19
|
-
/**
|
20
|
-
* Whether the text should be underlined
|
21
|
-
* @default false
|
22
|
-
*/
|
23
|
-
underline?: boolean;
|
24
|
-
/**
|
25
|
-
* The color of the text
|
26
|
-
* @default 'default'
|
27
|
-
*/
|
28
|
-
color?: "default" | "muted" | "brand" | "error" | "warning" | "success";
|
29
|
-
/**
|
30
|
-
* The HTML element to render
|
31
|
-
* @default 'p'
|
32
|
-
*/
|
33
|
-
as?: ElementType;
|
34
|
-
}
|
35
|
-
/**
|
36
|
-
* Text component that follows the design system guidelines.
|
37
|
-
*
|
38
|
-
* This component renders text following the design system's typography
|
39
|
-
* scale, with support for different sizes, weights, styles, and colors.
|
40
|
-
*/
|
41
|
-
export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
|
42
|
-
export {};
|
43
|
-
//# sourceMappingURL=text.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;AAErC,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC3E;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAEpD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAExE;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,IAAI,wFAwDhB,CAAC"}
|
@@ -1,74 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
-
}) : function(o, v) {
|
16
|
-
o["default"] = v;
|
17
|
-
});
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
19
|
-
var ownKeys = function(o) {
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
-
var ar = [];
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
-
return ar;
|
24
|
-
};
|
25
|
-
return ownKeys(o);
|
26
|
-
};
|
27
|
-
return function (mod) {
|
28
|
-
if (mod && mod.__esModule) return mod;
|
29
|
-
var result = {};
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
-
__setModuleDefault(result, mod);
|
32
|
-
return result;
|
33
|
-
};
|
34
|
-
})();
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
-
exports.Text = void 0;
|
37
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
38
|
-
const React = __importStar(require("react"));
|
39
|
-
const utils_1 = require("../../../lib/utils");
|
40
|
-
/**
|
41
|
-
* Text component that follows the design system guidelines.
|
42
|
-
*
|
43
|
-
* This component renders text following the design system's typography
|
44
|
-
* scale, with support for different sizes, weights, styles, and colors.
|
45
|
-
*/
|
46
|
-
exports.Text = React.forwardRef(({ size = "md", weight = "regular", italic = false, underline = false, color = "default", className = "", as: Component = "p", children, ...props }, ref) => {
|
47
|
-
// Map to standard Tailwind size classes
|
48
|
-
const sizeClasses = {
|
49
|
-
xl: "text-xl leading-relaxed",
|
50
|
-
lg: "text-lg leading-relaxed",
|
51
|
-
md: "text-base leading-relaxed",
|
52
|
-
sm: "text-sm leading-relaxed",
|
53
|
-
xs: "text-xs leading-relaxed",
|
54
|
-
};
|
55
|
-
// Map to standard Tailwind weight classes
|
56
|
-
const weightClasses = {
|
57
|
-
regular: "font-normal",
|
58
|
-
medium: "font-medium",
|
59
|
-
semibold: "font-semibold",
|
60
|
-
bold: "font-bold",
|
61
|
-
};
|
62
|
-
// Keep the existing color classes since they're semantic
|
63
|
-
const colorClasses = {
|
64
|
-
default: "text-foreground",
|
65
|
-
muted: "text-muted-foreground",
|
66
|
-
brand: "text-brand-700 dark:text-brand-400",
|
67
|
-
error: "text-error-700 dark:text-error-400",
|
68
|
-
warning: "text-warning-700 dark:text-warning-400",
|
69
|
-
success: "text-success-700 dark:text-success-400",
|
70
|
-
};
|
71
|
-
return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, className: (0, utils_1.cn)(sizeClasses[size], weightClasses[weight], colorClasses[color], italic && "italic", underline && "underline", className), ...props, children: children }));
|
72
|
-
});
|
73
|
-
exports.Text.displayName = "Text";
|
74
|
-
//# sourceMappingURL=text.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/text/text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,8CAAwC;AA2CxC;;;;;GAKG;AACU,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EACC,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,SAAS,EAClB,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,wCAAwC;IACxC,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,2BAA2B;QAC/B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;KAC9B,CAAC;IAEF,0CAA0C;IAC1C,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF,yDAAyD;IACzD,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,oCAAoC;QAC3C,KAAK,EAAE,oCAAoC;QAC3C,OAAO,EAAE,wCAAwC;QACjD,OAAO,EAAE,wCAAwC;KAClD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,WAAW,CAAC,IAAI,CAAC,EACjB,aAAa,CAAC,MAAM,CAAC,EACrB,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,IAAI,QAAQ,EAClB,SAAS,IAAI,WAAW,EACxB,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
2
|
-
import { Text } from "./text";
|
3
|
-
declare const meta: Meta<typeof Text>;
|
4
|
-
export default meta;
|
5
|
-
type Story = StoryObj<typeof Text>;
|
6
|
-
export declare const Default: Story;
|
7
|
-
export declare const TextSizes: Story;
|
8
|
-
export declare const TextWeights: Story;
|
9
|
-
export declare const TextColors: Story;
|
10
|
-
export declare const TextStyles: Story;
|
11
|
-
export declare const CustomElement: Story;
|
12
|
-
export declare const CombinedExample: Story;
|
13
|
-
//# sourceMappingURL=text.stories.d.ts.map
|
@@ -1 +0,0 @@
|
|
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,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAyC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC"}
|
@@ -1,75 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.CombinedExample = exports.CustomElement = exports.TextStyles = exports.TextColors = exports.TextWeights = exports.TextSizes = exports.Default = void 0;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const text_1 = require("./text");
|
6
|
-
const meta = {
|
7
|
-
title: "Typography/Text",
|
8
|
-
component: text_1.Text,
|
9
|
-
parameters: {
|
10
|
-
layout: "centered",
|
11
|
-
},
|
12
|
-
argTypes: {
|
13
|
-
size: {
|
14
|
-
control: "select",
|
15
|
-
options: ["xl", "lg", "md", "sm", "xs"],
|
16
|
-
description: "The size of the text",
|
17
|
-
defaultValue: "md",
|
18
|
-
},
|
19
|
-
weight: {
|
20
|
-
control: "select",
|
21
|
-
options: ["regular", "medium", "semibold", "bold"],
|
22
|
-
description: "The font weight of the text",
|
23
|
-
defaultValue: "regular",
|
24
|
-
},
|
25
|
-
color: {
|
26
|
-
control: "select",
|
27
|
-
options: ["default", "muted", "brand", "error", "warning", "success"],
|
28
|
-
description: "The color of the text",
|
29
|
-
defaultValue: "default",
|
30
|
-
},
|
31
|
-
italic: {
|
32
|
-
control: "boolean",
|
33
|
-
description: "Whether the text should be italic",
|
34
|
-
defaultValue: false,
|
35
|
-
},
|
36
|
-
underline: {
|
37
|
-
control: "boolean",
|
38
|
-
description: "Whether the text should be underlined",
|
39
|
-
defaultValue: false,
|
40
|
-
},
|
41
|
-
children: {
|
42
|
-
control: "text",
|
43
|
-
description: "The content of the text",
|
44
|
-
defaultValue: "Sample text",
|
45
|
-
},
|
46
|
-
},
|
47
|
-
};
|
48
|
-
exports.default = meta;
|
49
|
-
exports.Default = {
|
50
|
-
args: {
|
51
|
-
children: "Default Text",
|
52
|
-
},
|
53
|
-
};
|
54
|
-
exports.TextSizes = {
|
55
|
-
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { size: "xl", children: "Text XL" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", children: "Text LG" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "md", children: "Text MD" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", children: "Text SM" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "xs", children: "Text XS" })] })),
|
56
|
-
};
|
57
|
-
exports.TextWeights = {
|
58
|
-
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { weight: "regular", children: "Regular Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "medium", children: "Medium Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "semibold", children: "Semibold Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "bold", children: "Bold Text" })] })),
|
59
|
-
};
|
60
|
-
exports.TextColors = {
|
61
|
-
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { color: "default", children: "Default Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "muted", children: "Muted Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "brand", children: "Brand Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "error", children: "Error Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "warning", children: "Warning Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "success", children: "Success Color" })] })),
|
62
|
-
};
|
63
|
-
exports.TextStyles = {
|
64
|
-
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { children: "Normal Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, children: "Italic Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { underline: true, children: "Underlined Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, underline: true, children: "Italic and Underlined Text" })] })),
|
65
|
-
};
|
66
|
-
exports.CustomElement = {
|
67
|
-
args: {
|
68
|
-
as: "span",
|
69
|
-
children: "Text as a span element",
|
70
|
-
},
|
71
|
-
};
|
72
|
-
exports.CombinedExample = {
|
73
|
-
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", weight: "bold", color: "brand", children: "Large, Bold, Brand-colored Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", weight: "medium", color: "muted", italic: true, children: "Small, Medium-weight, Muted Italic Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "xs", weight: "semibold", color: "error", underline: true, children: "Extra Small, Semibold, Error-colored Underlined Text" })] })),
|
74
|
-
};
|
75
|
-
//# sourceMappingURL=text.stories.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"text.stories.js","sourceRoot":"","sources":["../../../../src/components/typography/text/text.stories.tsx"],"names":[],"mappings":"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"}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
3
|
-
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
4
|
-
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
5
|
-
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
6
|
-
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
7
|
-
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
8
|
-
//# sourceMappingURL=accordion.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,0KAoBpB,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAWpB,CAAA;AAGF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
|