@groupeactual/ui-kit 0.4.9 → 0.4.11

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.
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { TypographyProps } from '@mui/material';
3
3
  interface Props extends Omit<TypographyProps, 'variant'> {
4
- variant?: 'big_number' | 'body1_regular' | 'body1_medium' | 'body1_bold' | 'body2_regular' | 'body2_medium' | 'body2_bold' | 'caption' | 'button_notif' | 'h1' | 'h2' | 'h3' | 'h4';
4
+ variant?: 'bigNumber' | 'body1Regular' | 'body1Medium' | 'body1Bold' | 'body2Regular' | 'body2Medium' | 'body2Bold' | 'caption' | 'buttonNotif' | 'header1' | 'header2' | 'header3' | 'header4';
5
5
  component?: any;
6
6
  }
7
7
  declare const Text: (props: Props) => JSX.Element;
package/dist/cjs/index.js CHANGED
@@ -50618,7 +50618,7 @@ var __assign = function() {
50618
50618
 
50619
50619
  /**
50620
50620
  * Do not edit directly
50621
- * Generated on Thu, 08 Dec 2022 17:56:08 GMT
50621
+ * Generated on Thu, 23 Feb 2023 15:24:19 GMT
50622
50622
  */
50623
50623
  var DefaultWebShadowAllContent = { "color": "#2727271f", "type": "dropShadow", "x": "0", "y": "2", "blur": "10", "spread": "0" };
50624
50624
  var DefaultSpacingXxs = "4";
@@ -50639,37 +50639,6 @@ var DefaultSizingLg = "24";
50639
50639
  var DefaultSizingXl = "32";
50640
50640
  var DefaultSizingXxl = "40";
50641
50641
  var DefaultSizingXxxl = "72";
50642
- var DefaultColorsRedActual = "#e40521";
50643
- var DefaultColorsBlueClickable = "#136cac";
50644
- var DefaultColorsBlueHoverClickable = "#004f88";
50645
- var DefaultColorsGreyMediumInactive = "#808080";
50646
- var DefaultColorsGreyXDark = "#272727";
50647
- var DefaultColorsGreyDark = "#545352";
50648
- var DefaultColorsWhite = "#ffffff";
50649
- var DefaultColorsGreyXLight = "#f0f0f0";
50650
- var DefaultColorsGreyXDarkBgModal = "#27272780";
50651
- var DefaultColorsBlueHoverEquivalence12 = "#e8f1f7";
50652
- var DefaultColorsBlueHoverOpacity12 = "#136cac1f";
50653
- var DefaultColorsGreyLightDefaultborder = "#cbcbcb";
50654
- var DefaultColorsBlueInfo = "#1d91c3";
50655
- var DefaultColorsGreenSuccess = "#23956d";
50656
- var DefaultColorsOrangeWarning = "#e46221";
50657
- var DefaultColorsRedError = "#b80025";
50658
- var DefaultColorsBlueDark = "#0d2c54";
50659
- var DefaultColorsBlueMedium = "#3d5a80";
50660
- var DefaultColorsBlueLight = "#7fdcea";
50661
- var DefaultColorsGreenDark = "#125e42";
50662
- var DefaultColorsGreenMedium = "#1f8461";
50663
- var DefaultColorsGreen = "#5dca8b";
50664
- var DefaultColorsGreenLight = "#bad07a";
50665
- var DefaultColorsBrown = "#6f2902";
50666
- var DefaultColorsBrownLight = "#b65700";
50667
- var DefaultColorsOrangeLight = "#f59b00";
50668
- var DefaultColorsYellow = "#f9d25e";
50669
- var DefaultColorsPurpleDark = "#530d48";
50670
- var DefaultColorsPurple = "#831443";
50671
- var DefaultColorsPink = "#ca1e5c";
50672
- var DefaultColorsPinkLight = "#fd6972";
50673
50642
  var DefaultFontFamiliesRoboto = "Roboto";
50674
50643
  var DefaultLineHeights12 = "12";
50675
50644
  var DefaultLineHeights16 = "16";
@@ -50697,6 +50666,37 @@ var DefaultParagraphSpacing8 = "8";
50697
50666
  var DefaultTextCaseNone = "none";
50698
50667
  var DefaultTextDecorationNone = "none";
50699
50668
  var DefaultTextDecorationUnderline = "underline";
50669
+ var DefaultDefaultColorsRedActual = "#e40521";
50670
+ var DefaultDefaultColorsBlueClickable = "#136cac";
50671
+ var DefaultDefaultColorsBlueHoverClickable = "#004f88";
50672
+ var DefaultDefaultColorsGreyMediumInactive = "#808080";
50673
+ var DefaultDefaultColorsTextColorsGreyXDark = "#272727";
50674
+ var DefaultDefaultColorsTextColorsGreyDark = "#545352";
50675
+ var DefaultDefaultColorsBackgroundColorsWhite = "#ffffff";
50676
+ var DefaultDefaultColorsBackgroundColorsGreyXLight = "#f0f0f0";
50677
+ var DefaultDefaultColorsBackgroundColorsGreyXDarkBgModal = "#27272780";
50678
+ var DefaultDefaultColorsBackgroundColorsBlueHoverEquivalence = "#e8f1f7";
50679
+ var DefaultDefaultColorsBackgroundColorsBlueHoverOpacity12 = "#136cac1f";
50680
+ var DefaultDefaultColorsBorderColorsGreyLightDefaultBorder = "#cbcbcb";
50681
+ var DefaultDefaultColorsNotificationColorsBlueInfo = "#1d91c3";
50682
+ var DefaultDefaultColorsNotificationColorsGreenSuccess = "#23956d";
50683
+ var DefaultDefaultColorsNotificationColorsOrangeWarning = "#e46221";
50684
+ var DefaultDefaultColorsNotificationColorsRedError = "#b80025";
50685
+ var DefaultDefaultColorsSecondaryColorsBlueDark = "#0d2c54";
50686
+ var DefaultDefaultColorsSecondaryColorsBlueMedium = "#3d5a80";
50687
+ var DefaultDefaultColorsSecondaryColorsBlueLight = "#7fdcea";
50688
+ var DefaultDefaultColorsSecondaryColorsGreenDark = "#125e42";
50689
+ var DefaultDefaultColorsSecondaryColorsGreenMedium = "#1f8461";
50690
+ var DefaultDefaultColorsSecondaryColorsGreen = "#5dca8b";
50691
+ var DefaultDefaultColorsSecondaryColorsGreenLight = "#bad07a";
50692
+ var DefaultDefaultColorsSecondaryColorsBrown = "#6f2902";
50693
+ var DefaultDefaultColorsSecondaryColorsBrownLight = "#b65700";
50694
+ var DefaultDefaultColorsSecondaryColorsOrangeLight = "#f59b00";
50695
+ var DefaultDefaultColorsSecondaryColorsYellow = "#f9d25e";
50696
+ var DefaultDefaultColorsSecondaryColorsPurpleDark = "#530d48";
50697
+ var DefaultDefaultColorsSecondaryColorsPurple = "#831443";
50698
+ var DefaultDefaultColorsSecondaryColorsPink = "#ca1e5c";
50699
+ var DefaultDefaultColorsSecondaryColorsPinkLight = "#fd6972";
50700
50700
  var EpAppShadowAllContent = { "color": "#dedada66", "type": "dropShadow", "x": "0", "y": "4", "blur": "15", "spread": "0" };
50701
50701
  var EpAppShadowButtomMenu = { "color": "#dedada66", "type": "dropShadow", "x": "0", "y": "-4", "blur": "15", "spread": "0" };
50702
50702
  var EpBorderRadius4 = "4";
@@ -50784,37 +50784,6 @@ var tokens = /*#__PURE__*/Object.freeze({
50784
50784
  DefaultSizingXl: DefaultSizingXl,
50785
50785
  DefaultSizingXxl: DefaultSizingXxl,
50786
50786
  DefaultSizingXxxl: DefaultSizingXxxl,
50787
- DefaultColorsRedActual: DefaultColorsRedActual,
50788
- DefaultColorsBlueClickable: DefaultColorsBlueClickable,
50789
- DefaultColorsBlueHoverClickable: DefaultColorsBlueHoverClickable,
50790
- DefaultColorsGreyMediumInactive: DefaultColorsGreyMediumInactive,
50791
- DefaultColorsGreyXDark: DefaultColorsGreyXDark,
50792
- DefaultColorsGreyDark: DefaultColorsGreyDark,
50793
- DefaultColorsWhite: DefaultColorsWhite,
50794
- DefaultColorsGreyXLight: DefaultColorsGreyXLight,
50795
- DefaultColorsGreyXDarkBgModal: DefaultColorsGreyXDarkBgModal,
50796
- DefaultColorsBlueHoverEquivalence12: DefaultColorsBlueHoverEquivalence12,
50797
- DefaultColorsBlueHoverOpacity12: DefaultColorsBlueHoverOpacity12,
50798
- DefaultColorsGreyLightDefaultborder: DefaultColorsGreyLightDefaultborder,
50799
- DefaultColorsBlueInfo: DefaultColorsBlueInfo,
50800
- DefaultColorsGreenSuccess: DefaultColorsGreenSuccess,
50801
- DefaultColorsOrangeWarning: DefaultColorsOrangeWarning,
50802
- DefaultColorsRedError: DefaultColorsRedError,
50803
- DefaultColorsBlueDark: DefaultColorsBlueDark,
50804
- DefaultColorsBlueMedium: DefaultColorsBlueMedium,
50805
- DefaultColorsBlueLight: DefaultColorsBlueLight,
50806
- DefaultColorsGreenDark: DefaultColorsGreenDark,
50807
- DefaultColorsGreenMedium: DefaultColorsGreenMedium,
50808
- DefaultColorsGreen: DefaultColorsGreen,
50809
- DefaultColorsGreenLight: DefaultColorsGreenLight,
50810
- DefaultColorsBrown: DefaultColorsBrown,
50811
- DefaultColorsBrownLight: DefaultColorsBrownLight,
50812
- DefaultColorsOrangeLight: DefaultColorsOrangeLight,
50813
- DefaultColorsYellow: DefaultColorsYellow,
50814
- DefaultColorsPurpleDark: DefaultColorsPurpleDark,
50815
- DefaultColorsPurple: DefaultColorsPurple,
50816
- DefaultColorsPink: DefaultColorsPink,
50817
- DefaultColorsPinkLight: DefaultColorsPinkLight,
50818
50787
  DefaultFontFamiliesRoboto: DefaultFontFamiliesRoboto,
50819
50788
  DefaultLineHeights12: DefaultLineHeights12,
50820
50789
  DefaultLineHeights16: DefaultLineHeights16,
@@ -50842,6 +50811,37 @@ var tokens = /*#__PURE__*/Object.freeze({
50842
50811
  DefaultTextCaseNone: DefaultTextCaseNone,
50843
50812
  DefaultTextDecorationNone: DefaultTextDecorationNone,
50844
50813
  DefaultTextDecorationUnderline: DefaultTextDecorationUnderline,
50814
+ DefaultDefaultColorsRedActual: DefaultDefaultColorsRedActual,
50815
+ DefaultDefaultColorsBlueClickable: DefaultDefaultColorsBlueClickable,
50816
+ DefaultDefaultColorsBlueHoverClickable: DefaultDefaultColorsBlueHoverClickable,
50817
+ DefaultDefaultColorsGreyMediumInactive: DefaultDefaultColorsGreyMediumInactive,
50818
+ DefaultDefaultColorsTextColorsGreyXDark: DefaultDefaultColorsTextColorsGreyXDark,
50819
+ DefaultDefaultColorsTextColorsGreyDark: DefaultDefaultColorsTextColorsGreyDark,
50820
+ DefaultDefaultColorsBackgroundColorsWhite: DefaultDefaultColorsBackgroundColorsWhite,
50821
+ DefaultDefaultColorsBackgroundColorsGreyXLight: DefaultDefaultColorsBackgroundColorsGreyXLight,
50822
+ DefaultDefaultColorsBackgroundColorsGreyXDarkBgModal: DefaultDefaultColorsBackgroundColorsGreyXDarkBgModal,
50823
+ DefaultDefaultColorsBackgroundColorsBlueHoverEquivalence: DefaultDefaultColorsBackgroundColorsBlueHoverEquivalence,
50824
+ DefaultDefaultColorsBackgroundColorsBlueHoverOpacity12: DefaultDefaultColorsBackgroundColorsBlueHoverOpacity12,
50825
+ DefaultDefaultColorsBorderColorsGreyLightDefaultBorder: DefaultDefaultColorsBorderColorsGreyLightDefaultBorder,
50826
+ DefaultDefaultColorsNotificationColorsBlueInfo: DefaultDefaultColorsNotificationColorsBlueInfo,
50827
+ DefaultDefaultColorsNotificationColorsGreenSuccess: DefaultDefaultColorsNotificationColorsGreenSuccess,
50828
+ DefaultDefaultColorsNotificationColorsOrangeWarning: DefaultDefaultColorsNotificationColorsOrangeWarning,
50829
+ DefaultDefaultColorsNotificationColorsRedError: DefaultDefaultColorsNotificationColorsRedError,
50830
+ DefaultDefaultColorsSecondaryColorsBlueDark: DefaultDefaultColorsSecondaryColorsBlueDark,
50831
+ DefaultDefaultColorsSecondaryColorsBlueMedium: DefaultDefaultColorsSecondaryColorsBlueMedium,
50832
+ DefaultDefaultColorsSecondaryColorsBlueLight: DefaultDefaultColorsSecondaryColorsBlueLight,
50833
+ DefaultDefaultColorsSecondaryColorsGreenDark: DefaultDefaultColorsSecondaryColorsGreenDark,
50834
+ DefaultDefaultColorsSecondaryColorsGreenMedium: DefaultDefaultColorsSecondaryColorsGreenMedium,
50835
+ DefaultDefaultColorsSecondaryColorsGreen: DefaultDefaultColorsSecondaryColorsGreen,
50836
+ DefaultDefaultColorsSecondaryColorsGreenLight: DefaultDefaultColorsSecondaryColorsGreenLight,
50837
+ DefaultDefaultColorsSecondaryColorsBrown: DefaultDefaultColorsSecondaryColorsBrown,
50838
+ DefaultDefaultColorsSecondaryColorsBrownLight: DefaultDefaultColorsSecondaryColorsBrownLight,
50839
+ DefaultDefaultColorsSecondaryColorsOrangeLight: DefaultDefaultColorsSecondaryColorsOrangeLight,
50840
+ DefaultDefaultColorsSecondaryColorsYellow: DefaultDefaultColorsSecondaryColorsYellow,
50841
+ DefaultDefaultColorsSecondaryColorsPurpleDark: DefaultDefaultColorsSecondaryColorsPurpleDark,
50842
+ DefaultDefaultColorsSecondaryColorsPurple: DefaultDefaultColorsSecondaryColorsPurple,
50843
+ DefaultDefaultColorsSecondaryColorsPink: DefaultDefaultColorsSecondaryColorsPink,
50844
+ DefaultDefaultColorsSecondaryColorsPinkLight: DefaultDefaultColorsSecondaryColorsPinkLight,
50845
50845
  EpAppShadowAllContent: EpAppShadowAllContent,
50846
50846
  EpAppShadowButtomMenu: EpAppShadowButtomMenu,
50847
50847
  EpBorderRadius4: EpBorderRadius4,
@@ -50911,21 +50911,24 @@ var tokens = /*#__PURE__*/Object.freeze({
50911
50911
  var getMuiPalette = function (themeName) {
50912
50912
  var palette = {};
50913
50913
  Object.keys(tokens).forEach(function (colorName) {
50914
- if (colorName.startsWith(themeName + 'Colors')) {
50915
- var colorKey = colorName.replace(themeName + 'Colors', '');
50914
+ // color structure :
50915
+ // DefaultDefaultColorsBackgroundColorsGreyXLight : Default/DefaultColorsBackgroundColors/GreyXLight -> Theme/Catégorie/Couleur
50916
+ // récupérer last iteration of "Colors" pour avoir le nom de la couleur
50917
+ if (colorName.startsWith(themeName) && colorName.indexOf('Colors')) {
50918
+ var colorKey = colorName.substring(colorName.lastIndexOf('Colors') + 'Colors'.length);
50916
50919
  colorKey = colorKey.charAt(0).toLowerCase() + colorKey.slice(1);
50917
50920
  palette[colorKey] = tokens[colorName];
50918
50921
  }
50919
50922
  });
50920
50923
  var defaultPalette = {
50921
50924
  success: {
50922
- main: tokens[themeName + 'ColorsGreenSuccess']
50925
+ main: palette['greenSuccess']
50923
50926
  },
50924
50927
  error: {
50925
- main: tokens[themeName + 'ColorsRedError']
50928
+ main: palette['redError']
50926
50929
  },
50927
50930
  warning: {
50928
- main: tokens[themeName + 'ColorsOrangeWarning']
50931
+ main: palette['orangeWarning']
50929
50932
  }
50930
50933
  };
50931
50934
  return __assign(__assign({}, palette), defaultPalette);
@@ -51078,7 +51081,7 @@ var useMaterialThemeTokens = function (themeName) {
51078
51081
  var muiTokensObject = {
51079
51082
  typography: {
51080
51083
  fontFamily: getFontFamilies(themeName).join(','),
51081
- big_number: {
51084
+ bigNumber: {
51082
51085
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51083
51086
  lineHeight: designTokens["".concat(themeName, "LineHeights49")] + 'px',
51084
51087
  fontSize: designTokens["".concat(themeName, "FontSize42")] + 'px',
@@ -51087,7 +51090,7 @@ var useMaterialThemeTokens = function (themeName) {
51087
51090
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51088
51091
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51089
51092
  },
51090
- h1: {
51093
+ header1: {
51091
51094
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51092
51095
  lineHeight: designTokens["".concat(themeName, "LineHeights41")] + 'px',
51093
51096
  fontSize: designTokens["".concat(themeName, "FontSize35")] + 'px',
@@ -51096,7 +51099,7 @@ var useMaterialThemeTokens = function (themeName) {
51096
51099
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51097
51100
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51098
51101
  },
51099
- h2: {
51102
+ header2: {
51100
51103
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
51101
51104
  lineHeight: designTokens["".concat(themeName, "LineHeights34")] + 'px',
51102
51105
  fontSize: designTokens["".concat(themeName, "FontSize29")] + 'px',
@@ -51105,7 +51108,7 @@ var useMaterialThemeTokens = function (themeName) {
51105
51108
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51106
51109
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51107
51110
  },
51108
- h3: {
51111
+ header3: {
51109
51112
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
51110
51113
  lineHeight: designTokens["".concat(themeName, "LineHeights28")] + 'px',
51111
51114
  fontSize: designTokens["".concat(themeName, "FontSize24")] + 'px',
@@ -51114,7 +51117,7 @@ var useMaterialThemeTokens = function (themeName) {
51114
51117
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51115
51118
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51116
51119
  },
51117
- h4: {
51120
+ header4: {
51118
51121
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
51119
51122
  lineHeight: designTokens["".concat(themeName, "LineHeights21")] + 'px',
51120
51123
  fontSize: designTokens["".concat(themeName, "FontSize18")] + 'px',
@@ -51123,7 +51126,7 @@ var useMaterialThemeTokens = function (themeName) {
51123
51126
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51124
51127
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51125
51128
  },
51126
- body1_regular: {
51129
+ body1Regular: {
51127
51130
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
51128
51131
  lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
51129
51132
  fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
@@ -51132,7 +51135,7 @@ var useMaterialThemeTokens = function (themeName) {
51132
51135
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51133
51136
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51134
51137
  },
51135
- body1_medium: {
51138
+ body1Medium: {
51136
51139
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
51137
51140
  lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
51138
51141
  fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
@@ -51141,7 +51144,7 @@ var useMaterialThemeTokens = function (themeName) {
51141
51144
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51142
51145
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51143
51146
  },
51144
- body1_bold: {
51147
+ body1Bold: {
51145
51148
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51146
51149
  lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
51147
51150
  fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
@@ -51150,7 +51153,7 @@ var useMaterialThemeTokens = function (themeName) {
51150
51153
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51151
51154
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51152
51155
  },
51153
- body2_regular: {
51156
+ body2Regular: {
51154
51157
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
51155
51158
  lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
51156
51159
  fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
@@ -51159,7 +51162,7 @@ var useMaterialThemeTokens = function (themeName) {
51159
51162
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51160
51163
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51161
51164
  },
51162
- body2_medium: {
51165
+ body2Medium: {
51163
51166
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
51164
51167
  lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
51165
51168
  fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
@@ -51168,7 +51171,7 @@ var useMaterialThemeTokens = function (themeName) {
51168
51171
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51169
51172
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51170
51173
  },
51171
- body2_bold: {
51174
+ body2Bold: {
51172
51175
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51173
51176
  lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
51174
51177
  fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
@@ -51186,7 +51189,7 @@ var useMaterialThemeTokens = function (themeName) {
51186
51189
  textCase: designTokens["".concat(themeName, "TextCaseNone")],
51187
51190
  textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
51188
51191
  },
51189
- button_notif: {
51192
+ buttonNotif: {
51190
51193
  fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
51191
51194
  lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
51192
51195
  fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',