@entur/typography 1.10.0-beta.8 → 2.0.0-beta.0

package/README.md

@@ -19,35 +19,37 @@ yarn add @entur/typography
 
 ## 🚀 Quick Start
 
-### Using Beta Typography (Recommended)
+### Using Stable Typography (Recommended for Production)
 
 ```typescript
-import { Heading, Text, LinkBeta } from '@entur/typography';
+import { Heading1, Paragraph, Link } from '@entur/typography';
+import '@entur/typography/styles';
 
 function MyComponent() {
   return (
     <div>
-      <Heading as="h1" variant="title-1">
-        My Title
-      </Heading>
-      <Text variant="paragraph">My content</Text>
-      <LinkBeta href="/more">Learn more</LinkBeta>
+      <Heading1>My Title</Heading1>
+      <Paragraph>My content</Paragraph>
+      <Link href="/more">Learn more</Link>
     </div>
   );
 }
 ```
 
-### Using Legacy Typography
+### Using Beta Typography (Experimental Features)
 
 ```typescript
-import { Heading1, Paragraph, Link } from '@entur/typography';
+import { Heading, Text, LinkBeta } from '@entur/typography/beta';
+import '@entur/typography/styles';
 
 function MyComponent() {
   return (
     <div>
-      <Heading1>My Title</Heading1>
-      <Paragraph>My content</Paragraph>
-      <Link href="/more">Learn more</Link>
+      <Heading as="h1" variant="title-1">
+        My Title
+      </Heading>
+      <Text variant="paragraph">My content</Text>
+      <LinkBeta href="/more">Learn more</LinkBeta>
     </div>
   );
 }
@@ -55,6 +57,25 @@ function MyComponent() {
 
 ## 🔄 Migration
 
+**Good news!** This package maintains full backward compatibility. All existing import patterns continue to work exactly as before.
+
+### Backward Compatibility
+
+```typescript
+// ✅ All these still work exactly as before
+import { Heading1 } from '@entur/typography/dist/Heading1';
+import { Paragraph } from '@entur/typography/dist/Paragraph';
+import '@entur/typography/dist/styles.css';
+```
+
+### Modern Imports (Recommended)
+
+```typescript
+// 🚀 But these are now preferred
+import { Heading1, Paragraph } from '@entur/typography';
+import '@entur/typography/styles';
+```
+
 **Migrating from legacy typography?** We've created a comprehensive migration package to help you transition smoothly. Follow our migration guide in our website.
 
 - 🔧 **Migration Helpers** - Drop-in replacements for legacy components
@@ -68,7 +89,7 @@ npx @entur/typography@latest migrate
 
 # Option 2: With specific options
 npx @entur/typography@latest migrate --dry-run
-npx @entur/typography@latest migrate --import-only
+
 
 # Option 3: From installed package
 npm install @entur/typography@latest
@@ -87,10 +108,9 @@ npm install glob
 yarn add glob
 ```
 
-### Migration Modes
+### Migration Mode
 
-- **🚀 Complete Migration (default)**: Updates imports + component usage
-- **📝 Import-Only Migration**: Updates only import paths (safer for gradual migration)
+- **🚀 Complete Migration**: Updates imports + component usage
 
 ### Update Styles
 
@@ -99,7 +119,7 @@ yarn add glob
 @import '@entur/typography/dist/styles.css';
 
 // With this
