@manamerge/mana-atomic-ui 1.0.153 → 1.0.155

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 (19) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.js +8 -5
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/themes/DavidWebTheme.ts +42 -28
  5. package/dist/themes/themes/davidWeb/atoms/heading.ts +24 -164
  6. package/dist/themes/themes/davidWeb/atoms/text.ts +20 -46
  7. package/dist/themes/themes/davidWeb/fonts/index.js +7 -10
  8. package/dist/themes/themes/manamerge/molecules/breakerTape.ts +11 -7
  9. package/dist/themes/themes/manamerge/molecules/cardSimpleRender.ts +3 -2
  10. package/dist/themes/themes/manamerge/molecules/navigation.ts +1 -2
  11. package/dist/types/components/Atoms/Heading/Heading.d.ts +1 -1
  12. package/dist/types/themes/DavidWebTheme.d.ts +76 -358
  13. package/dist/types/themes/ManamergeTheme.d.ts +3 -2
  14. package/dist/types/themes/davidWeb/atoms/heading.d.ts +6 -144
  15. package/dist/types/themes/davidWeb/atoms/text.d.ts +15 -37
  16. package/dist/types/themes/manamerge/molecules/breakerTape.d.ts +2 -1
  17. package/dist/types/themes/manamerge/molecules/cardSimpleRender.d.ts +1 -0
  18. package/dist/types/themes/manamerge/molecules/navigation.d.ts +0 -1
  19. 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-primary-h1": {
