@dmsi/wedgekit-react 0.0.1242 → 1.0.0

package/dist/components/TopBar.cjs

@@ -1,392 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/TopBar.tsx
-var TopBar_exports = {};
-__export(TopBar_exports, {
-  TopBar: () => TopBar,
-  TopBarBase: () => TopBarBase
-});
-module.exports = __toCommonJS(TopBar_exports);
-var import_clsx2 = __toESM(require("clsx"), 1);
-
-// src/classNames.ts
-var import_clsx = __toESM(require("clsx"), 1);
-var typography = {
-  display1: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-display-1-mobile desktop:text-display-1-desktop compact:text-display-1-desktop-compact",
-    "leading-display-1-mobile desktop:leading-display-1-desktop"
-  ),
-  display2: (0, import_clsx.default)(
-    "font-sans font-bold",
-    "text-display-2-mobile desktop:text-display-2-desktop compact:text-display-2-desktop-compact",
-    "leading-display-2-mobile desktop:leading-display-2-desktop"
-  ),
-  heading1: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-heading-1-mobile desktop:text-heading-1-desktop compact:text-heading-1-desktop-compact",
-    "leading-heading-1-mobile desktop:leading-heading-1-desktop"
-  ),
-  heading2: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-heading-2-mobile desktop:text-heading-2-desktop compact:text-heading-2-desktop-compact",
-    "leading-heading-2-mobile desktop:leading-heading-2-desktop"
-  ),
-  heading3: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-heading-3-mobile desktop:text-heading-3-desktop compact:text-heading-3-desktop-compact",
-    "leading-heading-3-mobile desktop:leading-heading-3-desktop"
-  ),
-  subheader: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-subheader-mobile desktop:text-subheader-desktop compact:text-subheader-desktop-compact",
-    "leading-subheader-mobile desktop:leading-subheader-desktop"
-  ),
-  link: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-link-mobile desktop:text-link-desktop compact:text-link-desktop-compact",
-    "leading-link-mobile desktop:leading-link-desktop"
-  ),
-  buttonLabel: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  label: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  paragraph: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
-    "leading-paragraph-mobile desktop:leading-paragraph-desktop"
-  ),
-  caption: (0, import_clsx.default)(
-    "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)(
-  "transition-colors duration-100 ease-in-out"
-);
-var componentGap = (0, import_clsx.default)(
-  "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-desktop-compact-component-gap"
-);
-var paddingUsingComponentGap = (0, import_clsx.default)(
-  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
-);
-var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
-  "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
-);
-var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var componentPadding = (0, import_clsx.default)(
-  "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
-);
-var componentPaddingBottom = (0, import_clsx.default)(
-  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
-);
-var componentPaddingX = (0, import_clsx.default)(
-  "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
-);
-var componentPaddingY = (0, import_clsx.default)(
-  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
-);
-var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
-  "px-mobile-component-gap desktop:px-desktop-component-gap compact:px-desktop-compact-component-gap"
-);
-var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
-  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
-);
-var componentPaddingYUsingComponentGap2xMobile = (0, import_clsx.default)(
-  "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
-);
-var componentPaddingMinusBorder = (0, import_clsx.default)(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_1px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_1px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_1px)]"
-);
-var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
-);
-var componentPaddingMinusBorderDesktop = (0, import_clsx.default)(
-  "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
-);
-var layoutPaddding = (0, import_clsx.default)(
-  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
-);
-var layoutPaddingBottom = (0, import_clsx.default)(
-  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
-);
-var layoutPaddingY = (0, import_clsx.default)(
-  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
-);
-var layoutPaddingX = (0, import_clsx.default)(
-  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
-);
-var containerPaddingX = (0, import_clsx.default)(
-  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
-);
-var containerPaddingY = (0, import_clsx.default)(
-  "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding"
-);
-var layoutGroupGapPaddingY = (0, import_clsx.default)(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var layoutGroupGap = (0, import_clsx.default)(
-  "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-desktop-compact-layout-group-gap"
-);
-var layoutGap = (0, import_clsx.default)(
-  "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap"
-);
-var gapUsingContainerPadding = (0, import_clsx.default)(
-  "gap-mobile-container-padding desktop:gap-desktop-container-padding compact:gap-desktop-compact-container-padding"
-);
-
-// src/components/LogoDMSiTopBar.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function LogoDMSiTopBar(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues({
-      width: "106",
-      height: "24",
-      viewBox: "0 0 106 24"
-    }, props), {
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M9.32182 5.86849H21.4356C23.2074 5.86849 24.3938 5.79786 25.426 7.25511C26.3235 8.60827 26.5931 9.79786 26.3851 11.4335C26.1771 13.0692 25.7342 14.2291 24.6672 15.6529C24.1742 16.3295 23.5541 16.8648 22.803 17.2551C21.7823 17.7533 21.1275 17.6826 20.0952 17.6826H7.87355V17.638L7.18024 23.2588H19.945C23.4501 23.2588 26.8242 22.5228 29.6553 19.9949C32.2745 17.6826 33.819 14.8127 34.2235 11.612C34.6664 8.125 33.8152 5.72351 31.4695 3.30344C29.0621 0.775554 26.0539 0.362915 22.4024 0.362915H10.0074L9.32182 5.92797V5.86849Z",
-            fill: "#55585A"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M44.8888 0.960416L44.5229 3.92324L44.6115 3.64071C46.1021 1.46599 48.4517 0.618408 51.0516 0.618408C53.7787 0.618408 55.5312 1.62213 56.5828 3.91952C58.4008 1.53662 60.7273 0.618408 63.6277 0.618408C65.4881 0.618408 67.1289 1.16116 68.2613 2.45856C69.6595 4.04592 69.3937 6.13514 69.1087 8.39164L67.1828 23.2355H59.7451L61.5207 9.28012C61.6979 7.90094 61.6787 6.35447 59.6873 6.35447C57.2607 6.35447 56.7831 8.52919 56.5635 10.2392L54.9111 23.2318H47.3771L49.1527 9.2764C49.3222 7.93811 49.1643 6.22436 47.3 6.22436C45.2663 6.22436 44.6153 7.68904 44.4112 9.2764L42.6355 23.2318H34.5199L37.3817 0.960416H44.8888Z",
-            fill: "#55585A"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M96.5979 0.336548L95.8699 6.39231H102.649L95.4501 9.54101L93.6821 23.2734H102.429L105.349 0.336548H96.5979Z",
-            fill: "#55585A"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M90.2045 10.4126C88.529 9.34573 85.7827 9.04833 83.7837 8.79182C83.0903 8.70632 82.3084 8.49814 81.5804 8.29368C81.3031 8.23792 81.045 8.16729 80.8062 8.07807C80.7176 8.05204 80.6175 8.02231 80.5328 8C80.3363 7.95539 80.1206 7.81041 79.928 7.61338C79.5275 7.30855 79.2886 6.94424 79.2886 6.54647C79.2886 6.35688 79.358 6.17844 79.4581 6.00372C79.4697 5.98513 79.4774 5.97026 79.4889 5.95167C79.9666 5.20446 81.2993 4.66543 82.8862 4.66543C84.8005 4.66543 86.3566 5.44981 86.4645 6.43866H93.9138C92.9316 2.34572 88.2517 0 84.0071 0C81.488 0 78.2949 0.342007 75.9184 1.66171C73.6343 2.94052 71.9973 4.66914 71.6814 7.14126C70.9419 12.9405 76.369 14.026 81.0181 14.6654C81.2762 14.6952 81.7807 14.8141 82.3315 15.0037C83.7721 15.2974 84.7928 16.026 84.7928 16.8848C84.7928 17.8773 83.4254 18.6989 81.6267 18.8699C81.4187 18.9145 81.2338 18.9368 81.0913 18.9368C79.9434 18.9368 79.1615 18.8625 78.5876 18.487C77.8635 18.197 77.3358 17.777 77.1471 17.29H69.3395C70.3795 22.3234 75.0132 24 79.7085 24C84.789 24 91.8492 22.2491 92.6157 16.2342C92.8546 14.3494 92.1844 11.7286 90.2123 10.4089L90.2045 10.4126Z",
-            fill: "#55585A"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M1.03227 9.54944H16.0773L0 16.9175L1.03227 9.54944Z",
-            fill: "#DF4405"
-          }
-        )
-      ]
-    })
-  );
-}
-
-// src/components/TopBar.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var TopBarBase = (_a) => {
-  var _b = _a, {
-    left,
-    right,
-    topNavLinks,
-    mobileLeft,
-    mobileRight,
-    brandLogo = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LogoDMSiTopBar, {}),
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "left",
-    "right",
-    "topNavLinks",
-    "mobileLeft",
-    "mobileRight",
-    "brandLogo",
-    "id",
-    "testid"
-  ]);
-  const defaultStyles = (0, import_clsx2.default)("bg-background-primary-normal");
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "div",
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid,
-      className: (0, import_clsx2.default)(
-        "flex items-center justify-between",
-        containerPaddingX,
-        layoutPaddingY,
-        layoutGap,
-        defaultStyles
-      )
-    }, props), {
-      children: [
-        left && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "div",
-          {
-            className: (0, import_clsx2.default)(
-              "hidden desktop:flex items-center",
-              gapUsingContainerPadding
-            ),
-            children: left
-          }
-        ),
-        (right || topNavLinks) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "div",
-          {
-            className: (0, import_clsx2.default)(
-              "hidden desktop:flex items-center shrink-0 ml-auto",
-              "[&>a]:leading-6",
-              layoutGap
-            ),
-            children: [
-              topNavLinks,
-              topNavLinks && right && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "h-6 border-r border-border-primary-normal" }),
-              right
-            ]
-          }
-        ),
-        mobileLeft && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "div",
-          {
-            className: (0, import_clsx2.default)("flex items-center desktop:hidden", layoutGroupGap),
-            children: [
-              mobileLeft,
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "a",
-                {
-                  href: "/",
-                  className: "grow max-w-100 h-auto max-h-18 *:max-h-[inherit]",
-                  children: brandLogo && brandLogo
-                }
-              )
-            ]
-          }
-        ),
-        mobileRight && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "div",
-          {
-            className: (0, import_clsx2.default)("flex items-center desktop:hidden", layoutGroupGap),
-            children: mobileRight
-          }
-        )
-      ]
-    })
-  );
-};
-var TopBar = (_a) => {
-  var _b = _a, {
-    left,
-    brandLogo = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LogoDMSiTopBar, {}),
-    id,
-    testid,
-    brandHref = "/"
-  } = _b, props = __objRest(_b, [
-    "left",
-    "brandLogo",
-    "id",
-    "testid",
-    "brandHref"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    TopBarBase,
-    __spreadProps(__spreadValues({}, props), {
-      id,
-      testid,
-      brandLogo,
-      left: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "a",
-          {
-            id: id ? `${id}-brand-logo-link` : void 0,
-            "data-testid": testid ? `${testid}-brand-logo-link` : void 0,
-            href: brandHref,
-            className: "grow w-full h-18 *:max-h-[inherit]",
-            children: brandLogo && brandLogo
-          }
-        ),
-        left
-      ] })
-    })
-  );
-};
-TopBar.displayName = "TopBar";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TopBar,
-  TopBarBase
-});

