@navikt/ds-react 7.11.0 → 7.12.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.
- package/cjs/chips/Toggle.js +2 -2
- package/cjs/chips/Toggle.js.map +1 -1
- package/cjs/copybutton/CopyButton.d.ts +2 -11
- package/cjs/copybutton/CopyButton.js +16 -4
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/internal-header/InternalHeader.js +1 -1
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/list/{ListItem.d.ts → List.Item.d.ts} +1 -1
- package/cjs/list/{ListItem.js → List.Item.js} +3 -3
- package/cjs/list/List.Item.js.map +1 -0
- package/{esm/list/context.d.ts → cjs/list/List.context.d.ts} +1 -1
- package/cjs/list/{context.js → List.context.js} +1 -1
- package/cjs/list/List.context.js.map +1 -0
- package/cjs/list/List.d.ts +2 -2
- package/cjs/list/List.js +19 -5
- package/cjs/list/List.js.map +1 -1
- package/cjs/list/{types.d.ts → List.types.d.ts} +3 -0
- package/cjs/list/{types.js → List.types.js} +1 -1
- package/cjs/list/List.types.js.map +1 -0
- package/cjs/list/index.d.ts +2 -2
- package/cjs/list/index.js +2 -2
- package/cjs/list/index.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js +2 -2
- package/cjs/table/ColumnHeader.js +1 -1
- package/cjs/table/ColumnHeader.js.map +1 -1
- package/esm/chips/Toggle.js +2 -2
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/copybutton/CopyButton.d.ts +2 -11
- package/esm/copybutton/CopyButton.js +16 -4
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/internal-header/InternalHeader.js +1 -1
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/list/{ListItem.d.ts → List.Item.d.ts} +1 -1
- package/esm/list/{ListItem.js → List.Item.js} +2 -2
- package/esm/list/List.Item.js.map +1 -0
- package/{cjs/list/context.d.ts → esm/list/List.context.d.ts} +1 -1
- package/esm/list/{context.js → List.context.js} +1 -1
- package/esm/list/List.context.js.map +1 -0
- package/esm/list/List.d.ts +2 -2
- package/esm/list/List.js +16 -2
- package/esm/list/List.js.map +1 -1
- package/esm/list/{types.d.ts → List.types.d.ts} +3 -0
- package/esm/list/List.types.js +2 -0
- package/esm/list/List.types.js.map +1 -0
- package/esm/list/index.d.ts +2 -2
- package/esm/list/index.js +1 -1
- package/esm/list/index.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.js +2 -2
- package/esm/table/ColumnHeader.js +2 -2
- package/esm/table/ColumnHeader.js.map +1 -1
- package/package.json +14 -4
- package/src/chips/Toggle.tsx +2 -2
- package/src/copybutton/CopyButton.tsx +43 -14
- package/src/internal-header/InternalHeader.tsx +1 -1
- package/src/list/{ListItem.tsx → List.Item.tsx} +2 -2
- package/src/list/{context.ts → List.context.ts} +1 -1
- package/src/list/List.tsx +37 -3
- package/src/list/{types.ts → List.types.ts} +3 -0
- package/src/list/index.ts +2 -2
- package/src/overlays/action-menu/ActionMenu.tsx +2 -2
- package/src/table/ColumnHeader.tsx +4 -4
- package/src/tag/Tag.tsx +6 -6
- package/cjs/list/ListItem.js.map +0 -1
- package/cjs/list/context.js.map +0 -1
- package/cjs/list/types.js.map +0 -1
- package/esm/list/ListItem.js.map +0 -1
- package/esm/list/context.js.map +0 -1
- package/esm/list/types.js +0 -2
- package/esm/list/types.js.map +0 -1
package/cjs/chips/Toggle.js
CHANGED
|
@@ -46,8 +46,8 @@ exports.ToggleChips = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
46
46
|
checkmark && (react_1.default.createElement("svg", { "aria-hidden": true, className: "navds-chips__toggle-icon", width: "1.25em", height: "1.25em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img" }, selected ? (react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18.125C14.4873 18.125 18.125 14.4873 18.125 10C18.125 5.51269 14.4873 1.875 10 1.875C5.51269 1.875 1.875 5.51269 1.875 10C1.875 14.4873 5.51269 18.125 10 18.125ZM14.128 7.72904C14.3695 7.44357 14.3339 7.01635 14.0485 6.7748C13.763 6.53326 13.3358 6.56886 13.0942 6.85432L8.60428 12.1606L6.41627 9.97263C6.15185 9.70822 5.72315 9.70822 5.45873 9.97263C5.19431 10.2371 5.19431 10.6658 5.45873 10.9302L8.16706 13.6385C8.30095 13.7724 8.48479 13.8441 8.67397 13.8362C8.86316 13.8284 9.0404 13.7416 9.16271 13.5971L14.128 7.72904Z", fill: "currentColor" })) : (react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10Z",
|
|
47
47
|
/* After removing old fallbacks, change to currentColor */
|
|
48
48
|
fill: `var(${variant === "action"
|
|
49
|
-
? "--ax-text-accent
|
|
50
|
-
: "--ax-text-
|
|
49
|
+
? "--ax-text-accent"
|
|
50
|
+
: "--ax-text-neutral"}, var(--ac-chip-toggle-circle-border, var(--a-border-default)))` })))),
|
|
51
51
|
react_1.default.createElement("span", { className: "navds-chips__chip-text" }, children)));
|
|
52
52
|
});
|
|
53
53
|
exports.default = exports.ToggleChips;
|
package/cjs/chips/Toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAsB7B,QAAA,WAAW,GAGpB,IAAA,kBAAU,EACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,IAAI,EAChB,EAAE,EAAE,SAAS,GAAG,QAAQ,OAEzB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,uCAAuC,EACvC,SAAS,EACT,wBAAwB,OAAO,EAAE,EACjC,EAAE,qCAAqC,EAAE,SAAS,EAAE,CACrD,kBACa,QAAQ,kBACR,QAAQ;QAErB,SAAS,IAAI,CACZ,4DAEE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,IAET,QAAQ,CAAC,CAAC,CAAC,CACV,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,GACnB,CACH,CAAC,CAAC,CAAC,CACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU;YACxU,0DAA0D;YAC1D,IAAI,EAAE,OACJ,OAAO,KAAK,QAAQ;gBAClB,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAsB7B,QAAA,WAAW,GAGpB,IAAA,kBAAU,EACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,IAAI,EAChB,EAAE,EAAE,SAAS,GAAG,QAAQ,OAEzB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,uCAAuC,EACvC,SAAS,EACT,wBAAwB,OAAO,EAAE,EACjC,EAAE,qCAAqC,EAAE,SAAS,EAAE,CACrD,kBACa,QAAQ,kBACR,QAAQ;QAErB,SAAS,IAAI,CACZ,4DAEE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,IAET,QAAQ,CAAC,CAAC,CAAC,CACV,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,GACnB,CACH,CAAC,CAAC,CAAC,CACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU;YACxU,0DAA0D;YAC1D,IAAI,EAAE,OACJ,OAAO,KAAK,QAAQ;gBAClB,CAAC,CAAC,kBAAkB;gBACpB,CAAC,CAAC,mBACN,iEAAiE,GACjE,CACH,CACG,CACP;QACD,wCAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ,CAChD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,mBAAW,CAAC"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import React, { ButtonHTMLAttributes } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
* `"xsmall"` should _only_ be used in tables.
|
|
5
|
-
* @default "medium"
|
|
6
|
-
*/
|
|
7
|
-
size?: "medium" | "small" | "xsmall";
|
|
2
|
+
import { ButtonProps } from "../button";
|
|
3
|
+
export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">, Pick<ButtonProps, "iconPosition" | "size"> {
|
|
8
4
|
/**
|
|
9
5
|
* @default "neutral"
|
|
10
6
|
*/
|
|
@@ -49,11 +45,6 @@ export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
|
|
|
49
45
|
* @default "Kopier"
|
|
50
46
|
*/
|
|
51
47
|
title?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Icon position in button.
|
|
54
|
-
* @default "left"
|
|
55
|
-
*/
|
|
56
|
-
iconPosition?: "left" | "right";
|
|
57
48
|
}
|
|
58
49
|
/**
|
|
59
50
|
* A button component that copies text to the clipboard when clicked.
|
|
@@ -41,6 +41,8 @@ exports.CopyButton = void 0;
|
|
|
41
41
|
const clsx_1 = __importDefault(require("clsx"));
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
44
|
+
const button_1 = require("../button");
|
|
45
|
+
const Theme_1 = require("../theme/Theme");
|
|
44
46
|
const typography_1 = require("../typography");
|
|
45
47
|
const composeEventHandlers_1 = require("../util/composeEventHandlers");
|
|
46
48
|
const copy_1 = __importDefault(require("../util/copy"));
|
|
@@ -57,10 +59,11 @@ const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
|
|
|
57
59
|
* ```
|
|
58
60
|
*/
|
|
59
61
|
exports.CopyButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
60
|
-
var { className, copyText, text, activeText, variant = "neutral",
|
|
62
|
+
var { className, copyText, text, activeText, variant = "neutral", onActiveChange, icon, activeIcon, activeDuration = 2000, title, iconPosition = "left", onClick, size = "medium" } = _a, rest = __rest(_a, ["className", "copyText", "text", "activeText", "variant", "onActiveChange", "icon", "activeIcon", "activeDuration", "title", "iconPosition", "onClick", "size"]);
|
|
61
63
|
const [active, setActive] = (0, react_1.useState)(false);
|
|
62
64
|
const timeoutRef = (0, react_1.useRef)();
|
|
63
65
|
const translate = (0, i18n_hooks_1.useI18n)("CopyButton");
|
|
66
|
+
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
64
67
|
(0, react_1.useEffect)(() => {
|
|
65
68
|
return () => {
|
|
66
69
|
timeoutRef.current && clearTimeout(timeoutRef.current);
|
|
@@ -77,9 +80,12 @@ exports.CopyButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
77
80
|
}, activeDuration);
|
|
78
81
|
};
|
|
79
82
|
const activeString = activeText || translate("activeText");
|
|
80
|
-
const copyIcon = (react_1.default.createElement(
|
|
81
|
-
? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (react_1.default.createElement(aksel_icons_1.CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeString }))
|
|
82
|
-
: icon !== null && icon !== void 0 ? icon : (react_1.default.createElement(aksel_icons_1.FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title || translate("title") }))));
|
|
83
|
+
const copyIcon = (react_1.default.createElement(LegacyIconWrapper, { useLegacy: !themeContext }, active
|
|
84
|
+
? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (react_1.default.createElement(aksel_icons_1.CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeString, className: themeContext ? "navds-copybutton__icon" : undefined }))
|
|
85
|
+
: icon !== null && icon !== void 0 ? icon : (react_1.default.createElement(aksel_icons_1.FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title || translate("title"), className: themeContext ? "navds-copybutton__icon" : undefined }))));
|
|
86
|
+
if (themeContext) {
|
|
87
|
+
return (react_1.default.createElement(button_1.Button, Object.assign({ ref: ref, type: "button", className: (0, clsx_1.default)("navds-copybutton", className) }, rest, { variant: variant === "action" ? "tertiary" : "tertiary-neutral", onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleClick), iconPosition: iconPosition, icon: copyIcon, "data-active": active, size: size }), text ? (active ? activeString : text) : null));
|
|
88
|
+
}
|
|
83
89
|
return (react_1.default.createElement("button", Object.assign({ ref: ref, type: "button" }, rest, { className: (0, clsx_1.default)("navds-copybutton", className, `navds-copybutton--${size}`, `navds-copybutton--${variant}`, {
|
|
84
90
|
"navds-copybutton--icon-only": !text,
|
|
85
91
|
"navds-copybutton--icon-right": iconPosition === "right",
|
|
@@ -90,5 +96,11 @@ exports.CopyButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
90
96
|
text && (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small" }, active ? activeString : text)),
|
|
91
97
|
iconPosition === "right" && copyIcon)));
|
|
92
98
|
});
|
|
99
|
+
function LegacyIconWrapper({ children, useLegacy, }) {
|
|
100
|
+
if (!useLegacy) {
|
|
101
|
+
return children;
|
|
102
|
+
}
|
|
103
|
+
return react_1.default.createElement("span", { className: "navds-copybutton__icon" }, children);
|
|
104
|
+
}
|
|
93
105
|
exports.default = exports.CopyButton;
|
|
94
106
|
//# sourceMappingURL=CopyButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAMe;AACf,qDAA+D;AAC/D,8CAAsC;AACtC,uEAAoE;AACpE,wDAAgC;AAChC,wDAAkD;
|
|
1
|
+
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -80,7 +80,7 @@ exports.InternalHeader = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
80
80
|
* Component is always in "dark" mode, so we manually override global theme.
|
|
81
81
|
*/
|
|
82
82
|
if (themeContext) {
|
|
83
|
-
return (react_1.default.createElement(Theme_1.Theme, { theme: "dark", asChild: true },
|
|
83
|
+
return (react_1.default.createElement(Theme_1.Theme, { theme: "dark", asChild: true, hasBackground: false },
|
|
84
84
|
react_1.default.createElement("header", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-internalheader", className) }))));
|
|
85
85
|
}
|
|
86
86
|
return (react_1.default.createElement("header", Object.assign({ "data-theme": "dark" }, rest, { ref: ref, className: (0, clsx_1.default)("navds-internalheader", className) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAC1D,0CAAyD;AAEzD,kFAEgC;AAChC,gFAE+B;AAC/B,8EAE8B;AAC9B,0FAEoC;AAoCpC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACU,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAC5D,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAE7C;;OAEG;IACH,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO;
|
|
1
|
+
{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAC1D,0CAAyD;AAEzD,kFAEgC;AAChC,gFAE+B;AAC/B,8EAE8B;AAC9B,0FAEoC;AAoCpC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACU,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAC5D,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAE7C;;OAEG;IACH,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,QAAC,aAAa,EAAE,KAAK;YAC9C,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACI,CACT,CAAC;IACJ,CAAC;IAED,OAAO,CACL,sEACa,MAAM,IACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACH,CAAC;AACJ,CAAC,CAA4B,CAAC;AAE9B,sBAAc,CAAC,KAAK,GAAG,6BAAmB,CAAC;AAC3C,sBAAc,CAAC,IAAI,GAAG,4BAAkB,CAAC;AACzC,sBAAc,CAAC,MAAM,GAAG,8BAAoB,CAAC;AAC7C,sBAAc,CAAC,UAAU,GAAG,kCAAwB,CAAC;AAErD,kBAAe,sBAAc,CAAC"}
|
|
@@ -41,13 +41,13 @@ exports.ListItem = void 0;
|
|
|
41
41
|
const clsx_1 = __importDefault(require("clsx"));
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const typography_1 = require("../typography");
|
|
44
|
-
const
|
|
44
|
+
const List_context_1 = require("./List.context");
|
|
45
45
|
/**
|
|
46
46
|
* @see 🏷️ {@link ListItemProps}
|
|
47
47
|
*/
|
|
48
48
|
exports.ListItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
49
49
|
var { className, children, title, icon } = _a, rest = __rest(_a, ["className", "children", "title", "icon"]);
|
|
50
|
-
const { listType, size } = (0, react_1.useContext)(
|
|
50
|
+
const { listType, size } = (0, react_1.useContext)(List_context_1.ListContext);
|
|
51
51
|
if (listType === "ol" && icon) {
|
|
52
52
|
console.warn("<List />: Icon prop is not supported for ordered lists. Please remove the icon prop.");
|
|
53
53
|
}
|
|
@@ -63,4 +63,4 @@ exports.ListItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
63
63
|
});
|
|
64
64
|
exports.ListItem.displayName = "List.Item";
|
|
65
65
|
exports.default = exports.ListItem;
|
|
66
|
-
//# sourceMappingURL=
|
|
66
|
+
//# sourceMappingURL=List.Item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.Item.js","sourceRoot":"","sources":["../../src/list/List.Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,8CAAyC;AACzC,iDAA6C;AAG7C;;GAEG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IAEnD,IAAI,QAAQ,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,sFAAsF,CACvF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,sDAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC;QACjE,QAAQ,KAAK,IAAI,IAAI,CACpB,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,+BAA+B,EAAE,IAAI;gBACrC,iCAAiC,EAAE,CAAC,IAAI;aACzC,CAAC,IAED,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,uCACE,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,UAAU,EACjB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,wCAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CACpD,CACP,CACG,CACP;QAED;YACG,KAAK,IAAI,CACR,8BAAC,qBAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,IAC3C,KAAK,CACG,CACZ;YACA,QAAQ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,kBAAe,gBAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.context.js","sourceRoot":"","sources":["../../src/list/List.context.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAQzB,QAAA,WAAW,GAAG,IAAA,qBAAa,EAAmB;IACzD,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,QAAQ;CACf,CAAC,CAAC"}
|
package/cjs/list/List.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ListItem } from "./
|
|
3
|
-
import type { ListProps } from "./types";
|
|
2
|
+
import { ListItem } from "./List.Item";
|
|
3
|
+
import type { ListProps } from "./List.types";
|
|
4
4
|
export interface ListComponent extends React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>> {
|
|
5
5
|
/**
|
|
6
6
|
* @see 🏷️ {@link ListItemProps}
|
package/cjs/list/List.js
CHANGED
|
@@ -40,9 +40,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
40
40
|
exports.List = void 0;
|
|
41
41
|
const clsx_1 = __importDefault(require("clsx"));
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
|
+
const Theme_1 = require("../theme/Theme");
|
|
43
44
|
const typography_1 = require("../typography");
|
|
44
|
-
const
|
|
45
|
-
const
|
|
45
|
+
const List_Item_1 = require("./List.Item");
|
|
46
|
+
const List_context_1 = require("./List.context");
|
|
46
47
|
const headingSizeMap = {
|
|
47
48
|
small: "xsmall",
|
|
48
49
|
medium: "small",
|
|
@@ -65,9 +66,22 @@ const headingSizeMap = {
|
|
|
65
66
|
*/
|
|
66
67
|
exports.List = (0, react_1.forwardRef)((_a, ref) => {
|
|
67
68
|
var { children, className, as: ListTag = "ul", title, description, headingTag = "h3", size } = _a, rest = __rest(_a, ["children", "className", "as", "title", "description", "headingTag", "size"]);
|
|
68
|
-
const { size: contextSize } = (0, react_1.useContext)(
|
|
69
|
+
const { size: contextSize } = (0, react_1.useContext)(List_context_1.ListContext);
|
|
70
|
+
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
69
71
|
const listSize = size !== null && size !== void 0 ? size : contextSize;
|
|
70
|
-
|
|
72
|
+
if (themeContext) {
|
|
73
|
+
if (process.env.NODE_ENV !== "production" &&
|
|
74
|
+
(title || description || headingTag)) {
|
|
75
|
+
console.warn("List: title, description and headingTag are deprecated and will not work with updated theme for Aksel.");
|
|
76
|
+
}
|
|
77
|
+
return (react_1.default.createElement(List_context_1.ListContext.Provider, { value: {
|
|
78
|
+
listType: ListTag,
|
|
79
|
+
size: listSize,
|
|
80
|
+
} },
|
|
81
|
+
react_1.default.createElement(typography_1.BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: (0, clsx_1.default)("navds-list", `navds-list--${listSize}`, className) }),
|
|
82
|
+
react_1.default.createElement(ListTag, { role: "list" }, children))));
|
|
83
|
+
}
|
|
84
|
+
return (react_1.default.createElement(List_context_1.ListContext.Provider, { value: {
|
|
71
85
|
listType: ListTag,
|
|
72
86
|
size: listSize,
|
|
73
87
|
} },
|
|
@@ -76,6 +90,6 @@ exports.List = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
76
90
|
description && react_1.default.createElement(typography_1.BodyShort, { size: listSize }, description),
|
|
77
91
|
react_1.default.createElement(ListTag, { role: "list" }, children))));
|
|
78
92
|
});
|
|
79
|
-
exports.List.Item =
|
|
93
|
+
exports.List.Item = List_Item_1.ListItem;
|
|
80
94
|
exports.default = exports.List;
|
|
81
95
|
//# sourceMappingURL=List.js.map
|
package/cjs/list/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,8CAA2E;AAC3E,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,0CAAkD;AAClD,8CAA2E;AAC3E,2CAAuC;AACvC,iDAA6C;AAI7C,MAAM,cAAc,GAGhB;IACF,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,KAAK,EACL,WAAW,EACX,UAAU,GAAG,IAAI,EACjB,IAAI,OAEL,EADI,IAAI,cART,6EASC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,IAAI,YAAY,EAAE,CAAC;QACjB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACrC,CAAC,KAAK,IAAI,WAAW,IAAI,UAAU,CAAC,EACpC,CAAC;YACD,OAAO,CAAC,IAAI,CACV,wGAAwG,CACzG,CAAC;QACJ,CAAC;QAED,OAAO,CACL,8BAAC,0BAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,IAAI,EAAE,QAAQ;aACf;YAED,8BAAC,qBAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;gBAEjE,8BAAC,OAAO,IAAC,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAW,CAChC,CACU,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,0BAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,8BAAC,qBAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;YAEhE,KAAK,IAAI,CACR,8BAAC,oBAAO,IAAC,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,UAAU,IACpD,KAAK,CACE,CACX;YACA,WAAW,IAAI,8BAAC,sBAAS,IAAC,IAAI,EAAE,QAAQ,IAAG,WAAW,CAAa;YACpE,8BAAC,OAAO,IAAC,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAW,CAChC,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,YAAI,CAAC,IAAI,GAAG,oBAAQ,CAAC;AAErB,kBAAe,YAAI,CAAC"}
|
|
@@ -7,15 +7,18 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
as?: "ul" | "ol";
|
|
8
8
|
/**
|
|
9
9
|
* List heading title.
|
|
10
|
+
* @deprecated Prop will be removed in future versions.
|
|
10
11
|
*/
|
|
11
12
|
title?: string;
|
|
12
13
|
/**
|
|
13
14
|
* List heading description.
|
|
15
|
+
* @deprecated Prop will be removed in future versions.
|
|
14
16
|
*/
|
|
15
17
|
description?: string;
|
|
16
18
|
/**
|
|
17
19
|
* Allows setting a different HTML h-tag.
|
|
18
20
|
* @default "h3"
|
|
21
|
+
* @deprecated Prop will be removed in future versions.
|
|
19
22
|
*/
|
|
20
23
|
headingTag?: React.ElementType<any>;
|
|
21
24
|
/**
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.types.js","sourceRoot":"","sources":["../../src/list/List.types.ts"],"names":[],"mappings":""}
|
package/cjs/list/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as List } from "./List";
|
|
2
|
-
export type { ListProps, ListItemProps } from "./types";
|
|
3
|
-
export { default as ListItem } from "./
|
|
2
|
+
export type { ListProps, ListItemProps } from "./List.types";
|
|
3
|
+
export { default as ListItem } from "./List.Item";
|
package/cjs/list/index.js
CHANGED
|
@@ -7,6 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.ListItem = exports.List = void 0;
|
|
8
8
|
var List_1 = require("./List");
|
|
9
9
|
Object.defineProperty(exports, "List", { enumerable: true, get: function () { return __importDefault(List_1).default; } });
|
|
10
|
-
var
|
|
11
|
-
Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return __importDefault(
|
|
10
|
+
var List_Item_1 = require("./List.Item");
|
|
11
|
+
Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return __importDefault(List_Item_1).default; } });
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
package/cjs/list/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ;AAExB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ;AAExB,yCAAkD;AAAzC,sHAAA,OAAO,OAAY"}
|
|
@@ -140,7 +140,7 @@ exports.ActionMenuCheckboxItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
140
140
|
react_1.default.createElement(Menu_1.Menu.ItemIndicator, { className: "navds-action-menu__indicator" },
|
|
141
141
|
react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "navds-action-menu__indicator-icon", "aria-hidden": true },
|
|
142
142
|
react_1.default.createElement("g", { className: "navds-action-menu__indicator-icon--unchecked" },
|
|
143
|
-
react_1.default.createElement("rect", { width: "24", height: "24", rx: "4", fill: "var(--ax-border-
|
|
143
|
+
react_1.default.createElement("rect", { width: "24", height: "24", rx: "4", fill: "var(--ax-border-neutral, var(--a-border-default))" }),
|
|
144
144
|
react_1.default.createElement("rect", { x: "1", y: "1", width: "22", height: "22", rx: "3", fill: "var(--ax-bg-default, var(--a-surface-default))", strokeWidth: "2" })),
|
|
145
145
|
react_1.default.createElement("g", { className: "navds-action-menu__indicator-icon--indeterminate" },
|
|
146
146
|
react_1.default.createElement("rect", { width: "24", height: "24", rx: "4", fill: "var(--ax-bg-accent-strong-pressed, var(--a-surface-action-selected))" }),
|
|
@@ -171,7 +171,7 @@ exports.ActionMenuRadioItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
171
171
|
react_1.default.createElement(Menu_1.Menu.ItemIndicator, { className: "navds-action-menu__indicator" },
|
|
172
172
|
react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "navds-action-menu__indicator-icon", "aria-hidden": true },
|
|
173
173
|
react_1.default.createElement("g", { className: "navds-action-menu__indicator-icon--unchecked" },
|
|
174
|
-
react_1.default.createElement("rect", { width: "24", height: "24", rx: "12", fill: "var(--ax-border-
|
|
174
|
+
react_1.default.createElement("rect", { width: "24", height: "24", rx: "12", fill: "var(--ax-border-neutral, var(--a-border-default))" }),
|
|
175
175
|
react_1.default.createElement("rect", { x: "1", y: "1", width: "22", height: "22", rx: "11", strokeWidth: "2", fill: "var(--ax-bg-default, var(--a-surface-default))" })),
|
|
176
176
|
themeContext ? (react_1.default.createElement("g", { className: "navds-action-menu__indicator-icon--checked" },
|
|
177
177
|
react_1.default.createElement("rect", { width: "24", height: "24", rx: "12", fill: "var(--ax-bg-accent-strong-pressed)" }),
|
|
@@ -57,7 +57,7 @@ exports.ColumnHeader = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
57
57
|
? () => { var _a; return (_a = context === null || context === void 0 ? void 0 : context.onSortChange) === null || _a === void 0 ? void 0 : _a.call(context, sortKey); }
|
|
58
58
|
: undefined },
|
|
59
59
|
children,
|
|
60
|
-
((_d = context === null || context === void 0 ? void 0 : context.sort) === null || _d === void 0 ? void 0 : _d.orderBy) === sortKey ? (((_e = context === null || context === void 0 ? void 0 : context.sort) === null || _e === void 0 ? void 0 : _e.direction) === "descending" ? (react_1.default.createElement(aksel_icons_1.
|
|
60
|
+
((_d = context === null || context === void 0 ? void 0 : context.sort) === null || _d === void 0 ? void 0 : _d.orderBy) === sortKey ? (((_e = context === null || context === void 0 ? void 0 : context.sort) === null || _e === void 0 ? void 0 : _e.direction) === "descending" ? (react_1.default.createElement(aksel_icons_1.SortDownIcon, { "aria-hidden": true })) : (react_1.default.createElement(aksel_icons_1.SortUpIcon, { "aria-hidden": true }))) : (react_1.default.createElement(aksel_icons_1.ArrowsUpDownIcon, { "aria-hidden": true })))) : (children)));
|
|
61
61
|
});
|
|
62
62
|
exports.default = exports.ColumnHeader;
|
|
63
63
|
//# sourceMappingURL=ColumnHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qDAI6B;AAC7B,8DAA2D;AAC3D,uCAAyC;AAkB5B,QAAA,YAAY,GAAqB,IAAA,kBAAU,EACtD,CAAC,EAA2D,EAAE,GAAG,EAAE,EAAE;;QAApE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,OAAW,EAAN,IAAI,cAAzD,gDAA2D,CAAF;IACxD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,sBAAY,CAAC,CAAC;IAEzC,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,CAAC,IAAI,CAAC,wDAAwD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,8BAAC,oBAAU,kBACT,KAAK,EAAC,KAAK,EACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,eAElB,QAAQ;YACN,CAAC,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO;gBAClC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS;gBAC1B,CAAC,CAAC,MAAM;YACV,CAAC,CAAC,SAAS,IAEX,IAAI,GAEP,QAAQ,CAAC,CAAC,CAAC,CACV,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,OAAO,EACL,QAAQ,IAAI,OAAO;YACjB,CAAC,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,wDAAG,OAAO,CAAC,CAAA,EAAA;YACxC,CAAC,CAAC,SAAS;QAGd,QAAQ;QACR,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO,CAAC,CAAC,CAAC,CACpC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS,MAAK,YAAY,CAAC,CAAC,CAAC,CAC1C,8BAAC,
|
|
1
|
+
{"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qDAI6B;AAC7B,8DAA2D;AAC3D,uCAAyC;AAkB5B,QAAA,YAAY,GAAqB,IAAA,kBAAU,EACtD,CAAC,EAA2D,EAAE,GAAG,EAAE,EAAE;;QAApE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,OAAW,EAAN,IAAI,cAAzD,gDAA2D,CAAF;IACxD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,sBAAY,CAAC,CAAC;IAEzC,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,CAAC,IAAI,CAAC,wDAAwD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,8BAAC,oBAAU,kBACT,KAAK,EAAC,KAAK,EACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,eAElB,QAAQ;YACN,CAAC,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO;gBAClC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS;gBAC1B,CAAC,CAAC,MAAM;YACV,CAAC,CAAC,SAAS,IAEX,IAAI,GAEP,QAAQ,CAAC,CAAC,CAAC,CACV,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,OAAO,EACL,QAAQ,IAAI,OAAO;YACjB,CAAC,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,wDAAG,OAAO,CAAC,CAAA,EAAA;YACxC,CAAC,CAAC,SAAS;QAGd,QAAQ;QACR,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO,CAAC,CAAC,CAAC,CACpC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS,MAAK,YAAY,CAAC,CAAC,CAAC,CAC1C,8BAAC,0BAAY,0BAAe,CAC7B,CAAC,CAAC,CAAC,CACF,8BAAC,wBAAU,0BAAe,CAC3B,CACF,CAAC,CAAC,CAAC,CACF,8BAAC,8BAAgB,0BAAe,CACjC,CACM,CACV,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,oBAAY,CAAC"}
|
package/esm/chips/Toggle.js
CHANGED
|
@@ -17,8 +17,8 @@ export const ToggleChips = forwardRef((_a, ref) => {
|
|
|
17
17
|
checkmark && (React.createElement("svg", { "aria-hidden": true, className: "navds-chips__toggle-icon", width: "1.25em", height: "1.25em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img" }, selected ? (React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18.125C14.4873 18.125 18.125 14.4873 18.125 10C18.125 5.51269 14.4873 1.875 10 1.875C5.51269 1.875 1.875 5.51269 1.875 10C1.875 14.4873 5.51269 18.125 10 18.125ZM14.128 7.72904C14.3695 7.44357 14.3339 7.01635 14.0485 6.7748C13.763 6.53326 13.3358 6.56886 13.0942 6.85432L8.60428 12.1606L6.41627 9.97263C6.15185 9.70822 5.72315 9.70822 5.45873 9.97263C5.19431 10.2371 5.19431 10.6658 5.45873 10.9302L8.16706 13.6385C8.30095 13.7724 8.48479 13.8441 8.67397 13.8362C8.86316 13.8284 9.0404 13.7416 9.16271 13.5971L14.128 7.72904Z", fill: "currentColor" })) : (React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10Z",
|
|
18
18
|
/* After removing old fallbacks, change to currentColor */
|
|
19
19
|
fill: `var(${variant === "action"
|
|
20
|
-
? "--ax-text-accent
|
|
21
|
-
: "--ax-text-
|
|
20
|
+
? "--ax-text-accent"
|
|
21
|
+
: "--ax-text-neutral"}, var(--ac-chip-toggle-circle-border, var(--a-border-default)))` })))),
|
|
22
22
|
React.createElement("span", { className: "navds-chips__chip-text" }, children)));
|
|
23
23
|
});
|
|
24
24
|
export default ToggleChips;
|
package/esm/chips/Toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAsB1C,MAAM,CAAC,MAAM,WAAW,GAGpB,UAAU,CACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,IAAI,EAChB,EAAE,EAAE,SAAS,GAAG,QAAQ,OAEzB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,SAAS,EACT,wBAAwB,OAAO,EAAE,EACjC,EAAE,qCAAqC,EAAE,SAAS,EAAE,CACrD,kBACa,QAAQ,kBACR,QAAQ;QAErB,SAAS,IAAI,CACZ,kDAEE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,IAET,QAAQ,CAAC,CAAC,CAAC,CACV,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,GACnB,CACH,CAAC,CAAC,CAAC,CACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU;YACxU,0DAA0D;YAC1D,IAAI,EAAE,OACJ,OAAO,KAAK,QAAQ;gBAClB,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAsB1C,MAAM,CAAC,MAAM,WAAW,GAGpB,UAAU,CACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,IAAI,EAChB,EAAE,EAAE,SAAS,GAAG,QAAQ,OAEzB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,SAAS,EACT,wBAAwB,OAAO,EAAE,EACjC,EAAE,qCAAqC,EAAE,SAAS,EAAE,CACrD,kBACa,QAAQ,kBACR,QAAQ;QAErB,SAAS,IAAI,CACZ,kDAEE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,IAET,QAAQ,CAAC,CAAC,CAAC,CACV,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,GACnB,CACH,CAAC,CAAC,CAAC,CACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU;YACxU,0DAA0D;YAC1D,IAAI,EAAE,OACJ,OAAO,KAAK,QAAQ;gBAClB,CAAC,CAAC,kBAAkB;gBACpB,CAAC,CAAC,mBACN,iEAAiE,GACjE,CACH,CACG,CACP;QACD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ,CAChD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import React, { ButtonHTMLAttributes } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
* `"xsmall"` should _only_ be used in tables.
|
|
5
|
-
* @default "medium"
|
|
6
|
-
*/
|
|
7
|
-
size?: "medium" | "small" | "xsmall";
|
|
2
|
+
import { ButtonProps } from "../button/index.js";
|
|
3
|
+
export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">, Pick<ButtonProps, "iconPosition" | "size"> {
|
|
8
4
|
/**
|
|
9
5
|
* @default "neutral"
|
|
10
6
|
*/
|
|
@@ -49,11 +45,6 @@ export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
|
|
|
49
45
|
* @default "Kopier"
|
|
50
46
|
*/
|
|
51
47
|
title?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Icon position in button.
|
|
54
|
-
* @default "left"
|
|
55
|
-
*/
|
|
56
|
-
iconPosition?: "left" | "right";
|
|
57
48
|
}
|
|
58
49
|
/**
|
|
59
50
|
* A button component that copies text to the clipboard when clicked.
|
|
@@ -12,6 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import cl from "clsx";
|
|
13
13
|
import React, { forwardRef, useEffect, useRef, useState, } from "react";
|
|
14
14
|
import { CheckmarkIcon, FilesIcon } from "@navikt/aksel-icons";
|
|
15
|
+
import { Button } from "../button/index.js";
|
|
16
|
+
import { useThemeInternal } from "../theme/Theme.js";
|
|
15
17
|
import { Label } from "../typography/index.js";
|
|
16
18
|
import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
17
19
|
import copy from "../util/copy.js";
|
|
@@ -28,10 +30,11 @@ import { useI18n } from "../util/i18n/i18n.hooks.js";
|
|
|
28
30
|
* ```
|
|
29
31
|
*/
|
|
30
32
|
export const CopyButton = forwardRef((_a, ref) => {
|
|
31
|
-
var { className, copyText, text, activeText, variant = "neutral",
|
|
33
|
+
var { className, copyText, text, activeText, variant = "neutral", onActiveChange, icon, activeIcon, activeDuration = 2000, title, iconPosition = "left", onClick, size = "medium" } = _a, rest = __rest(_a, ["className", "copyText", "text", "activeText", "variant", "onActiveChange", "icon", "activeIcon", "activeDuration", "title", "iconPosition", "onClick", "size"]);
|
|
32
34
|
const [active, setActive] = useState(false);
|
|
33
35
|
const timeoutRef = useRef();
|
|
34
36
|
const translate = useI18n("CopyButton");
|
|
37
|
+
const themeContext = useThemeInternal(false);
|
|
35
38
|
useEffect(() => {
|
|
36
39
|
return () => {
|
|
37
40
|
timeoutRef.current && clearTimeout(timeoutRef.current);
|
|
@@ -48,9 +51,12 @@ export const CopyButton = forwardRef((_a, ref) => {
|
|
|
48
51
|
}, activeDuration);
|
|
49
52
|
};
|
|
50
53
|
const activeString = activeText || translate("activeText");
|
|
51
|
-
const copyIcon = (React.createElement(
|
|
52
|
-
? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (React.createElement(CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeString }))
|
|
53
|
-
: icon !== null && icon !== void 0 ? icon : (React.createElement(FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title || translate("title") }))));
|
|
54
|
+
const copyIcon = (React.createElement(LegacyIconWrapper, { useLegacy: !themeContext }, active
|
|
55
|
+
? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (React.createElement(CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeString, className: themeContext ? "navds-copybutton__icon" : undefined }))
|
|
56
|
+
: icon !== null && icon !== void 0 ? icon : (React.createElement(FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title || translate("title"), className: themeContext ? "navds-copybutton__icon" : undefined }))));
|
|
57
|
+
if (themeContext) {
|
|
58
|
+
return (React.createElement(Button, Object.assign({ ref: ref, type: "button", className: cl("navds-copybutton", className) }, rest, { variant: variant === "action" ? "tertiary" : "tertiary-neutral", onClick: composeEventHandlers(onClick, handleClick), iconPosition: iconPosition, icon: copyIcon, "data-active": active, size: size }), text ? (active ? activeString : text) : null));
|
|
59
|
+
}
|
|
54
60
|
return (React.createElement("button", Object.assign({ ref: ref, type: "button" }, rest, { className: cl("navds-copybutton", className, `navds-copybutton--${size}`, `navds-copybutton--${variant}`, {
|
|
55
61
|
"navds-copybutton--icon-only": !text,
|
|
56
62
|
"navds-copybutton--icon-right": iconPosition === "right",
|
|
@@ -61,5 +67,11 @@ export const CopyButton = forwardRef((_a, ref) => {
|
|
|
61
67
|
text && (React.createElement(Label, { as: "span", size: size === "medium" ? "medium" : "small" }, active ? activeString : text)),
|
|
62
68
|
iconPosition === "right" && copyIcon)));
|
|
63
69
|
});
|
|
70
|
+
function LegacyIconWrapper({ children, useLegacy, }) {
|
|
71
|
+
if (!useLegacy) {
|
|
72
|
+
return children;
|
|
73
|
+
}
|
|
74
|
+
return React.createElement("span", { className: "navds-copybutton__icon" }, children);
|
|
75
|
+
}
|
|
64
76
|
export default CopyButton;
|
|
65
77
|
//# sourceMappingURL=CopyButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -51,7 +51,7 @@ export const InternalHeader = forwardRef((_a, ref) => {
|
|
|
51
51
|
* Component is always in "dark" mode, so we manually override global theme.
|
|
52
52
|
*/
|
|
53
53
|
if (themeContext) {
|
|
54
|
-
return (React.createElement(Theme, { theme: "dark", asChild: true },
|
|
54
|
+
return (React.createElement(Theme, { theme: "dark", asChild: true, hasBackground: false },
|
|
55
55
|
React.createElement("header", Object.assign({}, rest, { ref: ref, className: cl("navds-internalheader", className) }))));
|
|
56
56
|
}
|
|
57
57
|
return (React.createElement("header", Object.assign({ "data-theme": "dark" }, rest, { ref: ref, className: cl("navds-internalheader", className) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,OAAO,oBAEN,MAAM,wBAAwB,CAAC;AAChC,OAAO,mBAEN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,kBAEN,MAAM,sBAAsB,CAAC;AAC9B,OAAO,wBAEN,MAAM,4BAA4B,CAAC;AAoCpC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAC5D,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE7C;;OAEG;IACH,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO;
|
|
1
|
+
{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,OAAO,oBAEN,MAAM,wBAAwB,CAAC;AAChC,OAAO,mBAEN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,kBAEN,MAAM,sBAAsB,CAAC;AAC9B,OAAO,wBAEN,MAAM,4BAA4B,CAAC;AAoCpC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAC5D,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE7C;;OAEG;IACH,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,QAAC,aAAa,EAAE,KAAK;YAC9C,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACI,CACT,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4DACa,MAAM,IACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACH,CAAC;AACJ,CAAC,CAA4B,CAAC;AAE9B,cAAc,CAAC,KAAK,GAAG,mBAAmB,CAAC;AAC3C,cAAc,CAAC,IAAI,GAAG,kBAAkB,CAAC;AACzC,cAAc,CAAC,MAAM,GAAG,oBAAoB,CAAC;AAC7C,cAAc,CAAC,UAAU,GAAG,wBAAwB,CAAC;AAErD,eAAe,cAAc,CAAC"}
|
|
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import cl from "clsx";
|
|
13
13
|
import React, { forwardRef, useContext } from "react";
|
|
14
14
|
import { BodyLong } from "../typography/index.js";
|
|
15
|
-
import { ListContext } from "./context.js";
|
|
15
|
+
import { ListContext } from "./List.context.js";
|
|
16
16
|
/**
|
|
17
17
|
* @see 🏷️ {@link ListItemProps}
|
|
18
18
|
*/
|
|
@@ -34,4 +34,4 @@ export const ListItem = forwardRef((_a, ref) => {
|
|
|
34
34
|
});
|
|
35
35
|
ListItem.displayName = "List.Item";
|
|
36
36
|
export default ListItem;
|
|
37
|
-
//# sourceMappingURL=
|
|
37
|
+
//# sourceMappingURL=List.Item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.Item.js","sourceRoot":"","sources":["../../src/list/List.Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEnD,IAAI,QAAQ,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,sFAAsF,CACvF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4CAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QACjE,QAAQ,KAAK,IAAI,IAAI,CACpB,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,+BAA+B,EAAE,IAAI;gBACrC,iCAAiC,EAAE,CAAC,IAAI;aACzC,CAAC,IAED,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,6BACE,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,UAAU,EACjB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,8BAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CACpD,CACP,CACG,CACP;QAED;YACG,KAAK,IAAI,CACR,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,IAC3C,KAAK,CACG,CACZ;YACA,QAAQ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.context.js","sourceRoot":"","sources":["../../src/list/List.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAmB;IACzD,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,QAAQ;CACf,CAAC,CAAC"}
|
package/esm/list/List.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ListItem } from "./
|
|
3
|
-
import type { ListProps } from "./types.js";
|
|
2
|
+
import { ListItem } from "./List.Item.js";
|
|
3
|
+
import type { ListProps } from "./List.types.js";
|
|
4
4
|
export interface ListComponent extends React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>> {
|
|
5
5
|
/**
|
|
6
6
|
* @see 🏷️ {@link ListItemProps}
|
package/esm/list/List.js
CHANGED
|
@@ -11,9 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import cl from "clsx";
|
|
13
13
|
import React, { forwardRef, useContext } from "react";
|
|
14
|
+
import { useThemeInternal } from "../theme/Theme.js";
|
|
14
15
|
import { BodyLong, BodyShort, Heading } from "../typography/index.js";
|
|
15
|
-
import { ListItem } from "./
|
|
16
|
-
import { ListContext } from "./context.js";
|
|
16
|
+
import { ListItem } from "./List.Item.js";
|
|
17
|
+
import { ListContext } from "./List.context.js";
|
|
17
18
|
const headingSizeMap = {
|
|
18
19
|
small: "xsmall",
|
|
19
20
|
medium: "small",
|
|
@@ -37,7 +38,20 @@ const headingSizeMap = {
|
|
|
37
38
|
export const List = forwardRef((_a, ref) => {
|
|
38
39
|
var { children, className, as: ListTag = "ul", title, description, headingTag = "h3", size } = _a, rest = __rest(_a, ["children", "className", "as", "title", "description", "headingTag", "size"]);
|
|
39
40
|
const { size: contextSize } = useContext(ListContext);
|
|
41
|
+
const themeContext = useThemeInternal(false);
|
|
40
42
|
const listSize = size !== null && size !== void 0 ? size : contextSize;
|
|
43
|
+
if (themeContext) {
|
|
44
|
+
if (process.env.NODE_ENV !== "production" &&
|
|
45
|
+
(title || description || headingTag)) {
|
|
46
|
+
console.warn("List: title, description and headingTag are deprecated and will not work with updated theme for Aksel.");
|
|
47
|
+
}
|
|
48
|
+
return (React.createElement(ListContext.Provider, { value: {
|
|
49
|
+
listType: ListTag,
|
|
50
|
+
size: listSize,
|
|
51
|
+
} },
|
|
52
|
+
React.createElement(BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cl("navds-list", `navds-list--${listSize}`, className) }),
|
|
53
|
+
React.createElement(ListTag, { role: "list" }, children))));
|
|
54
|
+
}
|
|
41
55
|
return (React.createElement(ListContext.Provider, { value: {
|
|
42
56
|
listType: ListTag,
|
|
43
57
|
size: listSize,
|
package/esm/list/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,MAAM,cAAc,GAGhB;IACF,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,KAAK,EACL,WAAW,EACX,UAAU,GAAG,IAAI,EACjB,IAAI,OAEL,EADI,IAAI,cART,6EASC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,IAAI,YAAY,EAAE,CAAC;QACjB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACrC,CAAC,KAAK,IAAI,WAAW,IAAI,UAAU,CAAC,EACpC,CAAC;YACD,OAAO,CAAC,IAAI,CACV,wGAAwG,CACzG,CAAC;QACJ,CAAC;QAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,IAAI,EAAE,QAAQ;aACf;YAED,oBAAC,QAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;gBAEjE,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAW,CAChC,CACU,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,oBAAC,QAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;YAEhE,KAAK,IAAI,CACR,oBAAC,OAAO,IAAC,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,UAAU,IACpD,KAAK,CACE,CACX;YACA,WAAW,IAAI,oBAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,IAAG,WAAW,CAAa;YACpE,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAW,CAChC,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AAErB,eAAe,IAAI,CAAC"}
|
|
@@ -7,15 +7,18 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
as?: "ul" | "ol";
|
|
8
8
|
/**
|
|
9
9
|
* List heading title.
|
|
10
|
+
* @deprecated Prop will be removed in future versions.
|
|
10
11
|
*/
|
|
11
12
|
title?: string;
|
|
12
13
|
/**
|
|
13
14
|
* List heading description.
|
|
15
|
+
* @deprecated Prop will be removed in future versions.
|
|
14
16
|
*/
|
|
15
17
|
description?: string;
|
|
16
18
|
/**
|
|
17
19
|
* Allows setting a different HTML h-tag.
|
|
18
20
|
* @default "h3"
|
|
21
|
+
* @deprecated Prop will be removed in future versions.
|
|
19
22
|
*/
|
|
20
23
|
headingTag?: React.ElementType<any>;
|
|
21
24
|
/**
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.types.js","sourceRoot":"","sources":["../../src/list/List.types.ts"],"names":[],"mappings":""}
|
package/esm/list/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as List } from "./List.js";
|
|
2
|
-
export type { ListProps, ListItemProps } from "./types.js";
|
|
3
|
-
export { default as ListItem } from "./
|
|
2
|
+
export type { ListProps, ListItemProps } from "./List.types.js";
|
|
3
|
+
export { default as ListItem } from "./List.Item.js";
|
package/esm/list/index.js
CHANGED
package/esm/list/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -111,7 +111,7 @@ export const ActionMenuCheckboxItem = forwardRef((_a, ref) => {
|
|
|
111
111
|
React.createElement(Menu.ItemIndicator, { className: "navds-action-menu__indicator" },
|
|
112
112
|
React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "navds-action-menu__indicator-icon", "aria-hidden": true },
|
|
113
113
|
React.createElement("g", { className: "navds-action-menu__indicator-icon--unchecked" },
|
|
114
|
-
React.createElement("rect", { width: "24", height: "24", rx: "4", fill: "var(--ax-border-
|
|
114
|
+
React.createElement("rect", { width: "24", height: "24", rx: "4", fill: "var(--ax-border-neutral, var(--a-border-default))" }),
|
|
115
115
|
React.createElement("rect", { x: "1", y: "1", width: "22", height: "22", rx: "3", fill: "var(--ax-bg-default, var(--a-surface-default))", strokeWidth: "2" })),
|
|
116
116
|
React.createElement("g", { className: "navds-action-menu__indicator-icon--indeterminate" },
|
|
117
117
|
React.createElement("rect", { width: "24", height: "24", rx: "4", fill: "var(--ax-bg-accent-strong-pressed, var(--a-surface-action-selected))" }),
|
|
@@ -142,7 +142,7 @@ export const ActionMenuRadioItem = forwardRef((_a, ref) => {
|
|
|
142
142
|
React.createElement(Menu.ItemIndicator, { className: "navds-action-menu__indicator" },
|
|
143
143
|
React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "navds-action-menu__indicator-icon", "aria-hidden": true },
|
|
144
144
|
React.createElement("g", { className: "navds-action-menu__indicator-icon--unchecked" },
|
|
145
|
-
React.createElement("rect", { width: "24", height: "24", rx: "12", fill: "var(--ax-border-
|
|
145
|
+
React.createElement("rect", { width: "24", height: "24", rx: "12", fill: "var(--ax-border-neutral, var(--a-border-default))" }),
|
|
146
146
|
React.createElement("rect", { x: "1", y: "1", width: "22", height: "22", rx: "11", strokeWidth: "2", fill: "var(--ax-bg-default, var(--a-surface-default))" })),
|
|
147
147
|
themeContext ? (React.createElement("g", { className: "navds-action-menu__indicator-icon--checked" },
|
|
148
148
|
React.createElement("rect", { width: "24", height: "24", rx: "12", fill: "var(--ax-bg-accent-strong-pressed)" }),
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef, useContext } from "react";
|
|
13
|
-
import {
|
|
13
|
+
import { ArrowsUpDownIcon, SortDownIcon, SortUpIcon, } from "@navikt/aksel-icons";
|
|
14
14
|
import HeaderCell from "./HeaderCell.js";
|
|
15
15
|
import { TableContext } from "./context.js";
|
|
16
16
|
export const ColumnHeader = forwardRef((_a, ref) => {
|
|
@@ -28,7 +28,7 @@ export const ColumnHeader = forwardRef((_a, ref) => {
|
|
|
28
28
|
? () => { var _a; return (_a = context === null || context === void 0 ? void 0 : context.onSortChange) === null || _a === void 0 ? void 0 : _a.call(context, sortKey); }
|
|
29
29
|
: undefined },
|
|
30
30
|
children,
|
|
31
|
-
((_d = context === null || context === void 0 ? void 0 : context.sort) === null || _d === void 0 ? void 0 : _d.orderBy) === sortKey ? (((_e = context === null || context === void 0 ? void 0 : context.sort) === null || _e === void 0 ? void 0 : _e.direction) === "descending" ? (React.createElement(
|
|
31
|
+
((_d = context === null || context === void 0 ? void 0 : context.sort) === null || _d === void 0 ? void 0 : _d.orderBy) === sortKey ? (((_e = context === null || context === void 0 ? void 0 : context.sort) === null || _e === void 0 ? void 0 : _e.direction) === "descending" ? (React.createElement(SortDownIcon, { "aria-hidden": true })) : (React.createElement(SortUpIcon, { "aria-hidden": true }))) : (React.createElement(ArrowsUpDownIcon, { "aria-hidden": true })))) : (children)));
|
|
32
32
|
});
|
|
33
33
|
export default ColumnHeader;
|
|
34
34
|
//# sourceMappingURL=ColumnHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,UAA+B,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAkBzC,MAAM,CAAC,MAAM,YAAY,GAAqB,UAAU,CACtD,CAAC,EAA2D,EAAE,GAAG,EAAE,EAAE;;QAApE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,OAAW,EAAN,IAAI,cAAzD,gDAA2D,CAAF;IACxD,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,CAAC,IAAI,CAAC,wDAAwD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,oBAAC,UAAU,kBACT,KAAK,EAAC,KAAK,EACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,eAElB,QAAQ;YACN,CAAC,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO;gBAClC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS;gBAC1B,CAAC,CAAC,MAAM;YACV,CAAC,CAAC,SAAS,IAEX,IAAI,GAEP,QAAQ,CAAC,CAAC,CAAC,CACV,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,OAAO,EACL,QAAQ,IAAI,OAAO;YACjB,CAAC,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,wDAAG,OAAO,CAAC,CAAA,EAAA;YACxC,CAAC,CAAC,SAAS;QAGd,QAAQ;QACR,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO,CAAC,CAAC,CAAC,CACpC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS,MAAK,YAAY,CAAC,CAAC,CAAC,CAC1C,oBAAC,YAAY,0BAAe,CAC7B,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,0BAAe,CAC3B,CACF,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,0BAAe,CACjC,CACM,CACV,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.12.0",
|
|
4
4
|
"description": "React components from the Norwegian Labour and Welfare Administration.",
|
|
5
5
|
"author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -600,7 +600,17 @@
|
|
|
600
600
|
"default": "./cjs/form/form-progress/index.js"
|
|
601
601
|
}
|
|
602
602
|
},
|
|
603
|
-
"./package.json": "./package.json"
|
|
603
|
+
"./package.json": "./package.json",
|
|
604
|
+
"./Theme": {
|
|
605
|
+
"import": {
|
|
606
|
+
"types": "./esm/theme/index.d.ts",
|
|
607
|
+
"default": "./esm/theme/index.js"
|
|
608
|
+
},
|
|
609
|
+
"require": {
|
|
610
|
+
"types": "./cjs/theme/index.d.ts",
|
|
611
|
+
"default": "./cjs/theme/index.js"
|
|
612
|
+
}
|
|
613
|
+
}
|
|
604
614
|
},
|
|
605
615
|
"scripts": {
|
|
606
616
|
"docgen": "tsx ../../../scripts/docgen.ts",
|
|
@@ -615,8 +625,8 @@
|
|
|
615
625
|
"dependencies": {
|
|
616
626
|
"@floating-ui/react": "0.25.4",
|
|
617
627
|
"@floating-ui/react-dom": "^2.0.9",
|
|
618
|
-
"@navikt/aksel-icons": "^7.
|
|
619
|
-
"@navikt/ds-tokens": "^7.
|
|
628
|
+
"@navikt/aksel-icons": "^7.12.0",
|
|
629
|
+
"@navikt/ds-tokens": "^7.12.0",
|
|
620
630
|
"clsx": "^2.1.0",
|
|
621
631
|
"date-fns": "^3.0.0",
|
|
622
632
|
"react-day-picker": "8.10.1"
|
package/src/chips/Toggle.tsx
CHANGED
|
@@ -77,8 +77,8 @@ export const ToggleChips: OverridableComponent<
|
|
|
77
77
|
/* After removing old fallbacks, change to currentColor */
|
|
78
78
|
fill={`var(${
|
|
79
79
|
variant === "action"
|
|
80
|
-
? "--ax-text-accent
|
|
81
|
-
: "--ax-text-
|
|
80
|
+
? "--ax-text-accent"
|
|
81
|
+
: "--ax-text-neutral"
|
|
82
82
|
}, var(--ac-chip-toggle-circle-border, var(--a-border-default)))`}
|
|
83
83
|
/>
|
|
84
84
|
)}
|
|
@@ -7,18 +7,16 @@ import React, {
|
|
|
7
7
|
useState,
|
|
8
8
|
} from "react";
|
|
9
9
|
import { CheckmarkIcon, FilesIcon } from "@navikt/aksel-icons";
|
|
10
|
+
import { Button, ButtonProps } from "../button";
|
|
11
|
+
import { useThemeInternal } from "../theme/Theme";
|
|
10
12
|
import { Label } from "../typography";
|
|
11
13
|
import { composeEventHandlers } from "../util/composeEventHandlers";
|
|
12
14
|
import copy from "../util/copy";
|
|
13
15
|
import { useI18n } from "../util/i18n/i18n.hooks";
|
|
14
16
|
|
|
15
17
|
export interface CopyButtonProps
|
|
16
|
-
extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"
|
|
17
|
-
|
|
18
|
-
* `"xsmall"` should _only_ be used in tables.
|
|
19
|
-
* @default "medium"
|
|
20
|
-
*/
|
|
21
|
-
size?: "medium" | "small" | "xsmall";
|
|
18
|
+
extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">,
|
|
19
|
+
Pick<ButtonProps, "iconPosition" | "size"> {
|
|
22
20
|
/**
|
|
23
21
|
* @default "neutral"
|
|
24
22
|
*/
|
|
@@ -63,11 +61,6 @@ export interface CopyButtonProps
|
|
|
63
61
|
* @default "Kopier"
|
|
64
62
|
*/
|
|
65
63
|
title?: string;
|
|
66
|
-
/**
|
|
67
|
-
* Icon position in button.
|
|
68
|
-
* @default "left"
|
|
69
|
-
*/
|
|
70
|
-
iconPosition?: "left" | "right";
|
|
71
64
|
}
|
|
72
65
|
|
|
73
66
|
/**
|
|
@@ -89,7 +82,6 @@ export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(
|
|
|
89
82
|
text,
|
|
90
83
|
activeText,
|
|
91
84
|
variant = "neutral",
|
|
92
|
-
size = "medium",
|
|
93
85
|
onActiveChange,
|
|
94
86
|
icon,
|
|
95
87
|
activeIcon,
|
|
@@ -97,6 +89,7 @@ export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(
|
|
|
97
89
|
title,
|
|
98
90
|
iconPosition = "left",
|
|
99
91
|
onClick,
|
|
92
|
+
size = "medium",
|
|
100
93
|
...rest
|
|
101
94
|
},
|
|
102
95
|
ref,
|
|
@@ -105,6 +98,8 @@ export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(
|
|
|
105
98
|
const timeoutRef = useRef<number>();
|
|
106
99
|
const translate = useI18n("CopyButton");
|
|
107
100
|
|
|
101
|
+
const themeContext = useThemeInternal(false);
|
|
102
|
+
|
|
108
103
|
useEffect(() => {
|
|
109
104
|
return () => {
|
|
110
105
|
timeoutRef.current && clearTimeout(timeoutRef.current);
|
|
@@ -126,23 +121,44 @@ export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(
|
|
|
126
121
|
const activeString = activeText || translate("activeText");
|
|
127
122
|
|
|
128
123
|
const copyIcon = (
|
|
129
|
-
<
|
|
124
|
+
<LegacyIconWrapper useLegacy={!themeContext}>
|
|
130
125
|
{active
|
|
131
126
|
? activeIcon ?? (
|
|
132
127
|
<CheckmarkIcon
|
|
133
128
|
aria-hidden={!!text}
|
|
134
129
|
title={text ? undefined : activeString}
|
|
130
|
+
className={themeContext ? "navds-copybutton__icon" : undefined}
|
|
135
131
|
/>
|
|
136
132
|
)
|
|
137
133
|
: icon ?? (
|
|
138
134
|
<FilesIcon
|
|
139
135
|
aria-hidden={!!text}
|
|
140
136
|
title={text ? undefined : title || translate("title")}
|
|
137
|
+
className={themeContext ? "navds-copybutton__icon" : undefined}
|
|
141
138
|
/>
|
|
142
139
|
)}
|
|
143
|
-
</
|
|
140
|
+
</LegacyIconWrapper>
|
|
144
141
|
);
|
|
145
142
|
|
|
143
|
+
if (themeContext) {
|
|
144
|
+
return (
|
|
145
|
+
<Button
|
|
146
|
+
ref={ref}
|
|
147
|
+
type="button"
|
|
148
|
+
className={cl("navds-copybutton", className)}
|
|
149
|
+
{...rest}
|
|
150
|
+
variant={variant === "action" ? "tertiary" : "tertiary-neutral"}
|
|
151
|
+
onClick={composeEventHandlers(onClick, handleClick)}
|
|
152
|
+
iconPosition={iconPosition}
|
|
153
|
+
icon={copyIcon}
|
|
154
|
+
data-active={active}
|
|
155
|
+
size={size}
|
|
156
|
+
>
|
|
157
|
+
{text ? (active ? activeString : text) : null}
|
|
158
|
+
</Button>
|
|
159
|
+
);
|
|
160
|
+
}
|
|
161
|
+
|
|
146
162
|
return (
|
|
147
163
|
<button
|
|
148
164
|
ref={ref}
|
|
@@ -175,4 +191,17 @@ export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(
|
|
|
175
191
|
},
|
|
176
192
|
);
|
|
177
193
|
|
|
194
|
+
function LegacyIconWrapper({
|
|
195
|
+
children,
|
|
196
|
+
useLegacy,
|
|
197
|
+
}: {
|
|
198
|
+
children: React.ReactNode;
|
|
199
|
+
useLegacy: boolean;
|
|
200
|
+
}) {
|
|
201
|
+
if (!useLegacy) {
|
|
202
|
+
return children;
|
|
203
|
+
}
|
|
204
|
+
return <span className="navds-copybutton__icon">{children}</span>;
|
|
205
|
+
}
|
|
206
|
+
|
|
178
207
|
export default CopyButton;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import cl from "clsx";
|
|
2
2
|
import React, { forwardRef, useContext } from "react";
|
|
3
3
|
import { BodyLong } from "../typography";
|
|
4
|
-
import { ListContext } from "./context";
|
|
5
|
-
import type { ListItemProps } from "./types";
|
|
4
|
+
import { ListContext } from "./List.context";
|
|
5
|
+
import type { ListItemProps } from "./List.types";
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* @see 🏷️ {@link ListItemProps}
|
package/src/list/List.tsx
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import cl from "clsx";
|
|
2
2
|
import React, { forwardRef, useContext } from "react";
|
|
3
|
+
import { useThemeInternal } from "../theme/Theme";
|
|
3
4
|
import { BodyLong, BodyShort, Heading, HeadingProps } from "../typography";
|
|
4
|
-
import { ListItem } from "./
|
|
5
|
-
import { ListContext } from "./context";
|
|
5
|
+
import { ListItem } from "./List.Item";
|
|
6
|
+
import { ListContext } from "./List.context";
|
|
6
7
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
7
|
-
import type { ListItemProps, ListProps } from "./types";
|
|
8
|
+
import type { ListItemProps, ListProps } from "./List.types";
|
|
8
9
|
|
|
9
10
|
const headingSizeMap: Record<
|
|
10
11
|
Exclude<ListProps["size"], undefined>,
|
|
@@ -56,7 +57,40 @@ export const List = forwardRef<HTMLDivElement, ListProps>(
|
|
|
56
57
|
) => {
|
|
57
58
|
const { size: contextSize } = useContext(ListContext);
|
|
58
59
|
|
|
60
|
+
const themeContext = useThemeInternal(false);
|
|
61
|
+
|
|
59
62
|
const listSize = size ?? contextSize;
|
|
63
|
+
|
|
64
|
+
if (themeContext) {
|
|
65
|
+
if (
|
|
66
|
+
process.env.NODE_ENV !== "production" &&
|
|
67
|
+
(title || description || headingTag)
|
|
68
|
+
) {
|
|
69
|
+
console.warn(
|
|
70
|
+
"List: title, description and headingTag are deprecated and will not work with updated theme for Aksel.",
|
|
71
|
+
);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
return (
|
|
75
|
+
<ListContext.Provider
|
|
76
|
+
value={{
|
|
77
|
+
listType: ListTag,
|
|
78
|
+
size: listSize,
|
|
79
|
+
}}
|
|
80
|
+
>
|
|
81
|
+
<BodyLong
|
|
82
|
+
as="div"
|
|
83
|
+
{...rest}
|
|
84
|
+
size={listSize}
|
|
85
|
+
ref={ref}
|
|
86
|
+
className={cl("navds-list", `navds-list--${listSize}`, className)}
|
|
87
|
+
>
|
|
88
|
+
<ListTag role="list">{children}</ListTag>
|
|
89
|
+
</BodyLong>
|
|
90
|
+
</ListContext.Provider>
|
|
91
|
+
);
|
|
92
|
+
}
|
|
93
|
+
|
|
60
94
|
return (
|
|
61
95
|
<ListContext.Provider
|
|
62
96
|
value={{
|
|
@@ -7,15 +7,18 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
as?: "ul" | "ol";
|
|
8
8
|
/**
|
|
9
9
|
* List heading title.
|
|
10
|
+
* @deprecated Prop will be removed in future versions.
|
|
10
11
|
*/
|
|
11
12
|
title?: string;
|
|
12
13
|
/**
|
|
13
14
|
* List heading description.
|
|
15
|
+
* @deprecated Prop will be removed in future versions.
|
|
14
16
|
*/
|
|
15
17
|
description?: string;
|
|
16
18
|
/**
|
|
17
19
|
* Allows setting a different HTML h-tag.
|
|
18
20
|
* @default "h3"
|
|
21
|
+
* @deprecated Prop will be removed in future versions.
|
|
19
22
|
*/
|
|
20
23
|
headingTag?: React.ElementType<any>;
|
|
21
24
|
/**
|
package/src/list/index.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
export { default as List } from "./List";
|
|
3
|
-
export type { ListProps, ListItemProps } from "./types";
|
|
4
|
-
export { default as ListItem } from "./
|
|
3
|
+
export type { ListProps, ListItemProps } from "./List.types";
|
|
4
|
+
export { default as ListItem } from "./List.Item";
|
|
@@ -634,7 +634,7 @@ export const ActionMenuCheckboxItem = forwardRef<
|
|
|
634
634
|
width="24"
|
|
635
635
|
height="24"
|
|
636
636
|
rx="4"
|
|
637
|
-
fill="var(--ax-border-
|
|
637
|
+
fill="var(--ax-border-neutral, var(--a-border-default))"
|
|
638
638
|
/>
|
|
639
639
|
<rect
|
|
640
640
|
x="1"
|
|
@@ -771,7 +771,7 @@ export const ActionMenuRadioItem = forwardRef<
|
|
|
771
771
|
width="24"
|
|
772
772
|
height="24"
|
|
773
773
|
rx="12"
|
|
774
|
-
fill="var(--ax-border-
|
|
774
|
+
fill="var(--ax-border-neutral, var(--a-border-default))"
|
|
775
775
|
/>
|
|
776
776
|
<rect
|
|
777
777
|
x="1"
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { forwardRef, useContext } from "react";
|
|
2
2
|
import {
|
|
3
|
-
ArrowDownIcon,
|
|
4
|
-
ArrowUpIcon,
|
|
5
3
|
ArrowsUpDownIcon,
|
|
4
|
+
SortDownIcon,
|
|
5
|
+
SortUpIcon,
|
|
6
6
|
} from "@navikt/aksel-icons";
|
|
7
7
|
import HeaderCell, { HeaderCellProps } from "./HeaderCell";
|
|
8
8
|
import { TableContext } from "./context";
|
|
@@ -58,9 +58,9 @@ export const ColumnHeader: ColumnHeaderType = forwardRef(
|
|
|
58
58
|
{children}
|
|
59
59
|
{context?.sort?.orderBy === sortKey ? (
|
|
60
60
|
context?.sort?.direction === "descending" ? (
|
|
61
|
-
<
|
|
61
|
+
<SortDownIcon aria-hidden />
|
|
62
62
|
) : (
|
|
63
|
-
<
|
|
63
|
+
<SortUpIcon aria-hidden />
|
|
64
64
|
)
|
|
65
65
|
) : (
|
|
66
66
|
<ArrowsUpDownIcon aria-hidden />
|
package/src/tag/Tag.tsx
CHANGED
|
@@ -34,12 +34,12 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
34
34
|
| "alt3-moderate";
|
|
35
35
|
|
|
36
36
|
/* Temp hide these until naming is resolved */
|
|
37
|
-
// | "meta-
|
|
38
|
-
// | "meta-
|
|
39
|
-
// | "meta-
|
|
40
|
-
// | "meta-
|
|
41
|
-
// | "meta-
|
|
42
|
-
// | "meta-
|
|
37
|
+
// | "meta-purple"
|
|
38
|
+
// | "meta-purple-filled"
|
|
39
|
+
// | "meta-purple-moderate"
|
|
40
|
+
// | "meta-lime"
|
|
41
|
+
// | "meta-lime-filled"
|
|
42
|
+
// | "meta-lime-moderate";
|
|
43
43
|
/**
|
|
44
44
|
* @default "medium"
|
|
45
45
|
*/
|
package/cjs/list/ListItem.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/list/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,8CAAyC;AACzC,uCAAwC;AAGxC;;GAEG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,qBAAW,CAAC,CAAC;IAEnD,IAAI,QAAQ,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,sFAAsF,CACvF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,sDAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC;QACjE,QAAQ,KAAK,IAAI,IAAI,CACpB,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,+BAA+B,EAAE,IAAI;gBACrC,iCAAiC,EAAE,CAAC,IAAI;aACzC,CAAC,IAED,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,uCACE,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,UAAU,EACjB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,wCAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CACpD,CACP,CACG,CACP;QAED;YACG,KAAK,IAAI,CACR,8BAAC,qBAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,IAC3C,KAAK,CACG,CACZ;YACA,QAAQ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,kBAAe,gBAAQ,CAAC"}
|
package/cjs/list/context.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/list/context.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAQzB,QAAA,WAAW,GAAG,IAAA,qBAAa,EAAmB;IACzD,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,QAAQ;CACf,CAAC,CAAC"}
|
package/cjs/list/types.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/list/types.ts"],"names":[],"mappings":""}
|
package/esm/list/ListItem.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/list/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEnD,IAAI,QAAQ,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,sFAAsF,CACvF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4CAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QACjE,QAAQ,KAAK,IAAI,IAAI,CACpB,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,+BAA+B,EAAE,IAAI;gBACrC,iCAAiC,EAAE,CAAC,IAAI;aACzC,CAAC,IAED,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,6BACE,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,UAAU,EACjB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,8BAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CACpD,CACP,CACG,CACP;QAED;YACG,KAAK,IAAI,CACR,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,IAC3C,KAAK,CACG,CACZ;YACA,QAAQ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,eAAe,QAAQ,CAAC"}
|
package/esm/list/context.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/list/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAmB;IACzD,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,QAAQ;CACf,CAAC,CAAC"}
|
package/esm/list/types.js
DELETED
package/esm/list/types.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/list/types.ts"],"names":[],"mappings":""}
|