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

package/dist/beta/BlockquoteBeta.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export type BlockquotePropsBeta = {
-    /** Ekstra klassenavn */
-    className?: string;
-} & React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>;
-export declare const BlockquoteBeta: ({ className, ...rest }: BlockquotePropsBeta) => React.JSX.Element;
-type BlockquoteFooterPropsBeta = {
-    /** Ekstra klassenavn */
-    className?: string;
-} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
-export declare const BlockquoteFooterBeta: ({ className, ...rest }: BlockquoteFooterPropsBeta) => React.JSX.Element;
-export {};

package/dist/beta/LinkBeta.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
-import { TypographySpacing } from './types';
-type LinkBaseProps = {
-    external?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: React.ReactNode;
-    /** Spacing around the component (same as Text and Heading components) */
-    spacing?: TypographySpacing;
-    ariaLabelExternalIcon?: string;
-};
-export type LinkPropsBeta<C extends React.ElementType> = PolymorphicComponentProps<C, LinkBaseProps>;
-export declare const LinkBeta: <C extends React.ElementType = "a">({ external, ariaLabelExternalIcon, className, spacing, children, as, ...rest }: LinkPropsBeta<C>) => JSX.Element;
-export {};

package/dist/beta/index.d.ts

@@ -1,6 +0,0 @@
-export { Heading } from './Heading';
-export { Text } from './Text';
-export { LinkBeta } from './LinkBeta';
-export { BlockquoteBeta, BlockquoteFooterBeta } from './BlockquoteBeta';
-export { getHeadingVariantFromSemanticType, getSpacingClasses } from './utils';
-export type { TypographyHeadingVariant, TypographyTextVariant, TypographySize, TypographyWeight, TypographySpacing, } from './types';

package/dist/beta/utils.d.ts

@@ -1,9 +0,0 @@
-import { TypographySpacing } from './types';
-export declare function getHeadingVariantFromSemanticType(semanticType: string | React.ElementType): "title-1" | "title-2" | "subtitle-1" | "subtitle-2" | "paragraph";
-/**
- * Generates spacing class names for typography components
- * @param spacing - The spacing value from TypographySpacing
- * @param componentPrefix - The CSS class prefix (e.g., 'eds-heading', 'eds-text')
- * @returns Object with class names for the spacing prop
- */
-export declare function getSpacingClasses(spacing: TypographySpacing | undefined, componentPrefix: string): Record<string, boolean> | undefined;

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./typography.cjs.production.min.js')
-} else {
-  module.exports = require('./typography.cjs.development.js')
-}

package/dist/typography.cjs.development.js

