jcicl 0.0.187 → 0.0.191

package/Input/Input.js

@@ -1,44 +1,71 @@
-import { jsx as i } from "react/jsx-runtime";
-import { n as t } from "../.chunks/emotion-styled.browser.esm.js";
-import e from "../theme.js";
-import { T as s } from "../.chunks/TextField.js";
-const d = t(s, {
+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 as p } from "../.chunks/TextField.js";
+const d = n(p, {
   shouldForwardProp: (o) => o != "borderFocusColor"
-})(({ borderFocusColor: o }) => ({
-  backgroundColor: e.colors.white,
-  borderRadius: "0",
-  height: "18px",
-  input: {
-    transition: "313ms all ease-out",
-    height: "15px",
-    padding: "2px 0",
-    borderRadius: "0",
-    borderBottom: `1px solid ${e.colors.gray}`,
-    width: "100%",
-    "&:focus-visible": {
-      boxShadow: `0 -5px 4px -4px ${o} inset`
+})(({ borderFocusColor: o, type: e }) => ({
+  ...i`
+    background-color: ${r.colors.white};
+    border-radius: 0;
+    height: 18px;
+
+    input {
+      transition: 313ms all ease-out;
+      height: 15px;
+      padding: 2px 0;
+      border-radius: 0;
+      border-bottom: 1px solid ${r.colors.gray};
+      width: 100%;
+
+      &:focus-visible {
+        ${e !== "date" && i`
+          box-shadow: 0 -5px 4px -4px ${o} inset;
+        `}
+      }
+
+      ::-webkit-calendar-picker-indicator {
+        cursor: pointer;
+        transition: 201ms all ease-out;
+        outline: none !important;
+
+        &:hover,
+        :focus-visible {
+          box-shadow:
+            0 -6px 4px -4px ${o} inset,
+            0 5px 4px -4px ${o} inset;
+        }
+      }
     }
-  },
-  "&:hover, :focus-visible": {
-    input: {
-      boxShadow: `0 -5px 4px -4px ${o} inset`
+
+    &:hover,
+    :focus-visible {
+      input {
+        ${e !== "date" && i`
+          box-shadow: 0 -5px 4px -4px ${o} inset;
+        `}
+      }
     }
-  },
-  fieldset: {
-    borderRadius: "0",
-    border: "none"
-  },
-  "&.Mui-focused": {
-    fieldset: {
-      border: "none"
+
+    fieldset {
+      border-radius: 0;
+      border: none;
     }
-  }
-})), x = ({
-  borderFocusColor: o = e.colors.green,
+
+    &.Mui-focused {
+      fieldset {
+        border: none;
+      }
+    }
+  `
+})), c = ({
+  borderFocusColor: o = r.colors.green,
   // border primary
-  ...r
-}) => /* @__PURE__ */ i(d, { borderFocusColor: o, ...r });
+  type: e,
+  ...t
+}) => /* @__PURE__ */ s(d, { borderFocusColor: o, type: e, ...t });
 export {
-  x as Input,
-  x as default
+  c as Input,
+  c as default
 };

package/LabeledDropdown/LabeledDropdown.js

@@ -312,7 +312,7 @@ const Y = D("div")(
 ), de = ({
   label: e,
   colon: o = !0,
-  options: s,
+  options: s = [],
   borderFocusColor: r = N.colors.green,
   // border primary
   minWidth: n,

package/package.json

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