tenara-ui-components 0.3.52 → 0.3.53

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.
@@ -2,6 +2,749 @@
2
2
  * Default theme configuration
3
3
  * Base theme with multi-level color system and standard design tokens
4
4
  */
5
- import { ThemeConfig } from '../core/types';
6
- export declare const defaultTheme: ThemeConfig;
5
+ export declare const defaultTheme: {
6
+ name: string;
7
+ fontImportUrl: string;
8
+ colors: {
9
+ primitives: import("..").ColorPrimitives;
10
+ semantic: import("..").SemanticColorTokens;
11
+ };
12
+ colorPalettes: {
13
+ name: string;
14
+ bg: string;
15
+ text: string;
16
+ }[];
17
+ spacing: {
18
+ xs: string;
19
+ sm: string;
20
+ md: string;
21
+ lg: string;
22
+ xl: string;
23
+ xxl: string;
24
+ };
25
+ borderRadius: {
26
+ sm: string;
27
+ md: string;
28
+ lg: string;
29
+ xl: string;
30
+ };
31
+ shadows: {
32
+ sm: string;
33
+ md: string;
34
+ lg: string;
35
+ xl: string;
36
+ };
37
+ breakpoints: {
38
+ xs: string;
39
+ sm: string;
40
+ md: string;
41
+ lg: string;
42
+ xl: string;
43
+ xxl: string;
44
+ };
45
+ typography: {
46
+ fontFamily: string;
47
+ fontFamilyHeading: string;
48
+ fontFamilyMono: string;
49
+ fontSizeXs: string;
50
+ fontSizeSm: string;
51
+ fontSizeMd: string;
52
+ fontSizeLg: string;
53
+ fontSizeXl: string;
54
+ fontSize2xl: string;
55
+ fontWeightLight: string;
56
+ fontWeightRegular: string;
57
+ fontWeightSemibold: string;
58
+ fontWeightBold: string;
59
+ fontWeightBlack: string;
60
+ lineHeightTight: string;
61
+ lineHeightSnug: string;
62
+ lineHeightNormal: string;
63
+ lineHeightRelaxed: string;
64
+ lineHeightLoose: string;
65
+ letterSpacingTighter: string;
66
+ letterSpacingTight: string;
67
+ letterSpacingNormal: string;
68
+ letterSpacingWide: string;
69
+ letterSpacingWider: string;
70
+ letterSpacingWidest: string;
71
+ variants: {
72
+ display: {
73
+ fontSize: string;
74
+ fontWeight: string;
75
+ lineHeight: string;
76
+ letterSpacing: string;
77
+ mobile: {
78
+ fontSize: string;
79
+ lineHeight: string;
80
+ };
81
+ tablet: {
82
+ fontSize: string;
83
+ };
84
+ };
85
+ bodyDefault: {
86
+ fontSize: string;
87
+ fontWeight: string;
88
+ lineHeight: string;
89
+ letterSpacing: string;
90
+ mobile: {
91
+ fontSize: string;
92
+ lineHeight: string;
93
+ };
94
+ };
95
+ bodyLarge: {
96
+ fontSize: string;
97
+ fontWeight: string;
98
+ lineHeight: string;
99
+ letterSpacing: string;
100
+ mobile: {
101
+ fontSize: string;
102
+ };
103
+ };
104
+ bodySmall: {
105
+ fontSize: string;
106
+ fontWeight: string;
107
+ lineHeight: string;
108
+ letterSpacing: string;
109
+ mobile: {
110
+ fontSize: string;
111
+ };
112
+ };
113
+ lead: {
114
+ fontSize: string;
115
+ fontWeight: string;
116
+ lineHeight: string;
117
+ letterSpacing: string;
118
+ mobile: {
119
+ fontSize: string;
120
+ };
121
+ };
122
+ caption: {
123
+ fontSize: string;
124
+ fontWeight: string;
125
+ lineHeight: string;
126
+ letterSpacing: string;
127
+ textTransform: string;
128
+ };
129
+ overline: {
130
+ fontSize: string;
131
+ fontWeight: string;
132
+ lineHeight: string;
133
+ letterSpacing: string;
134
+ textTransform: string;
135
+ };
136
+ pageTitle: {
137
+ fontSize: string;
138
+ fontWeight: string;
139
+ lineHeight: string;
140
+ letterSpacing: string;
141
+ textTransform: string;
142
+ mobile: {
143
+ fontSize: string;
144
+ lineHeight: string;
145
+ };
146
+ tablet: {
147
+ fontSize: string;
148
+ };
149
+ };
150
+ sectionTitle: {
151
+ fontSize: string;
152
+ fontWeight: string;
153
+ lineHeight: string;
154
+ letterSpacing: string;
155
+ mobile: {
156
+ fontSize: string;
157
+ };
158
+ tablet: {
159
+ fontSize: string;
160
+ };
161
+ };
162
+ title: {
163
+ fontSize: string;
164
+ fontWeight: string;
165
+ lineHeight: string;
166
+ letterSpacing: string;
167
+ mobile: {
168
+ fontSize: string;
169
+ lineHeight: string;
170
+ };
171
+ tablet: {
172
+ fontSize: string;
173
+ };
174
+ };
175
+ subtitle: {
176
+ fontSize: string;
177
+ fontWeight: string;
178
+ lineHeight: string;
179
+ mobile: {
180
+ fontSize: string;
181
+ };
182
+ };
183
+ body: {
184
+ fontSize: string;
185
+ fontWeight: string;
186
+ lineHeight: string;
187
+ };
188
+ textlink: {
189
+ fontSize: string;
190
+ fontWeight: string;
191
+ lineHeight: string;
192
+ textTransform: string;
193
+ textDecoration: string;
194
+ };
195
+ bodyBold: {
196
+ fontSize: string;
197
+ fontWeight: string;
198
+ lineHeight: string;
199
+ };
200
+ bodyBoldLarge: {
201
+ fontSize: string;
202
+ fontWeight: string;
203
+ lineHeight: string;
204
+ };
205
+ };
206
+ };
207
+ components: {
208
+ card: {
209
+ background: string;
210
+ border: string;
211
+ borderRadius: string;
212
+ shadow: string;
213
+ padding: string;
214
+ };
215
+ header: {
216
+ background: string;
217
+ borderBottom: string;
218
+ height: string;
219
+ padding: string;
220
+ };
221
+ cta: {
222
+ background: string;
223
+ borderRadius: string;
224
+ padding: string;
225
+ titleFontWeight: string;
226
+ titleFontSize: string;
227
+ titleLineHeight: string;
228
+ descriptionLineHeight: string;
229
+ descriptionFontWeight: string;
230
+ descriptionFontSize: string;
231
+ descriptionMargin: string;
232
+ };
233
+ };
234
+ componentTokens: {
235
+ button: {
236
+ borderRadius: string;
237
+ borderWidth: string;
238
+ padding: string;
239
+ fontSize: string;
240
+ fontWeight: string;
241
+ lineHeight: string;
242
+ fontFamily: string;
243
+ focusOutline: string;
244
+ focusOutlineOffset: string;
245
+ disabledOpacity: string;
246
+ shadow: string;
247
+ hoverAnimation: string;
248
+ variants: {
249
+ general: {
250
+ bg: string;
251
+ bgHover: string;
252
+ bgActive: string;
253
+ text: string;
254
+ textHover: string;
255
+ border: string;
256
+ borderHover: string;
257
+ };
258
+ cta: {
259
+ bg: string;
260
+ bgHover: string;
261
+ bgActive: string;
262
+ text: string;
263
+ textHover: string;
264
+ border: string;
265
+ borderHover: string;
266
+ };
267
+ secondary: {
268
+ bg: string;
269
+ bgHover: string;
270
+ bgActive: string;
271
+ text: string;
272
+ textHover: string;
273
+ border: string;
274
+ borderHover: string;
275
+ };
276
+ twitter: {
277
+ bg: string;
278
+ bgHover: string;
279
+ bgActive: string;
280
+ text: string;
281
+ textHover: string;
282
+ border: string;
283
+ borderHover: string;
284
+ };
285
+ linkedin: {
286
+ bg: string;
287
+ bgHover: string;
288
+ bgActive: string;
289
+ text: string;
290
+ textHover: string;
291
+ border: string;
292
+ borderHover: string;
293
+ };
294
+ facebook: {
295
+ bg: string;
296
+ bgHover: string;
297
+ bgActive: string;
298
+ text: string;
299
+ textHover: string;
300
+ border: string;
301
+ borderHover: string;
302
+ };
303
+ secondaryDarkMode: {
304
+ bg: string;
305
+ text: string;
306
+ border: string;
307
+ bgHover: string;
308
+ borderHover: string;
309
+ bgActive: string;
310
+ };
311
+ };
312
+ };
313
+ card: {
314
+ bg: string;
315
+ border: string;
316
+ borderRadius: string;
317
+ shadow: string;
318
+ padding: string;
319
+ maxWidth: string;
320
+ focusOutline: string;
321
+ focusOutlineOffset: string;
322
+ borderActive: string;
323
+ imageWrapperBorderRadius: string;
324
+ imageAspectRatio: string;
325
+ md: {
326
+ imageAspectRatio: string;
327
+ };
328
+ };
329
+ grid: {
330
+ gapXs: string;
331
+ gapSm: string;
332
+ gapMd: string;
333
+ gapLg: string;
334
+ gapXl: string;
335
+ gapXxl: string;
336
+ };
337
+ header: {
338
+ bg: string;
339
+ border: string;
340
+ height: string;
341
+ padding: string;
342
+ titleColor: string;
343
+ titleFontSize: string;
344
+ titleFontWeight: string;
345
+ titleMargin: string;
346
+ welcomeColor: string;
347
+ welcomeFontSize: string;
348
+ welcomeMargin: string;
349
+ buttonSpacing: string;
350
+ };
351
+ cta: {
352
+ height: string;
353
+ contentBg: string;
354
+ contentMaxWidth: string;
355
+ contentBorderRadius: string;
356
+ contentPadding: string;
357
+ titleColor: string;
358
+ titleFontSize: string;
359
+ titleLineHeight: string;
360
+ titleFontWeight: string;
361
+ titleMargin: string;
362
+ titleFontFamily: string;
363
+ descriptionColor: string;
364
+ descriptionFontSize: string;
365
+ descriptionLineHeight: string;
366
+ descriptionFontWeight: string;
367
+ descriptionMargin: string;
368
+ descriptionFontFamily: string;
369
+ md: {
370
+ height: string;
371
+ titleFontSize: string;
372
+ titleLineHeight: string;
373
+ descriptionFontSize: string;
374
+ descriptionLineHeight: string;
375
+ };
376
+ };
377
+ icon: {
378
+ size: string;
379
+ fillPrimary: string;
380
+ strokePrimary: string;
381
+ strokeWidthPrimary: string;
382
+ fillSecondary: string;
383
+ strokeSecondary: string;
384
+ strokeWidthSecondary: string;
385
+ fillAccent: string;
386
+ strokeAccent: string;
387
+ strokeWidthAccent: string;
388
+ fillSuccess: string;
389
+ strokeSuccess: string;
390
+ strokeWidthSuccess: string;
391
+ fillWarning: string;
392
+ strokeWarning: string;
393
+ strokeWidthWarning: string;
394
+ fillError: string;
395
+ strokeError: string;
396
+ strokeWidthError: string;
397
+ sizes: {
398
+ xs: {
399
+ size: string;
400
+ };
401
+ sm: {
402
+ size: string;
403
+ };
404
+ md: {
405
+ size: string;
406
+ };
407
+ lg: {
408
+ size: string;
409
+ };
410
+ xl: {
411
+ size: string;
412
+ };
413
+ };
414
+ };
415
+ heading: {
416
+ margin: string;
417
+ padding: string;
418
+ color: string;
419
+ fontFamily: string;
420
+ h1FontSize: string;
421
+ h1FontWeight: string;
422
+ h1LineHeight: string;
423
+ h1LetterSpacing: string;
424
+ h2FontSize: string;
425
+ h2FontWeight: string;
426
+ h2LineHeight: string;
427
+ h2LetterSpacing: string;
428
+ h3FontSize: string;
429
+ h3FontWeight: string;
430
+ h3LineHeight: string;
431
+ h3LetterSpacing: string;
432
+ h4FontSize: string;
433
+ h4FontWeight: string;
434
+ h4LineHeight: string;
435
+ h5FontSize: string;
436
+ h5FontWeight: string;
437
+ h5LineHeight: string;
438
+ h6FontSize: string;
439
+ h6FontWeight: string;
440
+ h6LineHeight: string;
441
+ displayFontSize: string;
442
+ displayFontWeight: string;
443
+ displayLineHeight: string;
444
+ displayLetterSpacing: string;
445
+ bodyDefaultFontSize: string;
446
+ bodyDefaultFontWeight: string;
447
+ bodyDefaultLineHeight: string;
448
+ bodyDefaultLetterSpacing: string;
449
+ bodyDefaultFontFamily: string;
450
+ leadFontSize: string;
451
+ leadFontWeight: string;
452
+ leadLineHeight: string;
453
+ leadLetterSpacing: string;
454
+ captionFontSize: string;
455
+ captionFontWeight: string;
456
+ captionLineHeight: string;
457
+ captionLetterSpacing: string;
458
+ captionTextTransform: string;
459
+ overlineFontSize: string;
460
+ overlineFontWeight: string;
461
+ overlineLineHeight: string;
462
+ overlineLetterSpacing: string;
463
+ overlineTextTransform: string;
464
+ pageTitleFontSize: string;
465
+ pageTitleFontWeight: string;
466
+ pageTitleLineHeight: string;
467
+ pageTitleLetterSpacing: string;
468
+ pageTitleTextTransform: string;
469
+ pageTitleColor: string;
470
+ sectionTitleFontSize: string;
471
+ sectionTitleFontWeight: string;
472
+ sectionTitleLineHeight: string;
473
+ sectionTitleLetterSpacing: string;
474
+ titleFontSize: string;
475
+ titleFontWeight: string;
476
+ titleLineHeight: string;
477
+ titleLetterSpacing: string;
478
+ subtitleFontSize: string;
479
+ subtitleFontWeight: string;
480
+ subtitleLineHeight: string;
481
+ bodyFontSize: string;
482
+ bodyFontWeight: string;
483
+ bodyLineHeight: string;
484
+ textlinkFontSize: string;
485
+ textlinkFontWeight: string;
486
+ textlinkLineHeight: string;
487
+ textlinkFontFamily: string;
488
+ textlinkTextDecoration: string;
489
+ textlinkTextTransform: string;
490
+ bodyBoldFontSize: string;
491
+ bodyBoldFontWeight: string;
492
+ bodyBoldLineHeight: string;
493
+ bodyBoldFontFamily: string;
494
+ bodyLargeFontSize: string;
495
+ bodyLargeFontWeight: string;
496
+ bodyLargeLineHeight: string;
497
+ bodyLargeFontFamily: string;
498
+ bodyBoldLargeFontSize: string;
499
+ bodyBoldLargeFontWeight: string;
500
+ bodyBoldLargeLineHeight: string;
501
+ bodyBoldLargeFontFamily: string;
502
+ bodySmallFontSize: string;
503
+ bodySmallFontWeight: string;
504
+ bodySmallLineHeight: string;
505
+ bodySmallFontFamily: string;
506
+ mobile: {
507
+ h1FontSize: string;
508
+ h1LineHeight: string;
509
+ h2FontSize: string;
510
+ h2LineHeight: string;
511
+ h3FontSize: string;
512
+ h4FontSize: string;
513
+ h5FontSize: string;
514
+ h6FontSize: string;
515
+ displayFontSize: string;
516
+ displayLineHeight: string;
517
+ bodyDefaultFontSize: string;
518
+ bodyDefaultLineHeight: string;
519
+ leadFontSize: string;
520
+ pageTitleFontSize: string;
521
+ pageTitleLineHeight: string;
522
+ sectionTitleFontSize: string;
523
+ titleFontSize: string;
524
+ titleLineHeight: string;
525
+ subtitleFontSize: string;
526
+ };
527
+ tablet: {
528
+ h1FontSize: string;
529
+ h1LineHeight: string;
530
+ h2FontSize: string;
531
+ h3FontSize: string;
532
+ displayFontSize: string;
533
+ pageTitleFontSize: string;
534
+ sectionTitleFontSize: string;
535
+ titleFontSize: string;
536
+ };
537
+ dark: {
538
+ color: string;
539
+ };
540
+ };
541
+ textLink: {
542
+ color: string;
543
+ fontFamily: string;
544
+ fontSize: string;
545
+ fontWeight: string;
546
+ textDecoration: string;
547
+ colorHover: string;
548
+ colorFocus: string;
549
+ textDecorationFocus: string;
550
+ textDecorationStyleFocus: string;
551
+ focusOutline: string;
552
+ focusOutlineOffset: string;
553
+ colorActive: string;
554
+ colorVisited: string;
555
+ dark: {
556
+ color: string;
557
+ colorHover: string;
558
+ colorFocus: string;
559
+ colorActive: string;
560
+ };
561
+ };
562
+ richText: {
563
+ color: string;
564
+ fontFamily: string;
565
+ lineHeight: string;
566
+ headingMarginBottom: string;
567
+ paragraphFontSize: string;
568
+ paragraphFontWeight: string;
569
+ paragraphLineHeight: string;
570
+ paragraphMarginBottom: string;
571
+ paragraphColor: string;
572
+ listMargin: string;
573
+ listPaddingLeft: string;
574
+ listItemFontSize: string;
575
+ listItemLineHeight: string;
576
+ listItemMarginBottom: string;
577
+ listItemColor: string;
578
+ ulListStyleType: string;
579
+ olListStyleType: string;
580
+ strongFontWeight: string;
581
+ codeFontSize: string;
582
+ codeBg: string;
583
+ codePadding: string;
584
+ preFontSize: string;
585
+ preBg: string;
586
+ prePadding: string;
587
+ blockquoteMargin: string;
588
+ blockquotePadding: string;
589
+ blockquoteBorderLeft: string;
590
+ blockquoteColor: string;
591
+ hrBorder: string;
592
+ hrMargin: string;
593
+ mobile: {
594
+ paragraphFontSize: string;
595
+ paragraphLineHeight: string;
596
+ listItemFontSize: string;
597
+ };
598
+ dark: {
599
+ color: string;
600
+ paragraphColor: string;
601
+ listItemColor: string;
602
+ blockquoteColor: string;
603
+ };
604
+ };
605
+ blockquote: {
606
+ margin: string;
607
+ padding: string;
608
+ borderLeft: string;
609
+ bg: string;
610
+ borderRadius: string;
611
+ fontStyle: string;
612
+ borderPrimaryWidth: string;
613
+ borderSecondaryWidth: string;
614
+ borderColorPrimary: string;
615
+ borderColorSecondary: string;
616
+ fontSize: string;
617
+ fontWeight: string;
618
+ lineHeight: string;
619
+ color: string;
620
+ fontFamily: string;
621
+ citationMarginTop: string;
622
+ citationFontSize: string;
623
+ citationFontWeight: string;
624
+ citationColor: string;
625
+ citationPrefix: string;
626
+ mobile: {
627
+ fontSize: string;
628
+ lineHeight: string;
629
+ };
630
+ dark: {
631
+ color: string;
632
+ citationColor: string;
633
+ borderColorPrimary: string;
634
+ borderColorSecondary: string;
635
+ };
636
+ };
637
+ footnote: {
638
+ labelFontWeight: string;
639
+ markerFontSize: string;
640
+ markerFontWeight: string;
641
+ };
642
+ author: {
643
+ labelFontWeight: string;
644
+ };
645
+ media: {
646
+ bg: string;
647
+ borderRadius: string;
648
+ objectFit: string;
649
+ objectPosition: string;
650
+ aspectRatio: string;
651
+ dark: {
652
+ bg: string;
653
+ };
654
+ };
655
+ videoPlayer: {
656
+ borderRadius: string;
657
+ thumbnailBg: string;
658
+ placeholderBg: string;
659
+ playIconSize: string;
660
+ playIconBg: string;
661
+ playIconBorder: string;
662
+ playIconColor: string;
663
+ focusOutline: string;
664
+ dark: {
665
+ thumbnailBg: string;
666
+ playIconBg: string;
667
+ };
668
+ };
669
+ paragraph: {
670
+ fontSize: string;
671
+ fontWeight: string;
672
+ lineHeight: string;
673
+ color: string;
674
+ fontFamily: string;
675
+ letterSpacing: string;
676
+ strongFontWeight: string;
677
+ mobile: {
678
+ fontSize: string;
679
+ lineHeight: string;
680
+ };
681
+ tablet: {
682
+ fontSize: string;
683
+ lineHeight: string;
684
+ };
685
+ dark: {
686
+ color: string;
687
+ };
688
+ };
689
+ modal: {
690
+ overlayBg: string;
691
+ contentBg: string;
692
+ contentBorder: string;
693
+ contentPadding: string;
694
+ borderRadius: string;
695
+ shadow: string;
696
+ maxWidth: string;
697
+ width: string;
698
+ closeButtonTop: string;
699
+ closeButtonRight: string;
700
+ closeButtonSize: string;
701
+ closeButtonBorderRadius: string;
702
+ closeButtonBg: string;
703
+ closeButtonColor: string;
704
+ closeButtonBgHover: string;
705
+ closeButtonColorHover: string;
706
+ closeButtonFontSize: string;
707
+ focusOutline: string;
708
+ focusOutlineOffset: string;
709
+ sizes: {
710
+ sm: {
711
+ maxWidth: string;
712
+ contentPadding: string;
713
+ };
714
+ md: {
715
+ maxWidth: string;
716
+ contentPadding: string;
717
+ };
718
+ lg: {
719
+ maxWidth: string;
720
+ contentPadding: string;
721
+ };
722
+ };
723
+ mobile: {
724
+ contentPadding: string;
725
+ maxWidth: string;
726
+ };
727
+ dark: {
728
+ contentBg: string;
729
+ contentBorder: string;
730
+ };
731
+ };
732
+ dataDial: {
733
+ ringBg: string;
734
+ ringTrack: string;
735
+ ringProgress: string;
736
+ text: string;
737
+ valueFontSize: string;
738
+ percentFontSize: string;
739
+ fontFamily: string;
740
+ };
741
+ statPill: {
742
+ bg: string;
743
+ text: string;
744
+ fontFamily: string;
745
+ paddingY: string;
746
+ paddingX: string;
747
+ };
748
+ };
749
+ };
7
750
  //# sourceMappingURL=default.d.ts.map