@entur/typography 1.9.13 → 1.10.0-beta.0

package/dist/beta/UnorderedListBeta.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { PolymorphicComponentProps } from '../../../utils';
+import { TypographySpacing } from './types';
+type UnorderedListBaseProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** Spacing around the component (same as Text and Heading components) */
+    spacing?: TypographySpacing;
+};
+export type UnorderedListBetaProps<C extends React.ElementType> = PolymorphicComponentProps<C, UnorderedListBaseProps>;
+export declare const UnorderedListBeta: <C extends React.ElementType = "ul">({ className, spacing, as, children, ...rest }: UnorderedListBetaProps<C>) => JSX.Element;
+export {};

package/dist/beta/index.d.ts

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

package/dist/beta/types.d.ts

@@ -0,0 +1,5 @@
+export type TypographyHeadingVariant = 'title-1' | 'title-2' | 'subtitle-1' | 'subtitle-2' | 'section-1' | 'section-2' | 'label' | 'sublabel';
+export type TypographyTextVariant = 'leading' | 'quote' | 'paragraph' | 'subparagraph' | 'caption' | 'link' | 'label' | 'sublabel' | 'overline' | 'emphasized' | 'code-text' | 'preformatted-text';
+export type TypographySize = 'xs' | 's' | 'm' | 'lg' | 'xl' | '2xl';
+export type TypographyWeight = 'regular' | 'medium' | 'semibold' | 'bold' | '400' | '500' | '600' | '700';
+export type TypographySpacing = 'none' | 'xs2' | 'xs2-top' | 'xs2-bottom' | 'xs' | 'xs-top' | 'xs-bottom' | 'sm' | 'sm-top' | 'sm-bottom' | 'md' | 'md-top' | 'md-bottom' | 'lg' | 'lg-top' | 'lg-bottom' | 'xl' | 'xl-top' | 'xl-bottom';

package/dist/beta/utils.d.ts

