@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.
Files changed (130) hide show
  1. package/_docs.json +101 -0
  2. package/cjs/accordion/Accordion.js +8 -2
  3. package/cjs/accordion/AccordionContent.js +3 -3
  4. package/cjs/accordion/AccordionContext.js +10 -0
  5. package/cjs/accordion/AccordionHeader.js +14 -12
  6. package/cjs/accordion/AccordionItem.js +18 -5
  7. package/cjs/alert/Alert.js +5 -5
  8. package/cjs/chips/Removable.js +2 -2
  9. package/cjs/chips/Toggle.js +2 -2
  10. package/cjs/date/DateInput.js +2 -2
  11. package/cjs/date/datepicker/caption/Caption.js +3 -3
  12. package/cjs/date/datepicker/caption/DropdownCaption.js +3 -3
  13. package/cjs/date/monthpicker/MonthCaption.js +3 -3
  14. package/cjs/expansion-card/ExpansionCard.js +1 -1
  15. package/cjs/expansion-card/ExpansionCardDescription.js +1 -1
  16. package/cjs/form/Select.js +2 -2
  17. package/cjs/form/Switch.js +2 -2
  18. package/cjs/form/search/Search.js +3 -3
  19. package/cjs/form/search/SearchButton.js +2 -2
  20. package/cjs/help-text/HelpText.js +3 -3
  21. package/cjs/help-text/HelpTextIcon.js +20 -0
  22. package/cjs/link-panel/LinkPanel.js +2 -2
  23. package/cjs/modal/Modal.js +2 -2
  24. package/cjs/pagination/Pagination.js +4 -4
  25. package/cjs/read-more/ReadMore.js +5 -7
  26. package/cjs/stepper/Step.js +4 -2
  27. package/cjs/table/ColumnHeader.js +2 -2
  28. package/cjs/table/ExpandableRow.js +2 -3
  29. package/cjs/tabs/TabList.js +2 -2
  30. package/esm/accordion/Accordion.d.ts +12 -0
  31. package/esm/accordion/Accordion.js +8 -2
  32. package/esm/accordion/Accordion.js.map +1 -1
  33. package/esm/accordion/AccordionContent.js +3 -3
  34. package/esm/accordion/AccordionContent.js.map +1 -1
  35. package/esm/accordion/AccordionContext.d.ts +8 -0
  36. package/esm/accordion/AccordionContext.js +8 -0
  37. package/esm/accordion/AccordionContext.js.map +1 -0
  38. package/esm/accordion/AccordionHeader.js +14 -12
  39. package/esm/accordion/AccordionHeader.js.map +1 -1
  40. package/esm/accordion/AccordionItem.js +19 -6
  41. package/esm/accordion/AccordionItem.js.map +1 -1
  42. package/esm/alert/Alert.js +5 -5
  43. package/esm/alert/Alert.js.map +1 -1
  44. package/esm/chips/Removable.js +2 -2
  45. package/esm/chips/Removable.js.map +1 -1
  46. package/esm/chips/Toggle.js +2 -2
  47. package/esm/chips/Toggle.js.map +1 -1
  48. package/esm/date/DateInput.js +2 -2
  49. package/esm/date/DateInput.js.map +1 -1
  50. package/esm/date/datepicker/caption/Caption.js +3 -3
  51. package/esm/date/datepicker/caption/Caption.js.map +1 -1
  52. package/esm/date/datepicker/caption/DropdownCaption.js +3 -3
  53. package/esm/date/datepicker/caption/DropdownCaption.js.map +1 -1
  54. package/esm/date/monthpicker/MonthCaption.js +3 -3
  55. package/esm/date/monthpicker/MonthCaption.js.map +1 -1
  56. package/esm/expansion-card/ExpansionCard.js +1 -1
  57. package/esm/expansion-card/ExpansionCard.js.map +1 -1
  58. package/esm/expansion-card/ExpansionCardDescription.js +1 -1
  59. package/esm/expansion-card/ExpansionCardDescription.js.map +1 -1
  60. package/esm/form/Fieldset/useFieldset.d.ts +1 -1
  61. package/esm/form/Select.js +2 -2
  62. package/esm/form/Select.js.map +1 -1
  63. package/esm/form/Switch.js +2 -2
  64. package/esm/form/Switch.js.map +1 -1
  65. package/esm/form/checkbox/useCheckbox.d.ts +1 -1
  66. package/esm/form/radio/useRadio.d.ts +1 -1
  67. package/esm/form/search/Search.js +3 -3
  68. package/esm/form/search/Search.js.map +1 -1
  69. package/esm/form/search/SearchButton.js +2 -2
  70. package/esm/form/search/SearchButton.js.map +1 -1
  71. package/esm/form/useFormField.d.ts +1 -1
  72. package/esm/help-text/HelpText.js +3 -3
  73. package/esm/help-text/HelpText.js.map +1 -1
  74. package/esm/help-text/HelpTextIcon.d.ts +5 -0
  75. package/esm/help-text/HelpTextIcon.js +14 -0
  76. package/esm/help-text/HelpTextIcon.js.map +1 -0
  77. package/esm/link-panel/LinkPanel.js +2 -2
  78. package/esm/link-panel/LinkPanel.js.map +1 -1
  79. package/esm/modal/Modal.js +2 -2
  80. package/esm/modal/Modal.js.map +1 -1
  81. package/esm/pagination/Pagination.js +4 -4
  82. package/esm/pagination/Pagination.js.map +1 -1
  83. package/esm/read-more/ReadMore.js +5 -7
  84. package/esm/read-more/ReadMore.js.map +1 -1
  85. package/esm/stepper/Step.js +4 -2
  86. package/esm/stepper/Step.js.map +1 -1
  87. package/esm/table/ColumnHeader.js +2 -2
  88. package/esm/table/ColumnHeader.js.map +1 -1
  89. package/esm/table/ExpandableRow.js +2 -3
  90. package/esm/table/ExpandableRow.js.map +1 -1
  91. package/esm/tabs/TabList.js +3 -3
  92. package/esm/tabs/TabList.js.map +1 -1
  93. package/esm/util/index.d.ts +1 -1
  94. package/package.json +3 -3
  95. package/src/accordion/Accordion.tsx +43 -3
  96. package/src/accordion/AccordionContent.tsx +14 -11
  97. package/src/accordion/AccordionContext.tsx +15 -0
  98. package/src/accordion/AccordionHeader.tsx +20 -20
  99. package/src/accordion/AccordionItem.tsx +25 -6
  100. package/src/accordion/accordion.stories.tsx +217 -16
  101. package/src/alert/Alert.tsx +9 -9
  102. package/src/button/button.stories.tsx +8 -8
  103. package/src/chips/Removable.tsx +2 -2
  104. package/src/chips/Toggle.tsx +2 -2
  105. package/src/date/DateInput.tsx +2 -2
  106. package/src/date/datepicker/caption/Caption.tsx +3 -3
  107. package/src/date/datepicker/caption/DropdownCaption.tsx +3 -3
  108. package/src/date/monthpicker/MonthCaption.tsx +3 -3
  109. package/src/expansion-card/ExpansionCard.tsx +1 -1
  110. package/src/expansion-card/ExpansionCardDescription.tsx +1 -1
  111. package/src/form/Select.tsx +3 -2
  112. package/src/form/Switch.tsx +4 -5
  113. package/src/form/search/Search.tsx +6 -3
  114. package/src/form/search/SearchButton.tsx +2 -2
  115. package/src/help-text/HelpText.tsx +3 -6
  116. package/src/help-text/HelpTextIcon.tsx +45 -0
  117. package/src/link/link.stories.tsx +7 -5
  118. package/src/link-panel/LinkPanel.tsx +3 -2
  119. package/src/list/list.stories.tsx +9 -9
  120. package/src/modal/Modal.tsx +4 -3
  121. package/src/pagination/Pagination.tsx +5 -4
  122. package/src/read-more/ReadMore.tsx +14 -11
  123. package/src/read-more/readmore.stories.tsx +5 -2
  124. package/src/stepper/Step.tsx +22 -5
  125. package/src/stepper/stepper.stories.tsx +1 -3
  126. package/src/table/ColumnHeader.tsx +8 -4
  127. package/src/table/ExpandableRow.tsx +2 -6
  128. package/src/tabs/TabList.tsx +4 -4
  129. package/src/tabs/Tabs.stories.tsx +49 -25
  130. 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 ds_icons_1 = require("@navikt/ds-icons");
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(ds_icons_1.Back, Object.assign({ className: "navds-pagination__prev-next-icon" }, (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(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(ds_icons_1.Next, Object.assign({ className: "navds-pagination__prev-next-icon" }, (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(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 ds_icons_2 = require("@navikt/ds-icons");
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(ds_icons_1.Expand, { className: "navds-read-more__expand-icon", "aria-hidden": true }),
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(AnimateHeight_1.default, { height: isOpened ? "auto" : 0, duration: 250 },
64
- react_1.default.createElement(typography_1.BodyLong, { as: "div", className: "navds-read-more__content", size: size }, children))));
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;
@@ -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(ds_icons_1.SuccessFilled, { "aria-hidden": true, className: "navds-stepper__circle navds-stepper__circle--success" })) : (react_1.default.createElement(__1.Label, { className: "navds-stepper__circle", as: "span", "aria-hidden": "true" }, unsafe_index + 1)),
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(ds_icons_1.Down, { "aria-hidden": true })) : (react_1.default.createElement(ds_icons_1.Up, { "aria-hidden": true }))) : (react_1.default.createElement(ds_icons_1.UpDown, { "aria-hidden": true })))) : (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.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(ds_icons_1.Expand, { className: "navds-table__expandable-icon", title: isOpen ? "Vis mindre" : "Vis mer" }),
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" },
@@ -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 ds_icons_1 = require("@navikt/ds-icons");
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(ds_icons_1.Back, { title: "scroll tilbake" })) : (react_1.default.createElement(ds_icons_1.Next, { title: "scroll neste" }))));
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("div", Object.assign({}, rest, { className: cl("navds-accordion", className), ref: ref })));
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;AAkBzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CAC/B,6CAAS,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CACzE,CAAA;CAAA,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"}
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(AnimateHeight, { height: context.open ? "auto" : 0, duration: 250 },
25
- React.createElement(BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: cl("navds-accordion__content", className) }), children)));
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,aAAa,MAAM,uBAAuB,CAAC;AAClD,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,aAAa,IAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG;QAC7D,oBAAC,QAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAEnD,QAAQ,CACA,CACG,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
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,8 @@
1
+ import { createContext } from "react";
2
+ export const AccordionContext = createContext({
3
+ variant: "default",
4
+ headingSize: "small",
5
+ size: "medium",
6
+ openItems: [],
7
+ });
8
+ //# sourceMappingURL=AccordionContext.js.map
@@ -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 context = useContext(AccordionItemContext);
20
- if (context === null) {
21
- console.error("<Accordion.Header> has to be used within an <Accordion.Item>");
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
- const handleClick = (e) => {
25
- context.toggleOpen();
26
- onClick && onClick(e);
27
- };
28
- return (React.createElement("button", Object.assign({}, rest, { ref: ref, className: cl("navds-accordion__header", className), type: "button", onClick: handleClick, "aria-expanded": context.open }),
29
- React.createElement(Heading, { size: "small", as: "span", className: "navds-accordion__header-content" }, children),
30
- React.createElement(Expand, { "aria-hidden": true, className: "navds-accordion__expand-icon" }),
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,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACxD,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,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAcvD,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,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEjD,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,KAAK,CACX,8DAA8D,CAC/D,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,MAAM,WAAW,GAAG,CAClB,CAAkD,EAClD,EAAE;QACF,OAAO,CAAC,UAAU,EAAE,CAAC;QACrB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,mBACL,OAAO,CAAC,IAAI;QAE3B,oBAAC,OAAO,IACN,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,iCAAiC,IAE1C,QAAQ,CACD;QACV,oBAAC,MAAM,yBAAa,SAAS,EAAC,8BAA8B,GAAG;QAC/D,oBAAC,YAAY,yBAEX,SAAS,EAAC,mEAAmE,GAC7E,CACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
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,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA8BnE,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;IAEvE,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY;SACpD,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,GAAG,EAAE;oBACf,IAAI,IAAI,KAAK,SAAS,EAAE;wBACtB,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;qBACpC;gBACH,CAAC;aACF,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
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"}
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
9
9
  }
10
10
  return t;
11
11
  };
12
- import { ErrorFilled, InformationFilled, SuccessFilled, WarningFilled, } from "@navikt/ds-icons";
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(ErrorFilled, Object.assign({ title: "Feil" }, props));
20
+ return React.createElement(XMarkOctagonFillIcon, Object.assign({ title: "Feil" }, props));
21
21
  case "warning":
22
- return React.createElement(WarningFilled, Object.assign({ title: "Advarsel" }, props));
22
+ return React.createElement(ExclamationmarkTriangleFillIcon, Object.assign({ title: "Advarsel" }, props));
23
23
  case "info":
24
- return React.createElement(InformationFilled, Object.assign({ title: "Informasjon" }, props));
24
+ return React.createElement(InformationSquareFillIcon, Object.assign({ title: "Informasjon" }, props));
25
25
  case "success":
26
- return React.createElement(SuccessFilled, Object.assign({ title: "Suksess" }, props));
26
+ return React.createElement(CheckmarkCircleFillIcon, Object.assign({ title: "Suksess" }, props));
27
27
  default:
28
28
  return null;
29
29
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,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,WAAW,kBAAC,KAAK,EAAC,MAAM,IAAK,KAAK,EAAI,CAAC;QACjD,KAAK,SAAS;YACZ,OAAO,oBAAC,aAAa,kBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CAAC;QACvD,KAAK,MAAM;YACT,OAAO,oBAAC,iBAAiB,kBAAC,KAAK,EAAC,aAAa,IAAK,KAAK,EAAI,CAAC;QAC9D,KAAK,SAAS;YACZ,OAAO,oBAAC,aAAa,kBAAC,KAAK,EAAC,SAAS,IAAK,KAAK,EAAI,CAAC;QACtD;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"}
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"}
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
9
9
  }
