@dmsi/wedgekit-react 0.0.494 → 0.0.496

package/dist/components/CalendarRange.css

@@ -838,6 +838,12 @@
   .\!w-20 {
     width: calc(var(--spacing) * 20) !important;
   }
+  .w-1\/2 {
+    width: calc(1/2 * 100%);
+  }
+  .w-1\/4 {
+    width: calc(1/4 * 100%);
+  }
   .w-2\/3 {
     width: calc(2/3 * 100%);
   }
@@ -922,6 +928,9 @@
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
+  .min-w-10 {
+    min-width: calc(var(--spacing) * 10);
+  }
   .min-w-20 {
     min-width: calc(var(--spacing) * 20);
   }
@@ -4091,6 +4100,11 @@
       margin-top: var(--spacing-desktop-container-padding);
     }
   }
+  .desktop\:mt-px {
+    @container root (width >= 48rem) {
+      margin-top: 1px;
+    }
+  }
   .desktop\:mb-desktop-container-padding {
     @container root (width >= 48rem) {
       margin-bottom: var(--spacing-desktop-container-padding);
@@ -4673,6 +4687,7 @@
   position: relative;
   overflow: hidden;
   background-color: #f7f7f7;
+  opacity: 0.85;
 }
 .skeleton-paragraph::after {
   content: "";
@@ -4682,9 +4697,17 @@
   background-image:
     linear-gradient(
       90deg,
-      rgba(255, 255, 255, 0) 0%,
-      rgba(255, 255, 255, 0.6) 50%,
-      rgba(255, 255, 255, 0) 100%);
+      transparent 0%,
+      color-mix(in srgb, #ffffff 60%, transparent) 50%,
+      transparent 100%);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-image:
+      linear-gradient(
+        90deg,
+        transparent 0%,
+        color-mix(in srgb, var(--color-neutral-000) 60%, transparent) 50%,
+        transparent 100%);
+  }
   animation: skeleton-shimmer 1.4s ease-in-out infinite;
 }
 @keyframes skeleton-shimmer {

package/dist/components/CalendarRange.js

@@ -2,11 +2,12 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-BYY2NTJH.js";
+} from "../chunk-2A7H5GVB.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-4Q7T4GJ2.js";
 import "../chunk-3DEYCNUE.js";
 import "../chunk-DYBJUTGK.js";
+import "../chunk-Y5GD2FJA.js";
 import "../chunk-TPBEID5X.js";
 import "../chunk-B53XDCLO.js";
 import "../chunk-MBZ55T2D.js";
@@ -17,8 +18,8 @@ import "../chunk-BQNPOGD5.js";
 import "../chunk-QMSPTD6L.js";
 import "../chunk-XIXQUEYC.js";
 import "../chunk-5IFPG6TS.js";
-import "../chunk-KW6V7O3H.js";
 import "../chunk-AJ5M6MVX.js";
+import "../chunk-KW6V7O3H.js";
 import "../chunk-JUFBGNWW.js";
 import "../chunk-YEZBNQZI.js";
 import "../chunk-S5ZJ3Q7P.js";
@@ -26,7 +27,7 @@ import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import "../chunk-7GHD74J3.js";
 import "../chunk-7BVUTFZ5.js";
-import "../chunk-ETAEB3TA.js";
+import "../chunk-L3BXRDLP.js";
 import "../chunk-GRGDX7JC.js";
 import "../chunk-HVNHTM3P.js";
 import "../chunk-X67L3NZI.js";
@@ -39,15 +40,16 @@ import "../chunk-6TYWM26K.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-Y2GK27RX.js";
 import "../chunk-QVWYTQKL.js";
-import "../chunk-QBSEKZWX.js";
+import "../chunk-ZKTHUXKS.js";
 import "../chunk-TCMOGTPB.js";
 import "../chunk-DVU5XV7L.js";