81
+ "Heading-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-primary-h2": {
104
+ "Heading-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-primary-h3": {
127
+ "Heading-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-primary-h4": {
150
+ "Heading-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-primary-h5": {
173
+ "Heading-h5": {
174
174
  mobile: {
175
175
  fontSize: string;
176
176
  lineHeight: string;
@@ -193,145 +193,7 @@ export declare const DavidWebTheme: {
193
193
  margin: string;
194
194
  };
195
195
  };
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": {
196
+ "Heading-h6": {
335
197
  mobile: {
336
198
  fontSize: string;
337
199
  lineHeight: string;
@@ -462,64 +324,54 @@ export declare const DavidWebTheme: {
462
324
  };
463
325
  };
464
326
  text: {
465
- "Text-primary-light": {
466
- vFontSize: string;
467
- lineHeight: string;
468
- fontWeight: number;
469
- vColor: string;
470
- margin: string;
471
- fontFamily: string;
472
- };
473
- "Text-primary-regular": {
474
- vFontSize: string;
475
- lineHeight: string;
476
- fontWeight: number;
477
- vColor: string;
478
- margin: string;
479
- fontFamily: string;
480
- };
481
- "Text-primary-medium": {
482
- vFontSize: string;
327
+ "Text-light": {
328
+ fontSize: string;
483
329
  lineHeight: string;
484
330
  fontWeight: number;
485
- vColor: string;
331
+ color: string;
486
332
  margin: string;
487
- fontFamily: string;
488
333
  };
489
- "Text-primary-bold": {
490
- vFontSize: string;
334
+ "Text-regular": {
335
+ fontSize: string;
491
336
  lineHeight: string;
492
337
  fontWeight: number;
493
- vColor: string;
338
+ color: string;
494
339
  margin: string;
495
- fontFamily: string;
496
340
  };
497
- "Text-primary-heavy": {
498
- vFontSize: string;
341
+ "Text-medium": {
342
+ fontSize: string;
499
343
  lineHeight: string;
500
344
  fontWeight: number;
501
- vColor: string;
345
+ color: string;
502
346
  margin: string;
503
- fontFamily: string;
504
347
  };
505
- "Text-secondary-regular": {
506
- vFontSize: string;
348
+ "Text-bold": {
349
+ fontSize: string;
507
350
  lineHeight: string;
508
351
  fontWeight: number;
509
- vColor: string;
352
+ color: string;
510
353
  margin: string;
511
- fontFamily: string;
512
354
  };
513
- "Text-secondary-italic": {
514
- vFontSize: string;
355
+ "Text-heavy": {
356
+ fontSize: string;
515
357
  lineHeight: string;
516
358
  fontWeight: number;
517
- fontStyle: string;
518
- vColor: string;
359
+ color: string;
519
360
  margin: string;
520
- fontFamily: string;
521
361
  };
522
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
+ };
523
375
  icon: {
524
376
  "Icon-small": {
525
377
  size: string;
@@ -550,99 +402,7 @@ export declare const DavidWebTheme: {
550
402
  };
551
403
  };
552
404
  headingStyles: {
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": {
405
+ "Heading-h1": {
646
406
  mobile: {
647
407
  fontSize: string;
648
408
  lineHeight: string;
@@ -665,7 +425,7 @@ export declare const DavidWebTheme: {
665
425
  margin: string;
666
426
  };
667
427
  };
668
- "Heading-primary-h6": {
428
+ "Heading-h2": {
669
429
  mobile: {
670
430
  fontSize: string;
671
431
  lineHeight: string;
@@ -688,7 +448,7 @@ export declare const DavidWebTheme: {
688
448
  margin: string;
689
449
  };
690
450
  };
691
- "Heading-secondary-h1": {
451
+ "Heading-h3": {
692
452
  mobile: {
693
453
  fontSize: string;
694
454
  lineHeight: string;
@@ -711,7 +471,7 @@ export declare const DavidWebTheme: {
711
471
  margin: string;
712
472
  };
713
473
  };
714
- "Heading-secondary-h2": {
474
+ "Heading-h4": {
715
475
  mobile: {
716
476
  fontSize: string;
717
477
  lineHeight: string;
@@ -734,7 +494,7 @@ export declare const DavidWebTheme: {
734
494
  margin: string;
735
495
  };
736
496
  };
737
- "Heading-secondary-h3": {
497
+ "Heading-h5": {
738
498
  mobile: {
739
499
  fontSize: string;
740
500
  lineHeight: string;
@@ -757,53 +517,7 @@ export declare const DavidWebTheme: {
757
517
  margin: string;
758
518
  };
759
519
  };
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": {
520
+ "Heading-h6": {
807
521
  mobile: {
808
522
  fontSize: string;
809
523
  lineHeight: string;
@@ -1199,18 +913,6 @@ export declare const DavidWebTheme: {
1199
913
  };
1200
914
  };
1201
915
  };
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
- };
1214
916
  media: {
1215
917
  tinyMobileUp: string;
1216
918
  smallMobileUp: string;
@@ -1223,27 +925,43 @@ export declare const DavidWebTheme: {
1223
925
  largeDesktopUp: string;
1224
926
  superLargeDesktopUp: string;
1225
927
  };
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;
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;
1247
965
  };
1248
966
  pages: {
1249
967
  vod: {
package/dist/types/themes/ManamergeTheme.d.ts CHANGED
@@ -1024,7 +1024,6 @@ export declare const ManamergeTheme: {
1024
1024
  focus: {
1025
1025
  color: string;
1026
1026
  boxShadow: string;
1027
- transform: string;
1028
1027
  };
1029
1028
  hover: {
1030
1029
  color: string;
@@ -1126,13 +1125,14 @@ export declare const ManamergeTheme: {
1126
1125
  fill: string;
1127
1126
  stroke: string;
1128
1127
  hover: {
1129
- stroke: string;
1130
1128
  fill: string;
1129
+ stroke: string;
1131
1130
  };
1132
1131
  };
1133
1132
  text: {
1134
1133
  variant: string;
1135
1134
  color: string;
1135
+ fontSize: string;
1136
1136
  };
1137
1137
  tapeContent: {
1138
1138
  alignItems: string;
@@ -1176,6 +1176,7 @@ export declare const ManamergeTheme: {
1176
1176
  };
1177
1177
  atomHeading: {
1178
1178
  variant: string;
1179
+ as: string;
1179
1180
  };
1180
1181
  atomText: {
1181
1182
  variant: string;