@equinor/eds-core-react 1.1.0 → 2.0.1

package/dist/types/components/InputWrapper/index.d.ts

@@ -0,0 +1,5 @@
+export { InputWrapper } from './InputWrapper';
+export type { InputWrapperProps } from './InputWrapper';
+export { useInputField } from './useInputField';
+export type { InputFieldConfig, UseInputFieldReturn } from './useInputField';
+export type { BaseInputFieldProps } from './types';

package/dist/types/components/InputWrapper/types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import type { Variants } from '../types';
+/**
+ * Base props shared by all input field components (TextField, Textarea, etc.)
+ */
+export type BaseInputFieldProps = {
+    /** Variants */
+    variant?: Variants;
+    /** Input unique id. If this is not provided, one will be generated */
+    id?: string;
+    /** Label text */
+    label?: ReactNode;
+    /** Meta text */
+    meta?: ReactNode;
+    /** Helper text */
+    helperText?: string;
+    /** InputIcon */
+    inputIcon?: ReactNode;
+    /** HelperIcon */
+    helperIcon?: ReactNode;
+};

package/dist/types/components/InputWrapper/useInputField.d.ts

@@ -0,0 +1,31 @@
+import type { LabelProps } from '../Label/Label';
+import type { HelperTextProps } from './HelperText/HelperText';
+import type { BaseInputFieldProps } from './types';
+import type { Variants } from '../types';
+export type InputFieldConfig = BaseInputFieldProps & {
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export type UseInputFieldReturn = {
+    fieldId: string;
+    helperTextId: string | null;
+    containerProps: {
+        className?: string;
+        style: React.CSSProperties;
+        color?: Variants;
+    };
+    labelProps: LabelProps;
+    helperProps: HelperTextProps;
+    ariaProps: {
+        id: string;
+        'aria-invalid'?: boolean;
+        'aria-describedby'?: string;
+    };
+};
+/**
+ * Shared hook for TextField and Textarea that handles common logic
+ * for IDs, labels, helper text, and ARIA attributes
+ */
+export declare const useInputField: ({ id, label, meta, helperText, helperIcon, variant, disabled, className, style, }: InputFieldConfig) => UseInputFieldReturn;

package/dist/types/components/TextField/TextField.d.ts

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes, ForwardedRef } from 'react';
+import { BaseInputFieldProps } from '../InputWrapper';
+type TextFieldSpecificProps = {
+    /** Unit text */
+    unit?: string;
+    /** Input ref */
+    inputRef?: ForwardedRef<HTMLInputElement>;
+};
+export type TextFieldProps = BaseInputFieldProps & TextFieldSpecificProps & InputHTMLAttributes<HTMLInputElement>;
+export declare const TextField: import("react").ForwardRefExoticComponent<BaseInputFieldProps & TextFieldSpecificProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/types/components/Textarea/Textarea.d.ts

@@ -0,0 +1,9 @@
+import { TextareaHTMLAttributes } from 'react';
+import { BaseInputFieldProps } from '../InputWrapper';
+type TextareaSpecificProps = {
+    /** Specifies max rows for multiline  */
+    rowsMax?: number;
+};
+export type TextareaProps = BaseInputFieldProps & TextareaSpecificProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const Textarea: import("react").ForwardRefExoticComponent<BaseInputFieldProps & TextareaSpecificProps & TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/types/{src/components → components}/Typography/Typography.d.ts

@@ -20,17 +20,4 @@ export type TypographyProps = {
     /** Number of lines. */
     lines?: number;
 } & (HTMLAttributes<HTMLElement> | AnchorHTMLAttributes<HTMLAnchorElement>);
-/**
- * @deprecated Typography component is deprecated and will be removed in a future version.
- * Please use the new Typography, Heading, or Paragraph components instead.
- *
- * Migration guide:
- * - For headings: Use `<Heading as="h1|h2|h3|h4|h5|h6">` instead of `<Typography variant="h1|h2|h3|h4|h5|h6">`
- * - For paragraphs: Use `<Paragraph>` instead of `<Typography variant="body_short|body_long">`
- * - For inline text: Use `<Typography>` for more flexible text styling
- *
- * @see {@link TypographyNext}
- * @see {@link Heading}
- * @see {@link Paragraph}
- */
 export declare const Typography: OverridableComponent<TypographyProps, HTMLElement>;

