@navikt/ds-react 0.19.3 → 0.19.6
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/_docs.json +282 -282
- package/cjs/alert/Alert.js +4 -4
- package/cjs/read-more/ReadMore.js +1 -2
- package/esm/alert/Alert.js +5 -5
- package/esm/alert/Alert.js.map +1 -1
- package/esm/read-more/ReadMore.js +1 -2
- package/esm/read-more/ReadMore.js.map +1 -1
- package/package.json +4 -4
- package/src/alert/Alert.tsx +8 -8
- package/src/read-more/ReadMore.tsx +3 -3
package/cjs/alert/Alert.js
CHANGED
|
@@ -46,13 +46,13 @@ const Icon = (_a) => {
|
|
|
46
46
|
var { variant } = _a, props = __rest(_a, ["variant"]);
|
|
47
47
|
switch (variant) {
|
|
48
48
|
case "error":
|
|
49
|
-
return react_1.default.createElement(ds_icons_1.
|
|
49
|
+
return react_1.default.createElement(ds_icons_1.ErrorColored, Object.assign({ title: "Feil" }, props));
|
|
50
50
|
case "warning":
|
|
51
|
-
return react_1.default.createElement(ds_icons_1.
|
|
51
|
+
return react_1.default.createElement(ds_icons_1.WarningColored, Object.assign({ title: "Advarsel" }, props));
|
|
52
52
|
case "info":
|
|
53
|
-
return react_1.default.createElement(ds_icons_1.
|
|
53
|
+
return react_1.default.createElement(ds_icons_1.InformationColored, Object.assign({ title: "Informasjon" }, props));
|
|
54
54
|
case "success":
|
|
55
|
-
return react_1.default.createElement(ds_icons_1.
|
|
55
|
+
return react_1.default.createElement(ds_icons_1.SuccessColored, Object.assign({ title: "Suksess" }, props));
|
|
56
56
|
default:
|
|
57
57
|
return null;
|
|
58
58
|
}
|
|
@@ -65,7 +65,6 @@ exports.ReadMore = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
65
65
|
react_1.default.createElement(ds_icons_2.ExpandFilled, { className: "navds-read-more__expand-icon navds-read-more__expand-icon--filled", "aria-hidden": true }),
|
|
66
66
|
react_1.default.createElement("span", null, header)),
|
|
67
67
|
react_1.default.createElement(CollapseComponent, { isOpened: isOpened },
|
|
68
|
-
react_1.default.createElement("div",
|
|
69
|
-
react_1.default.createElement(typography_1.BodyLong, { size: size }, children)))));
|
|
68
|
+
react_1.default.createElement(typography_1.BodyLong, { as: "div", className: "navds-read-more__content", size: size }, children))));
|
|
70
69
|
});
|
|
71
70
|
exports.default = exports.ReadMore;
|
package/esm/alert/Alert.js
CHANGED
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import {
|
|
12
|
+
import { ErrorColored, InformationColored, SuccessColored, WarningColored, } from "@navikt/ds-icons";
|
|
13
13
|
import cl from "classnames";
|
|
14
14
|
import React, { forwardRef } from "react";
|
|
15
15
|
import { BodyLong } from "..";
|
|
@@ -17,13 +17,13 @@ const Icon = (_a) => {
|
|
|
17
17
|
var { variant } = _a, props = __rest(_a, ["variant"]);
|
|
18
18
|
switch (variant) {
|
|
19
19
|
case "error":
|
|
20
|
-
return React.createElement(
|
|
20
|
+
return React.createElement(ErrorColored, Object.assign({ title: "Feil" }, props));
|
|
21
21
|
case "warning":
|
|
22
|
-
return React.createElement(
|
|
22
|
+
return React.createElement(WarningColored, Object.assign({ title: "Advarsel" }, props));
|
|
23
23
|
case "info":
|
|
24
|
-
return React.createElement(
|
|
24
|
+
return React.createElement(InformationColored, Object.assign({ title: "Informasjon" }, props));
|
|
25
25
|
case "success":
|
|
26
|
-
return React.createElement(
|
|
26
|
+
return React.createElement(SuccessColored, Object.assign({ title: "Suksess" }, props));
|
|
27
27
|
default:
|
|
28
28
|
return null;
|
|
29
29
|
}
|
package/esm/alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AA4B9B,MAAM,IAAI,GAAG,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,OAAO;YACV,OAAO,oBAAC,YAAY,kBAAC,KAAK,EAAC,MAAM,IAAK,KAAK,EAAI,CAAC;QAClD,KAAK,SAAS;YACZ,OAAO,oBAAC,cAAc,kBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CAAC;QACxD,KAAK,MAAM;YACT,OAAO,oBAAC,kBAAkB,kBAAC,KAAK,EAAC,aAAa,IAAK,KAAK,EAAI,CAAC;QAC/D,KAAK,SAAS;YACZ,OAAO,oBAAC,cAAc,kBAAC,KAAK,EAAC,SAAS,IAAK,KAAK,EAAI,CAAC;QACvD;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,OAEf,EADI,IAAI,cAPT,mEAQC,CADQ;IAGN,OAAA,CACH,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB,EAAE,yBAAyB,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,EAAE,CACxE;QAED,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,mBAAmB,GAAG;QACxD,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IAC5D,QAAQ,CACA,CACP,CACP,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -36,8 +36,7 @@ export const ReadMore = forwardRef((_a, ref) => {
|
|
|
36
36
|
React.createElement(ExpandFilled, { className: "navds-read-more__expand-icon navds-read-more__expand-icon--filled", "aria-hidden": true }),
|
|
37
37
|
React.createElement("span", null, header)),
|
|
38
38
|
React.createElement(CollapseComponent, { isOpened: isOpened },
|
|
39
|
-
React.createElement("div",
|
|
40
|
-
React.createElement(BodyLong, { size: size }, children)))));
|
|
39
|
+
React.createElement(BodyLong, { as: "div", className: "navds-read-more__content", size: size }, children))));
|
|
41
40
|
});
|
|
42
41
|
export default ReadMore;
|
|
43
42
|
//# sourceMappingURL=ReadMore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAkChD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,uBAAuB,GAAG,KAAK,EAC/B,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cATT,wGAUC,CADQ;IAIT,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,WAAW,CAAC,CAAC;IACvE,MAAM,iBAAiB,GAAG,uBAAuB;QAC/C,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,aAAa,CAAC;IAElB,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC;IAEtC,OAAO,CACL;QACE,8CACE,IAAI,EAAC,QAAQ,IACT,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT;gBACE,uBAAuB,EAAE,QAAQ;gBACjC,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CACF,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,IAAI,IAAI,KAAK,SAAS,EAAE;oBACtB,eAAe,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;iBACtC;gBACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;YACf,CAAC,mBACc,QAAQ,EACvB,GAAG,EAAE,GAAG;YAER,oBAAC,MAAM,IAAC,SAAS,EAAE,8BAA8B,wBAAgB;YACjE,oBAAC,YAAY,IACX,SAAS,EACP,mEAAmE,wBAGrE;YACF,kCAAO,MAAM,CAAQ,CACd;QACT,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ;YACnC,
|
|
1
|
+
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAkChD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,uBAAuB,GAAG,KAAK,EAC/B,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cATT,wGAUC,CADQ;IAIT,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,WAAW,CAAC,CAAC;IACvE,MAAM,iBAAiB,GAAG,uBAAuB;QAC/C,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,aAAa,CAAC;IAElB,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC;IAEtC,OAAO,CACL;QACE,8CACE,IAAI,EAAC,QAAQ,IACT,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT;gBACE,uBAAuB,EAAE,QAAQ;gBACjC,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CACF,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,IAAI,IAAI,KAAK,SAAS,EAAE;oBACtB,eAAe,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;iBACtC;gBACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;YACf,CAAC,mBACc,QAAQ,EACvB,GAAG,EAAE,GAAG;YAER,oBAAC,MAAM,IAAC,SAAS,EAAE,8BAA8B,wBAAgB;YACjE,oBAAC,YAAY,IACX,SAAS,EACP,mEAAmE,wBAGrE;YACF,kCAAO,MAAM,CAAQ,CACd;QACT,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ;YACnC,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAE,IAAI,IAC/D,QAAQ,CACA,CACO,CAChB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "0.19.
|
|
3
|
+
"version": "0.19.6",
|
|
4
4
|
"description": "NAV designsystem react components",
|
|
5
5
|
"author": "NAV Designsystem team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
],
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|
|
14
|
-
"url": "git+https://github.com/navikt/
|
|
14
|
+
"url": "git+https://github.com/navikt/Designsystemet.git"
|
|
15
15
|
},
|
|
16
16
|
"sideEffects": false,
|
|
17
17
|
"main": "./cjs/index.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@floating-ui/react-dom": "0.6.0",
|
|
39
39
|
"@material-ui/core": "^4.12.3",
|
|
40
|
-
"@navikt/ds-icons": "^0.8.
|
|
40
|
+
"@navikt/ds-icons": "^0.8.16",
|
|
41
41
|
"@popperjs/core": "^2.10.1",
|
|
42
42
|
"@radix-ui/react-tabs": "0.1.5",
|
|
43
43
|
"@radix-ui/react-toggle-group": "0.1.5",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"@types/react": "^17.0.30 || ^18.0.0",
|
|
77
77
|
"react": "^17.0.0 || ^18.0.0"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "49c3be36a81dfc393ec6b5acf24f16a186b88418"
|
|
80
80
|
}
|
package/src/alert/Alert.tsx
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
ErrorColored,
|
|
3
|
+
InformationColored,
|
|
4
|
+
SuccessColored,
|
|
5
|
+
WarningColored,
|
|
6
6
|
} from "@navikt/ds-icons";
|
|
7
7
|
import cl from "classnames";
|
|
8
8
|
import React, { forwardRef } from "react";
|
|
@@ -37,13 +37,13 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
37
37
|
const Icon = ({ variant, ...props }) => {
|
|
38
38
|
switch (variant) {
|
|
39
39
|
case "error":
|
|
40
|
-
return <
|
|
40
|
+
return <ErrorColored title="Feil" {...props} />;
|
|
41
41
|
case "warning":
|
|
42
|
-
return <
|
|
42
|
+
return <WarningColored title="Advarsel" {...props} />;
|
|
43
43
|
case "info":
|
|
44
|
-
return <
|
|
44
|
+
return <InformationColored title="Informasjon" {...props} />;
|
|
45
45
|
case "success":
|
|
46
|
-
return <
|
|
46
|
+
return <SuccessColored title="Suksess" {...props} />;
|
|
47
47
|
default:
|
|
48
48
|
return null;
|
|
49
49
|
}
|
|
@@ -93,9 +93,9 @@ export const ReadMore = forwardRef<HTMLButtonElement, ReadMoreProps>(
|
|
|
93
93
|
<span>{header}</span>
|
|
94
94
|
</button>
|
|
95
95
|
<CollapseComponent isOpened={isOpened}>
|
|
96
|
-
<div className="navds-read-more__content">
|
|
97
|
-
|
|
98
|
-
</
|
|
96
|
+
<BodyLong as="div" className="navds-read-more__content" size={size}>
|
|
97
|
+
{children}
|
|
98
|
+
</BodyLong>
|
|
99
99
|
</CollapseComponent>
|
|
100
100
|
</div>
|
|
101
101
|
);
|