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

package/dist/beta/types/components/Blockquote.d.ts

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

package/dist/beta/{Heading.d.ts → types/components/Heading.d.ts}

@@ -1,7 +1,6 @@
-import React from 'react';
-import { TypographyHeadingVariant, TypographySize, TypographySpacing } from './types';
+import { default as React } from 'react';
+import { TypographyHeadingVariant, TypographySize, TypographySpacing } from '../types';
 import { PolymorphicComponentProps } from '@entur/utils';
-import './styles.scss';
 type HeadingBaseProps = {
     /** Visuell variant som bestemmer styling (anbefalt over size) */
     variant?: TypographyHeadingVariant;

package/dist/beta/types/components/Link.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import { TypographySpacing } from '../types';
+/**
+ * @beta Experimental component - may have breaking changes in future releases
+ */
+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 LinkProps<C extends React.ElementType> = PolymorphicComponentProps<C, LinkBaseProps>;
+/**
+ * @beta Experimental component - may have breaking changes in future releases
+ */
+export declare const Link: <C extends React.ElementType = "a">({ external, ariaLabelExternalIcon, className, spacing, children, as, ...rest }: LinkProps<C>) => JSX.Element;
+export {};

package/dist/beta/types/components/ListItem.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import { TypographySpacing } from '../types';
+/**
+ * @beta Experimental component - may have breaking changes in future releases
+ */
+type ListItemBaseProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** Tittel */
+    title?: React.ReactNode;
+    /** Spacing around the component (same as Text and Heading components) */
+    spacing?: TypographySpacing;
+};
+export type ListItemProps<C extends React.ElementType> = PolymorphicComponentProps<C, ListItemBaseProps>;
+/**
+ * @beta Experimental component - may have breaking changes in future releases
+ */
+export declare const ListItem: <C extends React.ElementType = "li">({ children, className, title, spacing, as, ...rest }: ListItemProps<C>) => JSX.Element;
+export {};

package/dist/beta/types/components/NumberedList.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import { TypographySpacing } from '../types';
+/**
+ * @beta Experimental component - may have breaking changes in future releases
+ */
+type NumberedListBaseProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** List type (1, A, a, I, i) */
+    type?: '1' | 'A' | 'a' | 'I' | 'i';
+    /** Spacing around the component (same as Text and Heading components) */
+    spacing?: TypographySpacing;
+};
+export type NumberedListProps<C extends React.ElementType> = PolymorphicComponentProps<C, NumberedListBaseProps>;
+/**
+ * @beta Experimental component - may have breaking changes in future releases
+ */
+export declare const NumberedList: <C extends React.ElementType = "ol">({ className, type, spacing, as, children, ...rest }: NumberedListProps<C>) => JSX.Element;
+export {};

package/dist/beta/{Text.d.ts → types/components/Text.d.ts}

@@ -1,7 +1,6 @@
-import React from 'react';
-import './styles.scss';
-import { TypographySize, TypographyTextVariant, TypographyWeight, TypographySpacing } from './types';
+import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
+import { TypographySize, TypographyTextVariant, TypographyWeight, TypographySpacing } from '../types';
 type TextBaseProps = {
     /** Visuell tekststørrelse (typografi-token) */
     size?: TypographySize;

package/dist/beta/types/components/UnorderedList.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import { TypographySpacing } from '../types';
+/**
+ * @beta Experimental component - may have breaking changes in future releases
+ */
+type UnorderedListBaseProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** Spacing around the component (same as Text and Heading components) */
+    spacing?: TypographySpacing;
+};
+export type UnorderedListProps<C extends React.ElementType> = PolymorphicComponentProps<C, UnorderedListBaseProps>;
+/**
+ * @beta Experimental component - may have breaking changes in future releases
+ */
+export declare const UnorderedList: <C extends React.ElementType = "ul">({ className, spacing, as, children, ...rest }: UnorderedListProps<C>) => JSX.Element;
+export {};

package/dist/beta/types/index.d.ts

@@ -0,0 +1,8 @@
+export { Heading } from './components/Heading';
+export { Text } from './components/Text';
+export { Link } from './components/Link';
+export { Blockquote, BlockquoteFooter } from './components/Blockquote';
+export { UnorderedList } from './components/UnorderedList';
+export { NumberedList } from './components/NumberedList';
+export { ListItem } from './components/ListItem';
+export type { TypographyHeadingVariant, TypographyTextVariant, TypographySize, TypographyWeight, TypographySpacing, } from './types';

package/dist/beta/types/utils/utils.d.ts

@@ -0,0 +1,13 @@
+import { TypographySpacing, TypographyHeadingVariant, TypographyTextVariant } from '../types';
+/**
+ * Get spacing classes for a component
+ */
+export declare function getSpacingClasses(spacing: TypographySpacing | undefined, baseClass: string): string;
+/**
+ * Get heading variant based on semantic HTML element
+ */
+export declare function getHeadingVariantFromSemanticType(element: string | React.ElementType): TypographyHeadingVariant;
+/**
+ * Get semantic HTML element from text variant
+ */
+export declare function getSemanticTypeFromTextVariant(variant: TypographyTextVariant | undefined): string;

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import './index.scss';
 export * from './Blockquote';
 export * from './CodeText';
 export * from './EmphasizedText';
@@ -20,7 +19,3 @@ export * from './StrongText';
 export * from './SubLabel';
 export * from './SubParagraph';
 export * from './UnorderedList';
-export * from './beta/Text';
-export * from './beta/Heading';
-export * from './beta/BlockquoteBeta';
-export * from './beta/LinkBeta';