package/dist/types/{src/components → components}/Typography/Typography.new.d.ts

@@ -1,3 +1,4 @@
+import { TypographyNextProps } from './Typography.new.types';
 /**
  * TypographyNext component for flexible typography with baseline grid support.
  *
@@ -35,9 +36,4 @@
  * </Typography>
  * ```
  */
-export declare const TypographyNext: import("react").ForwardRefExoticComponent<{
-    family: import("./types").FontFamily;
-    size: import("./types").FontSize;
-    baseline: import("./types").BaselineAlignment;
-    as?: import("react").ElementType;
-} & import("./Typography.new.types").BaseTypographyProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export declare const TypographyNext: import("react").ForwardRefExoticComponent<TypographyNextProps & import("react").RefAttributes<HTMLElement>>;

package/dist/types/{src/components → components}/Typography/Typography.new.types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ElementType } from 'react';
+import { HTMLAttributes, AnchorHTMLAttributes, ElementType } from 'react';
 import { FontFamily, FontSize, LineHeight, BaselineAlignment, FontWeight, Tracking } from './types';
 /**
  * Base typography props shared across typography components.
@@ -25,4 +25,4 @@ export type TypographyNextProps = {
     baseline: BaselineAlignment;
     /** Semantic HTML element to render. Defaults to 'span' */
     as?: ElementType;
-} & BaseTypographyProps & HTMLAttributes<HTMLElement>;
+} & BaseTypographyProps & (HTMLAttributes<HTMLElement> | AnchorHTMLAttributes<HTMLAnchorElement>);

package/dist/types/{src/components → components}/Typography/Typography.stories.shared.d.ts

