@sudobility/components 2.0.23 → 2.0.25

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.
@@ -1,307 +0,0 @@
1
- /**
2
- * Design Tokens
3
- *
4
- * Core design values that can be used across components.
5
- * These provide consistent spacing, typography, and other design properties.
6
- */
7
- declare const designTokens: {
8
- readonly spacing: {
9
- readonly xs: "p-1";
10
- readonly sm: "p-2";
11
- readonly md: "p-4";
12
- readonly lg: "p-6";
13
- readonly xl: "p-8";
14
- readonly '2xl': "p-12";
15
- readonly '3xl': "p-16";
16
- readonly '4xl': "p-20";
17
- readonly '5xl': "p-24";
18
- };
19
- readonly margin: {
20
- readonly xs: "m-1";
21
- readonly sm: "m-2";
22
- readonly md: "m-4";
23
- readonly lg: "m-6";
24
- readonly xl: "m-8";
25
- readonly '2xl': "m-12";
26
- readonly '3xl': "m-16";
27
- readonly '4xl': "m-20";
28
- readonly '5xl': "m-24";
29
- };
30
- readonly padding: {
31
- readonly xs: "p-1";
32
- readonly sm: "p-2";
33
- readonly md: "p-4";
34
- readonly lg: "p-6";
35
- readonly xl: "p-8";
36
- readonly '2xl': "p-12";
37
- readonly '3xl': "p-16";
38
- };
39
- readonly gap: {
40
- readonly xs: "gap-1";
41
- readonly sm: "gap-2";
42
- readonly md: "gap-4";
43
- readonly lg: "gap-6";
44
- readonly xl: "gap-8";
45
- readonly '2xl': "gap-12";
46
- readonly '3xl': "gap-16";
47
- };
48
- readonly radius: {
49
- readonly none: "rounded-none";
50
- readonly sm: "rounded-sm";
51
- readonly md: "rounded-md";
52
- readonly lg: "rounded-lg";
53
- readonly xl: "rounded-xl";
54
- readonly '2xl': "rounded-2xl";
55
- readonly '3xl': "rounded-3xl";
56
- readonly full: "rounded-full";
57
- };
58
- readonly shadow: {
59
- readonly none: "shadow-none";
60
- readonly sm: "shadow-sm";
61
- readonly md: "shadow-md";
62
- readonly lg: "shadow-lg";
63
- readonly xl: "shadow-xl";
64
- readonly '2xl': "shadow-2xl";
65
- };
66
- readonly typography: {
67
- readonly family: {
68
- readonly sans: "font-sans";
69
- readonly serif: "font-serif";
70
- readonly mono: "font-mono";
71
- readonly display: "font-sans";
72
- readonly body: "font-sans";
73
- };
74
- readonly size: {
75
- readonly micro: "text-[10px]";
76
- readonly xs: "text-xs";
77
- readonly sm: "text-sm";
78
- readonly base: "text-base";
79
- readonly md: "text-base";
80
- readonly lg: "text-lg";
81
- readonly xl: "text-xl";
82
- readonly '2xl': "text-2xl";
83
- readonly '3xl': "text-3xl";
84
- readonly '4xl': "text-4xl";
85
- readonly '5xl': "text-5xl";
86
- readonly '6xl': "text-6xl";
87
- readonly '7xl': "text-7xl";
88
- readonly '8xl': "text-8xl";
89
- readonly '9xl': "text-9xl";
90
- };
91
- readonly semantic: {
92
- readonly caption: "text-xs";
93
- readonly small: "text-sm";
94
- readonly body: "text-base";
95
- readonly bodyLarge: "text-lg";
96
- readonly subheading: "text-xl";
97
- readonly h6: "text-base";
98
- readonly h5: "text-lg";
99
- readonly h4: "text-xl";
100
- readonly h3: "text-2xl";
101
- readonly h2: "text-3xl";
102
- readonly h1: "text-4xl";
103
- readonly display: "text-6xl";
104
- readonly hero: "text-8xl";
105
- };
106
- readonly weight: {
107
- readonly thin: "font-thin";
108
- readonly extralight: "font-extralight";
109
- readonly light: "font-light";
110
- readonly normal: "font-normal";
111
- readonly medium: "font-medium";
112
- readonly semibold: "font-semibold";
113
- readonly bold: "font-bold";
114
- readonly extrabold: "font-extrabold";
115
- readonly black: "font-black";
116
- readonly body: "font-normal";
117
- readonly emphasis: "font-medium";
118
- readonly strong: "font-semibold";
119
- readonly heading: "font-bold";
120
- readonly display: "font-extrabold";
121
- };
122
- readonly style: {
123
- readonly normal: "not-italic";
124
- readonly italic: "italic";
125
- readonly oblique: "italic";
126
- };
127
- readonly decoration: {
128
- readonly none: "no-underline";
129
- readonly underline: "underline";
130
- readonly overline: "overline";
131
- readonly lineThrough: "line-through";
132
- };
133
- readonly decorationStyle: {
134
- readonly solid: "decoration-solid";
135
- readonly double: "decoration-double";
136
- readonly dotted: "decoration-dotted";
137
- readonly dashed: "decoration-dashed";
138
- readonly wavy: "decoration-wavy";
139
- };
140
- readonly decorationThickness: {
141
- readonly auto: "decoration-auto";
142
- readonly fromFont: "decoration-from-font";
143
- readonly thin: "decoration-1";
144
- readonly medium: "decoration-2";
145
- readonly thick: "decoration-4";
146
- };
147
- readonly underlineOffset: {
148
- readonly auto: "underline-offset-auto";
149
- readonly small: "underline-offset-1";
150
- readonly medium: "underline-offset-2";
151
- readonly large: "underline-offset-4";
152
- readonly xl: "underline-offset-8";
153
- };
154
- readonly leading: {
155
- readonly none: "leading-none";
156
- readonly tight: "leading-tight";
157
- readonly snug: "leading-snug";
158
- readonly normal: "leading-normal";
159
- readonly relaxed: "leading-relaxed";
160
- readonly loose: "leading-loose";
161
- readonly heading: "leading-tight";
162
- readonly body: "leading-relaxed";
163
- readonly caption: "leading-normal";
164
- readonly display: "leading-none";
165
- };
166
- readonly tracking: {
167
- readonly tighter: "tracking-tighter";
168
- readonly tight: "tracking-tight";
169
- readonly normal: "tracking-normal";
170
- readonly wide: "tracking-wide";
171
- readonly wider: "tracking-wider";
172
- readonly widest: "tracking-widest";
173
- readonly heading: "tracking-tight";
174
- readonly body: "tracking-normal";
175
- readonly caption: "tracking-normal";
176
- readonly button: "tracking-wide";
177
- readonly uppercase: "tracking-wider";
178
- };
179
- readonly transform: {
180
- readonly none: "normal-case";
181
- readonly uppercase: "uppercase";
182
- readonly lowercase: "lowercase";
183
- readonly capitalize: "capitalize";
184
- };
185
- readonly align: {
186
- readonly left: "text-left";
187
- readonly center: "text-center";
188
- readonly right: "text-right";
189
- readonly justify: "text-justify";
190
- readonly start: "text-start";
191
- readonly end: "text-end";
192
- };
193
- readonly verticalAlign: {
194
- readonly baseline: "align-baseline";
195
- readonly top: "align-top";
196
- readonly middle: "align-middle";
197
- readonly bottom: "align-bottom";
198
- readonly textTop: "align-text-top";
199
- readonly textBottom: "align-text-bottom";
200
- readonly sub: "align-sub";
201
- readonly super: "align-super";
202
- };
203
- readonly whitespace: {
204
- readonly normal: "whitespace-normal";
205
- readonly nowrap: "whitespace-nowrap";
206
- readonly pre: "whitespace-pre";
207
- readonly preLine: "whitespace-pre-line";
208
- readonly preWrap: "whitespace-pre-wrap";
209
- readonly break: "whitespace-break-spaces";
210
- };
211
- readonly wordBreak: {
212
- readonly normal: "break-normal";
213
- readonly words: "break-words";
214
- readonly all: "break-all";
215
- readonly keep: "break-keep";
216
- };
217
- readonly overflow: {
218
- readonly clip: "text-clip";
219
- readonly ellipsis: "text-ellipsis";
220
- };
221
- readonly indent: {
222
- readonly none: "indent-0";
223
- readonly sm: "indent-1";
224
- readonly md: "indent-4";
225
- readonly lg: "indent-8";
226
- };
227
- };
228
- readonly animation: {
229
- readonly none: "duration-0";
230
- readonly fastest: "duration-75";
231
- readonly fast: "duration-150";
232
- readonly normal: "duration-200";
233
- readonly slow: "duration-300";
234
- readonly slower: "duration-500";
235
- readonly slowest: "duration-700";
236
- };
237
- readonly ease: {
238
- readonly linear: "ease-linear";
239
- readonly in: "ease-in";
240
- readonly out: "ease-out";
241
- readonly inOut: "ease-in-out";
242
- };
243
- readonly zIndex: {
244
- readonly auto: "z-auto";
245
- readonly base: "z-0";
246
- readonly docked: "z-10";
247
- readonly dropdown: "z-20";
248
- readonly sticky: "z-30";
249
- readonly banner: "z-40";
250
- readonly overlay: "z-50";
251
- readonly modal: "z-60";
252
- readonly popover: "z-70";
253
- readonly skipLink: "z-80";
254
- readonly toast: "z-90";
255
- readonly tooltip: "z-100";
256
- };
257
- readonly breakpoints: {
258
- readonly sm: "640px";
259
- readonly md: "768px";
260
- readonly lg: "1024px";
261
- readonly xl: "1280px";
262
- readonly '2xl': "1536px";
263
- };
264
- readonly grid: {
265
- readonly cols1: "grid-cols-1";
266
- readonly cols2: "grid-cols-2";
267
- readonly cols3: "grid-cols-3";
268
- readonly cols4: "grid-cols-4";
269
- readonly cols5: "grid-cols-5";
270
- readonly cols6: "grid-cols-6";
271
- readonly cols12: "grid-cols-12";
272
- };
273
- readonly gridResponsive: {
274
- readonly responsive2: "grid-cols-1 md:grid-cols-2";
275
- readonly responsive3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3";
276
- readonly responsive4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4";
277
- readonly responsive6: "grid-cols-2 md:grid-cols-3 lg:grid-cols-6";
278
- };
279
- readonly flex: {
280
- readonly center: "flex items-center justify-center";
281
- readonly between: "flex items-center justify-between";
282
- readonly start: "flex items-center justify-start";
283
- readonly end: "flex items-center justify-end";
284
- readonly col: "flex flex-col";
285
- readonly colCenter: "flex flex-col items-center justify-center";
286
- readonly wrap: "flex flex-wrap";
287
- };
288
- readonly width: {
289
- readonly full: "w-full";
290
- readonly screen: "w-screen";
291
- readonly auto: "w-auto";
292
- readonly fit: "w-fit";
293
- readonly container: "w-full max-w-7xl mx-auto";
294
- readonly containerSm: "w-full max-w-3xl mx-auto";
295
- readonly containerLg: "w-full max-w-full mx-auto";
296
- };
297
- readonly height: {
298
- readonly full: "h-full";
299
- readonly screen: "h-screen";
300
- readonly auto: "h-auto";
301
- readonly fit: "h-fit";
302
- readonly min: "min-h-0";
303
- readonly minScreen: "min-h-screen";
304
- };
305
- };
306
- export { designTokens };
307
- //# sourceMappingURL=tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqZR,CAAC;AAEX,OAAO,EAAE,YAAY,EAAE,CAAC"}
@@ -1,112 +0,0 @@
1
- import { designTokens } from './tokens';
2
- declare const textVariants: {
3
- readonly heading: {
4
- readonly display: {
5
- readonly hero: () => string;
6
- readonly xl: () => string;
7
- readonly lg: () => string;
8
- readonly md: () => string;
9
- readonly sm: () => string;
10
- };
11
- readonly h1: () => string;
12
- readonly h2: () => string;
13
- readonly h3: () => string;
14
- readonly h4: () => string;
15
- readonly h5: () => string;
16
- readonly h6: () => string;
17
- readonly responsive: {
18
- readonly h1: () => string;
19
- readonly h2: () => string;
20
- readonly h3: () => string;
21
- readonly display: () => string;
22
- };
23
- };
24
- readonly body: {
25
- readonly xl: () => string;
26
- readonly lg: () => string;
27
- readonly md: () => string;
28
- readonly sm: () => string;
29
- readonly xs: () => string;
30
- readonly strong: {
31
- readonly xl: () => string;
32
- readonly lg: () => string;
33
- readonly md: () => string;
34
- readonly sm: () => string;
35
- };
36
- readonly emphasis: {
37
- readonly xl: () => string;
38
- readonly lg: () => string;
39
- readonly md: () => string;
40
- readonly sm: () => string;
41
- };
42
- readonly muted: {
43
- readonly xl: () => string;
44
- readonly lg: () => string;
45
- readonly md: () => string;
46
- readonly sm: () => string;
47
- };
48
- };
49
- readonly caption: {
50
- readonly default: () => string;
51
- readonly emphasis: () => string;
52
- readonly uppercase: () => string;
53
- };
54
- readonly lead: {
55
- readonly lg: () => string;
56
- readonly md: () => string;
57
- readonly sm: () => string;
58
- };
59
- readonly link: {
60
- readonly default: () => string;
61
- readonly subtle: () => string;
62
- readonly muted: () => string;
63
- readonly external: () => string;
64
- };
65
- readonly code: {
66
- readonly inline: () => string;
67
- readonly block: () => string;
68
- readonly small: () => string;
69
- };
70
- readonly label: {
71
- readonly default: () => string;
72
- readonly required: () => string;
73
- readonly optional: () => string;
74
- readonly helper: () => string;
75
- readonly error: () => string;
76
- readonly success: () => string;
77
- };
78
- readonly web3: {
79
- readonly address: () => string;
80
- readonly addressShort: () => string;
81
- readonly hash: () => string;
82
- readonly amount: () => string;
83
- readonly chain: () => string;
84
- readonly symbol: () => string;
85
- };
86
- readonly truncate: {
87
- readonly line: () => string;
88
- readonly lines2: () => string;
89
- readonly lines3: () => string;
90
- readonly lines4: () => string;
91
- };
92
- readonly selection: {
93
- readonly default: () => string;
94
- readonly brand: () => string;
95
- };
96
- };
97
- declare const createTextStyle: (family?: keyof typeof designTokens.typography.family, size?: keyof typeof designTokens.typography.semantic, weight?: keyof typeof designTokens.typography.weight, color?: string, options?: {
98
- leading?: keyof typeof designTokens.typography.leading;
99
- tracking?: keyof typeof designTokens.typography.tracking;
100
- transform?: keyof typeof designTokens.typography.transform;
101
- decoration?: keyof typeof designTokens.typography.decoration;
102
- }) => string;
103
- declare const combineTextStyles: (...styles: string[]) => string;
104
- declare const createResponsiveText: (baseStyle: string, breakpoints: {
105
- sm?: string;
106
- md?: string;
107
- lg?: string;
108
- xl?: string;
109
- "2xl"?: string;
110
- }) => string;
111
- export { textVariants, createTextStyle, combineTextStyles, createResponsiveText };
112
- //# sourceMappingURL=typography.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6NR,CAAC;AAGX,QAAA,MAAM,eAAe,GACnB,SAAQ,MAAM,OAAO,YAAY,CAAC,UAAU,CAAC,MAAe,EAC5D,OAAM,MAAM,OAAO,YAAY,CAAC,UAAU,CAAC,QAAiB,EAC5D,SAAQ,MAAM,OAAO,YAAY,CAAC,UAAU,CAAC,MAAe,EAC5D,QAAO,MAAwC,EAC/C,UAAS;IACP,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC;IAC3D,UAAU,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC;CACzD,KACL,MAkBF,CAAC;AAGF,QAAA,MAAM,iBAAiB,GAAI,GAAG,QAAQ,MAAM,EAAE,KAAG,MAEhD,CAAC;AAGF,QAAA,MAAM,oBAAoB,GACxB,WAAW,MAAM,EACjB,aAAa;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,KACA,MAYF,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAC"}
@@ -1,35 +0,0 @@
1
- /**
2
- * Component Variants
3
- *
4
- * Pre-built component configurations that combine colors, spacing, and other design tokens
5
- * into ready-to-use component styles.
6
- */
7
- export type VariantFunction = () => string;
8
- export type VariantWithArgs<T = string> = (variant?: T) => string;
9
- export interface VariantsType {
10
- button: {
11
- [key: string]: {
12
- [key: string]: VariantFunction | VariantWithArgs;
13
- } | VariantFunction | VariantWithArgs;
14
- };
15
- card: {
16
- [key: string]: {
17
- [key: string]: VariantFunction;
18
- };
19
- };
20
- badge: {
21
- [key: string]: VariantFunction | VariantWithArgs;
22
- };
23
- input: {
24
- [key: string]: VariantFunction | VariantWithArgs;
25
- };
26
- alert: {
27
- [key: string]: VariantFunction | {
28
- [key: string]: VariantFunction;
29
- };
30
- };
31
- [key: string]: any;
32
- }
33
- declare const variants: VariantsType;
34
- export { variants };
35
- //# sourceMappingURL=variants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../src/variants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,MAAM,MAAM,eAAe,GAAG,MAAM,MAAM,CAAC;AAC3C,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,GAAG,eAAe,CAAC;SAClD,GAAG,eAAe,GAAG,eAAe,CAAC;KACvC,CAAC;IACF,IAAI,EAAE;QACJ,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAC;SAChC,CAAC;KACH,CAAC;IACF,KAAK,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,GAAG,eAAe,CAAC;KAClD,CAAC;IACF,KAAK,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,GAAG,eAAe,CAAC;KAClD,CAAC;IACF,KAAK,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,GAAG;YAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAC;SAChC,CAAC;KACH,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAGD,QAAA,MAAM,QAAQ,EAAE,YAmzEN,CAAC;AAEX,OAAO,EAAE,QAAQ,EAAE,CAAC"}