@entur/typography 1.9.13 → 1.10.0-beta.10

package/dist/index.d.ts

@@ -1,426 +1,26 @@
-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 { }
+import './index.scss';
+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';

package/dist/index.js

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