@uoguelph/react-components 1.2.12 → 1.2.14

package/dist/tab-panels.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
-import { TabPanels as r } from "@headlessui/react";
-import { twMerge as n } from "tailwind-merge";
+import { TabPanels as n } from "@headlessui/react";
+import { twMerge as r } from "tailwind-merge";
 function t({ children: a, className: s }) {
-  const e = n("uofg-tab-panels", s);
-  return /* @__PURE__ */ o(r, { className: e, children: a });
+  const e = r("uofg-tab-panels", s);
+  return /* @__PURE__ */ o(n, { className: `uofg-tab-panels ${e}`, children: a });
 }
 t.displayName = "TabPanels";
 export {

package/dist/tab.js

@@ -23,7 +23,7 @@ function r({ children: o, className: e }) {
     "uog:flex-1",
     e
   );
-  return /* @__PURE__ */ u(t, { className: g, children: o });
+  return /* @__PURE__ */ u(t, { className: `uofg-tab ${g}`, children: o });
 }
 r.displayName = "Tab";
 export {

package/dist/tabs.js

@@ -1,19 +1,19 @@
 import { jsx as t } from "react/jsx-runtime";
-import { TabGroup as e } from "@headlessui/react";
-import { twMerge as s } from "tailwind-merge";
+import { TabGroup as s } from "@headlessui/react";
+import { twMerge as e } from "tailwind-merge";
 import { Tab as n } from "./tab.js";
 import { TabList as l } from "./tab-list.js";
-import { TabPanel as u } from "./tab-panel.js";
+import { TabPanel as c } from "./tab-panel.js";
 import { TabPanels as N } from "./tab-panels.js";
 function m({ children: o, className: r }) {
-  const a = s("uofg-tabs", r);
-  return /* @__PURE__ */ t(e, { className: a, children: o });
+  const a = e("uofg-tabs", r);
+  return /* @__PURE__ */ t(s, { className: `uofg-tabs ${a}`, children: o });
 }
 m.displayName = "Tabs";
 export {
   n as Tab,
   l as TabList,
-  u as TabPanel,
+  c as TabPanel,
   N as TabPanels,
   m as Tabs
 };

package/dist/text-input.js

@@ -1,18 +1,18 @@
-import { jsxs as s, jsx as u } from "react/jsx-runtime";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { h as w } from "./regular-DmWV6rTj.js";
 import { FontAwesomeIcon as h } from "@fortawesome/react-fontawesome";
 import { Field as v, Label as y, Input as N } from "@headlessui/react";
-import { useState as j, useRef as B } from "react";
-import { tv as E } from "tailwind-variants";
-function T({
-  initialValue: i = "",
+import { useState as $, useRef as j } from "react";
+import { tv as B } from "tailwind-variants";
+function O({
+  initialValue: s = "",
   type: c = "text",
   placeholder: a = "",
   onInput: n,
-  children: l,
+  children: i,
   ...g
 }) {
-  const [r, p] = j(i), e = B(null), m = E({
+  const [u, p] = $(s), e = j(null), f = B({
     slots: {
       base: "uog:flex uog:flex-col uog:gap-0.5",
       wrapper: "uog:text-input uog:border-grey-light uog:flex uog:rounded-md uog:border uog:px-4 uog:py-2 uog:transition-colors uog:focus-within:border-blue uog:focus:outline-none uog:bg-white",
@@ -26,41 +26,41 @@ function T({
         }
       }
     }
-  }), { base: f, wrapper: b, input: d, clearButton: x } = m({ empty: (r == null ? void 0 : r.length) === 0 });
-  return /* @__PURE__ */ s(v, { className: f(), children: [
-    l && /* @__PURE__ */ u(y, { children: l }),
-    /* @__PURE__ */ s("div", { className: b(), children: [
-      /* @__PURE__ */ u(
+  }), { base: m, wrapper: x, input: b, clearButton: d } = f({ empty: (u == null ? void 0 : u.length) === 0 });
+  return /* @__PURE__ */ l(v, { className: `uofg-text-input-field ${m()}`, children: [
+    i && /* @__PURE__ */ r(y, { className: "uofg-text-input-label", children: i }),
+    /* @__PURE__ */ l("div", { className: `uofg-text-input-wrapper ${x()}`, children: [
+      /* @__PURE__ */ r(
         N,
         {
           ...g,
           ref: e,
-          value: r,
+          value: u,
           type: c,
           placeholder: a,
           onInput: (t) => {
             var o;
             p((o = t == null ? void 0 : t.target) == null ? void 0 : o.value), n == null || n(t);
           },
-          className: d()
+          className: `uofg-text-input ${b()}`
         }
       ),
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ r(
         "button",
         {
-          className: x(),
+          className: `uofg-text-input-clear-button ${d()}`,
           onClick: () => {
             var o;
             if (!e.current) return;
             const t = (o = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : o.set;
             t == null || t.call(e.current, ""), e.current.dispatchEvent(new Event("input", { bubbles: !0 })), e.current.focus();
           },
-          children: /* @__PURE__ */ u(h, { icon: w })
+          children: /* @__PURE__ */ r(h, { icon: w })
         }
       )
     ] })
   ] });
 }
 export {
-  T as TextInput
+  O as TextInput
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.2.12",
+  "version": "1.2.14",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -84,5 +84,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "79252819d4c0d25e47e6bfcd9698129d3551e397"
+  "gitHead": "dd17011e129ba30239853925e13c084e0c2615e9"
 }