@navikt/ds-react 2.9.8 → 3.0.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/_docs.json +101 -0
- package/cjs/accordion/Accordion.js +8 -2
- package/cjs/accordion/AccordionContent.js +3 -3
- package/cjs/accordion/AccordionContext.js +10 -0
- package/cjs/accordion/AccordionHeader.js +14 -12
- package/cjs/accordion/AccordionItem.js +18 -5
- package/cjs/alert/Alert.js +5 -5
- package/cjs/chips/Removable.js +2 -2
- package/cjs/chips/Toggle.js +2 -2
- package/cjs/date/DateInput.js +2 -2
- package/cjs/date/datepicker/caption/Caption.js +3 -3
- package/cjs/date/datepicker/caption/DropdownCaption.js +3 -3
- package/cjs/date/monthpicker/MonthCaption.js +3 -3
- package/cjs/expansion-card/ExpansionCard.js +1 -1
- package/cjs/expansion-card/ExpansionCardDescription.js +1 -1
- package/cjs/form/Select.js +2 -2
- package/cjs/form/Switch.js +2 -2
- package/cjs/form/search/Search.js +3 -3
- package/cjs/form/search/SearchButton.js +2 -2
- package/cjs/help-text/HelpText.js +3 -3
- package/cjs/help-text/HelpTextIcon.js +20 -0
- package/cjs/link-panel/LinkPanel.js +2 -2
- package/cjs/modal/Modal.js +2 -2
- package/cjs/pagination/Pagination.js +4 -4
- package/cjs/read-more/ReadMore.js +5 -7
- package/cjs/stepper/Step.js +4 -2
- package/cjs/table/ColumnHeader.js +2 -2
- package/cjs/table/ExpandableRow.js +2 -3
- package/cjs/tabs/TabList.js +2 -2
- package/esm/accordion/Accordion.d.ts +12 -0
- package/esm/accordion/Accordion.js +8 -2
- package/esm/accordion/Accordion.js.map +1 -1
- package/esm/accordion/AccordionContent.js +3 -3
- package/esm/accordion/AccordionContent.js.map +1 -1
- package/esm/accordion/AccordionContext.d.ts +8 -0
- package/esm/accordion/AccordionContext.js +8 -0
- package/esm/accordion/AccordionContext.js.map +1 -0
- package/esm/accordion/AccordionHeader.js +14 -12
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/accordion/AccordionItem.js +19 -6
- package/esm/accordion/AccordionItem.js.map +1 -1
- package/esm/alert/Alert.js +5 -5
- package/esm/alert/Alert.js.map +1 -1
- package/esm/chips/Removable.js +2 -2
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.js +2 -2
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/date/DateInput.js +2 -2
- package/esm/date/DateInput.js.map +1 -1
- package/esm/date/datepicker/caption/Caption.js +3 -3
- package/esm/date/datepicker/caption/Caption.js.map +1 -1
- package/esm/date/datepicker/caption/DropdownCaption.js +3 -3
- package/esm/date/datepicker/caption/DropdownCaption.js.map +1 -1
- package/esm/date/monthpicker/MonthCaption.js +3 -3
- package/esm/date/monthpicker/MonthCaption.js.map +1 -1
- package/esm/expansion-card/ExpansionCard.js +1 -1
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/expansion-card/ExpansionCardDescription.js +1 -1
- package/esm/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/esm/form/Fieldset/useFieldset.d.ts +1 -1
- package/esm/form/Select.js +2 -2
- package/esm/form/Select.js.map +1 -1
- package/esm/form/Switch.js +2 -2
- package/esm/form/Switch.js.map +1 -1
- package/esm/form/checkbox/useCheckbox.d.ts +1 -1
- package/esm/form/radio/useRadio.d.ts +1 -1
- package/esm/form/search/Search.js +3 -3
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/search/SearchButton.js +2 -2
- package/esm/form/search/SearchButton.js.map +1 -1
- package/esm/form/useFormField.d.ts +1 -1
- package/esm/help-text/HelpText.js +3 -3
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/help-text/HelpTextIcon.d.ts +5 -0
- package/esm/help-text/HelpTextIcon.js +14 -0
- package/esm/help-text/HelpTextIcon.js.map +1 -0
- package/esm/link-panel/LinkPanel.js +2 -2
- package/esm/link-panel/LinkPanel.js.map +1 -1
- package/esm/modal/Modal.js +2 -2
- package/esm/modal/Modal.js.map +1 -1
- package/esm/pagination/Pagination.js +4 -4
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/read-more/ReadMore.js +5 -7
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/stepper/Step.js +4 -2
- package/esm/stepper/Step.js.map +1 -1
- package/esm/table/ColumnHeader.js +2 -2
- package/esm/table/ColumnHeader.js.map +1 -1
- package/esm/table/ExpandableRow.js +2 -3
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/tabs/TabList.js +3 -3
- package/esm/tabs/TabList.js.map +1 -1
- package/esm/util/index.d.ts +1 -1
- package/package.json +3 -3
- package/src/accordion/Accordion.tsx +43 -3
- package/src/accordion/AccordionContent.tsx +14 -11
- package/src/accordion/AccordionContext.tsx +15 -0
- package/src/accordion/AccordionHeader.tsx +20 -20
- package/src/accordion/AccordionItem.tsx +25 -6
- package/src/accordion/accordion.stories.tsx +217 -16
- package/src/alert/Alert.tsx +9 -9
- package/src/button/button.stories.tsx +8 -8
- package/src/chips/Removable.tsx +2 -2
- package/src/chips/Toggle.tsx +2 -2
- package/src/date/DateInput.tsx +2 -2
- package/src/date/datepicker/caption/Caption.tsx +3 -3
- package/src/date/datepicker/caption/DropdownCaption.tsx +3 -3
- package/src/date/monthpicker/MonthCaption.tsx +3 -3
- package/src/expansion-card/ExpansionCard.tsx +1 -1
- package/src/expansion-card/ExpansionCardDescription.tsx +1 -1
- package/src/form/Select.tsx +3 -2
- package/src/form/Switch.tsx +4 -5
- package/src/form/search/Search.tsx +6 -3
- package/src/form/search/SearchButton.tsx +2 -2
- package/src/help-text/HelpText.tsx +3 -6
- package/src/help-text/HelpTextIcon.tsx +45 -0
- package/src/link/link.stories.tsx +7 -5
- package/src/link-panel/LinkPanel.tsx +3 -2
- package/src/list/list.stories.tsx +9 -9
- package/src/modal/Modal.tsx +4 -3
- package/src/pagination/Pagination.tsx +5 -4
- package/src/read-more/ReadMore.tsx +14 -11
- package/src/read-more/readmore.stories.tsx +5 -2
- package/src/stepper/Step.tsx +22 -5
- package/src/stepper/stepper.stories.tsx +1 -3
- package/src/table/ColumnHeader.tsx +8 -4
- package/src/table/ExpandableRow.tsx +2 -6
- package/src/tabs/TabList.tsx +4 -4
- package/src/tabs/Tabs.stories.tsx +49 -25
- package/src/toggle-group/ToggleGroup.stories.tsx +12 -7
|
@@ -38,9 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.Pagination = exports.getSteps = void 0;
|
|
41
|
-
const react_1 = __importStar(require("react"));
|
|
42
41
|
const clsx_1 = __importDefault(require("clsx"));
|
|
43
|
-
const
|
|
42
|
+
const react_1 = __importStar(require("react"));
|
|
43
|
+
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
44
44
|
const __1 = require("..");
|
|
45
45
|
const PaginationItem_1 = __importDefault(require("./PaginationItem"));
|
|
46
46
|
const getSteps = ({ page, count, boundaryCount = 1, siblingCount = 1, }) => {
|
|
@@ -89,7 +89,7 @@ exports.Pagination = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
89
89
|
react_1.default.createElement(Item, { className: (0, clsx_1.default)("navds-pagination__prev-next", {
|
|
90
90
|
"navds-pagination--invisible": page === 1,
|
|
91
91
|
"navds-pagination--prev-next--with-text": prevNextTexts,
|
|
92
|
-
}), disabled: page === 1, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page - 1), page: page - 1, size: size, icon: react_1.default.createElement(
|
|
92
|
+
}), disabled: page === 1, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page - 1), page: page - 1, size: size, icon: react_1.default.createElement(aksel_icons_1.ChevronLeftIcon, Object.assign({ className: "navds-pagination__prev-next-icon" }, (prevNextTexts
|
|
93
93
|
? { "aria-hidden": true }
|
|
94
94
|
: { title: "Forrige" }))) }, prevNextTexts && (react_1.default.createElement(__1.BodyShort, { size: size === "xsmall" ? "small" : size, className: "navds-pagination__prev-text" }, "Forrige")))),
|
|
95
95
|
(0, exports.getSteps)({ page, count, siblingCount, boundaryCount }).map((step, i) => {
|
|
@@ -103,7 +103,7 @@ exports.Pagination = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
103
103
|
react_1.default.createElement(Item, { className: (0, clsx_1.default)("navds-pagination__prev-next", {
|
|
104
104
|
"navds-pagination--invisible": page === count,
|
|
105
105
|
"navds-pagination--prev-next--with-text": prevNextTexts,
|
|
106
|
-
}), disabled: page === count, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page + 1), page: page + 1, size: size, icon: react_1.default.createElement(
|
|
106
|
+
}), disabled: page === count, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page + 1), page: page + 1, size: size, icon: react_1.default.createElement(aksel_icons_1.ChevronRightIcon, Object.assign({ className: "navds-pagination__prev-next-icon" }, (prevNextTexts
|
|
107
107
|
? { "aria-hidden": true }
|
|
108
108
|
: { title: "Neste" }))), iconPosition: "right" }, prevNextTexts && (react_1.default.createElement(__1.BodyShort, { size: size === "xsmall" ? "small" : size, className: "navds-pagination__next-text" }, "Neste")))))));
|
|
109
109
|
});
|
|
@@ -40,10 +40,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
40
40
|
exports.ReadMore = void 0;
|
|
41
41
|
const react_1 = __importStar(require("react"));
|
|
42
42
|
const clsx_1 = __importDefault(require("clsx"));
|
|
43
|
-
const ds_icons_1 = require("@navikt/ds-icons");
|
|
44
43
|
const typography_1 = require("../typography");
|
|
45
|
-
const
|
|
46
|
-
const AnimateHeight_1 = __importDefault(require("../util/AnimateHeight"));
|
|
44
|
+
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
47
45
|
exports.ReadMore = (0, react_1.forwardRef)((_a, ref) => {
|
|
48
46
|
var { className, header, children, open, defaultOpen = false, onClick, size = "medium" } = _a, rest = __rest(_a, ["className", "header", "children", "open", "defaultOpen", "onClick", "size"]);
|
|
49
47
|
const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultOpen);
|
|
@@ -57,10 +55,10 @@ exports.ReadMore = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
57
55
|
}
|
|
58
56
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
59
57
|
}, "aria-expanded": isOpened }),
|
|
60
|
-
react_1.default.createElement(
|
|
61
|
-
react_1.default.createElement(ds_icons_2.ExpandFilled, { className: "navds-read-more__expand-icon navds-read-more__expand-icon--filled", "aria-hidden": true }),
|
|
58
|
+
react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className: "navds-read-more__expand-icon", "aria-hidden": true }),
|
|
62
59
|
react_1.default.createElement("span", null, header)),
|
|
63
|
-
react_1.default.createElement(
|
|
64
|
-
|
|
60
|
+
react_1.default.createElement(typography_1.BodyLong, { as: "div", "aria-hidden": !isOpened, className: (0, clsx_1.default)("navds-read-more__content", {
|
|
61
|
+
"navds-read-more__content--closed": !isOpened,
|
|
62
|
+
}), size: size }, children)));
|
|
65
63
|
});
|
|
66
64
|
exports.default = exports.ReadMore;
|
package/cjs/stepper/Step.js
CHANGED
|
@@ -38,11 +38,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.StepComponent = void 0;
|
|
41
|
-
const ds_icons_1 = require("@navikt/ds-icons");
|
|
42
41
|
const clsx_1 = __importDefault(require("clsx"));
|
|
43
42
|
const react_1 = __importStar(require("react"));
|
|
44
43
|
const __1 = require("..");
|
|
45
44
|
const Stepper_1 = require("./Stepper");
|
|
45
|
+
const CompletedIcon = () => (react_1.default.createElement("svg", { width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", "aria-hidden": true, "aria-label": "Fullf\u00F8rt" },
|
|
46
|
+
react_1.default.createElement("path", { d: "M4.93563 6.41478L11.3755 0.404669C11.9796 -0.160351 12.9294 -0.130672 13.4959 0.47478C14.0624 1.08027 14.0299 2.03007 13.4249 2.59621L5.92151 9.59934C5.64138 9.85904 5.27598 10 4.90064 10C4.5069 10 4.12756 9.84621 3.83953 9.56111L1.33953 7.06111C0.75401 6.47558 0.75401 5.52542 1.33953 4.93989C1.92506 4.35437 2.87522 4.35437 3.46075 4.93989L4.93563 6.41478Z", fill: "currentColor" })));
|
|
46
47
|
exports.StepComponent = (0, react_1.forwardRef)((_a, ref) => {
|
|
47
48
|
var { className, children, as: Component = "a", unsafe_index = 0, completed = false, interactive } = _a, rest = __rest(_a, ["className", "children", "as", "unsafe_index", "completed", "interactive"]);
|
|
48
49
|
const context = (0, react_1.useContext)(Stepper_1.StepperContext);
|
|
@@ -63,7 +64,8 @@ exports.StepComponent = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
63
64
|
isInteractive && context.onStepChange(unsafe_index + 1);
|
|
64
65
|
(_a = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, e);
|
|
65
66
|
} }),
|
|
66
|
-
completed ? (react_1.default.createElement(
|
|
67
|
+
completed ? (react_1.default.createElement("span", { className: "navds-stepper__circle navds-stepper__circle--success" },
|
|
68
|
+
react_1.default.createElement(CompletedIcon, null))) : (react_1.default.createElement(__1.Label, { className: "navds-stepper__circle", as: "span", "aria-hidden": "true" }, unsafe_index + 1)),
|
|
67
69
|
react_1.default.createElement(__1.Label, { as: "span", className: "navds-stepper__content" }, children)));
|
|
68
70
|
});
|
|
69
71
|
const Step = exports.StepComponent;
|
|
@@ -39,9 +39,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.ColumnHeader = void 0;
|
|
41
41
|
const react_1 = __importStar(require("react"));
|
|
42
|
-
const ds_icons_1 = require("@navikt/ds-icons");
|
|
43
42
|
const Table_1 = require("./Table");
|
|
44
43
|
const HeaderCell_1 = __importDefault(require("./HeaderCell"));
|
|
44
|
+
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
45
45
|
exports.ColumnHeader = (0, react_1.forwardRef)((_a, ref) => {
|
|
46
46
|
var _b, _c, _d, _e;
|
|
47
47
|
var { className, children, sortable = false, sortKey } = _a, rest = __rest(_a, ["className", "children", "sortable", "sortKey"]);
|
|
@@ -57,6 +57,6 @@ 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(
|
|
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.ArrowDownIcon, { "aria-hidden": true })) : (react_1.default.createElement(aksel_icons_1.ArrowUpIcon, { "aria-hidden": true }))) : (react_1.default.createElement(aksel_icons_1.ArrowsUpDownIcon, { "aria-hidden": true })))) : (children)));
|
|
61
61
|
});
|
|
62
62
|
exports.default = exports.ColumnHeader;
|
|
@@ -38,13 +38,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.ExpandableRow = void 0;
|
|
41
|
-
const ds_icons_1 = require("@navikt/ds-icons");
|
|
42
41
|
const clsx_1 = __importDefault(require("clsx"));
|
|
43
42
|
const react_1 = __importStar(require("react"));
|
|
44
43
|
const __1 = require("..");
|
|
45
44
|
const AnimateHeight_1 = __importDefault(require("../util/AnimateHeight"));
|
|
46
45
|
const DataCell_1 = __importDefault(require("./DataCell"));
|
|
47
46
|
const Row_1 = __importDefault(require("./Row"));
|
|
47
|
+
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
48
48
|
exports.ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
|
|
49
49
|
var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false, colSpan = 999 } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled", "colSpan"]);
|
|
50
50
|
const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultOpen);
|
|
@@ -63,8 +63,7 @@ exports.ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
63
63
|
setInternalOpen((open) => !open);
|
|
64
64
|
}
|
|
65
65
|
} },
|
|
66
|
-
react_1.default.createElement(
|
|
67
|
-
react_1.default.createElement(ds_icons_1.ExpandFilled, { className: "navds-table__expandable-icon navds-table__expandable-icon--filled", title: isOpen ? "Vis mindre" : "Vis mer" })))),
|
|
66
|
+
react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className: "navds-table__expandable-icon", title: isOpen ? "Vis mindre" : "Vis mer" })))),
|
|
68
67
|
togglePlacement === "left" && children),
|
|
69
68
|
react_1.default.createElement("tr", { className: "navds-table__expanded-row", "aria-hidden": !isOpen, id: id },
|
|
70
69
|
react_1.default.createElement("td", { colSpan: colSpan, className: "navds-table__expanded-row-cell" },
|
package/cjs/tabs/TabList.js
CHANGED
|
@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.TabList = void 0;
|
|
41
|
-
const
|
|
41
|
+
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
42
42
|
const react_tabs_1 = require("@radix-ui/react-tabs");
|
|
43
43
|
const clsx_1 = __importDefault(require("clsx"));
|
|
44
44
|
const react_1 = __importStar(require("react"));
|
|
@@ -100,7 +100,7 @@ exports.TabList = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
100
100
|
if (!listRef.current)
|
|
101
101
|
return;
|
|
102
102
|
listRef.current.scrollLeft += dir * 100;
|
|
103
|
-
} }, dir === -1 ? (react_1.default.createElement(
|
|
103
|
+
} }, dir === -1 ? (react_1.default.createElement(aksel_icons_1.ChevronLeftIcon, { title: "scroll tilbake" })) : (react_1.default.createElement(aksel_icons_1.ChevronRightIcon, { title: "scroll neste" }))));
|
|
104
104
|
const showSteppers = displayScroll.end || displayScroll.start;
|
|
105
105
|
return (react_1.default.createElement("div", { className: "navds-tabs__tablist-wrapper" },
|
|
106
106
|
showSteppers && (react_1.default.createElement(ScrollButton, { dir: -1, hidden: !displayScroll.start })),
|
|
@@ -8,6 +8,18 @@ interface AccordionComponent extends React.ForwardRefExoticComponent<AccordionPr
|
|
|
8
8
|
Content: AccordionContentType;
|
|
9
9
|
}
|
|
10
10
|
export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
11
|
+
/**
|
|
12
|
+
* @default 'default'
|
|
13
|
+
*/
|
|
14
|
+
variant?: "default" | "neutral";
|
|
15
|
+
/**
|
|
16
|
+
* @default 'large'
|
|
17
|
+
*/
|
|
18
|
+
headingSize?: "large" | "medium" | "small" | "xsmall";
|
|
19
|
+
/**
|
|
20
|
+
* @default "medium"
|
|
21
|
+
*/
|
|
22
|
+
size?: "large" | "medium" | "small";
|
|
11
23
|
/**
|
|
12
24
|
* Instances of Accordion.Item
|
|
13
25
|
*/
|
|
@@ -14,9 +14,15 @@ import React, { forwardRef } from "react";
|
|
|
14
14
|
import AccordionItem from "./AccordionItem";
|
|
15
15
|
import AccordionContent from "./AccordionContent";
|
|
16
16
|
import AccordionHeader from "./AccordionHeader";
|
|
17
|
+
import { AccordionContext } from "./AccordionContext";
|
|
17
18
|
export const Accordion = forwardRef((_a, ref) => {
|
|
18
|
-
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
19
|
-
return (React.createElement(
|
|
19
|
+
var { className, variant = "default", headingSize = "medium", size = "medium" } = _a, rest = __rest(_a, ["className", "variant", "headingSize", "size"]);
|
|
20
|
+
return (React.createElement(AccordionContext.Provider, { value: {
|
|
21
|
+
variant,
|
|
22
|
+
headingSize,
|
|
23
|
+
size,
|
|
24
|
+
} },
|
|
25
|
+
React.createElement("div", Object.assign({}, rest, { className: cl("navds-accordion", className, `navds-accordion--${size}`), ref: ref }))));
|
|
20
26
|
});
|
|
21
27
|
Accordion.Header = AccordionHeader;
|
|
22
28
|
Accordion.Content = AccordionContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,aAAoC,MAAM,iBAAiB,CAAC;AACnE,OAAO,gBAA0C,MAAM,oBAAoB,CAAC;AAC5E,OAAO,eAAwC,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,aAAoC,MAAM,iBAAiB,CAAC;AACnE,OAAO,gBAA0C,MAAM,oBAAoB,CAAC;AAC5E,OAAO,eAAwC,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA8BtD,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EAMC,EACD,GAAG,EACH,EAAE;QARF,EACE,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,QAAQ,EACtB,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cALT,+CAMC,CADQ;IAIT,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,OAAO;YACP,WAAW;YACX,IAAI;SACL;QAED,6CACM,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,SAAS,EACT,oBAAoB,IAAI,EAAE,CAC3B,EACD,GAAG,EAAE,GAAG,IACR,CACwB,CAC7B,CAAC;AACJ,CAAC,CACoB,CAAC;AAExB,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AACnC,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACrC,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC;AAE/B,eAAe,SAAS,CAAC"}
|
|
@@ -11,7 +11,6 @@ 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 AnimateHeight from "../util/AnimateHeight";
|
|
15
14
|
import { BodyLong } from "../typography/BodyLong";
|
|
16
15
|
import { AccordionItemContext } from "./AccordionItem";
|
|
17
16
|
const AccordionContent = forwardRef((_a, ref) => {
|
|
@@ -21,8 +20,9 @@ const AccordionContent = forwardRef((_a, ref) => {
|
|
|
21
20
|
console.error("<Accordion.Content> has to be used within an <Accordion.Item>");
|
|
22
21
|
return null;
|
|
23
22
|
}
|
|
24
|
-
return (React.createElement(
|
|
25
|
-
|
|
23
|
+
return (React.createElement(BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: cl("navds-accordion__content", {
|
|
24
|
+
"navds-accordion__content--closed": !context.open,
|
|
25
|
+
}, className) }), children));
|
|
26
26
|
});
|
|
27
27
|
export default AccordionContent;
|
|
28
28
|
//# sourceMappingURL=AccordionContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../src/accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../src/accordion/AccordionContent.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,wBAAwB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAcvD,MAAM,gBAAgB,GAAyB,UAAU,CACvD,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEjD,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,KAAK,CACX,+DAA+D,CAChE,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B;YACE,kCAAkC,EAAE,CAAC,OAAO,CAAC,IAAI;SAClD,EACD,SAAS,CACV,KAEA,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type AccordionContextProps = {
|
|
3
|
+
variant?: "default" | "neutral";
|
|
4
|
+
headingSize?: "large" | "medium" | "small" | "xsmall";
|
|
5
|
+
size?: "large" | "medium" | "small";
|
|
6
|
+
openItems?: number[];
|
|
7
|
+
};
|
|
8
|
+
export declare const AccordionContext: import("react").Context<AccordionContextProps | null>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionContext.js","sourceRoot":"","sources":["../../src/accordion/AccordionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAStC,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAA+B;IAC1E,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,OAAO;IACpB,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,EAAE;CACd,CAAC,CAAC"}
|
|
@@ -9,26 +9,28 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import { Expand, ExpandFilled } from "@navikt/ds-icons";
|
|
13
12
|
import cl from "clsx";
|
|
14
13
|
import React, { forwardRef, useContext } from "react";
|
|
15
14
|
import { Heading } from "../typography/Heading";
|
|
15
|
+
import { AccordionContext } from "./AccordionContext";
|
|
16
16
|
import { AccordionItemContext } from "./AccordionItem";
|
|
17
|
+
import { ChevronDownIcon } from "@navikt/aksel-icons";
|
|
17
18
|
const AccordionHeader = forwardRef((_a, ref) => {
|
|
19
|
+
var _b;
|
|
18
20
|
var { children, className, onClick } = _a, rest = __rest(_a, ["children", "className", "onClick"]);
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
const itemContext = useContext(AccordionItemContext);
|
|
22
|
+
const accordionContext = useContext(AccordionContext);
|
|
23
|
+
if (accordionContext === null || itemContext === null) {
|
|
24
|
+
console.error("<Accordion.Header> has to be used within an <Accordion.Item>, which in turn must be within an <Accordion>");
|
|
22
25
|
return null;
|
|
23
26
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
React.createElement(
|
|
31
|
-
React.createElement(ExpandFilled, { "aria-hidden": true, className: "navds-accordion__expand-icon navds-accordion__expand-icon--filled" })));
|
|
27
|
+
return (React.createElement("button", Object.assign({ ref: ref }, rest, { className: cl("navds-accordion__header", className), onClick: (e) => {
|
|
28
|
+
itemContext.toggleOpen();
|
|
29
|
+
onClick && onClick(e);
|
|
30
|
+
}, "aria-expanded": itemContext.open, type: "button" }),
|
|
31
|
+
React.createElement("div", { className: "navds-accordion__icon-wrapper" },
|
|
32
|
+
React.createElement(ChevronDownIcon, { className: "navds-accordion__header-chevron", title: "Vis mer", "aria-hidden": true })),
|
|
33
|
+
React.createElement(Heading, { size: (_b = accordionContext.headingSize) !== null && _b !== void 0 ? _b : "small", as: "span", className: "navds-accordion__header-content" }, children)));
|
|
32
34
|
});
|
|
33
35
|
export default AccordionHeader;
|
|
34
36
|
//# sourceMappingURL=AccordionHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AActD,MAAM,eAAe,GAAwB,UAAU,CACrD,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,IAAI,gBAAgB,KAAK,IAAI,IAAI,WAAW,KAAK,IAAI,EAAE;QACrD,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,CAAC,CAAkD,EAAE,EAAE;YAC9D,WAAW,CAAC,UAAU,EAAE,CAAC;YACzB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC,mBACc,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,eAAe,IACd,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,SAAS,wBAEf,CACE;QACN,oBAAC,OAAO,IACN,IAAI,EAAE,MAAA,gBAAgB,CAAC,WAAW,mCAAI,OAAO,EAC7C,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,iCAAiC,IAE1C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -10,21 +10,34 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import cl from "clsx";
|
|
13
|
-
import React, { createContext, forwardRef, useState } from "react";
|
|
13
|
+
import React, { createContext, forwardRef, useContext, useRef, useState, } from "react";
|
|
14
|
+
import { AccordionContext } from "./AccordionContext";
|
|
14
15
|
export const AccordionItemContext = createContext(null);
|
|
15
16
|
const AccordionItem = forwardRef((_a, ref) => {
|
|
16
17
|
var { children, className, open, defaultOpen = false, onClick, id } = _a, rest = __rest(_a, ["children", "className", "open", "defaultOpen", "onClick", "id"]);
|
|
17
18
|
const [internalOpen, setInternalOpen] = useState(defaultOpen);
|
|
19
|
+
const context = useContext(AccordionContext);
|
|
20
|
+
const [_open, _setOpen] = useState(defaultOpen);
|
|
21
|
+
const shouldAnimate = useRef(!(Boolean(open) || defaultOpen));
|
|
22
|
+
const handleOpen = () => {
|
|
23
|
+
if (open === undefined) {
|
|
24
|
+
const newOpen = !_open;
|
|
25
|
+
_setOpen(newOpen);
|
|
26
|
+
setInternalOpen(newOpen);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
setInternalOpen(!open);
|
|
30
|
+
}
|
|
31
|
+
shouldAnimate.current = true;
|
|
32
|
+
};
|
|
18
33
|
return (React.createElement("div", Object.assign({ className: cl("navds-accordion__item", className, {
|
|
19
34
|
"navds-accordion__item--open": open !== null && open !== void 0 ? open : internalOpen,
|
|
35
|
+
"navds-accordion__item--neutral": (context === null || context === void 0 ? void 0 : context.variant) === "neutral",
|
|
36
|
+
"navds-accordion__item--no-animation": !shouldAnimate.current,
|
|
20
37
|
}), ref: ref }, rest),
|
|
21
38
|
React.createElement(AccordionItemContext.Provider, { value: {
|
|
22
39
|
open: open !== null && open !== void 0 ? open : internalOpen,
|
|
23
|
-
toggleOpen:
|
|
24
|
-
if (open === undefined) {
|
|
25
|
-
setInternalOpen((iOpen) => !iOpen);
|
|
26
|
-
}
|
|
27
|
-
},
|
|
40
|
+
toggleOpen: handleOpen,
|
|
28
41
|
} }, children)));
|
|
29
42
|
});
|
|
30
43
|
export default AccordionItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EACV,UAAU,EACV,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA8BtD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,aAAa,CAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAsB,UAAU,CACjD,CACE,EAAwE,EACxE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,OAAW,EAAN,IAAI,cAAtE,iEAAwE,CAAF;IAGtE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,WAAW,CAAC,CAAC;IACvE,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,MAAM,CAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,CAAC;YAClB,eAAe,CAAC,OAAO,CAAC,CAAC;SAC1B;aAAM;YACL,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC;SACxB;QACD,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY;YACnD,gCAAgC,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,SAAS;YAChE,qCAAqC,EAAE,CAAC,aAAa,CAAC,OAAO;SAC9D,CAAC,EACF,GAAG,EAAE,GAAG,IACJ,IAAI;QAER,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY;gBAC1B,UAAU,EAAE,UAAU;aACvB,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/esm/alert/Alert.js
CHANGED
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import {
|
|
12
|
+
import { InformationSquareFillIcon, CheckmarkCircleFillIcon, ExclamationmarkTriangleFillIcon, XMarkOctagonFillIcon, } from "@navikt/aksel-icons";
|
|
13
13
|
import cl from "clsx";
|
|
14
14
|
import React, { forwardRef } from "react";
|
|
15
15
|
import { BodyLong } from "../typography/BodyLong";
|
|
@@ -17,13 +17,13 @@ const Icon = (_a) => {
|
|
|
17
17
|
var { variant } = _a, props = __rest(_a, ["variant"]);
|
|
18
18
|
switch (variant) {
|
|
19
19
|
case "error":
|
|
20
|
-
return React.createElement(
|
|
20
|
+
return React.createElement(XMarkOctagonFillIcon, Object.assign({ title: "Feil" }, props));
|
|
21
21
|
case "warning":
|
|
22
|
-
return React.createElement(
|
|
22
|
+
return React.createElement(ExclamationmarkTriangleFillIcon, Object.assign({ title: "Advarsel" }, props));
|
|
23
23
|
case "info":
|
|
24
|
-
return React.createElement(
|
|
24
|
+
return React.createElement(InformationSquareFillIcon, Object.assign({ title: "Informasjon" }, props));
|
|
25
25
|
case "success":
|
|
26
|
-
return React.createElement(
|
|
26
|
+
return React.createElement(CheckmarkCircleFillIcon, Object.assign({ title: "Suksess" }, props));
|
|
27
27
|
default:
|
|
28
28
|
return null;
|
|
29
29
|
}
|
package/esm/alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,+BAA+B,EAC/B,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AA4BlD,MAAM,IAAI,GAAG,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,OAAO;YACV,OAAO,oBAAC,oBAAoB,kBAAC,KAAK,EAAC,MAAM,IAAK,KAAK,EAAI,CAAC;QAC1D,KAAK,SAAS;YACZ,OAAO,oBAAC,+BAA+B,kBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CAAC;QACzE,KAAK,MAAM;YACT,OAAO,oBAAC,yBAAyB,kBAAC,KAAK,EAAC,aAAa,IAAK,KAAK,EAAI,CAAC;QACtE,KAAK,SAAS;YACZ,OAAO,oBAAC,uBAAuB,kBAAC,KAAK,EAAC,SAAS,IAAK,KAAK,EAAI,CAAC;QAChE;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,OAEf,EADI,IAAI,cAPT,mEAQC,CADQ;IAGN,OAAA,CACH,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB,EAAE,yBAAyB,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,EAAE,CACxE;QAED,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,mBAAmB,GAAG;QACxD,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IAC5D,QAAQ,CACA,CACP,CACP,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/esm/chips/Removable.js
CHANGED
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import {
|
|
12
|
+
import { XMarkIcon } from "@navikt/aksel-icons";
|
|
13
13
|
import cl from "clsx";
|
|
14
14
|
import React, { forwardRef } from "react";
|
|
15
15
|
export const RemovableChips = forwardRef((_a, ref) => {
|
|
@@ -21,7 +21,7 @@ export const RemovableChips = forwardRef((_a, ref) => {
|
|
|
21
21
|
} }),
|
|
22
22
|
React.createElement("span", { className: "navds-chips__chip-text" }, children),
|
|
23
23
|
React.createElement("span", { className: "navds-chips__removable-icon" },
|
|
24
|
-
React.createElement(
|
|
24
|
+
React.createElement(XMarkIcon, { "aria-hidden": true }))));
|
|
25
25
|
});
|
|
26
26
|
export default RemovableChips;
|
|
27
27
|
//# sourceMappingURL=Removable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAyB1C,MAAM,CAAC,MAAM,cAAc,GAGvB,UAAU,CACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,WAAW,GAAG,OAAO,EACrB,QAAQ,OAET,EADI,IAAI,cAPT,qEAQC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,EACT,2BAA2B,OAAO,EAAE,CACrC,gBACW,GAAG,QAAQ,IAAI,WAAW,EAAE,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;YACb,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,CAAC,CAAC,CAAC;QACrB,CAAC;QAED,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;QAC1D,8BAAM,SAAS,EAAC,6BAA6B;YAC3C,oBAAC,SAAS,0BAAe,CACpB,CACG,CACb,CAAC;AACJ,CAAC,CACoB,CAAC;AAExB,eAAe,cAAc,CAAC"}
|
package/esm/chips/Toggle.js
CHANGED
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import {
|
|
12
|
+
import { CheckmarkIcon } from "@navikt/aksel-icons";
|
|
13
13
|
import cl from "clsx";
|
|
14
14
|
import React, { forwardRef } from "react";
|
|
15
15
|
export const ToggleChips = forwardRef((_a, ref) => {
|
|
@@ -17,7 +17,7 @@ export const ToggleChips = forwardRef((_a, ref) => {
|
|
|
17
17
|
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl("navds-chips__chip navds-chips__toggle", className, {
|
|
18
18
|
"navds-chips--icon-left": selected,
|
|
19
19
|
}), "aria-pressed": selected }),
|
|
20
|
-
selected && (React.createElement(
|
|
20
|
+
selected && (React.createElement(CheckmarkIcon, { "aria-hidden": true, className: "navds-chips__toggle-icon" })),
|
|
21
21
|
React.createElement("span", { className: "navds-chips__chip-text" }, children)));
|
|
22
22
|
});
|
|
23
23
|
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,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAe1C,MAAM,CAAC,MAAM,WAAW,GAAoB,UAAU,CACpD,CACE,EAAoE,EACpE,GAAG,EACH,EAAE;QAFF,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,OAAW,EAAN,IAAI,cAAlE,2CAAoE,CAAF;IAGlE,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,EAAE;YAChE,wBAAwB,EAAE,QAAQ;SACnC,CAAC,kBACY,QAAQ;QAErB,QAAQ,IAAI,CACX,oBAAC,aAAa,yBAAa,SAAS,EAAC,0BAA0B,GAAG,CACnE;QACD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ,CAChD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/esm/date/DateInput.js
CHANGED
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import {
|
|
12
|
+
import { CalendarIcon } from "@navikt/aksel-icons";
|
|
13
13
|
import cl from "clsx";
|
|
14
14
|
import React, { forwardRef } from "react";
|
|
15
15
|
import { BodyShort, Button, ErrorMessage, Label, omit } from "..";
|
|
@@ -41,7 +41,7 @@ const DateInput = forwardRef((props, ref) => {
|
|
|
41
41
|
}), id: inputDescriptionId, size: size }, description)),
|
|
42
42
|
React.createElement("div", { className: "navds-date__field-wrapper" },
|
|
43
43
|
React.createElement("input", Object.assign({ ref: ref }, omit(rest, ["error", "errorId", "size"]), inputProps, { autoComplete: "off", "aria-controls": ariaId, className: cl("navds-date__field-input", "navds-text-field__input", "navds-body-short", `navds-body-${size}`), size: 14 })),
|
|
44
|
-
React.createElement(Button, { variant: "tertiary", type: "button", size: "small", onClick: () => onOpen(), className: "navds-date__field-button", tabIndex: open ? -1 : 0, disabled: inputProps.disabled, icon: React.createElement(
|
|
44
|
+
React.createElement(Button, { variant: "tertiary", type: "button", size: "small", onClick: () => onOpen(), className: "navds-date__field-button", tabIndex: open ? -1 : 0, disabled: inputProps.disabled, icon: React.createElement(CalendarIcon, { title: open
|
|
45
45
|
? conditionalVariables.iconTitle.close
|
|
46
46
|
: conditionalVariables.iconTitle.open }) })),
|
|
47
47
|
React.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (React.createElement(ErrorMessage, { size: size }, props.error)))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../src/date/DateInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../src/date/DateInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ArrowLeftIcon, ArrowRightIcon } from "@navikt/aksel-icons";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { useDayPicker, useNavigation } from "react-day-picker";
|
|
4
4
|
import { Button, Label } from "../../..";
|
|
@@ -10,8 +10,8 @@ export const DatePickerCaption = ({ displayMonth, id }) => {
|
|
|
10
10
|
return (React.createElement("div", { className: "navds-date__caption" },
|
|
11
11
|
React.createElement(Label, { as: "span", "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-date__caption-label" }, formatCaption(displayMonth, { locale })),
|
|
12
12
|
React.createElement("div", { className: "navds-date__caption__month-wrapper" },
|
|
13
|
-
React.createElement(Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: React.createElement(
|
|
14
|
-
React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(
|
|
13
|
+
React.createElement(Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: React.createElement(ArrowLeftIcon, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button", type: "button" }),
|
|
14
|
+
React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(ArrowRightIcon, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" }))));
|
|
15
15
|
};
|
|
16
16
|
export default DatePickerCaption;
|
|
17
17
|
//# sourceMappingURL=Caption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Caption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/Caption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Caption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/Caption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAgB,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IAChE,MAAM,EACJ,MAAM,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EACpC,UAAU,EAAE,EAAE,aAAa,EAAE,EAC7B,MAAM,GACP,GAAG,YAAY,EAAE,CAAC;IAEnB,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAEnD,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IACJ,EAAE,EAAC,MAAM,eACC,QAAQ,iBACN,MAAM,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,2BAA2B,IAEpC,aAAa,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,CAClC;QAER,6BAAK,SAAS,EAAC,oCAAoC;YACjD,oBAAC,MAAM,kBACO,aAAa,EACzB,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,IAAI,SAAS,CAAC,aAAa,CAAC,EACxD,IAAI,EAAE,oBAAC,aAAa,IAAC,KAAK,EAAC,yBAAoB,GAAG,EAClD,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,QAAQ,GACb;YACF,oBAAC,MAAM,kBACO,SAAS,EACrB,IAAI,EAAE,oBAAC,cAAc,IAAC,KAAK,EAAC,uBAAkB,GAAG,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,EAChD,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,QAAQ,GACb,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ArrowLeftIcon, ArrowRightIcon } from "@navikt/aksel-icons";
|
|
2
2
|
import setMonth from "date-fns/setMonth";
|
|
3
3
|
import setYear from "date-fns/setYear";
|
|
4
4
|
import startOfMonth from "date-fns/startOfMonth";
|
|
@@ -28,11 +28,11 @@ export const DropdownCaption = ({ displayMonth, id }) => {
|
|
|
28
28
|
const MonthDropdownLabel = labelMonthDropdown(locale);
|
|
29
29
|
return (React.createElement("div", { className: "navds-date__caption-dropdown" },
|
|
30
30
|
React.createElement("span", { "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-sr-only" }, formatCaption(displayMonth, { locale })),
|
|
31
|
-
React.createElement(Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: React.createElement(
|
|
31
|
+
React.createElement(Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: React.createElement(ArrowLeftIcon, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button", type: "button" }),
|
|
32
32
|
React.createElement("div", { className: "navds-date__caption__month-wrapper" },
|
|
33
33
|
React.createElement(Select, { label: MonthDropdownLabel, hideLabel: true, className: "navds-date__caption__month", value: displayMonth.getMonth(), onChange: handleMonthChange }, months.map((m) => (React.createElement("option", { key: m.getMonth(), value: m.getMonth() }, formatMonthCaption(m, { locale }))))),
|
|
34
34
|
React.createElement(Select, { label: yearDropdownLabel, hideLabel: true, value: displayMonth.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((year) => (React.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))),
|
|
35
|
-
React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(
|
|
35
|
+
React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(ArrowRightIcon, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" })));
|
|
36
36
|
};
|
|
37
37
|
export default DropdownCaption;
|
|
38
38
|
//# sourceMappingURL=DropdownCaption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/DropdownCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/DropdownCaption.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ArrowLeftIcon, ArrowRightIcon } from "@navikt/aksel-icons";
|
|
2
2
|
import setYear from "date-fns/setYear";
|
|
3
3
|
import startOfMonth from "date-fns/startOfMonth";
|
|
4
4
|
import startOfYear from "date-fns/startOfYear";
|
|
@@ -39,9 +39,9 @@ export const MonthCaption = () => {
|
|
|
39
39
|
: true;
|
|
40
40
|
};
|
|
41
41
|
return (React.createElement("div", { className: "navds-date__caption" },
|
|
42
|
-
React.createElement(Button, { className: "navds-date__caption-button", disabled: hasPrevYear(), onClick: () => handleButtonClick(-1), "aria-label": labelPrevYear(locale === null || locale === void 0 ? void 0 : locale.code), icon: React.createElement(
|
|
42
|
+
React.createElement(Button, { className: "navds-date__caption-button", disabled: hasPrevYear(), onClick: () => handleButtonClick(-1), "aria-label": labelPrevYear(locale === null || locale === void 0 ? void 0 : locale.code), icon: React.createElement(ArrowLeftIcon, { "aria-hidden": true }), variant: "tertiary", type: "button" }),
|
|
43
43
|
hasDropdown ? (React.createElement(Select, { label: "velg \u00E5r", hideLabel: true, value: year === null || year === void 0 ? void 0 : year.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((year) => (React.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))) : (React.createElement("span", { className: "navds-date__year-label", "aria-live": "polite" }, year.getFullYear())),
|
|
44
|
-
React.createElement(Button, { className: "navds-date__caption-button", disabled: hasNextYear(), onClick: () => handleButtonClick(1), "aria-label": labelNextYear(locale === null || locale === void 0 ? void 0 : locale.code), icon: React.createElement(
|
|
44
|
+
React.createElement(Button, { className: "navds-date__caption-button", disabled: hasNextYear(), onClick: () => handleButtonClick(1), "aria-label": labelNextYear(locale === null || locale === void 0 ? void 0 : locale.code), icon: React.createElement(ArrowRightIcon, { "aria-hidden": true }), variant: "tertiary", type: "button" })));
|
|
45
45
|
};
|
|
46
46
|
export default MonthCaption;
|
|
47
47
|
//# sourceMappingURL=MonthCaption.js.map
|