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

package/dist/beta/cjs/utils/utils.cjs

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function getSpacingClasses(spacing, baseClass) {
+  if (!spacing) return "";
+  const spacingMap = {
+    none: `${baseClass}--spacing-none`,
+    xs2: `${baseClass}--spacing-xs2`,
+    "xs2-top": `${baseClass}--spacing-xs2-top`,
+    "xs2-bottom": `${baseClass}--spacing-xs2-bottom`,
+    xs: `${baseClass}--spacing-xs`,
+    "xs-top": `${baseClass}--spacing-xs-top`,
+    "xs-bottom": `${baseClass}--spacing-xs-bottom`,
+    sm: `${baseClass}--spacing-sm`,
+    "sm-top": `${baseClass}--spacing-sm-top`,
+    "sm-bottom": `${baseClass}--spacing-sm-bottom`,
+    md: `${baseClass}--spacing-md`,
+    "md-top": `${baseClass}--spacing-md-top`,
+    "md-bottom": `${baseClass}--spacing-md-bottom`,
+    lg: `${baseClass}--spacing-lg`,
+    "lg-top": `${baseClass}--spacing-lg-top`,
+    "lg-bottom": `${baseClass}--spacing-lg-bottom`,
+    xl: `${baseClass}--spacing-xl`,
+    "xl-top": `${baseClass}--spacing-xl-top`,
+    "xl-bottom": `${baseClass}--spacing-xl-bottom`
+  };
+  return spacingMap[spacing] || "";
+}
+function getHeadingVariantFromSemanticType(element) {
+  const elementStr = typeof element === "string" ? element : element.toString();
+  switch (elementStr.toLowerCase()) {
+    case "h1":
+      return "title-1";
+    case "h2":
+      return "title-2";
+    case "h3":
+      return "subtitle-1";
+    case "h4":
+      return "subtitle-2";
+    case "h5":
+      return "section-1";
+    case "h6":
+      return "section-2";
+    default:
+      return "title-1";
+  }
+}
+function getSemanticTypeFromTextVariant(variant) {
+  if (!variant) return "p";
+  switch (variant) {
+    case "label":
+      return "label";
+    case "sublabel":
+      return "span";
+    case "caption":
+      return "span";
+    case "overline":
+      return "span";
+    case "link":
+      return "a";
+    case "code-text":
+      return "code";
+    case "preformatted-text":
+      return "pre";
+    case "quote":
+      return "blockquote";
+    case "leading":
+    case "paragraph":
+    case "subparagraph":
+    case "emphasized":
+    default:
+      return "p";
+  }
+}
+exports.getHeadingVariantFromSemanticType = getHeadingVariantFromSemanticType;
+exports.getSemanticTypeFromTextVariant = getSemanticTypeFromTextVariant;
+exports.getSpacingClasses = getSpacingClasses;
+//# sourceMappingURL=utils.cjs.map