@@ -9,22 +9,7 @@ export declare const LINE_HEIGHTS: readonly ["default", "squished"];
 export declare const HEADING_LEVELS: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
 export declare const ComparisonGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ComparisonRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<{
-    family: import("./types").FontFamily;
-    size: import("./types").FontSize;
-    baseline: import("./types").BaselineAlignment;
-    as?: import("react").ElementType;
-} & import("./Typography.new.types").BaseTypographyProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>, {
-    family: import("./types").FontFamily;
-    size: import("./types").FontSize;
-    baseline: import("./types").BaselineAlignment;
-    as?: import("react").ElementType;
-} & import("./Typography.new.types").BaseTypographyProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>, Partial<TypographyNextProps>>, Partial<TypographyNextProps>>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    family: import("./types").FontFamily;
-    size: import("./types").FontSize;
-    baseline: import("./types").BaselineAlignment;
-    as?: import("react").ElementType;
-} & import("./Typography.new.types").BaseTypographyProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<(TypographyNextProps & import("react").RefAttributes<HTMLElement>) & import("styled-components/dist/types").BaseObject, TypographyNextProps & import("react").RefAttributes<HTMLElement>>, Partial<TypographyNextProps>>, Partial<TypographyNextProps>>> & string & Omit<import("react").ForwardRefExoticComponent<TypographyNextProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const GridBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const RealWorldGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 export declare const IntroductionGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
@@ -66,12 +51,6 @@ export declare const SizeComparison: ({ component: Component, text, ...component
 export declare const LineHeightComparison: ({ text, }: {
     text?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const IconTextRow: ({ label, size, text, iconName, }: {
-    label: string;
-    size: (typeof SIZES)[number];
-    text?: string;
-    iconName?: string;
-}) => import("react/jsx-runtime").JSX.Element;
 export declare const ButtonRow: ({ label, size, children, ...extraProps }: {
     label: string;
     size: string;

package/dist/types/{src/index.d.ts → index.d.ts}

@@ -3,6 +3,7 @@ export * from './components/Typography';
 export * from './components/Table';
 export * from './components/Divider';
 export * from './components/TextField';
+export * from './components/Textarea';
 export * from './components/Icon';
 export * from './components/List';
 export * from './components/Accordion';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "1.1.0",
+  "version": "2.0.1",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -30,9 +30,7 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/esm/index.js",
       "require": "./dist/eds-core-react.cjs"
-    },
-    "./style": "./dist/style.css",
-    "./style.css": "./dist/style.css"
+    }
   },
   "keywords": [
     "eds",
@@ -84,7 +82,8 @@
   "peerDependencies": {
     "react": "^19",
     "react-dom": "^19",
-    "styled-components": "^6"
+    "styled-components": "^6",
+    "@equinor/eds-tokens": "^2.0.1"
   },
   "dependencies": {
     "@babel/runtime": "^7.28.4",
@@ -98,8 +97,8 @@
     "downshift": "9.0.10",
     "react-aria": "^3.44.0",
     "@equinor/eds-icons": "^1.0.1",
-    "@equinor/eds-tokens": "^1.1.4",
-    "@equinor/eds-utils": "^1.1.0"
+    "@equinor/eds-tokens": "^2.0.1",
+    "@equinor/eds-utils": "^2.0.0"
   },
   "scripts": {
     "build": "rollup -c && tsc -p tsconfig.build.json",

package/dist/style.css

@@ -1,81 +0,0 @@
-@property --font-size{inherits:true;initial-value:16px;syntax:"<length>"}.font-heading,.font-ui,[data-font-family]{display:block;margin:0}.font-ui,[data-font-family=ui]{font-family:var(--eds-typography-ui-body-font-family),sans-serif}.font-heading,[data-font-family=header]{font-family:var(--eds-typography-header-font-family),sans-serif}:is(.font-ui,.font-heading),[data-font-family]{&.text-xs,&[data-text-size=xs]{--font-size:var(--_font-size-xs);font-size:var(--font-size)}&.text-sm,&[data-text-size=sm]{--font-size:var(--_font-size-sm);font-size:var(--font-size)}&.text-md,&[data-text-size=md]{--font-size:var(--_font-size-md);font-size:var(--font-size)}&.text-lg,&[data-text-size=lg]{--font-size:var(--_font-size-lg);font-size:var(--font-size)}&.text-xl,&[data-text-size=xl]{--font-size:var(--_font-size-xl);font-size:var(--font-size)}&.text-2xl,&[data-text-size="2xl"]{--font-size:var(--_font-size-2xl);font-size:var(--font-size)}&.text-3xl,&[data-text-size="3xl"]{--font-size:var(--_font-size-3xl);font-size:var(--font-size)}&.text-4xl,&[data-text-size="4xl"]{--font-size:var(--_font-size-4xl);font-size:var(--font-size)}&.text-5xl,&[data-text-size="5xl"]{--font-size:var(--_font-size-5xl);font-size:var(--font-size)}&.text-6xl,&[data-text-size="6xl"]{--font-size:var(--_font-size-6xl);font-size:var(--font-size)}&.line-height-default,&[data-line-height=default]{line-height:var(--_line-height-default)}&.line-height-squished,&[data-line-height=squished]{line-height:var(--_line-height-squished)}&.font-lighter,&[data-font-weight=lighter]{font-weight:var(--_font-weight-lighter)}&.font-normal,&[data-font-weight=normal]{font-weight:var(--_font-weight-normal)}&.font-bolder,&[data-font-weight=bolder]{font-weight:var(--_font-weight-bolder)}&.tracking-tight,&[data-tracking=tight]{letter-spacing:var(--_tracking-tight)}&.tracking-normal,&[data-tracking=normal]{letter-spacing:var(--_tracking-normal)}&.tracking-wide,&[data-tracking=wide]{letter-spacing:var(--_tracking-wide)}}.font-ui,[data-font-family=ui]{&.text-xs,&[data-text-size=xs]{--_font-size-xs:var(--eds-typography-ui-body-xs-font-size);--_line-height-default:var(--eds-typography-ui-body-xs-lineheight-default);--_line-height-squished:var(
-      --eds-typography-ui-body-xs-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-ui-body-xs-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-ui-body-xs-font-weight-normal);--_font-weight-bolder:var(--eds-typography-ui-body-xs-font-weight-bolder);--_tracking-tight:var(--eds-typography-ui-body-xs-tracking-tight);--_tracking-normal:var(--eds-typography-ui-body-xs-tracking-normal);--_tracking-wide:var(--eds-typography-ui-body-xs-tracking-wide)}&.text-sm,&[data-text-size=sm]{--_font-size-sm:var(--eds-typography-ui-body-sm-font-size);--_line-height-default:var(--eds-typography-ui-body-sm-lineheight-default);--_line-height-squished:var(
-      --eds-typography-ui-body-sm-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-ui-body-sm-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-ui-body-sm-font-weight-normal);--_font-weight-bolder:var(--eds-typography-ui-body-sm-font-weight-bolder);--_tracking-tight:var(--eds-typography-ui-body-sm-tracking-tight);--_tracking-normal:var(--eds-typography-ui-body-sm-tracking-normal);--_tracking-wide:var(--eds-typography-ui-body-sm-tracking-wide)}&.text-md,&[data-text-size=md]{--_font-size-md:var(--eds-typography-ui-body-md-font-size);--_line-height-default:var(--eds-typography-ui-body-md-lineheight-default);--_line-height-squished:var(
-      --eds-typography-ui-body-md-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-ui-body-md-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-ui-body-md-font-weight-normal);--_font-weight-bolder:var(--eds-typography-ui-body-md-font-weight-bolder);--_tracking-tight:var(--eds-typography-ui-body-md-tracking-tight);--_tracking-normal:var(--eds-typography-ui-body-md-tracking-normal);--_tracking-wide:var(--eds-typography-ui-body-md-tracking-wide)}&.text-lg,&[data-text-size=lg]{--_font-size-lg:var(--eds-typography-ui-body-lg-font-size);--_line-height-default:var(--eds-typography-ui-body-lg-lineheight-default);--_line-height-squished:var(
-      --eds-typography-ui-body-lg-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-ui-body-lg-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-ui-body-lg-font-weight-normal);--_font-weight-bolder:var(--eds-typography-ui-body-lg-font-weight-bolder);--_tracking-tight:var(--eds-typography-ui-body-lg-tracking-tight);--_tracking-normal:var(--eds-typography-ui-body-lg-tracking-normal);--_tracking-wide:var(--eds-typography-ui-body-lg-tracking-wide)}&.text-xl,&[data-text-size=xl]{--_font-size-xl:var(--eds-typography-ui-body-xl-font-size);--_line-height-default:var(--eds-typography-ui-body-xl-lineheight-default);--_line-height-squished:var(
-      --eds-typography-ui-body-xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-ui-body-xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-ui-body-xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-ui-body-xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-ui-body-xl-tracking-tight);--_tracking-normal:var(--eds-typography-ui-body-xl-tracking-normal);--_tracking-wide:var(--eds-typography-ui-body-xl-tracking-wide)}&.text-2xl,&[data-text-size="2xl"]{--_font-size-2xl:var(--eds-typography-ui-body-2xl-font-size);--_line-height-default:var(
-      --eds-typography-ui-body-2xl-lineheight-default
-    );--_line-height-squished:var(
-      --eds-typography-ui-body-2xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-ui-body-2xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-ui-body-2xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-ui-body-2xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-ui-body-2xl-tracking-tight);--_tracking-normal:var(--eds-typography-ui-body-2xl-tracking-normal);--_tracking-wide:var(--eds-typography-ui-body-2xl-tracking-wide)}&.text-3xl,&[data-text-size="3xl"]{--_font-size-3xl:var(--eds-typography-ui-body-3xl-font-size);--_line-height-default:var(
-      --eds-typography-ui-body-3xl-lineheight-default
-    );--_line-height-squished:var(
-      --eds-typography-ui-body-3xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-ui-body-3xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-ui-body-3xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-ui-body-3xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-ui-body-3xl-tracking-tight);--_tracking-normal:var(--eds-typography-ui-body-3xl-tracking-normal);--_tracking-wide:var(--eds-typography-ui-body-3xl-tracking-wide)}&.text-4xl,&[data-text-size="4xl"]{--_font-size-4xl:var(--eds-typography-ui-body-4xl-font-size);--_line-height-default:var(
-      --eds-typography-ui-body-4xl-lineheight-default
-    );--_line-height-squished:var(
-      --eds-typography-ui-body-4xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-ui-body-4xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-ui-body-4xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-ui-body-4xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-ui-body-4xl-tracking-tight);--_tracking-normal:var(--eds-typography-ui-body-4xl-tracking-normal);--_tracking-wide:var(--eds-typography-ui-body-4xl-tracking-wide)}&.text-5xl,&[data-text-size="5xl"]{--_font-size-5xl:var(--eds-typography-ui-body-5xl-font-size);--_line-height-default:var(
-      --eds-typography-ui-body-5xl-lineheight-default
-    );--_line-height-squished:var(
-      --eds-typography-ui-body-5xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-ui-body-5xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-ui-body-5xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-ui-body-5xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-ui-body-5xl-tracking-tight);--_tracking-normal:var(--eds-typography-ui-body-5xl-tracking-normal);--_tracking-wide:var(--eds-typography-ui-body-5xl-tracking-wide)}&.text-6xl,&[data-text-size="6xl"]{--_font-size-6xl:var(--eds-typography-ui-body-6xl-font-size);--_line-height-default:var(
-      --eds-typography-ui-body-6xl-lineheight-default
-    );--_line-height-squished:var(
-      --eds-typography-ui-body-6xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-ui-body-6xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-ui-body-6xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-ui-body-6xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-ui-body-6xl-tracking-tight);--_tracking-normal:var(--eds-typography-ui-body-6xl-tracking-normal);--_tracking-wide:var(--eds-typography-ui-body-6xl-tracking-wide)}}.font-heading,[data-font-family=header]{&.text-xs,&[data-text-size=xs]{--_font-size-xs:var(--eds-typography-header-xs-font-size);--_line-height-default:var(--eds-typography-header-xs-lineheight-default);--_line-height-squished:var(
-      --eds-typography-header-xs-lineheight-squished
-    );--_font-weight-lighter:var(--eds-typography-header-xs-font-weight-lighter);--_font-weight-normal:var(--eds-typography-header-xs-font-weight-normal);--_font-weight-bolder:var(--eds-typography-header-xs-font-weight-bolder);--_tracking-tight:var(--eds-typography-header-xs-tracking-tight);--_tracking-normal:var(--eds-typography-header-xs-tracking-normal);--_tracking-wide:var(--eds-typography-header-xs-tracking-wide)}&.text-sm,&[data-text-size=sm]{--_font-size-sm:var(--eds-typography-header-sm-font-size);--_line-height-default:var(--eds-typography-header-sm-lineheight-default);--_line-height-squished:var(
-      --eds-typography-header-sm-lineheight-squished
-    );--_font-weight-lighter:var(--eds-typography-header-sm-font-weight-lighter);--_font-weight-normal:var(--eds-typography-header-sm-font-weight-normal);--_font-weight-bolder:var(--eds-typography-header-sm-font-weight-bolder);--_tracking-tight:var(--eds-typography-header-sm-tracking-tight);--_tracking-normal:var(--eds-typography-header-sm-tracking-normal);--_tracking-wide:var(--eds-typography-header-sm-tracking-wide)}&.text-md,&[data-text-size=md]{--_font-size-md:var(--eds-typography-header-md-font-size);--_line-height-default:var(--eds-typography-header-md-lineheight-default);--_line-height-squished:var(
-      --eds-typography-header-md-lineheight-squished
-    );--_font-weight-lighter:var(--eds-typography-header-md-font-weight-lighter);--_font-weight-normal:var(--eds-typography-header-md-font-weight-normal);--_font-weight-bolder:var(--eds-typography-header-md-font-weight-bolder);--_tracking-tight:var(--eds-typography-header-md-tracking-tight);--_tracking-normal:var(--eds-typography-header-md-tracking-normal);--_tracking-wide:var(--eds-typography-header-md-tracking-wide)}&.text-lg,&[data-text-size=lg]{--_font-size-lg:var(--eds-typography-header-lg-font-size);--_line-height-default:var(--eds-typography-header-lg-lineheight-default);--_line-height-squished:var(
-      --eds-typography-header-lg-lineheight-squished
-    );--_font-weight-lighter:var(--eds-typography-header-lg-font-weight-lighter);--_font-weight-normal:var(--eds-typography-header-lg-font-weight-normal);--_font-weight-bolder:var(--eds-typography-header-lg-font-weight-bolder);--_tracking-tight:var(--eds-typography-header-lg-tracking-tight);--_tracking-normal:var(--eds-typography-header-lg-tracking-normal);--_tracking-wide:var(--eds-typography-header-lg-tracking-wide)}&.text-xl,&[data-text-size=xl]{--_font-size-xl:var(--eds-typography-header-xl-font-size);--_line-height-default:var(--eds-typography-header-xl-lineheight-default);--_line-height-squished:var(
-      --eds-typography-header-xl-lineheight-squished
-    );--_font-weight-lighter:var(--eds-typography-header-xl-font-weight-lighter);--_font-weight-normal:var(--eds-typography-header-xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-header-xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-header-xl-tracking-tight);--_tracking-normal:var(--eds-typography-header-xl-tracking-normal);--_tracking-wide:var(--eds-typography-header-xl-tracking-wide)}&.text-2xl,&[data-text-size="2xl"]{--_font-size-2xl:var(--eds-typography-header-2xl-font-size);--_line-height-default:var(--eds-typography-header-2xl-lineheight-default);--_line-height-squished:var(
-      --eds-typography-header-2xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-header-2xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-header-2xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-header-2xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-header-2xl-tracking-tight);--_tracking-normal:var(--eds-typography-header-2xl-tracking-normal);--_tracking-wide:var(--eds-typography-header-2xl-tracking-wide)}&.text-3xl,&[data-text-size="3xl"]{--_font-size-3xl:var(--eds-typography-header-3xl-font-size);--_line-height-default:var(--eds-typography-header-3xl-lineheight-default);--_line-height-squished:var(
-      --eds-typography-header-3xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-header-3xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-header-3xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-header-3xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-header-3xl-tracking-tight);--_tracking-normal:var(--eds-typography-header-3xl-tracking-normal);--_tracking-wide:var(--eds-typography-header-3xl-tracking-wide)}&.text-4xl,&[data-text-size="4xl"]{--_font-size-4xl:var(--eds-typography-header-4xl-font-size);--_line-height-default:var(--eds-typography-header-4xl-lineheight-default);--_line-height-squished:var(
-      --eds-typography-header-4xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-header-4xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-header-4xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-header-4xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-header-4xl-tracking-tight);--_tracking-normal:var(--eds-typography-header-4xl-tracking-normal);--_tracking-wide:var(--eds-typography-header-4xl-tracking-wide)}&.text-5xl,&[data-text-size="5xl"]{--_font-size-5xl:var(--eds-typography-header-5xl-font-size);--_line-height-default:var(--eds-typography-header-5xl-lineheight-default);--_line-height-squished:var(
-      --eds-typography-header-5xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-header-5xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-header-5xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-header-5xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-header-5xl-tracking-tight);--_tracking-normal:var(--eds-typography-header-5xl-tracking-normal);--_tracking-wide:var(--eds-typography-header-5xl-tracking-wide)}&.text-6xl,&[data-text-size="6xl"]{--_font-size-6xl:var(--eds-typography-header-6xl-font-size);--_line-height-default:var(--eds-typography-header-6xl-lineheight-default);--_line-height-squished:var(
-      --eds-typography-header-6xl-lineheight-squished
-    );--_font-weight-lighter:var(
-      --eds-typography-header-6xl-font-weight-lighter
-    );--_font-weight-normal:var(--eds-typography-header-6xl-font-weight-normal);--_font-weight-bolder:var(--eds-typography-header-6xl-font-weight-bolder);--_tracking-tight:var(--eds-typography-header-6xl-tracking-tight);--_tracking-normal:var(--eds-typography-header-6xl-tracking-normal);--_tracking-wide:var(--eds-typography-header-6xl-tracking-wide)}}@supports (text-box:trim-both cap alphabetic){.text-baseline-grid,[data-baseline=grid]{text-box:trim-both ex alphabetic;padding-bottom:0;padding-top:calc(round(1cap, 4px) - 1ex)}.text-baseline-center,[data-baseline=center]{text-box:trim-both ex alphabetic;padding-bottom:calc((round(1cap, 4px) - 1ex)/2 - 1cap/2 + .5ex);padding-top:calc((round(1cap, 4px) - 1ex)/2 + 1cap/2 - .5ex)}}.text-icon{font-size:calc(24px * tan(atan2(var(--font-size), 1px)) / 16);height:auto;margin-block:-.5em;margin-inline:-.2em;width:calc(24px * tan(atan2(var(--font-size), 1px)) / 16)}

package/dist/style.js

@@ -1,3 +0,0 @@
-var undefined$1 = undefined;
-
-export { undefined$1 as default };

package/dist/types/playwright.config.d.ts

@@ -1,6 +0,0 @@
-/**
- * Playwright configuration for visual regression testing of Typography components
- * Tests run against Storybook stories to ensure visual consistency
- */
-declare const _default: import("@playwright/test").PlaywrightTestConfig<{}, {}>;
-export default _default;

package/dist/types/src/components/InputWrapper/index.d.ts

@@ -1,2 +0,0 @@
-export { InputWrapper } from './InputWrapper';
-export type { InputWrapperProps } from './InputWrapper';

package/dist/types/src/components/TextField/TextField.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, ForwardedRef } from 'react';
-import type { Variants } from '../types';
-type SharedTextFieldProps = {
-    /** Variants */
-    variant?: Variants;
-    /** Input unique id. If this is not provided, one will be generated */
-    id?: string;
-    /** Label text */
-    label?: ReactNode;
-    /** Meta text */
-    meta?: ReactNode;
-    /** Unit text */
-    unit?: string;
-    /** Helper text */
-    helperText?: string;
-    /** InputIcon */
-    inputIcon?: ReactNode;
-    /** HelperIcon */
-    helperIcon?: ReactNode;
-    /**  Maximum number of rows if `multiline` is set to `true` */
-    rowsMax?: number;
-    /** Input ref */
-    inputRef?: ForwardedRef<HTMLInputElement>;
-    /** Textarea ref when multiline is set to `true` */
-    textareaRef?: ForwardedRef<HTMLTextAreaElement>;
-    /** If `true` a `textarea` is rendered for multiline support. Make sure to use `textareaRef` if you need to access reference element  */
-    multiline?: boolean;
-};
-export type TextFieldProps = SharedTextFieldProps & (TextareaHTMLAttributes<HTMLTextAreaElement> | InputHTMLAttributes<HTMLInputElement>);
-export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/types/src/components/Textarea/Textarea.d.ts

@@ -1,30 +0,0 @@
-import { TextareaHTMLAttributes } from 'react';
-import type { Variants } from '../types';
-export type TextareaProps = {
-    /** Placeholder */
-    placeholder?: string;
-    /** Variant */
-    variant?: Variants;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Type */
-    type?: string;
-    /** Read Only */
-    readOnly?: boolean;
-    /** Specifies max rows for multiline  */
-    rowsMax?: number;
-} & TextareaHTMLAttributes<HTMLTextAreaElement>;
-export declare const Textarea: import("react").ForwardRefExoticComponent<{
-    /** Placeholder */
-    placeholder?: string;
-    /** Variant */
-    variant?: Variants;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Type */
-    type?: string;
-    /** Read Only */
-    readOnly?: boolean;
-    /** Specifies max rows for multiline  */
-    rowsMax?: number;
-} & TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;