@jonapin006/tiger 1.0.45 → 1.0.47
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 +50 -48
- package/dist/tiger.css +1 -1
- package/dist/tiger.es.js +637 -452
- 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;
|
|
@@ -365,10 +359,14 @@ export declare interface ThemeGeometryConfig {
|
|
|
365
359
|
translateChecked: string;
|
|
366
360
|
translateUnchecked: string;
|
|
367
361
|
}> & {
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
362
|
+
layout: {
|
|
363
|
+
container: string;
|
|
364
|
+
contentWrapper: string;
|
|
365
|
+
label: string;
|
|
366
|
+
description: string;
|
|
367
|
+
baseStyles: string;
|
|
368
|
+
thumbStyles: string;
|
|
369
|
+
};
|
|
372
370
|
});
|
|
373
371
|
sidebar: {
|
|
374
372
|
wrapper: string;
|
|
@@ -396,11 +394,12 @@ export declare interface ThemeGeometryConfig {
|
|
|
396
394
|
title: string;
|
|
397
395
|
descriptionContainer: string;
|
|
398
396
|
actionsContainer: string;
|
|
399
|
-
|
|
400
|
-
medium: TypographySize
|
|
401
|
-
large: TypographySize
|
|
402
|
-
xlarge: TypographySize
|
|
397
|
+
titleTypography: {
|
|
398
|
+
medium: TypographySize;
|
|
399
|
+
large: TypographySize;
|
|
400
|
+
xlarge: TypographySize;
|
|
403
401
|
};
|
|
402
|
+
descriptionTypography: TypographySize;
|
|
404
403
|
};
|
|
405
404
|
layout: {
|
|
406
405
|
bodyWrapper: string;
|
|
@@ -736,13 +735,13 @@ export declare const TigerList: default_2.FC<TigerListProps>;
|
|
|
736
735
|
export declare const TigerListItem: default_2.FC<TigerListItemProps>;
|
|
737
736
|
|
|
738
737
|
declare interface TigerListItemProps extends Omit<SizedComponentProps, 'size'> {
|
|
739
|
-
size?: Exclude<ComponentSize, ComponentSize.Xsmall
|
|
738
|
+
size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
|
|
740
739
|
typographySize?: TypographySize;
|
|
741
740
|
icon?: default_2.ReactNode;
|
|
742
741
|
}
|
|
743
742
|
|
|
744
743
|
declare interface TigerListProps extends Omit<SizedComponentProps, 'size'> {
|
|
745
|
-
size?: Exclude<ComponentSize, ComponentSize.Xsmall
|
|
744
|
+
size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
|
|
746
745
|
typographySize?: TypographySize;
|
|
747
746
|
divided?: boolean;
|
|
748
747
|
}
|
|
@@ -955,8 +954,11 @@ declare interface TigerTypographyProps {
|
|
|
955
954
|
children: default_2.ReactNode;
|
|
956
955
|
typographySize?: TypographySize;
|
|
957
956
|
variant?: 'h1' | 'h2' | 'h3' | 'p' | 'span';
|
|
957
|
+
weight?: 'regular' | 'semibold' | 'bold';
|
|
958
958
|
bold?: boolean;
|
|
959
959
|
italic?: boolean;
|
|
960
|
+
underline?: boolean;
|
|
961
|
+
strikethrough?: boolean;
|
|
960
962
|
className?: string;
|
|
961
963
|
style?: default_2.CSSProperties;
|
|
962
964
|
id?: string;
|