@dmsi/wedgekit-react 0.0.232 → 0.0.233

package/dist/{chunk-JFPRYMID.js → chunk-3FOAGRIY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-UAPWR2KE.js";
 import {
   Button
-} from "./chunk-SK742QNF.js";
+} from "./chunk-KNP4LUFA.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-BHJNYWQG.js → chunk-4AHS4CVA.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-SK742QNF.js";
+} from "./chunk-KNP4LUFA.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-RDLEIAQU.js → chunk-6CTCHYIS.js}

@@ -55,6 +55,11 @@ var typography = {
     "font-sans font-normal",
     "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
     "leading-caption-mobile desktop:leading-caption-desktop"
+  ),
+  breadcrumb: clsx(
+    "font-sans font-normal",
+    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
+    "leading-mobile-breadcrumb desktop:leading-desktop-breadcrumb"
   )
 };
 var baseTransition = clsx(

package/dist/{chunk-2VRZB2A4.js → chunk-6ZYTR6DU.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-5JVMULVC.js";
+} from "./chunk-YCKRRAJA.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";

package/dist/{chunk-CJELWEO2.js → chunk-7KLALK3J.js}

@@ -1,7 +1,7 @@
 import {
   componentPaddingXUsingComponentGap,
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-E3UOI2D2.js → chunk-DXVLA32J.js}

@@ -1,13 +1,13 @@
 import {
   Paragraph
-} from "./chunk-CJELWEO2.js";
+} from "./chunk-7KLALK3J.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
 import {
   baseTransition,
   componentGap
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-SYEJVSE4.js → chunk-FRHPFACM.js}

@@ -1,6 +1,6 @@
 import {
   layoutPaddding
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 
 // src/components/ModalContent.tsx
 import clsx from "clsx";

package/dist/{chunk-KGVKHWUK.js → chunk-FS2RQE55.js}

@@ -1,6 +1,6 @@
 import {
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-REOLWEZG.js → chunk-KEDK5EWD.js}

@@ -1,6 +1,6 @@
 import {
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-SK742QNF.js → chunk-KNP4LUFA.js}

@@ -5,7 +5,7 @@ import {
   componentPaddingXUsingComponentGap,
   paddingUsingComponentGap,
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-3M23BFB4.js → chunk-MQXOQL3T.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-4RJKB7LC.js";
 import {
   ModalButtons
-} from "./chunk-T7UCZWWK.js";
+} from "./chunk-OGMN5SHL.js";
 import {
   ModalContent
-} from "./chunk-SYEJVSE4.js";
+} from "./chunk-FRHPFACM.js";
 import {
   ModalHeader
-} from "./chunk-R4H6D4SZ.js";
+} from "./chunk-VR7X3NMG.js";
 import {
   ModalScrim
 } from "./chunk-ZFOANBWG.js";

package/dist/{chunk-ARC7FOL2.js → chunk-NWELJDBW.js}

