odaptos_design_system 1.4.33 → 1.4.35

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 (21) hide show
  1. package/dist/DatePicker/DatePicker.d.ts +32 -0
  2. package/dist/TimePicker/TimePicker.d.ts +25 -0
  3. package/dist/odaptos_design_system.cjs.development.js +27 -26
  4. package/dist/odaptos_design_system.cjs.development.js.map +1 -1
  5. package/dist/odaptos_design_system.cjs.production.min.js +1 -1
  6. package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
  7. package/dist/odaptos_design_system.esm.js +27 -26
  8. package/dist/odaptos_design_system.esm.js.map +1 -1
  9. package/package.json +3 -1
  10. package/src/DatePicker/DatePicker.modules.scss +68 -0
  11. package/src/DatePicker/DatePicker.tsx +237 -0
  12. package/src/MultiSelect/MultiSelect.tsx +6 -6
  13. package/src/SingleSelect/SingleSelect.tsx +7 -6
  14. package/src/Table/TableFooter.modules.scss +1 -1
  15. package/src/Table/TableFooter.tsx +1 -1
  16. package/src/Table/index.tsx +6 -7
  17. package/src/Table/rows.modules.scss +2 -0
  18. package/src/TextInput/TextInput.modules.scss +1 -1
  19. package/src/TextInput/TextInput.tsx +8 -8
  20. package/src/TimePicker/TimePicker.modules.scss +67 -0
  21. package/src/TimePicker/TimePicker.tsx +210 -0
