@caseparts-org/caseblocks 0.0.60 → 0.0.62

package/dist/CarouselArrowButtons-Bv2242py.js

@@ -0,0 +1,48 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Icon as c } from "./atoms/Icon/Icon.js";
+import { c as r } from "./clsx-OuTLNxxd.js";
+import './assets/CarouselArrowButtons.css';const _ = "_main_1st4s_1", a = "_viewport_1st4s_4", u = "_track_1st4s_8", i = "_slide_1st4s_12", d = "_button_1st4s_17", l = "_prevButton_1st4s_33", p = "_nextButton_1st4s_36", m = "_carouselDots_1st4s_39", f = "_dot_1st4s_47", v = "_dotSelected_1st4s_55", t = {
+  main: _,
+  viewport: a,
+  track: u,
+  slide: i,
+  button: d,
+  prevButton: l,
+  nextButton: p,
+  carouselDots: m,
+  dot: f,
+  dotSelected: v
+}, h = ({
+  children: s,
+  ...o
+}) => /* @__PURE__ */ n(
+  "button",
+  {
+    className: r(t.button, t.prevButton),
+    type: "button",
+    ...o,
+    children: [
+      /* @__PURE__ */ e(c, { iconKey: "fa-sharp fa-solid fa-chevron-left", size: "md" }),
+      s
+    ]
+  }
+), y = ({
+  children: s,
+  ...o
+}) => /* @__PURE__ */ n(
+  "button",
+  {
+    className: r(t.button, t.nextButton),
+    type: "button",
+    ...o,
+    children: [
+      /* @__PURE__ */ e(c, { iconKey: "fa-sharp fa-solid fa-chevron-right", size: "md" }),
+      s
+    ]
+  }
+);
+export {
+  y as N,
+  h as P,
+  t as s
+};

package/dist/assets/BannerCard.css

@@ -1 +1 @@
-._root_1gg4a_2{position:relative;display:grid;grid-template-columns:1fr 1fr;background-size:cover;background-position:center;overflow:hidden;box-sizing:border-box;align-items:center}._content_1gg4a_13{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-default, 16px)}@media (max-width: 980px){._content_1gg4a_13{grid-column:1 / -1}}._variant_hero_1gg4a_24 ._content_1gg4a_13{padding:var(--spacing-spacing-lg, 32px)}._variant_promo_1gg4a_27 ._content_1gg4a_13{padding:var(--spacing-spacing-default, 16px)}._align_left_1gg4a_31 ._content_1gg4a_13{align-items:flex-start;grid-column:1 / span 1;text-align:left}@media (max-width: 980px){._align_left_1gg4a_31 ._content_1gg4a_13{grid-column:1 / -1}}._align_right_1gg4a_39 ._content_1gg4a_13{align-items:flex-end;grid-column:2 / span 1;text-align:right}@media (max-width: 980px){._align_right_1gg4a_39 ._content_1gg4a_13{grid-column:1 / -1}}._content_1gg4a_13>*{position:relative;z-index:1}._overlay_dark_1gg4a_54 ._header_1gg4a_54,._overlay_dark_1gg4a_54 ._description_1gg4a_55,._overlay_none_1gg4a_56 ._header_1gg4a_54,._overlay_none_1gg4a_56 ._description_1gg4a_55{color:var(--color-neutrals-neutral-1)}._overlay_light_1gg4a_62 ._header_1gg4a_54,._overlay_light_1gg4a_62 ._description_1gg4a_55{color:#000}._overlay_dark_1gg4a_54:before,._overlay_light_1gg4a_62:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}._overlay_dark_1gg4a_54:before{background:#137fb13a}._overlay_light_1gg4a_62:before{background:#ffffff73}
+._root_npd1s_2{position:relative;display:grid;grid-template-columns:repeat(4,1fr);background-size:cover;background-position:center;overflow:hidden;box-sizing:border-box;align-items:center}._content_npd1s_13{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-default, 16px);align-self:stretch}._variant_hero_npd1s_23 ._content_npd1s_13{grid-column:1 / span 2;padding:var(--spacing-spacing-lg, 32px)}._variant_promo_npd1s_28 ._content_npd1s_13{grid-column:1 / span 3;padding:var(--spacing-spacing-default, 16px)}._variant_hero_npd1s_23._align_right_npd1s_34 ._content_npd1s_13{grid-column:3 / span 2}._variant_promo_npd1s_28._align_right_npd1s_34 ._content_npd1s_13{grid-column:2 / span 3}@media (max-width: 980px){._variant_hero_npd1s_23 ._content_npd1s_13,._variant_promo_npd1s_28 ._content_npd1s_13,._variant_hero_npd1s_23._align_right_npd1s_34 ._content_npd1s_13,._variant_promo_npd1s_28._align_right_npd1s_34 ._content_npd1s_13{grid-column:1 / -1}}._align_left_npd1s_53 ._content_npd1s_13{align-items:flex-start;text-align:left;justify-self:start}._align_right_npd1s_34 ._content_npd1s_13{align-items:flex-end;text-align:right;justify-self:end}._content_npd1s_13>*{position:relative;z-index:1}._overlay_dark_npd1s_71 ._header_npd1s_71,._overlay_dark_npd1s_71 ._description_npd1s_72,._overlay_none_npd1s_73 ._header_npd1s_71,._overlay_none_npd1s_73 ._description_npd1s_72{color:var(--color-neutrals-neutral-1)}._overlay_light_npd1s_78 ._header_npd1s_71{color:var(--color-brand-primary-primary-teal-blue)}._overlay_light_npd1s_78 ._description_npd1s_72{color:#000}

package/dist/assets/CarouselArrowButtons.css

@@ -1 +1 @@
-._main_irnm9_1{position:relative}._viewport_irnm9_4{overflow:hidden;width:100%}._track_irnm9_8{display:flex;touch-action:pan-y}._slide_irnm9_12{flex:0 0 100%;min-width:0}._button_irnm9_17{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;padding:0;margin:0;border:none}._button_irnm9_17 path{fill:var(--color-neutrals-neutral-1);opacity:.6}._button_irnm9_17:disabled path{opacity:.2}._prevButton_irnm9_33{left:var(--spacing-spacing-2xs)}._nextButton_irnm9_36{right:var(--spacing-spacing-2xs)}._carouselDots_irnm9_39{position:absolute;bottom:var(--spacing-spacing-default);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-spacing-2xs)}._dot_irnm9_47{width:40px;height:2px;background:var(--color-neutrals-neutral-1);border:none;cursor:pointer;opacity:.5}._dotSelected_irnm9_55{opacity:1;width:80px}
+._main_1st4s_1{position:relative}._viewport_1st4s_4{overflow:hidden;width:100%}._track_1st4s_8{display:flex;touch-action:pan-y}._slide_1st4s_12{flex:0 0 100%;min-width:0}._button_1st4s_17{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;padding:0;margin:0;border:none}._button_1st4s_17 path{fill:var(--color-neutrals-neutral-1);opacity:.6}._button_1st4s_17:disabled path{opacity:.2}._prevButton_1st4s_33{left:0}._nextButton_1st4s_36{right:0}._carouselDots_1st4s_39{position:absolute;bottom:var(--spacing-spacing-default);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-spacing-2xs)}._dot_1st4s_47{width:40px;height:2px;background:var(--color-neutrals-neutral-1);border:none;cursor:pointer;opacity:.5}._dotSelected_1st4s_55{opacity:1;width:80px}