@@ -0,0 +1,10 @@
+import { TypographySpacing, TypographyTextVariant } from './types';
+export declare function getHeadingVariantFromSemanticType(semanticType: string | React.ElementType): "title-1" | "title-2" | "subtitle-1" | "subtitle-2" | "paragraph";
+export declare function getSemanticTypeFromTextVariant(variant?: TypographyTextVariant): React.ElementType;
+/**
+ * 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.d.ts

@@ -1,426 +1,28 @@
-import { default as default_2 } from 'react';
-
-declare type AsProp<C extends default_2.ElementType> = {
-    /**
-     * An override of the default HTML tag.
-     * Can also be another React component.
-     */
-    as?: C;
-};
-
-export declare const Blockquote: ({ className, ref, ...rest }: BlockquoteProps) => default_2.JSX.Element;
-
-export declare const BlockquoteFooter: default_2.FunctionComponent<BlockquoteFooterProps>;
-
-declare type BlockquoteFooterProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLElement>, HTMLElement>;
-
-declare type BlockquoteProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-} & default_2.DetailedHTMLProps<default_2.BlockquoteHTMLAttributes<HTMLElement>, HTMLQuoteElement>;
-
-export declare const CodeText: <E extends default_2.ElementType = "code">({ className, as, ...rest }: CodeTextProps<E>) => JSX.Element;
-
-export declare type CodeTextOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "code"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-};
-
-export declare type CodeTextProps<T extends default_2.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, CodeTextOwnProps>;
-
-declare const defaultElement = "code";
-
-declare const defaultElement_10 = "p";
-
-declare const defaultElement_11 = "a";
-
-declare const defaultElement_12 = "p";
-
-declare const defaultElement_13 = "span";
-
-declare const defaultElement_14 = "strong";
-
-declare const defaultElement_15 = "span";
-
-declare const defaultElement_16 = "p";
-
-declare const defaultElement_2 = "em";
-
-declare const defaultElement_3 = "h1";
-
-declare const defaultElement_4 = "h2";
-
-declare const defaultElement_5 = "h3";
-
-declare const defaultElement_6 = "h4";
-
-declare const defaultElement_7 = "h5";
-
-declare const defaultElement_8 = "h6";
-
-declare const defaultElement_9 = "label";
-
-export declare const EmphasizedText: <E extends default_2.ElementType = "em">({ className, margin, as, ...rest }: EmphasizedTextProps<E>) => JSX.Element;
-
-export declare type EmphasizedTextOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "em"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type EmphasizedTextProps<T extends default_2.ElementType = typeof defaultElement_2> = PolymorphicComponentProps<T, EmphasizedTextOwnProps>;
-
-/**
- * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
- * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
- * set of props.
- */
-declare type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
-
-export declare const Heading1: <E extends default_2.ElementType = "h1">({ margin, children, as, ...rest }: Heading1Props<E>) => JSX.Element;
-
-export declare type Heading1OwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "h1"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type Heading1Props<T extends default_2.ElementType = typeof defaultElement_3> = PolymorphicComponentProps<T, Heading1OwnProps>;
-
-export declare const Heading2: <E extends default_2.ElementType = "h2">({ margin, children, as, ...rest }: Heading2Props<E>) => JSX.Element;
-
-export declare type Heading2OwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "h2"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type Heading2Props<T extends default_2.ElementType = typeof defaultElement_4> = PolymorphicComponentProps<T, Heading2OwnProps>;
-
-export declare const Heading3: <E extends default_2.ElementType = "h3">({ margin, children, as, ...rest }: Heading3Props<E>) => JSX.Element;
-
-export declare type Heading3OwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "h3"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type Heading3Props<T extends default_2.ElementType = typeof defaultElement_5> = PolymorphicComponentProps<T, Heading3OwnProps>;
-
-export declare const Heading4: <E extends default_2.ElementType = "h4">({ margin, children, as, ...rest }: Heading4Props<E>) => JSX.Element;
-
-export declare type Heading4OwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "h4"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type Heading4Props<T extends default_2.ElementType = typeof defaultElement_6> = PolymorphicComponentProps<T, Heading4OwnProps>;
-
-export declare const Heading5: <E extends default_2.ElementType = "h5">({ margin, children, as, ...rest }: Heading5Props<E>) => JSX.Element;
-
-export declare type Heading5OwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "h5"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type Heading5Props<T extends default_2.ElementType = typeof defaultElement_7> = PolymorphicComponentProps<T, Heading5OwnProps>;
-
-export declare const Heading6: <E extends default_2.ElementType = "h6">({ margin, children, as, ...rest }: Heading6Props<E>) => JSX.Element;
-
-export declare type Heading6OwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "h6"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type Heading6Props<T extends default_2.ElementType = typeof defaultElement_8> = PolymorphicComponentProps<T, Heading6OwnProps>;
-
-/**
- * Allows for inheriting the props from the specified element type so that
- * props like children, className & style work, as well as element-specific
- * attributes like aria roles. The component (`C`) must be passed in.
- */
-declare type InheritableElementProps<C extends default_2.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
-
-export declare const Label: <E extends default_2.ElementType = "label">({ className, margin, as, ...rest }: LabelProps<E>) => JSX.Element;
-
-export declare type LabelOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "label"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type LabelProps<T extends default_2.ElementType = typeof defaultElement_9> = PolymorphicComponentProps<T, LabelOwnProps>;
-
-export declare const LeadParagraph: <E extends default_2.ElementType = "p">({ className, margin, as, ...rest }: LeadParagraphProps<E>) => JSX.Element;
-
-export declare type LeadParagraphOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "p"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type LeadParagraphProps<T extends default_2.ElementType = typeof defaultElement_10> = PolymorphicComponentProps<T, LeadParagraphOwnProps>;
-
-export declare const Link: <E extends default_2.ElementType = "a">({ external, ariaLabelExternalIcon, className, margin, children, as, ...rest }: LinkProps<E>) => JSX.Element;
-
-export declare type LinkOwnProps = {
-    external?: boolean;
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "a"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-    ariaLabelExternalIcon?: string;
-};
-
-export declare type LinkProps<T extends default_2.ElementType = typeof defaultElement_11> = PolymorphicComponentProps<T, LinkOwnProps>;
-
-export declare const ListItem: default_2.FC<ListItemProps>;
-
-export declare type ListItemProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Tittel */
-    title?: default_2.ReactNode;
-    [key: string]: any;
-};
-
-export declare const NumberedList: default_2.FC<NumberedListProps>;
-
-export declare type NumberedListProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-} & default_2.OlHTMLAttributes<HTMLOListElement>;
-
-export declare const Paragraph: <E extends default_2.ElementType = "p">({ margin, className, as, ...rest }: ParagraphProps<E>) => JSX.Element;
-
-export declare type ParagraphOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "p"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "bottom"
-     */
-    margin?: 'bottom' | 'none';
-};
-
-export declare type ParagraphProps<T extends default_2.ElementType = typeof defaultElement_12> = PolymorphicComponentProps<T, ParagraphOwnProps>;
-
-/**
- * A more sophisticated version of `InheritableElementProps` where
- * the passed in `as` prop will determine which props can be included
- */
-declare type PolymorphicComponentProps<C extends default_2.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
-
-export declare const PreformattedText: <E extends default_2.ElementType = "pre">({ className, as, ...rest }: PreformattedTextProps<E>) => JSX.Element;
-
-export declare type PreformattedTextOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "pre"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-};
-
-export declare type PreformattedTextProps<T extends default_2.ElementType> = PolymorphicComponentProps<T, PreformattedTextOwnProps>;
-
-declare type PropsOf<C extends keyof JSX.IntrinsicElements | default_2.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
-
-export declare const SmallText: <E extends default_2.ElementType = "span">({ className, margin, as, ...rest }: SmallTextProps<E>) => JSX.Element;
-
-export declare type SmallTextOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "span"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type SmallTextProps<T extends default_2.ElementType = typeof defaultElement_13> = PolymorphicComponentProps<T, SmallTextOwnProps>;
-
-export declare const StrongText: <E extends default_2.ElementType = "strong">({ className, margin, as, ...rest }: StrongTextProps<E>) => JSX.Element;
-
-export declare type StrongTextOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "strong"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type StrongTextProps<T extends default_2.ElementType = typeof defaultElement_14> = PolymorphicComponentProps<T, StrongTextOwnProps>;
-
-export declare const SubLabel: <E extends default_2.ElementType = "span">({ className, margin, as, ...rest }: SubLabelProps<E>) => JSX.Element;
-
-export declare type SubLabelOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "span"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type SubLabelProps<T extends default_2.ElementType = typeof defaultElement_15> = PolymorphicComponentProps<T, SubLabelOwnProps>;
-
-export declare const SubParagraph: <E extends default_2.ElementType = "p">({ className, margin, as, ...rest }: SubParagraphProps<E>) => JSX.Element;
-
-export declare type SubParagraphOwnProps = {
-    /** HTML-elementet eller React-komponenten som rendres
-     * @default "p"
-     */
-    as?: string | default_2.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-    /** Hvor du vil ha marginer
-     * @default "both"
-     */
-    margin?: 'top' | 'bottom' | 'both' | 'none';
-};
-
-export declare type SubParagraphProps<T extends default_2.ElementType = typeof defaultElement_16> = PolymorphicComponentProps<T, SubParagraphOwnProps>;
-
-export declare const UnorderedList: default_2.FC<UnorderedListProps>;
-
-export declare type UnorderedListProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet */
-    children: default_2.ReactNode;
-} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
-
-export { }
+export * from './Blockquote';
+export * from './CodeText';
+export * from './EmphasizedText';
+export * from './Heading1';
+export * from './Heading2';
+export * from './Heading3';
+export * from './Heading4';
+export * from './Heading5';
+export * from './Heading6';
+export * from './Label';
+export * from './LeadParagraph';
+export * from './Link';
+export * from './ListItem';
+export * from './NumberedList';
+export * from './Paragraph';
+export * from './PreformattedText';
+export * from './SmallText';
+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';
+export * from './beta/UnorderedListBeta';
+export * from './beta/NumberedListBeta';
+export * from './beta/ListItemBeta';