package/dist/DatePicker/DatePicker.d.ts ADDED
@@ -0,0 +1,32 @@
1
+ import React from 'react';
2
+ import { Dayjs } from 'dayjs';
3
+ import 'dayjs/locale/en';
4
+ import 'dayjs/locale/en-gb';
5
+ import 'dayjs/locale/fr';
6
+ import 'dayjs/locale/it';
7
+ import 'dayjs/locale/de';
8
+ import 'dayjs/locale/es';
9
+ export interface DatePickerProps {
10
+ className?: string;
11
+ label?: string;
12
+ value?: Date | Dayjs | null;
13
+ openTo?: 'day' | 'month' | 'year';
14
+ format?: string;
15
+ helperText?: string;
16
+ disabled?: boolean;
17
+ disableFuture?: boolean;
18
+ disablePast?: boolean;
19
+ loading?: boolean;
20
+ locale?: string | 'en' | 'en-gb' | 'fr' | 'it' | 'de' | 'es';
21
+ maxDate?: Date | Dayjs | undefined;
22
+ minDate?: Date | Dayjs | undefined;
23
+ timezone?: string;
24
+ placeholder?: string;
25
+ required?: boolean;
26
+ error?: boolean;
27
+ errorText?: string;
28
+ renderLoading?: () => React.ReactNode;
29
+ onChange?: (date: Date | Dayjs | null) => void;
30
+ }
31
+ declare const DatePicker: React.FC<DatePickerProps>;
32
+ export default DatePicker;
package/dist/TimePicker/TimePicker.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ import { Dayjs } from 'dayjs';
3
+ import 'dayjs/locale/en';
4
+ import 'dayjs/locale/en-gb';
5
+ import 'dayjs/locale/fr';
6
+ import 'dayjs/locale/it';
7
+ import 'dayjs/locale/de';
8
+ import 'dayjs/locale/es';
9
+ export interface TimePickerProps {
10
+ className?: string;
11
+ label?: string;
12
+ value?: Date | Dayjs | null;
13
+ format?: string;
14
+ disabled?: boolean;
15
+ locale?: string | 'en' | 'en-gb' | 'fr' | 'it' | 'de' | 'es';
16
+ timezone?: string;
17
+ placeholder?: string;
18
+ required?: boolean;
19
+ error?: boolean;
20
+ errorText?: string;
21
+ helperText?: string;
22
+ onChange?: (date: Date | Dayjs | null) => void;
23
+ }
24
+ declare const TimePicker: React.FC<TimePickerProps>;
25
+ export default TimePicker;
package/dist/odaptos_design_system.cjs.development.js CHANGED
@@ -4302,12 +4302,12 @@ styleInject(css_248z$4);
4302
4302
  const CssTextField = /*#__PURE__*/styles$F.styled(material.TextField)({
4303
4303
  '& .MuiInputBase-input': {
4304
4304
  color: '#26292E',
4305
- fontFamily: 'OpenSans !important',
4305
+ fontFamily: 'Open Sans !important',
4306
4306
  fontSize: '1rem'
4307
4307
  },
4308
4308
  '& .MuiInputBase-input.Mui-disabled': {
4309
4309
  color: '#26292E',
4310
- fontFamily: 'OpenSans !important',
4310
+ fontFamily: 'Open Sans !important',
4311
4311
  fontSize: '1rem'
4312
4312
  },
4313
4313
  '& .Mui-error': {
@@ -4331,25 +4331,25 @@ const CssTextField = /*#__PURE__*/styles$F.styled(material.TextField)({
4331
4331
  },
4332
4332
  '& label': {
4333
4333
  color: '#26292E',
4334
- fontFamily: 'OpenSans !important',
4334
+ fontFamily: 'Open Sans !important',
4335
4335
  fontSize: '1rem'
4336
4336
  },
4337
4337
  '& label.Mui-disabled.Mui-error': {
4338
4338
  color: '#26292E',
4339
4339
  opacity: 0.5,
4340
- fontFamily: 'OpenSans !important',
4340
+ fontFamily: 'Open Sans !important',
4341
4341
  fontSize: '1rem'
4342
4342
  },
4343
4343
  '& label.Mui-focused': {
4344
4344
  color: '#26292E',
4345
- fontFamily: 'OpenSans',
4345
+ fontFamily: 'Open Sans',
4346
4346
  fontSize: '1rem',
4347
4347
  backgroundColor: '#fff',
4348
4348
  marginRight: 5,
4349
4349
  paddingRight: 5
4350
4350
  },
4351
4351
  '& .MuiOutlinedInput-root': {
4352
- fontFamily: 'OpenSans',
4352
+ fontFamily: 'Open Sans',
4353
4353
  '& fieldset': {
4354
4354
  borderColor: '#96989A'
4355
4355
  },
@@ -4453,6 +4453,7 @@ const SingleSelect = ({
4453
4453
  },
4454
4454
  renderInput: params => /*#__PURE__*/React__default.createElement(CssTextField, Object.assign({}, params, {
4455
4455
  variant: "outlined",
4456
+ fullWidth: true,
4456
4457
  label: label,
4457
4458
  placeholder: placeholder,
4458
4459
  size: "small",
@@ -4597,12 +4598,12 @@ styleInject(css_248z$6);
4597
4598
  const CssTextField$1 = /*#__PURE__*/styles$F.styled(TextField)({
4598
4599
  '& .MuiInputBase-input': {
4599
4600
  color: '#26292E',
4600
- fontFamily: 'OpenSans !important',
4601
+ fontFamily: 'Open Sans !important',
4601
4602
  fontSize: '1rem'
4602
4603
  },
4603
4604
  '& .MuiInputBase-input.Mui-disabled': {
4604
4605
  color: '#26292E',
4605
- fontFamily: 'OpenSans !important',
4606
+ fontFamily: 'Open Sans !important',
4606
4607
  fontSize: '1rem'
4607
4608
  },
4608
4609
  '& .Mui-error': {
@@ -4626,25 +4627,25 @@ const CssTextField$1 = /*#__PURE__*/styles$F.styled(TextField)({
4626
4627
  },
4627
4628
  '& label': {
4628
4629
  color: '#26292E',
4629
- fontFamily: 'OpenSans !important',
4630
+ fontFamily: 'Open Sans !important',
4630
4631
  fontSize: '1rem'
4631
4632
  },
4632
4633
  '& label.Mui-disabled.Mui-error': {
4633
4634
  color: '#26292E',
4634
4635
  opacity: 0.5,
4635
- fontFamily: 'OpenSans !important',
4636
+ fontFamily: 'Open Sans !important',
4636
4637
  fontSize: '1rem'
4637
4638
  },
4638
4639
  '& label.Mui-focused': {
4639
4640
  color: '#26292E',
4640
- fontFamily: 'OpenSans',
4641
+ fontFamily: 'Open Sans',
4641
4642
  fontSize: '1rem',
4642
4643
  backgroundColor: '#fff',
4643
4644
  marginRight: 5,
4644
4645
  paddingRight: 5
4645
4646
  },
4646
4647
  '& .MuiOutlinedInput-root': {
4647
- fontFamily: 'OpenSans',
4648
+ fontFamily: 'Open Sans',
4648
4649
  '& fieldset': {
4649
4650
  borderColor: '#96989A'
4650
4651
  },
@@ -5807,7 +5808,7 @@ const TableHeader = ({
5807
5808
  }), header.icon && header.icon)));
5808
5809
  };
5809
5810
 
5810
- var css_248z$n = ".rows-modules_rows__2uSRy{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;width:100%}.rows-modules_rows__2uSRy .rows-modules_row__FcChg{align-items:center;align-self:stretch;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;padding:0 .5rem}";
5811
+ var css_248z$n = ".rows-modules_rows__2uSRy{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;max-height:65vh;overflow-y:scroll;width:100%}.rows-modules_rows__2uSRy .rows-modules_row__FcChg{align-items:center;align-self:stretch;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;padding:0 .5rem}";
5811
5812
  var styles$n = {"rows":"rows-modules_rows__2uSRy","row":"rows-modules_row__FcChg"};
5812
5813
  styleInject(css_248z$n);
5813
5814
 
@@ -5872,7 +5873,7 @@ const TableRows = ({
5872
5873
  }));
5873
5874
  };
5874
5875
 
5875
- var css_248z$p = ".TableFooter-modules_footer__-M8S3{align-items:center;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:0 0 .375rem .375rem;border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;justify-content:flex-end;padding:0 .5rem 0 3rem;width:calc(100% - 3.63rem)}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj{align-items:center;display:flex;flex:1 0 0;gap:.75rem;height:2.75rem;justify-content:space-between;padding:.5rem}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_footerText__Nntc4{text-align:center;width:100%}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_actionsBtn__F3Lx-{margin-left:auto}.TableFooter-modules_popoverContent__X-677{display:flex;flex-direction:column;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5{align-items:center;align-self:stretch;border-radius:.25rem;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 a{text-decoration:none}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5:hover{background:#eee}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 svg{height:1rem;width:1rem}";
5876
+ var css_248z$p = ".TableFooter-modules_footer__-M8S3{align-items:center;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:0 0 .375rem .375rem;border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;justify-content:flex-end;padding:0 .5rem 0 3rem;width:calc(100% - 3.625rem)}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj{align-items:center;display:flex;flex:1 0 0;gap:.75rem;height:2.75rem;justify-content:space-between;padding:.5rem}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_footerText__Nntc4{text-align:center;width:100%}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_actionsBtn__F3Lx-{margin-left:auto}.TableFooter-modules_popoverContent__X-677{display:flex;flex-direction:column;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5{align-items:center;align-self:stretch;border-radius:.25rem;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 a{text-decoration:none}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5:hover{background:#eee}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 svg{height:1rem;width:1rem}";
5876
5877
  var styles$p = {"footer":"TableFooter-modules_footer__-M8S3","footer_content":"TableFooter-modules_footer_content__CJ9Uj","footerText":"TableFooter-modules_footerText__Nntc4","actionsBtn":"TableFooter-modules_actionsBtn__F3Lx-","popoverContent":"TableFooter-modules_popoverContent__X-677","item":"TableFooter-modules_item__cRsB5"};
5877
5878
  styleInject(css_248z$p);
5878
5879
 
@@ -5893,9 +5894,9 @@ const TableFooter = ({
5893
5894
  }), footerIconRight && /*#__PURE__*/React__default.createElement(IconButton, {
5894
5895
  icon: footerIconRight,
5895
5896
  variant: "tertiary",
5896
- size: "xxs",
5897
5897
  onClick: footerAction,
5898
- className: styles$p.actionsBtn
5898
+ className: styles$p.actionsBtn,
5899
+ size: "xs"
5899
5900
  }))));
5900
5901
  };
5901
5902
 
@@ -5931,7 +5932,7 @@ const Table = ({
5931
5932
  id: id,
5932
5933
  rowsClassName: rowsClassName,
5933
5934
  headers: headers
5934
- }), (footerAction && footerIconRight || footerText) && /*#__PURE__*/React__default.createElement(TableFooter, {
5935
+ }), /*#__PURE__*/React__default.createElement(TableFooter, {
5935
5936
  footerAction: footerAction,
5936
5937
  footerIconRight: footerIconRight,
5937
5938
  footerText: footerText
@@ -6068,19 +6069,19 @@ const TabsUnderline = ({
6068
6069
  })));
6069
6070
  };
6070
6071
 
6071
- var css_248z$t = ".TextInput-modules_input__3djVU{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left;width:100%}.TextInput-modules_input__3djVU svg{height:.75rem;width:.75rem}input{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}input.TextInput-modules_input__3djVU{height:1rem}.TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextInput-modules_input_top_label__JRakx{margin-bottom:.625rem}.TextInput-modules_input__3djVU .TextInput-modules_MuiInputBase-input__P8rMx{color:var(--gray-black);font-family:OpenSans;font-size:1rem;padding:.375rem .75rem}.TextInput-modules_text_below__lGHF-{margin:.25rem .5rem .25rem .75rem}";
6072
+ var css_248z$t = ".TextInput-modules_input__3djVU{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left;width:100%}.TextInput-modules_input__3djVU svg{height:.75rem;width:.75rem}input{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}input.TextInput-modules_input__3djVU{height:1rem}.TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextInput-modules_input_top_label__JRakx{margin-bottom:.625rem}.TextInput-modules_input__3djVU .TextInput-modules_MuiInputBase-input__P8rMx{color:var(--gray-black);font-family:Open Sans;font-size:1rem;padding:.375rem .75rem}.TextInput-modules_text_below__lGHF-{margin:.25rem .5rem .25rem .75rem}";
6072
6073
  var styles$t = {"input":"TextInput-modules_input__3djVU","MuiInputBase-root-MuiOutlinedInput-root":"TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v","input_top_label":"TextInput-modules_input_top_label__JRakx","MuiInputBase-input":"TextInput-modules_MuiInputBase-input__P8rMx","text_below":"TextInput-modules_text_below__lGHF-"};
6073
6074
  styleInject(css_248z$t);
6074
6075
 
6075
6076
  const CssTextField$2 = /*#__PURE__*/styles$F.styled(material.TextField)({
6076
6077
  '& .MuiInputBase-input': {
6077
6078
  color: '#26292E',
6078
- fontFamily: 'OpenSans !important',
6079
+ fontFamily: 'Open Sans !important',
6079
6080
  fontSize: '1rem'
6080
6081
  },
6081
6082
  '& .MuiInputBase-input.Mui-disabled': {
6082
6083
  color: '#26292E',
6083
- fontFamily: 'OpenSans !important',
6084
+ fontFamily: 'Open Sans !important',
6084
6085
  fontSize: '1rem'
6085
6086
  },
6086
6087
  '& .Mui-error': {
@@ -6104,25 +6105,25 @@ const CssTextField$2 = /*#__PURE__*/styles$F.styled(material.TextField)({
6104
6105
  },
6105
6106
  '& label': {
6106
6107
  color: '#26292E',
6107
- fontFamily: 'OpenSans !important',
6108
+ fontFamily: 'Open Sans !important',
6108
6109
  fontSize: '1rem'
6109
6110
  },
6110
6111
  '& label.Mui-disabled.Mui-error': {
6111
6112
  color: '#26292E',
6112
6113
  opacity: 0.5,
6113
- fontFamily: 'OpenSans !important',
6114
+ fontFamily: 'Open Sans !important',
6114
6115
  fontSize: '1rem'
6115
6116
  },
6116
6117
  '& label.Mui-focused': {
6117
6118
  color: '#26292E',
6118
- fontFamily: 'OpenSans',
6119
+ fontFamily: 'Open Sans',
6119
6120
  fontSize: '1rem',
6120
6121
  backgroundColor: '#fff',
6121
6122
  marginRight: 5,
6122
6123
  paddingRight: 5
6123
6124
  },
6124
6125
  '& .MuiOutlinedInput-root': {
6125
- fontFamily: 'OpenSans',
6126
+ fontFamily: 'Open Sans',
6126
6127
  '& fieldset': {
6127
6128
  borderColor: '#96989A'
6128
6129
  },
@@ -6207,13 +6208,13 @@ const TextInput = props => {
6207
6208
  endAdornment,
6208
6209
  startAdornment,
6209
6210
  style: {
6210
- fontFamily: 'OpenSans',
6211
+ fontFamily: 'Open Sans',
6211
6212
  fontSize: '1rem'
6212
6213
  }
6213
6214
  },
6214
6215
  InputLabelProps: {
6215
6216
  style: {
6216
- fontFamily: 'OpenSans',
6217
+ fontFamily: 'Open Sans',
6217
6218
  fontSize: '1rem'
6218
6219
  },
6219
6220
  ...InputLabelProps