odaptos_design_system 2.0.28 → 2.0.30

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 (18) hide show
  1. package/dist/Organisms/TextInput/TextInput.d.ts +3 -0
  2. package/dist/Organisms/Textarea/Textarea.d.ts +4 -1
  3. package/dist/odaptos_design_system.cjs.development.js +57 -45
  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 +57 -45
  8. package/dist/odaptos_design_system.esm.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/Molecules/ToggleTab/ToggleTab.module.scss +0 -1
  11. package/src/Organisms/MultiSelect/MultiSelect.tsx +6 -6
  12. package/src/Organisms/MultiSelect/MultiSelectWithCategories.tsx +6 -6
  13. package/src/Organisms/NumberField/NumberField.tsx +6 -6
  14. package/src/Organisms/PasswordField/PasswordField.tsx +6 -6
  15. package/src/Organisms/SingleSelect/SingleSelect.tsx +6 -6
  16. package/src/Organisms/TextInput/TextInput.tsx +15 -6
  17. package/src/Organisms/Textarea/Textarea.tsx +9 -0
  18. package/src/Organisms/TimePicker/TimePicker.tsx +6 -6
package/dist/Organisms/TextInput/TextInput.d.ts CHANGED
@@ -23,6 +23,9 @@ interface InputProps {
23
23
  error?: boolean;
24
24
  multiline?: boolean;
25
25
  inputProps?: any;
26
+ rows?: number;
27
+ maxRows?: number;
28
+ minRows?: number;
26
29
  }
27
30
  /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-5899&mode=dev */
28
31
  export declare const TextInput: (props: InputProps) => React.JSX.Element;
package/dist/Organisms/Textarea/Textarea.d.ts CHANGED
@@ -18,7 +18,10 @@ interface TextareaProps {
18
18
  errorText?: string;
19
19
  helperText?: string;
20
20
  disabled?: boolean;
21
+ maxRows?: number;
22
+ minRows?: number;
23
+ rows?: number;
21
24
  }
22
25
  /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
23
- export declare const Textarea: ({ name, label, className, id, onChange, onBlur, placeholder, value, maxCharacters, topLabel, topLabelWeight, topLabelSize, errorText, helperText, error, disabled, required, onKeyDown, }: TextareaProps) => React.JSX.Element;
26
+ export declare const Textarea: ({ name, label, className, id, onChange, onBlur, placeholder, value, maxCharacters, topLabel, topLabelWeight, topLabelSize, errorText, helperText, error, disabled, required, onKeyDown, rows, maxRows, minRows, }: TextareaProps) => React.JSX.Element;
24
27
  export {};