10
10
  return t;
11
11
  };
12
- import { Close } from "@navikt/ds-icons";
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(Close, { "aria-hidden": true }))));
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,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,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,KAAK,0BAAe,CAChB,CACG,CACb,CAAC;AACJ,CAAC,CACoB,CAAC;AAExB,eAAe,cAAc,CAAC"}
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"}
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
9
9
  }
10
10
  return t;
11
11
  };
12
- import { SuccessStroke } from "@navikt/ds-icons";
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(SuccessStroke, { "aria-hidden": true, className: "navds-chips__toggle-icon" })),
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;
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,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"}
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"}
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
9
9
  }
10
10
  return t;
11
11
  };
12
- import { Calender } from "@navikt/ds-icons";
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(Calender, { title: open
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":"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"}
1
+ {"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../src/date/DateInput.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { Left, Right } from "@navikt/ds-icons";
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(Left, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button", type: "button" }),
14
- React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(Right, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" }))));
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,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC/C,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,IAAI,IAAC,KAAK,EAAC,yBAAoB,GAAG,EACzC,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,QAAQ,GACb;YACF,oBAAC,MAAM,kBACO,SAAS,EACrB,IAAI,EAAE,oBAAC,KAAK,IAAC,KAAK,EAAC,uBAAkB,GAAG,EACxC,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
+ {"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 { Left, Right } from "@navikt/ds-icons";
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(Left, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button", type: "button" }),
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(Right, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" })));
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":"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"}
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 { Left, Right } from "@navikt/ds-icons";
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(Left, { "aria-hidden": true }), variant: "tertiary", type: "button" }),
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(Right, { "aria-hidden": true }), variant: "tertiary", type: "button" })));
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