@groupeactual/ui-kit 0.4.23 → 0.4.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/cjs/index.js +109 -111
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +109 -111
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/Form/TextField/TextField.tsx +1 -0
  7. package/src/components/Pagination/Pagination.tsx +7 -1
package/dist/esm/index.js CHANGED
@@ -52145,7 +52145,7 @@ var TextField = function (_a) {
52145
52145
  setInternalValue(value);
52146
52146
  }
52147
52147
  }, [value]);
52148
- return (jsx(MuiTextField, __assign$1({ id: label === placeholder ? 'text-field-mui' : 'test-field-ds', variant: "outlined", name: name, label: label, value: internalValue, placeholder: label === placeholder ? undefined : placeholder, FormHelperTextProps: { component: 'div' }, InputLabelProps: { shrink: label === placeholder ? undefined : true }, onClick: function (e) { return e.stopPropagation(); }, onChange: function (e) {
52148
+ return (jsx(MuiTextField, __assign$1({ id: label === placeholder ? 'text-field-mui' : 'test-field-ds', className: "DsTextField", variant: "outlined", name: name, label: label, value: internalValue, placeholder: label === placeholder ? undefined : placeholder, FormHelperTextProps: { component: 'div' }, InputLabelProps: { shrink: label === placeholder ? undefined : true }, onClick: function (e) { return e.stopPropagation(); }, onChange: function (e) {
52149
52149
  setInternalValue(e.currentTarget.value);
52150
52150
  if (onChange) {
52151
52151
  onChange(e);
@@ -52295,7 +52295,13 @@ var Pagination = function (_a) {
52295
52295
  setInternalLimit(limit);
52296
52296
  }
52297
52297
  }, [limit]);
52298
- return (jsxs(Fragment$1, { children: [jsxs(Box$1, __assign$1({ display: "flex" }, { children: [jsx(Text, __assign$1({ color: "greyXDark", variant: "body1Bold", pt: "10px", pr: "16px" }, { children: totalString })), totalPages > 1 && (jsxs(Fragment$1, { children: [jsx(Divider$1, { orientation: "vertical", sx: { marginRight: '16px', color: 'greyXLight' } }), jsx(Select$1, __assign$1({ sx: { height: '32px', width: '65px' }, labelId: "select-label", id: "dac-select-label", value: internalLimit, onChange: function (event) {
52298
+ return (jsxs(Fragment$1, { children: [jsxs(Box$1, __assign$1({ display: "flex" }, { children: [jsx(Text, __assign$1({ color: "greyXDark", variant: "body1Bold", pt: "10px", pr: "16px" }, { children: totalString })), totalPages > 1 && (jsxs(Fragment$1, { children: [jsx(Divider$1, { orientation: "vertical", sx: { marginRight: '16px', color: 'greyXLight' } }), jsx(Select$1, __assign$1({ sx: {
52299
+ //@TODO replace by Select from ui-kit when ready
52300
+ height: '32px',
52301
+ width: '75px',
52302
+ fontSize: '14px',
52303
+ fontWeight: 400
52304
+ }, labelId: "select-label", id: "dac-select-label", value: internalLimit, onChange: function (event) {
52299
52305
  var _a, _b;
52300
52306
  setInternalLimit(Number((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value));
52301
52307
  setLimit && setLimit(Number((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.value));
@@ -52675,122 +52681,114 @@ var getFontFamilies = function (themeName) {
52675
52681
  /* eslint-disable @typescript-eslint/restrict-plus-operands */
52676
52682
  var TextFieldCss = function (muiTokens) {
52677
52683
  return {
52678
- MuiFormHelperText: {
52684
+ MuiTextField: {
52679
52685
  styleOverrides: {
52680
- '@font-face': {
52681
- fontFamily: 'Roboto'
52682
- },
52683
52686
  root: {
52684
- fontWeight: 400,
52685
- fontSize: '11px',
52686
- marginLeft: '8px',
52687
- marginRight: '8px',
52688
- marginTop: '5px',
52689
- lineHeight: '12px',
52690
- color: muiTokens.palette.greyDark,
52691
- '&.Mui-error': {
52692
- color: muiTokens.palette.redError
52693
- }
52694
- }
52695
- }
52696
- },
52697
- MuiOutlinedInput: {
52698
- defaultProps: {},
52699
- styleOverrides: {
52700
- input: {
52701
- fontSize: '14px',
52702
- lineHeight: '18px',
52703
- fontWeight: 400,
52704
- padding: '12px 14px !important',
52705
- height: '20px',
52706
- color: muiTokens.palette.greyXDark,
52707
- '&::placeholder': {
52708
- color: "".concat(muiTokens.palette.greyDark, " !important"),
52709
- opacity: 1 + ' !important',
52710
- fontWeight: 400,
52711
- lineHeight: '18px',
52712
- fontSize: '14px'
52713
- },
52714
- '&.Mui-disabled': {
52715
- backgroundColor: muiTokens.palette.greyXLight,
52716
- color: muiTokens.palette.greyDark,
52717
- borderColor: muiTokens.palette.greyLightDefaultborder,
52718
- WebkitTextFillColor: muiTokens.palette.greyDark
52719
- },
52720
- '&#text-field-mui': {
52721
- fontSize: '14px',
52722
- lineHeight: '18px',
52723
- fontWeight: 400,
52724
- padding: '12px 14px !important',
52725
- height: '20px',
52726
- color: muiTokens.palette.greyXDark,
52727
- '&::placeholder': {
52728
- color: "".concat(muiTokens.palette.greyDark, " !important"),
52729
- opacity: 1 + ' !important',
52687
+ '&.DsTextField': {
52688
+ '.MuiFormHelperText-root': {
52730
52689
  fontWeight: 400,
52690
+ fontSize: '11px',
52691
+ marginLeft: '8px',
52692
+ marginRight: '8px',
52693
+ marginTop: '5px',
52694
+ lineHeight: '12px',
52695
+ color: muiTokens.palette.greyDark,
52696
+ '&.Mui-error': {
52697
+ color: muiTokens.palette.redError
52698
+ }
52699
+ },
52700
+ '.MuiOutlinedInput-input': {
52701
+ fontSize: '14px',
52731
52702
  lineHeight: '18px',
52732
- fontSize: '14px'
52703
+ fontWeight: 400,
52704
+ padding: '12px 14px !important',
52705
+ height: '20px',
52706
+ color: muiTokens.palette.greyXDark,
52707
+ '&::placeholder': {
52708
+ color: "".concat(muiTokens.palette.greyDark, " !important"),
52709
+ opacity: 1 + ' !important',
52710
+ fontWeight: 400,
52711
+ lineHeight: '18px',
52712
+ fontSize: '14px'
52713
+ },
52714
+ '&.Mui-disabled': {
52715
+ backgroundColor: muiTokens.palette.greyXLight,
52716
+ color: muiTokens.palette.greyDark,
52717
+ borderColor: muiTokens.palette.greyLightDefaultborder,
52718
+ WebkitTextFillColor: muiTokens.palette.greyDark
52719
+ },
52720
+ '&#text-field-mui': {
52721
+ fontSize: '14px',
52722
+ lineHeight: '18px',
52723
+ fontWeight: 400,
52724
+ padding: '12px 14px !important',
52725
+ height: '20px',
52726
+ color: muiTokens.palette.greyXDark,
52727
+ '&::placeholder': {
52728
+ color: "".concat(muiTokens.palette.greyDark, " !important"),
52729
+ opacity: 1 + ' !important',
52730
+ fontWeight: 400,
52731
+ lineHeight: '18px',
52732
+ fontSize: '14px'
52733
+ },
52734
+ '&.Mui-disabled': {
52735
+ backgroundColor: muiTokens.palette.greyXLight,
52736
+ color: muiTokens.palette.greyDark,
52737
+ borderColor: muiTokens.palette.greyLightDefaultborder,
52738
+ WebkitTextFillColor: muiTokens.palette.greyDark
52739
+ }
52740
+ }
52733
52741
  },
52734
- '&.Mui-disabled': {
52735
- backgroundColor: muiTokens.palette.greyXLight,
52736
- color: muiTokens.palette.greyDark,
52737
- borderColor: muiTokens.palette.greyLightDefaultborder,
52738
- WebkitTextFillColor: muiTokens.palette.greyDark
52739
- }
52740
- }
52741
- },
52742
- notchedOutline: {
52743
- fontSize: '16px'
52744
- },
52745
- root: {
52746
- padding: '0px !important',
52747
- '&.Mui-error.MuiOutlinedInput-notchedOutline': {
52748
- borderColor: muiTokens.palette.redError
52749
- },
52750
- '&.Mui-focused.MuiOutlinedInput-notchedOutline': {
52751
- borderColor: muiTokens.palette.blueClickable
52752
- },
52753
- '&.Mui-hover.MuiOutlinedInput-notchedOutline': {
52754
- borderColor: muiTokens.palette.greyDark
52755
- },
52756
- '.MuiSvgIcon-root': {
52757
- marginLeft: '-22px'
52758
- }
52759
- }
52760
- }
52761
- },
52762
- MuiInputLabel: {
52763
- styleOverrides: {
52764
- root: {
52765
- fontWeight: 500,
52766
- '&#text-field-mui-label': {
52767
- fontSize: '14px',
52768
- lineHeight: '18px',
52769
- height: '16px',
52770
- color: "".concat(muiTokens.palette.greyDark, " !important"),
52771
- fontWeight: 400,
52772
- marginTop: '-3px',
52773
- '&.Mui-disabled': {
52774
- color: muiTokens.palette.greyDark
52742
+ '.MuiOutlinedInput-notchedOutline': {
52743
+ fontSize: '16px'
52744
+ },
52745
+ '.MuiOutlinedInput-root': {
52746
+ padding: '0px !important',
52747
+ '&.Mui-error.MuiOutlinedInput-notchedOutline': {
52748
+ borderColor: muiTokens.palette.redError
52749
+ },
52750
+ '&.Mui-focused.MuiOutlinedInput-notchedOutline': {
52751
+ borderColor: muiTokens.palette.blueClickable
52752
+ },
52753
+ '&.Mui-hover.MuiOutlinedInput-notchedOutline': {
52754
+ borderColor: muiTokens.palette.greyDark
52755
+ },
52756
+ '.MuiSvgIcon-root': {
52757
+ marginLeft: '-22px'
52758
+ }
52775
52759
  },
52776
- '&.Mui-focused': {
52777
- lineHeight: '16px',
52760
+ '.MuiInputLabel-root': {
52778
52761
  fontWeight: 500,
52779
- fontSize: '16px',
52780
- marginTop: 0,
52781
- color: "".concat(muiTokens.palette.blueClickable, " !important"),
52782
- transform: 'translate(14px, -7px) scale(0.75)'
52783
- }
52784
- },
52785
- '&#text-field-ds-label': {
52786
- fontSize: '16px',
52787
- lineHeight: '16px',
52788
- height: '16px',
52789
- fontWeight: 500,
52790
- transform: 'translate(14px, -7px) scale(0.75)',
52791
- color: muiTokens.palette.greyXDark,
52792
- '&.Mui-disabled': {
52793
- color: muiTokens.palette.greyDark
52762
+ '&#text-field-mui-label': {
52763
+ fontSize: '14px',
52764
+ lineHeight: '18px',
52765
+ height: '16px',
52766
+ color: "".concat(muiTokens.palette.greyDark, " !important"),
52767
+ fontWeight: 400,
52768
+ marginTop: '-3px',
52769
+ '&.Mui-disabled': {
52770
+ color: muiTokens.palette.greyDark
52771
+ },
52772
+ '&.Mui-focused': {
52773
+ lineHeight: '16px',
52774
+ fontWeight: 500,
52775
+ fontSize: '16px',
52776
+ marginTop: 0,
52777
+ color: "".concat(muiTokens.palette.blueClickable, " !important"),
52778
+ transform: 'translate(14px, -7px) scale(0.75)'
52779
+ }
52780
+ },
52781
+ '&#text-field-ds-label': {
52782
+ fontSize: '16px',
52783
+ lineHeight: '16px',
52784
+ height: '16px',
52785
+ fontWeight: 500,
52786
+ transform: 'translate(14px, -7px) scale(0.75)',
52787
+ color: muiTokens.palette.greyXDark,
52788
+ '&.Mui-disabled': {
52789
+ color: muiTokens.palette.greyDark
52790
+ }
52791
+ }
52794
52792
  }
52795
52793
  }
52796
52794
  }