jcicl 0.0.307 → 0.0.311

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 ne 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 ae } 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";
@@ -18,15 +18,15 @@ q("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "ed
 const de = (o) => {
   const {
     classes: t,
-    checked: a,
-    disabled: s,
-    edge: n
+    checked: n,
+    disabled: a,
+    edge: s
   } = o, l = {
-    root: ["root", a && "checked", s && "disabled", n && `edge${b(n)}`],
+    root: ["root", n && "checked", a && "disabled", s && `edge${b(s)}`],
     input: ["input"]
   };
   return H(l, le, t);
-}, pe = O(ce)({
+}, pe = O(re)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -75,10 +75,10 @@ const de = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), _ = /* @__PURE__ */ v.forwardRef(function(t, a) {
+}), _ = /* @__PURE__ */ v.forwardRef(function(t, n) {
   const {
-    autoFocus: s,
-    checked: n,
+    autoFocus: a,
+    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
@@ -134,11 +134,11 @@ const de = (o) => {
     onFocus: X,
     onBlur: Y,
     ownerState: R,
-    ref: a,
+    ref: n,
     ...K,
-    children: [/* @__PURE__ */ r(ue, {
-      autoFocus: s,
-      checked: n,
+    children: [/* @__PURE__ */ c(ue, {
+      autoFocus: a,
+      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) {
@@ -274,11 +274,11 @@ function be(o) {
 const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), ke = (o) => {
   const {
     classes: t,
-    indeterminate: a,
-    color: s,
-    size: n
+    indeterminate: n,
+    color: a,
+    size: s
   } = o, l = {
-    root: ["root", a && "indeterminate", `color${b(s)}`, `size${b(n)}`]
+    root: ["root", n && "indeterminate", `color${b(a)}`, `size${b(s)}`]
   }, p = H(l, be, t);
   return {
     ...t,
@@ -291,9 +291,9 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: n
     } = o;
-    return [t.root, a.indeterminate && t.indeterminate, t[`size${b(a.size)}`], a.color !== "default" && t[`color${b(a.color)}`]];
+    return [t.root, n.indeterminate && t.indeterminate, t[`size${b(n.size)}`], n.color !== "default" && t[`color${b(n.color)}`]];
   }
 })(ie(({
   theme: o
@@ -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, n) {
+  const a = ae({
     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,
+  } = a, C = d ? k : p, y = d ? k : s, f = {
+    ...a,
     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,
@@ -380,7 +380,7 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       fontSize: y.props.fontSize ?? u
     }),
     ownerState: f,
-    ref: a,
+    ref: n,
     className: U(h.root, B),
     ...I,
     classes: h
@@ -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,23 +505,29 @@ const ve = oe("div")(() => ({
       padding: 0;
       width: 19px;
       height: 19px;
+
+      cursor: ${o ? "default" : "pointer"};
+
+      input {
+        cursor: ${o ? "default" : "pointer"};
+      }
     }
 
     .Mui-checked {
-      color: ${ae.colors.green} !important;
+      color: ${ne.colors.green} !important;
     }
   `
 })), Me = ({
   label: o,
   colon: t = !0,
-  noLabel: a = !1,
-  ...s
+  noLabel: n = !1,
+  ...a
 }) => /* @__PURE__ */ z(ve, { className: "jcLabeledCheckbox", children: [
-  !a && /* @__PURE__ */ z("span", { className: "jcCheckboxLabel", children: [
+  !n && /* @__PURE__ */ z("span", { className: "jcCheckboxLabel", children: [
     o,
     t && ":"
   ] }),
-  /* @__PURE__ */ r(W, { ...s })
+  /* @__PURE__ */ c(W, { ...a })
 ] });
 export {
   Me as LabeledCheckbox,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.307",
+  "version": "0.0.311",
   "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",