@manamerge/mana-atomic-ui 1.0.155 → 1.0.157

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.
Files changed (17) hide show
  1. package/dist/index.d.ts +1 -2
  2. package/dist/index.js +4 -5
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/themes/DavidWebTheme.ts +28 -42
  5. package/dist/themes/themes/davidWeb/atoms/heading.ts +164 -24
  6. package/dist/themes/themes/davidWeb/atoms/text.ts +46 -20
  7. package/dist/themes/themes/davidWeb/fonts/index.js +10 -7
  8. package/dist/themes/themes/manamerge/atoms/text.ts +14 -14
  9. package/dist/themes/themes/manamerge/molecules/breakerTape.ts +7 -11
  10. package/dist/types/components/Atoms/Text/Text.d.ts +1 -2
  11. package/dist/types/themes/DavidWebTheme.d.ts +358 -76
  12. package/dist/types/themes/ManamergeTheme.d.ts +15 -16
  13. package/dist/types/themes/davidWeb/atoms/heading.d.ts +144 -6
  14. package/dist/types/themes/davidWeb/atoms/text.d.ts +37 -15
  15. package/dist/types/themes/manamerge/atoms/text.d.ts +14 -14
  16. package/dist/types/themes/manamerge/molecules/breakerTape.d.ts +1 -2
  17. package/package.json +1 -1
package/dist/types/themes/DavidWebTheme.d.ts CHANGED
@@ -78,7 +78,7 @@ export declare const DavidWebTheme: {
78
78
  };
79
79
  };
