@telia/teddy 0.0.24 → 0.0.26

package/dist/components/drawer/drawer-root.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DrawerPrimitive);
+const rootClassName = "teddy-drawer";
+function Root(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Root, { ...props });
+}
+Root.displayName = "Root";
+exports.Root = Root;
+exports.rootClassName = rootClassName;

package/dist/components/drawer/drawer-root.d.ts

@@ -20,7 +20,7 @@ export type RootProps = Omit<React.ComponentPropsWithoutRef<typeof DrawerPrimiti
      */
     modal?: DrawerPrimitive.DialogProps['modal'];
 };
-export declare function Root(props: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root(props: RootProps): JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }

package/dist/components/drawer/drawer-title.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
+const drawer_module = require("../../drawer.module-CWDhohQm.cjs");
+const components_drawer_drawerRoot = require("./drawer-root.cjs");
+const components_heading_heading = require("../heading/heading.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DrawerPrimitive);
+const Title = React.forwardRef(
+  ({ className, asChild, children, variant, ...rest }, forwardedRef) => {
+    const classes = clsx([drawer_module.styles[`${components_drawer_drawerRoot.rootClassName}__title`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Title, { className: classes, ref: forwardedRef, ...rest, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: variant ?? "title-300", ...asChild ? { asChild: true } : { as: "h2" }, children }) });
+  }
+);
+Title.displayName = "Title";
+exports.Title = Title;

package/dist/components/drawer/drawer-title.d.ts

@@ -2,8 +2,9 @@ import { default as React } from 'react';
 import { Heading } from '../heading';
 
 import * as DrawerPrimitive from '@radix-ui/react-dialog';
-/** -------------------------------------------------------------------------------------------------
- * Title
- * -----------------------------------------------------------------------------------------------*/
 export type TitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title> & React.ComponentPropsWithoutRef<typeof Heading>;
+/**
+ * The title of the drawer.
+ * The tag is an `h2` by default, but can be changed with the `as` prop.
+ */
 export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/drawer/drawer-title.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-B3QhrxH1.js";
+import { s as styles } from "../../drawer.module-BxsrDZFu.js";
 import { rootClassName } from "./drawer-root.js";
 import { Heading } from "../heading/heading.js";
 const Title = React__default.forwardRef(

package/dist/components/drawer/drawer-trigger.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DrawerPrimitive);
+const Trigger = React.forwardRef(
+  ({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Trigger, { ...props, ref: forwardedRef, asChild: true, children })
+);
+Trigger.displayName = "Trigger";
+exports.Trigger = Trigger;

package/dist/components/drawer/drawer-trigger.d.ts

@@ -1,12 +1,14 @@
 import { default as React } from 'react';
 
 import * as DrawerPrimitive from '@radix-ui/react-dialog';
-/** -------------------------------------------------------------------------------------------------
- * Trigger
- * -----------------------------------------------------------------------------------------------*/
 export type TriggerProps = Omit<React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Trigger>, 'asChild' | 'children'> & {
     children: React.ReactElement;
 };
+/**
+ * The trigger for the drawer.
+ * The children of this component will be used as the trigger.
+ * Normally a plain `<button>`.
+ */
 export declare const Trigger: React.ForwardRefExoticComponent<Omit<Omit<DrawerPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "asChild"> & {
     children: React.ReactElement;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/drawer/index.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_drawer_drawerClose = require("./drawer-close.cjs");
+const components_drawer_drawerContent = require("./drawer-content.cjs");
+const components_drawer_drawerDescription = require("./drawer-description.cjs");
+const components_drawer_drawerFooter = require("./drawer-footer.cjs");
+const components_drawer_drawerOverlay = require("./drawer-overlay.cjs");
+const components_drawer_drawerRoot = require("./drawer-root.cjs");
+const components_drawer_drawerTitle = require("./drawer-title.cjs");
+const components_drawer_drawerTrigger = require("./drawer-trigger.cjs");
+components_drawer_drawerClose.Close.displayName = "Drawer.Close";
+components_drawer_drawerContent.Content.displayName = "Drawer.Content";
+components_drawer_drawerDescription.Description.displayName = "Drawer.Description";
+components_drawer_drawerFooter.Footer.displayName = "Drawer.Footer";
+components_drawer_drawerOverlay.Overlay.displayName = "Drawer.Overlay";
+components_drawer_drawerRoot.Root.displayName = "Drawer";
+components_drawer_drawerTitle.Title.displayName = "Drawer.Title";
+components_drawer_drawerTrigger.Trigger.displayName = "Drawer.Trigger";
+const Drawer = Object.assign(components_drawer_drawerRoot.Root, {
+  Title: components_drawer_drawerTitle.Title,
+  Description: components_drawer_drawerDescription.Description,
+  Trigger: components_drawer_drawerTrigger.Trigger,
+  Overlay: components_drawer_drawerOverlay.Overlay,
+  Content: components_drawer_drawerContent.Content,
+  Footer: components_drawer_drawerFooter.Footer,
+  Close: components_drawer_drawerClose.Close
+});
+exports.Drawer = Drawer;

package/dist/components/drawer/index.d.ts

@@ -0,0 +1,28 @@
+import { Close, CloseProps } from './drawer-close';
+import { Content, ContentProps } from './drawer-content';
+import { Description, DescriptionProps } from './drawer-description';
+import { Footer, FooterProps } from './drawer-footer';
+import { Overlay, OverlayProps } from './drawer-overlay';
+import { Root, RootProps } from './drawer-root';
+import { Title, TitleProps } from './drawer-title';
+import { Trigger, TriggerProps } from './drawer-trigger';
+
+export declare const Drawer: typeof Root & {
+    Title: typeof Title;
+    Description: typeof Description;
+    Trigger: typeof Trigger;
+    Overlay: typeof Overlay;
+    Content: typeof Content;
+    Footer: typeof Footer;
+    Close: typeof Close;
+};
+export type DrawerProps = {
+    Root: RootProps;
+    Title: TitleProps;
+    Description: DescriptionProps;
+    Trigger: TriggerProps;
+    Overlay: OverlayProps;
+    Content: ContentProps;
+    Footer: FooterProps;
+    Close: CloseProps;
+};

package/dist/components/drawer/index.js

@@ -6,6 +6,14 @@ import { Overlay } from "./drawer-overlay.js";
 import { Root } from "./drawer-root.js";
 import { Title } from "./drawer-title.js";
 import { Trigger } from "./drawer-trigger.js";
+Close.displayName = "Drawer.Close";
+Content.displayName = "Drawer.Content";
+Description.displayName = "Drawer.Description";
+Footer.displayName = "Drawer.Footer";
+Overlay.displayName = "Drawer.Overlay";
+Root.displayName = "Drawer";
+Title.displayName = "Drawer.Title";
+Trigger.displayName = "Drawer.Trigger";
 const Drawer = Object.assign(Root, {
   Title,
   Description,

package/dist/components/field-error-text/field-error-text.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+require("../../assets/sprite.5636ec8e-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const components_text_text = require("../text/text.cjs");
+const styles = {
+  "teddy-field-error-text": "_teddy-field-error-text_1735t_1",
+  "teddy-field-error-text__indicator": "_teddy-field-error-text__indicator_1735t_12"
+};
+const rootClassName = "teddy-field-error-text";
+const FieldErrorTextIndicator = React.forwardRef(
+  ({ className, name = "error-filled", ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { ...props, name, ref: forwardRef, className: classes });
+  }
+);
+const FieldErrorTextRoot = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[rootClassName]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+FieldErrorTextRoot.displayName = "FieldErrorText";
+const FieldErrorText = Object.assign(FieldErrorTextRoot, {
+  Indicator: FieldErrorTextIndicator
+});
+exports.FieldErrorText = FieldErrorText;

package/dist/components/field-error-text/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_fieldErrorText_fieldErrorText = require("./field-error-text.cjs");
+exports.FieldErrorText = components_fieldErrorText_fieldErrorText.FieldErrorText;

package/dist/components/flex/flex.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const reactSlot = require("@radix-ui/react-slot");
+const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
+const styles = {
+  "teddy-flex": "_teddy-flex_19teo_2"
+};
+const rootClassName = "teddy-flex";
+const Flex = React.forwardRef((props, forwardRef) => {
+  const { className, asChild, ...rest } = utils_generateStyling_index.extractProps(props);
+  const classes = clsx([styles[`${rootClassName}`]], className);
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...rest, ref: forwardRef, className: classes });
+});
+Flex.displayName = "Flex";
+exports.Flex = Flex;

package/dist/components/flex/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_flex_flex = require("./flex.cjs");
+exports.Flex = components_flex_flex.Flex;

package/dist/components/grid/grid.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const reactSlot = require("@radix-ui/react-slot");
+const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
+const styles = {
+  "teddy-grid": "_teddy-grid_1dv1t_2"
+};
+const rootClassName = "teddy-grid";
+const Grid = React.forwardRef((args, forwardRef) => {
+  const { className, as: Tag = "div", asChild, ...props } = utils_generateStyling_index.extractProps(args);
+  const Comp = asChild ? reactSlot.Slot : Tag;
+  const classes = clsx([styles[`${rootClassName}`]], className);
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props, ref: forwardRef, className: classes });
+});
+Grid.displayName = "Grid";
+exports.Grid = Grid;

package/dist/components/grid/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_grid_grid = require("./grid.cjs");
+exports.Grid = components_grid_grid.Grid;

package/dist/components/heading/heading.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactSlot = require("@radix-ui/react-slot");
+const clsx = require("clsx");
+const React = require("react");
+const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
+const styles = {
+  "teddy-heading": "_teddy-heading_r8os0_2",
+  "teddy-heading--hyphens": "_teddy-heading--hyphens_r8os0_9",
+  "teddy-heading--subsection-100": "_teddy-heading--subsection-100_r8os0_12",
+  "teddy-heading--title-100": "_teddy-heading--title-100_r8os0_18",
+  "teddy-heading--title-200": "_teddy-heading--title-200_r8os0_24",
+  "teddy-heading--title-300": "_teddy-heading--title-300_r8os0_30",
+  "teddy-heading--title-400": "_teddy-heading--title-400_r8os0_36",
+  "teddy-heading--title-500": "_teddy-heading--title-500_r8os0_42",
+  "teddy-heading--title-600": "_teddy-heading--title-600_r8os0_48",
+  "teddy-heading--title-700": "_teddy-heading--title-700_r8os0_54",
+  "teddy-heading--display-25": "_teddy-heading--display-25_r8os0_60",
+  "teddy-heading--display-50": "_teddy-heading--display-50_r8os0_66",
+  "teddy-heading--display-100": "_teddy-heading--display-100_r8os0_72",
+  "teddy-heading--display-200": "_teddy-heading--display-200_r8os0_78"
+};
+const rootClassName = "teddy-heading";
+const headingVariants = [
+  "title-100",
+  "title-200",
+  "title-300",
+  "title-400",
+  "title-500",
+  "title-600",
+  "title-700",
+  "subsection-100",
+  "display-25",
+  "display-50",
+  "display-100",
+  "display-200"
+];
+const Root = React.forwardRef((props, forwardRef) => {
+  const { className, children, variant, asChild, enableHyphenation, as: Tag, ...rest } = utils_generateStyling_index.extractProps(props);
+  const classes = clsx(
+    styles[`${rootClassName}`],
+    {
+      [styles[`${rootClassName}--${variant}`]]: variant,
+      [styles[`${rootClassName}--hyphens`]]: enableHyphenation
+    },
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ...rest, ref: forwardRef, className: classes, children: asChild ? children : Tag ? /* @__PURE__ */ jsxRuntime.jsx(Tag, { children }) : null });
+});
+Root.displayName = "Heading";
+const Heading = Object.assign(Root, {
+  headingVariants
+});
+exports.Heading = Heading;

package/dist/components/heading/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_heading_heading = require("./heading.cjs");
+exports.Heading = components_heading_heading.Heading;

package/dist/components/helper-text/helper-text.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const styles = {
+  "teddy-helper-text": "_teddy-helper-text_6xdzb_1",
+  "teddy-helper-text--disabled": "_teddy-helper-text--disabled_6xdzb_9"
+};
+const rootClassName = "teddy-helper-text";
+const HelperText = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles[rootClassName]],
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+HelperText.displayName = "HelperText";
+exports.HelperText = HelperText;

package/dist/components/helper-text/helper-text.d.ts

@@ -1,6 +1,4 @@
 import { default as React } from 'react';
 
-type HelperTextProps = React.ComponentPropsWithoutRef<'span'>;
-declare const HelperText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { HelperText };
-export type { HelperTextProps };
+export type HelperTextProps = React.ComponentPropsWithoutRef<'span'>;
+export declare const HelperText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/helper-text/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_helperText_helperText = require("./helper-text.cjs");
+exports.HelperText = components_helperText_helperText.HelperText;