@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/cjs/index.js CHANGED
@@ -52171,7 +52171,7 @@ var TextField = function (_a) {
52171
52171
  setInternalValue(value);
52172
52172
  }
52173
52173
  }, [value]);
52174
- return (jsxRuntime.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) {
52174
+ return (jsxRuntime.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) {
52175
52175
  setInternalValue(e.currentTarget.value);
52176
52176
  if (onChange) {
52177
52177
  onChange(e);
@@ -52321,7 +52321,13 @@ var Pagination = function (_a) {
52321
52321
  setInternalLimit(limit);
52322
52322
  }
52323
52323
  }, [limit]);
52324
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Box$1, __assign$1({ display: "flex" }, { children: [jsxRuntime.jsx(Text, __assign$1({ color: "greyXDark", variant: "body1Bold", pt: "10px", pr: "16px" }, { children: totalString })), totalPages > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Divider$1, { orientation: "vertical", sx: { marginRight: '16px', color: 'greyXLight' } }), jsxRuntime.jsx(Select$1, __assign$1({ sx: { height: '32px', width: '65px' }, labelId: "select-label", id: "dac-select-label", value: internalLimit, onChange: function (event) {
52324
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Box$1, __assign$1({ display: "flex" }, { children: [jsxRuntime.jsx(Text, __assign$1({ color: "greyXDark", variant: "body1Bold", pt: "10px", pr: "16px" }, { children: totalString })), totalPages > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Divider$1, { orientation: "vertical", sx: { marginRight: '16px', color: 'greyXLight' } }), jsxRuntime.jsx(Select$1, __assign$1({ sx: {
52325
+ //@TODO replace by Select from ui-kit when ready
52326
+ height: '32px',
52327
+ width: '75px',
52328
+ fontSize: '14px',
52329
+ fontWeight: 400
52330
+ }, labelId: "select-label", id: "dac-select-label", value: internalLimit, onChange: function (event) {
52325
52331
  var _a, _b;
52326
52332
  setInternalLimit(Number((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value));
52327
52333
  setLimit && setLimit(Number((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.value));
@@ -52701,122 +52707,114 @@ var getFontFamilies = function (themeName) {
52701
52707
  /* eslint-disable @typescript-eslint/restrict-plus-operands */
52702
52708
  var TextFieldCss = function (muiTokens) {
52703
52709
  return {
52704
- MuiFormHelperText: {
52710
+ MuiTextField: {
52705
52711
  styleOverrides: {
52706
- '@font-face': {
52707
- fontFamily: 'Roboto'
52708
- },
52709
52712
  root: {
52710
- fontWeight: 400,
52711
- fontSize: '11px',
52712
- marginLeft: '8px',
52713
- marginRight: '8px',
52714
- marginTop: '5px',
52715
- lineHeight: '12px',
52716
- color: muiTokens.palette.greyDark,
52717
- '&.Mui-error': {
52718
- color: muiTokens.palette.redError
52719
- }
52720
- }
52721
- }
52722
- },
52723
- MuiOutlinedInput: {
52724
- defaultProps: {},
52725
- styleOverrides: {
52726
- input: {
52727
- fontSize: '14px',
52728
- lineHeight: '18px',
52729
- fontWeight: 400,
52730
- padding: '12px 14px !important',
52731
- height: '20px',
52732
- color: muiTokens.palette.greyXDark,
52733
- '&::placeholder': {
52734
- color: "".concat(muiTokens.palette.greyDark, " !important"),
52735
- opacity: 1 + ' !important',
52736
- fontWeight: 400,
52737
- lineHeight: '18px',
52738
- fontSize: '14px'
52739
- },
52740
- '&.Mui-disabled': {
52741
- backgroundColor: muiTokens.palette.greyXLight,
52742
- color: muiTokens.palette.greyDark,
52743
- borderColor: muiTokens.palette.greyLightDefaultborder,
52744
- WebkitTextFillColor: muiTokens.palette.greyDark
52745
- },
52746
- '&#text-field-mui': {
52747
- fontSize: '14px',
52748
- lineHeight: '18px',
52749
- fontWeight: 400,
52750
- padding: '12px 14px !important',
52751
- height: '20px',
52752
- color: muiTokens.palette.greyXDark,
52753
- '&::placeholder': {
52754
- color: "".concat(muiTokens.palette.greyDark, " !important"),
52755
- opacity: 1 + ' !important',
52713
+ '&.DsTextField': {
52714
+ '.MuiFormHelperText-root': {
52756
52715
  fontWeight: 400,
52716
+ fontSize: '11px',
52717
+ marginLeft: '8px',
52718
+ marginRight: '8px',
52719
+ marginTop: '5px',
52720
+ lineHeight: '12px',
52721
+ color: muiTokens.palette.greyDark,
52722
+ '&.Mui-error': {
52723
+ color: muiTokens.palette.redError
52724
+ }
52725
+ },
52726
+ '.MuiOutlinedInput-input': {
52727
+ fontSize: '14px',
52757
52728
  lineHeight: '18px',
52758
- fontSize: '14px'
52729
+ fontWeight: 400,
52730
+ padding: '12px 14px !important',
52731
+ height: '20px',
52732
+ color: muiTokens.palette.greyXDark,
52733
+ '&::placeholder': {
52734
+ color: "".concat(muiTokens.palette.greyDark, " !important"),
52735
+ opacity: 1 + ' !important',
52736
+ fontWeight: 400,
52737
+ lineHeight: '18px',
52738
+ fontSize: '14px'
52739
+ },
52740
+ '&.Mui-disabled': {
52741
+ backgroundColor: muiTokens.palette.greyXLight,
52742
+ color: muiTokens.palette.greyDark,
52743
+ borderColor: muiTokens.palette.greyLightDefaultborder,
52744
+ WebkitTextFillColor: muiTokens.palette.greyDark
52745
+ },
52746
+ '&#text-field-mui': {
52747
+ fontSize: '14px',
52748
+ lineHeight: '18px',
52749
+ fontWeight: 400,
52750
+ padding: '12px 14px !important',
52751
+ height: '20px',
52752
+ color: muiTokens.palette.greyXDark,
52753
+ '&::placeholder': {
52754
+ color: "".concat(muiTokens.palette.greyDark, " !important"),
52755
+ opacity: 1 + ' !important',
52756
+ fontWeight: 400,
52757
+ lineHeight: '18px',
52758
+ fontSize: '14px'
52759
+ },
52760
+ '&.Mui-disabled': {
52761
+ backgroundColor: muiTokens.palette.greyXLight,
52762
+ color: muiTokens.palette.greyDark,
52763
+ borderColor: muiTokens.palette.greyLightDefaultborder,
52764
+ WebkitTextFillColor: muiTokens.palette.greyDark
52765
+ }
52766
+ }
52759
52767
  },
52760
- '&.Mui-disabled': {
52761
- backgroundColor: muiTokens.palette.greyXLight,
52762
- color: muiTokens.palette.greyDark,
52763
- borderColor: muiTokens.palette.greyLightDefaultborder,
52764
- WebkitTextFillColor: muiTokens.palette.greyDark
52765
- }
52766
- }
52767
- },
52768
- notchedOutline: {
52769
- fontSize: '16px'
52770
- },
52771
- root: {
52772
- padding: '0px !important',
52773
- '&.Mui-error.MuiOutlinedInput-notchedOutline': {
52774
- borderColor: muiTokens.palette.redError
52775
- },
52776
- '&.Mui-focused.MuiOutlinedInput-notchedOutline': {
52777
- borderColor: muiTokens.palette.blueClickable
52778
- },
52779
- '&.Mui-hover.MuiOutlinedInput-notchedOutline': {
52780
- borderColor: muiTokens.palette.greyDark
52781
- },
52782
- '.MuiSvgIcon-root': {
52783
- marginLeft: '-22px'
52784
- }
52785
- }
52786
- }
52787
- },
52788
- MuiInputLabel: {
52789
- styleOverrides: {
52790
- root: {
52791
- fontWeight: 500,
52792
- '&#text-field-mui-label': {
52793
- fontSize: '14px',
52794
- lineHeight: '18px',
52795
- height: '16px',
52796
- color: "".concat(muiTokens.palette.greyDark, " !important"),
52797
- fontWeight: 400,
52798
- marginTop: '-3px',
52799
- '&.Mui-disabled': {
52800
- color: muiTokens.palette.greyDark
52768
+ '.MuiOutlinedInput-notchedOutline': {
52769
+ fontSize: '16px'
52770
+ },
52771
+ '.MuiOutlinedInput-root': {
52772
+ padding: '0px !important',
52773
+ '&.Mui-error.MuiOutlinedInput-notchedOutline': {
52774
+ borderColor: muiTokens.palette.redError
52775
+ },
52776
+ '&.Mui-focused.MuiOutlinedInput-notchedOutline': {
52777
+ borderColor: muiTokens.palette.blueClickable
52778
+ },
52779
+ '&.Mui-hover.MuiOutlinedInput-notchedOutline': {
52780
+ borderColor: muiTokens.palette.greyDark
52781
+ },
52782
+ '.MuiSvgIcon-root': {
52783
+ marginLeft: '-22px'
52784
+ }
52801
52785
  },
52802
- '&.Mui-focused': {
52803
- lineHeight: '16px',
52786
+ '.MuiInputLabel-root': {
52804
52787
  fontWeight: 500,
52805
- fontSize: '16px',
52806
- marginTop: 0,
52807
- color: "".concat(muiTokens.palette.blueClickable, " !important"),
52808
- transform: 'translate(14px, -7px) scale(0.75)'
52809
- }
52810
- },
52811
- '&#text-field-ds-label': {
52812
- fontSize: '16px',
52813
- lineHeight: '16px',
52814
- height: '16px',
52815
- fontWeight: 500,
52816
- transform: 'translate(14px, -7px) scale(0.75)',
52817
- color: muiTokens.palette.greyXDark,
52818
- '&.Mui-disabled': {
52819
- color: muiTokens.palette.greyDark
52788
+ '&#text-field-mui-label': {
52789
+ fontSize: '14px',
52790
+ lineHeight: '18px',
52791
+ height: '16px',
52792
+ color: "".concat(muiTokens.palette.greyDark, " !important"),
52793
+ fontWeight: 400,
52794
+ marginTop: '-3px',
52795
+ '&.Mui-disabled': {
52796
+ color: muiTokens.palette.greyDark
52797
+ },
52798
+ '&.Mui-focused': {
52799
+ lineHeight: '16px',
52800
+ fontWeight: 500,
52801
+ fontSize: '16px',
52802
+ marginTop: 0,
52803
+ color: "".concat(muiTokens.palette.blueClickable, " !important"),
52804
+ transform: 'translate(14px, -7px) scale(0.75)'
52805
+ }
52806
+ },
52807
+ '&#text-field-ds-label': {
52808
+ fontSize: '16px',
52809
+ lineHeight: '16px',
52810
+ height: '16px',
52811
+ fontWeight: 500,
52812
+ transform: 'translate(14px, -7px) scale(0.75)',
52813
+ color: muiTokens.palette.greyXDark,
52814
+ '&.Mui-disabled': {
52815
+ color: muiTokens.palette.greyDark
52816
+ }
52817
+ }
52820
52818
  }
52821
52819
  }
52822
52820
  }