@@ -1,18 +1,18 @@
 import {
   Stack
-} from "./chunk-BOWQUDUU.js";
+} from "./chunk-QA3KMRA6.js";
 import {
   Card
 } from "./chunk-TJWGFGWX.js";
 import {
   Paragraph
-} from "./chunk-CJELWEO2.js";
+} from "./chunk-7KLALK3J.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
 import {
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 
 // src/components/Accordion.tsx
 import clsx from "clsx";

package/dist/{chunk-T7UCZWWK.js → chunk-OGMN5SHL.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-UAPWR2KE.js";
 import {
   Button
-} from "./chunk-SK742QNF.js";
+} from "./chunk-KNP4LUFA.js";
 import {
   layoutGroupGap,
   layoutPaddding
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 
 // src/components/ModalButtons.tsx
 import clsx from "clsx";

package/dist/{chunk-7BBXPM5C.js → chunk-OP5XCT3L.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-5JVMULVC.js";
+} from "./chunk-YCKRRAJA.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-BOWQUDUU.js → chunk-QA3KMRA6.js}

@@ -1,6 +1,6 @@
 import {
   paddingYUsingLayoutGroupGap
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-3WNXMCZV.js → chunk-QQ5G773N.js}

@@ -1,7 +1,7 @@
 import {
   componentPadding,
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 
 // src/components/Tooltip.tsx
 import clsx from "clsx";

package/dist/{chunk-LPQ4QMAV.js → chunk-R2FGTCOY.js}

@@ -1,6 +1,6 @@
 import {
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-QHHNFGEX.js → chunk-RJBKI53P.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-ZU2K7BD3.js";
 import {
   Label
-} from "./chunk-CJVTFYI4.js";
+} from "./chunk-VP7HJX24.js";
 import {
   Paragraph
-} from "./chunk-CJELWEO2.js";
+} from "./chunk-7KLALK3J.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
@@ -14,7 +14,7 @@ import {
   baseTransition,
   componentGap,
   componentPadding
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-BW2MWMVM.js → chunk-UVG2TKTG.js}

@@ -1,19 +1,19 @@
 import {
   Label
-} from "./chunk-CJVTFYI4.js";
+} from "./chunk-VP7HJX24.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
 import {
   Button
-} from "./chunk-SK742QNF.js";
+} from "./chunk-KNP4LUFA.js";
 import {
   baseTransition,
   componentGap,
   componentPadding,
   componentPaddingMinusBorder,
   componentPaddingYUsingComponentGap
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-VZVPD3XK.js → chunk-VDO7VGAD.js}

@@ -1,53 +1,53 @@
 import {
   Tooltip
-} from "./chunk-3WNXMCZV.js";
+} from "./chunk-QQ5G773N.js";
 import {
   Select
-} from "./chunk-2VRZB2A4.js";
+} from "./chunk-6ZYTR6DU.js";
 import {
   Checkbox
-} from "./chunk-E3UOI2D2.js";
+} from "./chunk-DXVLA32J.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-Q7ETEWBW.js";
+} from "./chunk-VGPOI7UP.js";
 import {
   Menu
 } from "./chunk-NA3ODQCN.js";
 import {
   MenuOption
-} from "./chunk-QHHNFGEX.js";
+} from "./chunk-RJBKI53P.js";
 import {
   useInfiniteScroll,
   useTableLayout
 } from "./chunk-ZU2K7BD3.js";
 import {
   Search
-} from "./chunk-7BBXPM5C.js";
+} from "./chunk-OP5XCT3L.js";
 import {
   Input
-} from "./chunk-5JVMULVC.js";
+} from "./chunk-YCKRRAJA.js";
 import {
   Label
-} from "./chunk-CJVTFYI4.js";
+} from "./chunk-VP7HJX24.js";
 import {
   Subheader
-} from "./chunk-KGVKHWUK.js";
+} from "./chunk-FS2RQE55.js";
 import {
   Paragraph
-} from "./chunk-CJELWEO2.js";
+} from "./chunk-7KLALK3J.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
 import {
   Button
-} from "./chunk-SK742QNF.js";
+} from "./chunk-KNP4LUFA.js";
 import {
   componentGap,
   componentPadding
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-Q7ETEWBW.js → chunk-VGPOI7UP.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-VP36B2MM.js";
 import {
   MenuOption
-} from "./chunk-QHHNFGEX.js";
+} from "./chunk-RJBKI53P.js";
 import {
   Search
-} from "./chunk-7BBXPM5C.js";
+} from "./chunk-OP5XCT3L.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";
@@ -19,7 +19,7 @@ import {
 import {
   componentPadding,
   paddingUsingComponentGap
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-CJVTFYI4.js → chunk-VP7HJX24.js}

@@ -1,7 +1,7 @@
 import {
   componentPaddingXUsingComponentGap,
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-R4H6D4SZ.js → chunk-VR7X3NMG.js}

@@ -1,16 +1,16 @@
 import {
   Heading2
-} from "./chunk-REOLWEZG.js";
+} from "./chunk-KEDK5EWD.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
 import {
   Button
-} from "./chunk-SK742QNF.js";
+} from "./chunk-KNP4LUFA.js";
 import {
   layoutGroupGap,
   layoutPaddding
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 
 // src/components/ModalHeader.tsx
 import clsx from "clsx";

package/dist/{chunk-SQJ7MWY7.js → chunk-X73BO77J.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-NA3ODQCN.js";
 import {
   MenuOption
-} from "./chunk-QHHNFGEX.js";
+} from "./chunk-RJBKI53P.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
@@ -12,7 +12,7 @@ import {
   layoutGap,
   layoutPaddding,
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-XQILVD56.js → chunk-XO6PXENP.js}

@@ -2,7 +2,7 @@ import {
   baseTransition,
   componentPaddingY,
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-5JVMULVC.js → chunk-YCKRRAJA.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-5UH6QUFB.js";
 import {
   Label
-} from "./chunk-CJVTFYI4.js";
+} from "./chunk-VP7HJX24.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";
@@ -15,7 +15,7 @@ import {
   componentPaddingMinusBorder,
   componentPaddingXUsingComponentGap,
   typography
-} from "./chunk-RDLEIAQU.js";
+} from "./chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/components/AccessChangerTabItem.cjs

