@scenid/react-formulator 0.5.6 → 0.5.7

package/dist/index.cjs.js

@@ -84100,10 +84100,10 @@ var useStyles = styles$o.makeStyles(function (theme) {
     spanToCard: {
       margin: theme.spacing(2) * -1
     },
-    editable: {
+    checked: {
       backgroundColor: colorManipulator.alpha(theme.palette.primary.main, 0.12)
     },
-    disabled: {
+    unchecked: {
       backgroundColor: theme.palette.grey[200]
     }
   };
@@ -84145,7 +84145,7 @@ var FormPrimaryToggle = function FormPrimaryToggle(_ref) {
   var checked = isChecked(value, defaultValue);
   return /*#__PURE__*/React__default["default"].createElement(_Paper__default["default"], {
     elevation: 0,
-    className: cx__default["default"](styles["default"], (_cx = {}, _defineProperty(_cx, styles.spanToCard, formVariant === 'card'), _defineProperty(_cx, styles.sharpEdges, !solitary), _defineProperty(_cx, styles.editable, !readOnly), _defineProperty(_cx, styles.disabled, readOnly), _cx))
+    className: cx__default["default"](styles["default"], (_cx = {}, _defineProperty(_cx, styles.spanToCard, formVariant === 'card'), _defineProperty(_cx, styles.sharpEdges, !solitary), _defineProperty(_cx, styles.checked, checked), _defineProperty(_cx, styles.unchecked, !checked), _cx))
   }, /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     display: "flex",
     flexDirection: "row",
@@ -84153,17 +84153,19 @@ var FormPrimaryToggle = function FormPrimaryToggle(_ref) {
     alignItems: "center",
     padding: 2
   }, readOnly && checked && /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
+    pt: 1,
     mr: 2
   }, /*#__PURE__*/React__default["default"].createElement(_Check__default["default"], {
-    fontSize: "large",
+    fontSize: solitary ? 'large' : 'medium',
     htmlColor: theme.palette.text.secondary
   })), readOnly && !checked && /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
+    pt: 1,
     mr: 2
   }, /*#__PURE__*/React__default["default"].createElement(_Close__default["default"], {
-    fontSize: "large",
+    fontSize: solitary ? 'large' : 'medium',
     htmlColor: theme.palette.text.secondary
   })), /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
-    variant: "h5",
+    variant: solitary ? 'h5' : 'body1',
     color: checked && !readOnly ? 'primary' : 'textSecondary'
   }, checked ? checkedLabel : uncheckedLabel), !readOnly && /*#__PURE__*/React__default["default"].createElement(_Switch__default["default"], {
     color: "primary",

package/dist/index.esm.js

@@ -84030,10 +84030,10 @@ var useStyles = makeStyles$1(function (theme) {
     spanToCard: {
       margin: theme.spacing(2) * -1
     },
-    editable: {
+    checked: {
       backgroundColor: alpha$2(theme.palette.primary.main, 0.12)
     },
-    disabled: {
+    unchecked: {
       backgroundColor: theme.palette.grey[200]
     }
   };
@@ -84075,7 +84075,7 @@ var FormPrimaryToggle = function FormPrimaryToggle(_ref) {
   var checked = isChecked(value, defaultValue);
   return /*#__PURE__*/React__default.createElement(_Paper, {
     elevation: 0,
-    className: cx(styles["default"], (_cx = {}, _defineProperty(_cx, styles.spanToCard, formVariant === 'card'), _defineProperty(_cx, styles.sharpEdges, !solitary), _defineProperty(_cx, styles.editable, !readOnly), _defineProperty(_cx, styles.disabled, readOnly), _cx))
+    className: cx(styles["default"], (_cx = {}, _defineProperty(_cx, styles.spanToCard, formVariant === 'card'), _defineProperty(_cx, styles.sharpEdges, !solitary), _defineProperty(_cx, styles.checked, checked), _defineProperty(_cx, styles.unchecked, !checked), _cx))
   }, /*#__PURE__*/React__default.createElement(_Box, {
     display: "flex",
     flexDirection: "row",
@@ -84083,17 +84083,19 @@ var FormPrimaryToggle = function FormPrimaryToggle(_ref) {
     alignItems: "center",
     padding: 2
   }, readOnly && checked && /*#__PURE__*/React__default.createElement(_Box, {
+    pt: 1,
     mr: 2
   }, /*#__PURE__*/React__default.createElement(_Check, {
-    fontSize: "large",
+    fontSize: solitary ? 'large' : 'medium',
     htmlColor: theme.palette.text.secondary
   })), readOnly && !checked && /*#__PURE__*/React__default.createElement(_Box, {
+    pt: 1,
     mr: 2
   }, /*#__PURE__*/React__default.createElement(_Close, {
-    fontSize: "large",
+    fontSize: solitary ? 'large' : 'medium',
     htmlColor: theme.palette.text.secondary
   })), /*#__PURE__*/React__default.createElement(_Typography, {
-    variant: "h5",
+    variant: solitary ? 'h5' : 'body1',
     color: checked && !readOnly ? 'primary' : 'textSecondary'
   }, checked ? checkedLabel : uncheckedLabel), !readOnly && /*#__PURE__*/React__default.createElement(_Switch, {
     color: "primary",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scenid/react-formulator",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "repository": "https://dennykoch@bitbucket.org/scenid/react-formulator.git",