@telia/teddy 0.0.24 → 0.0.25

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;