@dmsi/wedgekit-react 0.0.1277 → 1.0.1

package/dist/components/Textarea.cjs

@@ -1,330 +0,0 @@
-"use strict";
-"use client";
-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/Textarea.tsx
-var Textarea_exports = {};
-__export(Textarea_exports, {
-  Textarea: () => Textarea
-});
-module.exports = __toCommonJS(Textarea_exports);
-var import_clsx2 = __toESM(require("clsx"), 1);
-var import_react = require("react");
-
-// 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/Textarea.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var textareaBaseClass = (0, import_clsx2.default)(
-  "w-full min-h-19",
-  "rounded-base border border-border-primary-normal bg-background-primary-normal caret-text-action-normal",
-  "outline-transparent outline-2 -outline-offset-2",
-  componentPaddingMinusBorder,
-  baseTransition
-);
-var textareaInvalidClass = (0, import_clsx2.default)(
-  "has-[[data-error]]:border-transparent has-[[data-error]]:not-focus-within:outline-border-primary-error has-[[data-error]]:not-focus-within:outline-1"
-);
-var textareaFocusClass = (0, import_clsx2.default)(
-  "has-[[data-focus]]:border-transparent has-[[data-focus]]:outline-border-primary-focus focus-within:border-transparent focus-within:outline-border-primary-focus"
-);
-var textareaDisabledClass = (0, import_clsx2.default)(
-  "has-disabled:bg-background-action-secondary-disabled"
-);
-var textareaReadOnlyClass = (0, import_clsx2.default)(
-  "has-[textarea:not(:disabled):read-only]:outline-none has-[textarea:not(:disabled):read-only]:bg-transparent has-[textarea:not(:disabled):read-only]:border-transparent has-[textarea:not(:disabled):read-only]:pl-0"
-);
-var Textarea = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    label,
-    error,
-    caption,
-    selectOnFocus
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "label",
-    "error",
-    "caption",
-    "selectOnFocus"
-  ]);
-  const [focus, setFocus] = (0, import_react.useState)(false);
-  const textareaRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    const textarea = textareaRef.current;
-    const focusHandler = () => {
-      textarea == null ? void 0 : textarea.select();
-    };
-    if (selectOnFocus) {
-      textarea == null ? void 0 : textarea.addEventListener("focus", focusHandler);
-      return () => {
-        textarea == null ? void 0 : textarea.removeEventListener("focus", focusHandler);
-      };
-    }
-  }, [selectOnFocus]);
-  const attributes = {
-    "data-error": error && !focus || null,
-    "data-focus": focus || null
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "label",
-    {
-      htmlFor: id,
-      className: (0, import_clsx2.default)(
-        "flex flex-col w-full",
-        "text-text-primary-normal has-disabled:text-text-primary-disabled",
-        !props.disabled && !props.readOnly && "has-[[data-error]]:text-text-primary-error",
-        componentGap
-      ),
-      children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "span",
-          {
-            className: (0, import_clsx2.default)(
-              typography.label,
-              "text-inherit",
-              props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer",
-              "inline-block"
-            ),
-            children: label
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "textarea",
-          __spreadProps(__spreadValues(__spreadValues({}, props), attributes), {
-            id,
-            "data-testid": testid,
-            ref: textareaRef,
-            className: (0, import_clsx2.default)(
-              "disabled:text-text-primary-disabled",
-              typography.paragraph,
-              textareaBaseClass,
-              textareaInvalidClass,
-              textareaFocusClass,
-              textareaDisabledClass,
-              textareaReadOnlyClass
-            ),
-            onFocus: (e) => {
-              var _a2;
-              (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
-              setFocus(true);
-            },
-            onBlur: (e) => {
-              var _a2;
-              (_a2 = props.onBlur) == null ? void 0 : _a2.call(props, e);
-              setFocus(false);
-            }
-          })
-        ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            id: id ? `${id}-caption` : void 0,
-            "data-testid": testid ? `${testid}-caption` : void 0,
-            children: caption
-          }
-        )
-      ]
-    }
-  );
-};
-Textarea.displayName = "Textarea";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Textarea
-});

package/dist/components/Textarea.js