@@ -124,6 +124,11 @@ var typography = {
     "font-sans font-normal",
     "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
     "leading-caption-mobile desktop:leading-caption-desktop"
+  ),
+  breadcrumb: (0, import_clsx.default)(
+    "font-sans font-normal",
+    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
+    "leading-mobile-breadcrumb desktop:leading-desktop-breadcrumb"
   )
 };
 var baseTransition = (0, import_clsx.default)(

package/dist/components/AccessChangerTabItem.js

@@ -1,10 +1,10 @@
 import {
   Subheader
-} from "../chunk-KGVKHWUK.js";
+} from "../chunk-FS2RQE55.js";
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
-import "../chunk-RDLEIAQU.js";
+import "../chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/components/Accordion.cjs

@@ -122,6 +122,11 @@ var typography = {
     "font-sans font-normal",
     "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
     "leading-caption-mobile desktop:leading-caption-desktop"
+  ),
+  breadcrumb: (0, import_clsx.default)(
+    "font-sans font-normal",
+    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
+    "leading-mobile-breadcrumb desktop:leading-desktop-breadcrumb"
   )
 };
 var baseTransition = (0, import_clsx.default)(

package/dist/components/Accordion.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   Accordion
-} from "../chunk-ARC7FOL2.js";
-import "../chunk-BOWQUDUU.js";
+} from "../chunk-NWELJDBW.js";
+import "../chunk-QA3KMRA6.js";
 import "../chunk-TJWGFGWX.js";
-import "../chunk-CJELWEO2.js";
+import "../chunk-7KLALK3J.js";
 import "../chunk-UAPWR2KE.js";
-import "../chunk-RDLEIAQU.js";
+import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 export {
   Accordion

package/dist/components/Breadcrumbs.cjs

@@ -127,6 +127,11 @@ var typography = {
     "font-sans font-normal",
     "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
     "leading-caption-mobile desktop:leading-caption-desktop"
+  ),
+  breadcrumb: (0, import_clsx.default)(
+    "font-sans font-normal",
+    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
+    "leading-mobile-breadcrumb desktop:leading-desktop-breadcrumb"
   )
 };
 var baseTransition = (0, import_clsx.default)(
@@ -321,9 +326,9 @@ var Breadcrumb = ({
 }) => {
   const linkPadding = (0, import_clsx4.default)(
     "!text-text-link-normal  whitespace-nowrap",
-    "py-[calc(var(--spacing-mobile-component-padding)_+_3px)]",
-    "desktop:py-[calc(var(--spacing-desktop-component-padding)_+_3px)]",
-    "compact:py-[calc(var(--spacing-desktop-compact-component-padding)_+_3px)]"
+    "py-mobile-component-padding",
+    "desktop:py-desktop-component-padding",
+    "compact:py-desktop-compact-component-padding"
   );
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { id, "data-testid": testid, className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Link,
@@ -332,13 +337,19 @@ var Breadcrumb = ({
       "data-testid": testid ? `${testid}-link` : void 0,
       className: linkPadding,
       href,
+      typographyStyle: "breadcrumb",
       onClick,
       children
     }
   ) }, href);
 };
 var Chevron = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "flex items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: "chevron_right", size: 16 }) });
