@jonapin006/tiger 1.0.44 → 1.0.46
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 +798 -129
- package/dist/index.d.ts +42 -44
- package/dist/tiger.css +1 -1
- package/dist/tiger.es.js +613 -441
- package/dist/tiger.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ export declare interface BaseComponentProps {
|
|
|
12
12
|
|
|
13
13
|
declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
14
14
|
variant?: TigerButtonVariant;
|
|
15
|
-
size?: Exclude<ComponentSize, ComponentSize.Xsmall
|
|
15
|
+
size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
|
|
16
16
|
typographySize?: TypographySize;
|
|
17
17
|
iconLeft?: default_2.ElementType;
|
|
18
18
|
iconRight?: default_2.ElementType;
|
|
@@ -34,8 +34,6 @@ export declare enum ComponentSize {
|
|
|
34
34
|
Xlarge = "xlarge"
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
export declare type ComponentSizeToTypography = Record<Exclude<ComponentSize, ComponentSize.None>, TypographySize>;
|
|
38
|
-
|
|
39
37
|
export declare const glassmorphismTheme: ThemeDefinition;
|
|
40
38
|
|
|
41
39
|
declare interface IconButtonProps extends VariantComponentProps<TigerButtonVariant> {
|
|
@@ -101,17 +99,22 @@ export declare interface ThemeGeometryConfig {
|
|
|
101
99
|
} & {
|
|
102
100
|
weights: {
|
|
103
101
|
bold: string;
|
|
102
|
+
semibold: string;
|
|
104
103
|
normal: string;
|
|
105
104
|
};
|
|
106
105
|
styles: {
|
|
107
106
|
italic: string;
|
|
108
107
|
normal: string;
|
|
108
|
+
underline: string;
|
|
109
|
+
strikethrough: string;
|
|
109
110
|
};
|
|
110
111
|
};
|
|
111
112
|
buttons: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
|
|
112
|
-
|
|
113
|
+
height: string;
|
|
114
|
+
padding: string;
|
|
115
|
+
corner?: string;
|
|
116
|
+
typography: TypographySize;
|
|
113
117
|
}> & {
|
|
114
|
-
typographyMappings: ComponentSizeToTypography;
|
|
115
118
|
baseTypography: string;
|
|
116
119
|
baseStyles: string;
|
|
117
120
|
layout: {
|
|
@@ -128,20 +131,19 @@ export declare interface ThemeGeometryConfig {
|
|
|
128
131
|
baseStyles: string;
|
|
129
132
|
};
|
|
130
133
|
badges: (Record<ComponentSize.Small | ComponentSize.Medium, {
|
|
131
|
-
|
|
134
|
+
padding: string;
|
|
135
|
+
corner: string;
|
|
136
|
+
typography: TypographySize;
|
|
132
137
|
}> & {
|
|
133
|
-
typographyMappings: {
|
|
134
|
-
small: TypographySize;
|
|
135
|
-
medium: TypographySize;
|
|
136
|
-
};
|
|
137
138
|
typography: string;
|
|
138
139
|
baseStyles: string;
|
|
139
140
|
});
|
|
140
141
|
tabs: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
|
|
141
|
-
|
|
142
|
+
height: string;
|
|
143
|
+
padding: string;
|
|
142
144
|
contentSize: string;
|
|
145
|
+
typography: TypographySize;
|
|
143
146
|
}> & {
|
|
144
|
-
typographyMappings: ComponentSizeToTypography;
|
|
145
147
|
wrapper: string;
|
|
146
148
|
disabled: string;
|
|
147
149
|
segment: {
|
|
@@ -172,21 +174,18 @@ export declare interface ThemeGeometryConfig {
|
|
|
172
174
|
cards: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
|
|
173
175
|
corner: string;
|
|
174
176
|
padding: string;
|
|
177
|
+
typography: TypographySize;
|
|
175
178
|
}> & {
|
|
176
|
-
typographyMappings: ComponentSizeToTypography;
|
|
177
179
|
baseStyles: string;
|
|
178
180
|
interactiveStyles: string;
|
|
179
181
|
borderStyle: string;
|
|
180
182
|
});
|
|
181
183
|
checkbox: (Record<ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large, {
|
|
182
184
|
size: string;
|
|
185
|
+
corner: string;
|
|
183
186
|
iconSize: number;
|
|
187
|
+
typography: TypographySize;
|
|
184
188
|
}> & {
|
|
185
|
-
typographyMappings: {
|
|
186
|
-
small: TypographySize;
|
|
187
|
-
medium: TypographySize;
|
|
188
|
-
large: TypographySize;
|
|
189
|
-
};
|
|
190
189
|
disabledStyles: string;
|
|
191
190
|
icon: {
|
|
192
191
|
baseStyles: string;
|
|
@@ -199,18 +198,18 @@ export declare interface ThemeGeometryConfig {
|
|
|
199
198
|
defaultBorderRadius: string;
|
|
200
199
|
transition: string;
|
|
201
200
|
interactiveStyles: string;
|
|
202
|
-
|
|
203
|
-
default: TypographySize;
|
|
204
|
-
};
|
|
201
|
+
typography: TypographySize;
|
|
205
202
|
};
|
|
206
203
|
input: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
|
|
207
|
-
|
|
204
|
+
height: string;
|
|
205
|
+
padding: string;
|
|
206
|
+
fontSize: string;
|
|
208
207
|
}> & {
|
|
209
208
|
baseStyles: string;
|
|
210
|
-
typographyMappings: ComponentSizeToTypography;
|
|
211
209
|
});
|
|
212
210
|
list: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
|
|
213
|
-
|
|
211
|
+
padding: string;
|
|
212
|
+
typography: TypographySize;
|
|
214
213
|
}> & {
|
|
215
214
|
gap: string;
|
|
216
215
|
itemGap: string;
|
|
@@ -218,7 +217,6 @@ export declare interface ThemeGeometryConfig {
|
|
|
218
217
|
transition: string;
|
|
219
218
|
itemCorner: string;
|
|
220
219
|
containerCorner: string;
|
|
221
|
-
typographyMappings: ComponentSizeToTypography;
|
|
222
220
|
itemHoverResetColor: string;
|
|
223
221
|
typographyInherit: string;
|
|
224
222
|
});
|
|
@@ -230,10 +228,8 @@ export declare interface ThemeGeometryConfig {
|
|
|
230
228
|
contentWrapper: string;
|
|
231
229
|
actionsWrapper: string;
|
|
232
230
|
iconSize: string;
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
description: TypographySize;
|
|
236
|
-
};
|
|
231
|
+
titleTypographySize: TypographySize;
|
|
232
|
+
descriptionTypographySize: TypographySize;
|
|
237
233
|
titleExtra: string;
|
|
238
234
|
descriptionExtra: string;
|
|
239
235
|
actionGap: string;
|
|
@@ -260,13 +256,12 @@ export declare interface ThemeGeometryConfig {
|
|
|
260
256
|
dataCell: string;
|
|
261
257
|
dataBorder: string;
|
|
262
258
|
dataTypography: string;
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
data: TypographySize;
|
|
266
|
-
};
|
|
259
|
+
headerTypographySize: TypographySize;
|
|
260
|
+
dataTypographySize: TypographySize;
|
|
267
261
|
});
|
|
268
262
|
modal: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
|
|
269
|
-
|
|
263
|
+
width: string;
|
|
264
|
+
typography: TypographySize;
|
|
270
265
|
}> & {
|
|
271
266
|
wrapper: string;
|
|
272
267
|
overlay: string;
|
|
@@ -278,12 +273,12 @@ export declare interface ThemeGeometryConfig {
|
|
|
278
273
|
closeButton: string;
|
|
279
274
|
titleExtra: string;
|
|
280
275
|
footerBorder: string;
|
|
281
|
-
typographyMappings: ComponentSizeToTypography;
|
|
282
276
|
});
|
|
283
277
|
progress: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
|
|
284
278
|
height: string;
|
|
285
279
|
trackRadius: string;
|
|
286
280
|
gap: string;
|
|
281
|
+
typography: TypographySize;
|
|
287
282
|
}> & {
|
|
288
283
|
container: string;
|
|
289
284
|
wrapper: string;
|
|
@@ -295,13 +290,12 @@ export declare interface ThemeGeometryConfig {
|
|
|
295
290
|
stepEffect: string;
|
|
296
291
|
valueContainer: string;
|
|
297
292
|
valueStyles: string;
|
|
298
|
-
typographyMappings: ComponentSizeToTypography;
|
|
299
293
|
});
|
|
300
294
|
dropdown: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
|
|
301
|
-
|
|
295
|
+
width: string;
|
|
296
|
+
typography: TypographySize;
|
|
302
297
|
}> & {
|
|
303
298
|
contentPositioning: string;
|
|
304
|
-
typographyMappings: ComponentSizeToTypography;
|
|
305
299
|
});
|
|
306
300
|
stack: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
|
|
307
301
|
gap: string;
|
|
@@ -396,11 +390,12 @@ export declare interface ThemeGeometryConfig {
|
|
|
396
390
|
title: string;
|
|
397
391
|
descriptionContainer: string;
|
|
398
392
|
actionsContainer: string;
|
|
399
|
-
|
|
400
|
-
medium: TypographySize
|
|
401
|
-
large: TypographySize
|
|
402
|
-
xlarge: TypographySize
|
|
393
|
+
titleTypography: {
|
|
394
|
+
medium: TypographySize;
|
|
395
|
+
large: TypographySize;
|
|
396
|
+
xlarge: TypographySize;
|
|
403
397
|
};
|
|
398
|
+
descriptionTypography: TypographySize;
|
|
404
399
|
};
|
|
405
400
|
layout: {
|
|
406
401
|
bodyWrapper: string;
|
|
@@ -736,13 +731,13 @@ export declare const TigerList: default_2.FC<TigerListProps>;
|
|
|
736
731
|
export declare const TigerListItem: default_2.FC<TigerListItemProps>;
|
|
737
732
|
|
|
738
733
|
declare interface TigerListItemProps extends Omit<SizedComponentProps, 'size'> {
|
|
739
|
-
size?: Exclude<ComponentSize, ComponentSize.Xsmall
|
|
734
|
+
size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
|
|
740
735
|
typographySize?: TypographySize;
|
|
741
736
|
icon?: default_2.ReactNode;
|
|
742
737
|
}
|
|
743
738
|
|
|
744
739
|
declare interface TigerListProps extends Omit<SizedComponentProps, 'size'> {
|
|
745
|
-
size?: Exclude<ComponentSize, ComponentSize.Xsmall
|
|
740
|
+
size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
|
|
746
741
|
typographySize?: TypographySize;
|
|
747
742
|
divided?: boolean;
|
|
748
743
|
}
|
|
@@ -955,8 +950,11 @@ declare interface TigerTypographyProps {
|
|
|
955
950
|
children: default_2.ReactNode;
|
|
956
951
|
typographySize?: TypographySize;
|
|
957
952
|
variant?: 'h1' | 'h2' | 'h3' | 'p' | 'span';
|
|
953
|
+
weight?: 'regular' | 'semibold' | 'bold';
|
|
958
954
|
bold?: boolean;
|
|
959
955
|
italic?: boolean;
|
|
956
|
+
underline?: boolean;
|
|
957
|
+
strikethrough?: boolean;
|
|
960
958
|
className?: string;
|
|
961
959
|
style?: default_2.CSSProperties;
|
|
962
960
|
id?: string;
|