package/dist/beta/cjs/utils/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../src/beta/utils/utils.ts"],"sourcesContent":["import {\n  TypographySpacing,\n  TypographyHeadingVariant,\n  TypographyTextVariant,\n} from '../types';\n\n/**\n * Get spacing classes for a component\n */\nexport function getSpacingClasses(\n  spacing: TypographySpacing | undefined,\n  baseClass: string,\n): string {\n  if (!spacing) return '';\n\n  const spacingMap: Record<string, string> = {\n    none: `${baseClass}--spacing-none`,\n    xs2: `${baseClass}--spacing-xs2`,\n    'xs2-top': `${baseClass}--spacing-xs2-top`,\n    'xs2-bottom': `${baseClass}--spacing-xs2-bottom`,\n    xs: `${baseClass}--spacing-xs`,\n    'xs-top': `${baseClass}--spacing-xs-top`,\n    'xs-bottom': `${baseClass}--spacing-xs-bottom`,\n    sm: `${baseClass}--spacing-sm`,\n    'sm-top': `${baseClass}--spacing-sm-top`,\n    'sm-bottom': `${baseClass}--spacing-sm-bottom`,\n    md: `${baseClass}--spacing-md`,\n    'md-top': `${baseClass}--spacing-md-top`,\n    'md-bottom': `${baseClass}--spacing-md-bottom`,\n    lg: `${baseClass}--spacing-lg`,\n    'lg-top': `${baseClass}--spacing-lg-top`,\n    'lg-bottom': `${baseClass}--spacing-lg-bottom`,\n    xl: `${baseClass}--spacing-xl`,\n    'xl-top': `${baseClass}--spacing-xl-top`,\n    'xl-bottom': `${baseClass}--spacing-xl-bottom`,\n  };\n\n  return spacingMap[spacing] || '';\n}\n\n/**\n * Get heading variant based on semantic HTML element\n */\nexport function getHeadingVariantFromSemanticType(\n  element: string | React.ElementType,\n): TypographyHeadingVariant {\n  const elementStr = typeof element === 'string' ? element : element.toString();\n\n  switch (elementStr.toLowerCase()) {\n    case 'h1':\n      return 'title-1';\n    case 'h2':\n      return 'title-2';\n    case 'h3':\n      return 'subtitle-1';\n    case 'h4':\n      return 'subtitle-2';\n    case 'h5':\n      return 'section-1';\n    case 'h6':\n      return 'section-2';\n    default:\n      return 'title-1';\n  }\n}\n\n/**\n * Get semantic HTML element from text variant\n */\nexport function getSemanticTypeFromTextVariant(\n  variant: TypographyTextVariant | undefined,\n): string {\n  if (!variant) return 'p';\n\n  switch (variant) {\n    case 'label':\n      return 'label';\n    case 'sublabel':\n      return 'span';\n    case 'caption':\n      return 'span';\n    case 'overline':\n      return 'span';\n    case 'link':\n      return 'a';\n    case 'code-text':\n      return 'code';\n    case 'preformatted-text':\n      return 'pre';\n    case 'quote':\n      return 'blockquote';\n    case 'leading':\n    case 'paragraph':\n    case 'subparagraph':\n    case 'emphasized':\n    default:\n      return 'p';\n  }\n}\n"],"names":[],"mappings":";;AASO,SAAS,kBACd,SACA,WACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,aAAqC;AAAA,IACzC,MAAM,GAAG,SAAS;AAAA,IAClB,KAAK,GAAG,SAAS;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,IACvB,cAAc,GAAG,SAAS;AAAA,IAC1B,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,EAAA;AAG3B,SAAO,WAAW,OAAO,KAAK;AAChC;AAKO,SAAS,kCACd,SAC0B;AAC1B,QAAM,aAAa,OAAO,YAAY,WAAW,UAAU,QAAQ,SAAA;AAEnE,UAAQ,WAAW,eAAY;AAAA,IAC7B,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAKO,SAAS,+BACd,SACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,UAAQ,SAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EAAA;AAEb;;;;"}

package/dist/beta/esm/components/Blockquote.mjs

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import '../../styles/components/text.css';/* empty css           */
+const Blockquote = ({ className, ...rest }) => {
+  return /* @__PURE__ */ jsx(
+    "blockquote",
+    {
+      className: classNames("eds-text--blockquote", className),
+      ...rest
+    }
+  );
+};
+const BlockquoteFooter = ({
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    "footer",
+    {
+      className: classNames("eds-text--blockquote__footer", className),
+      ...rest
+    }
+  );
+};
+export {
+  Blockquote,
+  BlockquoteFooter
+};
+//# sourceMappingURL=Blockquote.mjs.map

package/dist/beta/esm/components/Blockquote.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.mjs","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":[],"mappings":";;;AAaO,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,WAA4B;AACrE,SACE;AAAA,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,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,gCAAgC,SAAS;AAAA,MAC9D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/beta/esm/components/Heading.mjs

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { getHeadingVariantFromSemanticType, getSpacingClasses } from "../utils/utils.mjs";
+import '../../styles/components/heading.css';/* empty css              */
+const Heading = ({
+  children,
+  as,
+  size,
+  variant,
+  spacing,
+  className,
+  ...rest
+}) => {
+  const HeadingElement = as || "h1";
+  const usedVariant = variant ?? getHeadingVariantFromSemanticType(HeadingElement);
+  const shouldUseSize = size !== void 0;
+  return /* @__PURE__ */ 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 },
+        getSpacingClasses(spacing, "eds-heading"),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+export {
+  Heading
+};
+//# sourceMappingURL=Heading.mjs.map

