jcicl 0.0.307 → 0.0.309

package/Input/Input.js

@@ -1,13 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
 import { n } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as i } from "../.chunks/emotion-react.browser.esm.js";
-import r from "../theme.js";
+import t from "../theme.js";
 import { T as p } from "../.chunks/TextField.js";
-const d = n(p, {
+const a = n(p, {
   shouldForwardProp: (o) => o != "borderFocusColor"
-})(({ borderFocusColor: o, type: e }) => ({
+})(({ borderFocusColor: o, type: e, disabled: r }) => ({
   ...i`
-    background-color: ${r.colors.white};
+    background-color: ${t.colors.white};
     border-radius: 0;
     height: 18px;
 
@@ -16,11 +16,11 @@ const d = n(p, {
       height: 15px;
       padding: 2px 0;
       border-radius: 0;
-      border-bottom: 1px solid ${r.colors.gray};
+      border-bottom: 1px solid ${t.colors.gray};
       width: 100%;
 
       &:focus-visible {
-        ${e !== "date" && i`
+        ${e !== "date" && !r && i`
           box-shadow: 0 -5px 4px -4px ${o} inset;
         `}
       }
@@ -42,7 +42,7 @@ const d = n(p, {
     &:hover,
     :focus-visible {
       input {
-        ${e !== "date" && i`
+        ${e !== "date" && !r && i`
           box-shadow: 0 -5px 4px -4px ${o} inset;
         `}
       }
@@ -60,11 +60,11 @@ const d = n(p, {
     }
   `
 })), c = ({
-  borderFocusColor: o = r.colors.green,
+  borderFocusColor: o = t.colors.green,
   // border primary
   type: e,
-  ...t
-}) => /* @__PURE__ */ s(d, { borderFocusColor: o, type: e, ...t });
+  ...r
+}) => /* @__PURE__ */ s(a, { borderFocusColor: o, type: e, ...r });
 export {
   c as Input,
   c as default

package/LabeledCheckbox/LabeledCheckbox.js

@@ -1,12 +1,12 @@
-import { jsxs as z, jsx as r } from "react/jsx-runtime";
+import { jsxs as z, jsx as c } from "react/jsx-runtime";
 import { n as oe } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as te } from "../.chunks/emotion-react.browser.esm.js";
 import ae from "../theme.js";
 import * as v from "react";
-import { g as E, a as q, s as O, r as V, b as U, P as e, c as b, d as H, e as T, u as se } from "../.chunks/DefaultPropsProvider.js";
-import { u as ne } from "../.chunks/useFormControl.js";
-import { B as ce } from "../.chunks/ButtonBase.js";
-import { u as re } from "../.chunks/useControlled.js";
+import { g as E, a as q, s as O, r as V, b as U, P as e, c as b, d as H, e as T, u as ne } from "../.chunks/DefaultPropsProvider.js";
+import { u as se } from "../.chunks/useFormControl.js";
+import { B as re } from "../.chunks/ButtonBase.js";
+import { u as ce } from "../.chunks/useControlled.js";
 import { r as D } from "../.chunks/TransitionGroupContext.js";
 import { c as P } from "../.chunks/createSvgIcon.js";
 import { m as ie } from "../.chunks/memoTheme.js";
@@ -19,14 +19,14 @@ const de = (o) => {
   const {
     classes: t,
     checked: a,
-    disabled: s,
-    edge: n
+    disabled: n,
+    edge: s
   } = o, l = {
-    root: ["root", a && "checked", s && "disabled", n && `edge${b(n)}`],
+    root: ["root", a && "checked", n && "disabled", s && `edge${b(s)}`],
     input: ["input"]
   };
   return H(l, le, t);
-}, pe = O(ce)({
+}, pe = O(re)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -77,8 +77,8 @@ const de = (o) => {
   zIndex: 1
 }), _ = /* @__PURE__ */ v.forwardRef(function(t, a) {
   const {
-    autoFocus: s,
-    checked: n,
+    autoFocus: n,
+    checked: s,
     checkedIcon: l,
     className: p,
     defaultChecked: d,
@@ -97,28 +97,28 @@ const de = (o) => {
     required: G = !1,
     tabIndex: J,
     type: x,
-    value: j,
+    value: $,
     ...K
-  } = t, [$, Q] = re({
-    controlled: n,
+  } = t, [j, Q] = ce({
+    controlled: s,
     default: !!d,
     name: "SwitchBase",
     state: "checked"
-  }), i = ne(), X = (c) => {
-    F && F(c), i && i.onFocus && i.onFocus(c);
-  }, Y = (c) => {
-    f && f(c), i && i.onBlur && i.onBlur(c);
-  }, Z = (c) => {
-    if (c.nativeEvent.defaultPrevented)
+  }), i = se(), X = (r) => {
+    F && F(r), i && i.onFocus && i.onFocus(r);
+  }, Y = (r) => {
+    f && f(r), i && i.onBlur && i.onBlur(r);
+  }, Z = (r) => {
+    if (r.nativeEvent.defaultPrevented)
       return;
-    const M = c.target.checked;
-    Q(M), h && h(c, M);
+    const M = r.target.checked;
+    Q(M), h && h(r, M);
   };
   let m = k;
   i && typeof m > "u" && (m = i.disabled);
   const ee = x === "checkbox" || x === "radio", R = {
     ...t,
-    checked: $,
+    checked: j,
     disabled: m,
     disableFocusRipple: g,
     edge: u
@@ -136,9 +136,9 @@ const de = (o) => {
     ownerState: R,
     ref: a,
     ...K,
-    children: [/* @__PURE__ */ r(ue, {
-      autoFocus: s,
-      checked: n,
+    children: [/* @__PURE__ */ c(ue, {
+      autoFocus: n,
+      checked: s,
       defaultChecked: d,
       className: N.input,
       disabled: m,
@@ -151,11 +151,11 @@ const de = (o) => {
       ownerState: R,
       tabIndex: J,
       type: x,
-      ...x === "checkbox" && j === void 0 ? {} : {
-        value: j
+      ...x === "checkbox" && $ === void 0 ? {} : {
+        value: $
       },
       ...I
-    }), $ ? l : w]
+    }), j ? l : w]
   });
 });
 process.env.NODE_ENV !== "production" && (_.propTypes = {
@@ -261,11 +261,11 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    */
   value: e.any
 });
-const fe = P(/* @__PURE__ */ r("path", {
+const fe = P(/* @__PURE__ */ c("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), he = P(/* @__PURE__ */ r("path", {
+}), "CheckBoxOutlineBlank"), he = P(/* @__PURE__ */ c("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), me = P(/* @__PURE__ */ r("path", {
+}), "CheckBox"), me = P(/* @__PURE__ */ c("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
 function be(o) {
@@ -275,10 +275,10 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
   const {
     classes: t,
     indeterminate: a,
-    color: s,
-    size: n
+    color: n,
+    size: s
   } = o, l = {
-    root: ["root", a && "indeterminate", `color${b(s)}`, `size${b(n)}`]
+    root: ["root", a && "indeterminate", `color${b(n)}`, `size${b(s)}`]
   }, p = H(l, be, t);
   return {
     ...t,
@@ -345,12 +345,12 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), Ce = /* @__PURE__ */ r(he, {}), ye = /* @__PURE__ */ r(fe, {}), xe = /* @__PURE__ */ r(me, {}), W = /* @__PURE__ */ v.forwardRef(function(t, a) {
-  const s = se({
+}))), Ce = /* @__PURE__ */ c(he, {}), ye = /* @__PURE__ */ c(fe, {}), xe = /* @__PURE__ */ c(me, {}), W = /* @__PURE__ */ v.forwardRef(function(t, a) {
+  const n = ne({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: n = Ce,
+    checkedIcon: s = Ce,
     color: l = "primary",
     icon: p = ye,
     indeterminate: d = !1,
@@ -360,14 +360,14 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     disableRipple: w = !1,
     className: B,
     ...I
-  } = s, C = d ? k : p, y = d ? k : n, f = {
-    ...s,
+  } = n, C = d ? k : p, y = d ? k : s, f = {
+    ...n,
     disableRipple: w,
     color: l,
     indeterminate: d,
     size: u
   }, h = ke(f);
-  return /* @__PURE__ */ r(ge, {
+  return /* @__PURE__ */ c(ge, {
     type: "checkbox",
     inputProps: {
       "data-indeterminate": d,
@@ -487,7 +487,7 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   value: e.any
 });
-const ve = oe("div")(() => ({
+const ve = oe("div")(({ disabled: o }) => ({
   ...te`
     display: flex;
     flex-wrap: nowrap;
@@ -505,6 +505,10 @@ const ve = oe("div")(() => ({
       padding: 0;
       width: 19px;
       height: 19px;
+
+      input {
+        cursor: ${o ? "default" : "pointer"};
+      }
     }
 
     .Mui-checked {
@@ -515,13 +519,13 @@ const ve = oe("div")(() => ({
   label: o,
   colon: t = !0,
   noLabel: a = !1,
-  ...s
+  ...n
 }) => /* @__PURE__ */ z(ve, { className: "jcLabeledCheckbox", children: [
   !a && /* @__PURE__ */ z("span", { className: "jcCheckboxLabel", children: [
     o,
     t && ":"
   ] }),
-  /* @__PURE__ */ r(W, { ...s })
+  /* @__PURE__ */ c(W, { ...n })
 ] });
 export {
   Me as LabeledCheckbox,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.307",
+  "version": "0.0.309",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",