@dnb/eufemia 10.0.0-beta.3 → 10.0.0-beta.4
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/CHANGELOG.md +14 -0
- package/cjs/components/autocomplete/Autocomplete.d.ts +2 -2
- package/cjs/components/button/Button.d.ts +1 -1
- package/cjs/components/date-picker/DatePicker.d.ts +2 -2
- package/cjs/components/dropdown/Dropdown.d.ts +1 -1
- package/cjs/components/icon/Icon.d.ts +1 -1
- package/cjs/components/icon-primary/IconPrimary.js +2 -2
- package/cjs/components/input/Input.d.ts +1 -1
- package/cjs/components/input-masked/InputMasked.d.ts +1 -1
- package/cjs/components/logo/Logo.d.ts +7 -7
- package/cjs/components/modal/types.d.ts +1 -1
- package/cjs/components/skeleton/Skeleton.d.ts +1 -1
- package/cjs/components/slider/types.d.ts +2 -2
- package/cjs/components/tabs/Tabs.d.ts +1 -1
- package/cjs/components/textarea/Textarea.d.ts +1 -1
- package/cjs/components/toggle-button/ToggleButton.d.ts +1 -1
- package/cjs/shared/Eufemia.js +1 -1
- package/components/autocomplete/Autocomplete.d.ts +2 -2
- package/components/button/Button.d.ts +1 -1
- package/components/date-picker/DatePicker.d.ts +2 -2
- package/components/dropdown/Dropdown.d.ts +1 -1
- package/components/icon/Icon.d.ts +1 -1
- package/components/icon-primary/IconPrimary.js +2 -2
- package/components/input/Input.d.ts +1 -1
- package/components/input-masked/InputMasked.d.ts +1 -1
- package/components/logo/Logo.d.ts +7 -7
- package/components/modal/types.d.ts +1 -1
- package/components/skeleton/Skeleton.d.ts +1 -1
- package/components/slider/types.d.ts +2 -2
- package/components/tabs/Tabs.d.ts +1 -1
- package/components/textarea/Textarea.d.ts +1 -1
- package/components/toggle-button/ToggleButton.d.ts +1 -1
- package/es/components/autocomplete/Autocomplete.d.ts +2 -2
- package/es/components/button/Button.d.ts +1 -1
- package/es/components/date-picker/DatePicker.d.ts +2 -2
- package/es/components/dropdown/Dropdown.d.ts +1 -1
- package/es/components/icon/Icon.d.ts +1 -1
- package/es/components/icon-primary/IconPrimary.js +2 -2
- package/es/components/input/Input.d.ts +1 -1
- package/es/components/input-masked/InputMasked.d.ts +1 -1
- package/es/components/logo/Logo.d.ts +7 -7
- package/es/components/modal/types.d.ts +1 -1
- package/es/components/skeleton/Skeleton.d.ts +1 -1
- package/es/components/slider/types.d.ts +2 -2
- package/es/components/tabs/Tabs.d.ts +1 -1
- package/es/components/textarea/Textarea.d.ts +1 -1
- package/es/components/toggle-button/ToggleButton.d.ts +1 -1
- package/es/shared/Eufemia.js +1 -1
- package/esm/dnb-ui-basis.min.mjs +1 -1
- package/esm/dnb-ui-components.min.mjs +1 -1
- package/esm/dnb-ui-elements.min.mjs +1 -1
- package/esm/dnb-ui-extensions.min.mjs +1 -1
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/package.json +1 -1
- package/shared/Eufemia.js +1 -1
- package/umd/dnb-ui-basis.min.js +1 -1
- package/umd/dnb-ui-components.min.js +1 -1
- package/umd/dnb-ui-elements.min.js +1 -1
- package/umd/dnb-ui-extensions.min.js +1 -1
- package/umd/dnb-ui-lib.min.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,20 @@
|
|
|
3
3
|
All notable changes to @dnb/eufemia will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [10.0.0-beta.4](https://github.com/dnbexperience/eufemia/compare/v10.0.0-beta.3...v10.0.0-beta.4) (2023-05-06)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### :memo: Documentation
|
|
10
|
+
|
|
11
|
+
* minor doc improvements ([#2283](https://github.com/dnbexperience/eufemia/issues/2283)) ([9088155](https://github.com/dnbexperience/eufemia/commit/9088155f310c18d05fb284ed24b7768ae401241d))
|
|
12
|
+
* **SkipContent:** hide Events tab ([#2282](https://github.com/dnbexperience/eufemia/issues/2282)) ([22565ad](https://github.com/dnbexperience/eufemia/commit/22565ad2e4ddf50b9764de4a9812f4f21bd066ca))
|
|
13
|
+
* **StepIndicator:** format Steps Parameters table ([#2284](https://github.com/dnbexperience/eufemia/issues/2284)) ([0d8191a](https://github.com/dnbexperience/eufemia/commit/0d8191a51f615a23229df660378eb9d876a7a404))
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
### :bug: Bug Fixes
|
|
17
|
+
|
|
18
|
+
* **IconPrimary:** correct ts file extension usage ([#2289](https://github.com/dnbexperience/eufemia/issues/2289)) ([5a72532](https://github.com/dnbexperience/eufemia/commit/5a725320ccd7254f025af1216cfa067a32613f2a))
|
|
19
|
+
|
|
6
20
|
## [10.0.0-beta.3](https://github.com/dnbexperience/eufemia/compare/v10.0.0-beta.2...v10.0.0-beta.3) (2023-05-05)
|
|
7
21
|
|
|
8
22
|
|
|
@@ -43,7 +43,7 @@ export interface AutocompleteProps
|
|
|
43
43
|
mode?: AutocompleteMode;
|
|
44
44
|
|
|
45
45
|
/**
|
|
46
|
-
* Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer
|
|
46
|
+
* Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer`.
|
|
47
47
|
*/
|
|
48
48
|
title?: AutocompleteTitle;
|
|
49
49
|
|
|
@@ -123,7 +123,7 @@ export interface AutocompleteProps
|
|
|
123
123
|
label?: FormLabelText;
|
|
124
124
|
|
|
125
125
|
/**
|
|
126
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
126
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
127
127
|
*/
|
|
128
128
|
label_direction?: FormLabelLabelDirection;
|
|
129
129
|
|
|
@@ -260,12 +260,12 @@ export interface DatePickerProps
|
|
|
260
260
|
on_days_render?: (...args: any[]) => any;
|
|
261
261
|
|
|
262
262
|
/**
|
|
263
|
-
* Will be called on a date change event. Returns an `object`. See
|
|
263
|
+
* Will be called on a date change event. Returns an `object`. See Returned Object below.
|
|
264
264
|
*/
|
|
265
265
|
on_change?: (...args: any[]) => any;
|
|
266
266
|
|
|
267
267
|
/**
|
|
268
|
-
* Will be called on every input and date picker interaction. Returns an `object`. See
|
|
268
|
+
* Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.
|
|
269
269
|
*/
|
|
270
270
|
on_type?: (...args: any[]) => any;
|
|
271
271
|
|
|
@@ -48,7 +48,7 @@ export interface DropdownProps
|
|
|
48
48
|
label?: FormLabelText;
|
|
49
49
|
|
|
50
50
|
/**
|
|
51
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
51
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
52
52
|
*/
|
|
53
53
|
label_direction?: FormLabelLabelDirection;
|
|
54
54
|
|
|
@@ -42,7 +42,7 @@ export interface IconProps
|
|
|
42
42
|
color?: IconColor;
|
|
43
43
|
|
|
44
44
|
/**
|
|
45
|
-
*
|
|
45
|
+
* Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.
|
|
46
46
|
*/
|
|
47
47
|
inherit_color?: boolean;
|
|
48
48
|
|
|
@@ -19,9 +19,9 @@ var _componentHelper = require("../../shared/component-helper");
|
|
|
19
19
|
|
|
20
20
|
var _Icon = _interopRequireWildcard(require("../icon/Icon"));
|
|
21
21
|
|
|
22
|
-
var primary_icons = _interopRequireWildcard(require("../../icons/dnb/primary_icons
|
|
22
|
+
var primary_icons = _interopRequireWildcard(require("../../icons/dnb/primary_icons"));
|
|
23
23
|
|
|
24
|
-
var primary_icons_medium = _interopRequireWildcard(require("../../icons/dnb/primary_icons_medium
|
|
24
|
+
var primary_icons_medium = _interopRequireWildcard(require("../../icons/dnb/primary_icons_medium"));
|
|
25
25
|
|
|
26
26
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
27
|
|
|
@@ -53,7 +53,7 @@ export interface InputProps
|
|
|
53
53
|
label?: FormLabelText;
|
|
54
54
|
|
|
55
55
|
/**
|
|
56
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
56
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
57
57
|
*/
|
|
58
58
|
label_direction?: FormLabelLabelDirection;
|
|
59
59
|
|
|
@@ -164,7 +164,7 @@ export interface InputMaskedProps
|
|
|
164
164
|
label?: FormLabelText;
|
|
165
165
|
|
|
166
166
|
/**
|
|
167
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
167
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
168
168
|
*/
|
|
169
169
|
label_direction?: FormLabelLabelDirection;
|
|
170
170
|
|
|
@@ -9,39 +9,39 @@ export interface LogoProps
|
|
|
9
9
|
extends React.HTMLProps<HTMLElement>,
|
|
10
10
|
SpacingProps {
|
|
11
11
|
/**
|
|
12
|
-
* Define the size of the logo. Sets the height. The width will be calculated by the ratio. Also, `inherit` will use the inherited height. Defaults to `auto
|
|
12
|
+
* Define the size of the logo. Sets the height. The width will be calculated by the ratio. Also, `inherit` will use the inherited height. Defaults to `auto`.
|
|
13
13
|
*/
|
|
14
14
|
size?: LogoSize;
|
|
15
15
|
ratio?: LogoRatio;
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
|
-
* Define either the width of the logo
|
|
18
|
+
* Define either the width of the logo.
|
|
19
19
|
*/
|
|
20
20
|
width?: LogoWidth;
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
|
-
* Or define the height of the logo
|
|
23
|
+
* Or define the height of the logo.
|
|
24
24
|
*/
|
|
25
25
|
height?: LogoHeight;
|
|
26
26
|
alt?: string;
|
|
27
27
|
|
|
28
28
|
/**
|
|
29
|
-
* Define the color of the logo
|
|
29
|
+
* Define the color of the logo.
|
|
30
30
|
*/
|
|
31
31
|
color?: IconColor;
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
|
-
* Define which brand's logo to show. `ui` (DNB) or `sbanken`. Defaults to `ui
|
|
34
|
+
* Define which brand's logo to show. `ui` (DNB) or `sbanken`. Defaults to `ui`.
|
|
35
35
|
*/
|
|
36
36
|
brand?: string;
|
|
37
37
|
|
|
38
38
|
/**
|
|
39
|
-
* Define the logo variant, if there is more than one variant of a brand's logo. Currently the only option other than default is a `compact` variant of the Sbanken logo. Defaults to `default
|
|
39
|
+
* Define the logo variant, if there is more than one variant of a brand's logo. Currently the only option other than default is a `compact` variant of the Sbanken logo. Defaults to `default`.
|
|
40
40
|
*/
|
|
41
41
|
variant?: string;
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
|
-
* Set to `true` if you do not want to inherit the color by `currentColor`.
|
|
44
|
+
* Set to `true` if you do not want to inherit the color by `currentColor`. Defaults to `false`.
|
|
45
45
|
*/
|
|
46
46
|
inherit_color?: boolean;
|
|
47
47
|
class?: string;
|
|
@@ -38,7 +38,7 @@ export interface SkeletonProps
|
|
|
38
38
|
aria_ready?: string;
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
|
-
* Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div
|
|
41
|
+
* Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div`.
|
|
42
42
|
*/
|
|
43
43
|
element?: React.ReactNode;
|
|
44
44
|
class?: string;
|
|
@@ -39,11 +39,11 @@ export declare type SliderProps = IncludeSnakeCase<{
|
|
|
39
39
|
subtractTitle?: string;
|
|
40
40
|
/** the minimum value. Defaults to `0`. */
|
|
41
41
|
min?: number;
|
|
42
|
-
/** the maximum value. Defaults to `100
|
|
42
|
+
/** the maximum value. Defaults to `100`. */
|
|
43
43
|
max?: number;
|
|
44
44
|
/** the `value` of the slider as a number. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multible thumbs). */
|
|
45
45
|
value?: ValueTypes;
|
|
46
|
-
/** the steps the slider takes on changing the value. Defaults to `null
|
|
46
|
+
/** the steps the slider takes on changing the value. Defaults to `null`. */
|
|
47
47
|
step?: number;
|
|
48
48
|
/** show the slider vertically. Defaults to `false`. */
|
|
49
49
|
vertical?: boolean;
|
|
@@ -62,7 +62,7 @@ export interface TabsProps
|
|
|
62
62
|
selected_key?: TabsSelectedKey;
|
|
63
63
|
|
|
64
64
|
/**
|
|
65
|
-
* To align the tab list on the right side `align="right"`.
|
|
65
|
+
* To align the tab list on the right side `align="right"`. Defaults to `left`.
|
|
66
66
|
*/
|
|
67
67
|
align?: TabsAlign;
|
|
68
68
|
|
|
@@ -38,7 +38,7 @@ export interface TextareaProps
|
|
|
38
38
|
label?: FormLabelText;
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
41
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
42
42
|
*/
|
|
43
43
|
label_direction?: FormLabelLabelDirection;
|
|
44
44
|
|
|
@@ -98,7 +98,7 @@ export interface ToggleButtonProps
|
|
|
98
98
|
icon_position?: ButtonIconPosition;
|
|
99
99
|
|
|
100
100
|
/**
|
|
101
|
-
* Define icon width and height. Defaults to 16px
|
|
101
|
+
* Define icon width and height. Defaults to 16px.
|
|
102
102
|
*/
|
|
103
103
|
icon_size?: IconSize;
|
|
104
104
|
attributes?: ToggleButtonAttributes;
|
package/cjs/shared/Eufemia.js
CHANGED
|
@@ -43,7 +43,7 @@ export interface AutocompleteProps
|
|
|
43
43
|
mode?: AutocompleteMode;
|
|
44
44
|
|
|
45
45
|
/**
|
|
46
|
-
* Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer
|
|
46
|
+
* Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer`.
|
|
47
47
|
*/
|
|
48
48
|
title?: AutocompleteTitle;
|
|
49
49
|
|
|
@@ -123,7 +123,7 @@ export interface AutocompleteProps
|
|
|
123
123
|
label?: FormLabelText;
|
|
124
124
|
|
|
125
125
|
/**
|
|
126
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
126
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
127
127
|
*/
|
|
128
128
|
label_direction?: FormLabelLabelDirection;
|
|
129
129
|
|
|
@@ -260,12 +260,12 @@ export interface DatePickerProps
|
|
|
260
260
|
on_days_render?: (...args: any[]) => any;
|
|
261
261
|
|
|
262
262
|
/**
|
|
263
|
-
* Will be called on a date change event. Returns an `object`. See
|
|
263
|
+
* Will be called on a date change event. Returns an `object`. See Returned Object below.
|
|
264
264
|
*/
|
|
265
265
|
on_change?: (...args: any[]) => any;
|
|
266
266
|
|
|
267
267
|
/**
|
|
268
|
-
* Will be called on every input and date picker interaction. Returns an `object`. See
|
|
268
|
+
* Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.
|
|
269
269
|
*/
|
|
270
270
|
on_type?: (...args: any[]) => any;
|
|
271
271
|
|
|
@@ -48,7 +48,7 @@ export interface DropdownProps
|
|
|
48
48
|
label?: FormLabelText;
|
|
49
49
|
|
|
50
50
|
/**
|
|
51
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
51
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
52
52
|
*/
|
|
53
53
|
label_direction?: FormLabelLabelDirection;
|
|
54
54
|
|
|
@@ -42,7 +42,7 @@ export interface IconProps
|
|
|
42
42
|
color?: IconColor;
|
|
43
43
|
|
|
44
44
|
/**
|
|
45
|
-
*
|
|
45
|
+
* Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.
|
|
46
46
|
*/
|
|
47
47
|
inherit_color?: boolean;
|
|
48
48
|
|
|
@@ -8,8 +8,8 @@ import React from 'react';
|
|
|
8
8
|
import Context from '../../shared/Context';
|
|
9
9
|
import { extendPropsWithContextInClassComponent } from '../../shared/component-helper';
|
|
10
10
|
import DefaultIcon, { iconPropTypes, DefaultIconSize, prerenderIcon, prepareIcon } from '../icon/Icon';
|
|
11
|
-
import * as primary_icons from '../../icons/dnb/primary_icons
|
|
12
|
-
import * as primary_icons_medium from '../../icons/dnb/primary_icons_medium
|
|
11
|
+
import * as primary_icons from '../../icons/dnb/primary_icons';
|
|
12
|
+
import * as primary_icons_medium from '../../icons/dnb/primary_icons_medium';
|
|
13
13
|
|
|
14
14
|
const icons = _objectSpread(_objectSpread({}, primary_icons), primary_icons_medium);
|
|
15
15
|
|
|
@@ -53,7 +53,7 @@ export interface InputProps
|
|
|
53
53
|
label?: FormLabelText;
|
|
54
54
|
|
|
55
55
|
/**
|
|
56
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
56
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
57
57
|
*/
|
|
58
58
|
label_direction?: FormLabelLabelDirection;
|
|
59
59
|
|
|
@@ -164,7 +164,7 @@ export interface InputMaskedProps
|
|
|
164
164
|
label?: FormLabelText;
|
|
165
165
|
|
|
166
166
|
/**
|
|
167
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
167
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
168
168
|
*/
|
|
169
169
|
label_direction?: FormLabelLabelDirection;
|
|
170
170
|
|
|
@@ -9,39 +9,39 @@ export interface LogoProps
|
|
|
9
9
|
extends React.HTMLProps<HTMLElement>,
|
|
10
10
|
SpacingProps {
|
|
11
11
|
/**
|
|
12
|
-
* Define the size of the logo. Sets the height. The width will be calculated by the ratio. Also, `inherit` will use the inherited height. Defaults to `auto
|
|
12
|
+
* Define the size of the logo. Sets the height. The width will be calculated by the ratio. Also, `inherit` will use the inherited height. Defaults to `auto`.
|
|
13
13
|
*/
|
|
14
14
|
size?: LogoSize;
|
|
15
15
|
ratio?: LogoRatio;
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
|
-
* Define either the width of the logo
|
|
18
|
+
* Define either the width of the logo.
|
|
19
19
|
*/
|
|
20
20
|
width?: LogoWidth;
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
|
-
* Or define the height of the logo
|
|
23
|
+
* Or define the height of the logo.
|
|
24
24
|
*/
|
|
25
25
|
height?: LogoHeight;
|
|
26
26
|
alt?: string;
|
|
27
27
|
|
|
28
28
|
/**
|
|
29
|
-
* Define the color of the logo
|
|
29
|
+
* Define the color of the logo.
|
|
30
30
|
*/
|
|
31
31
|
color?: IconColor;
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
|
-
* Define which brand's logo to show. `ui` (DNB) or `sbanken`. Defaults to `ui
|
|
34
|
+
* Define which brand's logo to show. `ui` (DNB) or `sbanken`. Defaults to `ui`.
|
|
35
35
|
*/
|
|
36
36
|
brand?: string;
|
|
37
37
|
|
|
38
38
|
/**
|
|
39
|
-
* Define the logo variant, if there is more than one variant of a brand's logo. Currently the only option other than default is a `compact` variant of the Sbanken logo. Defaults to `default
|
|
39
|
+
* Define the logo variant, if there is more than one variant of a brand's logo. Currently the only option other than default is a `compact` variant of the Sbanken logo. Defaults to `default`.
|
|
40
40
|
*/
|
|
41
41
|
variant?: string;
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
|
-
* Set to `true` if you do not want to inherit the color by `currentColor`.
|
|
44
|
+
* Set to `true` if you do not want to inherit the color by `currentColor`. Defaults to `false`.
|
|
45
45
|
*/
|
|
46
46
|
inherit_color?: boolean;
|
|
47
47
|
class?: string;
|
|
@@ -38,7 +38,7 @@ export interface SkeletonProps
|
|
|
38
38
|
aria_ready?: string;
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
|
-
* Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div
|
|
41
|
+
* Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div`.
|
|
42
42
|
*/
|
|
43
43
|
element?: React.ReactNode;
|
|
44
44
|
class?: string;
|
|
@@ -39,11 +39,11 @@ export declare type SliderProps = IncludeSnakeCase<{
|
|
|
39
39
|
subtractTitle?: string;
|
|
40
40
|
/** the minimum value. Defaults to `0`. */
|
|
41
41
|
min?: number;
|
|
42
|
-
/** the maximum value. Defaults to `100
|
|
42
|
+
/** the maximum value. Defaults to `100`. */
|
|
43
43
|
max?: number;
|
|
44
44
|
/** the `value` of the slider as a number. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multible thumbs). */
|
|
45
45
|
value?: ValueTypes;
|
|
46
|
-
/** the steps the slider takes on changing the value. Defaults to `null
|
|
46
|
+
/** the steps the slider takes on changing the value. Defaults to `null`. */
|
|
47
47
|
step?: number;
|
|
48
48
|
/** show the slider vertically. Defaults to `false`. */
|
|
49
49
|
vertical?: boolean;
|
|
@@ -62,7 +62,7 @@ export interface TabsProps
|
|
|
62
62
|
selected_key?: TabsSelectedKey;
|
|
63
63
|
|
|
64
64
|
/**
|
|
65
|
-
* To align the tab list on the right side `align="right"`.
|
|
65
|
+
* To align the tab list on the right side `align="right"`. Defaults to `left`.
|
|
66
66
|
*/
|
|
67
67
|
align?: TabsAlign;
|
|
68
68
|
|
|
@@ -38,7 +38,7 @@ export interface TextareaProps
|
|
|
38
38
|
label?: FormLabelText;
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
41
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
42
42
|
*/
|
|
43
43
|
label_direction?: FormLabelLabelDirection;
|
|
44
44
|
|
|
@@ -98,7 +98,7 @@ export interface ToggleButtonProps
|
|
|
98
98
|
icon_position?: ButtonIconPosition;
|
|
99
99
|
|
|
100
100
|
/**
|
|
101
|
-
* Define icon width and height. Defaults to 16px
|
|
101
|
+
* Define icon width and height. Defaults to 16px.
|
|
102
102
|
*/
|
|
103
103
|
icon_size?: IconSize;
|
|
104
104
|
attributes?: ToggleButtonAttributes;
|
|
@@ -43,7 +43,7 @@ export interface AutocompleteProps
|
|
|
43
43
|
mode?: AutocompleteMode;
|
|
44
44
|
|
|
45
45
|
/**
|
|
46
|
-
* Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer
|
|
46
|
+
* Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer`.
|
|
47
47
|
*/
|
|
48
48
|
title?: AutocompleteTitle;
|
|
49
49
|
|
|
@@ -123,7 +123,7 @@ export interface AutocompleteProps
|
|
|
123
123
|
label?: FormLabelText;
|
|
124
124
|
|
|
125
125
|
/**
|
|
126
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
126
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
127
127
|
*/
|
|
128
128
|
label_direction?: FormLabelLabelDirection;
|
|
129
129
|
|
|
@@ -260,12 +260,12 @@ export interface DatePickerProps
|
|
|
260
260
|
on_days_render?: (...args: any[]) => any;
|
|
261
261
|
|
|
262
262
|
/**
|
|
263
|
-
* Will be called on a date change event. Returns an `object`. See
|
|
263
|
+
* Will be called on a date change event. Returns an `object`. See Returned Object below.
|
|
264
264
|
*/
|
|
265
265
|
on_change?: (...args: any[]) => any;
|
|
266
266
|
|
|
267
267
|
/**
|
|
268
|
-
* Will be called on every input and date picker interaction. Returns an `object`. See
|
|
268
|
+
* Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.
|
|
269
269
|
*/
|
|
270
270
|
on_type?: (...args: any[]) => any;
|
|
271
271
|
|
|
@@ -48,7 +48,7 @@ export interface DropdownProps
|
|
|
48
48
|
label?: FormLabelText;
|
|
49
49
|
|
|
50
50
|
/**
|
|
51
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
51
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
52
52
|
*/
|
|
53
53
|
label_direction?: FormLabelLabelDirection;
|
|
54
54
|
|
|
@@ -42,7 +42,7 @@ export interface IconProps
|
|
|
42
42
|
color?: IconColor;
|
|
43
43
|
|
|
44
44
|
/**
|
|
45
|
-
*
|
|
45
|
+
* Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.
|
|
46
46
|
*/
|
|
47
47
|
inherit_color?: boolean;
|
|
48
48
|
|
|
@@ -8,8 +8,8 @@ import React from 'react';
|
|
|
8
8
|
import Context from '../../shared/Context';
|
|
9
9
|
import { extendPropsWithContextInClassComponent } from '../../shared/component-helper';
|
|
10
10
|
import DefaultIcon, { iconPropTypes, DefaultIconSize, prerenderIcon, prepareIcon } from '../icon/Icon';
|
|
11
|
-
import * as primary_icons from '../../icons/dnb/primary_icons
|
|
12
|
-
import * as primary_icons_medium from '../../icons/dnb/primary_icons_medium
|
|
11
|
+
import * as primary_icons from '../../icons/dnb/primary_icons';
|
|
12
|
+
import * as primary_icons_medium from '../../icons/dnb/primary_icons_medium';
|
|
13
13
|
|
|
14
14
|
const icons = _objectSpread(_objectSpread({}, primary_icons), primary_icons_medium);
|
|
15
15
|
|
|
@@ -53,7 +53,7 @@ export interface InputProps
|
|
|
53
53
|
label?: FormLabelText;
|
|
54
54
|
|
|
55
55
|
/**
|
|
56
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
56
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
57
57
|
*/
|
|
58
58
|
label_direction?: FormLabelLabelDirection;
|
|
59
59
|
|
|
@@ -164,7 +164,7 @@ export interface InputMaskedProps
|
|
|
164
164
|
label?: FormLabelText;
|
|
165
165
|
|
|
166
166
|
/**
|
|
167
|
-
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal
|
|
167
|
+
* Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
|
|
168
168
|
*/
|
|
169
169
|
label_direction?: FormLabelLabelDirection;
|
|
170
170
|
|
|
@@ -9,39 +9,39 @@ export interface LogoProps
|
|
|
9
9
|
extends React.HTMLProps<HTMLElement>,
|
|
10
10
|
SpacingProps {
|
|
11
11
|
/**
|
|
12
|
-
* Define the size of the logo. Sets the height. The width will be calculated by the ratio. Also, `inherit` will use the inherited height. Defaults to `auto
|
|
12
|
+
* Define the size of the logo. Sets the height. The width will be calculated by the ratio. Also, `inherit` will use the inherited height. Defaults to `auto`.
|
|
13
13
|
*/
|
|
14
14
|
size?: LogoSize;
|
|
15
15
|
ratio?: LogoRatio;
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
|
-
* Define either the width of the logo
|
|
18
|
+
* Define either the width of the logo.
|
|
19
19
|
*/
|
|
20
20
|
width?: LogoWidth;
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
|
-
* Or define the height of the logo
|
|
23
|
+
* Or define the height of the logo.
|
|
24
24
|
*/
|
|
25
25
|
height?: LogoHeight;
|
|
26
26
|
alt?: string;
|
|
27
27
|
|
|
28
28
|
/**
|
|
29
|
-
* Define the color of the logo
|
|
29
|
+
* Define the color of the logo.
|
|
30
30
|
*/
|
|
31
31
|
color?: IconColor;
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
|
-
* Define which brand's logo to show. `ui` (DNB) or `sbanken`. Defaults to `ui
|
|
34
|
+
* Define which brand's logo to show. `ui` (DNB) or `sbanken`. Defaults to `ui`.
|
|
35
35
|
*/
|
|
36
36
|
brand?: string;
|
|
37
37
|
|
|
38
38
|
/**
|
|
39
|
-
* Define the logo variant, if there is more than one variant of a brand's logo. Currently the only option other than default is a `compact` variant of the Sbanken logo. Defaults to `default
|
|
39
|
+
* Define the logo variant, if there is more than one variant of a brand's logo. Currently the only option other than default is a `compact` variant of the Sbanken logo. Defaults to `default`.
|
|
40
40
|
*/
|
|
41
41
|
variant?: string;
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
|
-
* Set to `true` if you do not want to inherit the color by `currentColor`.
|
|
44
|
+
* Set to `true` if you do not want to inherit the color by `currentColor`. Defaults to `false`.
|
|
45
45
|
*/
|
|
46
46
|
inherit_color?: boolean;
|
|
47
47
|
class?: string;
|
|
@@ -38,7 +38,7 @@ export interface SkeletonProps
|
|
|
38
38
|
aria_ready?: string;
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
|
-
* Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div
|
|
41
|
+
* Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div`.
|
|
42
42
|
*/
|
|
43
43
|
element?: React.ReactNode;
|
|
44
44
|
class?: string;
|
|
@@ -39,11 +39,11 @@ export declare type SliderProps = IncludeSnakeCase<{
|
|
|
39
39
|
subtractTitle?: string;
|
|
40
40
|
/** the minimum value. Defaults to `0`. */
|
|
41
41
|
min?: number;
|
|
42
|
-
/** the maximum value. Defaults to `100
|
|
42
|
+
/** the maximum value. Defaults to `100`. */
|
|
43
43
|
max?: number;
|
|
44
44
|
/** the `value` of the slider as a number. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multible thumbs). */
|
|
45
45
|
value?: ValueTypes;
|
|
46
|
-
/** the steps the slider takes on changing the value. Defaults to `null
|
|
46
|
+
/** the steps the slider takes on changing the value. Defaults to `null`. */
|
|
47
47
|
step?: number;
|
|
48
48
|
/** show the slider vertically. Defaults to `false`. */
|
|
49
49
|
vertical?: boolean;
|