trepur_components 2.3.28 → 2.3.29

package/lib/components/Carousel/index.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
-import { createContext as I, forwardRef as h, useState as k, useMemo as K, useContext as b } from "react";
+import { createContext as I, forwardRef as h, useState as S, useMemo as K, useContext as b } from "react";
 import { Icon as j } from "../Icon/index.js";
 import { faChevronRight as L, faChevronLeft as O, faCircle as T } from "@fortawesome/fontawesome-free-solid";
 import m from "clsx";
 import "../../node_modules/keen-slider/keen-slider.min.css.js";
 import { useKeenSlider as $ } from "../../node_modules/keen-slider/react.js";
 import { WheelControls as M } from "./utils.js";
-const g = I(null), A = h(
+const N = I(null), A = h(
   ({
     breakpoints: s,
     children: t,
@@ -17,7 +17,7 @@ const g = I(null), A = h(
     spacing: c,
     ...i
   }, y) => {
-    const [f, u] = k(1), [x, l] = k(!1), [C, p] = $(
+    const [f, u] = S(1), [x, l] = S(!1), [C, p] = $(
       {
         breakpoints: s,
         loop: e,
@@ -34,7 +34,7 @@ const g = I(null), A = h(
         }
       },
       [M]
-    ), w = K(
+    ), g = K(
       () => ({
         sliderRef: C,
         instanceRef: p,
@@ -52,14 +52,14 @@ const g = I(null), A = h(
         n,
         x
       ]
-    ), N = (d) => {
+    ), w = (d) => {
       var v;
       d.key === "Tab" && ((v = p.current) == null || v.next());
     };
-    return /* @__PURE__ */ o(g.Provider, { value: w, children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ o(N.Provider, { value: g, children: /* @__PURE__ */ o(
       "div",
       {
-        onKeyDown: N,
+        onKeyDown: w,
         className: m("navigation-wrapper w-full", a),
         ref: y,
         ...i,
@@ -79,7 +79,7 @@ const g = I(null), A = h(
     children: s
   }
 )), P = h(({ className: s, children: t, ...a }) => {
-  const { sliderRef: e } = b(g) || {};
+  const { sliderRef: e } = b(N) || {};
   return /* @__PURE__ */ o(
     "div",
     {
@@ -90,13 +90,13 @@ const g = I(null), A = h(
     }
   );
 }), R = h(({ className: s, rightArrow: t = !1, ...a }, e) => {
-  const { instanceRef: n } = b(g) || {};
+  const { instanceRef: n } = b(N) || {};
   return /* @__PURE__ */ o(
     "div",
     {
       ref: e,
       className: m(
-        "my-auto text-carousel-arrow-default hover:cursor-pointer hover:text-carousel-arrow-hover",
+        "hidden md:block my-auto text-carousel-arrow-default hover:cursor-pointer hover:text-carousel-arrow-hover",
         s
       ),
       onClick: (r) => {
@@ -114,18 +114,18 @@ const g = I(null), A = h(
     loop: n,
     currentSlide: r = 1,
     perView: c = 1
-  } = b(g) || {}, i = (x = (u = (f = (y = e == null ? void 0 : e.current) == null ? void 0 : y.track) == null ? void 0 : f.details) == null ? void 0 : u.slides) == null ? void 0 : x.length;
-  return /* @__PURE__ */ o("div", { className: m("flex justify-center", s), children: [...Array(i).keys()].map((l) => {
-    var w, N, d, v;
-    const C = ((v = (d = (N = (w = e == null ? void 0 : e.current) == null ? void 0 : w.track) == null ? void 0 : N.details) == null ? void 0 : d.slides) == null ? void 0 : v.length) ?? 1, p = n ? r + c <= C ? l >= r && l < r + c : l >= r || r + c - C - 1 >= l : r === l;
+  } = b(N) || {}, i = (x = (u = (f = (y = e == null ? void 0 : e.current) == null ? void 0 : y.track) == null ? void 0 : f.details) == null ? void 0 : u.slides) == null ? void 0 : x.length;
+  return /* @__PURE__ */ o("div", { className: m("flex justify-center gap-0.5 pt-2", s), children: [...Array(i).keys()].map((l) => {
+    var g, w, d, v;
+    const C = ((v = (d = (w = (g = e == null ? void 0 : e.current) == null ? void 0 : g.track) == null ? void 0 : w.details) == null ? void 0 : d.slides) == null ? void 0 : v.length) ?? 1, p = n ? r + c <= C ? l >= r && l < r + c : l >= r || r + c - C - 1 >= l : r === l;
     return /* @__PURE__ */ o(
       "button",
       {
         ref: a,
         type: "button",
         onClick: () => {
-          var S;
-          (S = e.current) == null || S.moveToIdx(l);
+          var k;
+          (k = e.current) == null || k.moveToIdx(l);
         },
         "aria-label": `carousel-button${t.id ? `-${t.id}` : ""}`,
         children: /* @__PURE__ */ o(
@@ -136,7 +136,7 @@ const g = I(null), A = h(
               p ? "text-carousel-dots-active" : "text-carousel-dots-default"
             ),
             icon: T,
-            size: "2x"
+            size: "xl"
           }
         )
       },

package/lib/components/ImageCard/index.js

@@ -1,11 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { Image as p } from "../Image/index.js";
-import C from "clsx";
+import c from "clsx";
 const d = m(({ className: a, children: e, ...r }, n) => /* @__PURE__ */ t(
   "div",
   {
-    className: C(
+    className: c(
       "grid max-w-96 overflow-hidden rounded-xl bg-white drop-shadow",
       a
     ),
@@ -13,14 +13,14 @@ const d = m(({ className: a, children: e, ...r }, n) => /* @__PURE__ */ t(
     ...r,
     children: e
   }
-)), s = m(({ src: a, ...e }) => /* @__PURE__ */ t("div", { className: "h-64", children: /* @__PURE__ */ t(p, { src: a, ...e }) })), o = m(({ children: a, ...e }, r) => /* @__PURE__ */ t("div", { className: "px-2 pb-4 pt-2", ref: r, ...e, children: a })), i = m(({ ...a }, e) => /* @__PURE__ */ t("p", { className: "text-lg", ref: e, ...a })), l = m(({ ...a }, e) => /* @__PURE__ */ t("p", { className: "text-sm", ref: e, ...a })), g = m(({ ...a }, e) => /* @__PURE__ */ t("p", { className: "text-md pt-2", ref: e, ...a }));
+)), s = m(({ src: a, ...e }) => /* @__PURE__ */ t("div", { className: "h-64 object-cover", children: /* @__PURE__ */ t(p, { src: a, ...e }) })), o = m(({ children: a, ...e }, r) => /* @__PURE__ */ t("div", { className: "px-2 pb-4 pt-2", ref: r, ...e, children: a })), i = m(({ ...a }, e) => /* @__PURE__ */ t("p", { className: "text-lg", ref: e, ...a })), l = m(({ ...a }, e) => /* @__PURE__ */ t("p", { className: "text-sm", ref: e, ...a })), g = m(({ ...a }, e) => /* @__PURE__ */ t("p", { className: "text-md pt-2", ref: e, ...a }));
 d.displayName = "ImageCard";
 s.displayName = "ImageCard.Image";
 i.displayName = "ImageCard.Title";
 l.displayName = "ImageCard.Subtitle";
 o.displayName = "ImageCard.Content";
 g.displayName = "ImageCard.Text";
-const f = Object.assign(d, {
+const b = Object.assign(d, {
   Image: s,
   Content: o,
   Title: i,
@@ -28,5 +28,5 @@ const f = Object.assign(d, {
   Text: g
 });
 export {
-  f as ImageCard
+  b as ImageCard
 };

package/lib/documentation/components/ThemeColours.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'react';
+
+interface PaletteContextProps {
+    prefix?: string;
+    record: Record<string, string>;
+}
+interface PaletteGroupProps {
+    config: Record<string, Record<string, string>>;
+}
+interface SwatchContextProps {
+    swatchId: string;
+    swatch: string;
+}
+export declare const Palette: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & PaletteContextProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const PaletteGroup: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement> & PaletteContextProps & import('react').RefAttributes<HTMLDivElement> & PaletteGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Swatch: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & SwatchContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Canvas: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+};
+export {};

package/lib/styles/themes/local.css

@@ -71,6 +71,13 @@ body {
   --color-button-bordered-text: #000000;
   --color-button-bordered-hover: #5f5f5f;
 
+  /* Carousel */
+  --color-carousel-dots-active: #1a1dd9;
+  --color-carousel-dots-default: #2c2525;
+  --color-carousel-dots-hover: #1a1dd9;
+  --color-carousel-arrow-default: #31a3dd;
+  --color-carousel-arrow-hover: #ae127a;
+
   /* Footer */
   --color-footer-bg: #1b54c6;
   --color-footer-text: #ffffff;
@@ -88,13 +95,6 @@ body {
   --color-tubestop-text-complete: #c9c8c8;
   --color-tubestop-text-future: #5b5b5b;
 
-  /* Carousel */
-  --color-carousel-dots-active: #1a1dd9;
-  --color-carousel-dots-default: #2c2525;
-  --color-carousel-dots-hover: #1a1dd9;
-  --color-carousel-arrow-default: #31a3dd;
-  --color-carousel-arrow-hover: #ae127a;
-
   /* Nav */
   --color-nav: #ae127a;
 }

package/lib/styles/themes/penrithmrt.css

@@ -48,12 +48,12 @@ body.theme-penrithmrt {
   --color-button-basic-hover: #cecece;
 
   /* Carousel */
-  --color-carousel-arrow-default: '#3c2f71';
-  --color-carousel-arrow-hover: '#e94439';
-  --color-carousel-dots-default: '#3c2f71';
-  --color-carousel-dots-active: '#e94439';
-  --color-carousel-dots-hover: '#e94439';
-  
+  --color-carousel-arrow-default: #3c2f71;
+  --color-carousel-arrow-hover: #e94439;
+  --color-carousel-dots-default: #3c2f71;
+  --color-carousel-dots-active: #e94439;
+  --color-carousel-dots-hover: #e94439;
+
   /* Footer */
   --color-footer-bg: #1b54c6;
   --color-footer-text: #ffffff;

package/lib/tailwind/colors.ts

@@ -1,4 +1,3 @@
-/* eslint-disable sort-keys */
 export default {
   primary: 'var(--color-primary)',
   secondary: 'var(--color-secondary)',
@@ -75,7 +74,7 @@ export default {
       hover: 'var(--color-carousel-arrow-hover)'
     },
     dots: {
-      default: 'var(--color-carousel-dots-inactive)',
+      default: 'var(--color-carousel-dots-default)',
       active: 'var(--color-carousel-dots-active)',
       hover: 'var(--color-carousel-dots-hover)'
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.3.28",
+  "version": "2.3.29",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,