@navikt/ds-react 0.17.10 → 0.17.11
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.
|
@@ -51,8 +51,8 @@ const HelpText = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
51
51
|
react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (e) => {
|
|
52
52
|
setOpen((x) => !x);
|
|
53
53
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
54
|
-
}, className: (0, classnames_1.default)(className, "navds-help-text__button"), type: "button", "aria-expanded": open
|
|
55
|
-
react_1.default.createElement(ds_icons_1.Helptext, { className: "navds-help-text__icon",
|
|
54
|
+
}, className: (0, classnames_1.default)(className, "navds-help-text__button"), type: "button", "aria-expanded": open }),
|
|
55
|
+
react_1.default.createElement(ds_icons_1.Helptext, { className: "navds-help-text__icon", title: title })),
|
|
56
56
|
react_1.default.createElement(__1.Popover, { onClose: () => setOpen(false), className: "navds-help-text__popover", open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy },
|
|
57
57
|
react_1.default.createElement(__1.Popover.Content, { className: "navds-body-short" }, children))));
|
|
58
58
|
});
|
|
@@ -23,8 +23,8 @@ const HelpText = forwardRef((_a, ref) => {
|
|
|
23
23
|
React.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (e) => {
|
|
24
24
|
setOpen((x) => !x);
|
|
25
25
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
26
|
-
}, className: cl(className, "navds-help-text__button"), type: "button", "aria-expanded": open
|
|
27
|
-
React.createElement(HelpTextIcon, { className: "navds-help-text__icon",
|
|
26
|
+
}, className: cl(className, "navds-help-text__button"), type: "button", "aria-expanded": open }),
|
|
27
|
+
React.createElement(HelpTextIcon, { className: "navds-help-text__icon", title: title })),
|
|
28
28
|
React.createElement(Popover, { onClose: () => setOpen(false), className: "navds-help-text__popover", open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy },
|
|
29
29
|
React.createElement(Popover.Content, { className: "navds-body-short" }, children))));
|
|
30
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAgB,MAAM,IAAI,CAAC;AAW3C,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,UAAU,EACrB,KAAK,GAAG,OAAO,EACf,OAAO,OAER,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,gDACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;YACf,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI
|
|
1
|
+
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAgB,MAAM,IAAI,CAAC;AAW3C,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,UAAU,EACrB,KAAK,GAAG,OAAO,EACf,OAAO,OAER,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,gDACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;YACf,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;YAEnB,oBAAC,YAAY,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,KAAK,GAAI,CACzD;QACT,oBAAC,OAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ;YAElB,oBAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,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.17.
|
|
3
|
+
"version": "0.17.11",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "NAV designsystem react components",
|
|
6
6
|
"author": "NAV Designsystem team",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"@types/react": "^17.0.30",
|
|
68
68
|
"react": "^17.0.0"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "62ba36ae0944d7db43a265b24b24040322f0366f"
|
|
71
71
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
.navds-story-cell {
|
|
2
|
-
border-radius:
|
|
2
|
+
border-radius: var(--navds-border-radius-medium);
|
|
3
3
|
background: white;
|
|
4
4
|
padding: 1rem;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
.navds-story-content-container {
|
|
8
8
|
display: flex;
|
|
9
|
-
border-radius:
|
|
9
|
+
border-radius: var(--navds-border-radius-medium);
|
|
10
10
|
justify-content: center;
|
|
11
11
|
align-items: center;
|
|
12
12
|
margin-bottom: 1.5rem;
|
|
@@ -42,9 +42,8 @@ const HelpText = forwardRef<HTMLButtonElement, HelpTextProps>(
|
|
|
42
42
|
className={cl(className, "navds-help-text__button")}
|
|
43
43
|
type="button"
|
|
44
44
|
aria-expanded={open}
|
|
45
|
-
title={title}
|
|
46
45
|
>
|
|
47
|
-
<HelpTextIcon className="navds-help-text__icon"
|
|
46
|
+
<HelpTextIcon className="navds-help-text__icon" title={title} />
|
|
48
47
|
</button>
|
|
49
48
|
<Popover
|
|
50
49
|
onClose={() => setOpen(false)}
|