@groupeactual/ui-kit 0.2.7 → 0.2.9

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