package/dist/beta/esm/components/Heading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.mjs","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":[],"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,WAAW,kCAAkC,cAAc;AAG7D,QAAM,gBAAgB,SAAS;AAE/B,SACE;AAAA,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,QAC7C,kBAAkB,SAAS,aAAa;AAAA,QACxC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/beta/esm/components/Link.mjs

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

package/dist/beta/esm/components/Link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.mjs","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":[],"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,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,kBAAkB,SAAS,gBAAgB;AAAA,QAC3C;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,WACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAY;AAAA,UAAA;AAAA,QAAA,IAEZ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/beta/esm/components/ListItem.mjs

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { getSpacingClasses } from "../utils/utils.mjs";
+import '../../styles/components/text.css';/* empty css           */
+const ListItem = ({
+  children,
+  className,
+  title,
+  spacing,
+  as,
+  ...rest
+}) => {
+  const ItemElement = as || "li";
+  return /* @__PURE__ */ jsxs(
+    ItemElement,
+    {
+      className: classNames(
+        "eds-text--list-item",
+        getSpacingClasses(spacing, "eds-text--list-item"),
+        className
+      ),
+      ...rest,
+      children: [
+        title && /* @__PURE__ */ jsx("span", { className: "eds-text--list-item__title eds-text--weight-bold", children: title }),
+        children
+      ]
+    }
+  );
+};
+export {
+  ListItem
+};
+//# sourceMappingURL=ListItem.mjs.map

package/dist/beta/esm/components/ListItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.mjs","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":[],"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,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,kBAAkB,SAAS,qBAAqB;AAAA,QAChD;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,SACC,oBAAC,QAAA,EAAK,WAAU,oDACb,UAAA,OACH;AAAA,QAED;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/beta/esm/components/NumberedList.mjs

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { getSpacingClasses } from "../utils/utils.mjs";
+import '../../styles/components/text.css';/* empty css           */
+const NumberedList = ({
+  className,
+  type = "1",
+  spacing,
+  as,
+  children,
+  ...rest
+}) => {
+  const ListElement = as || "ol";
+  return /* @__PURE__ */ jsx(
+    ListElement,
+    {
+      className: classNames(
+        "eds-text--numbered-list",
+        { [`eds-text--numbered-list--type-${type}`]: type },
+        getSpacingClasses(spacing, "eds-text--numbered-list"),
+        className
+      ),
+      type,
+      ...rest,
+      children
+    }
+  );
+};
+export {
+  NumberedList
+};
+//# sourceMappingURL=NumberedList.mjs.map

