@tydavidson/design-system 1.0.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/README.md +153 -0
- package/dist/components/SidebarNav.d.ts +13 -0
- package/dist/components/SidebarNav.d.ts.map +1 -0
- package/dist/components/SidebarNav.js +63 -0
- package/dist/components/SidebarNav.js.map +1 -0
- package/dist/components/SidebarNavClient.d.ts +2 -0
- package/dist/components/SidebarNavClient.d.ts.map +1 -0
- package/dist/components/SidebarNavClient.js +35 -0
- package/dist/components/SidebarNavClient.js.map +1 -0
- package/dist/components/email/button.d.ts +11 -0
- package/dist/components/email/button.d.ts.map +1 -0
- package/dist/components/email/button.js +95 -0
- package/dist/components/email/button.js.map +1 -0
- package/dist/components/email/index.d.ts +7 -0
- package/dist/components/email/index.d.ts.map +1 -0
- package/dist/components/email/index.js +5 -0
- package/dist/components/email/index.js.map +1 -0
- package/dist/components/email/layout.d.ts +23 -0
- package/dist/components/email/layout.d.ts.map +1 -0
- package/dist/components/email/layout.js +99 -0
- package/dist/components/email/layout.js.map +1 -0
- package/dist/components/email/typography.d.ts +11 -0
- package/dist/components/email/typography.d.ts.map +1 -0
- package/dist/components/email/typography.js +60 -0
- package/dist/components/email/typography.js.map +1 -0
- package/dist/components/hooks/use-mobile.d.ts +2 -0
- package/dist/components/hooks/use-mobile.d.ts.map +1 -0
- package/dist/components/hooks/use-mobile.js +7 -0
- package/dist/components/hooks/use-mobile.js.map +1 -0
- package/dist/components/typography/heading/heading.d.ts +48 -0
- package/dist/components/typography/heading/heading.d.ts.map +1 -0
- package/dist/components/typography/heading/heading.js +80 -0
- package/dist/components/typography/heading/heading.js.map +1 -0
- package/dist/components/typography/heading/heading.stories.d.ts +12 -0
- package/dist/components/typography/heading/heading.stories.d.ts.map +1 -0
- package/dist/components/typography/heading/heading.stories.js +74 -0
- package/dist/components/typography/heading/heading.stories.js.map +1 -0
- package/dist/components/typography/heading/index.d.ts +2 -0
- package/dist/components/typography/heading/index.d.ts.map +1 -0
- package/dist/components/typography/heading/index.js +2 -0
- package/dist/components/typography/heading/index.js.map +1 -0
- package/dist/components/typography/index.d.ts +5 -0
- package/dist/components/typography/index.d.ts.map +1 -0
- package/dist/components/typography/index.js +8 -0
- package/dist/components/typography/index.js.map +1 -0
- package/dist/components/typography/showcase.d.ts +7 -0
- package/dist/components/typography/showcase.d.ts.map +1 -0
- package/dist/components/typography/showcase.js +11 -0
- package/dist/components/typography/showcase.js.map +1 -0
- package/dist/components/typography/text/index.d.ts +2 -0
- package/dist/components/typography/text/index.d.ts.map +1 -0
- package/dist/components/typography/text/index.js +2 -0
- package/dist/components/typography/text/index.js.map +1 -0
- package/dist/components/typography/text/text.d.ts +43 -0
- package/dist/components/typography/text/text.d.ts.map +1 -0
- package/dist/components/typography/text/text.js +61 -0
- package/dist/components/typography/text/text.js.map +1 -0
- package/dist/components/typography/text/text.stories.d.ts +13 -0
- package/dist/components/typography/text/text.stories.d.ts.map +1 -0
- package/dist/components/typography/text/text.stories.js +72 -0
- package/dist/components/typography/text/text.stories.js.map +1 -0
- package/dist/components/ui/accordion.d.ts +8 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/accordion.js +45 -0
- package/dist/components/ui/accordion.js.map +1 -0
- package/dist/components/ui/alert.d.ts +9 -0
- package/dist/components/ui/alert.d.ts.map +1 -0
- package/dist/components/ui/alert.js +57 -0
- package/dist/components/ui/alert.js.map +1 -0
- package/dist/components/ui/aspect-ratio.d.ts +5 -0
- package/dist/components/ui/aspect-ratio.d.ts.map +1 -0
- package/dist/components/ui/aspect-ratio.js +4 -0
- package/dist/components/ui/aspect-ratio.js.map +1 -0
- package/dist/components/ui/avatar.d.ts +7 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/avatar.js +43 -0
- package/dist/components/ui/avatar.js.map +1 -0
- package/dist/components/ui/badge.d.ts +15 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/badge.js +68 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +11 -0
- package/dist/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb.js +60 -0
- package/dist/components/ui/breadcrumb.js.map +1 -0
- package/dist/components/ui/button.d.ts +41 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.js +95 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/calendar.d.ts +9 -0
- package/dist/components/ui/calendar.d.ts.map +1 -0
- package/dist/components/ui/calendar.js +46 -0
- package/dist/components/ui/calendar.js.map +1 -0
- package/dist/components/ui/card/card.d.ts +35 -0
- package/dist/components/ui/card/card.d.ts.map +1 -0
- package/dist/components/ui/card/card.js +64 -0
- package/dist/components/ui/card/card.js.map +1 -0
- package/dist/components/ui/card/index.d.ts +2 -0
- package/dist/components/ui/card/index.d.ts.map +1 -0
- package/dist/components/ui/card/index.js +2 -0
- package/dist/components/ui/card/index.js.map +1 -0
- package/dist/components/ui/card.d.ts +12 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/card.js +62 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/checkbox.d.ts +5 -0
- package/dist/components/ui/checkbox.d.ts.map +1 -0
- package/dist/components/ui/checkbox.js +34 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/collapsible.d.ts +7 -0
- package/dist/components/ui/collapsible.d.ts.map +1 -0
- package/dist/components/ui/collapsible.js +6 -0
- package/dist/components/ui/collapsible.js.map +1 -0
- package/dist/components/ui/command.d.ts +83 -0
- package/dist/components/ui/command.d.ts.map +1 -0
- package/dist/components/ui/command.js +71 -0
- package/dist/components/ui/command.js.map +1 -0
- package/dist/components/ui/context-menu.d.ts +31 -0
- package/dist/components/ui/context-menu.d.ts.map +1 -0
- package/dist/components/ui/context-menu.js +87 -0
- package/dist/components/ui/context-menu.js.map +1 -0
- package/dist/components/ui/dialog.d.ts +20 -0
- package/dist/components/ui/dialog.d.ts.map +1 -0
- package/dist/components/ui/dialog.js +63 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +32 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu.js +118 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu.js.map +1 -0
- package/dist/components/ui/dropdown-menu/index.d.ts +2 -0
- package/dist/components/ui/dropdown-menu/index.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu/index.js +2 -0
- package/dist/components/ui/dropdown-menu/index.js.map +1 -0
- package/dist/components/ui/header.d.ts +3 -0
- package/dist/components/ui/header.d.ts.map +1 -0
- package/dist/components/ui/header.js +11 -0
- package/dist/components/ui/header.js.map +1 -0
- package/dist/components/ui/hover-card.d.ts +7 -0
- package/dist/components/ui/hover-card.d.ts.map +1 -0
- package/dist/components/ui/hover-card.js +35 -0
- package/dist/components/ui/hover-card.js.map +1 -0
- package/dist/components/ui/index.d.ts +15 -0
- package/dist/components/ui/index.d.ts.map +1 -0
- package/dist/components/ui/index.js +27 -0
- package/dist/components/ui/index.js.map +1 -0
- package/dist/components/ui/input.d.ts +6 -0
- package/dist/components/ui/input.d.ts.map +1 -0
- package/dist/components/ui/input.js +32 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.d.ts +6 -0
- package/dist/components/ui/label.d.ts.map +1 -0
- package/dist/components/ui/label.js +35 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/nav.d.ts +9 -0
- package/dist/components/ui/nav.d.ts.map +1 -0
- package/dist/components/ui/nav.js +42 -0
- package/dist/components/ui/nav.js.map +1 -0
- package/dist/components/ui/org-switcher.d.ts +13 -0
- package/dist/components/ui/org-switcher.d.ts.map +1 -0
- package/dist/components/ui/org-switcher.js +17 -0
- package/dist/components/ui/org-switcher.js.map +1 -0
- package/dist/components/ui/popover.d.ts +8 -0
- package/dist/components/ui/popover.d.ts.map +1 -0
- package/dist/components/ui/popover.js +36 -0
- package/dist/components/ui/popover.js.map +1 -0
- package/dist/components/ui/progress.d.ts +5 -0
- package/dist/components/ui/progress.d.ts.map +1 -0
- package/dist/components/ui/progress.js +33 -0
- package/dist/components/ui/progress.js.map +1 -0
- package/dist/components/ui/radio-group.d.ts +6 -0
- package/dist/components/ui/radio-group.d.ts.map +1 -0
- package/dist/components/ui/radio-group.js +39 -0
- package/dist/components/ui/radio-group.js.map +1 -0
- package/dist/components/ui/select.d.ts +14 -0
- package/dist/components/ui/select.d.ts.map +1 -0
- package/dist/components/ui/select.js +70 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/separator.d.ts +5 -0
- package/dist/components/ui/separator.d.ts.map +1 -0
- package/dist/components/ui/separator.js +33 -0
- package/dist/components/ui/separator.js.map +1 -0
- package/dist/components/ui/sheet.d.ts +22 -0
- package/dist/components/ui/sheet.d.ts.map +1 -0
- package/dist/components/ui/sheet.js +69 -0
- package/dist/components/ui/sheet.js.map +1 -0
- package/dist/components/ui/sidebar.d.ts +65 -0
- package/dist/components/ui/sidebar.d.ts.map +1 -0
- package/dist/components/ui/sidebar.js +263 -0
- package/dist/components/ui/sidebar.js.map +1 -0
- package/dist/components/ui/skeleton.d.ts +3 -0
- package/dist/components/ui/skeleton.d.ts.map +1 -0
- package/dist/components/ui/skeleton.js +30 -0
- package/dist/components/ui/skeleton.js.map +1 -0
- package/dist/components/ui/slider.d.ts +5 -0
- package/dist/components/ui/slider.d.ts.map +1 -0
- package/dist/components/ui/slider.js +33 -0
- package/dist/components/ui/slider.js.map +1 -0
- package/dist/components/ui/switch.d.ts +5 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/components/ui/switch.js +33 -0
- package/dist/components/ui/switch.js.map +1 -0
- package/dist/components/ui/tabs.d.ts +8 -0
- package/dist/components/ui/tabs.d.ts.map +1 -0
- package/dist/components/ui/tabs.js +44 -0
- package/dist/components/ui/tabs.js.map +1 -0
- package/dist/components/ui/textarea.d.ts +6 -0
- package/dist/components/ui/textarea.d.ts.map +1 -0
- package/dist/components/ui/textarea.js +32 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/theme-toggle/index.d.ts +2 -0
- package/dist/components/ui/theme-toggle/index.d.ts.map +1 -0
- package/dist/components/ui/theme-toggle/index.js +2 -0
- package/dist/components/ui/theme-toggle/index.js.map +1 -0
- package/dist/components/ui/theme-toggle/theme-toggle.d.ts +21 -0
- package/dist/components/ui/theme-toggle/theme-toggle.d.ts.map +1 -0
- package/dist/components/ui/theme-toggle/theme-toggle.js +72 -0
- package/dist/components/ui/theme-toggle/theme-toggle.js.map +1 -0
- package/dist/components/ui/toast.d.ts +5 -0
- package/dist/components/ui/toast.d.ts.map +1 -0
- package/dist/components/ui/toast.js +38 -0
- package/dist/components/ui/toast.js.map +1 -0
- package/dist/components/ui/toggle-group.d.ts +6 -0
- package/dist/components/ui/toggle-group.d.ts.map +1 -0
- package/dist/components/ui/toggle-group.js +38 -0
- package/dist/components/ui/toggle-group.js.map +1 -0
- package/dist/components/ui/toggle.d.ts +5 -0
- package/dist/components/ui/toggle.d.ts.map +1 -0
- package/dist/components/ui/toggle.js +33 -0
- package/dist/components/ui/toggle.js.map +1 -0
- package/dist/components/ui/tooltip.d.ts +8 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/components/ui/tooltip.js +36 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/components/ui/use-toast.d.ts +3 -0
- package/dist/components/ui/use-toast.d.ts.map +1 -0
- package/dist/components/ui/use-toast.js +4 -0
- package/dist/components/ui/use-toast.js.map +1 -0
- package/dist/email/button.d.ts +11 -0
- package/dist/email/button.d.ts.map +1 -0
- package/dist/email/button.js +95 -0
- package/dist/email/button.js.map +1 -0
- package/dist/email/index.d.ts +7 -0
- package/dist/email/index.d.ts.map +1 -0
- package/dist/email/index.js +5 -0
- package/dist/email/index.js.map +1 -0
- package/dist/email/layout.d.ts +23 -0
- package/dist/email/layout.d.ts.map +1 -0
- package/dist/email/layout.js +99 -0
- package/dist/email/layout.js.map +1 -0
- package/dist/email/typography.d.ts +11 -0
- package/dist/email/typography.d.ts.map +1 -0
- package/dist/email/typography.js +60 -0
- package/dist/email/typography.js.map +1 -0
- package/dist/hooks/use-media-query.d.ts +2 -0
- package/dist/hooks/use-media-query.d.ts.map +1 -0
- package/dist/hooks/use-media-query.js +17 -0
- package/dist/hooks/use-media-query.js.map +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/theme-utils.d.ts +42 -0
- package/dist/lib/theme-utils.d.ts.map +1 -0
- package/dist/lib/theme-utils.js +78 -0
- package/dist/lib/theme-utils.js.map +1 -0
- package/dist/lib/types.d.ts +18 -0
- package/dist/lib/types.d.ts.map +1 -0
- package/dist/lib/types.js +5 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/lib/utils.d.ts +34 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +62 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/styles/constants/button-colors.d.ts +59 -0
- package/dist/styles/constants/button-colors.d.ts.map +1 -0
- package/dist/styles/constants/button-colors.js +58 -0
- package/dist/styles/constants/button-colors.js.map +1 -0
- package/dist/themes/catalog.d.ts +2 -0
- package/dist/themes/catalog.d.ts.map +1 -0
- package/dist/themes/catalog.js +16 -0
- package/dist/themes/catalog.js.map +1 -0
- package/dist/themes/index.d.ts +1 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/index.js +2 -0
- package/dist/themes/index.js.map +1 -0
- package/dist/themes/theme-context.d.ts +30 -0
- package/dist/themes/theme-context.d.ts.map +1 -0
- package/dist/themes/theme-context.js +40 -0
- package/dist/themes/theme-context.js.map +1 -0
- package/dist/themes/theme-provider.d.ts +9 -0
- package/dist/themes/theme-provider.d.ts.map +1 -0
- package/dist/themes/theme-provider.js +36 -0
- package/dist/themes/theme-provider.js.map +1 -0
- package/dist/tokens/colors.d.ts +135 -0
- package/dist/tokens/colors.d.ts.map +1 -0
- package/dist/tokens/colors.js +137 -0
- package/dist/tokens/colors.js.map +1 -0
- package/dist/tokens/index.d.ts +256 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/index.js +22 -0
- package/dist/tokens/index.js.map +1 -0
- package/dist/tokens/radius.d.ts +19 -0
- package/dist/tokens/radius.d.ts.map +1 -0
- package/dist/tokens/radius.js +24 -0
- package/dist/tokens/radius.js.map +1 -0
- package/dist/tokens/shadows.d.ts +21 -0
- package/dist/tokens/shadows.d.ts.map +1 -0
- package/dist/tokens/shadows.js +23 -0
- package/dist/tokens/shadows.js.map +1 -0
- package/dist/tokens/spacing.d.ts +26 -0
- package/dist/tokens/spacing.d.ts.map +1 -0
- package/dist/tokens/spacing.js +33 -0
- package/dist/tokens/spacing.js.map +1 -0
- package/dist/tokens/typography.d.ts +75 -0
- package/dist/tokens/typography.d.ts.map +1 -0
- package/dist/tokens/typography.js +52 -0
- package/dist/tokens/typography.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -0
- package/package.json +102 -0
@@ -0,0 +1,256 @@
|
|
1
|
+
/**
|
2
|
+
* Re-exports all token definitions for easy consumption
|
3
|
+
*/
|
4
|
+
export * from './colors';
|
5
|
+
export * from './typography';
|
6
|
+
export * from './spacing';
|
7
|
+
export * from './radius';
|
8
|
+
export * from './shadows';
|
9
|
+
export declare const tokens: {
|
10
|
+
colors: {
|
11
|
+
brand: {
|
12
|
+
25: string;
|
13
|
+
50: string;
|
14
|
+
100: string;
|
15
|
+
200: string;
|
16
|
+
300: string;
|
17
|
+
400: string;
|
18
|
+
500: string;
|
19
|
+
600: string;
|
20
|
+
700: string;
|
21
|
+
800: string;
|
22
|
+
900: string;
|
23
|
+
950: string;
|
24
|
+
};
|
25
|
+
error: {
|
26
|
+
25: string;
|
27
|
+
50: string;
|
28
|
+
100: string;
|
29
|
+
200: string;
|
30
|
+
300: string;
|
31
|
+
400: string;
|
32
|
+
500: string;
|
33
|
+
600: string;
|
34
|
+
700: string;
|
35
|
+
800: string;
|
36
|
+
900: string;
|
37
|
+
950: string;
|
38
|
+
};
|
39
|
+
warning: {
|
40
|
+
25: string;
|
41
|
+
50: string;
|
42
|
+
100: string;
|
43
|
+
200: string;
|
44
|
+
300: string;
|
45
|
+
400: string;
|
46
|
+
500: string;
|
47
|
+
600: string;
|
48
|
+
700: string;
|
49
|
+
800: string;
|
50
|
+
900: string;
|
51
|
+
950: string;
|
52
|
+
};
|
53
|
+
success: {
|
54
|
+
25: string;
|
55
|
+
50: string;
|
56
|
+
100: string;
|
57
|
+
200: string;
|
58
|
+
300: string;
|
59
|
+
400: string;
|
60
|
+
500: string;
|
61
|
+
600: string;
|
62
|
+
700: string;
|
63
|
+
800: string;
|
64
|
+
900: string;
|
65
|
+
950: string;
|
66
|
+
};
|
67
|
+
gray: {
|
68
|
+
25: string;
|
69
|
+
50: string;
|
70
|
+
100: string;
|
71
|
+
200: string;
|
72
|
+
300: string;
|
73
|
+
400: string;
|
74
|
+
500: string;
|
75
|
+
600: string;
|
76
|
+
700: string;
|
77
|
+
800: string;
|
78
|
+
900: string;
|
79
|
+
950: string;
|
80
|
+
};
|
81
|
+
text: {
|
82
|
+
primary: string;
|
83
|
+
secondary: string;
|
84
|
+
tertiary: string;
|
85
|
+
disabled: string;
|
86
|
+
brand: string;
|
87
|
+
'on-brand': string;
|
88
|
+
error: string;
|
89
|
+
warning: string;
|
90
|
+
success: string;
|
91
|
+
};
|
92
|
+
background: {
|
93
|
+
primary: string;
|
94
|
+
secondary: string;
|
95
|
+
tertiary: string;
|
96
|
+
brand: string;
|
97
|
+
error: string;
|
98
|
+
warning: string;
|
99
|
+
success: string;
|
100
|
+
card: string;
|
101
|
+
};
|
102
|
+
border: {
|
103
|
+
primary: string;
|
104
|
+
secondary: string;
|
105
|
+
tertiary: string;
|
106
|
+
brand: string;
|
107
|
+
error: string;
|
108
|
+
warning: string;
|
109
|
+
success: string;
|
110
|
+
};
|
111
|
+
focus: {
|
112
|
+
ring: string;
|
113
|
+
brand: string;
|
114
|
+
error: string;
|
115
|
+
warning: string;
|
116
|
+
success: string;
|
117
|
+
};
|
118
|
+
button: {
|
119
|
+
primary: {
|
120
|
+
bg: string;
|
121
|
+
text: string;
|
122
|
+
hover: string;
|
123
|
+
focus: string;
|
124
|
+
};
|
125
|
+
secondary: {
|
126
|
+
bg: string;
|
127
|
+
text: string;
|
128
|
+
border: string;
|
129
|
+
hover: string;
|
130
|
+
focus: string;
|
131
|
+
};
|
132
|
+
tertiary: {
|
133
|
+
bg: string;
|
134
|
+
text: string;
|
135
|
+
hover: string;
|
136
|
+
focus: string;
|
137
|
+
};
|
138
|
+
};
|
139
|
+
};
|
140
|
+
typography: {
|
141
|
+
fontFamily: {
|
142
|
+
sans: string[];
|
143
|
+
};
|
144
|
+
fontWeight: {
|
145
|
+
regular: string;
|
146
|
+
medium: string;
|
147
|
+
semibold: string;
|
148
|
+
bold: string;
|
149
|
+
};
|
150
|
+
fontSize: {
|
151
|
+
'display-2xl': (string | {
|
152
|
+
lineHeight: string;
|
153
|
+
letterSpacing: string;
|
154
|
+
})[];
|
155
|
+
'display-xl': (string | {
|
156
|
+
lineHeight: string;
|
157
|
+
letterSpacing: string;
|
158
|
+
})[];
|
159
|
+
'display-lg': (string | {
|
160
|
+
lineHeight: string;
|
161
|
+
letterSpacing: string;
|
162
|
+
})[];
|
163
|
+
'display-md': (string | {
|
164
|
+
lineHeight: string;
|
165
|
+
letterSpacing: string;
|
166
|
+
})[];
|
167
|
+
'display-sm': (string | {
|
168
|
+
lineHeight: string;
|
169
|
+
letterSpacing: string;
|
170
|
+
})[];
|
171
|
+
'display-xs': (string | {
|
172
|
+
lineHeight: string;
|
173
|
+
letterSpacing: string;
|
174
|
+
})[];
|
175
|
+
'text-xl': (string | {
|
176
|
+
lineHeight: string;
|
177
|
+
})[];
|
178
|
+
'text-lg': (string | {
|
179
|
+
lineHeight: string;
|
180
|
+
})[];
|
181
|
+
'text-md': (string | {
|
182
|
+
lineHeight: string;
|
183
|
+
})[];
|
184
|
+
'text-sm': (string | {
|
185
|
+
lineHeight: string;
|
186
|
+
})[];
|
187
|
+
'text-xs': (string | {
|
188
|
+
lineHeight: string;
|
189
|
+
})[];
|
190
|
+
};
|
191
|
+
styles: {
|
192
|
+
h1: string;
|
193
|
+
h2: string;
|
194
|
+
h3: string;
|
195
|
+
h4: string;
|
196
|
+
h5: string;
|
197
|
+
h6: string;
|
198
|
+
body: string;
|
199
|
+
'body-large': string;
|
200
|
+
'body-small': string;
|
201
|
+
caption: string;
|
202
|
+
overline: string;
|
203
|
+
label: string;
|
204
|
+
};
|
205
|
+
variants: {
|
206
|
+
italic: string;
|
207
|
+
underline: string;
|
208
|
+
};
|
209
|
+
};
|
210
|
+
spacing: {
|
211
|
+
layout: {
|
212
|
+
page: string;
|
213
|
+
section: string;
|
214
|
+
subsection: string;
|
215
|
+
inline: string;
|
216
|
+
};
|
217
|
+
component: {
|
218
|
+
xxs: string;
|
219
|
+
xs: string;
|
220
|
+
sm: string;
|
221
|
+
md: string;
|
222
|
+
lg: string;
|
223
|
+
xl: string;
|
224
|
+
xxl: string;
|
225
|
+
};
|
226
|
+
custom: {};
|
227
|
+
};
|
228
|
+
radius: {
|
229
|
+
default: string;
|
230
|
+
card: string;
|
231
|
+
button: string;
|
232
|
+
input: string;
|
233
|
+
badge: string;
|
234
|
+
pill: string;
|
235
|
+
circle: string;
|
236
|
+
custom: {};
|
237
|
+
};
|
238
|
+
shadows: {
|
239
|
+
none: string;
|
240
|
+
xs: string;
|
241
|
+
sm: string;
|
242
|
+
md: string;
|
243
|
+
lg: string;
|
244
|
+
xl: string;
|
245
|
+
'2xl': string;
|
246
|
+
inner: string;
|
247
|
+
'elevation-low': string;
|
248
|
+
'elevation-medium': string;
|
249
|
+
'elevation-high': string;
|
250
|
+
card: string;
|
251
|
+
dropdown: string;
|
252
|
+
modal: string;
|
253
|
+
};
|
254
|
+
};
|
255
|
+
export type Tokens = typeof tokens;
|
256
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAS1B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMlB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC"}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
/**
|
2
|
+
* Re-exports all token definitions for easy consumption
|
3
|
+
*/
|
4
|
+
export * from './colors';
|
5
|
+
export * from './typography';
|
6
|
+
export * from './spacing';
|
7
|
+
export * from './radius';
|
8
|
+
export * from './shadows';
|
9
|
+
// Export a consolidated tokens object
|
10
|
+
import { colors } from './colors';
|
11
|
+
import { typography } from './typography';
|
12
|
+
import { spacing } from './spacing';
|
13
|
+
import { radius } from './radius';
|
14
|
+
import { shadows } from './shadows';
|
15
|
+
export var tokens = {
|
16
|
+
colors: colors,
|
17
|
+
typography: typography,
|
18
|
+
spacing: spacing,
|
19
|
+
radius: radius,
|
20
|
+
shadows: shadows,
|
21
|
+
};
|
22
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,MAAM,QAAA;IACN,UAAU,YAAA;IACV,OAAO,SAAA;IACP,MAAM,QAAA;IACN,OAAO,SAAA;CACR,CAAC"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
/**
|
2
|
+
* Border radius tokens used throughout the application
|
3
|
+
*
|
4
|
+
* Note: This uses Tailwind's default radius naming but maps to our semantic values
|
5
|
+
* defined by CSS variables. We don't override Tailwind's defaults but use
|
6
|
+
* the semantic mappings for component consistency.
|
7
|
+
*/
|
8
|
+
export declare const radius: {
|
9
|
+
default: string;
|
10
|
+
card: string;
|
11
|
+
button: string;
|
12
|
+
input: string;
|
13
|
+
badge: string;
|
14
|
+
pill: string;
|
15
|
+
circle: string;
|
16
|
+
custom: {};
|
17
|
+
};
|
18
|
+
export type Radius = typeof radius;
|
19
|
+
//# sourceMappingURL=radius.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/tokens/radius.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;CAiBlB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC"}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
/**
|
2
|
+
* Border radius tokens used throughout the application
|
3
|
+
*
|
4
|
+
* Note: This uses Tailwind's default radius naming but maps to our semantic values
|
5
|
+
* defined by CSS variables. We don't override Tailwind's defaults but use
|
6
|
+
* the semantic mappings for component consistency.
|
7
|
+
*/
|
8
|
+
export var radius = {
|
9
|
+
// Semantic radius values using CSS variables
|
10
|
+
default: 'var(--radius)',
|
11
|
+
card: 'var(--radius)',
|
12
|
+
button: 'var(--radius)',
|
13
|
+
input: 'var(--radius)',
|
14
|
+
badge: 'var(--radius)',
|
15
|
+
// Shape variants
|
16
|
+
pill: '9999px',
|
17
|
+
circle: '50%',
|
18
|
+
// Any custom radius values to extend Tailwind's defaults
|
19
|
+
// would be defined here
|
20
|
+
custom: {
|
21
|
+
// Example: 'medium': '0.375rem', // 6px
|
22
|
+
}
|
23
|
+
};
|
24
|
+
//# sourceMappingURL=radius.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"radius.js","sourceRoot":"","sources":["../../src/tokens/radius.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,6CAA6C;IAC7C,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,eAAe;IACvB,KAAK,EAAE,eAAe;IACtB,KAAK,EAAE,eAAe;IAEtB,iBAAiB;IACjB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,KAAK;IAEb,yDAAyD;IACzD,wBAAwB;IACxB,MAAM,EAAE;IACN,wCAAwC;KACzC;CACF,CAAC"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
/**
|
2
|
+
* Shadow tokens used throughout the application
|
3
|
+
*/
|
4
|
+
export declare const shadows: {
|
5
|
+
none: string;
|
6
|
+
xs: string;
|
7
|
+
sm: string;
|
8
|
+
md: string;
|
9
|
+
lg: string;
|
10
|
+
xl: string;
|
11
|
+
'2xl': string;
|
12
|
+
inner: string;
|
13
|
+
'elevation-low': string;
|
14
|
+
'elevation-medium': string;
|
15
|
+
'elevation-high': string;
|
16
|
+
card: string;
|
17
|
+
dropdown: string;
|
18
|
+
modal: string;
|
19
|
+
};
|
20
|
+
export type Shadows = typeof shadows;
|
21
|
+
//# sourceMappingURL=shadows.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../src/tokens/shadows.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAoBnB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC"}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
/**
|
2
|
+
* Shadow tokens used throughout the application
|
3
|
+
*/
|
4
|
+
export var shadows = {
|
5
|
+
// Base shadow values
|
6
|
+
none: 'none',
|
7
|
+
xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
|
8
|
+
sm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
|
9
|
+
md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
|
10
|
+
lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
|
11
|
+
xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
|
12
|
+
'2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
|
13
|
+
inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
|
14
|
+
// Semantic shadow values
|
15
|
+
'elevation-low': '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
|
16
|
+
'elevation-medium': '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
|
17
|
+
'elevation-high': '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
|
18
|
+
// Component specific
|
19
|
+
card: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
|
20
|
+
dropdown: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
|
21
|
+
modal: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
|
22
|
+
};
|
23
|
+
//# sourceMappingURL=shadows.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/tokens/shadows.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,qBAAqB;IACrB,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,+BAA+B;IACnC,EAAE,EAAE,+DAA+D;IACnE,EAAE,EAAE,kEAAkE;IACtE,EAAE,EAAE,oEAAoE;IACxE,EAAE,EAAE,qEAAqE;IACzE,KAAK,EAAE,qCAAqC;IAC5C,KAAK,EAAE,qCAAqC;IAE5C,yBAAyB;IACzB,eAAe,EAAE,+DAA+D;IAChF,kBAAkB,EAAE,kEAAkE;IACtF,gBAAgB,EAAE,oEAAoE;IAEtF,qBAAqB;IACrB,IAAI,EAAE,+DAA+D;IACrE,QAAQ,EAAE,oEAAoE;IAC9E,KAAK,EAAE,qEAAqE;CAC7E,CAAC"}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
/**
|
2
|
+
* Spacing tokens used throughout the application
|
3
|
+
*
|
4
|
+
* Note: This extends Tailwind's default spacing values rather than replacing them.
|
5
|
+
* We only define semantic values here that map to Tailwind's spacing scale.
|
6
|
+
*/
|
7
|
+
export declare const spacing: {
|
8
|
+
layout: {
|
9
|
+
page: string;
|
10
|
+
section: string;
|
11
|
+
subsection: string;
|
12
|
+
inline: string;
|
13
|
+
};
|
14
|
+
component: {
|
15
|
+
xxs: string;
|
16
|
+
xs: string;
|
17
|
+
sm: string;
|
18
|
+
md: string;
|
19
|
+
lg: string;
|
20
|
+
xl: string;
|
21
|
+
xxl: string;
|
22
|
+
};
|
23
|
+
custom: {};
|
24
|
+
};
|
25
|
+
export type Spacing = typeof spacing;
|
26
|
+
//# sourceMappingURL=spacing.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CA4BnB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC"}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
/**
|
2
|
+
* Spacing tokens used throughout the application
|
3
|
+
*
|
4
|
+
* Note: This extends Tailwind's default spacing values rather than replacing them.
|
5
|
+
* We only define semantic values here that map to Tailwind's spacing scale.
|
6
|
+
*/
|
7
|
+
export var spacing = {
|
8
|
+
// We don't need to redefine the base spacing scale
|
9
|
+
// as we'll use Tailwind's defaults
|
10
|
+
// Semantic spacing that maps to Tailwind's scale
|
11
|
+
layout: {
|
12
|
+
page: '6', // maps to Tailwind's spacing-6 (1.5rem, 24px)
|
13
|
+
section: '8', // maps to Tailwind's spacing-8 (2rem, 32px)
|
14
|
+
subsection: '4', // maps to Tailwind's spacing-4 (1rem, 16px)
|
15
|
+
inline: '2', // maps to Tailwind's spacing-2 (0.5rem, 8px)
|
16
|
+
},
|
17
|
+
// Component-specific spacing that maps to Tailwind's scale
|
18
|
+
component: {
|
19
|
+
xxs: '1', // maps to Tailwind's spacing-1 (0.25rem, 4px)
|
20
|
+
xs: '2', // maps to Tailwind's spacing-2 (0.5rem, 8px)
|
21
|
+
sm: '3', // maps to Tailwind's spacing-3 (0.75rem, 12px)
|
22
|
+
md: '4', // maps to Tailwind's spacing-4 (1rem, 16px)
|
23
|
+
lg: '6', // maps to Tailwind's spacing-6 (1.5rem, 24px)
|
24
|
+
xl: '8', // maps to Tailwind's spacing-8 (2rem, 32px)
|
25
|
+
xxl: '12', // maps to Tailwind's spacing-12 (3rem, 48px)
|
26
|
+
},
|
27
|
+
// Any custom spacing values not in Tailwind's default scale
|
28
|
+
// would be defined here for extending in the Tailwind config
|
29
|
+
custom: {
|
30
|
+
// Example: '4.5': '1.125rem', // 18px
|
31
|
+
}
|
32
|
+
};
|
33
|
+
//# sourceMappingURL=spacing.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,mDAAmD;IACnD,mCAAmC;IAEnC,iDAAiD;IACjD,MAAM,EAAE;QACN,IAAI,EAAE,GAAG,EAAE,8CAA8C;QACzD,OAAO,EAAE,GAAG,EAAE,4CAA4C;QAC1D,UAAU,EAAE,GAAG,EAAE,4CAA4C;QAC7D,MAAM,EAAE,GAAG,EAAE,6CAA6C;KAC3D;IAED,2DAA2D;IAC3D,SAAS,EAAE;QACT,GAAG,EAAE,GAAG,EAAE,8CAA8C;QACxD,EAAE,EAAE,GAAG,EAAG,6CAA6C;QACvD,EAAE,EAAE,GAAG,EAAG,+CAA+C;QACzD,EAAE,EAAE,GAAG,EAAG,4CAA4C;QACtD,EAAE,EAAE,GAAG,EAAG,8CAA8C;QACxD,EAAE,EAAE,GAAG,EAAG,4CAA4C;QACtD,GAAG,EAAE,IAAI,EAAE,6CAA6C;KACzD;IAED,4DAA4D;IAC5D,6DAA6D;IAC7D,MAAM,EAAE;IACN,sCAAsC;KACvC;CACF,CAAC"}
|
@@ -0,0 +1,75 @@
|
|
1
|
+
/**
|
2
|
+
* Typography token definitions based on the design system
|
3
|
+
*/
|
4
|
+
export declare const typography: {
|
5
|
+
fontFamily: {
|
6
|
+
sans: string[];
|
7
|
+
};
|
8
|
+
fontWeight: {
|
9
|
+
regular: string;
|
10
|
+
medium: string;
|
11
|
+
semibold: string;
|
12
|
+
bold: string;
|
13
|
+
};
|
14
|
+
fontSize: {
|
15
|
+
'display-2xl': (string | {
|
16
|
+
lineHeight: string;
|
17
|
+
letterSpacing: string;
|
18
|
+
})[];
|
19
|
+
'display-xl': (string | {
|
20
|
+
lineHeight: string;
|
21
|
+
letterSpacing: string;
|
22
|
+
})[];
|
23
|
+
'display-lg': (string | {
|
24
|
+
lineHeight: string;
|
25
|
+
letterSpacing: string;
|
26
|
+
})[];
|
27
|
+
'display-md': (string | {
|
28
|
+
lineHeight: string;
|
29
|
+
letterSpacing: string;
|
30
|
+
})[];
|
31
|
+
'display-sm': (string | {
|
32
|
+
lineHeight: string;
|
33
|
+
letterSpacing: string;
|
34
|
+
})[];
|
35
|
+
'display-xs': (string | {
|
36
|
+
lineHeight: string;
|
37
|
+
letterSpacing: string;
|
38
|
+
})[];
|
39
|
+
'text-xl': (string | {
|
40
|
+
lineHeight: string;
|
41
|
+
})[];
|
42
|
+
'text-lg': (string | {
|
43
|
+
lineHeight: string;
|
44
|
+
})[];
|
45
|
+
'text-md': (string | {
|
46
|
+
lineHeight: string;
|
47
|
+
})[];
|
48
|
+
'text-sm': (string | {
|
49
|
+
lineHeight: string;
|
50
|
+
})[];
|
51
|
+
'text-xs': (string | {
|
52
|
+
lineHeight: string;
|
53
|
+
})[];
|
54
|
+
};
|
55
|
+
styles: {
|
56
|
+
h1: string;
|
57
|
+
h2: string;
|
58
|
+
h3: string;
|
59
|
+
h4: string;
|
60
|
+
h5: string;
|
61
|
+
h6: string;
|
62
|
+
body: string;
|
63
|
+
'body-large': string;
|
64
|
+
'body-small': string;
|
65
|
+
caption: string;
|
66
|
+
overline: string;
|
67
|
+
label: string;
|
68
|
+
};
|
69
|
+
variants: {
|
70
|
+
italic: string;
|
71
|
+
underline: string;
|
72
|
+
};
|
73
|
+
};
|
74
|
+
export type Typography = typeof typography;
|
75
|
+
//# sourceMappingURL=typography.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC"}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
/**
|
2
|
+
* Typography token definitions based on the design system
|
3
|
+
*/
|
4
|
+
export var typography = {
|
5
|
+
fontFamily: {
|
6
|
+
sans: ['var(--font-inter)', 'sans-serif'],
|
7
|
+
},
|
8
|
+
fontWeight: {
|
9
|
+
regular: '400',
|
10
|
+
medium: '500',
|
11
|
+
semibold: '600',
|
12
|
+
bold: '700',
|
13
|
+
},
|
14
|
+
fontSize: {
|
15
|
+
// Display sizes
|
16
|
+
'display-2xl': ['4.5rem', { lineHeight: '5.625rem', letterSpacing: '-0.02em' }],
|
17
|
+
'display-xl': ['3.75rem', { lineHeight: '4.5rem', letterSpacing: '-0.02em' }],
|
18
|
+
'display-lg': ['3rem', { lineHeight: '3.75rem', letterSpacing: '-0.02em' }],
|
19
|
+
'display-md': ['2.25rem', { lineHeight: '2.75rem', letterSpacing: '-0.02em' }],
|
20
|
+
'display-sm': ['1.875rem', { lineHeight: '2.375rem', letterSpacing: '-0.02em' }],
|
21
|
+
'display-xs': ['1.5rem', { lineHeight: '2rem', letterSpacing: '-0.02em' }],
|
22
|
+
// Text sizes
|
23
|
+
'text-xl': ['1.25rem', { lineHeight: '1.875rem' }],
|
24
|
+
'text-lg': ['1.125rem', { lineHeight: '1.75rem' }],
|
25
|
+
'text-md': ['1rem', { lineHeight: '1.5rem' }],
|
26
|
+
'text-sm': ['0.875rem', { lineHeight: '1.25rem' }],
|
27
|
+
'text-xs': ['0.75rem', { lineHeight: '1.125rem' }],
|
28
|
+
},
|
29
|
+
// Predefined style combinations
|
30
|
+
styles: {
|
31
|
+
h1: 'text-display-md font-bold',
|
32
|
+
h2: 'text-display-sm font-bold',
|
33
|
+
h3: 'text-display-xs font-bold',
|
34
|
+
h4: 'text-text-xl font-semibold',
|
35
|
+
h5: 'text-text-lg font-semibold',
|
36
|
+
h6: 'text-text-md font-semibold',
|
37
|
+
// Body text
|
38
|
+
body: 'text-text-md font-regular',
|
39
|
+
'body-large': 'text-text-lg font-regular',
|
40
|
+
'body-small': 'text-text-sm font-regular',
|
41
|
+
// Special styles
|
42
|
+
caption: 'text-text-xs font-medium',
|
43
|
+
overline: 'text-text-xs font-medium uppercase tracking-wider',
|
44
|
+
label: 'text-text-sm font-medium',
|
45
|
+
},
|
46
|
+
// For semantic variants
|
47
|
+
variants: {
|
48
|
+
italic: 'italic',
|
49
|
+
underline: 'underline',
|
50
|
+
},
|
51
|
+
};
|
52
|
+
//# sourceMappingURL=typography.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,UAAU,EAAE;QACV,IAAI,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC;KAC1C;IACD,UAAU,EAAE;QACV,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,KAAK;KACZ;IACD,QAAQ,EAAE;QACR,gBAAgB;QAChB,aAAa,EAAE,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;QAC/E,YAAY,EAAE,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;QAC7E,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;QAC3E,YAAY,EAAE,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;QAC9E,YAAY,EAAE,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;QAChF,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;QAE1E,aAAa;QACb,SAAS,EAAE,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;QAClD,SAAS,EAAE,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;QAClD,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;QAC7C,SAAS,EAAE,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;QAClD,SAAS,EAAE,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;KACnD;IACD,gCAAgC;IAChC,MAAM,EAAE;QACN,EAAE,EAAE,2BAA2B;QAC/B,EAAE,EAAE,2BAA2B;QAC/B,EAAE,EAAE,2BAA2B;QAC/B,EAAE,EAAE,4BAA4B;QAChC,EAAE,EAAE,4BAA4B;QAChC,EAAE,EAAE,4BAA4B;QAEhC,YAAY;QACZ,IAAI,EAAE,2BAA2B;QACjC,YAAY,EAAE,2BAA2B;QACzC,YAAY,EAAE,2BAA2B;QAEzC,iBAAiB;QACjB,OAAO,EAAE,0BAA0B;QACnC,QAAQ,EAAE,mDAAmD;QAC7D,KAAK,EAAE,0BAA0B;KAClC;IACD,wBAAwB;IACxB,QAAQ,EAAE;QACR,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC"}
|