80
80
  heading: {
81
- "Heading-h1": {
81
+ "Heading-primary-h1": {
82
82
  mobile: {
83
83
  fontSize: string;
84
84
  lineHeight: string;
@@ -101,7 +101,7 @@ export declare const DavidWebTheme: {
101
101
  margin: string;
102
102
  };
103
103
  };
104
- "Heading-h2": {
104
+ "Heading-primary-h2": {
105
105
  mobile: {
106
106
  fontSize: string;
107
107
  lineHeight: string;
@@ -124,7 +124,7 @@ export declare const DavidWebTheme: {
124
124
  margin: string;
125
125
  };
126
126
  };
127
- "Heading-h3": {
127
+ "Heading-primary-h3": {
128
128
  mobile: {
129
129
  fontSize: string;
130
130
  lineHeight: string;
@@ -147,7 +147,7 @@ export declare const DavidWebTheme: {
147
147
  margin: string;
148
148
  };
149
149
  };
150
- "Heading-h4": {
150
+ "Heading-primary-h4": {
151
151
  mobile: {
152
152
  fontSize: string;
153
153
  lineHeight: string;
@@ -170,7 +170,7 @@ export declare const DavidWebTheme: {
170
170
  margin: string;
171
171
  };
172
172
  };
173
- "Heading-h5": {
173
+ "Heading-primary-h5": {
174
174
  mobile: {
175
175
  fontSize: string;
176
176
  lineHeight: string;
@@ -193,7 +193,145 @@ export declare const DavidWebTheme: {
193
193
  margin: string;
194
194
  };
195
195
  };
196
- "Heading-h6": {
196
+ "Heading-primary-h6": {
197
+ mobile: {
198
+ fontSize: string;
199
+ lineHeight: string;
200
+ fontWeight: number;
201
+ color: string;
202
+ margin: string;
203
+ };
204
+ tablet: {
205
+ fontSize: string;
206
+ lineHeight: string;
207
+ fontWeight: number;
208
+ color: string;
209
+ margin: string;
210
+ };
211
+ desktop: {
212
+ fontSize: string;
213
+ lineHeight: string;
214
+ fontWeight: number;
215
+ color: string;
216
+ margin: string;
217
+ };
218
+ };
219
+ "Heading-secondary-h1": {
220
+ mobile: {
221
+ fontSize: string;
222
+ lineHeight: string;
223
+ fontWeight: number;
224
+ color: string;
225
+ margin: string;
226
+ };
227
+ tablet: {
228
+ fontSize: string;
229
+ lineHeight: string;
230
+ fontWeight: number;
231
+ color: string;
232
+ margin: string;
233
+ };
234
+ desktop: {
235
+ fontSize: string;
236
+ lineHeight: string;
237
+ fontWeight: number;
238
+ color: string;
239
+ margin: string;
240
+ };
241
+ };
242
+ "Heading-secondary-h2": {
243
+ mobile: {
244
+ fontSize: string;
245
+ lineHeight: string;
246
+ fontWeight: number;
247
+ color: string;
248
+ margin: string;
249
+ };
250
+ tablet: {
251
+ fontSize: string;
252
+ lineHeight: string;
253
+ fontWeight: number;
254
+ color: string;
255
+ margin: string;
256
+ };
257
+ desktop: {
258
+ fontSize: string;
259
+ lineHeight: string;
260
+ fontWeight: number;
261
+ color: string;
262
+ margin: string;
263
+ };
264
+ };
265
+ "Heading-secondary-h3": {
266
+ mobile: {
267
+ fontSize: string;
268
+ lineHeight: string;
269
+ fontWeight: number;
270
+ color: string;
271
+ margin: string;
272
+ };
273
+ tablet: {
274
+ fontSize: string;
275
+ lineHeight: string;
276
+ fontWeight: number;
277
+ color: string;
278
+ margin: string;
279
+ };
280
+ desktop: {
281
+ fontSize: string;
282
+ lineHeight: string;
283
+ fontWeight: number;
284
+ color: string;
285
+ margin: string;
286
+ };
287
+ };
288
+ "Heading-secondary-h4": {
289
+ mobile: {
290
+ fontSize: string;
291
+ lineHeight: string;
292
+ fontWeight: number;
293
+ color: string;
294
+ margin: string;
295
+ };
296
+ tablet: {
297
+ fontSize: string;
298
+ lineHeight: string;
299
+ fontWeight: number;
300
+ color: string;
301
+ margin: string;
302
+ };
303
+ desktop: {
304
+ fontSize: string;
305
+ lineHeight: string;
306
+ fontWeight: number;
307
+ color: string;
308
+ margin: string;
309
+ };
310
+ };
311
+ "Heading-secondary-h5": {
312
+ mobile: {
313
+ fontSize: string;
314
+ lineHeight: string;
315
+ fontWeight: number;
316
+ color: string;
317
+ margin: string;
318
+ };
319
+ tablet: {
320
+ fontSize: string;
321
+ lineHeight: string;
322
+ fontWeight: number;
323
+ color: string;
324
+ margin: string;
325
+ };
326
+ desktop: {
327
+ fontSize: string;
328
+ lineHeight: string;
329
+ fontWeight: number;
330
+ color: string;
331
+ margin: string;
332
+ };
333
+ };
334
+ "Heading-secondary-h6": {
197
335
  mobile: {
198
336
  fontSize: string;
199
337
  lineHeight: string;
@@ -324,53 +462,63 @@ export declare const DavidWebTheme: {
324
462
  };
325
463
  };
326
464
  text: {
327
- "Text-light": {
328
- fontSize: string;
465
+ "Text-primary-light": {
466
+ vFontSize: string;
329
467
  lineHeight: string;
330
468
  fontWeight: number;
331
- color: string;
469
+ vColor: string;
332
470
  margin: string;
471
+ fontFamily: string;
333
472
  };
334
- "Text-regular": {
335
- fontSize: string;
473
+ "Text-primary-regular": {
474
+ vFontSize: string;
336
475
  lineHeight: string;
337
476
  fontWeight: number;
338
- color: string;
477
+ vColor: string;
339
478
  margin: string;
479
+ fontFamily: string;
340
480
  };
341
- "Text-medium": {
342
- fontSize: string;
481
+ "Text-primary-medium": {
482
+ vFontSize: string;
343
483
  lineHeight: string;
344
484
  fontWeight: number;
345
- color: string;
485
+ vColor: string;
346
486
  margin: string;
487
+ fontFamily: string;
347
488
  };
348
- "Text-bold": {
349
- fontSize: string;
489
+ "Text-primary-bold": {
490
+ vFontSize: string;
350
491
  lineHeight: string;
351
492
  fontWeight: number;
352
- color: string;
493
+ vColor: string;
353
494
  margin: string;
495
+ fontFamily: string;
354
496
  };
355
- "Text-heavy": {
356
- fontSize: string;
497
+ "Text-primary-heavy": {
498
+ vFontSize: string;
357
499
  lineHeight: string;
358
500
  fontWeight: number;
359
- color: string;
501
+ vColor: string;
360
502
  margin: string;
503
+ fontFamily: string;
504
+ };
505
+ "Text-secondary-regular": {
506
+ vFontSize: string;
507
+ lineHeight: string;
508
+ fontWeight: number;
509
+ vColor: string;
510
+ margin: string;
511
+ fontFamily: string;
512
+ };
513
+ "Text-secondary-italic": {
514
+ vFontSize: string;
515
+ lineHeight: string;
516
+ fontWeight: number;
517
+ fontStyle: string;
518
+ vColor: string;
519
+ margin: string;
520
+ fontFamily: string;
361
521
  };
362
- };
363
- breakpoints: {
364
- tinyMobileUp: number;
365
- smallMobileUp: number;
366
- mobileUp: number;
367
- mobileLandscapeUp: number;
368
- largeMobileUp: number;
369
- tabletPortraitUp: number;
370
- tabletLandscapeUp: number;
371
- desktopUp: number;
372
- largeDesktopUp: number;
373
- superLargeDesktopUp: number;
374
522
  };
375
523
  icon: {
376
524
  "Icon-small": {
@@ -402,7 +550,99 @@ export declare const DavidWebTheme: {
402
550
  };
403
551
  };
404
552
  headingStyles: {
405
- "Heading-h1": {
553
+ "Heading-primary-h1": {
554
+ mobile: {
555
+ fontSize: string;
556
+ lineHeight: string;
557
+ fontWeight: number;
558
+ color: string;
559
+ margin: string;
560
+ };
561
+ tablet: {
562
+ fontSize: string;
563
+ lineHeight: string;
564
+ fontWeight: number;
565
+ color: string;
566
+ margin: string;
567
+ };
568
+ desktop: {
569
+ fontSize: string;
570
+ lineHeight: string;
571
+ fontWeight: number;
572
+ color: string;
573
+ margin: string;
574
+ };
575
+ };
576
+ "Heading-primary-h2": {
577
+ mobile: {
578
+ fontSize: string;
579
+ lineHeight: string;
580
+ fontWeight: number;
581
+ color: string;
582
+ margin: string;
583
+ };
584
+ tablet: {
585
+ fontSize: string;
586
+ lineHeight: string;
587
+ fontWeight: number;
588
+ color: string;
589
+ margin: string;
590
+ };
591
+ desktop: {
592
+ fontSize: string;
593
+ lineHeight: string;
594
+ fontWeight: number;
595
+ color: string;
596
+ margin: string;
597
+ };
598
+ };
599
+ "Heading-primary-h3": {
600
+ mobile: {
601
+ fontSize: string;
602
+ lineHeight: string;
603
+ fontWeight: number;
604
+ color: string;
605
+ margin: string;
606
+ };
607
+ tablet: {
608
+ fontSize: string;
609
+ lineHeight: string;
610
+ fontWeight: number;
611
+ color: string;
612
+ margin: string;
613
+ };
614
+ desktop: {
615
+ fontSize: string;
616
+ lineHeight: string;
617
+ fontWeight: number;
618
+ color: string;
619
+ margin: string;
620
+ };
621
+ };
622
+ "Heading-primary-h4": {
623
+ mobile: {
624
+ fontSize: string;
625
+ lineHeight: string;
626
+ fontWeight: number;
627
+ color: string;
628
+ margin: string;
629
+ };
630
+ tablet: {
631
+ fontSize: string;
632
+ lineHeight: string;
633
+ fontWeight: number;
634
+ color: string;
635
+ margin: string;
636
+ };
637
+ desktop: {
638
+ fontSize: string;
639
+ lineHeight: string;
640
+ fontWeight: number;
641
+ color: string;
642
+ margin: string;
643
+ };
644
+ };
645
+ "Heading-primary-h5": {
406
646
  mobile: {
407
647
  fontSize: string;
408
648
  lineHeight: string;
@@ -425,7 +665,7 @@ export declare const DavidWebTheme: {
425
665
  margin: string;
426
666
  };
427
667
  };
428
- "Heading-h2": {
668
+ "Heading-primary-h6": {
429
669
  mobile: {
430
670
  fontSize: string;
431
671
  lineHeight: string;
@@ -448,7 +688,7 @@ export declare const DavidWebTheme: {
448
688
  margin: string;
449
689
  };
450
690
  };
451
- "Heading-h3": {
691
+ "Heading-secondary-h1": {
452
692
  mobile: {
453
693
  fontSize: string;
454
694
  lineHeight: string;
@@ -471,7 +711,7 @@ export declare const DavidWebTheme: {
471
711
  margin: string;
472
712
  };
473
713
  };
474
- "Heading-h4": {
714
+ "Heading-secondary-h2": {
475
715
  mobile: {
476
716
  fontSize: string;
477
717
  lineHeight: string;
@@ -494,7 +734,7 @@ export declare const DavidWebTheme: {
494
734
  margin: string;
495
735
  };
496
736
  };
497
- "Heading-h5": {
737
+ "Heading-secondary-h3": {
498
738
  mobile: {
499
739
  fontSize: string;
500
740
  lineHeight: string;
@@ -517,7 +757,53 @@ export declare const DavidWebTheme: {
517
757
  margin: string;
518
758
  };
519
759
  };
520
- "Heading-h6": {
760
+ "Heading-secondary-h4": {
761
+ mobile: {
762
+ fontSize: string;
763
+ lineHeight: string;
764
+ fontWeight: number;
765
+ color: string;
766
+ margin: string;
767
+ };
768
+ tablet: {
769
+ fontSize: string;
770
+ lineHeight: string;
771
+ fontWeight: number;
772
+ color: string;
773
+ margin: string;
774
+ };
775
+ desktop: {
776
+ fontSize: string;
777
+ lineHeight: string;
778
+ fontWeight: number;
779
+ color: string;
780
+ margin: string;
781
+ };
782
+ };
783
+ "Heading-secondary-h5": {
784
+ mobile: {
785
+ fontSize: string;
786
+ lineHeight: string;
787
+ fontWeight: number;
788
+ color: string;
789
+ margin: string;
790
+ };
791
+ tablet: {
792
+ fontSize: string;
793
+ lineHeight: string;
794
+ fontWeight: number;
795
+ color: string;
796
+ margin: string;
797
+ };
798
+ desktop: {
799
+ fontSize: string;
800
+ lineHeight: string;
801
+ fontWeight: number;
802
+ color: string;
803
+ margin: string;
804
+ };
805
+ };
806
+ "Heading-secondary-h6": {
521
807
  mobile: {
522
808
  fontSize: string;
523
809
  lineHeight: string;
@@ -913,6 +1199,18 @@ export declare const DavidWebTheme: {
913
1199
  };
914
1200
  };
915
1201
  };
1202
+ pint3: {
1203
+ "Pint3-primary": {
1204
+ gap: string;
1205
+ height: string;
1206
+ maxWidth: string;
1207
+ column: {
1208
+ gap: string;
1209
+ minWidth: string;
1210
+ maxWidth: string;
1211
+ };
1212
+ };
1213
+ };
916
1214
  media: {
917
1215
  tinyMobileUp: string;
918
1216
  smallMobileUp: string;
@@ -925,43 +1223,27 @@ export declare const DavidWebTheme: {
925
1223
  largeDesktopUp: string;
926
1224
  superLargeDesktopUp: string;
927
1225
  };
928
- colors: {
929
- light: string;
930
- white: string;
931
- grey: string;
932
- accent: string;
933
- active: string;
934
- affirmative: string;
935
- affirmativeDark: string;
936
- affirmativeAlternate: string;
937
- cta: string;
938
- dark: string;
939
- separator: string;
940
- disabledBg: string;
941
- disabledText: string;
942
- divider: string;
943
- error: string;
944
- errorHoverBack: string;
945
- hover: string;
946
- lightBack: string;
947
- navigateText: string;
948
- notice: string;
949
- outline: string;
950
- primary: string;
951
- primaryDark: string;
952
- primaryDarker: string;
953
- readMore: string;
954
- secondary: string;
955
- secondaryLighter: string;
956
- socialIcon: string;
957
- socialIconSecondary: string;
958
- text: string;
959
- textAccent: string;
960
- textLight: string;
961
- border: string;
962
- signedUp: string;
963
- borderError: string;
964
- borderHover: string;
1226
+ breakpoints: {
1227
+ tinyMobileUp: number;
1228
+ smallMobileUp: number;
1229
+ mobileUp: number;
1230
+ mobileLandscapeUp: number;
1231
+ largeMobileUp: number;
1232
+ tabletPortraitUp: number;
1233
+ tabletLandscapeUp: number;
1234
+ desktopUp: number;
1235
+ largeDesktopUp: number;
1236
+ superLargeDesktopUp: number;
1237
+ };
1238
+ fontsizes: {
1239
+ xs: string;
1240
+ sm: string;
1241
+ md: string;
1242
+ lg: string;
1243
+ xl: string;
1244
+ xxl: string;
1245
+ xxxl: string;
1246
+ xxxxl: string;
965
1247
  };
966
1248
  pages: {
967
1249
  vod: {
package/dist/types/themes/ManamergeTheme.d.ts CHANGED
@@ -506,59 +506,59 @@ export declare const ManamergeTheme: {
506
506
  };
507
507
  text: {
508
508
  "Text-primary-light": {
509
- vFontSize: string;
509
+ fontSize: string;
510
510
  lineHeight: string;
511
511
  fontWeight: number;
512
- vColor: string;
512
+ color: string;
513
513
  margin: string;
514
514
  fontFamily: string;
515
515
  };
516
516
  "Text-primary-regular": {
517
- vFontSize: string;
517
+ fontSize: string;
518
518
  lineHeight: string;
519
519
  fontWeight: number;
520
- vColor: string;
520
+ color: string;
521
521
  margin: string;
522
522
  fontFamily: string;
523
523
  };
524
524
  "Text-primary-medium": {
525
- vFontSize: string;
525
+ fontSize: string;
526
526
  lineHeight: string;
527
527
  fontWeight: number;
528
- vColor: string;
528
+ color: string;
529
529
  margin: string;
530
530
  fontFamily: string;
531
531
  };
532
532
  "Text-primary-bold": {
533
- vFontSize: string;
533
+ fontSize: string;
534
534
  lineHeight: string;
535
535
  fontWeight: number;
536
- vColor: string;
536
+ color: string;
537
537
  margin: string;
538
538
  fontFamily: string;
539
539
  };
540
540
  "Text-primary-heavy": {
541
- vFontSize: string;
541
+ fontSize: string;
542
542
  lineHeight: string;
543
543
  fontWeight: number;
544
- vColor: string;
544
+ color: string;
545
545
  margin: string;
546
546
  fontFamily: string;
547
547
  };
548
548
  "Text-secondary-regular": {
549
- vFontSize: string;
549
+ fontSize: string;
550
550
  lineHeight: string;
551
551
  fontWeight: number;
552
- vColor: string;
552
+ color: string;
553
553
  margin: string;
554
554
  fontFamily: string;
555
555
  };
556
556
  "Text-secondary-italic": {
557
- vFontSize: string;
557
+ fontSize: string;
558
558
  lineHeight: string;
559
559
  fontWeight: number;
560
560
  fontStyle: string;
561
- vColor: string;
561
+ color: string;
562
562
  margin: string;
563
563
  fontFamily: string;
564
564
  };
@@ -1125,14 +1125,13 @@ export declare const ManamergeTheme: {
1125
1125
  fill: string;
1126
1126
  stroke: string;
1127
1127
  hover: {
1128
- fill: string;
1129
1128
  stroke: string;
1129
+ fill: string;
1130
1130
  };
1131
1131
  };
1132
1132
  text: {
1133
1133
  variant: string;
1134
1134
  color: string;
1135
- fontSize: string;
1136
1135
  };
1137
1136
  tapeContent: {
1138
1137
  alignItems: string;