@ks-digital/designsystem-react 0.0.1-alpha.2 → 0.0.1-alpha.20
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/README.md +2 -5
- package/dist/README.md +2 -5
- package/dist/components/Details/Details.d.ts +2 -2
- package/dist/components/List/List.d.ts +2 -2
- package/dist/components/Loaders/index.d.ts +1 -1
- package/dist/components/Suggestion/Suggestion.d.ts +2 -2
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +3 -4
- package/dist/index.js +50 -56
- package/dist/package.json +9 -3
- package/package.json +9 -3
- package/dist/components/MultiSuggestion/MultiSuggestion.d.ts +0 -2
package/README.md
CHANGED
|
@@ -17,10 +17,7 @@ pnpm add @ks-digital/designsystem-react @ks-digital/designsystem-themes
|
|
|
17
17
|
Add the Inter font to your `index.html`. This API supports the same parameters as the Google Fonts API, allowing you to customize the font weights as needed:
|
|
18
18
|
|
|
19
19
|
```html
|
|
20
|
-
<link
|
|
21
|
-
href="https://static.fiks.ks.no/googlefonts/googleapis/css2?family=Inter&display=swap"
|
|
22
|
-
rel="stylesheet"
|
|
23
|
-
/>
|
|
20
|
+
<link href="https://static.fiks.ks.no/googlefonts/googleapis/css2?family=Inter&display=swap" rel="stylesheet" />
|
|
24
21
|
```
|
|
25
22
|
|
|
26
23
|
### 2. Import Base Styles and Themes
|
|
@@ -46,4 +43,4 @@ function MyComponent() {
|
|
|
46
43
|
|
|
47
44
|
## Example
|
|
48
45
|
|
|
49
|
-
A complete example setup is available in the `react-demo
|
|
46
|
+
A complete example setup is available in the `react-demo` located under the `apps` folder.
|
package/dist/README.md
CHANGED
|
@@ -17,10 +17,7 @@ pnpm add @ks-digital/designsystem-react @ks-digital/designsystem-themes
|
|
|
17
17
|
Add the Inter font to your `index.html`. This API supports the same parameters as the Google Fonts API, allowing you to customize the font weights as needed:
|
|
18
18
|
|
|
19
19
|
```html
|
|
20
|
-
<link
|
|
21
|
-
href="https://static.fiks.ks.no/googlefonts/googleapis/css2?family=Inter&display=swap"
|
|
22
|
-
rel="stylesheet"
|
|
23
|
-
/>
|
|
20
|
+
<link href="https://static.fiks.ks.no/googlefonts/googleapis/css2?family=Inter&display=swap" rel="stylesheet" />
|
|
24
21
|
```
|
|
25
22
|
|
|
26
23
|
### 2. Import Base Styles and Themes
|
|
@@ -46,4 +43,4 @@ function MyComponent() {
|
|
|
46
43
|
|
|
47
44
|
## Example
|
|
48
45
|
|
|
49
|
-
A complete example setup is available in the `react-demo
|
|
46
|
+
A complete example setup is available in the `react-demo` located under the `apps` folder.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Details, DetailsProps } from '@digdir/designsystemet-react';
|
|
2
|
-
export { Details, DetailsProps };
|
|
1
|
+
import { Details, DetailsContent, DetailsContentProps, DetailsProps, DetailsSummary, DetailsSummaryProps } from '@digdir/designsystemet-react';
|
|
2
|
+
export { Details, DetailsContent, DetailsContentProps, DetailsProps, DetailsSummary, DetailsSummaryProps, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { List, ListOrdered, ListOrderedProps, ListUnordered, ListUnorderedProps
|
|
2
|
-
export { List, ListOrdered, ListOrderedProps, ListUnordered, ListUnorderedProps,
|
|
1
|
+
import { List, ListItem, ListItemProps, ListOrdered, ListOrderedProps, ListUnordered, ListUnorderedProps } from '@digdir/designsystemet-react';
|
|
2
|
+
export { List, ListItem, ListItemProps, ListOrdered, ListOrderedProps, ListUnordered, ListUnorderedProps, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { EXPERIMENTAL_Suggestion,
|
|
2
|
-
export { EXPERIMENTAL_Suggestion,
|
|
1
|
+
import { EXPERIMENTAL_Suggestion, EXPERIMENTAL_SuggestionClear, EXPERIMENTAL_SuggestionEmpty, EXPERIMENTAL_SuggestionInput, EXPERIMENTAL_SuggestionList, EXPERIMENTAL_SuggestionOption, SuggestionClearProps, SuggestionEmptyProps, SuggestionInputProps, SuggestionListProps, SuggestionOptionProps, SuggestionProps } from '@digdir/designsystemet-react';
|
|
2
|
+
export { EXPERIMENTAL_Suggestion, EXPERIMENTAL_SuggestionClear, EXPERIMENTAL_SuggestionEmpty, EXPERIMENTAL_SuggestionInput, EXPERIMENTAL_SuggestionList, EXPERIMENTAL_SuggestionOption, SuggestionClearProps, SuggestionEmptyProps, SuggestionInputProps, SuggestionListProps, SuggestionOptionProps, SuggestionProps, };
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@digdir/designsystemet-react");Object.defineProperty(exports,"Alert",{enumerable:!0,get:()=>e.Alert});Object.defineProperty(exports,"Avatar",{enumerable:!0,get:()=>e.Avatar});Object.defineProperty(exports,"Badge",{enumerable:!0,get:()=>e.Badge});Object.defineProperty(exports,"Breadcrumbs",{enumerable:!0,get:()=>e.Breadcrumbs});Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>e.Button});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>e.Card});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>e.Checkbox});Object.defineProperty(exports,"Chip",{enumerable:!0,get:()=>e.Chip});Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:()=>e.ChipButton});Object.defineProperty(exports,"ChipCheckbox",{enumerable:!0,get:()=>e.ChipCheckbox});Object.defineProperty(exports,"ChipRadio",{enumerable:!0,get:()=>e.ChipRadio});Object.defineProperty(exports,"ChipRemovable",{enumerable:!0,get:()=>e.ChipRemovable});Object.defineProperty(exports,"Details",{enumerable:!0,get:()=>e.Details});Object.defineProperty(exports,"DetailsContent",{enumerable:!0,get:()=>e.DetailsContent});Object.defineProperty(exports,"DetailsSummary",{enumerable:!0,get:()=>e.DetailsSummary});Object.defineProperty(exports,"Dialog",{enumerable:!0,get:()=>e.Dialog});Object.defineProperty(exports,"Divider",{enumerable:!0,get:()=>e.Divider});Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:()=>e.Dropdown});Object.defineProperty(exports,"EXPERIMENTAL_Suggestion",{enumerable:!0,get:()=>e.EXPERIMENTAL_Suggestion});Object.defineProperty(exports,"EXPERIMENTAL_SuggestionClear",{enumerable:!0,get:()=>e.EXPERIMENTAL_SuggestionClear});Object.defineProperty(exports,"EXPERIMENTAL_SuggestionEmpty",{enumerable:!0,get:()=>e.EXPERIMENTAL_SuggestionEmpty});Object.defineProperty(exports,"EXPERIMENTAL_SuggestionInput",{enumerable:!0,get:()=>e.EXPERIMENTAL_SuggestionInput});Object.defineProperty(exports,"EXPERIMENTAL_SuggestionList",{enumerable:!0,get:()=>e.EXPERIMENTAL_SuggestionList});Object.defineProperty(exports,"EXPERIMENTAL_SuggestionOption",{enumerable:!0,get:()=>e.EXPERIMENTAL_SuggestionOption});Object.defineProperty(exports,"ErrorSummary",{enumerable:!0,get:()=>e.ErrorSummary});Object.defineProperty(exports,"Field",{enumerable:!0,get:()=>e.Field});Object.defineProperty(exports,"Fieldset",{enumerable:!0,get:()=>e.Fieldset});Object.defineProperty(exports,"Heading",{enumerable:!0,get:()=>e.Heading});Object.defineProperty(exports,"Input",{enumerable:!0,get:()=>e.Input});Object.defineProperty(exports,"Label",{enumerable:!0,get:()=>e.Label});Object.defineProperty(exports,"Link",{enumerable:!0,get:()=>e.Link});Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List});Object.defineProperty(exports,"ListItem",{enumerable:!0,get:()=>e.ListItem});Object.defineProperty(exports,"ListOrdered",{enumerable:!0,get:()=>e.ListOrdered});Object.defineProperty(exports,"ListUnordered",{enumerable:!0,get:()=>e.ListUnordered});Object.defineProperty(exports,"Pagination",{enumerable:!0,get:()=>e.Pagination});Object.defineProperty(exports,"Paragraph",{enumerable:!0,get:()=>e.Paragraph});Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>e.Popover});Object.defineProperty(exports,"Radio",{enumerable:!0,get:()=>e.Radio});Object.defineProperty(exports,"Search",{enumerable:!0,get:()=>e.Search});Object.defineProperty(exports,"Select",{enumerable:!0,get:()=>e.Select});Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:()=>e.Skeleton});Object.defineProperty(exports,"SkipLink",{enumerable:!0,get:()=>e.SkipLink});Object.defineProperty(exports,"Spinner",{enumerable:!0,get:()=>e.Spinner});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>e.Switch});Object.defineProperty(exports,"Table",{enumerable:!0,get:()=>e.Table});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:()=>e.Tabs});Object.defineProperty(exports,"Tag",{enumerable:!0,get:()=>e.Tag});Object.defineProperty(exports,"Textarea",{enumerable:!0,get:()=>e.Textarea});Object.defineProperty(exports,"Textfield",{enumerable:!0,get:()=>e.Textfield});Object.defineProperty(exports,"ToggleGroup",{enumerable:!0,get:()=>e.ToggleGroup});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:()=>e.Tooltip});Object.defineProperty(exports,"ValidationMessage",{enumerable:!0,get:()=>e.ValidationMessage});
|
package/dist/index.d.ts
CHANGED
|
@@ -13,12 +13,14 @@ export * from './components/Dropdown/Dropdown';
|
|
|
13
13
|
export * from './components/ErrorSummary/ErrorSummary';
|
|
14
14
|
export * from './components/Field/Field';
|
|
15
15
|
export * from './components/Fieldset/Fieldset';
|
|
16
|
+
export * from './components/Heading/Heading';
|
|
16
17
|
export * from './components/Input/Input';
|
|
18
|
+
export * from './components/Label/Label';
|
|
17
19
|
export * from './components/Link/Link';
|
|
18
20
|
export * from './components/List/List';
|
|
19
21
|
export * from './components/Loaders';
|
|
20
|
-
export * from './components/MultiSuggestion/MultiSuggestion';
|
|
21
22
|
export * from './components/Pagination/Pagination';
|
|
23
|
+
export * from './components/Paragraph/Paragraph';
|
|
22
24
|
export * from './components/Popover/Popover';
|
|
23
25
|
export * from './components/Radio/Radio';
|
|
24
26
|
export * from './components/Search/Search';
|
|
@@ -33,7 +35,4 @@ export * from './components/Textarea/Textarea';
|
|
|
33
35
|
export * from './components/Textfield/Textfield';
|
|
34
36
|
export * from './components/ToggleGroup/ToggleGroup';
|
|
35
37
|
export * from './components/Tooltip/Tooltip';
|
|
36
|
-
export * from './components/Paragraph/Paragraph';
|
|
37
38
|
export * from './components/ValidationMessage/ValidationMessage';
|
|
38
|
-
export * from './components/Label/Label';
|
|
39
|
-
export * from './components/Heading/Heading';
|
package/dist/index.js
CHANGED
|
@@ -1,62 +1,56 @@
|
|
|
1
|
-
import "@digdir/designsystemet-
|
|
2
|
-
import { Alert as E, Avatar as o, Badge as g, Breadcrumbs as n, Button as a, Card as u, Checkbox as r, Chip as s, ChipButton as l, ChipCheckbox as p, ChipRadio as L, ChipRemovable as M, Details as S, Dialog as T, Divider as I, Dropdown as d, EXPERIMENTAL_MultiSuggestion as P, EXPERIMENTAL_MultiSuggestionChips as R, EXPERIMENTAL_MultiSuggestionClear as A, EXPERIMENTAL_MultiSuggestionEmpty as N, EXPERIMENTAL_MultiSuggestionInput as X, EXPERIMENTAL_MultiSuggestionList as _, EXPERIMENTAL_MultiSuggestionOption as h, EXPERIMENTAL_Suggestion as C, EXPERIMENTAL_SuggestionClear as m, EXPERIMENTAL_SuggestionEmpty as b, EXPERIMENTAL_SuggestionInput as c, EXPERIMENTAL_SuggestionList as k, EXPERIMENTAL_SuggestionOption as x, ErrorSummary as v, Field as B, Fieldset as D, Heading as y, Input as O, Label as f, Link as w, List as F, ListItem as G, ListOrdered as H, ListUnordered as U, Pagination as V, Paragraph as j, Popover as q, Radio as z, Search as J, Select as K, Skeleton as Q, SkipLink as W, Spinner as Y, Switch as Z, Table as $, Tabs as ii, Tag as ti, Textarea as ei, Textfield as Ei, ToggleGroup as oi, Tooltip as gi, ValidationMessage as ni } from "@digdir/designsystemet-react";
|
|
1
|
+
import { Alert as t, Avatar as a, Badge as o, Breadcrumbs as r, Button as n, Card as g, Checkbox as E, Chip as s, ChipButton as l, ChipCheckbox as p, ChipRadio as d, ChipRemovable as u, Details as L, DetailsContent as S, DetailsSummary as T, Dialog as h, Divider as C, Dropdown as m, EXPERIMENTAL_Suggestion as I, EXPERIMENTAL_SuggestionClear as P, EXPERIMENTAL_SuggestionEmpty as R, EXPERIMENTAL_SuggestionInput as A, EXPERIMENTAL_SuggestionList as b, EXPERIMENTAL_SuggestionOption as M, ErrorSummary as c, Field as k, Fieldset as D, Heading as N, Input as X, Label as _, Link as x, List as v, ListItem as B, ListOrdered as y, ListUnordered as f, Pagination as w, Paragraph as F, Popover as O, Radio as G, Search as H, Select as U, Skeleton as V, SkipLink as j, Spinner as q, Switch as z, Table as J, Tabs as K, Tag as Q, Textarea as W, Textfield as Y, ToggleGroup as Z, Tooltip as $, ValidationMessage as ee } from "@digdir/designsystemet-react";
|
|
3
2
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
t as Alert,
|
|
4
|
+
a as Avatar,
|
|
5
|
+
o as Badge,
|
|
6
|
+
r as Breadcrumbs,
|
|
7
|
+
n as Button,
|
|
8
|
+
g as Card,
|
|
9
|
+
E as Checkbox,
|
|
11
10
|
s as Chip,
|
|
12
11
|
l as ChipButton,
|
|
13
12
|
p as ChipCheckbox,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
c as EXPERIMENTAL_SuggestionInput,
|
|
31
|
-
k as EXPERIMENTAL_SuggestionList,
|
|
32
|
-
x as EXPERIMENTAL_SuggestionOption,
|
|
33
|
-
v as ErrorSummary,
|
|
34
|
-
B as Field,
|
|
13
|
+
d as ChipRadio,
|
|
14
|
+
u as ChipRemovable,
|
|
15
|
+
L as Details,
|
|
16
|
+
S as DetailsContent,
|
|
17
|
+
T as DetailsSummary,
|
|
18
|
+
h as Dialog,
|
|
19
|
+
C as Divider,
|
|
20
|
+
m as Dropdown,
|
|
21
|
+
I as EXPERIMENTAL_Suggestion,
|
|
22
|
+
P as EXPERIMENTAL_SuggestionClear,
|
|
23
|
+
R as EXPERIMENTAL_SuggestionEmpty,
|
|
24
|
+
A as EXPERIMENTAL_SuggestionInput,
|
|
25
|
+
b as EXPERIMENTAL_SuggestionList,
|
|
26
|
+
M as EXPERIMENTAL_SuggestionOption,
|
|
27
|
+
c as ErrorSummary,
|
|
28
|
+
k as Field,
|
|
35
29
|
D as Fieldset,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
30
|
+
N as Heading,
|
|
31
|
+
X as Input,
|
|
32
|
+
_ as Label,
|
|
33
|
+
x as Link,
|
|
34
|
+
v as List,
|
|
35
|
+
B as ListItem,
|
|
36
|
+
y as ListOrdered,
|
|
37
|
+
f as ListUnordered,
|
|
38
|
+
w as Pagination,
|
|
39
|
+
F as Paragraph,
|
|
40
|
+
O as Popover,
|
|
41
|
+
G as Radio,
|
|
42
|
+
H as Search,
|
|
43
|
+
U as Select,
|
|
44
|
+
V as Skeleton,
|
|
45
|
+
j as SkipLink,
|
|
46
|
+
q as Spinner,
|
|
47
|
+
z as Switch,
|
|
48
|
+
J as Table,
|
|
49
|
+
K as Tabs,
|
|
50
|
+
Q as Tag,
|
|
51
|
+
W as Textarea,
|
|
52
|
+
Y as Textfield,
|
|
53
|
+
Z as ToggleGroup,
|
|
54
|
+
$ as Tooltip,
|
|
55
|
+
ee as ValidationMessage
|
|
62
56
|
};
|
package/dist/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"url": "https://github.com/ks-no/designsystem.git",
|
|
6
6
|
"directory": "packages/react"
|
|
7
7
|
},
|
|
8
|
-
"version": "0.0.1-alpha.
|
|
8
|
+
"version": "0.0.1-alpha.20",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"private": false,
|
|
11
11
|
"publishConfig": {
|
|
@@ -25,10 +25,16 @@
|
|
|
25
25
|
"./dist"
|
|
26
26
|
],
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@digdir/designsystemet-
|
|
29
|
-
"@digdir/designsystemet-react": "1.0.5",
|
|
28
|
+
"@digdir/designsystemet-react": "1.5.1",
|
|
30
29
|
"@navikt/aksel-icons": "^7.21.1"
|
|
31
30
|
},
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"@testing-library/react": "16.1.0",
|
|
33
|
+
"@vitejs/plugin-react-swc": "^3.9.0",
|
|
34
|
+
"eslint-plugin-jsx-a11y": "6.10.1",
|
|
35
|
+
"eslint-plugin-react": "7.35.0",
|
|
36
|
+
"eslint-plugin-react-hooks": "5.0.0"
|
|
37
|
+
},
|
|
32
38
|
"peerDependencies": {
|
|
33
39
|
"react": ">=18.3.1",
|
|
34
40
|
"react-dom": ">=18.3.1"
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"url": "https://github.com/ks-no/designsystem.git",
|
|
6
6
|
"directory": "packages/react"
|
|
7
7
|
},
|
|
8
|
-
"version": "0.0.1-alpha.
|
|
8
|
+
"version": "0.0.1-alpha.20",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"private": false,
|
|
11
11
|
"publishConfig": {
|
|
@@ -25,10 +25,16 @@
|
|
|
25
25
|
"./dist"
|
|
26
26
|
],
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@digdir/designsystemet-
|
|
29
|
-
"@digdir/designsystemet-react": "1.0.5",
|
|
28
|
+
"@digdir/designsystemet-react": "1.5.1",
|
|
30
29
|
"@navikt/aksel-icons": "^7.21.1"
|
|
31
30
|
},
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"@testing-library/react": "16.1.0",
|
|
33
|
+
"@vitejs/plugin-react-swc": "^3.9.0",
|
|
34
|
+
"eslint-plugin-jsx-a11y": "6.10.1",
|
|
35
|
+
"eslint-plugin-react": "7.35.0",
|
|
36
|
+
"eslint-plugin-react-hooks": "5.0.0"
|
|
37
|
+
},
|
|
32
38
|
"peerDependencies": {
|
|
33
39
|
"react": ">=18.3.1",
|
|
34
40
|
"react-dom": ">=18.3.1"
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { EXPERIMENTAL_MultiSuggestion, EXPERIMENTAL_MultiSuggestionInput, EXPERIMENTAL_MultiSuggestionList, EXPERIMENTAL_MultiSuggestionOption, EXPERIMENTAL_MultiSuggestionChips, EXPERIMENTAL_MultiSuggestionEmpty, EXPERIMENTAL_MultiSuggestionClear, MultiSuggestionProps, MultiSuggestionInputProps, MultiSuggestionListProps, MultiSuggestionOptionProps, MultiSuggestionChipsProps, MultiSuggestionEmptyProps, MultiSuggestionClearProps } from '@digdir/designsystemet-react';
|
|
2
|
-
export { EXPERIMENTAL_MultiSuggestion, EXPERIMENTAL_MultiSuggestionInput, EXPERIMENTAL_MultiSuggestionList, EXPERIMENTAL_MultiSuggestionOption, EXPERIMENTAL_MultiSuggestionChips, EXPERIMENTAL_MultiSuggestionEmpty, EXPERIMENTAL_MultiSuggestionClear, MultiSuggestionProps, MultiSuggestionInputProps, MultiSuggestionListProps, MultiSuggestionOptionProps, MultiSuggestionChipsProps, MultiSuggestionEmptyProps, MultiSuggestionClearProps, };
|