@pdg/react-form 1.0.137 → 1.0.138

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 (3) hide show
  1. package/dist/index.esm.js +4 -4
  2. package/dist/index.js +4 -4
  3. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -966,13 +966,13 @@ var templateObject_1$f, templateObject_2$8, templateObject_3$4;var FormCol = Rea
966
966
  * ******************************************************************************************************************/
967
967
  return (React.createElement(FormContextProvider, { value: __assign(__assign({}, otherFormState), { variant: variant, size: size, color: color, spacing: spacing, focused: focused, labelShrink: labelShrink, fullWidth: fullWidth, formColGap: formColGap, formColXs: xs || formColAutoXs || 12, formColWidth: formColWidth, formColWithLabel: !!label, formColWithHelperText: !!helperText }) },
968
968
  React.createElement(Grid, { ref: gridRef, size: { xs: xs || formColAutoXs || 12 }, className: classNames(className, 'FormCol', !!label && 'with-label', !!helperText && 'with-helper-text'), style: hidden ? __assign(__assign({}, initStyle), { display: 'none' }) : initStyle, sx: sx },
969
- React.createElement(Grid, { container: true, direction: 'column' },
970
- label && (React.createElement(Grid, { className: 'FormCol-header' },
969
+ React.createElement("div", null,
970
+ label && (React.createElement("div", { className: 'FormCol-header' },
971
971
  React.createElement(StyledFormLabelContainerDiv, null,
972
972
  React.createElement(StyledFormLabel, { className: 'FormCol-FormLabel', size: size, icon: icon, focused: focused, color: color, error: error, warning: warning }, label)))),
973
- React.createElement(Grid, { size: { xs: 2, sm: 12 }, className: 'FormCol-content' },
973
+ React.createElement("div", { className: 'FormCol-content' },
974
974
  React.createElement(StyledContentContainerBox, { gap: formColGap }, children)),
975
- helperText && (React.createElement(Grid, { className: 'FormCol-helper-text' },
975
+ helperText && (React.createElement("div", { className: 'FormCol-helper-text' },
976
976
  React.createElement(FormHelperText, { component: 'div', error: error, style: { marginLeft: helperTextShift ? 14 : 5 } }, helperText)))))));
977
977
  });var StyledContainerDiv = styled('div')(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n flex: 1;\n position: relative;\n"], ["\n flex: 1;\n position: relative;\n"])));
978
978
  var StyledContentDiv = styled('div')(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 100px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: #cfcfcf;\n border-radius: 100px;\n }\n"], ["\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 100px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: #cfcfcf;\n border-radius: 100px;\n }\n"])));
package/dist/index.js CHANGED
@@ -966,13 +966,13 @@ var templateObject_1$f, templateObject_2$8, templateObject_3$4;var FormCol = Rea
966
966
  * ******************************************************************************************************************/
967
967
  return (React.createElement(FormContextProvider, { value: __assign(__assign({}, otherFormState), { variant: variant, size: size, color: color, spacing: spacing, focused: focused, labelShrink: labelShrink, fullWidth: fullWidth, formColGap: formColGap, formColXs: xs || formColAutoXs || 12, formColWidth: formColWidth, formColWithLabel: !!label, formColWithHelperText: !!helperText }) },
968
968
  React.createElement(material.Grid, { ref: gridRef, size: { xs: xs || formColAutoXs || 12 }, className: classNames(className, 'FormCol', !!label && 'with-label', !!helperText && 'with-helper-text'), style: hidden ? __assign(__assign({}, initStyle), { display: 'none' }) : initStyle, sx: sx },
969
- React.createElement(material.Grid, { container: true, direction: 'column' },
970
- label && (React.createElement(material.Grid, { className: 'FormCol-header' },
969
+ React.createElement("div", null,
970
+ label && (React.createElement("div", { className: 'FormCol-header' },
971
971
  React.createElement(StyledFormLabelContainerDiv, null,
972
972
  React.createElement(StyledFormLabel, { className: 'FormCol-FormLabel', size: size, icon: icon, focused: focused, color: color, error: error, warning: warning }, label)))),
973
- React.createElement(material.Grid, { size: { xs: 2, sm: 12 }, className: 'FormCol-content' },
973
+ React.createElement("div", { className: 'FormCol-content' },
974
974
  React.createElement(StyledContentContainerBox, { gap: formColGap }, children)),
975
- helperText && (React.createElement(material.Grid, { className: 'FormCol-helper-text' },
975
+ helperText && (React.createElement("div", { className: 'FormCol-helper-text' },
976
976
  React.createElement(material.FormHelperText, { component: 'div', error: error, style: { marginLeft: helperTextShift ? 14 : 5 } }, helperText)))))));
977
977
  });var StyledContainerDiv = material.styled('div')(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n flex: 1;\n position: relative;\n"], ["\n flex: 1;\n position: relative;\n"])));
978
978
  var StyledContentDiv = material.styled('div')(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 100px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: #cfcfcf;\n border-radius: 100px;\n }\n"], ["\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 100px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: #cfcfcf;\n border-radius: 100px;\n }\n"])));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pdg/react-form",
3
3
  "title": "React Form",
4
- "version": "1.0.137",
4
+ "version": "1.0.138",
5
5
  "description": "React Form",
6
6
  "type": "module",
7
7
  "types": "dist/index.d.ts",