package/dist/beta/esm/components/NumberedList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberedList.mjs","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":[],"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,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,EAAE,CAAC,iCAAiC,IAAI,EAAE,GAAG,KAAA;AAAA,QAC7C,kBAAkB,SAAS,yBAAyB;AAAA,QACpD;AAAA,MAAA;AAAA,MAEF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/beta/esm/components/Text.mjs

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { getSemanticTypeFromTextVariant, getSpacingClasses } from "../utils/utils.mjs";
+import '../../styles/components/text.css';/* empty css           */
+const TypographyText = ({
+  children,
+  as,
+  size,
+  variant,
+  weight = "medium",
+  spacing,
+  className,
+  ...rest
+}) => {
+  const BodyElement = as || getSemanticTypeFromTextVariant(variant);
+  return /* @__PURE__ */ jsx(
+    BodyElement,
+    {
+      className: classNames(
+        "eds-text",
+        variant && `eds-text--${variant}`,
+        size && `eds-text--${size}`,
+        weight && `eds-text--weight-${weight}`,
+        getSpacingClasses(spacing, "eds-text"),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+const Text = TypographyText;
+export {
+  Text
+};
+//# sourceMappingURL=Text.mjs.map

package/dist/beta/esm/components/Text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","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":[],"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,MAAM,+BAA+B,OAAO;AAEhE,SACE;AAAA,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,QACpC,kBAAkB,SAAS,UAAU;AAAA,QACrC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,OAAO;"}

package/dist/beta/esm/components/UnorderedList.mjs

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { getSpacingClasses } from "../utils/utils.mjs";
+import '../../styles/components/text.css';/* empty css           */
+const UnorderedList = ({
+  className,
+  spacing,
+  as,
+  children,
+  ...rest
+}) => {
+  const ListElement = as || "ul";
+  return /* @__PURE__ */ jsx(
+    ListElement,
+    {
+      className: classNames(
+        "eds-text--unordered-list",
+        getSpacingClasses(spacing, "eds-text--unordered-list"),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+export {
+  UnorderedList
+};
+//# sourceMappingURL=UnorderedList.mjs.map

package/dist/beta/esm/components/UnorderedList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.mjs","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":[],"mappings":";;;;AA0BO,MAAM,gBAAgB,CAAqC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,QAAM,cAAiC,MAAM;AAE7C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,kBAAkB,SAAS,0BAA0B;AAAA,QACrD;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/beta/esm/index.mjs

@@ -0,0 +1,18 @@
+import { Heading } from "./components/Heading.mjs";
+import { Text } from "./components/Text.mjs";
+import { Link } from "./components/Link.mjs";
+import { Blockquote, BlockquoteFooter } from "./components/Blockquote.mjs";
+import { UnorderedList } from "./components/UnorderedList.mjs";
+import { NumberedList } from "./components/NumberedList.mjs";
+import { ListItem } from "./components/ListItem.mjs";
+export {
+  Blockquote,
+  BlockquoteFooter,
+  Heading,
+  Link,
+  ListItem,
+  NumberedList,
+  Text,
+  UnorderedList
+};
+//# sourceMappingURL=index.mjs.map

package/dist/beta/esm/index.mjs.map

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

package/dist/beta/esm/utils/utils.mjs

@@ -0,0 +1,77 @@
+function getSpacingClasses(spacing, baseClass) {
+  if (!spacing) return "";
+  const spacingMap = {
+    none: `${baseClass}--spacing-none`,
+    xs2: `${baseClass}--spacing-xs2`,
+    "xs2-top": `${baseClass}--spacing-xs2-top`,
+    "xs2-bottom": `${baseClass}--spacing-xs2-bottom`,
+    xs: `${baseClass}--spacing-xs`,
+    "xs-top": `${baseClass}--spacing-xs-top`,
+    "xs-bottom": `${baseClass}--spacing-xs-bottom`,
+    sm: `${baseClass}--spacing-sm`,
+    "sm-top": `${baseClass}--spacing-sm-top`,
+    "sm-bottom": `${baseClass}--spacing-sm-bottom`,
+    md: `${baseClass}--spacing-md`,
+    "md-top": `${baseClass}--spacing-md-top`,
+    "md-bottom": `${baseClass}--spacing-md-bottom`,
+    lg: `${baseClass}--spacing-lg`,
+    "lg-top": `${baseClass}--spacing-lg-top`,
+    "lg-bottom": `${baseClass}--spacing-lg-bottom`,
+    xl: `${baseClass}--spacing-xl`,
+    "xl-top": `${baseClass}--spacing-xl-top`,
+    "xl-bottom": `${baseClass}--spacing-xl-bottom`
+  };
+  return spacingMap[spacing] || "";
+}
+function getHeadingVariantFromSemanticType(element) {
+  const elementStr = typeof element === "string" ? element : element.toString();
+  switch (elementStr.toLowerCase()) {
+    case "h1":
+      return "title-1";
+    case "h2":
+      return "title-2";
+    case "h3":
+      return "subtitle-1";
+    case "h4":
+      return "subtitle-2";
+    case "h5":
+      return "section-1";
+    case "h6":
+      return "section-2";
+    default:
+      return "title-1";
+  }
+}
+function getSemanticTypeFromTextVariant(variant) {
+  if (!variant) return "p";
+  switch (variant) {
+    case "label":
+      return "label";
+    case "sublabel":
+      return "span";
+    case "caption":
+      return "span";
+    case "overline":
+      return "span";
+    case "link":
+      return "a";
+    case "code-text":
+      return "code";
+    case "preformatted-text":
+      return "pre";
+    case "quote":
+      return "blockquote";
+    case "leading":
+    case "paragraph":
+    case "subparagraph":
+    case "emphasized":
+    default:
+      return "p";
+  }
+}
+export {
+  getHeadingVariantFromSemanticType,
+  getSemanticTypeFromTextVariant,
+  getSpacingClasses
+};
+//# sourceMappingURL=utils.mjs.map

package/dist/beta/esm/utils/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../src/beta/utils/utils.ts"],"sourcesContent":["import {\n  TypographySpacing,\n  TypographyHeadingVariant,\n  TypographyTextVariant,\n} from '../types';\n\n/**\n * Get spacing classes for a component\n */\nexport function getSpacingClasses(\n  spacing: TypographySpacing | undefined,\n  baseClass: string,\n): string {\n  if (!spacing) return '';\n\n  const spacingMap: Record<string, string> = {\n    none: `${baseClass}--spacing-none`,\n    xs2: `${baseClass}--spacing-xs2`,\n    'xs2-top': `${baseClass}--spacing-xs2-top`,\n    'xs2-bottom': `${baseClass}--spacing-xs2-bottom`,\n    xs: `${baseClass}--spacing-xs`,\n    'xs-top': `${baseClass}--spacing-xs-top`,\n    'xs-bottom': `${baseClass}--spacing-xs-bottom`,\n    sm: `${baseClass}--spacing-sm`,\n    'sm-top': `${baseClass}--spacing-sm-top`,\n    'sm-bottom': `${baseClass}--spacing-sm-bottom`,\n    md: `${baseClass}--spacing-md`,\n    'md-top': `${baseClass}--spacing-md-top`,\n    'md-bottom': `${baseClass}--spacing-md-bottom`,\n    lg: `${baseClass}--spacing-lg`,\n    'lg-top': `${baseClass}--spacing-lg-top`,\n    'lg-bottom': `${baseClass}--spacing-lg-bottom`,\n    xl: `${baseClass}--spacing-xl`,\n    'xl-top': `${baseClass}--spacing-xl-top`,\n    'xl-bottom': `${baseClass}--spacing-xl-bottom`,\n  };\n\n  return spacingMap[spacing] || '';\n}\n\n/**\n * Get heading variant based on semantic HTML element\n */\nexport function getHeadingVariantFromSemanticType(\n  element: string | React.ElementType,\n): TypographyHeadingVariant {\n  const elementStr = typeof element === 'string' ? element : element.toString();\n\n  switch (elementStr.toLowerCase()) {\n    case 'h1':\n      return 'title-1';\n    case 'h2':\n      return 'title-2';\n    case 'h3':\n      return 'subtitle-1';\n    case 'h4':\n      return 'subtitle-2';\n    case 'h5':\n      return 'section-1';\n    case 'h6':\n      return 'section-2';\n    default:\n      return 'title-1';\n  }\n}\n\n/**\n * Get semantic HTML element from text variant\n */\nexport function getSemanticTypeFromTextVariant(\n  variant: TypographyTextVariant | undefined,\n): string {\n  if (!variant) return 'p';\n\n  switch (variant) {\n    case 'label':\n      return 'label';\n    case 'sublabel':\n      return 'span';\n    case 'caption':\n      return 'span';\n    case 'overline':\n      return 'span';\n    case 'link':\n      return 'a';\n    case 'code-text':\n      return 'code';\n    case 'preformatted-text':\n      return 'pre';\n    case 'quote':\n      return 'blockquote';\n    case 'leading':\n    case 'paragraph':\n    case 'subparagraph':\n    case 'emphasized':\n    default:\n      return 'p';\n  }\n}\n"],"names":[],"mappings":"AASO,SAAS,kBACd,SACA,WACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,aAAqC;AAAA,IACzC,MAAM,GAAG,SAAS;AAAA,IAClB,KAAK,GAAG,SAAS;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,IACvB,cAAc,GAAG,SAAS;AAAA,IAC1B,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,EAAA;AAG3B,SAAO,WAAW,OAAO,KAAK;AAChC;AAKO,SAAS,kCACd,SAC0B;AAC1B,QAAM,aAAa,OAAO,YAAY,WAAW,UAAU,QAAQ,SAAA;AAEnE,UAAQ,WAAW,eAAY;AAAA,IAC7B,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAKO,SAAS,+BACd,SACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,UAAQ,SAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EAAA;AAEb;"}