@navikt/ds-react 7.23.2 → 7.24.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/form/switch/Switch.js +23 -2
- package/cjs/form/switch/Switch.js.map +1 -1
- package/cjs/index.d.ts +1 -0
- package/cjs/index.js +3 -1
- package/cjs/index.js.map +1 -1
- package/cjs/link-card/LinkCard.d.ts +126 -0
- package/cjs/link-card/LinkCard.js +141 -0
- package/cjs/link-card/LinkCard.js.map +1 -0
- package/cjs/link-card/index.d.ts +2 -0
- package/cjs/link-card/index.js +13 -0
- package/cjs/link-card/index.js.map +1 -0
- package/cjs/link-panel/LinkPanel.d.ts +3 -11
- package/cjs/link-panel/LinkPanel.js +3 -11
- package/cjs/link-panel/LinkPanel.js.map +1 -1
- package/cjs/table/Table.d.ts +5 -0
- package/cjs/table/Table.js +2 -1
- package/cjs/table/Table.js.map +1 -1
- package/cjs/util/link-anchor/LinkAnchor.d.ts +26 -0
- package/cjs/util/link-anchor/LinkAnchor.js +110 -0
- package/cjs/util/link-anchor/LinkAnchor.js.map +1 -0
- package/cjs/util/link-anchor/index.d.ts +2 -0
- package/cjs/util/link-anchor/index.js +9 -0
- package/cjs/util/link-anchor/index.js.map +1 -0
- package/esm/form/switch/Switch.js +23 -2
- package/esm/form/switch/Switch.js.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/link-card/LinkCard.d.ts +126 -0
- package/esm/link-card/LinkCard.js +105 -0
- package/esm/link-card/LinkCard.js.map +1 -0
- package/esm/link-card/index.d.ts +2 -0
- package/esm/link-card/index.js +3 -0
- package/esm/link-card/index.js.map +1 -0
- package/esm/link-panel/LinkPanel.d.ts +3 -11
- package/esm/link-panel/LinkPanel.js +3 -11
- package/esm/link-panel/LinkPanel.js.map +1 -1
- package/esm/table/Table.d.ts +5 -0
- package/esm/table/Table.js +2 -1
- package/esm/table/Table.js.map +1 -1
- package/esm/util/link-anchor/LinkAnchor.d.ts +26 -0
- package/esm/util/link-anchor/LinkAnchor.js +72 -0
- package/esm/util/link-anchor/LinkAnchor.js.map +1 -0
- package/esm/util/link-anchor/index.d.ts +2 -0
- package/esm/util/link-anchor/index.js +3 -0
- package/esm/util/link-anchor/index.js.map +1 -0
- package/package.json +13 -3
- package/src/form/switch/Switch.tsx +79 -26
- package/src/index.ts +10 -0
- package/src/link-card/LinkCard.tsx +317 -0
- package/src/link-card/index.tsx +20 -0
- package/src/link-panel/LinkPanel.tsx +3 -11
- package/src/table/Table.tsx +7 -0
- package/src/util/link-anchor/LinkAnchor.tsx +153 -0
- package/src/util/link-anchor/index.tsx +7 -0
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
36
|
+
var t = {};
|
|
37
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
38
|
+
t[p] = s[p];
|
|
39
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
40
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
41
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
42
|
+
t[p[i]] = s[p[i]];
|
|
43
|
+
}
|
|
44
|
+
return t;
|
|
45
|
+
};
|
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
+
exports.LinkAnchorOverlay = exports.LinkAnchorArrow = exports.LinkAnchor = void 0;
|
|
48
|
+
const react_1 = __importStar(require("react"));
|
|
49
|
+
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
50
|
+
const Slot_1 = require("../../slot/Slot");
|
|
51
|
+
const Theme_1 = require("../../theme/Theme");
|
|
52
|
+
const composeEventHandlers_1 = require("../composeEventHandlers");
|
|
53
|
+
const create_context_1 = require("../create-context");
|
|
54
|
+
const useMergeRefs_1 = require("../hooks/useMergeRefs");
|
|
55
|
+
const [LinkAnchorContextProvider, useLinkAnchorContext] = (0, create_context_1.createContext)({
|
|
56
|
+
name: "LinkAnchorOverlayContext",
|
|
57
|
+
});
|
|
58
|
+
const LinkAnchorOverlay = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
59
|
+
var { children, asChild, className, onClick } = _a, restProps = __rest(_a, ["children", "asChild", "className", "onClick"]);
|
|
60
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
61
|
+
const anchorRef = (0, react_1.useRef)(null);
|
|
62
|
+
const Component = asChild ? Slot_1.Slot : "div";
|
|
63
|
+
return (react_1.default.createElement(LinkAnchorContextProvider, { anchorRef: anchorRef },
|
|
64
|
+
react_1.default.createElement(Component, Object.assign({ ref: forwardedRef }, restProps, { className: cn("navds-link-anchor__overlay", className), onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, (e) => {
|
|
65
|
+
var _a;
|
|
66
|
+
if (e.target === anchorRef.current || isTextSelected()) {
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
const event = new MouseEvent("click", {
|
|
70
|
+
bubbles: true,
|
|
71
|
+
cancelable: true,
|
|
72
|
+
view: window,
|
|
73
|
+
ctrlKey: e.ctrlKey,
|
|
74
|
+
shiftKey: e.shiftKey,
|
|
75
|
+
altKey: e.altKey,
|
|
76
|
+
metaKey: e.metaKey,
|
|
77
|
+
button: e.button,
|
|
78
|
+
screenX: e.screenX,
|
|
79
|
+
screenY: e.screenY,
|
|
80
|
+
clientX: e.clientX,
|
|
81
|
+
clientY: e.clientY,
|
|
82
|
+
});
|
|
83
|
+
(_a = anchorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
|
|
84
|
+
}) }), children)));
|
|
85
|
+
});
|
|
86
|
+
exports.LinkAnchorOverlay = LinkAnchorOverlay;
|
|
87
|
+
const LinkAnchor = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
88
|
+
var { children, asChild, className } = _a, restProps = __rest(_a, ["children", "asChild", "className"]);
|
|
89
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
90
|
+
const context = useLinkAnchorContext(false);
|
|
91
|
+
const mergedRefs = (0, useMergeRefs_1.useMergeRefs)(forwardedRef, context === null || context === void 0 ? void 0 : context.anchorRef);
|
|
92
|
+
const Component = asChild ? Slot_1.Slot : "a";
|
|
93
|
+
return (react_1.default.createElement(Component, Object.assign({ ref: mergedRefs }, restProps, { className: cn("navds-link-anchor", className) }), children));
|
|
94
|
+
});
|
|
95
|
+
exports.LinkAnchor = LinkAnchor;
|
|
96
|
+
const LinkAnchorArrow = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
97
|
+
var { className } = _a, restProps = __rest(_a, ["className"]);
|
|
98
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
99
|
+
return (react_1.default.createElement(aksel_icons_1.ArrowRightIcon, Object.assign({ ref: forwardedRef, "aria-hidden": true, className: cn("navds-link-anchor__arrow", className) }, restProps)));
|
|
100
|
+
});
|
|
101
|
+
exports.LinkAnchorArrow = LinkAnchorArrow;
|
|
102
|
+
/* -------------------------- LinkAnchor Utilities -------------------------- */
|
|
103
|
+
function isTextSelected() {
|
|
104
|
+
var _a;
|
|
105
|
+
if (typeof window === "undefined") {
|
|
106
|
+
return false;
|
|
107
|
+
}
|
|
108
|
+
return !!((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString());
|
|
109
|
+
}
|
|
110
|
+
//# sourceMappingURL=LinkAnchor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkAnchor.js","sourceRoot":"","sources":["../../../src/util/link-anchor/LinkAnchor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.LinkAnchorArrow = exports.LinkAnchorOverlay = exports.LinkAnchor = void 0;
|
|
5
|
+
var LinkAnchor_1 = require("./LinkAnchor");
|
|
6
|
+
Object.defineProperty(exports, "LinkAnchor", { enumerable: true, get: function () { return LinkAnchor_1.LinkAnchor; } });
|
|
7
|
+
Object.defineProperty(exports, "LinkAnchorOverlay", { enumerable: true, get: function () { return LinkAnchor_1.LinkAnchorOverlay; } });
|
|
8
|
+
Object.defineProperty(exports, "LinkAnchorArrow", { enumerable: true, get: function () { return LinkAnchor_1.LinkAnchorArrow; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/link-anchor/index.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,2CAA8E;AAArE,wGAAA,UAAU,OAAA;AAAE,+GAAA,iBAAiB,OAAA;AAAE,6GAAA,eAAe,OAAA"}
|
|
@@ -59,8 +59,8 @@ export const Switch = forwardRef((props, ref) => {
|
|
|
59
59
|
(_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
60
60
|
}, className: cn(className, "navds-switch__input") })),
|
|
61
61
|
React.createElement("span", { className: cn("navds-switch__track") },
|
|
62
|
-
React.createElement("span", { className: cn("navds-switch__thumb") },
|
|
63
|
-
React.createElement(
|
|
62
|
+
React.createElement("span", { className: cn("navds-switch__thumb") },
|
|
63
|
+
React.createElement(SwitchIcon, { size: size, checked: checked, loading: loading }))),
|
|
64
64
|
React.createElement("label", { htmlFor: inputProps.id, className: cn("navds-switch__label-wrapper") },
|
|
65
65
|
React.createElement("div", { className: cn("navds-switch__content", {
|
|
66
66
|
"navds-sr-only": hideLabel,
|
|
@@ -71,5 +71,26 @@ export const Switch = forwardRef((props, ref) => {
|
|
|
71
71
|
children),
|
|
72
72
|
description && (React.createElement(BodyShort, { size: size, as: "div", className: cn("navds-form-field__subdescription navds-switch__description") }, description))))));
|
|
73
73
|
});
|
|
74
|
+
const SwitchIcon = ({ size, checked, loading, }) => {
|
|
75
|
+
if (loading) {
|
|
76
|
+
let baseSize = 16;
|
|
77
|
+
if (size === "small") {
|
|
78
|
+
baseSize = 12;
|
|
79
|
+
}
|
|
80
|
+
if (checked) {
|
|
81
|
+
baseSize += 2;
|
|
82
|
+
}
|
|
83
|
+
return (React.createElement(Loader, { size: "small", "aria-live": "polite", variant: checked ? "interaction" : "inverted", width: `${baseSize / 16}rem`, height: `${baseSize / 16}rem` }));
|
|
84
|
+
}
|
|
85
|
+
if (!checked) {
|
|
86
|
+
return null;
|
|
87
|
+
}
|
|
88
|
+
if (size === "small") {
|
|
89
|
+
return (React.createElement("svg", { width: "11", height: "8", viewBox: "0 0 11 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", "aria-hidden": true },
|
|
90
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.62013 0.530226C10.1194 0.952686 10.1817 1.6999 9.7592 2.19917L5.4171 7.33075C5.20318 7.58356 4.89318 7.73525 4.5623 7.74901C4.23142 7.76277 3.90989 7.63735 3.67572 7.40318L1.3073 5.03476C0.844833 4.5723 0.844833 3.8225 1.3073 3.36003C1.76976 2.89757 2.51956 2.89757 2.98202 3.36003L4.4404 4.81841L7.95118 0.669304C8.37364 0.170033 9.12085 0.107765 9.62013 0.530226Z", fill: "currentColor" })));
|
|
91
|
+
}
|
|
92
|
+
return (React.createElement("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", "aria-hidden": true },
|
|
93
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.2674 0.647802C11.8762 1.20971 11.9141 2.1587 11.3522 2.76743L5.35221 9.26743C5.07531 9.56739 4.68813 9.74155 4.27998 9.74971C3.87184 9.75787 3.478 9.59933 3.18934 9.31067L0.68934 6.81067C0.103553 6.22488 0.103553 5.27513 0.68934 4.68935C1.27513 4.10356 2.22487 4.10356 2.81066 4.68935L4.20673 6.08541L9.14779 0.732587C9.7097 0.123856 10.6587 0.0858967 11.2674 0.647802Z", fill: "currentColor" })));
|
|
94
|
+
};
|
|
74
95
|
export default Switch;
|
|
75
96
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/form/switch/Switch.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/form/switch/Switch.tsx"],"names":[],"mappings":"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"}
|
package/esm/index.d.ts
CHANGED
|
@@ -52,6 +52,7 @@ export { Select, type SelectProps } from "./form/select/index.js";
|
|
|
52
52
|
export { Switch, type SwitchProps } from "./form/switch/index.js";
|
|
53
53
|
export { Textarea, type TextareaProps } from "./form/textarea/index.js";
|
|
54
54
|
export { TextField, type TextFieldProps } from "./form/textfield/index.js";
|
|
55
|
+
export { LinkCard, type LinkCardProps, type LinkCardTitleProps, type LinkCardDescriptionProps, type LinkCardFooterProps, type LinkCardAnchorProps, type LinkCardIconProps, type LinkCardImageProps, } from "./link-card/index.js";
|
|
55
56
|
/**
|
|
56
57
|
* Theming
|
|
57
58
|
*/
|
package/esm/index.js
CHANGED
|
@@ -53,6 +53,7 @@ export { Select } from "./form/select/index.js";
|
|
|
53
53
|
export { Switch } from "./form/switch/index.js";
|
|
54
54
|
export { Textarea } from "./form/textarea/index.js";
|
|
55
55
|
export { TextField } from "./form/textfield/index.js";
|
|
56
|
+
export { LinkCard, } from "./link-card/index.js";
|
|
56
57
|
/**
|
|
57
58
|
* Theming
|
|
58
59
|
*/
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import { LinkAnchorProps } from "../util/link-anchor/index.js";
|
|
3
|
+
interface LinkCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/**
|
|
5
|
+
* @default true
|
|
6
|
+
*/
|
|
7
|
+
arrow?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Changes padding and typo sizes.
|
|
10
|
+
* @default "medium"
|
|
11
|
+
*/
|
|
12
|
+
size?: "small" | "medium";
|
|
13
|
+
}
|
|
14
|
+
interface LinkCardComponent extends React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLDivElement>> {
|
|
15
|
+
/**
|
|
16
|
+
* @see 🏷️ {@link LinkCardTitleProps}
|
|
17
|
+
*/
|
|
18
|
+
Title: typeof LinkCardTitle;
|
|
19
|
+
/**
|
|
20
|
+
* @see 🏷️ {@link LinkCardAnchorProps}
|
|
21
|
+
*/
|
|
22
|
+
Anchor: typeof LinkCardAnchor;
|
|
23
|
+
/**
|
|
24
|
+
* @see 🏷️ {@link LinkCardDescriptionProps}
|
|
25
|
+
*/
|
|
26
|
+
Description: typeof LinkCardDescription;
|
|
27
|
+
/**
|
|
28
|
+
* @see 🏷️ {@link LinkCardFooterProps}
|
|
29
|
+
*/
|
|
30
|
+
Footer: typeof LinkCardFooter;
|
|
31
|
+
/**
|
|
32
|
+
* @see 🏷️ {@link LinkCardIconProps}
|
|
33
|
+
*/
|
|
34
|
+
Icon: typeof LinkCardIcon;
|
|
35
|
+
/**
|
|
36
|
+
* @see 🏷️ {@link LinkCardImageProps}
|
|
37
|
+
*/
|
|
38
|
+
Image: typeof LinkCardImage;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Accessible clickable card as a link.
|
|
42
|
+
*
|
|
43
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/linkcard)
|
|
44
|
+
* @see 🏷️ {@link LinkCardProps}
|
|
45
|
+
*
|
|
46
|
+
*
|
|
47
|
+
* @example
|
|
48
|
+
* ```tsx
|
|
49
|
+
* <LinkCard>
|
|
50
|
+
* <LinkCard.Icon>
|
|
51
|
+
* <IconOrPictogram />
|
|
52
|
+
* </LinkCard.Icon>
|
|
53
|
+
* <LinkCard.Title>
|
|
54
|
+
* <LinkCard.Anchor href="/href">
|
|
55
|
+
* LinkCard title
|
|
56
|
+
* </LinkCard.Anchor>
|
|
57
|
+
* </LinkCard.Title>
|
|
58
|
+
* <LinkCard.Description>
|
|
59
|
+
* This is a description of the link card.
|
|
60
|
+
* </LinkCard.Description>
|
|
61
|
+
* <LinkCard.Footer>Footer content</LinkCard.Footer>
|
|
62
|
+
* </LinkCard>
|
|
63
|
+
* ```
|
|
64
|
+
*/
|
|
65
|
+
export declare const LinkCard: LinkCardComponent;
|
|
66
|
+
type LinkCardTitleProps = HTMLAttributes<HTMLHeadingElement> & {
|
|
67
|
+
children: React.ReactNode;
|
|
68
|
+
/**
|
|
69
|
+
* Heading tag. Use "span" if you want a non header defining card
|
|
70
|
+
* (eg. you have a lot of them all at once, such as in a grid)
|
|
71
|
+
* @default "span"
|
|
72
|
+
*/
|
|
73
|
+
as?: "span" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
74
|
+
};
|
|
75
|
+
/**
|
|
76
|
+
* @see 🏷️ {@link LinkCardTitleProps}
|
|
77
|
+
*/
|
|
78
|
+
export declare const LinkCardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & {
|
|
79
|
+
children: React.ReactNode;
|
|
80
|
+
/**
|
|
81
|
+
* Heading tag. Use "span" if you want a non header defining card
|
|
82
|
+
* (eg. you have a lot of them all at once, such as in a grid)
|
|
83
|
+
* @default "span"
|
|
84
|
+
*/
|
|
85
|
+
as?: "span" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
86
|
+
} & React.RefAttributes<HTMLHeadingElement>>;
|
|
87
|
+
type LinkCardAnchorProps = LinkAnchorProps;
|
|
88
|
+
/**
|
|
89
|
+
* @see 🏷️ {@link LinkCardAnchorProps}
|
|
90
|
+
*/
|
|
91
|
+
export declare const LinkCardAnchor: React.ForwardRefExoticComponent<LinkAnchorProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
92
|
+
interface LinkCardDescriptionProps extends HTMLAttributes<HTMLDivElement> {
|
|
93
|
+
children: React.ReactNode;
|
|
94
|
+
}
|
|
95
|
+
/**
|
|
96
|
+
* @see 🏷️ {@link LinkCardDescriptionProps}
|
|
97
|
+
*/
|
|
98
|
+
export declare const LinkCardDescription: React.ForwardRefExoticComponent<LinkCardDescriptionProps & React.RefAttributes<HTMLDivElement>>;
|
|
99
|
+
interface LinkCardFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
100
|
+
children: React.ReactNode;
|
|
101
|
+
}
|
|
102
|
+
/**
|
|
103
|
+
* @see 🏷️ {@link LinkCardFooterProps}
|
|
104
|
+
*/
|
|
105
|
+
export declare const LinkCardFooter: React.ForwardRefExoticComponent<LinkCardFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
106
|
+
interface LinkCardIconProps extends HTMLAttributes<HTMLDivElement> {
|
|
107
|
+
children: React.ReactNode;
|
|
108
|
+
}
|
|
109
|
+
/**
|
|
110
|
+
* @see 🏷️ {@link LinkCardIconProps}
|
|
111
|
+
*/
|
|
112
|
+
export declare const LinkCardIcon: React.ForwardRefExoticComponent<LinkCardIconProps & React.RefAttributes<HTMLDivElement>>;
|
|
113
|
+
type ImageAspectRatio = "1/1" | "16/9" | "16/10" | "4/3" | (string & {});
|
|
114
|
+
interface LinkCardImageProps extends HTMLAttributes<HTMLDivElement> {
|
|
115
|
+
children: React.ReactNode;
|
|
116
|
+
/**
|
|
117
|
+
* The aspect-ratio CSS property allows you to define the desired width-to-height ratio of an element's box.
|
|
118
|
+
* This means that even if the parent container or viewport size changes, the browser will adjust the element's dimensions to maintain the specified width-to-height ratio.
|
|
119
|
+
*/
|
|
120
|
+
aspectRatio?: ImageAspectRatio;
|
|
121
|
+
}
|
|
122
|
+
/**
|
|
123
|
+
* @see 🏷️ {@link LinkCardImageProps}
|
|
124
|
+
*/
|
|
125
|
+
export declare const LinkCardImage: React.ForwardRefExoticComponent<LinkCardImageProps & React.RefAttributes<HTMLDivElement>>;
|
|
126
|
+
export type { LinkCardAnchorProps, LinkCardDescriptionProps, LinkCardFooterProps, LinkCardIconProps, LinkCardImageProps, LinkCardProps, LinkCardTitleProps, };
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { forwardRef } from "react";
|
|
13
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
|
+
import { BodyLong, Heading } from "../typography/index.js";
|
|
15
|
+
import { createContext } from "../util/create-context.js";
|
|
16
|
+
import { LinkAnchor, LinkAnchorArrow, LinkAnchorOverlay, } from "../util/link-anchor/index.js";
|
|
17
|
+
const [LinkCardContextProvider, useLinkCardContext] = createContext({
|
|
18
|
+
name: "LinkCardContextProvider",
|
|
19
|
+
});
|
|
20
|
+
/**
|
|
21
|
+
* Accessible clickable card as a link.
|
|
22
|
+
*
|
|
23
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/linkcard)
|
|
24
|
+
* @see 🏷️ {@link LinkCardProps}
|
|
25
|
+
*
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* ```tsx
|
|
29
|
+
* <LinkCard>
|
|
30
|
+
* <LinkCard.Icon>
|
|
31
|
+
* <IconOrPictogram />
|
|
32
|
+
* </LinkCard.Icon>
|
|
33
|
+
* <LinkCard.Title>
|
|
34
|
+
* <LinkCard.Anchor href="/href">
|
|
35
|
+
* LinkCard title
|
|
36
|
+
* </LinkCard.Anchor>
|
|
37
|
+
* </LinkCard.Title>
|
|
38
|
+
* <LinkCard.Description>
|
|
39
|
+
* This is a description of the link card.
|
|
40
|
+
* </LinkCard.Description>
|
|
41
|
+
* <LinkCard.Footer>Footer content</LinkCard.Footer>
|
|
42
|
+
* </LinkCard>
|
|
43
|
+
* ```
|
|
44
|
+
*/
|
|
45
|
+
export const LinkCard = forwardRef((_a, forwardedRef) => {
|
|
46
|
+
var { children, className, arrow = true, size = "medium" } = _a, restProps = __rest(_a, ["children", "className", "arrow", "size"]);
|
|
47
|
+
const { cn } = useRenameCSS();
|
|
48
|
+
return (React.createElement(LinkCardContextProvider, { size: size, arrow: arrow },
|
|
49
|
+
React.createElement(LinkAnchorOverlay, { asChild: true },
|
|
50
|
+
React.createElement(BodyLong, Object.assign({ as: "div", size: size, ref: forwardedRef, "data-color": "neutral", className: cn("navds-link-card", className, `navds-link-card--${size}`) }, restProps), children))));
|
|
51
|
+
});
|
|
52
|
+
/**
|
|
53
|
+
* @see 🏷️ {@link LinkCardTitleProps}
|
|
54
|
+
*/
|
|
55
|
+
export const LinkCardTitle = forwardRef((_a, forwardedRef) => {
|
|
56
|
+
var { children, as = "span", className } = _a, restProps = __rest(_a, ["children", "as", "className"]);
|
|
57
|
+
const { cn } = useRenameCSS();
|
|
58
|
+
const context = useLinkCardContext();
|
|
59
|
+
return (React.createElement(Heading, Object.assign({ ref: forwardedRef, as: as, size: context.size === "medium" ? "small" : "xsmall", className: cn("navds-link-card__title", className) }, restProps),
|
|
60
|
+
children,
|
|
61
|
+
context.arrow && (React.createElement(LinkAnchorArrow, { fontSize: context.size === "medium" ? "1.75rem" : "1.5rem" }))));
|
|
62
|
+
});
|
|
63
|
+
/**
|
|
64
|
+
* @see 🏷️ {@link LinkCardAnchorProps}
|
|
65
|
+
*/
|
|
66
|
+
export const LinkCardAnchor = LinkAnchor;
|
|
67
|
+
/**
|
|
68
|
+
* @see 🏷️ {@link LinkCardDescriptionProps}
|
|
69
|
+
*/
|
|
70
|
+
export const LinkCardDescription = forwardRef((_a, forwardedRef) => {
|
|
71
|
+
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
72
|
+
const { cn } = useRenameCSS();
|
|
73
|
+
return (React.createElement("div", Object.assign({ ref: forwardedRef, className: cn("navds-link-card__description", className) }, restProps), children));
|
|
74
|
+
});
|
|
75
|
+
/**
|
|
76
|
+
* @see 🏷️ {@link LinkCardFooterProps}
|
|
77
|
+
*/
|
|
78
|
+
export const LinkCardFooter = forwardRef((_a, forwardedRef) => {
|
|
79
|
+
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
80
|
+
const { cn } = useRenameCSS();
|
|
81
|
+
return (React.createElement("div", Object.assign({ ref: forwardedRef, className: cn("navds-link-card__footer", className) }, restProps), children));
|
|
82
|
+
});
|
|
83
|
+
/**
|
|
84
|
+
* @see 🏷️ {@link LinkCardIconProps}
|
|
85
|
+
*/
|
|
86
|
+
export const LinkCardIcon = forwardRef((_a, forwardedRef) => {
|
|
87
|
+
var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
88
|
+
const { cn } = useRenameCSS();
|
|
89
|
+
return (React.createElement("div", Object.assign({ ref: forwardedRef, "aria-hidden": true, className: cn("navds-link-card__icon", className) }, restProps), children));
|
|
90
|
+
});
|
|
91
|
+
/**
|
|
92
|
+
* @see 🏷️ {@link LinkCardImageProps}
|
|
93
|
+
*/
|
|
94
|
+
export const LinkCardImage = forwardRef((_a, forwardedRef) => {
|
|
95
|
+
var { children, className, aspectRatio, style } = _a, restProps = __rest(_a, ["children", "className", "aspectRatio", "style"]);
|
|
96
|
+
const { cn } = useRenameCSS();
|
|
97
|
+
return (React.createElement("div", Object.assign({ ref: forwardedRef, className: cn("navds-link-card__image-container", className), style: Object.assign(Object.assign({}, style), { aspectRatio }) }, restProps), children));
|
|
98
|
+
});
|
|
99
|
+
LinkCard.Title = LinkCardTitle;
|
|
100
|
+
LinkCard.Anchor = LinkCardAnchor;
|
|
101
|
+
LinkCard.Description = LinkCardDescription;
|
|
102
|
+
LinkCard.Footer = LinkCardFooter;
|
|
103
|
+
LinkCard.Icon = LinkCardIcon;
|
|
104
|
+
LinkCard.Image = LinkCardImage;
|
|
105
|
+
//# sourceMappingURL=LinkCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkCard.js","sourceRoot":"","sources":["../../src/link-card/LinkCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { LinkCard, LinkCardTitle, LinkCardDescription, LinkCardFooter, LinkCardAnchor, LinkCardIcon, LinkCardImage, } from "./LinkCard.js";
|
|
2
|
+
export type { LinkCardProps, LinkCardTitleProps, LinkCardDescriptionProps, LinkCardFooterProps, LinkCardAnchorProps, LinkCardIconProps, LinkCardImageProps, } from "./LinkCard.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/link-card/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EACL,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,YAAY,EACZ,aAAa,GACd,MAAM,YAAY,CAAC"}
|
|
@@ -25,21 +25,13 @@ interface LinkPanelComponentType extends OverridableComponent<LinkPanelProps, HT
|
|
|
25
25
|
Description: React.ForwardRefExoticComponent<LinkPanelDescriptionProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
26
|
}
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* @deprecated Use `LinkCard` instead. Migrations should be straightforward as the API is similar.
|
|
29
|
+
* @see [📝 LinkCard documentation](https://aksel.nav.no/komponenter/core/linkcard)
|
|
29
30
|
*
|
|
30
|
-
* @see [📝 Documentation](https://aksel.nav.no/komponenter/
|
|
31
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/legacy/linkpanel)
|
|
31
32
|
* @see 🏷️ {@link LinkPanelProps}
|
|
32
33
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
33
34
|
*
|
|
34
|
-
* @example
|
|
35
|
-
* ```jsx
|
|
36
|
-
* <LinkPanel href="#" border>
|
|
37
|
-
* <LinkPanel.Title>Arbeidssøker eller permittert</LinkPanel.Title>
|
|
38
|
-
* <LinkPanel.Description>
|
|
39
|
-
* Om jobb, registrering, CV, dagpenger og feriepenger av dagpenger
|
|
40
|
-
* </LinkPanel.Description>
|
|
41
|
-
* </LinkPanel>
|
|
42
|
-
* ```
|
|
43
35
|
*/
|
|
44
36
|
export declare const LinkPanelComponent: OverridableComponent<LinkPanelProps, HTMLAnchorElement>;
|
|
45
37
|
declare const LinkPanel: LinkPanelComponentType;
|
|
@@ -16,21 +16,13 @@ import { useRenameCSS } from "../theme/Theme.js";
|
|
|
16
16
|
import { LinkPanelDescription, } from "./LinkPanelDescription.js";
|
|
17
17
|
import { LinkPanelTitle } from "./LinkPanelTitle.js";
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* @deprecated Use `LinkCard` instead. Migrations should be straightforward as the API is similar.
|
|
20
|
+
* @see [📝 LinkCard documentation](https://aksel.nav.no/komponenter/core/linkcard)
|
|
20
21
|
*
|
|
21
|
-
* @see [📝 Documentation](https://aksel.nav.no/komponenter/
|
|
22
|
+
* @see [📝 Documentation](https://aksel.nav.no/komponenter/legacy/linkpanel)
|
|
22
23
|
* @see 🏷️ {@link LinkPanelProps}
|
|
23
24
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
24
25
|
*
|
|
25
|
-
* @example
|
|
26
|
-
* ```jsx
|
|
27
|
-
* <LinkPanel href="#" border>
|
|
28
|
-
* <LinkPanel.Title>Arbeidssøker eller permittert</LinkPanel.Title>
|
|
29
|
-
* <LinkPanel.Description>
|
|
30
|
-
* Om jobb, registrering, CV, dagpenger og feriepenger av dagpenger
|
|
31
|
-
* </LinkPanel.Description>
|
|
32
|
-
* </LinkPanel>
|
|
33
|
-
* ```
|
|
34
26
|
*/
|
|
35
27
|
export const LinkPanelComponent = forwardRef((_a, ref) => {
|
|
36
28
|
var { children, as = "a", border = true, className } = _a, rest = __rest(_a, ["children", "as", "border", "className"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkPanel.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EACL,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AA8BvE
|
|
1
|
+
{"version":3,"file":"LinkPanel.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EACL,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AA8BvE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAG3B,UAAU,CACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,EAAE,GAAG,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,OAAW,EAAN,IAAI,cAAvD,yCAAyD,CAAF;IACtD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,KAAK,oBACA,IAAI,IACR,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QAE5C,6BAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAAG,QAAQ,CAAO;QACjE,oBAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,wBAE1C,CACI,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,kBAA4C,CAAC;AAE/D,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAE7C,eAAe,SAAS,CAAC"}
|
package/esm/table/Table.d.ts
CHANGED
package/esm/table/Table.js
CHANGED
|
@@ -52,11 +52,12 @@ import { TableContext } from "./context.js";
|
|
|
52
52
|
* ```
|
|
53
53
|
*/
|
|
54
54
|
export const Table = forwardRef((_a, ref) => {
|
|
55
|
-
var { className, zebraStripes = false, size = "medium", onSortChange, sort } = _a, rest = __rest(_a, ["className", "zebraStripes", "size", "onSortChange", "sort"]);
|
|
55
|
+
var { className, zebraStripes = false, size = "medium", onSortChange, sort, stickyHeader = false } = _a, rest = __rest(_a, ["className", "zebraStripes", "size", "onSortChange", "sort", "stickyHeader"]);
|
|
56
56
|
const { cn } = useRenameCSS();
|
|
57
57
|
return (React.createElement(TableContext.Provider, { value: { onSortChange, sort } },
|
|
58
58
|
React.createElement("table", Object.assign({}, rest, { ref: ref, className: cn("navds-table", `navds-table--${size}`, className, {
|
|
59
59
|
"navds-table--zebra-stripes": zebraStripes,
|
|
60
|
+
"navds-table--sticky-header": stickyHeader,
|
|
60
61
|
}) }))));
|
|
61
62
|
});
|
|
62
63
|
Table.Header = Header;
|
package/esm/table/Table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AA2CzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,IAAI,GAAG,QAAQ,EACf,YAAY,EACZ,IAAI,EACJ,YAAY,GAAG,KAAK,OAErB,EADI,IAAI,cAPT,6EAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE;QAClD,+CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE,SAAS,EAAE;gBAC9D,4BAA4B,EAAE,YAAY;gBAC1C,4BAA4B,EAAE,YAAY;aAC3C,CAAC,IACF,CACoB,CACzB,CAAC;AACJ,CAAC,CACW,CAAC;AAEf,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACtB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;AAClB,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;AAChB,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC;AAClC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;AAC9B,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC1B,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;AAEpC,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React, { AnchorHTMLAttributes, HTMLAttributes, SVGProps } from "react";
|
|
2
|
+
import { AsChildProps } from "../types/index.js";
|
|
3
|
+
type LinkAnchorOverlayProps = HTMLAttributes<HTMLDivElement> & AsChildProps;
|
|
4
|
+
declare const LinkAnchorOverlay: React.ForwardRefExoticComponent<LinkAnchorOverlayProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
type LinkAnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & ({
|
|
6
|
+
children: React.ReactElement | false | null;
|
|
7
|
+
/**
|
|
8
|
+
* Renders the component and its child as a single element,
|
|
9
|
+
* merging the props of the component with the props of the child.
|
|
10
|
+
*/
|
|
11
|
+
asChild: true;
|
|
12
|
+
as?: never;
|
|
13
|
+
} | {
|
|
14
|
+
children: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Renders the component and its child as a single element,
|
|
17
|
+
* merging the props of the component with the props of the child.
|
|
18
|
+
*/
|
|
19
|
+
asChild?: false;
|
|
20
|
+
href: string;
|
|
21
|
+
});
|
|
22
|
+
declare const LinkAnchor: React.ForwardRefExoticComponent<LinkAnchorProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
23
|
+
type LinkAnchorArrowProps = Omit<SVGProps<SVGSVGElement>, "ref">;
|
|
24
|
+
declare const LinkAnchorArrow: React.ForwardRefExoticComponent<LinkAnchorArrowProps & React.RefAttributes<SVGSVGElement>>;
|
|
25
|
+
export { LinkAnchor, LinkAnchorArrow, LinkAnchorOverlay };
|
|
26
|
+
export type { LinkAnchorArrowProps, LinkAnchorOverlayProps, LinkAnchorProps };
|