@@ -1,136 +0,0 @@
-"use client";
-import {
-  baseTransition,
-  componentGap,
-  componentPaddingMinusBorder,
-  typography
-} from "../chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-
-// src/components/Textarea.tsx
-import clsx from "clsx";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var textareaBaseClass = clsx(
-  "w-full min-h-19",
-  "rounded-base border border-border-primary-normal bg-background-primary-normal caret-text-action-normal",
-  "outline-transparent outline-2 -outline-offset-2",
-  componentPaddingMinusBorder,
-  baseTransition
-);
-var textareaInvalidClass = clsx(
-  "has-[[data-error]]:border-transparent has-[[data-error]]:not-focus-within:outline-border-primary-error has-[[data-error]]:not-focus-within:outline-1"
-);
-var textareaFocusClass = clsx(
-  "has-[[data-focus]]:border-transparent has-[[data-focus]]:outline-border-primary-focus focus-within:border-transparent focus-within:outline-border-primary-focus"
-);
-var textareaDisabledClass = clsx(
-  "has-disabled:bg-background-action-secondary-disabled"
-);
-var textareaReadOnlyClass = clsx(
-  "has-[textarea:not(:disabled):read-only]:outline-none has-[textarea:not(:disabled):read-only]:bg-transparent has-[textarea:not(:disabled):read-only]:border-transparent has-[textarea:not(:disabled):read-only]:pl-0"
-);
-var Textarea = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    label,
-    error,
-    caption,
-    selectOnFocus
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "label",
-    "error",
-    "caption",
-    "selectOnFocus"
-  ]);
-  const [focus, setFocus] = useState(false);
-  const textareaRef = useRef(null);
-  useEffect(() => {
-    const textarea = textareaRef.current;
-    const focusHandler = () => {
-      textarea == null ? void 0 : textarea.select();
-    };
-    if (selectOnFocus) {
-      textarea == null ? void 0 : textarea.addEventListener("focus", focusHandler);
-      return () => {
-        textarea == null ? void 0 : textarea.removeEventListener("focus", focusHandler);
-      };
-    }
-  }, [selectOnFocus]);
-  const attributes = {
-    "data-error": error && !focus || null,
-    "data-focus": focus || null
-  };
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      htmlFor: id,
-      className: clsx(
-        "flex flex-col w-full",
-        "text-text-primary-normal has-disabled:text-text-primary-disabled",
-        !props.disabled && !props.readOnly && "has-[[data-error]]:text-text-primary-error",
-        componentGap
-      ),
-      children: [
-        label && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: clsx(
-              typography.label,
-              "text-inherit",
-              props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer",
-              "inline-block"
-            ),
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "textarea",
-          __spreadProps(__spreadValues(__spreadValues({}, props), attributes), {
-            id,
-            "data-testid": testid,
-            ref: textareaRef,
-            className: clsx(
-              "disabled:text-text-primary-disabled",
-              typography.paragraph,
-              textareaBaseClass,
-              textareaInvalidClass,
-              textareaFocusClass,
-              textareaDisabledClass,
-              textareaReadOnlyClass
-            ),
-            onFocus: (e) => {
-              var _a2;
-              (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
-              setFocus(true);
-            },
-            onBlur: (e) => {
-              var _a2;
-              (_a2 = props.onBlur) == null ? void 0 : _a2.call(props, e);
-              setFocus(false);
-            }
-          })
-        ),
-        caption && /* @__PURE__ */ jsx(
-          "div",
-          {
-            id: id ? `${id}-caption` : void 0,
-            "data-testid": testid ? `${testid}-caption` : void 0,
-            children: caption
-          }
-        )
-      ]
-    }
-  );
-};
-Textarea.displayName = "Textarea";
-export {
-  Textarea
-};

package/dist/components/Theme.cjs

@@ -1,51 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/Theme.tsx
-var Theme_exports = {};
-__export(Theme_exports, {
-  Theme: () => Theme
-});
-module.exports = __toCommonJS(Theme_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-function Theme({
-  theme,
-  children,
-  id,
-  testid,
-  ref
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: "contents",
-      "data-theme": theme,
-      ref: (e) => {
-        if (ref) ref.current = e;
-      },
-      children
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Theme
-});

package/dist/components/Theme.js

@@ -1,7 +0,0 @@
-import {
-  Theme
-} from "../chunk-EWGHVZL5.js";
-import "../chunk-ORMEWXMH.js";
-export {
-  Theme
-};