@@ -1,508 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('@entur/utils');
-var React = require('react');
-var classNames = require('classnames');
-var icons = require('@entur/icons');
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-var _excluded$p = ["className", "ref"],
-  _excluded2$1 = ["className"];
-var Blockquote = function Blockquote(_ref) {
-  var className = _ref.className,
-    ref = _ref.ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$p);
-  return React.createElement("blockquote", _extends({
-    className: classNames('eds-blockquote', className),
-    ref: ref
-  }, rest));
-};
-var BlockquoteFooter = function BlockquoteFooter(_ref2) {
-  var className = _ref2.className,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
-  return React.createElement("footer", _extends({
-    className: classNames('eds-blockquote__footer', className)
-  }, rest));
-};
-
-var _excluded$o = ["className", "as"];
-var defaultElement$h = 'code';
-var CodeText = function CodeText(_ref) {
-  var className = _ref.className,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$o);
-  var Element = as || defaultElement$h;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-code-text', className)
-  }, rest));
-};
-
-var _excluded$n = ["className", "margin", "as"];
-var defaultElement$g = 'em';
-var EmphasizedText = function EmphasizedText(_ref) {
-  var _classNames;
-  var className = _ref.className,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$n);
-  var Element = as || defaultElement$g;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-emphasized-text', (_classNames = {}, _classNames["eds-emphasized-text--margin-top"] = margin === 'top', _classNames["eds-emphasized-text--margin-bottom"] = margin === 'bottom', _classNames["eds-emphasized-text--margin-none"] = margin === 'none', _classNames), className)
-  }, rest));
-};
-
-var _excluded$m = ["className", "level", "margin", "as"];
-var defaultElement$f = 'h1';
-var BaseHeading = function BaseHeading(_ref) {
-  var _classNames;
-  var className = _ref.className,
-    level = _ref.level,
-    margin = _ref.margin,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$m);
-  var Element = as || defaultElement$f;
-  var baseClass = "eds-h" + level;
-  return React.createElement(Element, _extends({
-    className: classNames(baseClass, (_classNames = {}, _classNames[baseClass + "--margin-top"] = margin === 'top', _classNames[baseClass + "--margin-bottom"] = margin === 'bottom', _classNames[baseClass + "--margin-none"] = margin === 'none', _classNames), className)
-  }, rest));
-};
-
-var _excluded$l = ["margin", "children", "as"];
-var defaultElement$e = 'h1';
-var Heading1 = function Heading1(_ref) {
-  var _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    children = _ref.children,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$l);
-  var Element = as || defaultElement$e;
-  return React.createElement(BaseHeading, _extends({
-    as: Element,
-    margin: margin
-  }, rest, {
-    level: 1
-  }), children);
-};
-
-var _excluded$k = ["margin", "children", "as"];
-var defaultElement$d = 'h2';
-var Heading2 = function Heading2(_ref) {
-  var _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    children = _ref.children,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);
-  var Element = as || defaultElement$d;
-  return React.createElement(BaseHeading, _extends({
-    as: Element,
-    margin: margin
-  }, rest, {
-    level: 2
-  }), children);
-};
-
-var _excluded$j = ["margin", "children", "as"];
-var defaultElement$c = 'h3';
-var Heading3 = function Heading3(_ref) {
-  var _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    children = _ref.children,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
-  var Element = as || defaultElement$c;
-  return React.createElement(BaseHeading, _extends({
-    as: Element,
-    margin: margin
-  }, rest, {
-    level: 3
-  }), children);
-};
-
-var _excluded$i = ["margin", "children", "as"];
-var defaultElement$b = 'h4';
-var Heading4 = function Heading4(_ref) {
-  var _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    children = _ref.children,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
-  var Element = as || defaultElement$b;
-  return React.createElement(BaseHeading, _extends({
-    as: Element,
-    margin: margin
-  }, rest, {
-    level: 4
-  }), children);
-};
-
-var _excluded$h = ["margin", "children", "as"];
-var defaultElement$a = 'h5';
-var Heading5 = function Heading5(_ref) {
-  var _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    children = _ref.children,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
-  var Element = as || defaultElement$a;
-  return React.createElement(BaseHeading, _extends({
-    as: Element,
-    margin: margin
-  }, rest, {
-    level: 5
-  }), children);
-};
-
-var _excluded$g = ["margin", "children", "as"];
-var defaultElement$9 = 'h6';
-var Heading6 = function Heading6(_ref) {
-  var _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    children = _ref.children,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
-  var Element = as || defaultElement$9;
-  return React.createElement(BaseHeading, _extends({
-    as: Element,
-    margin: margin
-  }, rest, {
-    level: 6
-  }), children);
-};
-
-var _excluded$f = ["className", "margin", "as"];
-var defaultElement$8 = 'label';
-var Label = function Label(_ref) {
-  var _classNames;
-  var className = _ref.className,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
-  var Element = as || defaultElement$8;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-label', (_classNames = {}, _classNames["eds-label--margin-top"] = margin === 'top', _classNames["eds-label--margin-bottom"] = margin === 'bottom', _classNames["eds-label--margin-none"] = margin === 'none', _classNames), className)
-  }, rest));
-};
-
-var _excluded$e = ["className", "margin", "as"];
-var defaultElement$7 = 'p';
-var LeadParagraph = function LeadParagraph(_ref) {
-  var _classNames;
-  var className = _ref.className,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
-  var Element = as || defaultElement$7;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-lead-paragraph', (_classNames = {}, _classNames["eds-lead-paragraph--margin-top"] = margin === 'top', _classNames["eds-lead-paragraph--margin-bottom"] = margin === 'bottom', _classNames["eds-lead-paragraph--margin-none"] = margin === 'none', _classNames), className)
-  }, rest));
-};
-
-var _excluded$d = ["external", "ariaLabelExternalIcon", "className", "margin", "children", "as"];
-var defaultElement$6 = 'a';
-var Link = function Link(_ref) {
-  var _classNames;
-  var _ref$external = _ref.external,
-    external = _ref$external === void 0 ? false : _ref$external,
-    _ref$ariaLabelExterna = _ref.ariaLabelExternalIcon,
-    ariaLabelExternalIcon = _ref$ariaLabelExterna === void 0 ? '(ekstern lenke)' : _ref$ariaLabelExterna,
-    className = _ref.className,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    children = _ref.children,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
-  var Element = as || defaultElement$6;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-link', (_classNames = {}, _classNames["eds-link--margin-top"] = margin === 'top', _classNames["eds-link--margin-bottom"] = margin === 'bottom', _classNames["eds-link--margin-none"] = margin === 'none', _classNames), className)
-  }, rest), children, external ? React.createElement(icons.ExternalIcon, {
-    className: "eds-link--ext-icon",
-    "aria-label": ariaLabelExternalIcon
-  }) : React.createElement(React.Fragment, null));
-};
-
-var _excluded$c = ["className", "margin", "as"];
-var defaultElement$5 = 'strong';
-var StrongText = function StrongText(_ref) {
-  var _classNames;
-  var className = _ref.className,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
-  var Element = as || defaultElement$5;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-strong-text', (_classNames = {}, _classNames["eds-strong-text--margin-top"] = margin === 'top', _classNames["eds-strong-text--margin-bottom"] = margin === 'bottom', _classNames["eds-strong-text--margin-none"] = margin === 'none', _classNames), className)
-  }, rest));
-};
-
-var _excluded$b = ["children", "className", "title"];
-var ListItem = function ListItem(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    title = _ref.title,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
-  return React.createElement("li", _extends({
-    className: classNames('eds-list-item', className)
-  }, rest), title && React.createElement(StrongText, {
-    className: "eds-list-item__title"
-  }, title), children);
-};
-
-var _excluded$a = ["className", "type"];
-var NumberedList = function NumberedList(_ref) {
-  var _classNames;
-  var className = _ref.className,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? '1' : _ref$type,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
-  return React.createElement("ol", _extends({
-    className: classNames('eds-numbered-list', (_classNames = {}, _classNames["eds-numbered-list--type-" + type] = type, _classNames), className),
-    type: type
-  }, rest));
-};
-
-var _excluded$9 = ["margin", "className", "as"];
-var defaultElement$4 = 'p';
-var Paragraph = function Paragraph(_ref) {
-  var _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'bottom' : _ref$margin,
-    className = _ref.className,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
-  var Element = as || defaultElement$4;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-paragraph', {
-      'eds-paragraph--margin-bottom': margin === 'bottom',
-      'eds-paragraph--margin-none': margin === 'none'
-    }, className)
-  }, rest));
-};
-
-var _excluded$8 = ["className", "as"];
-var defaultElement$3 = 'pre';
-var PreformattedText = function PreformattedText(_ref) {
-  var className = _ref.className,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
-  var Element = as || defaultElement$3;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-preformatted-text', className)
-  }, rest));
-};
-
-var _excluded$7 = ["className", "margin", "as"];
-var defaultElement$2 = 'span';
-var SmallText = function SmallText(_ref) {
-  var _classNames;
-  var className = _ref.className,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-  var Element = as || defaultElement$2;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-small-text', (_classNames = {}, _classNames["eds-small-text--margin-top"] = margin === 'top', _classNames["eds-small-text--margin-bottom"] = margin === 'bottom', _classNames["eds-small-text--margin-none"] = margin === 'none', _classNames), className)
-  }, rest));
-};
-
-var _excluded$6 = ["className", "margin", "as"];
-var defaultElement$1 = 'span';
-var SubLabel = function SubLabel(_ref) {
-  var _classNames;
-  var className = _ref.className,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-  var Element = as || defaultElement$1;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-sub-label', (_classNames = {}, _classNames["eds-sub-label--margin-top"] = margin === 'top', _classNames["eds-sub-label--margin-bottom"] = margin === 'bottom', _classNames["eds-sub-label--margin-none"] = margin === 'none', _classNames), className)
-  }, rest));
-};
-
-var _excluded$5 = ["className", "margin", "as"];
-var defaultElement = 'p';
-var SubParagraph = function SubParagraph(_ref) {
-  var _classNames;
-  var className = _ref.className,
-    margin = _ref.margin,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-  var Element = as || defaultElement;
-  return React.createElement(Element, _extends({
-    className: classNames('eds-sub-paragraph', (_classNames = {}, _classNames["eds-sub-paragraph--margin-top"] = margin === 'top', _classNames["eds-sub-paragraph--margin-bottom"] = margin === 'bottom', _classNames["eds-sub-paragraph--margin-none"] = margin === 'none', _classNames), className)
-  }, rest));
-};
-
-var _excluded$4 = ["className"];
-var UnorderedList = function UnorderedList(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  return React.createElement("ul", _extends({
-    className: classNames('eds-unordered-list', className)
-  }, rest));
-};
-
-function getHeadingVariantFromSemanticType(semanticType) {
-  // Handle string element types (like 'h1', 'div', 'span')
-  if (typeof semanticType === 'string') {
-    switch (semanticType) {
-      case 'h1':
-        return 'title-1';
-      case 'h2':
-        return 'title-2';
-      case 'h3':
-        return 'subtitle-1';
-      case 'h4':
-        return 'subtitle-2';
-      case 'p':
-        return 'paragraph';
-      default:
-        return 'title-1';
-    }
-  }
-  // Handle React component types (functions/classes) - default to 'title-1'
-  return 'title-1';
-}
-/**
- * Generates spacing class names for typography components
- * @param spacing - The spacing value from TypographySpacing
- * @param componentPrefix - The CSS class prefix (e.g., 'eds-heading', 'eds-text')
- * @returns Object with class names for the spacing prop
- */
-function getSpacingClasses(spacing, componentPrefix) {
-  var _ref;
-  if (!spacing) return undefined;
-  return _ref = {}, _ref[componentPrefix + "--spacing-none"] = spacing === 'none', _ref[componentPrefix + "--spacing-xs2"] = spacing === 'xs2', _ref[componentPrefix + "--spacing-xs2-top"] = spacing === 'xs2-top', _ref[componentPrefix + "--spacing-xs2-bottom"] = spacing === 'xs2-bottom', _ref[componentPrefix + "--spacing-xs"] = spacing === 'xs', _ref[componentPrefix + "--spacing-xs-top"] = spacing === 'xs-top', _ref[componentPrefix + "--spacing-xs-bottom"] = spacing === 'xs-bottom', _ref[componentPrefix + "--spacing-sm"] = spacing === 'sm', _ref[componentPrefix + "--spacing-sm-top"] = spacing === 'sm-top', _ref[componentPrefix + "--spacing-sm-bottom"] = spacing === 'sm-bottom', _ref[componentPrefix + "--spacing-md"] = spacing === 'md', _ref[componentPrefix + "--spacing-md-top"] = spacing === 'md-top', _ref[componentPrefix + "--spacing-md-bottom"] = spacing === 'md-bottom', _ref[componentPrefix + "--spacing-lg"] = spacing === 'lg', _ref[componentPrefix + "--spacing-lg-top"] = spacing === 'lg-top', _ref[componentPrefix + "--spacing-lg-bottom"] = spacing === 'lg-bottom', _ref[componentPrefix + "--spacing-xl"] = spacing === 'xl', _ref[componentPrefix + "--spacing-xl-top"] = spacing === 'xl-top', _ref[componentPrefix + "--spacing-xl-bottom"] = spacing === 'xl-bottom', _ref;
-}
-
-var _excluded$3 = ["children", "as", "size", "variant", "weight", "spacing", "className"];
-var TypographyText = function TypographyText(_ref) {
-  var children = _ref.children,
-    as = _ref.as,
-    size = _ref.size,
-    variant = _ref.variant,
-    _ref$weight = _ref.weight,
-    weight = _ref$weight === void 0 ? 'medium' : _ref$weight,
-    spacing = _ref.spacing,
-    className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  var BodyElement = as || 'p';
-  return React.createElement(BodyElement, _extends({
-    className: classNames('eds-text', variant && "eds-text--" + variant, size && "eds-text--" + size, weight && "eds-text--weight-" + weight, getSpacingClasses(spacing, 'eds-text'), className)
-  }, rest), children);
-};
-// Export as Text to avoid DOM conflicts
-var Text = TypographyText;
-
-var _excluded$2 = ["children", "as", "size", "variant", "spacing", "className"];
-var Heading = function Heading(_ref) {
-  var _classNames, _classNames2;
-  var children = _ref.children,
-    as = _ref.as,
-    size = _ref.size,
-    variant = _ref.variant,
-    spacing = _ref.spacing,
-    className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  var HeadingElement = as || 'h1';
-  // Function to determine the variant based on the semantic type
-  var usedVariant = variant != null ? variant : getHeadingVariantFromSemanticType(HeadingElement);
-  // When size is explicitly provided, it should override variant styling
-  var shouldUseSize = size !== undefined;
-  return React.createElement(HeadingElement, _extends({
-    className: classNames('eds-heading', (_classNames = {}, _classNames["eds-heading--" + usedVariant] = !shouldUseSize, _classNames), (_classNames2 = {}, _classNames2["eds-heading--" + size] = shouldUseSize && size, _classNames2), getSpacingClasses(spacing, 'eds-heading'), className)
-  }, rest), children);
-};
-
-var _excluded$1 = ["className"],
-  _excluded2 = ["className"];
-var BlockquoteBeta = function BlockquoteBeta(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return React.createElement("blockquote", _extends({
-    className: classNames('eds-text--blockquote', className)
-  }, rest));
-};
-var BlockquoteFooterBeta = function BlockquoteFooterBeta(_ref2) {
-  var className = _ref2.className,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return React.createElement("footer", _extends({
-    className: classNames('eds-text--blockquote__footer', className)
-  }, rest));
-};
-
-var _excluded = ["external", "ariaLabelExternalIcon", "className", "spacing", "children", "as"];
-var LinkBeta = function LinkBeta(_ref) {
-  var _ref$external = _ref.external,
-    external = _ref$external === void 0 ? false : _ref$external,
-    _ref$ariaLabelExterna = _ref.ariaLabelExternalIcon,
-    ariaLabelExternalIcon = _ref$ariaLabelExterna === void 0 ? '(ekstern lenke)' : _ref$ariaLabelExterna,
-    className = _ref.className,
-    spacing = _ref.spacing,
-    children = _ref.children,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var LinkElement = as || 'a';
-  return React.createElement(LinkElement, _extends({
-    className: classNames('eds-text--link', getSpacingClasses(spacing, 'eds-text--link'), className)
-  }, rest), children, external ? React.createElement(icons.ExternalIcon, {
-    className: "eds-text--link--ext-icon",
-    "aria-label": ariaLabelExternalIcon
-  }) : null);
-};
-
-utils.warnAboutMissingStyles('typography');
-// migration helpers - use @entur/typography/migration for migration support
-
-exports.Blockquote = Blockquote;
-exports.BlockquoteBeta = BlockquoteBeta;
-exports.BlockquoteFooter = BlockquoteFooter;
-exports.BlockquoteFooterBeta = BlockquoteFooterBeta;
-exports.CodeText = CodeText;
-exports.EmphasizedText = EmphasizedText;
-exports.Heading = Heading;
-exports.Heading1 = Heading1;
-exports.Heading2 = Heading2;
-exports.Heading3 = Heading3;
-exports.Heading4 = Heading4;
-exports.Heading5 = Heading5;
-exports.Heading6 = Heading6;
-exports.Label = Label;
-exports.LeadParagraph = LeadParagraph;
-exports.Link = Link;
-exports.LinkBeta = LinkBeta;
-exports.ListItem = ListItem;
-exports.NumberedList = NumberedList;
-exports.Paragraph = Paragraph;
-exports.PreformattedText = PreformattedText;
-exports.SmallText = SmallText;
-exports.StrongText = StrongText;
-exports.SubLabel = SubLabel;
-exports.SubParagraph = SubParagraph;
-exports.Text = Text;
-exports.UnorderedList = UnorderedList;
-//# sourceMappingURL=typography.cjs.development.js.map