-@import '@entur/typography/src/beta/styles.scss';
+@import '@entur/typography/styles';
 ```
 
 ## 🎨 Features

package/dist/BaseHeading.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 type BaseHeadingOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres */

package/dist/Blockquote.d.ts

@@ -1,12 +1,11 @@
-import React from 'react';
-type BlockquoteProps = {
+import { default as React } from 'react';
+export type BlockquoteProps = {
     /** Ekstra klassenavn */
     className?: string;
 } & React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLElement>, HTMLQuoteElement>;
 export declare const Blockquote: ({ className, ref, ...rest }: BlockquoteProps) => React.JSX.Element;
-type BlockquoteFooterProps = {
+export type BlockquoteFooterProps = {
     /** Ekstra klassenavn */
     className?: string;
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
 export declare const BlockquoteFooter: React.FunctionComponent<BlockquoteFooterProps>;
-export {};

package/dist/CodeText.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type CodeTextOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/EmphasizedText.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type EmphasizedTextOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/Heading1.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type Heading1OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/Heading2.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type Heading2OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/Heading3.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type Heading3OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/Heading4.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type Heading4OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/Heading5.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type Heading5OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/Heading6.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type Heading6OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/Label.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type LabelOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/LeadParagraph.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type LeadParagraphOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/Link.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type LinkOwnProps = {
     external?: boolean;

package/dist/ListItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type ListItemProps = {
     /** Ekstra klassenavn */
     className?: string;

package/dist/NumberedList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type NumberedListProps = {
     /** Ekstra klassenavn */
     className?: string;

package/dist/Paragraph.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type ParagraphOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/PreformattedText.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type PreformattedTextOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/SmallText.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type SmallTextOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/StrongText.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type StrongTextOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/SubLabel.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type SubLabelOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/SubParagraph.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 export type SubParagraphOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres

package/dist/UnorderedList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type UnorderedListProps = {
     /** Ekstra klassenavn */
     className?: string;

package/dist/beta/cjs/components/Blockquote.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require('../../styles/components/text.css');const jsxRuntime = require("react/jsx-runtime");
+const classNames = require("classnames");
+;/* empty css            */
+const Blockquote = ({ className, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "blockquote",
+    {
+      className: classNames("eds-text--blockquote", className),
+      ...rest
+    }
+  );
+};
+const BlockquoteFooter = ({
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "footer",
+    {
+      className: classNames("eds-text--blockquote__footer", className),
+      ...rest
+    }
+  );
+};
+exports.Blockquote = Blockquote;
+exports.BlockquoteFooter = BlockquoteFooter;
+//# sourceMappingURL=Blockquote.cjs.map

package/dist/beta/cjs/components/Blockquote.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.cjs","sources":["../../../../src/beta/components/Blockquote.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nimport './text.scss';\n\nexport type BlockquoteProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.BlockquoteHTMLAttributes<HTMLQuoteElement>,\n  HTMLQuoteElement\n>;\n\nexport const Blockquote = ({ className, ...rest }: BlockquoteProps) => {\n  return (\n    <blockquote\n      className={classNames('eds-text--blockquote', className)}\n      {...rest}\n    />\n  );\n};\n\ntype BlockquoteFooterProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\n\nexport const BlockquoteFooter = ({\n  className,\n  ...rest\n}: BlockquoteFooterProps) => {\n  return (\n    <footer\n      className={classNames('eds-text--blockquote__footer', className)}\n      {...rest}\n    />\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;AAaO,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,WAA4B;AACrE,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,wBAAwB,SAAS;AAAA,MACtD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAOO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,gCAAgC,SAAS;AAAA,MAC9D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;;"}

package/dist/beta/cjs/components/Heading.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require('../../styles/components/heading.css');const jsxRuntime = require("react/jsx-runtime");
+const classNames = require("classnames");
+const utils = require("../utils/utils.cjs");
+;/* empty css               */
+const Heading = ({
+  children,
+  as,
+  size,
+  variant,
+  spacing,
+  className,
+  ...rest
+}) => {
+  const HeadingElement = as || "h1";
+  const usedVariant = variant ?? utils.getHeadingVariantFromSemanticType(HeadingElement);
+  const shouldUseSize = size !== void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    HeadingElement,
+    {
+      className: classNames(
+        "eds-heading",
+        // Only apply variant if size is not specified
+        { [`eds-heading--${usedVariant}`]: !shouldUseSize },
+        // Size takes precedence when specified
+        { [`eds-heading--${size}`]: shouldUseSize && size },
+        utils.getSpacingClasses(spacing, "eds-heading"),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+exports.Heading = Heading;
+//# sourceMappingURL=Heading.cjs.map

package/dist/beta/cjs/components/Heading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.cjs","sources":["../../../../src/beta/components/Heading.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\nimport {\n  TypographyHeadingVariant,\n  TypographySize,\n  TypographySpacing,\n} from '../types';\nimport {\n  getHeadingVariantFromSemanticType,\n  getSpacingClasses,\n} from '../utils/utils';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nimport './heading.scss';\n\ntype HeadingBaseProps = {\n  /** Visuell variant som bestemmer styling (anbefalt over size) */\n  variant?: TypographyHeadingVariant;\n  /** Visuell tekststørrelse som overstyrer variant-styling */\n  size?: TypographySize;\n  /** Innholdet som skal vises */\n  children: React.ReactNode;\n  /** Ekstra klassenavn for tilpasset styling */\n  className?: string;\n  /** Inline CSS-stiler */\n  style?: React.CSSProperties;\n  /** Spacing around the component */\n  spacing?: TypographySpacing;\n};\n\nexport type HeadingProps<C extends React.ElementType> =\n  PolymorphicComponentProps<C, HeadingBaseProps>;\n\nexport const Heading = <C extends React.ElementType = 'h1'>({\n  children,\n  as,\n  size,\n  variant,\n  spacing,\n  className,\n  ...rest\n}: HeadingProps<C>) => {\n  const HeadingElement = as || 'h1';\n\n  // Function to determine the variant based on the semantic type\n  const usedVariant =\n    variant ?? getHeadingVariantFromSemanticType(HeadingElement);\n\n  // When size is explicitly provided, it should override variant styling\n  const shouldUseSize = size !== undefined;\n\n  return (\n    <HeadingElement\n      className={classNames(\n        'eds-heading',\n        // Only apply variant if size is not specified\n        { [`eds-heading--${usedVariant}`]: !shouldUseSize },\n        // Size takes precedence when specified\n        { [`eds-heading--${size}`]: shouldUseSize && size },\n        getSpacingClasses(spacing, 'eds-heading'),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </HeadingElement>\n  );\n};\n"],"names":["getHeadingVariantFromSemanticType","jsx","getSpacingClasses"],"mappings":";;;;;;AAkCO,MAAM,UAAU,CAAqC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,iBAAiB,MAAM;AAG7B,QAAM,cACJ,WAAWA,MAAAA,kCAAkC,cAAc;AAG7D,QAAM,gBAAgB,SAAS;AAE/B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA;AAAA,QAEA,EAAE,CAAC,gBAAgB,WAAW,EAAE,GAAG,CAAC,cAAA;AAAA;AAAA,QAEpC,EAAE,CAAC,gBAAgB,IAAI,EAAE,GAAG,iBAAiB,KAAA;AAAA,QAC7CC,MAAAA,kBAAkB,SAAS,aAAa;AAAA,QACxC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/beta/cjs/components/Link.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require('../../styles/components/text.css');const jsxRuntime = require("react/jsx-runtime");
+const classNames = require("classnames");
+const icons = require("@entur/icons");
+const utils = require("../utils/utils.cjs");
+;/* empty css            */
+const Link = ({
+  external = false,
+  ariaLabelExternalIcon = "(ekstern lenke)",
+  className,
+  spacing,
+  children,
+  as,
+  ...rest
+}) => {
+  const LinkElement = as || "a";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    LinkElement,
+    {
+      className: classNames(
+        "eds-text--link",
+        utils.getSpacingClasses(spacing, "eds-text--link"),
+        className
+      ),
+      ...rest,
+      children: [
+        children,
+        external ? /* @__PURE__ */ jsxRuntime.jsx(
+          icons.ExternalIcon,
+          {
+            className: "eds-text--link--ext-icon",
+            "aria-label": ariaLabelExternalIcon
+          }
+        ) : null
+      ]
+    }
+  );
+};
+exports.Link = Link;
+//# sourceMappingURL=Link.cjs.map

package/dist/beta/cjs/components/Link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.cjs","sources":["../../../../src/beta/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport { ExternalIcon } from '@entur/icons';\nimport { TypographySpacing } from '../types';\nimport { getSpacingClasses } from '../utils/utils';\n\nimport './text.scss';\n\n/**\n * @beta Experimental component - may have breaking changes in future releases\n */\ntype LinkBaseProps = {\n  external?: boolean;\n\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Spacing around the component (same as Text and Heading components) */\n  spacing?: TypographySpacing;\n  ariaLabelExternalIcon?: string;\n};\n\nexport type LinkProps<C extends React.ElementType> = PolymorphicComponentProps<\n  C,\n  LinkBaseProps\n>;\n\n/**\n * @beta Experimental component - may have breaking changes in future releases\n */\nexport const Link = <C extends React.ElementType = 'a'>({\n  external = false,\n  ariaLabelExternalIcon = '(ekstern lenke)',\n  className,\n  spacing,\n  children,\n  as,\n  ...rest\n}: LinkProps<C>): JSX.Element => {\n  const LinkElement: React.ElementType = as || 'a';\n  return (\n    <LinkElement\n      className={classNames(\n        'eds-text--link',\n        getSpacingClasses(spacing, 'eds-text--link'),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n      {external ? (\n        <ExternalIcon\n          className=\"eds-text--link--ext-icon\"\n          aria-label={ariaLabelExternalIcon}\n        />\n      ) : null}\n    </LinkElement>\n  );\n};\n"],"names":["jsxs","getSpacingClasses","jsx","ExternalIcon"],"mappings":";;;;;;;AAgCO,MAAM,OAAO,CAAoC;AAAA,EACtD,WAAW;AAAA,EACX,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiC;AAC/B,QAAM,cAAiC,MAAM;AAC7C,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAC,MAAAA,kBAAkB,SAAS,gBAAgB;AAAA,QAC3C;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,WACCC,2BAAAA;AAAAA,UAACC,MAAAA;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAY;AAAA,UAAA;AAAA,QAAA,IAEZ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;;"}

package/dist/beta/cjs/components/ListItem.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require('../../styles/components/text.css');const jsxRuntime = require("react/jsx-runtime");
+const classNames = require("classnames");
+const utils = require("../utils/utils.cjs");
+;/* empty css            */
+const ListItem = ({
+  children,
+  className,
+  title,
+  spacing,
+  as,
+  ...rest
+}) => {
+  const ItemElement = as || "li";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ItemElement,
+    {
+      className: classNames(
+        "eds-text--list-item",
+        utils.getSpacingClasses(spacing, "eds-text--list-item"),
+        className
+      ),
+      ...rest,
+      children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "eds-text--list-item__title eds-text--weight-bold", children: title }),
+        children
+      ]
+    }
+  );
+};
+exports.ListItem = ListItem;
+//# sourceMappingURL=ListItem.cjs.map

package/dist/beta/cjs/components/ListItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.cjs","sources":["../../../../src/beta/components/ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport { TypographySpacing } from '../types';\nimport { getSpacingClasses } from '../utils/utils';\n\nimport './text.scss';\n\n/**\n * @beta Experimental component - may have breaking changes in future releases\n */\ntype ListItemBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Tittel */\n  title?: React.ReactNode;\n  /** Spacing around the component (same as Text and Heading components) */\n  spacing?: TypographySpacing;\n};\n\nexport type ListItemProps<C extends React.ElementType> =\n  PolymorphicComponentProps<C, ListItemBaseProps>;\n\n/**\n * @beta Experimental component - may have breaking changes in future releases\n */\nexport const ListItem = <C extends React.ElementType = 'li'>({\n  children,\n  className,\n  title,\n  spacing,\n  as,\n  ...rest\n}: ListItemProps<C>): JSX.Element => {\n  const ItemElement: React.ElementType = as || 'li';\n\n  return (\n    <ItemElement\n      className={classNames(\n        'eds-text--list-item',\n        getSpacingClasses(spacing, 'eds-text--list-item'),\n        className,\n      )}\n      {...rest}\n    >\n      {title && (\n        <span className=\"eds-text--list-item__title eds-text--weight-bold\">\n          {title}\n        </span>\n      )}\n      {children}\n    </ItemElement>\n  );\n};\n"],"names":["jsxs","getSpacingClasses","jsx"],"mappings":";;;;;;AA4BO,MAAM,WAAW,CAAqC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqC;AACnC,QAAM,cAAiC,MAAM;AAE7C,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAC,MAAAA,kBAAkB,SAAS,qBAAqB;AAAA,QAChD;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,SACCC,2BAAAA,IAAC,QAAA,EAAK,WAAU,oDACb,UAAA,OACH;AAAA,QAED;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/beta/cjs/components/NumberedList.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require('../../styles/components/text.css');const jsxRuntime = require("react/jsx-runtime");
+const classNames = require("classnames");
+const utils = require("../utils/utils.cjs");
+;/* empty css            */
+const NumberedList = ({
+  className,
+  type = "1",
+  spacing,
+  as,
+  children,
+  ...rest
+}) => {
+  const ListElement = as || "ol";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ListElement,
+    {
+      className: classNames(
+        "eds-text--numbered-list",
+        { [`eds-text--numbered-list--type-${type}`]: type },
+        utils.getSpacingClasses(spacing, "eds-text--numbered-list"),
+        className
+      ),
+      type,
+      ...rest,
+      children
+    }
+  );
+};
+exports.NumberedList = NumberedList;
+//# sourceMappingURL=NumberedList.cjs.map

package/dist/beta/cjs/components/NumberedList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberedList.cjs","sources":["../../../../src/beta/components/NumberedList.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport { TypographySpacing } from '../types';\nimport { getSpacingClasses } from '../utils/utils';\n\nimport './text.scss';\n\n/**\n * @beta Experimental component - may have breaking changes in future releases\n */\ntype NumberedListBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** List type (1, A, a, I, i) */\n  type?: '1' | 'A' | 'a' | 'I' | 'i';\n  /** Spacing around the component (same as Text and Heading components) */\n  spacing?: TypographySpacing;\n};\n\nexport type NumberedListProps<C extends React.ElementType> =\n  PolymorphicComponentProps<C, NumberedListBaseProps>;\n\n/**\n * @beta Experimental component - may have breaking changes in future releases\n */\nexport const NumberedList = <C extends React.ElementType = 'ol'>({\n  className,\n  type = '1',\n  spacing,\n  as,\n  children,\n  ...rest\n}: NumberedListProps<C>): JSX.Element => {\n  const ListElement: React.ElementType = as || 'ol';\n\n  return (\n    <ListElement\n      className={classNames(\n        'eds-text--numbered-list',\n        { [`eds-text--numbered-list--type-${type}`]: type },\n        getSpacingClasses(spacing, 'eds-text--numbered-list'),\n        className,\n      )}\n      type={type}\n      {...rest}\n    >\n      {children}\n    </ListElement>\n  );\n};\n"],"names":["jsx","getSpacingClasses"],"mappings":";;;;;;AA4BO,MAAM,eAAe,CAAqC;AAAA,EAC/D;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyC;AACvC,QAAM,cAAiC,MAAM;AAE7C,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,EAAE,CAAC,iCAAiC,IAAI,EAAE,GAAG,KAAA;AAAA,QAC7CC,MAAAA,kBAAkB,SAAS,yBAAyB;AAAA,QACpD;AAAA,MAAA;AAAA,MAEF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/beta/cjs/components/Text.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require('../../styles/components/text.css');const jsxRuntime = require("react/jsx-runtime");
+const classNames = require("classnames");
+const utils = require("../utils/utils.cjs");
+;/* empty css            */
+const TypographyText = ({
+  children,
+  as,
+  size,
+  variant,
+  weight = "medium",
+  spacing,
+  className,
+  ...rest
+}) => {
+  const BodyElement = as || utils.getSemanticTypeFromTextVariant(variant);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BodyElement,
+    {
+      className: classNames(
+        "eds-text",
+        variant && `eds-text--${variant}`,
+        size && `eds-text--${size}`,
+        weight && `eds-text--weight-${weight}`,
+        utils.getSpacingClasses(spacing, "eds-text"),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+const Text = TypographyText;
+exports.Text = Text;
+//# sourceMappingURL=Text.cjs.map

package/dist/beta/cjs/components/Text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.cjs","sources":["../../../../src/beta/components/Text.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nimport {\n  getSpacingClasses,\n  getSemanticTypeFromTextVariant,\n} from '../utils/utils';\n\nimport {\n  TypographySize,\n  TypographyTextVariant,\n  TypographyWeight,\n  TypographySpacing,\n} from '../types';\n\nimport './text.scss';\n\ntype TextBaseProps = {\n  /** Visuell tekststørrelse (typografi-token) */\n  size?: TypographySize;\n  /** Fontvekt */\n  weight?: TypographyWeight;\n  /** Variant (kan brukes til spesielle typer tekst som for eksempel caption) */\n  variant?: TypographyTextVariant;\n  /** Innhold */\n  children: React.ReactNode;\n  /** Spacing around the component */\n  spacing?: TypographySpacing;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type TextProps<C extends React.ElementType> = PolymorphicComponentProps<\n  C,\n  TextBaseProps\n>;\n\nconst TypographyText = <C extends React.ElementType = 'p'>({\n  children,\n  as,\n  size,\n  variant,\n  weight = 'medium',\n  spacing,\n  className,\n  ...rest\n}: TextProps<C>) => {\n  const BodyElement = as || getSemanticTypeFromTextVariant(variant);\n\n  return (\n    <BodyElement\n      className={classNames(\n        'eds-text',\n        variant && `eds-text--${variant}`,\n        size && `eds-text--${size}`,\n        weight && `eds-text--weight-${weight}`,\n        getSpacingClasses(spacing, 'eds-text'),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </BodyElement>\n  );\n};\n\n// Export as Text to avoid DOM conflicts\nexport const Text = TypographyText;\n"],"names":["getSemanticTypeFromTextVariant","jsx","getSpacingClasses"],"mappings":";;;;;;AAwCA,MAAM,iBAAiB,CAAoC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc,MAAMA,MAAAA,+BAA+B,OAAO;AAEhE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,aAAa,OAAO;AAAA,QAC/B,QAAQ,aAAa,IAAI;AAAA,QACzB,UAAU,oBAAoB,MAAM;AAAA,QACpCC,MAAAA,kBAAkB,SAAS,UAAU;AAAA,QACrC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,OAAO;;"}

package/dist/beta/cjs/components/UnorderedList.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require('../../styles/components/text.css');const jsxRuntime = require("react/jsx-runtime");
+const classNames = require("classnames");
+const utils = require("../utils/utils.cjs");
+;/* empty css            */
+const UnorderedList = ({
+  className,
+  spacing,
+  as,
+  children,
+  ...rest
+}) => {
+  const ListElement = as || "ul";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ListElement,
+    {
+      className: classNames(
+        "eds-text--unordered-list",
+        utils.getSpacingClasses(spacing, "eds-text--unordered-list"),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+exports.UnorderedList = UnorderedList;
+//# sourceMappingURL=UnorderedList.cjs.map

package/dist/beta/cjs/components/UnorderedList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.cjs","sources":["../../../../src/beta/components/UnorderedList.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport { TypographySpacing } from '../types';\nimport { getSpacingClasses } from '../utils/utils';\n\nimport './text.scss';\n\n/**\n * @beta Experimental component - may have breaking changes in future releases\n */\ntype UnorderedListBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Spacing around the component (same as Text and Heading components) */\n  spacing?: TypographySpacing;\n};\n\nexport type UnorderedListProps<C extends React.ElementType> =\n  PolymorphicComponentProps<C, UnorderedListBaseProps>;\n\n/**\n * @beta Experimental component - may have breaking changes in future releases\n */\nexport const UnorderedList = <C extends React.ElementType = 'ul'>({\n  className,\n  spacing,\n  as,\n  children,\n  ...rest\n}: UnorderedListProps<C>): JSX.Element => {\n  const ListElement: React.ElementType = as || 'ul';\n\n  return (\n    <ListElement\n      className={classNames(\n        'eds-text--unordered-list',\n        getSpacingClasses(spacing, 'eds-text--unordered-list'),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </ListElement>\n  );\n};\n"],"names":["jsx","getSpacingClasses"],"mappings":";;;;;;AA0BO,MAAM,gBAAgB,CAAqC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,QAAM,cAAiC,MAAM;AAE7C,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAC,MAAAA,kBAAkB,SAAS,0BAA0B;AAAA,QACrD;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/beta/cjs/index.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Heading = require("./components/Heading.cjs");
+const Text = require("./components/Text.cjs");
+const Link = require("./components/Link.cjs");
+const Blockquote = require("./components/Blockquote.cjs");
+const UnorderedList = require("./components/UnorderedList.cjs");
+const NumberedList = require("./components/NumberedList.cjs");
+const ListItem = require("./components/ListItem.cjs");
+exports.Heading = Heading.Heading;
+exports.Text = Text.Text;
+exports.Link = Link.Link;
+exports.Blockquote = Blockquote.Blockquote;
+exports.BlockquoteFooter = Blockquote.BlockquoteFooter;
+exports.UnorderedList = UnorderedList.UnorderedList;
+exports.NumberedList = NumberedList.NumberedList;
+exports.ListItem = ListItem.ListItem;
+//# sourceMappingURL=index.cjs.map

package/dist/beta/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}