package/dist/components/TopBar.js

@@ -1,148 +0,0 @@
-import {
-  LogoDMSiTopBar
-} from "../chunk-QBIEU25R.js";
-import {
-  containerPaddingX,
-  gapUsingContainerPadding,
-  layoutGap,
-  layoutGroupGap,
-  layoutPaddingY
-} from "../chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-
-// src/components/TopBar.tsx
-import clsx from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TopBarBase = (_a) => {
-  var _b = _a, {
-    left,
-    right,
-    topNavLinks,
-    mobileLeft,
-    mobileRight,
-    brandLogo = /* @__PURE__ */ jsx(LogoDMSiTopBar, {}),
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "left",
-    "right",
-    "topNavLinks",
-    "mobileLeft",
-    "mobileRight",
-    "brandLogo",
-    "id",
-    "testid"
-  ]);
-  const defaultStyles = clsx("bg-background-primary-normal");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid,
-      className: clsx(
-        "flex items-center justify-between",
-        containerPaddingX,
-        layoutPaddingY,
-        layoutGap,
-        defaultStyles
-      )
-    }, props), {
-      children: [
-        left && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx(
-              "hidden desktop:flex items-center",
-              gapUsingContainerPadding
-            ),
-            children: left
-          }
-        ),
-        (right || topNavLinks) && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: clsx(
-              "hidden desktop:flex items-center shrink-0 ml-auto",
-              "[&>a]:leading-6",
-              layoutGap
-            ),
-            children: [
-              topNavLinks,
-              topNavLinks && right && /* @__PURE__ */ jsx("div", { className: "h-6 border-r border-border-primary-normal" }),
-              right
-            ]
-          }
-        ),
-        mobileLeft && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: clsx("flex items-center desktop:hidden", layoutGroupGap),
-            children: [
-              mobileLeft,
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: "/",
-                  className: "grow max-w-100 h-auto max-h-18 *:max-h-[inherit]",
-                  children: brandLogo && brandLogo
-                }
-              )
-            ]
-          }
-        ),
-        mobileRight && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx("flex items-center desktop:hidden", layoutGroupGap),
-            children: mobileRight
-          }
-        )
-      ]
-    })
-  );
-};
-var TopBar = (_a) => {
-  var _b = _a, {
-    left,
-    brandLogo = /* @__PURE__ */ jsx(LogoDMSiTopBar, {}),
-    id,
-    testid,
-    brandHref = "/"
-  } = _b, props = __objRest(_b, [
-    "left",
-    "brandLogo",
-    "id",
-    "testid",
-    "brandHref"
-  ]);
-  return /* @__PURE__ */ jsx(
-    TopBarBase,
-    __spreadProps(__spreadValues({}, props), {
-      id,
-      testid,
-      brandLogo,
-      left: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            id: id ? `${id}-brand-logo-link` : void 0,
-            "data-testid": testid ? `${testid}-brand-logo-link` : void 0,
-            href: brandHref,
-            className: "grow w-full h-18 *:max-h-[inherit]",
-            children: brandLogo && brandLogo
-          }
-        ),
-        left
-      ] })
-    })
-  );
-};
-TopBar.displayName = "TopBar";
-export {
-  TopBar,
-  TopBarBase
-};