-var Breadcrumbs = ({ asCardStyle, id, testid, crumbs }) => {
+var Breadcrumbs = ({
+  asCardStyle,
+  id,
+  testid,
+  crumbs
+}) => {
   const scrollableElement = import_react.default.useRef(null);
   const [isOverflow, setIsOverflow] = (0, import_react.useState)(false);
   (0, import_react.useLayoutEffect)(() => {

package/dist/components/Breadcrumbs.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Link
-} from "../chunk-XQILVD56.js";
+} from "../chunk-XO6PXENP.js";
 import {
   Icon
 } from "../chunk-UAPWR2KE.js";
-import "../chunk-RDLEIAQU.js";
+import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 
 // src/components/Breadcrumbs.tsx
@@ -21,9 +21,9 @@ var Breadcrumb = ({
 }) => {
   const linkPadding = clsx(
     "!text-text-link-normal  whitespace-nowrap",
-    "py-[calc(var(--spacing-mobile-component-padding)_+_3px)]",
-    "desktop:py-[calc(var(--spacing-desktop-component-padding)_+_3px)]",
-    "compact:py-[calc(var(--spacing-desktop-compact-component-padding)_+_3px)]"
+    "py-mobile-component-padding",
+    "desktop:py-desktop-component-padding",
+    "compact:py-desktop-compact-component-padding"
   );
   return /* @__PURE__ */ jsx("li", { id, "data-testid": testid, className: "flex items-center", children: /* @__PURE__ */ jsx(
     Link,
@@ -32,13 +32,19 @@ var Breadcrumb = ({
       "data-testid": testid ? `${testid}-link` : void 0,
       className: linkPadding,
       href,
+      typographyStyle: "breadcrumb",
       onClick,
       children
     }
   ) }, href);
 };
 var Chevron = () => /* @__PURE__ */ jsx("li", { className: "flex items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon, { name: "chevron_right", size: 16 }) });
-var Breadcrumbs = ({ asCardStyle, id, testid, crumbs }) => {
+var Breadcrumbs = ({
+  asCardStyle,
+  id,
+  testid,
+  crumbs
+}) => {
   const scrollableElement = React.useRef(null);
   const [isOverflow, setIsOverflow] = useState(false);
   useLayoutEffect(() => {

package/dist/components/Button.cjs

@@ -121,6 +121,11 @@ var typography = {
     "font-sans font-normal",
     "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
     "leading-caption-mobile desktop:leading-caption-desktop"
+  ),
+  breadcrumb: (0, import_clsx.default)(
+    "font-sans font-normal",
+    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
+    "leading-mobile-breadcrumb desktop:leading-desktop-breadcrumb"
   )
 };
 var baseTransition = (0, import_clsx.default)(

package/dist/components/Button.js

@@ -1,7 +1,7 @@
 import {
   Button
-} from "../chunk-SK742QNF.js";
-import "../chunk-RDLEIAQU.js";
+} from "../chunk-KNP4LUFA.js";
+import "../chunk-6CTCHYIS.js";
 import "../chunk-BBZEL7EG.js";
 export {
   Button

package/dist/components/CalendarRange.cjs

@@ -123,6 +123,11 @@ var typography = {
     "font-sans font-normal",
     "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
     "leading-caption-mobile desktop:leading-caption-desktop"
+  ),
+  breadcrumb: (0, import_clsx.default)(
+    "font-sans font-normal",
+    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
+    "leading-mobile-breadcrumb desktop:leading-desktop-breadcrumb"
   )
 };
 var baseTransition = (0, import_clsx.default)(