@groupeactual/ui-kit 0.2.7 → 0.2.8

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/dist/esm/index.js CHANGED
@@ -5626,8 +5626,8 @@ const backgroundColor = style$1({
5626
5626
  prop: 'backgroundColor',
5627
5627
  themeKey: 'palette'
5628
5628
  });
5629
- const palette$1 = compose(color, bgcolor, backgroundColor);
5630
- var palette$2 = palette$1;
5629
+ const palette = compose(color, bgcolor, backgroundColor);
5630
+ var palette$1 = palette;
5631
5631
 
5632
5632
  const position = style$1({
5633
5633
  prop: 'position'
@@ -5755,7 +5755,7 @@ const filterPropsMapping = {
5755
5755
  flexbox: flexbox$1.filterProps,
5756
5756
  grid: grid$1.filterProps,
5757
5757
  positions: positions.filterProps,
5758
- palette: palette$2.filterProps,
5758
+ palette: palette$1.filterProps,
5759
5759
  shadows: shadows$2.filterProps,
5760
5760
  sizing: sizing$1.filterProps,
5761
5761
  spacing: spacing.filterProps,
@@ -5767,7 +5767,7 @@ const styleFunctionMapping = {
5767
5767
  flexbox: flexbox$1,
5768
5768
  grid: grid$1,
5769
5769
  positions,
5770
- palette: palette$2,
5770
+ palette: palette$1,
5771
5771
  shadows: shadows$2,
5772
5772
  sizing: sizing$1,
5773
5773
  spacing,
@@ -51349,7 +51349,9 @@ process.env.NODE_ENV !== "production" ? TextField$1.propTypes
51349
51349
  } : void 0;
51350
51350
  var MuiTextField = TextField$1;
51351
51351
 
51352
- var ActText = function (props) { return jsx(Typography$1, __assign({}, props)); };
51352
+ var ActText$1 = function (props) { return (jsx(Typography$1, __assign({}, props))); };
51353
+
51354
+ var ActText = function (props) { return (jsx(Typography$1, __assign({}, props))); };
51353
51355
 
51354
51356
  var ActHeading = function (props) { return jsx(Typography$1, __assign({}, props)); };
51355
51357
 
@@ -51406,9 +51408,58 @@ var Checkbox = function (_a) {
51406
51408
 
51407
51409
  /**
51408
51410
  * Do not edit directly
51409
- * Generated on Fri, 18 Nov 2022 22:30:35 GMT
51411
+ * Generated on Fri, 25 Nov 2022 16:01:16 GMT
51410
51412
  */
51411
51413
  var DefaultWebShadowAllContent = { "color": "#2727271f", "type": "dropShadow", "x": "0", "y": "2", "blur": "10", "spread": "0" };
51414
+ var DefaultSpacingXxs = "4";
51415
+ var DefaultSpacingXs = "8";
51416
+ var DefaultSpacingMd = "16";
51417
+ var DefaultSpacingLg = "24";
51418
+ var DefaultSpacingXl = "32";
51419
+ var DefaultSpacingXxl = "40";
51420
+ var DefaultSpacingXxxl = "72";
51421
+ var DefaultBorderRadius4 = "4";
51422
+ var DefaultBorderRadius8 = "8";
51423
+ var DefaultBorderRadius16 = "16";
51424
+ var DefaultBorderRadius24 = "24";
51425
+ var DefaultSizingXs = "8";
51426
+ var DefaultSizingSm = "12";
51427
+ var DefaultSizingMd = "16";
51428
+ var DefaultSizingLg = "24";
51429
+ var DefaultSizingXl = "32";
51430
+ var DefaultSizingXxl = "40";
51431
+ var DefaultSizingXxxl = "72";
51432
+ var DefaultColorsRedActual = "#e40521";
51433
+ var DefaultColorsBlueClickable = "#136cac";
51434
+ var DefaultColorsBlueHoverClickable = "#004f88";
51435
+ var DefaultColorsGreyMediumInactive = "#808080";
51436
+ var DefaultColorsGreyXDark = "#272727";
51437
+ var DefaultColorsGreyDark = "#545352";
51438
+ var DefaultColorsWhite = "#ffffff";
51439
+ var DefaultColorsGreyXLight = "#f0f0f0";
51440
+ var DefaultColorsGreyXDarkBgModal = "#27272780";
51441
+ var DefaultColorsBlueHoverEquivalence12 = "#e8f1f7";
51442
+ var DefaultColorsBlueHoverOpacity12 = "#136cac1f";
51443
+ var DefaultColorsGreyLightDefaultborder = "#cbcbcb";
51444
+ var DefaultColorsBlueInfo = "#1d91c3";
51445
+ var DefaultColorsGreenSuccess = "#23956d";
51446
+ var DefaultColorsOrangeWarning = "#e46221";
51447
+ var DefaultColorsRedError = "#b80025";
51448
+ var DefaultColorsBlueDark = "#0d2c54";
51449
+ var DefaultColorsBlueMedium = "#3d5a80";
51450
+ var DefaultColorsBlueLight = "#7fdcea";
51451
+ var DefaultColorsGreenDark = "#125e42";
51452
+ var DefaultColorsGreenMedium = "#1f8461";
51453
+ var DefaultColorsGreen = "#5dca8b";
51454
+ var DefaultColorsGreenLight = "#bad07a";
51455
+ var DefaultColorsBrown = "#6f2902";
51456
+ var DefaultColorsBrownLight = "#b65700";
51457
+ var DefaultColorsOrangeLight = "#f59b00";
51458
+ var DefaultColorsYellow = "#f9d25e";
51459
+ var DefaultColorsPurpleDark = "#530d48";
51460
+ var DefaultColorsPurple = "#831443";
51461
+ var DefaultColorsPink = "#ca1e5c";
51462
+ var DefaultColorsPinkLight = "#fd6972";
51412
51463
  var DefaultFontFamiliesRoboto = "Roboto";
51413
51464
  var DefaultLineHeights12 = "12";
51414
51465
  var DefaultLineHeights16 = "16";
@@ -51421,8 +51472,8 @@ var DefaultLineHeights49 = "49";
51421
51472
  var DefaultFontWeightsRoboto700 = "Bold";
51422
51473
  var DefaultFontWeightsRoboto500 = "Medium";
51423
51474
  var DefaultFontWeightsRoboto400 = "Regular";
51424
- var DefaultFontSize10 = "10";
51425
- var DefaultFontSize12 = "12";
51475
+ var DefaultFontSize11 = "11";
51476
+ var DefaultFontSize13 = "13";
51426
51477
  var DefaultFontSize14 = "14";
51427
51478
  var DefaultFontSize16 = "16";
51428
51479
  var DefaultFontSize18 = "18";
@@ -51430,65 +51481,130 @@ var DefaultFontSize24 = "24";
51430
51481
  var DefaultFontSize29 = "29";
51431
51482
  var DefaultFontSize35 = "35";
51432
51483
  var DefaultFontSize42 = "42";
51433
- var DefaultLetterSpacing0 = "0%";
51484
+ var DefaultLetterSpacingNone = "none";
51434
51485
  var DefaultParagraphSpacing0 = "0";
51435
51486
  var DefaultParagraphSpacing8 = "8";
51436
51487
  var DefaultTextCaseNone = "none";
51437
51488
  var DefaultTextDecorationNone = "none";
51438
51489
  var DefaultTextDecorationUnderline = "underline";
51439
- var DefaultSpacingXxs = "4";
51440
- var DefaultSpacingXs = "8";
51441
- var DefaultSpacingSm = "16";
51442
- var DefaultSpacingMd = "24";
51443
- var DefaultSpacingLg = "32";
51444
- var DefaultSpacingXl = "40";
51445
- var DefaultSpacingXxl = "72";
51446
- var DefaultBorderRadius4 = "4";
51447
- var DefaultBorderRadius8 = "8";
51448
- var DefaultBorderRadius16 = "16";
51449
- var DefaultBorderRadius24 = "24";
51450
- var DefaultSizingXs = "8";
51451
- var DefaultSizingSm = "12";
51452
- var DefaultSizingMd = "16";
51453
- var DefaultSizingLg = "24";
51454
- var DefaultSizingXl = "32";
51455
- var DefaultSizingXxl = "40";
51456
- var DefaultSizingXxxl = "72";
51457
- var DefaultDefaultColorsRedActual = "#e40521";
51458
- var DefaultDefaultColorsBlueClickable = "#136cac";
51459
- var DefaultDefaultColorsBlueHoverClickable = "#004f88";
51460
- var DefaultDefaultColorsGreyMediumInactive = "#808080";
51461
- var DefaultDefaultColorsGreyXDark = "#272727";
51462
- var DefaultDefaultColorsGreyDark = "#545352";
51463
- var DefaultDefaultColorsWhite = "#ffffff";
51464
- var DefaultDefaultColorsGreyXLight = "#f0f0f0";
51465
- var DefaultDefaultColorsGreyXDarkBgModal = "#27272780";
51466
- var DefaultDefaultColorsBlueHoverEquivalence12 = "#e8f1f7";
51467
- var DefaultDefaultColorsBlueHoverOpacity12 = "#136cac1f";
51468
- var DefaultDefaultColorsGreyLightDefaultborder = "#cbcbcb";
51469
- var DefaultDefaultColorsBlueInfo = "#1d91c3";
51470
- var DefaultDefaultColorsGreenSuccess = "#23956d";
51471
- var DefaultDefaultColorsOrangeWarning = "#e46221";
51472
- var DefaultDefaultColorsRedError = "#b80025";
51473
- var DefaultDefaultColorsBlueDark = "#0d2c54";
51474
- var DefaultDefaultColorsBlueMedium = "#3d5a80";
51475
- var DefaultDefaultColorsBlueLight = "#7fdcea";
51476
- var DefaultDefaultColorsGreenDark = "#125e42";
51477
- var DefaultDefaultColorsGreenMedium = "#1f8461";
51478
- var DefaultDefaultColorsGreen = "#5dca8b";
51479
- var DefaultDefaultColorsGreenLight = "#bad07a";
51480
- var DefaultDefaultColorsBrown = "#6f2902";
51481
- var DefaultDefaultColorsBrownLight = "#b65700";
51482
- var DefaultDefaultColorsOrangeLight = "#f59b00";
51483
- var DefaultDefaultColorsYellow = "#f9d25e";
51484
- var DefaultDefaultColorsPurpleDark = "#530d48";
51485
- var DefaultDefaultColorsPurple = "#831443";
51486
- var DefaultDefaultColorsPink = "#ca1e5c";
51487
- var DefaultDefaultColorsPinkLight = "#fd6972";
51490
+ var EpAppShadowAllContent = { "color": "#dedada66", "type": "dropShadow", "x": "0", "y": "4", "blur": "15", "spread": "0" };
51491
+ var EpAppShadowButtomMenu = { "color": "#dedada66", "type": "dropShadow", "x": "0", "y": "-4", "blur": "15", "spread": "0" };
51492
+ var EpBorderRadius4 = "4";
51493
+ var EpBorderRadius8 = "8";
51494
+ var EpBorderRadius16 = "16";
51495
+ var EpBorderRadius24 = "24";
51496
+ var EpSpacingXxs = "4";
51497
+ var EpSpacingXs = "8";
51498
+ var EpSpacingMd = "16";
51499
+ var EpSpacingLg = "24";
51500
+ var EpSpacingXl = "32";
51501
+ var EpSpacingXxl = "40";
51502
+ var EpSpacingXxxl = "72";
51503
+ var EpColorsRed = "#e11c31";
51504
+ var EpColorsRedHover = "#b61425";
51505
+ var EpColorsGreenBlue = "#159f9f";
51506
+ var EpColorsGreenBlueHover = "#128888";
51507
+ var EpColorsGreyMediumInactive = "#808080";
51508
+ var EpColorsBlack = "#161616";
51509
+ var EpColorsGreyDark = "#676767";
51510
+ var EpColorsWhite = "#ffffff";
51511
+ var EpColorsRedLight = "#fff7f5";
51512
+ var EpColorsGreenLight = "#f2f8f8";
51513
+ var EpColorsGreyDarkBgModal = "#67676780";
51514
+ var EpColorsGreyLightBorder = "#cbcbcb";
51515
+ var EpColorsBlueInfo = "#1d91c3";
51516
+ var EpColorsGreenSucces = "#23956d";
51517
+ var EpColorsOrangeWarning = "#e46221";
51518
+ var EpColorsRedError = "#b80025";
51519
+ var EpColorsGrey = "#acc1cc";
51520
+ var EpColorsRedPastel = "#feefeb";
51521
+ var EpColorsGreenPastel = "#e4f1f1";
51522
+ var EpColorsGreyPastel = "#eaf2f6";
51523
+ var EpSizingXs = "8";
51524
+ var EpSizingSm = "12";
51525
+ var EpSizingMd = "16";
51526
+ var EpSizingLg = "24";
51527
+ var EpSizingXl = "32";
51528
+ var EpSizingXxl = "40";
51529
+ var EpSizingXxxl = "72";
51530
+ var EpFontFamiliesManrope = "Manrope";
51531
+ var EpFontFamiliesOpenSans = "Open Sans";
51532
+ var EpLineHeights14 = "14";
51533
+ var EpLineHeights16 = "16";
51534
+ var EpLineHeights20 = "20";
51535
+ var EpLineHeights24 = "24";
51536
+ var EpLineHeights26 = "26";
51537
+ var EpLineHeights34 = "34";
51538
+ var EpFontWeightsManrope700 = "Bold";
51539
+ var EpFontWeightsManrope500 = "Medium";
51540
+ var EpFontWeightsOpenSans400 = "Regular";
51541
+ var EpFontWeightsOpenSans600 = "SemiBold";
51542
+ var EpFontWeightsOpenSans700 = "Bold";
51543
+ var EpFontSize10 = "10";
51544
+ var EpFontSize12 = "12";
51545
+ var EpFontSize14 = "14";
51546
+ var EpFontSize16 = "16";
51547
+ var EpFontSize18 = "18";
51548
+ var EpFontSize24 = "24";
51549
+ var EpLetterSpacingNone = "none";
51550
+ var EpParagraphSpacing0 = "0";
51551
+ var EpParagraphSpacing8 = "8";
51552
+ var EpTextCaseNone = "none";
51553
+ var EpTextDecorationNone = "none";
51554
+ var EpTextDecorationUnderline = "underline";
51488
51555
 
51489
51556
  var tokens = /*#__PURE__*/Object.freeze({
51490
51557
  __proto__: null,
51491
51558
  DefaultWebShadowAllContent: DefaultWebShadowAllContent,
51559
+ DefaultSpacingXxs: DefaultSpacingXxs,
51560
+ DefaultSpacingXs: DefaultSpacingXs,
51561
+ DefaultSpacingMd: DefaultSpacingMd,
51562
+ DefaultSpacingLg: DefaultSpacingLg,
51563
+ DefaultSpacingXl: DefaultSpacingXl,
51564
+ DefaultSpacingXxl: DefaultSpacingXxl,
51565
+ DefaultSpacingXxxl: DefaultSpacingXxxl,
51566
+ DefaultBorderRadius4: DefaultBorderRadius4,
51567
+ DefaultBorderRadius8: DefaultBorderRadius8,
51568
+ DefaultBorderRadius16: DefaultBorderRadius16,
51569
+ DefaultBorderRadius24: DefaultBorderRadius24,
51570
+ DefaultSizingXs: DefaultSizingXs,
51571
+ DefaultSizingSm: DefaultSizingSm,
51572
+ DefaultSizingMd: DefaultSizingMd,
51573
+ DefaultSizingLg: DefaultSizingLg,
51574
+ DefaultSizingXl: DefaultSizingXl,
51575
+ DefaultSizingXxl: DefaultSizingXxl,
51576
+ DefaultSizingXxxl: DefaultSizingXxxl,
51577
+ DefaultColorsRedActual: DefaultColorsRedActual,
51578
+ DefaultColorsBlueClickable: DefaultColorsBlueClickable,
51579
+ DefaultColorsBlueHoverClickable: DefaultColorsBlueHoverClickable,
51580
+ DefaultColorsGreyMediumInactive: DefaultColorsGreyMediumInactive,
51581
+ DefaultColorsGreyXDark: DefaultColorsGreyXDark,
51582
+ DefaultColorsGreyDark: DefaultColorsGreyDark,
51583
+ DefaultColorsWhite: DefaultColorsWhite,
51584
+ DefaultColorsGreyXLight: DefaultColorsGreyXLight,
51585
+ DefaultColorsGreyXDarkBgModal: DefaultColorsGreyXDarkBgModal,
51586
+ DefaultColorsBlueHoverEquivalence12: DefaultColorsBlueHoverEquivalence12,
51587
+ DefaultColorsBlueHoverOpacity12: DefaultColorsBlueHoverOpacity12,
51588
+ DefaultColorsGreyLightDefaultborder: DefaultColorsGreyLightDefaultborder,
51589
+ DefaultColorsBlueInfo: DefaultColorsBlueInfo,
51590
+ DefaultColorsGreenSuccess: DefaultColorsGreenSuccess,
51591
+ DefaultColorsOrangeWarning: DefaultColorsOrangeWarning,
51592
+ DefaultColorsRedError: DefaultColorsRedError,
51593
+ DefaultColorsBlueDark: DefaultColorsBlueDark,
51594
+ DefaultColorsBlueMedium: DefaultColorsBlueMedium,
51595
+ DefaultColorsBlueLight: DefaultColorsBlueLight,
51596
+ DefaultColorsGreenDark: DefaultColorsGreenDark,
51597
+ DefaultColorsGreenMedium: DefaultColorsGreenMedium,
51598
+ DefaultColorsGreen: DefaultColorsGreen,
51599
+ DefaultColorsGreenLight: DefaultColorsGreenLight,
51600
+ DefaultColorsBrown: DefaultColorsBrown,
51601
+ DefaultColorsBrownLight: DefaultColorsBrownLight,
51602
+ DefaultColorsOrangeLight: DefaultColorsOrangeLight,
51603
+ DefaultColorsYellow: DefaultColorsYellow,
51604
+ DefaultColorsPurpleDark: DefaultColorsPurpleDark,
51605
+ DefaultColorsPurple: DefaultColorsPurple,
51606
+ DefaultColorsPink: DefaultColorsPink,
51607
+ DefaultColorsPinkLight: DefaultColorsPinkLight,
51492
51608
  DefaultFontFamiliesRoboto: DefaultFontFamiliesRoboto,
51493
51609
  DefaultLineHeights12: DefaultLineHeights12,
51494
51610
  DefaultLineHeights16: DefaultLineHeights16,
@@ -51501,8 +51617,8 @@ var tokens = /*#__PURE__*/Object.freeze({
51501
51617
  DefaultFontWeightsRoboto700: DefaultFontWeightsRoboto700,
51502
51618
  DefaultFontWeightsRoboto500: DefaultFontWeightsRoboto500,
51503
51619
  DefaultFontWeightsRoboto400: DefaultFontWeightsRoboto400,
51504
- DefaultFontSize10: DefaultFontSize10,
51505
- DefaultFontSize12: DefaultFontSize12,
51620
+ DefaultFontSize11: DefaultFontSize11,
51621
+ DefaultFontSize13: DefaultFontSize13,
51506
51622
  DefaultFontSize14: DefaultFontSize14,
51507
51623
  DefaultFontSize16: DefaultFontSize16,
51508
51624
  DefaultFontSize18: DefaultFontSize18,
@@ -51510,150 +51626,297 @@ var tokens = /*#__PURE__*/Object.freeze({
51510
51626
  DefaultFontSize29: DefaultFontSize29,
51511
51627
  DefaultFontSize35: DefaultFontSize35,
51512
51628
  DefaultFontSize42: DefaultFontSize42,
51513
- DefaultLetterSpacing0: DefaultLetterSpacing0,
51629
+ DefaultLetterSpacingNone: DefaultLetterSpacingNone,
51514
51630
  DefaultParagraphSpacing0: DefaultParagraphSpacing0,
51515
51631
  DefaultParagraphSpacing8: DefaultParagraphSpacing8,
51516
51632
  DefaultTextCaseNone: DefaultTextCaseNone,
51517
51633
  DefaultTextDecorationNone: DefaultTextDecorationNone,
51518
51634
  DefaultTextDecorationUnderline: DefaultTextDecorationUnderline,
51519
- DefaultSpacingXxs: DefaultSpacingXxs,
51520
- DefaultSpacingXs: DefaultSpacingXs,
51521
- DefaultSpacingSm: DefaultSpacingSm,
51522
- DefaultSpacingMd: DefaultSpacingMd,
51523
- DefaultSpacingLg: DefaultSpacingLg,
51524
- DefaultSpacingXl: DefaultSpacingXl,
51525
- DefaultSpacingXxl: DefaultSpacingXxl,
51526
- DefaultBorderRadius4: DefaultBorderRadius4,
51527
- DefaultBorderRadius8: DefaultBorderRadius8,
51528
- DefaultBorderRadius16: DefaultBorderRadius16,
51529
- DefaultBorderRadius24: DefaultBorderRadius24,
51530
- DefaultSizingXs: DefaultSizingXs,
51531
- DefaultSizingSm: DefaultSizingSm,
51532
- DefaultSizingMd: DefaultSizingMd,
51533
- DefaultSizingLg: DefaultSizingLg,
51534
- DefaultSizingXl: DefaultSizingXl,
51535
- DefaultSizingXxl: DefaultSizingXxl,
51536
- DefaultSizingXxxl: DefaultSizingXxxl,
51537
- DefaultDefaultColorsRedActual: DefaultDefaultColorsRedActual,
51538
- DefaultDefaultColorsBlueClickable: DefaultDefaultColorsBlueClickable,
51539
- DefaultDefaultColorsBlueHoverClickable: DefaultDefaultColorsBlueHoverClickable,
51540
- DefaultDefaultColorsGreyMediumInactive: DefaultDefaultColorsGreyMediumInactive,
51541
- DefaultDefaultColorsGreyXDark: DefaultDefaultColorsGreyXDark,
51542
- DefaultDefaultColorsGreyDark: DefaultDefaultColorsGreyDark,
51543
- DefaultDefaultColorsWhite: DefaultDefaultColorsWhite,
51544
- DefaultDefaultColorsGreyXLight: DefaultDefaultColorsGreyXLight,
51545
- DefaultDefaultColorsGreyXDarkBgModal: DefaultDefaultColorsGreyXDarkBgModal,
51546
- DefaultDefaultColorsBlueHoverEquivalence12: DefaultDefaultColorsBlueHoverEquivalence12,
51547
- DefaultDefaultColorsBlueHoverOpacity12: DefaultDefaultColorsBlueHoverOpacity12,
51548
- DefaultDefaultColorsGreyLightDefaultborder: DefaultDefaultColorsGreyLightDefaultborder,
51549
- DefaultDefaultColorsBlueInfo: DefaultDefaultColorsBlueInfo,
51550
- DefaultDefaultColorsGreenSuccess: DefaultDefaultColorsGreenSuccess,
51551
- DefaultDefaultColorsOrangeWarning: DefaultDefaultColorsOrangeWarning,
51552
- DefaultDefaultColorsRedError: DefaultDefaultColorsRedError,
51553
- DefaultDefaultColorsBlueDark: DefaultDefaultColorsBlueDark,
51554
- DefaultDefaultColorsBlueMedium: DefaultDefaultColorsBlueMedium,
51555
- DefaultDefaultColorsBlueLight: DefaultDefaultColorsBlueLight,
51556
- DefaultDefaultColorsGreenDark: DefaultDefaultColorsGreenDark,
51557
- DefaultDefaultColorsGreenMedium: DefaultDefaultColorsGreenMedium,
51558
- DefaultDefaultColorsGreen: DefaultDefaultColorsGreen,
51559
- DefaultDefaultColorsGreenLight: DefaultDefaultColorsGreenLight,
51560
- DefaultDefaultColorsBrown: DefaultDefaultColorsBrown,
51561
- DefaultDefaultColorsBrownLight: DefaultDefaultColorsBrownLight,
51562
- DefaultDefaultColorsOrangeLight: DefaultDefaultColorsOrangeLight,
51563
- DefaultDefaultColorsYellow: DefaultDefaultColorsYellow,
51564
- DefaultDefaultColorsPurpleDark: DefaultDefaultColorsPurpleDark,
51565
- DefaultDefaultColorsPurple: DefaultDefaultColorsPurple,
51566
- DefaultDefaultColorsPink: DefaultDefaultColorsPink,
51567
- DefaultDefaultColorsPinkLight: DefaultDefaultColorsPinkLight
51635
+ EpAppShadowAllContent: EpAppShadowAllContent,
51636
+ EpAppShadowButtomMenu: EpAppShadowButtomMenu,
51637
+ EpBorderRadius4: EpBorderRadius4,
51638
+ EpBorderRadius8: EpBorderRadius8,
51639
+ EpBorderRadius16: EpBorderRadius16,
51640
+ EpBorderRadius24: EpBorderRadius24,
51641
+ EpSpacingXxs: EpSpacingXxs,
51642
+ EpSpacingXs: EpSpacingXs,
51643
+ EpSpacingMd: EpSpacingMd,
51644
+ EpSpacingLg: EpSpacingLg,
51645
+ EpSpacingXl: EpSpacingXl,
51646
+ EpSpacingXxl: EpSpacingXxl,
51647
+ EpSpacingXxxl: EpSpacingXxxl,
51648
+ EpColorsRed: EpColorsRed,
51649
+ EpColorsRedHover: EpColorsRedHover,
51650
+ EpColorsGreenBlue: EpColorsGreenBlue,
51651
+ EpColorsGreenBlueHover: EpColorsGreenBlueHover,
51652
+ EpColorsGreyMediumInactive: EpColorsGreyMediumInactive,
51653
+ EpColorsBlack: EpColorsBlack,
51654
+ EpColorsGreyDark: EpColorsGreyDark,
51655
+ EpColorsWhite: EpColorsWhite,
51656
+ EpColorsRedLight: EpColorsRedLight,
51657
+ EpColorsGreenLight: EpColorsGreenLight,
51658
+ EpColorsGreyDarkBgModal: EpColorsGreyDarkBgModal,
51659
+ EpColorsGreyLightBorder: EpColorsGreyLightBorder,
51660
+ EpColorsBlueInfo: EpColorsBlueInfo,
51661
+ EpColorsGreenSucces: EpColorsGreenSucces,
51662
+ EpColorsOrangeWarning: EpColorsOrangeWarning,
51663
+ EpColorsRedError: EpColorsRedError,
51664
+ EpColorsGrey: EpColorsGrey,
51665
+ EpColorsRedPastel: EpColorsRedPastel,
51666
+ EpColorsGreenPastel: EpColorsGreenPastel,
51667
+ EpColorsGreyPastel: EpColorsGreyPastel,
51668
+ EpSizingXs: EpSizingXs,
51669
+ EpSizingSm: EpSizingSm,
51670
+ EpSizingMd: EpSizingMd,
51671
+ EpSizingLg: EpSizingLg,
51672
+ EpSizingXl: EpSizingXl,
51673
+ EpSizingXxl: EpSizingXxl,
51674
+ EpSizingXxxl: EpSizingXxxl,
51675
+ EpFontFamiliesManrope: EpFontFamiliesManrope,
51676
+ EpFontFamiliesOpenSans: EpFontFamiliesOpenSans,
51677
+ EpLineHeights14: EpLineHeights14,
51678
+ EpLineHeights16: EpLineHeights16,
51679
+ EpLineHeights20: EpLineHeights20,
51680
+ EpLineHeights24: EpLineHeights24,
51681
+ EpLineHeights26: EpLineHeights26,
51682
+ EpLineHeights34: EpLineHeights34,
51683
+ EpFontWeightsManrope700: EpFontWeightsManrope700,
51684
+ EpFontWeightsManrope500: EpFontWeightsManrope500,
51685
+ EpFontWeightsOpenSans400: EpFontWeightsOpenSans400,
51686
+ EpFontWeightsOpenSans600: EpFontWeightsOpenSans600,
51687
+ EpFontWeightsOpenSans700: EpFontWeightsOpenSans700,
51688
+ EpFontSize10: EpFontSize10,
51689
+ EpFontSize12: EpFontSize12,
51690
+ EpFontSize14: EpFontSize14,
51691
+ EpFontSize16: EpFontSize16,
51692
+ EpFontSize18: EpFontSize18,
51693
+ EpFontSize24: EpFontSize24,
51694
+ EpLetterSpacingNone: EpLetterSpacingNone,
51695
+ EpParagraphSpacing0: EpParagraphSpacing0,
51696
+ EpParagraphSpacing8: EpParagraphSpacing8,
51697
+ EpTextCaseNone: EpTextCaseNone,
51698
+ EpTextDecorationNone: EpTextDecorationNone,
51699
+ EpTextDecorationUnderline: EpTextDecorationUnderline
51568
51700
  });
51569
51701
 
51570
- var getTokensByType = function (type) {
51702
+ var getTokensByType = function (themeName, type) {
51571
51703
  var defaultTokens = {};
51572
51704
  Object.keys(tokens).forEach(function (colorName) {
51573
- if (colorName.startsWith("Default".concat(type))) {
51574
- var colorKey = colorName.replace("Default".concat(type), '');
51705
+ if (colorName.startsWith("".concat(themeName).concat(type))) {
51706
+ var colorKey = colorName.replace("".concat(themeName).concat(type), '');
51575
51707
  colorKey = colorKey.charAt(0).toLowerCase() + colorKey.slice(1);
51576
51708
  defaultTokens[colorKey] = tokens[colorName];
51577
51709
  }
51578
51710
  });
51579
51711
  return defaultTokens;
51580
51712
  };
51713
+ var getMuiPalette = function (themeName) {
51714
+ var palette = {};
51715
+ Object.keys(tokens).forEach(function (colorName) {
51716
+ if (colorName.startsWith(themeName + 'Colors')) {
51717
+ var colorKey = colorName.replace(themeName + 'Colors', '');
51718
+ colorKey = colorKey.charAt(0).toLowerCase() + colorKey.slice(1);
51719
+ palette[colorKey] = tokens[colorName];
51720
+ }
51721
+ });
51722
+ return palette;
51723
+ };
51724
+ var getFontFamilies = function (themeName) {
51725
+ var designTokens = tokens;
51726
+ var fontFamilies = [];
51727
+ Object.keys(tokens).forEach(function (fontFamily) {
51728
+ if (fontFamily.startsWith(themeName + 'FontFamilies')) {
51729
+ fontFamilies.push(designTokens[fontFamily]);
51730
+ }
51731
+ });
51732
+ return fontFamilies;
51733
+ };
51734
+
51581
51735
  var useThemeTokens = function (themeName) {
51582
- if (themeName === void 0) { themeName = 'default'; }
51583
- var tokens = useMemo(function () {
51736
+ var themeTokens = useMemo(function () {
51584
51737
  return {
51585
- fontSizes: getTokensByType('FontSize'),
51586
- fontWeights: getTokensByType('FontWeights'),
51587
- lineHeights: getTokensByType('LineHeights'),
51588
- colors: getTokensByType('DefaultColors'),
51589
- spacing: getTokensByType('Spacing'),
51590
- sizing: getTokensByType('Sizing')
51738
+ fontSize: getTokensByType(themeName, 'FontSize'),
51739
+ fontWeights: getTokensByType(themeName, 'FontWeights'),
51740
+ lineHeights: getTokensByType(themeName, 'LineHeights'),
51741
+ fontFamilies: getFontFamilies(themeName),
51742
+ letterSpacing: getTokensByType(themeName, 'LetterSpacing'),
51743
+ paragraphSpacing: getTokensByType(themeName, 'ParagraphSpacing'),
51744
+ textCase: getTokensByType(themeName, 'TextCase'),
51745
+ textDecoration: getTokensByType(themeName, 'TextDecoration'),
51746
+ colors: getTokensByType(themeName, 'Colors'),
51747
+ spacing: getTokensByType(themeName, 'Spacing'),
51748
+ sizing: getTokensByType(themeName, 'Sizing')
51591
51749
  };
51592
51750
  }, [themeName]);
51593
- return { themeName: themeName, tokens: tokens };
51751
+ return { tokens: themeTokens };
51594
51752
  };
51595
51753
 
51596
- var palette = {};
51597
- Object.keys(tokens).forEach(function (colorName) {
51598
- if (colorName.startsWith('DefaultDefaultColors')) {
51599
- var colorKey = colorName.replace('DefaultDefaultColors', '');
51600
- colorKey = colorKey.charAt(0).toLowerCase() + colorKey.slice(1);
51601
- palette[colorKey] = tokens[colorName];
51602
- }
51603
- });
51604
- // TODO ne gère pour le moment que le theme default, possibilité de rendre la fonction
51605
- // générique en gérant le theme 'Default'FontSize35
51606
51754
  var useMaterialThemeTokens = function (themeName) {
51607
- if (themeName === void 0) { themeName = 'default'; }
51755
+ var designTokens = tokens;
51608
51756
  var muiTokens = useMemo(function () {
51609
51757
  return {
51610
51758
  typography: {
51759
+ fontFamily: getFontFamilies(themeName).join(','),
51760
+ big_number: {
51761
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51762
+ lineHeight: designTokens["".concat(themeName, "LineHeights49")],
51763
+ fontSize: designTokens["".concat(themeName, "FontSize42")],
51764
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51765
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
51766
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51767
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51768
+ },
51611
51769
  h1: {
51612
- fontSize: DefaultFontSize35,
51613
- lineHeight: DefaultLineHeights41,
51614
- fontWeight: DefaultFontWeightsRoboto700
51770
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51771
+ lineHeight: designTokens["".concat(themeName, "LineHeights41")],
51772
+ fontSize: designTokens["".concat(themeName, "FontSize35")],
51773
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51774
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
51775
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51776
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51615
51777
  },
51616
51778
  h2: {
51617
- fontSize: DefaultFontSize29,
51618
- lineHeight: DefaultLineHeights34,
51619
- fontWeight: DefaultFontWeightsRoboto500
51779
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
51780
+ lineHeight: designTokens["".concat(themeName, "LineHeights34")],
51781
+ fontSize: designTokens["".concat(themeName, "FontSize29")],
51782
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51783
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
51784
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51785
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51620
51786
  },
51621
51787
  h3: {
51622
- fontSize: DefaultFontSize24,
51623
- lineHeight: DefaultLineHeights28,
51624
- fontWeight: DefaultFontWeightsRoboto400
51788
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
51789
+ lineHeight: designTokens["".concat(themeName, "LineHeights28")],
51790
+ fontSize: designTokens["".concat(themeName, "FontSize24")],
51791
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51792
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
51793
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51794
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51795
+ },
51796
+ h4: {
51797
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
51798
+ lineHeight: designTokens["".concat(themeName, "LineHeights21")],
51799
+ fontSize: designTokens["".concat(themeName, "FontSize18")],
51800
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51801
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
51802
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51803
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51804
+ },
51805
+ body1_regular: {
51806
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
51807
+ lineHeight: designTokens["".concat(themeName, "LineHeights18")],
51808
+ fontSize: designTokens["".concat(themeName, "FontSize14")],
51809
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51810
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
51811
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51812
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51625
51813
  },
51626
- subtitle1: {
51627
- fontSize: DefaultFontSize24,
51628
- lineHeight: DefaultLineHeights28,
51629
- fontWeight: DefaultFontWeightsRoboto400
51814
+ body1_medium: {
51815
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
51816
+ lineHeight: designTokens["".concat(themeName, "LineHeights18")],
51817
+ fontSize: designTokens["".concat(themeName, "FontSize14")],
51818
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51819
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
51820
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51821
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51630
51822
  },
51631
- subtitle2: {
51632
- fontSize: DefaultFontSize18,
51633
- lineHeight: DefaultLineHeights21,
51634
- fontWeight: DefaultFontWeightsRoboto500
51823
+ body1_bold: {
51824
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51825
+ lineHeight: designTokens["".concat(themeName, "LineHeights18")],
51826
+ fontSize: designTokens["".concat(themeName, "FontSize14")],
51827
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51828
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
51829
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51830
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51635
51831
  },
51636
- body1: {
51637
- fontSize: DefaultFontSize14,
51638
- lineHeight: DefaultLineHeights18,
51639
- fontWeight: DefaultFontWeightsRoboto400
51832
+ body2_regular: {
51833
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
51834
+ lineHeight: designTokens["".concat(themeName, "LineHeights16")],
51835
+ fontSize: designTokens["".concat(themeName, "FontSize13")],
51836
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51837
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
51838
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51839
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51640
51840
  },
51641
- body2: {
51642
- fontSize: DefaultFontSize12,
51643
- lineHeight: DefaultLineHeights16,
51644
- fontWeight: DefaultFontWeightsRoboto400
51841
+ body2_medium: {
51842
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
51843
+ lineHeight: designTokens["".concat(themeName, "LineHeights16")],
51844
+ fontSize: designTokens["".concat(themeName, "FontSize13")],
51845
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51846
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
51847
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51848
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51849
+ },
51850
+ body2_bold: {
51851
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51852
+ lineHeight: designTokens["".concat(themeName, "LineHeights16")],
51853
+ fontSize: designTokens["".concat(themeName, "FontSize13")],
51854
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51855
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
51856
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51857
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51645
51858
  },
51646
51859
  caption: {
51647
- fontSize: DefaultFontSize10,
51648
- lineHeight: DefaultLineHeights12,
51649
- fontWeight: DefaultFontWeightsRoboto400
51860
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
51861
+ lineHeight: designTokens["".concat(themeName, "LineHeights12")],
51862
+ fontSize: designTokens["".concat(themeName, "FontSize11")],
51863
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51864
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
51865
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51866
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51867
+ },
51868
+ button_notif: {
51869
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51870
+ lineHeight: designTokens["".concat(themeName, "LineHeights18")],
51871
+ fontSize: designTokens["".concat(themeName, "FontSize14")],
51872
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51873
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
51874
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51875
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51650
51876
  },
51651
- fontWeightLight: DefaultFontWeightsRoboto400,
51652
- fontWeightRegular: DefaultFontWeightsRoboto500,
51653
- fontWeightMedium: DefaultFontWeightsRoboto500,
51654
- fontWeightBold: DefaultFontWeightsRoboto700
51877
+ link1: {
51878
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51879
+ lineHeight: designTokens["".concat(themeName, "LineHeights18")],
51880
+ fontSize: designTokens["".concat(themeName, "FontSize14")],
51881
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51882
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
51883
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51884
+ textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
51885
+ },
51886
+ link2: {
51887
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51888
+ lineHeight: designTokens["".concat(themeName, "LineHeights16")],
51889
+ fontSize: designTokens["".concat(themeName, "FontSize13")],
51890
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
51891
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
51892
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
51893
+ textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
51894
+ },
51895
+ fontWeightRegular: designTokens["".concat(themeName, "FontWeightsRoboto400")],
51896
+ fontWeightMedium: designTokens["".concat(themeName, "FontWeightsRoboto500")],
51897
+ fontWeightBold: designTokens["".concat(themeName, "FontWeightsRoboto700")]
51898
+ },
51899
+ breakpoints: {
51900
+ values: {
51901
+ xs: 0,
51902
+ sm: 600,
51903
+ md: 900,
51904
+ lg: 1200,
51905
+ xl: 1536
51906
+ }
51907
+ },
51908
+ zIndex: {
51909
+ mobileStepper: 1000,
51910
+ fab: 1050,
51911
+ speedDial: 1050,
51912
+ appBar: 1100,
51913
+ drawer: 1200,
51914
+ modal: 1300,
51915
+ snackbar: 1400,
51916
+ tooltip: 1500
51655
51917
  },
51656
- palette: palette
51918
+ spacing: designTokens["".concat(themeName, "SpacingXxs")],
51919
+ palette: getMuiPalette(themeName)
51657
51920
  };
51658
51921
  }, [tokens, themeName]);
51659
51922
  return { muiTokens: muiTokens };
@@ -51755,7 +52018,7 @@ var IconProvider = function (_a) {
51755
52018
 
51756
52019
  var DesignSystemContext = createContext({
51757
52020
  isDarkTheme: false,
51758
- themeName: 'default',
52021
+ themeName: 'Default',
51759
52022
  toggleDarkTheme: function () { }
51760
52023
  });
51761
52024
  var MaterialThemeProvider = function (_a) {
@@ -51766,7 +52029,7 @@ var MaterialThemeProvider = function (_a) {
51766
52029
  return jsx(ThemeProvider, __assign({ theme: theme }, { children: children }));
51767
52030
  };
51768
52031
  var DesignSystemProvider = function (_a) {
51769
- var children = _a.children, _b = _a.name, themeName = _b === void 0 ? 'default' : _b;
52032
+ var children = _a.children, _b = _a.name, themeName = _b === void 0 ? 'Default' : _b;
51770
52033
  var _c = useState(false), isDarkTheme = _c[0], setIsDarkTheme = _c[1];
51771
52034
  var toggleDarkTheme = function () {
51772
52035
  setIsDarkTheme(!isDarkTheme);
@@ -51774,5 +52037,5 @@ var DesignSystemProvider = function (_a) {
51774
52037
  return (jsx(DesignSystemContext.Provider, __assign({ value: { isDarkTheme: isDarkTheme, themeName: themeName, toggleDarkTheme: toggleDarkTheme } }, { children: jsx(MaterialThemeProvider, { children: children }) })));
51775
52038
  };
51776
52039
 
51777
- export { ActAccordion, ActButton, Checkbox as ActCheckbox, ActHeading, ActText, DesignSystemContext, DesignSystemProvider, IconProvider, TextField };
52040
+ export { ActAccordion as Accordion, ActButton as Button, Checkbox, DesignSystemContext, DesignSystemProvider, ActHeading as Heading, IconProvider, ActText as Link, ActText$1 as Text, TextField };
51778
52041
  //# sourceMappingURL=index.js.map