@entur/button 3.3.13 → 3.3.15-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Button.d.ts +41 -0
- package/dist/ButtonGroup.d.ts +13 -0
- package/dist/FloatingButton.d.ts +17 -0
- package/dist/IconButton.d.ts +31 -0
- package/dist/NegativeButton.d.ts +29 -0
- package/dist/PrimaryButton.d.ts +29 -0
- package/dist/SecondaryButton.d.ts +29 -0
- package/dist/SecondarySquareButton.d.ts +21 -0
- package/dist/SquareButton.d.ts +25 -0
- package/dist/SuccessButton.d.ts +29 -0
- package/dist/SuccessSquareButton.d.ts +21 -0
- package/dist/TertiaryButton.d.ts +30 -0
- package/dist/TertiarySquareButton.d.ts +23 -0
- package/dist/index.d.ts +12 -383
- package/package.json +5 -5
package/dist/Button.d.ts
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
/** @deprecated use variant="secondary" size="small" instead */
|
|
4
|
+
declare const tertiary = "tertiary";
|
|
5
|
+
type ButtonBaseProps = {
|
|
6
|
+
/** Farge og uttrykk på knappen */
|
|
7
|
+
variant: 'primary' | 'secondary' | 'success' | 'negative' | typeof tertiary;
|
|
8
|
+
/** Størrelsen på knappen
|
|
9
|
+
* @default 'medium'
|
|
10
|
+
*/
|
|
11
|
+
size?: 'small' | 'medium' | 'large';
|
|
12
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
/** Ekstra klassenavn */
|
|
17
|
+
className?: string;
|
|
18
|
+
/** Deaktivering av knappen
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
/** Bredden på knappen.
|
|
23
|
+
* @default 'auto'
|
|
24
|
+
*/
|
|
25
|
+
width?: 'fluid' | 'auto';
|
|
26
|
+
/** Innholdet i knappen */
|
|
27
|
+
children: React.ReactNode;
|
|
28
|
+
/** Et HTML-element eller en React-komponent som komponenten tar utgangspunkt i for å lage denne knappevarianten
|
|
29
|
+
* @default "button"
|
|
30
|
+
*/
|
|
31
|
+
as?: string | React.ElementType;
|
|
32
|
+
/**
|
|
33
|
+
* Tekst som leses opp på skjermleser (nødvendig når knappetekst mangler)
|
|
34
|
+
*/
|
|
35
|
+
'aria-label'?: string;
|
|
36
|
+
};
|
|
37
|
+
declare const defaultElement = "button";
|
|
38
|
+
export type ButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, ButtonBaseProps>;
|
|
39
|
+
export type ButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: ButtonProps<T>) => React.ReactElement | null;
|
|
40
|
+
export declare const Button: ButtonComponent;
|
|
41
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type ButtonGroupProps = {
|
|
3
|
+
/** To eller flere Button-komponenter */
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
/** Ekstra klassenavn */
|
|
6
|
+
className?: string;
|
|
7
|
+
/** HTML-elementet eller React-komponenten som lages
|
|
8
|
+
* @default "div"
|
|
9
|
+
*/
|
|
10
|
+
as?: string | React.ElementType;
|
|
11
|
+
[key: string]: any;
|
|
12
|
+
};
|
|
13
|
+
export declare const ButtonGroup: React.FC<ButtonGroupProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type FloatingButtonProps = {
|
|
3
|
+
/** Beskrivende tekst for skjermlesere */
|
|
4
|
+
'aria-label': string;
|
|
5
|
+
/** Ikon eller ikon-og-tekst */
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
/** Ekstra klassenavn */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** Callback når knappen klikkes */
|
|
10
|
+
onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
11
|
+
/** Størrelse på knappen
|
|
12
|
+
* @default "medium"
|
|
13
|
+
*/
|
|
14
|
+
size?: 'medium' | 'small';
|
|
15
|
+
[key: string]: any;
|
|
16
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
17
|
+
export declare const FloatingButton: React.FC<FloatingButtonProps>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
3
|
+
export type IconButtonBaseProps = {
|
|
4
|
+
/** Ikonet som du vil ha inne i knappen */
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
/** Tekst som forklarer knappens handling. MÅ være satt hvis du ikke har en forklarende tooltip på knappen */
|
|
7
|
+
'aria-label'?: string;
|
|
8
|
+
/** Ekstra klassenavn */
|
|
9
|
+
className?: string;
|
|
10
|
+
/** Deaktivering av knappen
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** HTML-elementet eller React-komponenten som lager knappen
|
|
15
|
+
* @default 'button'
|
|
16
|
+
*/
|
|
17
|
+
as?: React.ElementType;
|
|
18
|
+
/**Størrelsen på knappen
|
|
19
|
+
* @default 'medium'
|
|
20
|
+
*/
|
|
21
|
+
size?: 'small' | 'medium';
|
|
22
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
loading?: boolean;
|
|
26
|
+
};
|
|
27
|
+
declare const defaultElement = "button";
|
|
28
|
+
export type IconButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, IconButtonBaseProps>;
|
|
29
|
+
export type IconButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: IconButtonProps<T>) => React.ReactElement | null;
|
|
30
|
+
export declare const IconButton: IconButtonComponent;
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
3
|
+
export type NegativeButtonBaseProps = {
|
|
4
|
+
/** Størrelsen på knappen
|
|
5
|
+
* @default 'medium'
|
|
6
|
+
*/
|
|
7
|
+
size?: 'small' | 'medium' | 'large';
|
|
8
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
/** Ekstra klassenavn */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Deaktivering av knappen
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/** Bredden på knappen.
|
|
19
|
+
* @default 'auto'
|
|
20
|
+
*/
|
|
21
|
+
width?: 'fluid' | 'auto';
|
|
22
|
+
/** Innholdet i knappen */
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
};
|
|
25
|
+
export type NegativeButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, NegativeButtonBaseProps>;
|
|
26
|
+
export type NegativeButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: NegativeButtonProps<T>) => React.ReactElement | null;
|
|
27
|
+
declare const defaultElement = "button";
|
|
28
|
+
export declare const NegativeButton: NegativeButtonComponent;
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
3
|
+
export type PrimaryButtonBaseProps = {
|
|
4
|
+
/** Størrelsen på knappen
|
|
5
|
+
* @default 'medium'
|
|
6
|
+
*/
|
|
7
|
+
size?: 'small' | 'medium' | 'large';
|
|
8
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
/** Ekstra klassenavn */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Deaktivering av knappen
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/** Bredden på knappen.
|
|
19
|
+
* @default 'auto'
|
|
20
|
+
*/
|
|
21
|
+
width?: 'fluid' | 'auto';
|
|
22
|
+
/** Innholdet i knappen */
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
};
|
|
25
|
+
export type PrimaryButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, PrimaryButtonBaseProps>;
|
|
26
|
+
export type PrimaryButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: PrimaryButtonProps<T>) => React.ReactElement | null;
|
|
27
|
+
declare const defaultElement = "button";
|
|
28
|
+
export declare const PrimaryButton: PrimaryButtonComponent;
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
3
|
+
export type SecondaryButtonBaseProps = {
|
|
4
|
+
/** Størrelsen på knappen
|
|
5
|
+
* @default 'medium'
|
|
6
|
+
*/
|
|
7
|
+
size?: 'small' | 'medium' | 'large';
|
|
8
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
/** Ekstra klassenavn */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Deaktivering av knappen
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/** Bredden på knappen.
|
|
19
|
+
* @default 'auto'
|
|
20
|
+
*/
|
|
21
|
+
width?: 'fluid' | 'auto';
|
|
22
|
+
/** Innholdet i knappen */
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
};
|
|
25
|
+
export type SecondaryButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SecondaryButtonBaseProps>;
|
|
26
|
+
export type SecondaryButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SecondaryButtonProps<T>) => React.ReactElement | null;
|
|
27
|
+
declare const defaultElement = "button";
|
|
28
|
+
export declare const SecondaryButton: SecondaryButtonComponent;
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
3
|
+
type SecondarySquareButtonBaseProps = {
|
|
4
|
+
/** Tekst og ikon, ikon og tekst, eller bare ikon */
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
/** Ekstra klassenavn */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** Deaktivering av knappen
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
};
|
|
17
|
+
export type SecondarySquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SecondarySquareButtonBaseProps>;
|
|
18
|
+
export type SecondarySquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SecondarySquareButtonProps<T>) => React.ReactElement | null;
|
|
19
|
+
declare const defaultElement = "button";
|
|
20
|
+
export declare const SecondarySquareButton: SecondarySquareButtonComponent;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export type SquareButtonBaseProps = {
|
|
4
|
+
/** Tekst og ikon */
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
/** Ekstra klassenavn */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** En type knapp */
|
|
9
|
+
variant?: 'success' | 'secondary' | 'tertiary';
|
|
10
|
+
/** Deaktivering av knappen
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
loading?: boolean;
|
|
18
|
+
/** DOM-elementet knappen rendres som */
|
|
19
|
+
as?: string | React.ElementType;
|
|
20
|
+
};
|
|
21
|
+
export type SquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SquareButtonBaseProps>;
|
|
22
|
+
export type SquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SquareButtonProps<T>) => React.ReactElement | null;
|
|
23
|
+
declare const defaultElement = "button";
|
|
24
|
+
export declare const SquareButton: SquareButtonComponent;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
3
|
+
export type SuccessButtonBaseProps = {
|
|
4
|
+
/** Størrelsen på knappen
|
|
5
|
+
* @default 'medium'
|
|
6
|
+
*/
|
|
7
|
+
size?: 'small' | 'medium' | 'large';
|
|
8
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
/** Ekstra klassenavn */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Deaktivering av knappen
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/** Bredden på knappen.
|
|
19
|
+
* @default 'auto'
|
|
20
|
+
*/
|
|
21
|
+
width?: 'fluid' | 'auto';
|
|
22
|
+
/** Innholdet i knappen */
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
};
|
|
25
|
+
export type SuccessButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SuccessButtonBaseProps>;
|
|
26
|
+
export type SuccessButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SuccessButtonProps<T>) => React.ReactElement | null;
|
|
27
|
+
declare const defaultElement = "button";
|
|
28
|
+
export declare const SuccessButton: SuccessButtonComponent;
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
3
|
+
type SuccessSquareButtonBaseProps = {
|
|
4
|
+
/** Tekst og ikon, ikon og tekst, eller bare ikon */
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
/** Ekstra klassenavn */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** Deaktivering av knappen
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
};
|
|
17
|
+
export type SuccessSquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SuccessSquareButtonBaseProps>;
|
|
18
|
+
export type SuccessSquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SuccessSquareButtonProps<T>) => React.ReactElement | null;
|
|
19
|
+
declare const defaultElement = "button";
|
|
20
|
+
export declare const SuccessSquareButton: SuccessSquareButtonComponent;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
3
|
+
export type TertiaryButtonBaseProps = {
|
|
4
|
+
/** Størrelsen på knappen
|
|
5
|
+
* @default 'medium'
|
|
6
|
+
*/
|
|
7
|
+
size?: 'medium' | 'large';
|
|
8
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
/** Ekstra klassenavn */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Deaktivering av knappen
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/** Bredden på knappen.
|
|
19
|
+
* @default 'auto'
|
|
20
|
+
*/
|
|
21
|
+
width?: 'fluid' | 'auto';
|
|
22
|
+
/** Innholdet i knappen */
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
};
|
|
25
|
+
export type TertiaryButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, TertiaryButtonBaseProps>;
|
|
26
|
+
export type TertiaryButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: TertiaryButtonProps<T>) => React.ReactElement | null;
|
|
27
|
+
declare const defaultElement = "button";
|
|
28
|
+
/** @deprecated use SecondaryButton size="small" instead */
|
|
29
|
+
export declare const TertiaryButton: TertiaryButtonComponent;
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicComponentPropsWithRef } from '../../utils';
|
|
3
|
+
type TertiarySquareButtonBaseProps = {
|
|
4
|
+
/** Tekst og ikon, ikon og tekst, eller bare ikon */
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
/** Ekstra klassenavn */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** Deaktivering av knappen
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
/** DOM-elementet knappen rendres som */
|
|
17
|
+
as?: string | React.ElementType;
|
|
18
|
+
};
|
|
19
|
+
export type TertiarySquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, TertiarySquareButtonBaseProps>;
|
|
20
|
+
export type TertiarySquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: TertiarySquareButtonProps<T>) => React.ReactElement | null;
|
|
21
|
+
declare const defaultElement = "button";
|
|
22
|
+
export declare const TertiarySquareButton: TertiarySquareButtonComponent;
|
|
23
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,383 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export
|
|
13
|
-
|
|
14
|
-
declare type ButtonBaseProps = {
|
|
15
|
-
/** Farge og uttrykk på knappen */
|
|
16
|
-
variant: 'primary' | 'secondary' | 'success' | 'negative' | typeof tertiary;
|
|
17
|
-
/** Størrelsen på knappen
|
|
18
|
-
* @default 'medium'
|
|
19
|
-
*/
|
|
20
|
-
size?: 'small' | 'medium' | 'large';
|
|
21
|
-
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
22
|
-
* @default false
|
|
23
|
-
*/
|
|
24
|
-
loading?: boolean;
|
|
25
|
-
/** Ekstra klassenavn */
|
|
26
|
-
className?: string;
|
|
27
|
-
/** Deaktivering av knappen
|
|
28
|
-
* @default false
|
|
29
|
-
*/
|
|
30
|
-
disabled?: boolean;
|
|
31
|
-
/** Bredden på knappen.
|
|
32
|
-
* @default 'auto'
|
|
33
|
-
*/
|
|
34
|
-
width?: 'fluid' | 'auto';
|
|
35
|
-
/** Innholdet i knappen */
|
|
36
|
-
children: React_2.ReactNode;
|
|
37
|
-
/** Et HTML-element eller en React-komponent som komponenten tar utgangspunkt i for å lage denne knappevarianten
|
|
38
|
-
* @default "button"
|
|
39
|
-
*/
|
|
40
|
-
as?: string | React_2.ElementType;
|
|
41
|
-
/**
|
|
42
|
-
* Tekst som leses opp på skjermleser (nødvendig når knappetekst mangler)
|
|
43
|
-
*/
|
|
44
|
-
'aria-label'?: string;
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
export declare type ButtonComponent = <T extends React_2.ElementType = typeof defaultElement>(props: ButtonProps<T>) => React_2.ReactElement | null;
|
|
48
|
-
|
|
49
|
-
export declare const ButtonGroup: default_2.FC<ButtonGroupProps>;
|
|
50
|
-
|
|
51
|
-
export declare type ButtonGroupProps = {
|
|
52
|
-
/** To eller flere Button-komponenter */
|
|
53
|
-
children: default_2.ReactNode;
|
|
54
|
-
/** Ekstra klassenavn */
|
|
55
|
-
className?: string;
|
|
56
|
-
/** HTML-elementet eller React-komponenten som lages
|
|
57
|
-
* @default "div"
|
|
58
|
-
*/
|
|
59
|
-
as?: string | default_2.ElementType;
|
|
60
|
-
[key: string]: any;
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
export declare type ButtonProps<T extends React_2.ElementType> = PolymorphicComponentPropsWithRef<T, ButtonBaseProps>;
|
|
64
|
-
|
|
65
|
-
declare const defaultElement = "button";
|
|
66
|
-
|
|
67
|
-
declare const defaultElement_10 = "button";
|
|
68
|
-
|
|
69
|
-
declare const defaultElement_2 = "button";
|
|
70
|
-
|
|
71
|
-
declare const defaultElement_3 = "button";
|
|
72
|
-
|
|
73
|
-
declare const defaultElement_4 = "button";
|
|
74
|
-
|
|
75
|
-
declare const defaultElement_5 = "button";
|
|
76
|
-
|
|
77
|
-
declare const defaultElement_6 = "button";
|
|
78
|
-
|
|
79
|
-
declare const defaultElement_7 = "button";
|
|
80
|
-
|
|
81
|
-
declare const defaultElement_8 = "button";
|
|
82
|
-
|
|
83
|
-
declare const defaultElement_9 = "button";
|
|
84
|
-
|
|
85
|
-
/**
|
|
86
|
-
* Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
|
|
87
|
-
* (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
|
|
88
|
-
* set of props.
|
|
89
|
-
*/
|
|
90
|
-
declare type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
|
|
91
|
-
|
|
92
|
-
export declare const FloatingButton: default_2.FC<FloatingButtonProps>;
|
|
93
|
-
|
|
94
|
-
export declare type FloatingButtonProps = {
|
|
95
|
-
/** Beskrivende tekst for skjermlesere */
|
|
96
|
-
'aria-label': string;
|
|
97
|
-
/** Ikon eller ikon-og-tekst */
|
|
98
|
-
children: default_2.ReactNode;
|
|
99
|
-
/** Ekstra klassenavn */
|
|
100
|
-
className?: string;
|
|
101
|
-
/** Callback når knappen klikkes */
|
|
102
|
-
onClick: (e: default_2.MouseEvent<HTMLButtonElement>) => void;
|
|
103
|
-
/** Størrelse på knappen
|
|
104
|
-
* @default "medium"
|
|
105
|
-
*/
|
|
106
|
-
size?: 'medium' | 'small';
|
|
107
|
-
[key: string]: any;
|
|
108
|
-
} & default_2.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
109
|
-
|
|
110
|
-
export declare const IconButton: IconButtonComponent;
|
|
111
|
-
|
|
112
|
-
export declare type IconButtonBaseProps = {
|
|
113
|
-
/** Ikonet som du vil ha inne i knappen */
|
|
114
|
-
children: default_2.ReactNode;
|
|
115
|
-
/** Tekst som forklarer knappens handling. MÅ være satt hvis du ikke har en forklarende tooltip på knappen */
|
|
116
|
-
'aria-label'?: string;
|
|
117
|
-
/** Ekstra klassenavn */
|
|
118
|
-
className?: string;
|
|
119
|
-
/** Deaktivering av knappen
|
|
120
|
-
* @default false
|
|
121
|
-
*/
|
|
122
|
-
disabled?: boolean;
|
|
123
|
-
/** HTML-elementet eller React-komponenten som lager knappen
|
|
124
|
-
* @default 'button'
|
|
125
|
-
*/
|
|
126
|
-
as?: default_2.ElementType;
|
|
127
|
-
/**Størrelsen på knappen
|
|
128
|
-
* @default 'medium'
|
|
129
|
-
*/
|
|
130
|
-
size?: 'small' | 'medium';
|
|
131
|
-
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
132
|
-
* @default false
|
|
133
|
-
*/
|
|
134
|
-
loading?: boolean;
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
export declare type IconButtonComponent = <T extends default_2.ElementType = typeof defaultElement_10>(props: IconButtonProps<T>) => default_2.ReactElement | null;
|
|
138
|
-
|
|
139
|
-
export declare type IconButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, IconButtonBaseProps>;
|
|
140
|
-
|
|
141
|
-
/**
|
|
142
|
-
* Allows for inheriting the props from the specified element type so that
|
|
143
|
-
* props like children, className & style work, as well as element-specific
|
|
144
|
-
* attributes like aria roles. The component (`C`) must be passed in.
|
|
145
|
-
*/
|
|
146
|
-
declare type InheritableElementProps<C extends default_2.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
|
|
147
|
-
|
|
148
|
-
export declare const NegativeButton: NegativeButtonComponent;
|
|
149
|
-
|
|
150
|
-
export declare type NegativeButtonBaseProps = {
|
|
151
|
-
/** Størrelsen på knappen
|
|
152
|
-
* @default 'medium'
|
|
153
|
-
*/
|
|
154
|
-
size?: 'small' | 'medium' | 'large';
|
|
155
|
-
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
156
|
-
* @default false
|
|
157
|
-
*/
|
|
158
|
-
loading?: boolean;
|
|
159
|
-
/** Ekstra klassenavn */
|
|
160
|
-
className?: string;
|
|
161
|
-
/** Deaktivering av knappen
|
|
162
|
-
* @default false
|
|
163
|
-
*/
|
|
164
|
-
disabled?: boolean;
|
|
165
|
-
/** Bredden på knappen.
|
|
166
|
-
* @default 'auto'
|
|
167
|
-
*/
|
|
168
|
-
width?: 'fluid' | 'auto';
|
|
169
|
-
/** Innholdet i knappen */
|
|
170
|
-
children: default_2.ReactNode;
|
|
171
|
-
};
|
|
172
|
-
|
|
173
|
-
export declare type NegativeButtonComponent = <T extends default_2.ElementType = typeof defaultElement_5>(props: NegativeButtonProps<T>) => default_2.ReactElement | null;
|
|
174
|
-
|
|
175
|
-
export declare type NegativeButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, NegativeButtonBaseProps>;
|
|
176
|
-
|
|
177
|
-
/**
|
|
178
|
-
* A more sophisticated version of `InheritableElementProps` where
|
|
179
|
-
* the passed in `as` prop will determine which props can be included
|
|
180
|
-
*/
|
|
181
|
-
declare type PolymorphicComponentProps<C extends default_2.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
|
|
182
|
-
|
|
183
|
-
/**
|
|
184
|
-
* A wrapper of `PolymorphicComponentProps` that also includes the `ref`
|
|
185
|
-
* prop for the polymorphic component
|
|
186
|
-
*/
|
|
187
|
-
declare type PolymorphicComponentPropsWithRef<C extends default_2.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProps<C, Props> & {
|
|
188
|
-
ref?: PolymorphicRef<C>;
|
|
189
|
-
};
|
|
190
|
-
|
|
191
|
-
/**
|
|
192
|
-
* Utility type to extract the `ref` prop from a polymorphic component
|
|
193
|
-
*/
|
|
194
|
-
declare type PolymorphicRef<C extends default_2.ElementType> = default_2.ComponentPropsWithRef<C>['ref'];
|
|
195
|
-
|
|
196
|
-
export declare const PrimaryButton: PrimaryButtonComponent;
|
|
197
|
-
|
|
198
|
-
export declare type PrimaryButtonBaseProps = {
|
|
199
|
-
/** Størrelsen på knappen
|
|
200
|
-
* @default 'medium'
|
|
201
|
-
*/
|
|
202
|
-
size?: 'small' | 'medium' | 'large';
|
|
203
|
-
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
204
|
-
* @default false
|
|
205
|
-
*/
|
|
206
|
-
loading?: boolean;
|
|
207
|
-
/** Ekstra klassenavn */
|
|
208
|
-
className?: string;
|
|
209
|
-
/** Deaktivering av knappen
|
|
210
|
-
* @default false
|
|
211
|
-
*/
|
|
212
|
-
disabled?: boolean;
|
|
213
|
-
/** Bredden på knappen.
|
|
214
|
-
* @default 'auto'
|
|
215
|
-
*/
|
|
216
|
-
width?: 'fluid' | 'auto';
|
|
217
|
-
/** Innholdet i knappen */
|
|
218
|
-
children: default_2.ReactNode;
|
|
219
|
-
};
|
|
220
|
-
|
|
221
|
-
export declare type PrimaryButtonComponent = <T extends default_2.ElementType = typeof defaultElement_2>(props: PrimaryButtonProps<T>) => default_2.ReactElement | null;
|
|
222
|
-
|
|
223
|
-
export declare type PrimaryButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, PrimaryButtonBaseProps>;
|
|
224
|
-
|
|
225
|
-
declare type PropsOf<C extends keyof JSX.IntrinsicElements | default_2.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
|
|
226
|
-
|
|
227
|
-
export declare const SecondaryButton: SecondaryButtonComponent;
|
|
228
|
-
|
|
229
|
-
export declare type SecondaryButtonBaseProps = {
|
|
230
|
-
/** Størrelsen på knappen
|
|
231
|
-
* @default 'medium'
|
|
232
|
-
*/
|
|
233
|
-
size?: 'small' | 'medium' | 'large';
|
|
234
|
-
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
235
|
-
* @default false
|
|
236
|
-
*/
|
|
237
|
-
loading?: boolean;
|
|
238
|
-
/** Ekstra klassenavn */
|
|
239
|
-
className?: string;
|
|
240
|
-
/** Deaktivering av knappen
|
|
241
|
-
* @default false
|
|
242
|
-
*/
|
|
243
|
-
disabled?: boolean;
|
|
244
|
-
/** Bredden på knappen.
|
|
245
|
-
* @default 'auto'
|
|
246
|
-
*/
|
|
247
|
-
width?: 'fluid' | 'auto';
|
|
248
|
-
/** Innholdet i knappen */
|
|
249
|
-
children: default_2.ReactNode;
|
|
250
|
-
};
|
|
251
|
-
|
|
252
|
-
export declare type SecondaryButtonComponent = <T extends default_2.ElementType = typeof defaultElement_3>(props: SecondaryButtonProps<T>) => default_2.ReactElement | null;
|
|
253
|
-
|
|
254
|
-
export declare type SecondaryButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, SecondaryButtonBaseProps>;
|
|
255
|
-
|
|
256
|
-
export declare const SecondarySquareButton: SecondarySquareButtonComponent;
|
|
257
|
-
|
|
258
|
-
declare type SecondarySquareButtonBaseProps = {
|
|
259
|
-
/** Tekst og ikon, ikon og tekst, eller bare ikon */
|
|
260
|
-
children: default_2.ReactNode;
|
|
261
|
-
/** Ekstra klassenavn */
|
|
262
|
-
className?: string;
|
|
263
|
-
/** Deaktivering av knappen
|
|
264
|
-
* @default false
|
|
265
|
-
*/
|
|
266
|
-
disabled?: boolean;
|
|
267
|
-
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
268
|
-
* @default false
|
|
269
|
-
*/
|
|
270
|
-
loading?: boolean;
|
|
271
|
-
};
|
|
272
|
-
|
|
273
|
-
export declare type SecondarySquareButtonComponent = <T extends default_2.ElementType = typeof defaultElement_7>(props: SecondarySquareButtonProps<T>) => default_2.ReactElement | null;
|
|
274
|
-
|
|
275
|
-
export declare type SecondarySquareButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, SecondarySquareButtonBaseProps>;
|
|
276
|
-
|
|
277
|
-
export declare const SuccessButton: SuccessButtonComponent;
|
|
278
|
-
|
|
279
|
-
export declare type SuccessButtonBaseProps = {
|
|
280
|
-
/** Størrelsen på knappen
|
|
281
|
-
* @default 'medium'
|
|
282
|
-
*/
|
|
283
|
-
size?: 'small' | 'medium' | 'large';
|
|
284
|
-
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
285
|
-
* @default false
|
|
286
|
-
*/
|
|
287
|
-
loading?: boolean;
|
|
288
|
-
/** Ekstra klassenavn */
|
|
289
|
-
className?: string;
|
|
290
|
-
/** Deaktivering av knappen
|
|
291
|
-
* @default false
|
|
292
|
-
*/
|
|
293
|
-
disabled?: boolean;
|
|
294
|
-
/** Bredden på knappen.
|
|
295
|
-
* @default 'auto'
|
|
296
|
-
*/
|
|
297
|
-
width?: 'fluid' | 'auto';
|
|
298
|
-
/** Innholdet i knappen */
|
|
299
|
-
children: default_2.ReactNode;
|
|
300
|
-
};
|
|
301
|
-
|
|
302
|
-
export declare type SuccessButtonComponent = <T extends default_2.ElementType = typeof defaultElement_4>(props: SuccessButtonProps<T>) => default_2.ReactElement | null;
|
|
303
|
-
|
|
304
|
-
export declare type SuccessButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, SuccessButtonBaseProps>;
|
|
305
|
-
|
|
306
|
-
export declare const SuccessSquareButton: SuccessSquareButtonComponent;
|
|
307
|
-
|
|
308
|
-
declare type SuccessSquareButtonBaseProps = {
|
|
309
|
-
/** Tekst og ikon, ikon og tekst, eller bare ikon */
|
|
310
|
-
children: default_2.ReactNode;
|
|
311
|
-
/** Ekstra klassenavn */
|
|
312
|
-
className?: string;
|
|
313
|
-
/** Deaktivering av knappen
|
|
314
|
-
* @default false
|
|
315
|
-
*/
|
|
316
|
-
disabled?: boolean;
|
|
317
|
-
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
318
|
-
* @default false
|
|
319
|
-
*/
|
|
320
|
-
loading?: boolean;
|
|
321
|
-
};
|
|
322
|
-
|
|
323
|
-
export declare type SuccessSquareButtonComponent = <T extends default_2.ElementType = typeof defaultElement_8>(props: SuccessSquareButtonProps<T>) => default_2.ReactElement | null;
|
|
324
|
-
|
|
325
|
-
export declare type SuccessSquareButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, SuccessSquareButtonBaseProps>;
|
|
326
|
-
|
|
327
|
-
/** @deprecated use variant="secondary" size="small" instead */
|
|
328
|
-
declare const tertiary = "tertiary";
|
|
329
|
-
|
|
330
|
-
/** @deprecated use SecondaryButton size="small" instead */
|
|
331
|
-
export declare const TertiaryButton: TertiaryButtonComponent;
|
|
332
|
-
|
|
333
|
-
export declare type TertiaryButtonBaseProps = {
|
|
334
|
-
/** Størrelsen på knappen
|
|
335
|
-
* @default 'medium'
|
|
336
|
-
*/
|
|
337
|
-
size?: 'medium' | 'large';
|
|
338
|
-
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
339
|
-
* @default false
|
|
340
|
-
*/
|
|
341
|
-
loading?: boolean;
|
|
342
|
-
/** Ekstra klassenavn */
|
|
343
|
-
className?: string;
|
|
344
|
-
/** Deaktivering av knappen
|
|
345
|
-
* @default false
|
|
346
|
-
*/
|
|
347
|
-
disabled?: boolean;
|
|
348
|
-
/** Bredden på knappen.
|
|
349
|
-
* @default 'auto'
|
|
350
|
-
*/
|
|
351
|
-
width?: 'fluid' | 'auto';
|
|
352
|
-
/** Innholdet i knappen */
|
|
353
|
-
children: default_2.ReactNode;
|
|
354
|
-
};
|
|
355
|
-
|
|
356
|
-
export declare type TertiaryButtonComponent = <T extends default_2.ElementType = typeof defaultElement_6>(props: TertiaryButtonProps<T>) => default_2.ReactElement | null;
|
|
357
|
-
|
|
358
|
-
export declare type TertiaryButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, TertiaryButtonBaseProps>;
|
|
359
|
-
|
|
360
|
-
export declare const TertiarySquareButton: TertiarySquareButtonComponent;
|
|
361
|
-
|
|
362
|
-
declare type TertiarySquareButtonBaseProps = {
|
|
363
|
-
/** Tekst og ikon, ikon og tekst, eller bare ikon */
|
|
364
|
-
children: default_2.ReactNode;
|
|
365
|
-
/** Ekstra klassenavn */
|
|
366
|
-
className?: string;
|
|
367
|
-
/** Deaktivering av knappen
|
|
368
|
-
* @default false
|
|
369
|
-
*/
|
|
370
|
-
disabled?: boolean;
|
|
371
|
-
/** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
|
|
372
|
-
* @default false
|
|
373
|
-
*/
|
|
374
|
-
loading?: boolean;
|
|
375
|
-
/** DOM-elementet knappen rendres som */
|
|
376
|
-
as?: string | default_2.ElementType;
|
|
377
|
-
};
|
|
378
|
-
|
|
379
|
-
export declare type TertiarySquareButtonComponent = <T extends default_2.ElementType = typeof defaultElement_9>(props: TertiarySquareButtonProps<T>) => default_2.ReactElement | null;
|
|
380
|
-
|
|
381
|
-
export declare type TertiarySquareButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, TertiarySquareButtonBaseProps>;
|
|
382
|
-
|
|
383
|
-
export { }
|
|
1
|
+
export * from './Button';
|
|
2
|
+
export * from './PrimaryButton';
|
|
3
|
+
export * from './SecondaryButton';
|
|
4
|
+
export * from './SuccessButton';
|
|
5
|
+
export * from './NegativeButton';
|
|
6
|
+
export * from './TertiaryButton';
|
|
7
|
+
export * from './ButtonGroup';
|
|
8
|
+
export * from './FloatingButton';
|
|
9
|
+
export * from './SecondarySquareButton';
|
|
10
|
+
export * from './SuccessSquareButton';
|
|
11
|
+
export * from './TertiarySquareButton';
|
|
12
|
+
export * from './IconButton';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/button",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.15-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/button.cjs.js",
|
|
6
6
|
"module": "dist/button.esm.js",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/loader": "^0.5.
|
|
31
|
-
"@entur/tokens": "^3.19.
|
|
32
|
-
"@entur/utils": "^0.12.
|
|
30
|
+
"@entur/loader": "^0.5.32-beta.0",
|
|
31
|
+
"@entur/tokens": "^3.19.3",
|
|
32
|
+
"@entur/utils": "^0.12.5",
|
|
33
33
|
"classnames": "^2.5.1"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"vite": "^7.1.3",
|
|
46
46
|
"vite-plugin-dts": "^4.5.4"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "1af57733502628c4b59860f42d15c7456b09025e"
|
|
49
49
|
}
|