package/dist/odaptos_design_system.cjs.development.js CHANGED
@@ -12720,12 +12720,12 @@ const filter = /*#__PURE__*/Autocomplete.createFilterOptions();
12720
12720
  const CssTextField$1 = /*#__PURE__*/styles$13.styled(TextField)({
12721
12721
  '& .MuiInputBase-input': {
12722
12722
  color: '#26292E',
12723
- fontFamily: 'Open Sans !important',
12723
+ fontFamily: `'Open Sans' !important`,
12724
12724
  fontSize: '1rem'
12725
12725
  },
12726
12726
  '& .MuiInputBase-input.Mui-disabled': {
12727
12727
  color: '#26292E',
12728
- fontFamily: 'Open Sans !important',
12728
+ fontFamily: `'Open Sans' !important`,
12729
12729
  fontSize: '1rem'
12730
12730
  },
12731
12731
  '& .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled': {
@@ -12752,25 +12752,25 @@ const CssTextField$1 = /*#__PURE__*/styles$13.styled(TextField)({
12752
12752
  },
12753
12753
  '& label': {
12754
12754
  color: '#26292E',
12755
- fontFamily: 'Open Sans !important',
12755
+ fontFamily: `'Open Sans' !important`,
12756
12756
  fontSize: '1rem'
12757
12757
  },
12758
12758
  '& label.Mui-disabled.Mui-error': {
12759
12759
  color: '#26292E',
12760
12760
  opacity: 0.5,
12761
- fontFamily: 'Open Sans !important',
12761
+ fontFamily: `'Open Sans' !important`,
12762
12762
  fontSize: '1rem'
12763
12763
  },
12764
12764
  '& label.Mui-focused': {
12765
12765
  color: '#26292E',
12766
- fontFamily: 'Open Sans',
12766
+ fontFamily: `'Open Sans' !important`,
12767
12767
  fontSize: '1rem',
12768
12768
  backgroundColor: 'transparent',
12769
12769
  marginRight: 5,
12770
12770
  paddingRight: 5
12771
12771
  },
12772
12772
  '& .MuiOutlinedInput-root': {
12773
- fontFamily: 'Open Sans',
12773
+ fontFamily: `'Open Sans' !important`,
12774
12774
  '& fieldset': {
12775
12775
  borderColor: '#96989A'
12776
12776
  },
@@ -12987,12 +12987,12 @@ const GroupItems = /*#__PURE__*/styles$13.styled('ul')({
12987
12987
  const CssTextField$2 = /*#__PURE__*/styles$13.styled(TextField)({
12988
12988
  '& .MuiInputBase-input': {
12989
12989
  color: '#26292E',
12990
- fontFamily: 'Open Sans !important',
12990
+ fontFamily: `'Open Sans' !important`,
12991
12991
  fontSize: '1rem'
12992
12992
  },
12993
12993
  '& .MuiInputBase-input.Mui-disabled': {
12994
12994
  color: '#26292E',
12995
- fontFamily: 'Open Sans !important',
12995
+ fontFamily: `'Open Sans' !important`,
12996
12996
  fontSize: '1rem'
12997
12997
  },
12998
12998
  '& .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled': {
@@ -13019,25 +13019,25 @@ const CssTextField$2 = /*#__PURE__*/styles$13.styled(TextField)({
13019
13019
  },
13020
13020
  '& label': {
13021
13021
  color: '#26292E',
13022
- fontFamily: 'Open Sans !important',
13022
+ fontFamily: `'Open Sans' !important`,
13023
13023
  fontSize: '1rem'
13024
13024
  },
13025
13025
  '& label.Mui-disabled.Mui-error': {
13026
13026
  color: '#26292E',
13027
13027
  opacity: 0.5,
13028
- fontFamily: 'Open Sans !important',
13028
+ fontFamily: `'Open Sans' !important`,
13029
13029
  fontSize: '1rem'
13030
13030
  },
13031
13031
  '& label.Mui-focused': {
13032
13032
  color: '#26292E',
13033
- fontFamily: 'Open Sans',
13033
+ fontFamily: `'Open Sans' !important`,
13034
13034
  fontSize: '1rem',
13035
13035
  backgroundColor: 'transparent',
13036
13036
  marginRight: 5,
13037
13037
  paddingRight: 5
13038
13038
  },
13039
13039
  '& .MuiOutlinedInput-root': {
13040
- fontFamily: 'Open Sans',
13040
+ fontFamily: `'Open Sans' !important`,
13041
13041
  '& fieldset': {
13042
13042
  borderColor: '#96989A'
13043
13043
  },
@@ -13445,12 +13445,12 @@ styleInject(css_248z$y);
13445
13445
  const CssTextField$3 = /*#__PURE__*/styles$13.styled(material.TextField)({
13446
13446
  '& .MuiInputBase-input': {
13447
13447
  color: '#26292E',
13448
- fontFamily: 'Open Sans !important',
13448
+ fontFamily: `'Open Sans' !important`,
13449
13449
  fontSize: '1rem'
13450
13450
  },
13451
13451
  '& .MuiInputBase-input.Mui-disabled': {
13452
13452
  color: '#26292E',
13453
- fontFamily: 'Open Sans !important',
13453
+ fontFamily: `'Open Sans' !important`,
13454
13454
  fontSize: '1rem'
13455
13455
  },
13456
13456
  '& .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled': {
@@ -13477,25 +13477,25 @@ const CssTextField$3 = /*#__PURE__*/styles$13.styled(material.TextField)({
13477
13477
  },
13478
13478
  '& label': {
13479
13479
  color: '#26292E',
13480
- fontFamily: 'Open Sans !important',
13480
+ fontFamily: `'Open Sans' !important`,
13481
13481
  fontSize: '1rem'
13482
13482
  },
13483
13483
  '& label.Mui-disabled.Mui-error': {
13484
13484
  color: '#26292E',
13485
13485
  opacity: 0.5,
13486
- fontFamily: 'Open Sans !important',
13486
+ fontFamily: `'Open Sans' !important`,
13487
13487
  fontSize: '1rem'
13488
13488
  },
13489
13489
  '& label.Mui-focused': {
13490
13490
  color: '#26292E',
13491
- fontFamily: 'Open Sans',
13491
+ fontFamily: `'Open Sans' !important`,
13492
13492
  fontSize: '1rem',
13493
13493
  backgroundColor: 'transparent',
13494
13494
  marginRight: 5,
13495
13495
  paddingRight: 5
13496
13496
  },
13497
13497
  '& .MuiOutlinedInput-root': {
13498
- fontFamily: 'Open Sans',
13498
+ fontFamily: `'Open Sans' !important`,
13499
13499
  '& fieldset': {
13500
13500
  borderColor: '#96989A'
13501
13501
  },
@@ -13831,12 +13831,12 @@ styleInject(css_248z$A);
13831
13831
  const CssTextField$5 = /*#__PURE__*/styles$13.styled(material.TextField)({
13832
13832
  '& .MuiInputBase-input': {
13833
13833
  color: '#26292E',
13834
- fontFamily: 'Open Sans !important',
13834
+ fontFamily: `'Open Sans' !important`,
13835
13835
  fontSize: '1rem'
13836
13836
  },
13837
13837
  '& .MuiInputBase-input.Mui-disabled': {
13838
13838
  color: '#26292E',
13839
- fontFamily: 'Open Sans !important',
13839
+ fontFamily: `'Open Sans' !important`,
13840
13840
  fontSize: '1rem'
13841
13841
  },
13842
13842
  '& .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled': {
@@ -13863,25 +13863,25 @@ const CssTextField$5 = /*#__PURE__*/styles$13.styled(material.TextField)({
13863
13863
  },
13864
13864
  '& label': {
13865
13865
  color: '#26292E',
13866
- fontFamily: 'Open Sans !important',
13866
+ fontFamily: `'Open Sans' !important`,
13867
13867
  fontSize: '1rem'
13868
13868
  },
13869
13869
  '& label.Mui-disabled.Mui-error': {
13870
13870
  color: '#26292E',
13871
13871
  opacity: 0.5,
13872
- fontFamily: 'Open Sans !important',
13872
+ fontFamily: `'Open Sans' !important`,
13873
13873
  fontSize: '1rem'
13874
13874
  },
13875
13875
  '& label.Mui-focused': {
13876
13876
  color: '#26292E',
13877
- fontFamily: 'Open Sans',
13877
+ fontFamily: `'Open Sans' !important`,
13878
13878
  fontSize: '1rem',
13879
13879
  backgroundColor: 'transparent',
13880
13880
  marginRight: 5,
13881
13881
  paddingRight: 5
13882
13882
  },
13883
13883
  '& .MuiOutlinedInput-root': {
13884
- fontFamily: 'Open Sans',
13884
+ fontFamily: `'Open Sans' !important`,
13885
13885
  '& fieldset': {
13886
13886
  borderColor: '#96989A'
13887
13887
  },
@@ -14455,12 +14455,12 @@ const filter$2 = /*#__PURE__*/Autocomplete.createFilterOptions();
14455
14455
  const CssTextField$6 = /*#__PURE__*/styles$13.styled(material.TextField)({
14456
14456
  '& .MuiInputBase-input': {
14457
14457
  color: '#26292E',
14458
- fontFamily: 'Open Sans !important',
14458
+ fontFamily: `'Open Sans' !important`,
14459
14459
  fontSize: '1rem'
14460
14460
  },
14461
14461
  '& .MuiInputBase-input.Mui-disabled': {
14462
14462
  color: '#26292E',
14463
- fontFamily: 'Open Sans !important',
14463
+ fontFamily: `'Open Sans' !important`,
14464
14464
  fontSize: '1rem'
14465
14465
  },
14466
14466
  '& .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled': {
@@ -14487,25 +14487,25 @@ const CssTextField$6 = /*#__PURE__*/styles$13.styled(material.TextField)({
14487
14487
  },
14488
14488
  '& label': {
14489
14489
  color: '#26292E',
14490
- fontFamily: 'Open Sans !important',
14490
+ fontFamily: `'Open Sans' !important`,
14491
14491
  fontSize: '1rem'
14492
14492
  },
14493
14493
  '& label.Mui-disabled.Mui-error': {
14494
14494
  color: '#26292E',
14495
14495
  opacity: 0.5,
14496
- fontFamily: 'Open Sans !important',
14496
+ fontFamily: `'Open Sans' !important`,
14497
14497
  fontSize: '1rem'
14498
14498
  },
14499
14499
  '& label.Mui-focused': {
14500
14500
  color: '#26292E',
14501
- fontFamily: 'Open Sans',
14501
+ fontFamily: `'Open Sans' !important`,
14502
14502
  fontSize: '1rem',
14503
14503
  backgroundColor: 'transparent',
14504
14504
  marginRight: 5,
14505
14505
  paddingRight: 5
14506
14506
  },
14507
14507
  '& .MuiOutlinedInput-root': {
14508
- fontFamily: 'Open Sans',
14508
+ fontFamily: `'Open Sans' !important`,
14509
14509
  '& fieldset': {
14510
14510
  borderColor: '#96989A'
14511
14511
  },
@@ -15253,12 +15253,12 @@ styleInject(css_248z$P);
15253
15253
  const CssTextField$7 = /*#__PURE__*/styles$13.styled(material.TextField)({
15254
15254
  '& .MuiInputBase-input': {
15255
15255
  color: '#26292E',
15256
- fontFamily: 'Open Sans !important',
15256
+ fontFamily: `'Open Sans' !important`,
15257
15257
  fontSize: '1rem'
15258
15258
  },
15259
15259
  '& .MuiInputBase-input.Mui-disabled': {
15260
15260
  color: '#26292E',
15261
- fontFamily: 'Open Sans !important',
15261
+ fontFamily: `'Open Sans' !important`,
15262
15262
  fontSize: '1rem'
15263
15263
  },
15264
15264
  '& .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled': {
@@ -15285,25 +15285,25 @@ const CssTextField$7 = /*#__PURE__*/styles$13.styled(material.TextField)({
15285
15285
  },
15286
15286
  '& label': {
15287
15287
  color: '#26292E',
15288
- fontFamily: 'Open Sans !important',
15288
+ fontFamily: `'Open Sans' !important`,
15289
15289
  fontSize: '1rem'
15290
15290
  },
15291
15291
  '& label.Mui-disabled.Mui-error': {
15292
15292
  color: '#26292E',
15293
15293
  opacity: 0.5,
15294
- fontFamily: 'Open Sans !important',
15294
+ fontFamily: `'Open Sans' !important`,
15295
15295
  fontSize: '1rem'
15296
15296
  },
15297
15297
  '& label.Mui-focused': {
15298
15298
  color: '#26292E',
15299
- fontFamily: 'Open Sans',
15299
+ fontFamily: `'Open Sans' !important`,
15300
15300
  fontSize: '1rem',
15301
15301
  backgroundColor: 'transparent',
15302
15302
  marginRight: 5,
15303
15303
  paddingRight: 5
15304
15304
  },
15305
15305
  '& .MuiOutlinedInput-root': {
15306
- fontFamily: 'Open Sans',
15306
+ fontFamily: `'Open Sans' !important`,
15307
15307
  '& fieldset': {
15308
15308
  borderColor: '#96989A'
15309
15309
  },
@@ -15362,7 +15362,10 @@ const TextInput = props => {
15362
15362
  errorText,
15363
15363
  multiline,
15364
15364
  inputProps,
15365
- onKeyDown
15365
+ onKeyDown,
15366
+ rows,
15367
+ maxRows,
15368
+ minRows
15366
15369
  } = props;
15367
15370
  const endAdornment = rightIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
15368
15371
  position: "end"
@@ -15413,6 +15416,9 @@ const TextInput = props => {
15413
15416
  error: error,
15414
15417
  onBlur: onBlur,
15415
15418
  multiline: multiline,
15419
+ rows: rows,
15420
+ maxRows: maxRows,
15421
+ minRows: minRows,
15416
15422
  onKeyUp: e => {
15417
15423
  if (e.key === 'Enter' && onKeyDown) {
15418
15424
  onKeyDown();
@@ -15455,7 +15461,10 @@ const Textarea = ({
15455
15461
  error,
15456
15462
  disabled,
15457
15463
  required = false,
15458
- onKeyDown
15464
+ onKeyDown,
15465
+ rows,
15466
+ maxRows,
15467
+ minRows
15459
15468
  }) => {
15460
15469
  const [charCount, setCharCount] = React.useState(0);
15461
15470
  const handleChange = e => {
@@ -15490,7 +15499,10 @@ const Textarea = ({
15490
15499
  required: required,
15491
15500
  disabled: disabled,
15492
15501
  topLabelWeight: topLabelWeight,
15493
- topLabelSize: topLabelSize
15502
+ topLabelSize: topLabelSize,
15503
+ rows: rows,
15504
+ maxRows: maxRows,
15505
+ minRows: minRows
15494
15506
  }), /*#__PURE__*/React__default.createElement("div", {
15495
15507
  className: styles$Q.helperTexts
15496
15508
  }, helperText && /*#__PURE__*/React__default.createElement(Text, {
@@ -15898,12 +15910,12 @@ styleInject(css_248z$T);
15898
15910
  const CssTextField$8 = /*#__PURE__*/styles$13.styled(material.TextField)({
15899
15911
  '& .MuiInputBase-input': {
15900
15912
  color: '#26292E',
15901
- fontFamily: 'Open Sans !important',
15913
+ fontFamily: `'Open Sans' !important`,
15902
15914
  fontSize: '1rem'
15903
15915
  },
15904
15916
  '& .MuiInputBase-input.Mui-disabled': {
15905
15917
  color: '#26292E',
15906
- fontFamily: 'Open Sans !important',
15918
+ fontFamily: `'Open Sans' !important`,
15907
15919
  fontSize: '1rem'
15908
15920
  },
15909
15921
  '& .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled': {
@@ -15930,25 +15942,25 @@ const CssTextField$8 = /*#__PURE__*/styles$13.styled(material.TextField)({
15930
15942
  },
15931
15943
  '& label': {
15932
15944
  color: '#26292E',
15933
- fontFamily: 'Open Sans !important',
15945
+ fontFamily: `'Open Sans' !important`,
15934
15946
  fontSize: '1rem'
15935
15947
  },
15936
15948
  '& label.Mui-disabled.Mui-error': {
15937
15949
  color: '#26292E',
15938
15950
  opacity: 0.5,
15939
- fontFamily: 'Open Sans !important',
15951
+ fontFamily: `'Open Sans' !important`,
15940
15952
  fontSize: '1rem'
15941
15953
  },
15942
15954
  '& label.Mui-focused': {
15943
15955
  color: '#26292E',
15944
- fontFamily: 'Open Sans',
15956
+ fontFamily: `'Open Sans' !important`,
15945
15957
  fontSize: '1rem',
15946
15958
  backgroundColor: 'transparent',
15947
15959
  marginRight: 5,
15948
15960
  paddingRight: 5
15949
15961
  },
15950
15962
  '& .MuiOutlinedInput-root': {
15951
- fontFamily: 'Open Sans',
15963
+ fontFamily: `'Open Sans' !important`,
15952
15964
  '& fieldset': {
15953
15965
  borderColor: '#96989A'
15954
15966
  },