@tenerife.music/ui 0.0.7 → 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 +168 -136
- package/dist/applyMode-Bh7sEqT6.js +144 -0
- package/dist/applyMode-DCenL-Bg.cjs +2 -0
- package/dist/brand-C5R2semX.js +45 -0
- package/dist/brand-DQb18Frh.cjs +2 -0
- package/dist/colors-BGRiFoSZ.cjs +2 -0
- package/dist/colors-ClemXPPi.js +377 -0
- package/dist/components/admin/Dashboard.d.ts.map +1 -1
- package/dist/components/admin/UserManagement.d.ts.map +1 -1
- package/dist/components/auth/LoginForm.d.ts.map +1 -1
- package/dist/components/auth/ProfileCard.d.ts.map +1 -1
- package/dist/components/auth/RegisterForm.d.ts.map +1 -1
- package/dist/components/cards/EventCard.d.ts.map +1 -1
- package/dist/components/cards/VenueCard.d.ts.map +1 -1
- package/dist/components/controls/LanguageSelector.d.ts.map +1 -1
- package/dist/components/data/List.d.ts.map +1 -1
- package/dist/components/data/Table.d.ts +2 -2
- package/dist/components/data/Table.d.ts.map +1 -1
- package/dist/components/data/Timeline.d.ts.map +1 -1
- package/dist/components/feedback/Alert.d.ts +1 -1
- package/dist/components/feedback/Alert.d.ts.map +1 -1
- package/dist/components/feedback/ConsentBanner.d.ts.map +1 -1
- package/dist/components/feedback/Progress.d.ts.map +1 -1
- package/dist/components/feedback/Skeleton.d.ts.map +1 -1
- package/dist/components/filters/DateRangePicker.d.ts.map +1 -1
- package/dist/components/filters/FilterBar.d.ts +14 -1
- package/dist/components/filters/FilterBar.d.ts.map +1 -1
- package/dist/components/filters/FilterSelect.d.ts +2 -2
- package/dist/components/filters/FilterSelect.d.ts.map +1 -1
- package/dist/components/filters/PriceRangeSlider.d.ts.map +1 -1
- package/dist/components/filters/SearchFilters.d.ts.map +1 -1
- package/dist/components/filters/SearchInput.d.ts +1 -1
- package/dist/components/filters/SearchInput.d.ts.map +1 -1
- package/dist/components/filters/types.d.ts +9 -9
- package/dist/components/filters/types.d.ts.map +1 -1
- package/dist/components/forms/FormInput.d.ts +3 -7
- package/dist/components/forms/FormInput.d.ts.map +1 -1
- package/dist/components/forms/FormSelect.d.ts.map +1 -1
- package/dist/components/forms/FormTextarea.d.ts +2 -6
- package/dist/components/forms/FormTextarea.d.ts.map +1 -1
- package/dist/components/icons/TrendingIcon.d.ts.map +1 -1
- package/dist/components/image/Image.d.ts +4 -4
- package/dist/components/image/Image.d.ts.map +1 -1
- package/dist/components/layout/Container.d.ts +2 -2
- package/dist/components/layout/Container.d.ts.map +1 -1
- package/dist/components/layout/Flex.d.ts +1 -1
- package/dist/components/layout/Flex.d.ts.map +1 -1
- package/dist/components/layout/Footer.d.ts.map +1 -1
- package/dist/components/layout/Grid.d.ts +3 -3
- package/dist/components/layout/Grid.d.ts.map +1 -1
- package/dist/components/layout/ModeHero.d.ts.map +1 -1
- package/dist/components/layout/Navbar.d.ts.map +1 -1
- package/dist/components/layout/Section.d.ts +2 -2
- package/dist/components/layout/Section.d.ts.map +1 -1
- package/dist/components/layout/Stack.d.ts +1 -1
- package/dist/components/layout/Stack.d.ts.map +1 -1
- package/dist/components/menus/DropdownMenu.d.ts +2 -2
- package/dist/components/menus/DropdownMenu.d.ts.map +1 -1
- package/dist/components/menus/NavigationMenu.d.ts +2 -2
- package/dist/components/menus/NavigationMenu.d.ts.map +1 -1
- package/dist/components/menus/Tabs.d.ts +2 -2
- package/dist/components/menus/Tabs.d.ts.map +1 -1
- package/dist/components/modals/ConfirmDialog.d.ts.map +1 -1
- package/dist/components/modals/CustomDialog.d.ts +1 -2
- package/dist/components/modals/CustomDialog.d.ts.map +1 -1
- package/dist/components/modals/Modal.d.ts +2 -2
- package/dist/components/modals/Modal.d.ts.map +1 -1
- package/dist/components/modals/ModalProvider.d.ts +2 -2
- package/dist/components/modals/ModalProvider.d.ts.map +1 -1
- package/dist/components/modals/SimpleModal.d.ts +1 -2
- package/dist/components/modals/SimpleModal.d.ts.map +1 -1
- package/dist/components/navigation/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/Pagination.d.ts.map +1 -1
- package/dist/components/overlays/OverlayPortal.d.ts +3 -3
- package/dist/components/overlays/OverlayPortal.d.ts.map +1 -1
- package/dist/components/overlays/Popover.d.ts +11 -11
- package/dist/components/overlays/Popover.d.ts.map +1 -1
- package/dist/components/overlays/Tooltip.d.ts +9 -9
- package/dist/components/overlays/Tooltip.d.ts.map +1 -1
- package/dist/components/primitives/Badge.d.ts +1 -1
- package/dist/components/primitives/Badge.d.ts.map +1 -1
- package/dist/components/primitives/Button.d.ts +1 -1
- package/dist/components/primitives/Button.d.ts.map +1 -1
- package/dist/components/primitives/Card.d.ts +1 -1
- package/dist/components/primitives/Card.d.ts.map +1 -1
- package/dist/components/primitives/Divider.d.ts.map +1 -1
- package/dist/components/primitives/Link.d.ts +2 -2
- package/dist/components/primitives/Link.d.ts.map +1 -1
- package/dist/components/primitives/ThemeSwitch.d.ts.map +1 -1
- package/dist/components/primitives/Typography.d.ts +4 -4
- package/dist/components/primitives/Typography.d.ts.map +1 -1
- package/dist/components/search/SearchBar.d.ts.map +1 -1
- package/dist/components/sections/ArticlesSection.d.ts.map +1 -1
- package/dist/components/sections/TrendingSection.d.ts +7 -3
- package/dist/components/sections/TrendingSection.d.ts.map +1 -1
- package/dist/components/skeletons/EventCardSkeleton.d.ts.map +1 -1
- package/dist/components/skeletons/VenueCardSkeleton.d.ts.map +1 -1
- package/dist/components/toasts/Toast.d.ts +2 -2
- package/dist/components/toasts/Toast.d.ts.map +1 -1
- package/dist/components/toasts/ToastProvider.d.ts +3 -3
- package/dist/components/toasts/ToastProvider.d.ts.map +1 -1
- package/dist/components/ui/button.d.ts +2 -2
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/card.d.ts +1 -1
- package/dist/components/ui/card.d.ts.map +1 -1
- package/dist/components/ui/dialog.d.ts +2 -2
- package/dist/components/ui/dialog.d.ts.map +1 -1
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/label.d.ts +1 -1
- package/dist/components/ui/label.d.ts.map +1 -1
- package/dist/components/ui/toast.d.ts +3 -3
- package/dist/components/ui/toast.d.ts.map +1 -1
- package/dist/components/ui/toaster.d.ts.map +1 -1
- package/dist/components/ui/tooltip.d.ts +2 -2
- package/dist/components/ui/tooltip.d.ts.map +1 -1
- package/dist/dark-Cvoy1uFT.js +30 -0
- package/dist/dark-OOhiqt1q.cjs +2 -0
- package/dist/default-BKgH1D9-.js +8 -0
- package/dist/default-Ddg7Haf2.cjs +2 -0
- package/dist/hooks/use-toast.d.ts +3 -3
- package/dist/hooks/use-toast.d.ts.map +1 -1
- package/dist/hooks/useDebounce.d.ts +20 -0
- package/dist/hooks/useDebounce.d.ts.map +1 -0
- package/dist/hooks/useModal.d.ts +5 -5
- package/dist/hooks/useModal.d.ts.map +1 -1
- package/dist/hooks/useToast.d.ts +2 -2
- package/dist/hooks/useToast.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +17 -17
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +2170 -2196
- package/dist/preset.cjs +1 -1
- package/dist/preset.d.ts.map +1 -1
- package/dist/preset.mjs +1 -1
- package/dist/radius-CAu4qr9R.js +185 -0
- package/dist/radius-Cz6tayZG.cjs +2 -0
- package/dist/theme/ThemeProvider.d.ts +45 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -0
- package/dist/theme/applyMode.d.ts +31 -0
- package/dist/theme/applyMode.d.ts.map +1 -1
- package/dist/theme/index.cjs +1 -1
- package/dist/theme/index.d.ts +2 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.mjs +102 -97
- package/dist/theme/motion.d.ts.map +1 -1
- package/dist/theme/typography.d.ts.map +1 -1
- package/dist/themes/brand.d.ts +7 -0
- package/dist/themes/brand.d.ts.map +1 -0
- package/dist/themes/dark.d.ts +7 -0
- package/dist/themes/dark.d.ts.map +1 -0
- package/dist/themes/default.d.ts +7 -0
- package/dist/themes/default.d.ts.map +1 -0
- package/dist/themes/index.d.ts +22 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/types.d.ts +64 -0
- package/dist/themes/types.d.ts.map +1 -0
- package/dist/tokens/colors.d.ts +260 -38
- package/dist/tokens/colors.d.ts.map +1 -1
- package/dist/tokens/css-variables.d.ts +250 -0
- package/dist/tokens/css-variables.d.ts.map +1 -0
- package/dist/tokens/index.cjs +4 -1
- package/dist/tokens/index.d.ts +4 -1
- package/dist/tokens/index.d.ts.map +1 -1
- package/dist/tokens/index.mjs +1025 -167
- package/dist/tokens/motion.d.ts +358 -0
- package/dist/tokens/motion.d.ts.map +1 -0
- package/dist/tokens/radius.d.ts +130 -2
- package/dist/tokens/radius.d.ts.map +1 -1
- package/dist/tokens/shadows.d.ts +172 -0
- package/dist/tokens/shadows.d.ts.map +1 -0
- package/dist/tokens/spacing.d.ts +155 -1
- package/dist/tokens/spacing.d.ts.map +1 -1
- package/dist/tokens/typography.d.ts +285 -21
- package/dist/tokens/typography.d.ts.map +1 -1
- package/package.json +53 -18
- package/dist/radius-CuOZD6Mk.cjs +0 -2
- package/dist/radius-NOytgRst.js +0 -22
package/dist/tokens/spacing.d.ts
CHANGED
|
@@ -1,6 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Spacing System Tokens
|
|
3
|
+
*
|
|
4
|
+
* Complete spacing system for Tenerife UI based on 8px grid system.
|
|
5
|
+
* Includes: base spacing scale (0-96), semantic spacing tokens (xs..5xl),
|
|
6
|
+
* and layout spacing tokens (sections, containers, grids).
|
|
7
|
+
*
|
|
8
|
+
* Base unit: 8px (0.5rem)
|
|
9
|
+
* All spacing values are multiples of 8px for consistent layout rhythm.
|
|
10
|
+
*/
|
|
11
|
+
/**
|
|
12
|
+
* Base Spacing Scale
|
|
13
|
+
* Values from 0 to 96 based on 8px grid system
|
|
14
|
+
* Format: numeric keys map to rem values
|
|
15
|
+
*/
|
|
1
16
|
export declare const spacing: {
|
|
17
|
+
readonly 0: "0";
|
|
2
18
|
readonly px: "1px";
|
|
3
|
-
readonly 0: "0px";
|
|
4
19
|
readonly 0.5: "0.125rem";
|
|
5
20
|
readonly 1: "0.25rem";
|
|
6
21
|
readonly 1.5: "0.375rem";
|
|
@@ -35,5 +50,144 @@ export declare const spacing: {
|
|
|
35
50
|
readonly 80: "20rem";
|
|
36
51
|
readonly 96: "24rem";
|
|
37
52
|
};
|
|
53
|
+
/**
|
|
54
|
+
* Semantic Spacing Tokens
|
|
55
|
+
* Named tokens for common spacing use cases
|
|
56
|
+
* Maps to base spacing scale
|
|
57
|
+
*/
|
|
58
|
+
export declare const semanticSpacing: {
|
|
59
|
+
readonly xs: "0.25rem";
|
|
60
|
+
readonly sm: "0.5rem";
|
|
61
|
+
readonly md: "1rem";
|
|
62
|
+
readonly lg: "1.5rem";
|
|
63
|
+
readonly xl: "2rem";
|
|
64
|
+
readonly "2xl": "3rem";
|
|
65
|
+
readonly "3xl": "4rem";
|
|
66
|
+
readonly "4xl": "5rem";
|
|
67
|
+
readonly "5xl": "6rem";
|
|
68
|
+
readonly none: "0";
|
|
69
|
+
};
|
|
70
|
+
/**
|
|
71
|
+
* Layout Spacing Tokens
|
|
72
|
+
* Spacing for common layout patterns
|
|
73
|
+
*/
|
|
74
|
+
export declare const layoutSpacing: {
|
|
75
|
+
readonly section: {
|
|
76
|
+
readonly xs: "1.5rem";
|
|
77
|
+
readonly sm: "2rem";
|
|
78
|
+
readonly md: "3rem";
|
|
79
|
+
readonly lg: "4rem";
|
|
80
|
+
readonly xl: "5rem";
|
|
81
|
+
readonly "2xl": "6rem";
|
|
82
|
+
};
|
|
83
|
+
readonly container: {
|
|
84
|
+
readonly xs: "0.5rem";
|
|
85
|
+
readonly sm: "1rem";
|
|
86
|
+
readonly md: "1.5rem";
|
|
87
|
+
readonly lg: "2rem";
|
|
88
|
+
readonly xl: "3rem";
|
|
89
|
+
};
|
|
90
|
+
readonly grid: {
|
|
91
|
+
readonly xs: "0.5rem";
|
|
92
|
+
readonly sm: "1rem";
|
|
93
|
+
readonly md: "1.5rem";
|
|
94
|
+
readonly lg: "2rem";
|
|
95
|
+
readonly xl: "3rem";
|
|
96
|
+
};
|
|
97
|
+
readonly stack: {
|
|
98
|
+
readonly xs: "0.25rem";
|
|
99
|
+
readonly sm: "0.5rem";
|
|
100
|
+
readonly md: "1rem";
|
|
101
|
+
readonly lg: "1.5rem";
|
|
102
|
+
readonly xl: "2rem";
|
|
103
|
+
};
|
|
104
|
+
readonly component: {
|
|
105
|
+
readonly xs: "0.25rem";
|
|
106
|
+
readonly sm: "0.5rem";
|
|
107
|
+
readonly md: "1rem";
|
|
108
|
+
readonly lg: "1.5rem";
|
|
109
|
+
readonly xl: "2rem";
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
/**
|
|
113
|
+
* CSS Custom Properties for Spacing
|
|
114
|
+
* These will be injected into the theme system
|
|
115
|
+
*/
|
|
116
|
+
export declare const spacingCSSVariables: {
|
|
117
|
+
readonly "--spacing-0": "0";
|
|
118
|
+
readonly "--spacing-px": "1px";
|
|
119
|
+
readonly "--spacing-0-5": "0.125rem";
|
|
120
|
+
readonly "--spacing-1": "0.25rem";
|
|
121
|
+
readonly "--spacing-1-5": "0.375rem";
|
|
122
|
+
readonly "--spacing-2": "0.5rem";
|
|
123
|
+
readonly "--spacing-2-5": "0.625rem";
|
|
124
|
+
readonly "--spacing-3": "0.75rem";
|
|
125
|
+
readonly "--spacing-3-5": "0.875rem";
|
|
126
|
+
readonly "--spacing-4": "1rem";
|
|
127
|
+
readonly "--spacing-5": "1.25rem";
|
|
128
|
+
readonly "--spacing-6": "1.5rem";
|
|
129
|
+
readonly "--spacing-7": "1.75rem";
|
|
130
|
+
readonly "--spacing-8": "2rem";
|
|
131
|
+
readonly "--spacing-9": "2.25rem";
|
|
132
|
+
readonly "--spacing-10": "2.5rem";
|
|
133
|
+
readonly "--spacing-11": "2.75rem";
|
|
134
|
+
readonly "--spacing-12": "3rem";
|
|
135
|
+
readonly "--spacing-14": "3.5rem";
|
|
136
|
+
readonly "--spacing-16": "4rem";
|
|
137
|
+
readonly "--spacing-20": "5rem";
|
|
138
|
+
readonly "--spacing-24": "6rem";
|
|
139
|
+
readonly "--spacing-xs": "0.25rem";
|
|
140
|
+
readonly "--spacing-sm": "0.5rem";
|
|
141
|
+
readonly "--spacing-md": "1rem";
|
|
142
|
+
readonly "--spacing-lg": "1.5rem";
|
|
143
|
+
readonly "--spacing-xl": "2rem";
|
|
144
|
+
readonly "--spacing-2xl": "3rem";
|
|
145
|
+
readonly "--spacing-3xl": "4rem";
|
|
146
|
+
readonly "--spacing-4xl": "5rem";
|
|
147
|
+
readonly "--spacing-5xl": "6rem";
|
|
148
|
+
readonly "--spacing-none": "0";
|
|
149
|
+
readonly "--layout-section-xs": "1.5rem";
|
|
150
|
+
readonly "--layout-section-sm": "2rem";
|
|
151
|
+
readonly "--layout-section-md": "3rem";
|
|
152
|
+
readonly "--layout-section-lg": "4rem";
|
|
153
|
+
readonly "--layout-section-xl": "5rem";
|
|
154
|
+
readonly "--layout-section-2xl": "6rem";
|
|
155
|
+
readonly "--layout-container-xs": "0.5rem";
|
|
156
|
+
readonly "--layout-container-sm": "1rem";
|
|
157
|
+
readonly "--layout-container-md": "1.5rem";
|
|
158
|
+
readonly "--layout-container-lg": "2rem";
|
|
159
|
+
readonly "--layout-container-xl": "3rem";
|
|
160
|
+
readonly "--layout-grid-xs": "0.5rem";
|
|
161
|
+
readonly "--layout-grid-sm": "1rem";
|
|
162
|
+
readonly "--layout-grid-md": "1.5rem";
|
|
163
|
+
readonly "--layout-grid-lg": "2rem";
|
|
164
|
+
readonly "--layout-grid-xl": "3rem";
|
|
165
|
+
readonly "--layout-stack-xs": "0.25rem";
|
|
166
|
+
readonly "--layout-stack-sm": "0.5rem";
|
|
167
|
+
readonly "--layout-stack-md": "1rem";
|
|
168
|
+
readonly "--layout-stack-lg": "1.5rem";
|
|
169
|
+
readonly "--layout-stack-xl": "2rem";
|
|
170
|
+
readonly "--layout-component-xs": "0.25rem";
|
|
171
|
+
readonly "--layout-component-sm": "0.5rem";
|
|
172
|
+
readonly "--layout-component-md": "1rem";
|
|
173
|
+
readonly "--layout-component-lg": "1.5rem";
|
|
174
|
+
readonly "--layout-component-xl": "2rem";
|
|
175
|
+
};
|
|
176
|
+
/**
|
|
177
|
+
* Tailwind Spacing Config
|
|
178
|
+
* Maps to Tailwind theme.extend.spacing
|
|
179
|
+
*/
|
|
180
|
+
export declare const tailwindSpacingConfig: {
|
|
181
|
+
readonly spacing: Record<string, string>;
|
|
182
|
+
};
|
|
183
|
+
/**
|
|
184
|
+
* Type Exports
|
|
185
|
+
*/
|
|
38
186
|
export type Spacing = keyof typeof spacing;
|
|
187
|
+
export type SemanticSpacing = keyof typeof semanticSpacing;
|
|
188
|
+
export type SectionSpacing = keyof typeof layoutSpacing.section;
|
|
189
|
+
export type ContainerSpacing = keyof typeof layoutSpacing.container;
|
|
190
|
+
export type GridSpacing = keyof typeof layoutSpacing.grid;
|
|
191
|
+
export type StackSpacing = keyof typeof layoutSpacing.stack;
|
|
192
|
+
export type ComponentSpacing = keyof typeof layoutSpacing.component;
|
|
39
193
|
//# sourceMappingURL=spacing.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;;;GAIG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CV,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;CA8BlB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8ChB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEtB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,qBAAqB;sBAc3B,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CACnB,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,OAAO,CAAC;AAC3C,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,aAAa,CAAC,OAAO,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,aAAa,CAAC,SAAS,CAAC;AACpE,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,aAAa,CAAC,IAAI,CAAC;AAC1D,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,aAAa,CAAC,SAAS,CAAC"}
|
|
@@ -1,49 +1,91 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Typography System Tokens
|
|
3
|
+
*
|
|
4
|
+
* Complete typography system for Tenerife UI based on design system specifications.
|
|
5
|
+
* Includes: font families (Inter, Satoshi, Clash Display), fluid type scale using clamp(),
|
|
6
|
+
* font weights, line heights, letter spacing, and predefined text styles.
|
|
7
|
+
*
|
|
8
|
+
* @see docs/tenerife_audit/design_system.md - typography system section
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Font Families
|
|
12
|
+
* Inter (primary), Satoshi (optional), Clash Display (headings/hero)
|
|
13
|
+
*/
|
|
1
14
|
export declare const fontFamily: {
|
|
2
|
-
readonly sans: readonly ["ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"];
|
|
15
|
+
readonly sans: readonly ["Inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"];
|
|
16
|
+
readonly satoshi: readonly ["Satoshi", "Inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"];
|
|
17
|
+
readonly display: readonly ["Clash Display", "Inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"];
|
|
3
18
|
readonly serif: readonly ["ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"];
|
|
4
19
|
readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
|
|
5
20
|
};
|
|
21
|
+
/**
|
|
22
|
+
* Fluid Typography Scale
|
|
23
|
+
* Uses clamp() for responsive type scaling
|
|
24
|
+
* Values: text-xs through text-6xl
|
|
25
|
+
*
|
|
26
|
+
* Format: clamp(min, preferred, max)
|
|
27
|
+
* min: smallest size (mobile)
|
|
28
|
+
* preferred: fluid calculation
|
|
29
|
+
* max: largest size (desktop)
|
|
30
|
+
*/
|
|
6
31
|
export declare const fontSize: {
|
|
7
|
-
readonly xs: readonly ["0.75rem", {
|
|
32
|
+
readonly xs: readonly ["clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)", {
|
|
8
33
|
readonly lineHeight: "1rem";
|
|
34
|
+
readonly letterSpacing: "0.05em";
|
|
9
35
|
}];
|
|
10
|
-
readonly sm: readonly ["0.875rem", {
|
|
36
|
+
readonly sm: readonly ["clamp(0.875rem, 0.8rem + 0.25vw, 1rem)", {
|
|
11
37
|
readonly lineHeight: "1.25rem";
|
|
38
|
+
readonly letterSpacing: "0.025em";
|
|
12
39
|
}];
|
|
13
|
-
readonly base: readonly ["1rem", {
|
|
40
|
+
readonly base: readonly ["clamp(1rem, 0.95rem + 0.25vw, 1.125rem)", {
|
|
14
41
|
readonly lineHeight: "1.5rem";
|
|
42
|
+
readonly letterSpacing: "0em";
|
|
15
43
|
}];
|
|
16
|
-
readonly lg: readonly ["1.125rem", {
|
|
44
|
+
readonly lg: readonly ["clamp(1.125rem, 1rem + 0.5vw, 1.25rem)", {
|
|
17
45
|
readonly lineHeight: "1.75rem";
|
|
46
|
+
readonly letterSpacing: "-0.025em";
|
|
18
47
|
}];
|
|
19
|
-
readonly xl: readonly ["1.25rem", {
|
|
48
|
+
readonly xl: readonly ["clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)", {
|
|
20
49
|
readonly lineHeight: "1.75rem";
|
|
50
|
+
readonly letterSpacing: "-0.025em";
|
|
21
51
|
}];
|
|
22
|
-
readonly "2xl": readonly ["1.5rem", {
|
|
52
|
+
readonly "2xl": readonly ["clamp(1.5rem, 1.25rem + 1.25vw, 2rem)", {
|
|
23
53
|
readonly lineHeight: "2rem";
|
|
54
|
+
readonly letterSpacing: "-0.05em";
|
|
24
55
|
}];
|
|
25
|
-
readonly "3xl": readonly ["1.875rem", {
|
|
56
|
+
readonly "3xl": readonly ["clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)", {
|
|
26
57
|
readonly lineHeight: "2.25rem";
|
|
58
|
+
readonly letterSpacing: "-0.05em";
|
|
27
59
|
}];
|
|
28
|
-
readonly "4xl": readonly ["2.25rem", {
|
|
60
|
+
readonly "4xl": readonly ["clamp(2.25rem, 1.75rem + 2.5vw, 3rem)", {
|
|
29
61
|
readonly lineHeight: "2.5rem";
|
|
62
|
+
readonly letterSpacing: "-0.025em";
|
|
30
63
|
}];
|
|
31
|
-
readonly "5xl": readonly ["3rem", {
|
|
64
|
+
readonly "5xl": readonly ["clamp(3rem, 2rem + 5vw, 4rem)", {
|
|
32
65
|
readonly lineHeight: "1";
|
|
66
|
+
readonly letterSpacing: "-0.025em";
|
|
33
67
|
}];
|
|
34
|
-
readonly "6xl": readonly ["3.75rem", {
|
|
68
|
+
readonly "6xl": readonly ["clamp(3.75rem, 2.5rem + 6.25vw, 5rem)", {
|
|
35
69
|
readonly lineHeight: "1";
|
|
70
|
+
readonly letterSpacing: "-0.05em";
|
|
36
71
|
}];
|
|
37
|
-
readonly "7xl": readonly ["4.5rem", {
|
|
72
|
+
readonly "7xl": readonly ["clamp(4.5rem, 3rem + 7.5vw, 6rem)", {
|
|
38
73
|
readonly lineHeight: "1";
|
|
74
|
+
readonly letterSpacing: "-0.05em";
|
|
39
75
|
}];
|
|
40
|
-
readonly "8xl": readonly ["6rem", {
|
|
76
|
+
readonly "8xl": readonly ["clamp(6rem, 4rem + 10vw, 8rem)", {
|
|
41
77
|
readonly lineHeight: "1";
|
|
78
|
+
readonly letterSpacing: "-0.05em";
|
|
42
79
|
}];
|
|
43
|
-
readonly "9xl": readonly ["8rem", {
|
|
80
|
+
readonly "9xl": readonly ["clamp(8rem, 5rem + 15vw, 12rem)", {
|
|
44
81
|
readonly lineHeight: "1";
|
|
82
|
+
readonly letterSpacing: "-0.05em";
|
|
45
83
|
}];
|
|
46
84
|
};
|
|
85
|
+
/**
|
|
86
|
+
* Font Weight Tokens
|
|
87
|
+
* Range: 300 (light) to 800 (extrabold)
|
|
88
|
+
*/
|
|
47
89
|
export declare const fontWeight: {
|
|
48
90
|
readonly thin: "100";
|
|
49
91
|
readonly extralight: "200";
|
|
@@ -55,6 +97,22 @@ export declare const fontWeight: {
|
|
|
55
97
|
readonly extrabold: "800";
|
|
56
98
|
readonly black: "900";
|
|
57
99
|
};
|
|
100
|
+
/**
|
|
101
|
+
* Line Height Tokens
|
|
102
|
+
* Used for vertical rhythm and readability
|
|
103
|
+
*/
|
|
104
|
+
export declare const lineHeight: {
|
|
105
|
+
readonly none: "1";
|
|
106
|
+
readonly tight: "1.25";
|
|
107
|
+
readonly snug: "1.375";
|
|
108
|
+
readonly normal: "1.5";
|
|
109
|
+
readonly relaxed: "1.625";
|
|
110
|
+
readonly loose: "2";
|
|
111
|
+
};
|
|
112
|
+
/**
|
|
113
|
+
* Letter Spacing Tokens
|
|
114
|
+
* Used for tracking (character spacing)
|
|
115
|
+
*/
|
|
58
116
|
export declare const letterSpacing: {
|
|
59
117
|
readonly tighter: "-0.05em";
|
|
60
118
|
readonly tight: "-0.025em";
|
|
@@ -63,17 +121,223 @@ export declare const letterSpacing: {
|
|
|
63
121
|
readonly wider: "0.05em";
|
|
64
122
|
readonly widest: "0.1em";
|
|
65
123
|
};
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
readonly
|
|
72
|
-
readonly
|
|
124
|
+
/**
|
|
125
|
+
* CSS Custom Properties for Typography
|
|
126
|
+
* These will be injected into the theme system
|
|
127
|
+
*/
|
|
128
|
+
export declare const typographyCSSVariables: {
|
|
129
|
+
readonly "--font-sans": string;
|
|
130
|
+
readonly "--font-satoshi": string;
|
|
131
|
+
readonly "--font-display": string;
|
|
132
|
+
readonly "--font-serif": string;
|
|
133
|
+
readonly "--font-mono": string;
|
|
134
|
+
readonly "--font-size-xs": "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)";
|
|
135
|
+
readonly "--font-size-sm": "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)";
|
|
136
|
+
readonly "--font-size-base": "clamp(1rem, 0.95rem + 0.25vw, 1.125rem)";
|
|
137
|
+
readonly "--font-size-lg": "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)";
|
|
138
|
+
readonly "--font-size-xl": "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)";
|
|
139
|
+
readonly "--font-size-2xl": "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)";
|
|
140
|
+
readonly "--font-size-3xl": "clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)";
|
|
141
|
+
readonly "--font-size-4xl": "clamp(2.25rem, 1.75rem + 2.5vw, 3rem)";
|
|
142
|
+
readonly "--font-size-5xl": "clamp(3rem, 2rem + 5vw, 4rem)";
|
|
143
|
+
readonly "--font-size-6xl": "clamp(3.75rem, 2.5rem + 6.25vw, 5rem)";
|
|
144
|
+
readonly "--font-weight-thin": "100";
|
|
145
|
+
readonly "--font-weight-extralight": "200";
|
|
146
|
+
readonly "--font-weight-light": "300";
|
|
147
|
+
readonly "--font-weight-normal": "400";
|
|
148
|
+
readonly "--font-weight-medium": "500";
|
|
149
|
+
readonly "--font-weight-semibold": "600";
|
|
150
|
+
readonly "--font-weight-bold": "700";
|
|
151
|
+
readonly "--font-weight-extrabold": "800";
|
|
152
|
+
readonly "--font-weight-black": "900";
|
|
153
|
+
readonly "--line-height-none": "1";
|
|
154
|
+
readonly "--line-height-tight": "1.25";
|
|
155
|
+
readonly "--line-height-snug": "1.375";
|
|
156
|
+
readonly "--line-height-normal": "1.5";
|
|
157
|
+
readonly "--line-height-relaxed": "1.625";
|
|
158
|
+
readonly "--line-height-loose": "2";
|
|
159
|
+
readonly "--letter-spacing-tighter": "-0.05em";
|
|
160
|
+
readonly "--letter-spacing-tight": "-0.025em";
|
|
161
|
+
readonly "--letter-spacing-normal": "0em";
|
|
162
|
+
readonly "--letter-spacing-wide": "0.025em";
|
|
163
|
+
readonly "--letter-spacing-wider": "0.05em";
|
|
164
|
+
readonly "--letter-spacing-widest": "0.1em";
|
|
165
|
+
};
|
|
166
|
+
/**
|
|
167
|
+
* Predefined Text Styles
|
|
168
|
+
* Common combinations for headings, body text, etc.
|
|
169
|
+
*/
|
|
170
|
+
export declare const textStyles: {
|
|
171
|
+
readonly display: {
|
|
172
|
+
readonly fontFamily: string;
|
|
173
|
+
readonly fontSize: "clamp(3.75rem, 2.5rem + 6.25vw, 5rem)";
|
|
174
|
+
readonly fontWeight: "700";
|
|
175
|
+
readonly lineHeight: "1";
|
|
176
|
+
readonly letterSpacing: "-0.025em";
|
|
177
|
+
};
|
|
178
|
+
readonly h1: {
|
|
179
|
+
readonly fontFamily: string;
|
|
180
|
+
readonly fontSize: "clamp(3rem, 2rem + 5vw, 4rem)";
|
|
181
|
+
readonly fontWeight: "700";
|
|
182
|
+
readonly lineHeight: "1.25";
|
|
183
|
+
readonly letterSpacing: "-0.025em";
|
|
184
|
+
};
|
|
185
|
+
readonly h2: {
|
|
186
|
+
readonly fontFamily: string;
|
|
187
|
+
readonly fontSize: "clamp(2.25rem, 1.75rem + 2.5vw, 3rem)";
|
|
188
|
+
readonly fontWeight: "700";
|
|
189
|
+
readonly lineHeight: "1.25";
|
|
190
|
+
readonly letterSpacing: "-0.025em";
|
|
191
|
+
};
|
|
192
|
+
readonly h3: {
|
|
193
|
+
readonly fontFamily: string;
|
|
194
|
+
readonly fontSize: "clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)";
|
|
195
|
+
readonly fontWeight: "600";
|
|
196
|
+
readonly lineHeight: "1.375";
|
|
197
|
+
readonly letterSpacing: "0em";
|
|
198
|
+
};
|
|
199
|
+
readonly h4: {
|
|
200
|
+
readonly fontFamily: string;
|
|
201
|
+
readonly fontSize: "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)";
|
|
202
|
+
readonly fontWeight: "600";
|
|
203
|
+
readonly lineHeight: "1.375";
|
|
204
|
+
readonly letterSpacing: "0em";
|
|
205
|
+
};
|
|
206
|
+
readonly h5: {
|
|
207
|
+
readonly fontFamily: string;
|
|
208
|
+
readonly fontSize: "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)";
|
|
209
|
+
readonly fontWeight: "500";
|
|
210
|
+
readonly lineHeight: "1.5";
|
|
211
|
+
readonly letterSpacing: "0em";
|
|
212
|
+
};
|
|
213
|
+
readonly h6: {
|
|
214
|
+
readonly fontFamily: string;
|
|
215
|
+
readonly fontSize: "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)";
|
|
216
|
+
readonly fontWeight: "500";
|
|
217
|
+
readonly lineHeight: "1.5";
|
|
218
|
+
readonly letterSpacing: "0em";
|
|
219
|
+
};
|
|
220
|
+
readonly body: {
|
|
221
|
+
readonly fontFamily: string;
|
|
222
|
+
readonly fontSize: "clamp(1rem, 0.95rem + 0.25vw, 1.125rem)";
|
|
223
|
+
readonly fontWeight: "400";
|
|
224
|
+
readonly lineHeight: "1.625";
|
|
225
|
+
readonly letterSpacing: "0em";
|
|
226
|
+
};
|
|
227
|
+
readonly "body-sm": {
|
|
228
|
+
readonly fontFamily: string;
|
|
229
|
+
readonly fontSize: "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)";
|
|
230
|
+
readonly fontWeight: "400";
|
|
231
|
+
readonly lineHeight: "1.5";
|
|
232
|
+
readonly letterSpacing: "0em";
|
|
233
|
+
};
|
|
234
|
+
readonly "body-xs": {
|
|
235
|
+
readonly fontFamily: string;
|
|
236
|
+
readonly fontSize: "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)";
|
|
237
|
+
readonly fontWeight: "400";
|
|
238
|
+
readonly lineHeight: "1.5";
|
|
239
|
+
readonly letterSpacing: "0.025em";
|
|
240
|
+
};
|
|
241
|
+
readonly label: {
|
|
242
|
+
readonly fontFamily: string;
|
|
243
|
+
readonly fontSize: "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)";
|
|
244
|
+
readonly fontWeight: "500";
|
|
245
|
+
readonly lineHeight: "1.5";
|
|
246
|
+
readonly letterSpacing: "0.025em";
|
|
247
|
+
};
|
|
248
|
+
readonly "label-sm": {
|
|
249
|
+
readonly fontFamily: string;
|
|
250
|
+
readonly fontSize: "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)";
|
|
251
|
+
readonly fontWeight: "500";
|
|
252
|
+
readonly lineHeight: "1.5";
|
|
253
|
+
readonly letterSpacing: "0.05em";
|
|
254
|
+
};
|
|
255
|
+
readonly caption: {
|
|
256
|
+
readonly fontFamily: string;
|
|
257
|
+
readonly fontSize: "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)";
|
|
258
|
+
readonly fontWeight: "400";
|
|
259
|
+
readonly lineHeight: "1.5";
|
|
260
|
+
readonly letterSpacing: "0.025em";
|
|
261
|
+
};
|
|
262
|
+
};
|
|
263
|
+
/**
|
|
264
|
+
* Tailwind Typography Config
|
|
265
|
+
* Maps to Tailwind theme.extend.typography
|
|
266
|
+
* Note: Typed as tuples for Tailwind compatibility
|
|
267
|
+
*/
|
|
268
|
+
export declare const tailwindTypographyConfig: {
|
|
269
|
+
fontFamily: {
|
|
270
|
+
sans: string[];
|
|
271
|
+
satoshi: string[];
|
|
272
|
+
display: string[];
|
|
273
|
+
serif: string[];
|
|
274
|
+
mono: string[];
|
|
275
|
+
};
|
|
276
|
+
fontSize: {
|
|
277
|
+
xs: [string, {
|
|
278
|
+
lineHeight: string;
|
|
279
|
+
letterSpacing: string;
|
|
280
|
+
}];
|
|
281
|
+
sm: [string, {
|
|
282
|
+
lineHeight: string;
|
|
283
|
+
letterSpacing: string;
|
|
284
|
+
}];
|
|
285
|
+
base: [string, {
|
|
286
|
+
lineHeight: string;
|
|
287
|
+
letterSpacing: string;
|
|
288
|
+
}];
|
|
289
|
+
lg: [string, {
|
|
290
|
+
lineHeight: string;
|
|
291
|
+
letterSpacing: string;
|
|
292
|
+
}];
|
|
293
|
+
xl: [string, {
|
|
294
|
+
lineHeight: string;
|
|
295
|
+
letterSpacing: string;
|
|
296
|
+
}];
|
|
297
|
+
"2xl": [string, {
|
|
298
|
+
lineHeight: string;
|
|
299
|
+
letterSpacing: string;
|
|
300
|
+
}];
|
|
301
|
+
"3xl": [string, {
|
|
302
|
+
lineHeight: string;
|
|
303
|
+
letterSpacing: string;
|
|
304
|
+
}];
|
|
305
|
+
"4xl": [string, {
|
|
306
|
+
lineHeight: string;
|
|
307
|
+
letterSpacing: string;
|
|
308
|
+
}];
|
|
309
|
+
"5xl": [string, {
|
|
310
|
+
lineHeight: string;
|
|
311
|
+
letterSpacing: string;
|
|
312
|
+
}];
|
|
313
|
+
"6xl": [string, {
|
|
314
|
+
lineHeight: string;
|
|
315
|
+
letterSpacing: string;
|
|
316
|
+
}];
|
|
317
|
+
"7xl": [string, {
|
|
318
|
+
lineHeight: string;
|
|
319
|
+
letterSpacing: string;
|
|
320
|
+
}];
|
|
321
|
+
"8xl": [string, {
|
|
322
|
+
lineHeight: string;
|
|
323
|
+
letterSpacing: string;
|
|
324
|
+
}];
|
|
325
|
+
"9xl": [string, {
|
|
326
|
+
lineHeight: string;
|
|
327
|
+
letterSpacing: string;
|
|
328
|
+
}];
|
|
329
|
+
};
|
|
330
|
+
fontWeight: Record<string, string>;
|
|
331
|
+
lineHeight: Record<string, string>;
|
|
332
|
+
letterSpacing: Record<string, string>;
|
|
73
333
|
};
|
|
334
|
+
/**
|
|
335
|
+
* Type Exports
|
|
336
|
+
*/
|
|
74
337
|
export type FontFamily = keyof typeof fontFamily;
|
|
75
338
|
export type FontSize = keyof typeof fontSize;
|
|
76
339
|
export type FontWeight = keyof typeof fontWeight;
|
|
77
340
|
export type LetterSpacing = keyof typeof letterSpacing;
|
|
78
341
|
export type LineHeight = keyof typeof lineHeight;
|
|
342
|
+
export type TextStyle = keyof typeof textStyles;
|
|
79
343
|
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;CA4Db,CAAC;AAEX;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DX,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;CAUb,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CzB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGb,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;cAEH,MAAM,EAAE;iBACF,MAAM,EAAE;iBACR,MAAM,EAAE;eACZ,MAAM,EAAE;cACV,MAAM,EAAE;;;YAMjC,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;YAIvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;cAIvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;YAIvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;YAIvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;eAOvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;eAOvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;eAOvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;eAOvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;eAOvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;eAOvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;eAOvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;eAOvD,CAAC,MAAM,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC;;gBAE7B,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;gBACtB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;mBAChB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAC9D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AACjD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AACjD,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tenerife.music/ui",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "Tenerife.Music UI Component Library - A hybrid design system built on shadcn/ui primitives with Tenerife branding",
|
|
@@ -30,6 +30,34 @@
|
|
|
30
30
|
"dist",
|
|
31
31
|
"stories"
|
|
32
32
|
],
|
|
33
|
+
"publishConfig": {
|
|
34
|
+
"access": "public"
|
|
35
|
+
},
|
|
36
|
+
"scripts": {
|
|
37
|
+
"build": "vite build",
|
|
38
|
+
"dev": "vite build --watch",
|
|
39
|
+
"clean": "rimraf dist",
|
|
40
|
+
"format": "prettier . --write",
|
|
41
|
+
"format:check": "prettier . --check",
|
|
42
|
+
"lint": "eslint . --ext .ts,.tsx --fix",
|
|
43
|
+
"lint:check": "eslint . --ext .ts,.tsx",
|
|
44
|
+
"lint:fix": "eslint . --ext .ts,.tsx --fix",
|
|
45
|
+
"lint:strict": "eslint . --ext .ts,.tsx --max-warnings=0",
|
|
46
|
+
"lint:errors": "eslint . --ext .ts,.tsx --format stylish",
|
|
47
|
+
"precommit:lint": "eslint . --ext .ts,.tsx --fix",
|
|
48
|
+
"precommit:format": "prettier . --write",
|
|
49
|
+
"typecheck": "tsc --noEmit && tsc --noEmit --project tsconfig.vite.json",
|
|
50
|
+
"test": "jest",
|
|
51
|
+
"test:watch": "jest --watch",
|
|
52
|
+
"test:coverage": "jest --coverage",
|
|
53
|
+
"storybook": "storybook dev -p 6006",
|
|
54
|
+
"build-storybook": "storybook build",
|
|
55
|
+
"preview": "vite preview",
|
|
56
|
+
"prepublishOnly": "npm run clean && npm run build && npm run typecheck",
|
|
57
|
+
"validate": "npm run typecheck && npm run lint:check && npm run format:check",
|
|
58
|
+
"commitlint": "commitlint",
|
|
59
|
+
"prepare": "husky"
|
|
60
|
+
},
|
|
33
61
|
"peerDependencies": {
|
|
34
62
|
"react": "^18 || ^19",
|
|
35
63
|
"react-dom": "^18 || ^19"
|
|
@@ -66,6 +94,15 @@
|
|
|
66
94
|
"zustand": "^5.0.0"
|
|
67
95
|
},
|
|
68
96
|
"devDependencies": {
|
|
97
|
+
"@commitlint/cli": "^20.1.0",
|
|
98
|
+
"@commitlint/config-conventional": "^20.0.0",
|
|
99
|
+
"@eslint/eslintrc": "^3.3.1",
|
|
100
|
+
"@semantic-release/changelog": "^6.0.3",
|
|
101
|
+
"@semantic-release/commit-analyzer": "^13.0.1",
|
|
102
|
+
"@semantic-release/git": "^10.0.1",
|
|
103
|
+
"@semantic-release/github": "^12.0.2",
|
|
104
|
+
"@semantic-release/npm": "^13.1.2",
|
|
105
|
+
"@semantic-release/release-notes-generator": "^14.1.0",
|
|
69
106
|
"@storybook/addon-essentials": "^8.0.0",
|
|
70
107
|
"@storybook/addon-interactions": "^8.0.0",
|
|
71
108
|
"@storybook/addon-links": "^8.0.0",
|
|
@@ -79,21 +116,32 @@
|
|
|
79
116
|
"@testing-library/react": "^16.0.0",
|
|
80
117
|
"@testing-library/user-event": "^14.0.0",
|
|
81
118
|
"@types/jest": "^29.0.0",
|
|
119
|
+
"@types/node": "^20.19.25",
|
|
82
120
|
"@types/react": "^19",
|
|
83
121
|
"@types/react-dom": "^19",
|
|
84
122
|
"@vitejs/plugin-react": "^4.0.0",
|
|
85
123
|
"autoprefixer": "^10.0.0",
|
|
86
|
-
"
|
|
87
|
-
"eslint
|
|
124
|
+
"conventional-changelog-conventionalcommits": "^9.1.0",
|
|
125
|
+
"eslint": "^9.38.0",
|
|
126
|
+
"eslint-config-prettier": "^9.1.2",
|
|
127
|
+
"eslint-plugin-react": "^7.37.2",
|
|
128
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
129
|
+
"eslint-plugin-simple-import-sort": "^12.1.1",
|
|
130
|
+
"eslint-plugin-unused-imports": "^4.3.0",
|
|
131
|
+
"husky": "^9.1.7",
|
|
88
132
|
"jest": "^29.0.0",
|
|
89
133
|
"jest-environment-jsdom": "^29.0.0",
|
|
134
|
+
"lint-staged": "^15.5.2",
|
|
90
135
|
"postcss": "^8.0.0",
|
|
136
|
+
"prettier": "^3.6.2",
|
|
137
|
+
"prettier-plugin-tailwindcss": "^0.7.1",
|
|
91
138
|
"rimraf": "^6.0.1",
|
|
139
|
+
"semantic-release": "^25.0.2",
|
|
92
140
|
"storybook": "^8.0.0",
|
|
93
141
|
"tailwindcss": "^3.0.0",
|
|
94
142
|
"ts-jest": "^29.4.5",
|
|
95
143
|
"typescript": "^5.9.3",
|
|
96
|
-
"typescript-eslint": "^8.
|
|
144
|
+
"typescript-eslint": "^8.47.0",
|
|
97
145
|
"vite": "^5.0.0",
|
|
98
146
|
"vite-plugin-dts": "^4.0.0"
|
|
99
147
|
},
|
|
@@ -119,18 +167,5 @@
|
|
|
119
167
|
"import": "./dist/theme/index.mjs",
|
|
120
168
|
"require": "./dist/theme/index.cjs"
|
|
121
169
|
}
|
|
122
|
-
},
|
|
123
|
-
"scripts": {
|
|
124
|
-
"build": "vite build",
|
|
125
|
-
"dev": "vite build --watch",
|
|
126
|
-
"clean": "rimraf dist",
|
|
127
|
-
"typecheck": "tsc --noEmit && tsc --noEmit --project tsconfig.vite.json",
|
|
128
|
-
"lint": "eslint 'src/**/*.{ts,tsx}'",
|
|
129
|
-
"test": "jest",
|
|
130
|
-
"test:watch": "jest --watch",
|
|
131
|
-
"test:coverage": "jest --coverage",
|
|
132
|
-
"storybook": "storybook dev -p 6006",
|
|
133
|
-
"build-storybook": "storybook build",
|
|
134
|
-
"preview": "vite preview"
|
|
135
170
|
}
|
|
136
|
-
}
|
|
171
|
+
}
|
package/dist/radius-CuOZD6Mk.cjs
DELETED