@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.
@@ -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
- import { default as default_2 } from 'react';
2
- import * as React_2 from 'react';
3
-
4
- declare type AsProp<C extends default_2.ElementType> = {
5
- /**
6
- * An override of the default HTML tag.
7
- * Can also be another React component.
8
- */
9
- as?: C;
10
- };
11
-
12
- export declare const Button: ButtonComponent;
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.13",
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.30",
31
- "@entur/tokens": "^3.19.2",
32
- "@entur/utils": "^0.12.4",
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": "268fb2f3387485206586a7c4c6f2a058f824f5d6"
48
+ "gitHead": "1af57733502628c4b59860f42d15c7456b09025e"
49
49
  }