@ahrowe/ui 0.2.8 → 0.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -388,6 +388,8 @@ var He = /* @__PURE__ */ function(e) {
388
388
  return e.Elevated = "elevated", e.Outlined = "outlined", e.Filled = "filled", e;
389
389
  }({}), Ue = {
390
390
  card: "card_w-6Ki",
391
+ "card-clip": "card-clip_eZ8-1",
392
+ cardClip: "card-clip_eZ8-1",
391
393
  "card-padding": "card-padding_X2-q-",
392
394
  cardPadding: "card-padding_X2-q-",
393
395
  "card-gaps": "card-gaps_jhYkx",
@@ -422,16 +424,16 @@ var He = /* @__PURE__ */ function(e) {
422
424
  outlined: Ue.cardStyleOutlined,
423
425
  filled: Ue.cardStyleFilled
424
426
  };
425
- function Ge({ className: e = void 0, children: t = null, styleType: n = He.Elevated, onClick: r = void 0, tabIndex: i = null, hoverEffect: a = void 0, style: o = void 0, autoGap: s = !0, ...c }) {
426
- let l = !!r;
427
+ function Ge({ className: e = void 0, children: t = null, styleType: n = He.Elevated, onClick: r = void 0, tabIndex: i = null, hoverEffect: a = void 0, style: o = void 0, autoGap: s = !0, clip: c = !0, ...l }) {
428
+ let u = !!r;
427
429
  return /* @__PURE__ */ W(Re, {
428
- ...c,
429
- className: p(Ue.card, Ue.cardPadding, We[n], l && Ue.cardInteractable, (l && a !== !1 || a) && Ue.cardHover, e),
430
+ ...l,
431
+ className: p(Ue.card, Ue.cardPadding, We[n], c && Ue.cardClip, u && Ue.cardInteractable, (u && a !== !1 || a) && Ue.cardHover, e),
430
432
  onClick: r,
431
- tabIndex: i ?? (l ? 0 : null),
433
+ tabIndex: i ?? (u ? 0 : null),
432
434
  style: o,
433
435
  children: /* @__PURE__ */ W(je, {
434
- disabled: !l,
436
+ disabled: !u,
435
437
  overflowHidden: !1,
436
438
  className: p(s && Ue.cardGaps),
437
439
  children: t
@@ -4554,6 +4556,9 @@ var Vr = {
4554
4556
  "--default-font": "'Inter', sans-serif",
4555
4557
  "--themed-font": "'Inter', sans-serif",
4556
4558
  "--card-shadow": "0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%)",
4559
+ "--background-card-elevated": "var(--background-accent-light)",
4560
+ "--background-card-outlined": "transparent",
4561
+ "--background-card-filled": "var(--background-accent)",
4557
4562
  "--spacing-s": "4px",
4558
4563
  "--spacing-m": "8px",
4559
4564
  "--spacing-l": "16px"