package/dist/molecules/BannerCard/BannerCard.js

@@ -1,14 +1,14 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
 import { getHideAtStyles as f } from "../../atoms/HideAt.js";
-import { Text as s } from "../../atoms/Text/Text.js";
+import { Text as i } from "../../atoms/Text/Text.js";
 import { c as x } from "../../clsx-OuTLNxxd.js";
-import '../../assets/BannerCard.css';const k = "_root_1gg4a_2", N = "_content_1gg4a_13", u = "_variant_hero_1gg4a_24", z = "_variant_promo_1gg4a_27", S = "_align_left_1gg4a_31", $ = "_align_right_1gg4a_39", b = "_overlay_dark_1gg4a_54", j = "_header_1gg4a_54", C = "_description_1gg4a_55", H = "_overlay_none_1gg4a_56", w = "_overlay_light_1gg4a_62", t = {
+import '../../assets/BannerCard.css';const k = "_root_npd1s_2", N = "_content_npd1s_13", u = "_variant_hero_npd1s_23", z = "_variant_promo_npd1s_28", S = "_align_right_npd1s_34", $ = "_align_left_npd1s_53", b = "_overlay_dark_npd1s_71", j = "_header_npd1s_71", C = "_description_npd1s_72", H = "_overlay_none_npd1s_73", w = "_overlay_light_npd1s_78", t = {
   root: k,
   content: N,
   variant_hero: u,
   variant_promo: z,
-  align_left: S,
-  align_right: $,
+  align_right: S,
+  align_left: $,
   overlay_dark: b,
   header: j,
   description: C,
@@ -16,34 +16,34 @@ import '../../assets/BannerCard.css';const k = "_root_1gg4a_2", N = "_content_1g
   overlay_light: w
 };
 function L({
-  variant: a = "hero",
+  variant: o = "hero",
   overlayTheme: e = "none",
   title: l,
   description: r,
-  backgroundImage: n,
-  align: g = "left",
-  cta: _,
-  className: c,
-  hideAt: d
+  backgroundImage: a,
+  align: c = "left",
+  cta: s,
+  className: d,
+  hideAt: p
 }) {
-  const h = n ? { backgroundImage: `url(${n})` } : void 0, i = a === "hero", v = i ? "6xl" : "xl", m = i ? "md" : "sm", y = e === "dark" ? t.textLight : t.textDark;
-  return /* @__PURE__ */ o(
+  const h = a ? { backgroundImage: `url(${a})` } : void 0, _ = o === "hero", g = _ ? "6xl" : "xl", v = _ ? "md" : "sm", m = e === "dark" ? t.textLight : t.textDark;
+  return /* @__PURE__ */ n(
     "article",
     {
       className: x(
         t.root,
-        t[`variant_${a}`],
-        t[`align_${g}`],
+        t[`variant_${o}`],
+        t[`align_${c}`],
         t[`overlay_${e}`],
-        y,
-        f(d),
-        c
+        m,
+        f(p),
+        d
       ),
       style: { ...h },
-      children: /* @__PURE__ */ p("div", { className: t.content, children: [
-        /* @__PURE__ */ o(s, { variant: "display", weight: "light", size: v, className: t.header, children: l }),
-        r && /* @__PURE__ */ o(s, { size: m, className: t.description, children: r }),
-        _ && /* @__PURE__ */ o("div", { className: t.cta, children: _ })
+      children: /* @__PURE__ */ y("div", { className: t.content, children: [
+        /* @__PURE__ */ n(i, { variant: "display", weight: "light", size: g, className: t.header, children: l }),
+        r && /* @__PURE__ */ n(i, { size: v, className: t.description, children: r }),
+        s && /* @__PURE__ */ n("div", { className: t.cta, children: s })
       ] })
     }
   );

package/dist/molecules/BannerCard/BannerCard.stories.js

@@ -93,12 +93,12 @@ const v = {
     docs: {
       description: {
         component: `Structure helper for promotional / hero banners.
-Responsibilities:
-- variant: only size / typography (hero vs promo)
-- overlayTheme: controls contrast + optional semi‑transparent overlay (dark/light/none)
-- backgroundImage: applied as CSS background-image
-- align: which grid column & text alignment
-Layout (width/height) is consumer-controlled.`
+        Responsibilities:
+        - variant: only size / typography (hero vs promo)
+        - overlayTheme: controls contrast + optional semi‑transparent overlay (dark/light/none)
+        - backgroundImage: applied as CSS background-image
+        - align: which grid column & text alignment
+        Layout (width/height) is consumer-controlled.`
       }
     }
   }

package/dist/organisms/Carousel/Carousel.js

@@ -2,7 +2,7 @@ import { jsxs as fn, jsx as ot } from "react/jsx-runtime";
 import vt, { useRef as Ut, useState as $t, useCallback as ln, useEffect as Ot } from "react";
 import { getHideAtStyles as dn } from "../../atoms/HideAt.js";
 import { c as qt } from "../../clsx-OuTLNxxd.js";
-import { s as rt, P as pn, N as mn } from "../../CarouselArrowButtons-DEFgjKJv.js";
+import { s as rt, P as pn, N as mn } from "../../CarouselArrowButtons-Bv2242py.js";
 import { useDotButton as gn, DotButton as hn } from "./CarouselDotButton.js";
 import { usePrevNextButtons as yn } from "./usePrevNextButtons.js";
 function Sn(t) {

package/dist/organisms/Carousel/CarouselArrowButtons.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../atoms/Icon/Icon.js";
-import { N as e, P as i } from "../../CarouselArrowButtons-DEFgjKJv.js";
+import { N as e, P as i } from "../../CarouselArrowButtons-Bv2242py.js";
 import "../../clsx-OuTLNxxd.js";
 export {
   e as NextButton,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.60",
+  "version": "0.0.62",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/CarouselArrowButtons-DEFgjKJv.js

@@ -1,48 +0,0 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import { Icon as r } from "./atoms/Icon/Icon.js";
-import { c } from "./clsx-OuTLNxxd.js";
-import './assets/CarouselArrowButtons.css';const i = "_main_irnm9_1", _ = "_viewport_irnm9_4", a = "_track_irnm9_8", u = "_slide_irnm9_12", m = "_button_irnm9_17", d = "_prevButton_irnm9_33", l = "_nextButton_irnm9_36", p = "_carouselDots_irnm9_39", f = "_dot_irnm9_47", v = "_dotSelected_irnm9_55", t = {
-  main: i,
-  viewport: _,
-  track: a,
-  slide: u,
-  button: m,
-  prevButton: d,
-  nextButton: l,
-  carouselDots: p,
-  dot: f,
-  dotSelected: v
-}, h = ({
-  children: o,
-  ...n
-}) => /* @__PURE__ */ e(
-  "button",
-  {
-    className: c(t.button, t.prevButton),
-    type: "button",
-    ...n,
-    children: [
-      /* @__PURE__ */ s(r, { iconKey: "fa-sharp fa-solid fa-chevron-left", size: "md" }),
-      o
-    ]
-  }
-), y = ({
-  children: o,
-  ...n
-}) => /* @__PURE__ */ e(
-  "button",
-  {
-    className: c(t.button, t.nextButton),
-    type: "button",
-    ...n,
-    children: [
-      /* @__PURE__ */ s(r, { iconKey: "fa-sharp fa-solid fa-chevron-right", size: "md" }),
-      o
-    ]
-  }
-);
-export {
-  y as N,
-  h as P,
-  t as s
-};