-import "../chunk-IPAKWF2V.js";
+import "../chunk-5R4C5F63.js";
 import "../chunk-RQRR4FEF.js";
 import "../chunk-44TH3VC7.js";
 import "../chunk-AL5QIRY3.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-75USUR3I.js";
+import "../chunk-BTKWHCUE.js";
 import "../chunk-WEAVZEE4.js";
 import "../chunk-OZBB6RFM.js";
 import "../chunk-URYQ24NF.js";

package/dist/components/Caption.cjs

@@ -247,7 +247,8 @@ var Caption = (_a) => {
     color,
     align,
     id,
-    testid
+    testid,
+    marginTopDesktop
   } = _b, props = __objRest(_b, [
     "className",
     "children",
@@ -256,7 +257,8 @@ var Caption = (_a) => {
     "color",
     "align",
     "id",
-    "testid"
+    "testid",
+    "marginTopDesktop"
   ]);
   const Element = as;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id, "data-testid": testid, className: "flex gap-1", children: [
@@ -284,7 +286,8 @@ var Caption = (_a) => {
           align === "left" && "text-left",
           align === "center" && "text-center",
           align === "right" && "text-right",
-          className
+          className,
+          marginTopDesktop && `desktop:mt-px`
         )
       }, props), {
         style: {

package/dist/components/Caption.js

@@ -1,133 +1,9 @@
 import {
-  Icon
-} from "../chunk-NKUETCDA.js";
-import {
-  typography
-} from "../chunk-IXR65MOU.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-
-// src/components/Caption.tsx
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Caption = (_a) => {
-  var _b = _a, {
-    className,
-    children,
-    as = "span",
-    style = "default",
-    color,
-    align,
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "as",
-    "style",
-    "color",
-    "align",
-    "id",
-    "testid"
-  ]);
-  const Element = as;
-  return /* @__PURE__ */ jsxs("div", { id, "data-testid": testid, className: "flex gap-1", children: [
-    /* @__PURE__ */ jsx(
-      WhichIcon,
-      {
-        id,
-        testid,
-        style,
-        size: 16,
-        className: "mt-[3px] desktop:mt-0"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Element,
-      __spreadProps(__spreadValues({
-        id: id ? `${id}-text` : void 0,
-        "data-testid": testid ? `${testid}-text` : void 0,
-        className: clsx(
-          typography.caption.replace("text-text-primary-normal", ""),
-          (style === "default" || style === "info") && "text-text-secondary-normal",
-          style === "success" && "text-text-success-normal",
-          style === "warning" && "text-text-warning-normal",
-          style === "error" && "text-text-critical-normal",
-          align === "left" && "text-left",
-          align === "center" && "text-center",
-          align === "right" && "text-right",
-          className
-        )
-      }, props), {
-        style: {
-          color: color ? `var(--color-${color})` : void 0
-        },
-        children
-      })
-    )
-  ] });
-};
-var WhichIcon = ({
-  style,
-  size,
-  className,
-  id,
-  testid
-}) => {
-  if (style === "success") {
-    return /* @__PURE__ */ jsx("span", { className: "text-icon-success-normal contents", children: /* @__PURE__ */ jsx(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "check_circle",
-        size
-      }
-    ) });
-  }
-  if (style === "warning") {
-    return /* @__PURE__ */ jsx("span", { className: "text-icon-warning-normal contents", children: /* @__PURE__ */ jsx(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "warning",
-        size
-      }
-    ) });
-  }
-  if (style === "error") {
-    return /* @__PURE__ */ jsx("span", { className: "text-icon-critical-normal contents", children: /* @__PURE__ */ jsx(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "info",
-        size
-      }
-    ) });
-  }
-  if (style === "info") {
-    return /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "info",
-        size
-      }
-    ) });
-  }
-  return null;
-};
-Caption.displayName = "Caption";
+  Caption
+} from "../chunk-BTKWHCUE.js";
+import "../chunk-NKUETCDA.js";
+import "../chunk-IXR65MOU.js";
+import "../chunk-ORMEWXMH.js";
 export {
   Caption
 };