@navikt/ds-react 8.2.0 → 8.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/accordion/Accordion.d.ts +9 -7
- package/cjs/accordion/Accordion.js +4 -1
- package/cjs/accordion/Accordion.js.map +1 -1
- package/cjs/accordion/AccordionItem.d.ts +8 -6
- package/cjs/accordion/AccordionItem.js +1 -7
- package/cjs/accordion/AccordionItem.js.map +1 -1
- package/cjs/accordion/index.d.ts +2 -4
- package/cjs/accordion/index.js +3 -6
- package/cjs/accordion/index.js.map +1 -1
- package/cjs/chat/Chat.d.ts +4 -2
- package/cjs/chat/Chat.js +2 -1
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chat/index.d.ts +2 -2
- package/cjs/chat/index.js +1 -2
- package/cjs/chat/index.js.map +1 -1
- package/cjs/chips/Chips.d.ts +7 -6
- package/cjs/chips/Chips.js +3 -1
- package/cjs/chips/Chips.js.map +1 -1
- package/cjs/chips/index.d.ts +2 -3
- package/cjs/chips/index.js +2 -4
- package/cjs/chips/index.js.map +1 -1
- package/cjs/collapsible/Collapsible.d.ts +6 -4
- package/cjs/collapsible/Collapsible.js +4 -2
- package/cjs/collapsible/Collapsible.js.map +1 -1
- package/cjs/collapsible/index.d.ts +2 -3
- package/cjs/collapsible/index.js +2 -4
- package/cjs/collapsible/index.js.map +1 -1
- package/cjs/data/table/root/DataTableRoot.js +2 -1
- package/cjs/data/table/root/DataTableRoot.js.map +1 -1
- package/cjs/data/table/td/DataTableTd.js +3 -2
- package/cjs/data/table/td/DataTableTd.js.map +1 -1
- package/cjs/data/table/th/DataTableTh.d.ts +12 -2
- package/cjs/data/table/th/DataTableTh.js +7 -2
- package/cjs/data/table/th/DataTableTh.js.map +1 -1
- package/cjs/data/toolbar/button/DataToolbarButton.d.ts +17 -0
- package/cjs/data/toolbar/button/DataToolbarButton.js +28 -0
- package/cjs/data/toolbar/button/DataToolbarButton.js.map +1 -0
- package/cjs/data/toolbar/root/DataToolbarRoot.d.ts +13 -2
- package/cjs/data/toolbar/root/DataToolbarRoot.js +4 -1
- package/cjs/data/toolbar/root/DataToolbarRoot.js.map +1 -1
- package/cjs/data/toolbar/search-field/DataToolbarSearchField.d.ts +3 -2
- package/cjs/data/toolbar/search-field/DataToolbarSearchField.js +4 -1
- package/cjs/data/toolbar/search-field/DataToolbarSearchField.js.map +1 -1
- package/cjs/data/toolbar/toggle-button/DataToolbarToggleButton.d.ts +7 -6
- package/cjs/data/toolbar/toggle-button/DataToolbarToggleButton.js +2 -1
- package/cjs/data/toolbar/toggle-button/DataToolbarToggleButton.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.d.ts +6 -3
- package/cjs/date/datepicker/DatePicker.js +3 -1
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/index.d.ts +2 -3
- package/cjs/date/datepicker/index.js +3 -5
- package/cjs/date/datepicker/index.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.d.ts +5 -2
- package/cjs/date/monthpicker/MonthPicker.js +3 -1
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/index.d.ts +2 -4
- package/cjs/date/monthpicker/index.js +2 -4
- package/cjs/date/monthpicker/index.js.map +1 -1
- package/cjs/dialog/index.d.ts +2 -18
- package/cjs/dialog/index.js +8 -16
- package/cjs/dialog/index.js.map +1 -1
- package/cjs/dialog/root/DialogRoot.d.ts +10 -9
- package/cjs/dialog/root/DialogRoot.js +9 -1
- package/cjs/dialog/root/DialogRoot.js.map +1 -1
- package/cjs/expansion-card/ExpansionCard.d.ts +6 -5
- package/cjs/expansion-card/ExpansionCard.js +3 -9
- package/cjs/expansion-card/ExpansionCard.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.d.ts +2 -2
- package/cjs/form/file-upload/FileUpload.js +1 -1
- package/cjs/form/file-upload/FileUpload.js.map +1 -1
- package/cjs/form/search/Search.d.ts +2 -1
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/internal-header/InternalHeader.d.ts +11 -10
- package/cjs/internal-header/InternalHeader.js +5 -1
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/internal-header/index.d.ts +2 -5
- package/cjs/internal-header/index.js +4 -8
- package/cjs/internal-header/index.js.map +1 -1
- package/cjs/layout/bleed/Bleed.d.ts +1 -1
- package/cjs/layout/bleed/Bleed.js +1 -1
- package/cjs/layout/responsive/Responsive.d.ts +4 -4
- package/cjs/layout/responsive/Responsive.js +4 -4
- package/cjs/layout/stack/HStack.d.ts +2 -2
- package/cjs/layout/stack/HStack.js +2 -2
- package/cjs/layout/stack/Spacer.d.ts +1 -1
- package/cjs/layout/stack/Spacer.js +1 -1
- package/cjs/layout/stack/VStack.d.ts +2 -2
- package/cjs/layout/stack/VStack.js +2 -2
- package/cjs/link-panel/LinkPanel.d.ts +1 -1
- package/cjs/link-panel/LinkPanel.js.map +1 -1
- package/cjs/list/List.d.ts +4 -2
- package/cjs/list/List.js +2 -1
- package/cjs/list/List.js.map +1 -1
- package/cjs/list/index.d.ts +2 -3
- package/cjs/list/index.js +1 -2
- package/cjs/list/index.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.d.ts +42 -42
- package/cjs/overlays/action-menu/ActionMenu.js +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/panel/Panel.d.ts +2 -2
- package/cjs/panel/Panel.js +2 -2
- package/cjs/stepper/Stepper.d.ts +4 -2
- package/cjs/stepper/Stepper.js +2 -1
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/stepper/index.d.ts +2 -2
- package/cjs/stepper/index.js +1 -2
- package/cjs/stepper/index.js.map +1 -1
- package/cjs/tabs/Tabs.d.ts +5 -3
- package/cjs/tabs/Tabs.js +4 -1
- package/cjs/tabs/Tabs.js.map +1 -1
- package/cjs/tabs/index.d.ts +2 -5
- package/cjs/tabs/index.js +3 -6
- package/cjs/tabs/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.d.ts +4 -2
- package/cjs/toggle-group/ToggleGroup.js +2 -1
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/index.d.ts +2 -3
- package/cjs/toggle-group/index.js +1 -2
- package/cjs/toggle-group/index.js.map +1 -1
- package/esm/accordion/Accordion.d.ts +9 -7
- package/esm/accordion/Accordion.js +1 -0
- package/esm/accordion/Accordion.js.map +1 -1
- package/esm/accordion/AccordionItem.d.ts +8 -6
- package/esm/accordion/AccordionItem.js +2 -8
- package/esm/accordion/AccordionItem.js.map +1 -1
- package/esm/accordion/index.d.ts +2 -4
- package/esm/accordion/index.js +1 -4
- package/esm/accordion/index.js.map +1 -1
- package/esm/chat/Chat.d.ts +4 -2
- package/esm/chat/Chat.js +1 -0
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chat/index.d.ts +2 -2
- package/esm/chat/index.js +1 -2
- package/esm/chat/index.js.map +1 -1
- package/esm/chips/Chips.d.ts +7 -6
- package/esm/chips/Chips.js +1 -0
- package/esm/chips/Chips.js.map +1 -1
- package/esm/chips/index.d.ts +2 -3
- package/esm/chips/index.js +1 -3
- package/esm/chips/index.js.map +1 -1
- package/esm/collapsible/Collapsible.d.ts +6 -4
- package/esm/collapsible/Collapsible.js +2 -1
- package/esm/collapsible/Collapsible.js.map +1 -1
- package/esm/collapsible/index.d.ts +2 -3
- package/esm/collapsible/index.js +1 -3
- package/esm/collapsible/index.js.map +1 -1
- package/esm/data/table/root/DataTableRoot.js +2 -1
- package/esm/data/table/root/DataTableRoot.js.map +1 -1
- package/esm/data/table/td/DataTableTd.js +3 -2
- package/esm/data/table/td/DataTableTd.js.map +1 -1
- package/esm/data/table/th/DataTableTh.d.ts +12 -2
- package/esm/data/table/th/DataTableTh.js +7 -2
- package/esm/data/table/th/DataTableTh.js.map +1 -1
- package/esm/data/toolbar/button/DataToolbarButton.d.ts +17 -0
- package/esm/data/toolbar/button/DataToolbarButton.js +22 -0
- package/esm/data/toolbar/button/DataToolbarButton.js.map +1 -0
- package/esm/data/toolbar/root/DataToolbarRoot.d.ts +13 -2
- package/esm/data/toolbar/root/DataToolbarRoot.js +3 -1
- package/esm/data/toolbar/root/DataToolbarRoot.js.map +1 -1
- package/esm/data/toolbar/search-field/DataToolbarSearchField.d.ts +3 -2
- package/esm/data/toolbar/search-field/DataToolbarSearchField.js +4 -1
- package/esm/data/toolbar/search-field/DataToolbarSearchField.js.map +1 -1
- package/esm/data/toolbar/toggle-button/DataToolbarToggleButton.d.ts +7 -6
- package/esm/data/toolbar/toggle-button/DataToolbarToggleButton.js +2 -1
- package/esm/data/toolbar/toggle-button/DataToolbarToggleButton.js.map +1 -1
- package/esm/date/datepicker/DatePicker.d.ts +6 -3
- package/esm/date/datepicker/DatePicker.js +2 -1
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/index.d.ts +2 -3
- package/esm/date/datepicker/index.js +1 -3
- package/esm/date/datepicker/index.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.d.ts +5 -2
- package/esm/date/monthpicker/MonthPicker.js +3 -2
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/index.d.ts +2 -4
- package/esm/date/monthpicker/index.js +1 -3
- package/esm/date/monthpicker/index.js.map +1 -1
- package/esm/dialog/index.d.ts +2 -18
- package/esm/dialog/index.js +1 -9
- package/esm/dialog/index.js.map +1 -1
- package/esm/dialog/root/DialogRoot.d.ts +10 -9
- package/esm/dialog/root/DialogRoot.js +3 -2
- package/esm/dialog/root/DialogRoot.js.map +1 -1
- package/esm/expansion-card/ExpansionCard.d.ts +6 -5
- package/esm/expansion-card/ExpansionCard.js +4 -10
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/form/file-upload/FileUpload.d.ts +2 -2
- package/esm/form/file-upload/FileUpload.js +1 -1
- package/esm/form/file-upload/FileUpload.js.map +1 -1
- package/esm/form/search/Search.d.ts +2 -1
- package/esm/form/search/Search.js.map +1 -1
- package/esm/internal-header/InternalHeader.d.ts +11 -10
- package/esm/internal-header/InternalHeader.js +1 -0
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/internal-header/index.d.ts +2 -5
- package/esm/internal-header/index.js +1 -5
- package/esm/internal-header/index.js.map +1 -1
- package/esm/layout/bleed/Bleed.d.ts +1 -1
- package/esm/layout/bleed/Bleed.js +1 -1
- package/esm/layout/responsive/Responsive.d.ts +4 -4
- package/esm/layout/responsive/Responsive.js +4 -4
- package/esm/layout/stack/HStack.d.ts +2 -2
- package/esm/layout/stack/HStack.js +2 -2
- package/esm/layout/stack/Spacer.d.ts +1 -1
- package/esm/layout/stack/Spacer.js +1 -1
- package/esm/layout/stack/VStack.d.ts +2 -2
- package/esm/layout/stack/VStack.js +2 -2
- package/esm/link-panel/LinkPanel.d.ts +1 -1
- package/esm/link-panel/LinkPanel.js.map +1 -1
- package/esm/list/List.d.ts +4 -2
- package/esm/list/List.js +1 -0
- package/esm/list/List.js.map +1 -1
- package/esm/list/index.d.ts +2 -3
- package/esm/list/index.js +1 -2
- package/esm/list/index.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.d.ts +42 -42
- package/esm/overlays/action-menu/ActionMenu.js +1 -1
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/panel/Panel.d.ts +2 -2
- package/esm/panel/Panel.js +2 -2
- package/esm/stepper/Stepper.d.ts +4 -2
- package/esm/stepper/Stepper.js +1 -0
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/stepper/index.d.ts +2 -2
- package/esm/stepper/index.js +1 -2
- package/esm/stepper/index.js.map +1 -1
- package/esm/tabs/Tabs.d.ts +5 -3
- package/esm/tabs/Tabs.js +1 -0
- package/esm/tabs/Tabs.js.map +1 -1
- package/esm/tabs/index.d.ts +2 -5
- package/esm/tabs/index.js +1 -4
- package/esm/tabs/index.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.d.ts +4 -2
- package/esm/toggle-group/ToggleGroup.js +1 -0
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/index.d.ts +2 -3
- package/esm/toggle-group/index.js +1 -2
- package/esm/toggle-group/index.js.map +1 -1
- package/package.json +4 -4
- package/src/accordion/Accordion.tsx +14 -14
- package/src/accordion/AccordionItem.tsx +11 -18
- package/src/accordion/index.ts +11 -12
- package/src/chat/Chat.tsx +6 -5
- package/src/chat/index.ts +2 -2
- package/src/chips/Chips.tsx +8 -8
- package/src/chips/index.ts +6 -6
- package/src/collapsible/Collapsible.tsx +18 -10
- package/src/collapsible/index.ts +9 -8
- package/src/data/table/root/DataTableRoot.tsx +7 -5
- package/src/data/table/td/DataTableTd.tsx +4 -2
- package/src/data/table/th/DataTableTh.tsx +54 -3
- package/src/data/toolbar/button/DataToolbarButton.tsx +34 -0
- package/src/data/toolbar/root/DataToolbarRoot.tsx +22 -1
- package/src/data/toolbar/search-field/DataToolbarSearchField.tsx +15 -14
- package/src/data/toolbar/toggle-button/DataToolbarToggleButton.tsx +12 -5
- package/src/date/datepicker/DatePicker.tsx +13 -5
- package/src/date/datepicker/index.ts +10 -6
- package/src/date/monthpicker/MonthPicker.tsx +13 -4
- package/src/date/monthpicker/index.ts +7 -5
- package/src/dialog/index.ts +22 -18
- package/src/dialog/root/DialogRoot.tsx +37 -9
- package/src/expansion-card/ExpansionCard.tsx +15 -21
- package/src/form/file-upload/FileUpload.tsx +5 -6
- package/src/form/search/Search.tsx +9 -6
- package/src/internal-header/InternalHeader.tsx +21 -15
- package/src/internal-header/index.ts +11 -17
- package/src/layout/bleed/Bleed.tsx +1 -1
- package/src/layout/responsive/Responsive.tsx +4 -4
- package/src/layout/stack/HStack.tsx +2 -2
- package/src/layout/stack/Spacer.tsx +1 -1
- package/src/layout/stack/VStack.tsx +2 -2
- package/src/link-panel/LinkPanel.tsx +6 -5
- package/src/list/List.tsx +5 -5
- package/src/list/index.ts +2 -3
- package/src/overlays/action-menu/ActionMenu.tsx +56 -52
- package/src/panel/Panel.tsx +2 -2
- package/src/stepper/Stepper.tsx +6 -5
- package/src/stepper/index.ts +2 -2
- package/src/tabs/Tabs.tsx +13 -7
- package/src/tabs/index.ts +7 -11
- package/src/toggle-group/ToggleGroup.tsx +7 -6
- package/src/toggle-group/index.ts +2 -6
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { forwardRef
|
|
12
|
+
import React, { forwardRef } from "react";
|
|
13
13
|
import { cl } from "../utils/helpers/index.js";
|
|
14
14
|
import { useControllableState } from "../utils/hooks/index.js";
|
|
15
15
|
import ExpansionCardContent from "./ExpansionCardContent.js";
|
|
@@ -25,7 +25,7 @@ import { ExpansionCardContext } from "./context.js";
|
|
|
25
25
|
*
|
|
26
26
|
* @example
|
|
27
27
|
* ```jsx
|
|
28
|
-
* <ExpansionCard aria-label="
|
|
28
|
+
* <ExpansionCard aria-label="Utbetaling av sykepenger">
|
|
29
29
|
* <ExpansionCard.Header>
|
|
30
30
|
* <ExpansionCard.Title>Utbetaling av sykepenger</ExpansionCard.Title>
|
|
31
31
|
* </ExpansionCard.Header>
|
|
@@ -37,13 +37,9 @@ import { ExpansionCardContext } from "./context.js";
|
|
|
37
37
|
*/
|
|
38
38
|
export const ExpansionCard = forwardRef((_a, ref) => {
|
|
39
39
|
var { className, onToggle, open, defaultOpen = false, size = "medium", "data-color": color = "neutral" } = _a, rest = __rest(_a, ["className", "onToggle", "open", "defaultOpen", "size", "data-color"]);
|
|
40
|
-
const shouldFade = useRef(!(Boolean(open) || defaultOpen));
|
|
41
40
|
const [_open, _setOpen] = useControllableState({
|
|
42
41
|
value: open,
|
|
43
|
-
onChange:
|
|
44
|
-
onToggle === null || onToggle === void 0 ? void 0 : onToggle(newValue);
|
|
45
|
-
shouldFade.current = true;
|
|
46
|
-
},
|
|
42
|
+
onChange: onToggle,
|
|
47
43
|
defaultValue: defaultOpen,
|
|
48
44
|
});
|
|
49
45
|
return (React.createElement(ExpansionCardContext.Provider, { value: {
|
|
@@ -51,9 +47,7 @@ export const ExpansionCard = forwardRef((_a, ref) => {
|
|
|
51
47
|
toggleOpen: () => _setOpen((x) => !x),
|
|
52
48
|
size,
|
|
53
49
|
} },
|
|
54
|
-
React.createElement("section", Object.assign({ "data-color": color }, rest, { className: cl("aksel-expansioncard", className, `aksel-expansioncard--${size}
|
|
55
|
-
"aksel-expansioncard--no-animation": !shouldFade.current,
|
|
56
|
-
}), ref: ref }))));
|
|
50
|
+
React.createElement("section", Object.assign({ "data-color": color }, rest, { className: cl("aksel-expansioncard", className, `aksel-expansioncard--${size}`), ref: ref }))));
|
|
57
51
|
});
|
|
58
52
|
ExpansionCard.Header = ExpansionCardHeader;
|
|
59
53
|
ExpansionCard.Content = ExpansionCardContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,oBAEN,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,mBAEN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AA+EjD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,KAAK,GAAG,SAAS,OAEhC,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,WAAW;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;YACnB,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI;SACL;QAED,6DACc,KAAK,IACb,IAAI,IACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,CAC/B,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,aAAa,CAAC,MAAM,GAAG,mBAAmB,CAAC;AAC3C,aAAa,CAAC,OAAO,GAAG,oBAAoB,CAAC;AAC7C,aAAa,CAAC,KAAK,GAAG,kBAAkB,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAErD,eAAe,aAAa,CAAC"}
|
|
@@ -56,7 +56,7 @@ interface FileUploadComponent extends React.ForwardRefExoticComponent<FileUpload
|
|
|
56
56
|
* Multiple items can be semantically grouped as a list.
|
|
57
57
|
* ```jsx
|
|
58
58
|
* <FileUpload>
|
|
59
|
-
* <VStack gap="
|
|
59
|
+
* <VStack gap="space-16" as="ul">
|
|
60
60
|
* <FileUpload.Item as="li" file={file} />
|
|
61
61
|
* <FileUpload.Item as="li" file={file2} />
|
|
62
62
|
* <FileUpload.Item as="li" file={file3} status="uploading" />
|
|
@@ -108,7 +108,7 @@ interface FileUploadComponent extends React.ForwardRefExoticComponent<FileUpload
|
|
|
108
108
|
* @example
|
|
109
109
|
* Items
|
|
110
110
|
* ```jsx
|
|
111
|
-
* <VStack gap="
|
|
111
|
+
* <VStack gap="space-16" as="ul">
|
|
112
112
|
* <FileUpload.Item as="li" file={myFile} />
|
|
113
113
|
* <FileUpload.Item as="li" file={mySecondFile} />
|
|
114
114
|
* </VStack>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/form/file-upload/FileUpload.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,IAAI,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/form/file-upload/FileUpload.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAqGrC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAA+D,EAAE,GAAG,EAAE,EAAE;QAAxE,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,OAA4B,EAAvB,IAAI,cAA5C,yCAA8C,CAAF;IAC3C,OAAO,CACL,oBAAC,+BAA+B,IAAC,YAAY,EAAE,YAAY;QACzD,2CAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KACnE,QAAQ,CACL,CAC0B,CACnC,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,UAAU,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC/B,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;AACvB,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;AAE7B,eAAe,UAAU,CAAC"}
|
|
@@ -3,6 +3,7 @@ import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
|
|
|
3
3
|
import { AkselColor } from "../../types/index.js";
|
|
4
4
|
import { FormFieldProps } from "../useFormField.js";
|
|
5
5
|
import { SearchButtonType } from "./SearchButton.js";
|
|
6
|
+
export type SearchNativeProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "type">;
|
|
6
7
|
export type SearchClearEvent = {
|
|
7
8
|
trigger: "Click";
|
|
8
9
|
event: React.MouseEvent<HTMLButtonElement, MouseEvent>;
|
|
@@ -10,7 +11,7 @@ export type SearchClearEvent = {
|
|
|
10
11
|
trigger: "Escape";
|
|
11
12
|
event: React.KeyboardEvent<HTMLDivElement>;
|
|
12
13
|
};
|
|
13
|
-
export interface SearchProps extends Omit<FormFieldProps, "readOnly">,
|
|
14
|
+
export interface SearchProps extends Omit<FormFieldProps, "readOnly">, SearchNativeProps {
|
|
14
15
|
children?: React.ReactNode;
|
|
15
16
|
/**
|
|
16
17
|
* Search label.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,4DAA4D;AAC5D,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAkB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,YAAkC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
export interface InternalHeaderProps extends HTMLAttributes<HTMLElement> {
|
|
2
|
+
import InternalHeaderButton, { InternalHeaderButtonProps } from "./InternalHeaderButton.js";
|
|
3
|
+
import InternalHeaderTitle, { InternalHeaderTitleProps } from "./InternalHeaderTitle.js";
|
|
4
|
+
import InternalHeaderUser, { InternalHeaderUserProps } from "./InternalHeaderUser.js";
|
|
5
|
+
import InternalHeaderUserButton, { InternalHeaderUserButtonProps } from "./InternalHeaderUserButton.js";
|
|
6
|
+
interface InternalHeaderProps extends HTMLAttributes<HTMLElement> {
|
|
8
7
|
children: React.ReactNode;
|
|
9
8
|
}
|
|
10
9
|
interface InternalHeaderComponent extends React.ForwardRefExoticComponent<InternalHeaderProps & React.RefAttributes<HTMLElement>> {
|
|
@@ -12,21 +11,21 @@ interface InternalHeaderComponent extends React.ForwardRefExoticComponent<Intern
|
|
|
12
11
|
* @see 🏷️ {@link InternalHeaderTitleProps}
|
|
13
12
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
14
13
|
*/
|
|
15
|
-
Title:
|
|
14
|
+
Title: typeof InternalHeaderTitle;
|
|
16
15
|
/**
|
|
17
16
|
* @see 🏷️ {@link InternalHeaderUserProps}
|
|
18
17
|
*/
|
|
19
|
-
User:
|
|
18
|
+
User: typeof InternalHeaderUser;
|
|
20
19
|
/**
|
|
21
20
|
* @see 🏷️ {@link InternalHeaderButtonProps}
|
|
22
21
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
23
22
|
*/
|
|
24
|
-
Button:
|
|
23
|
+
Button: typeof InternalHeaderButton;
|
|
25
24
|
/**
|
|
26
25
|
* @see 🏷️ {@link InternalHeaderUserButtonProps}
|
|
27
26
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
28
27
|
*/
|
|
29
|
-
UserButton:
|
|
28
|
+
UserButton: typeof InternalHeaderUserButton;
|
|
30
29
|
}
|
|
31
30
|
/**
|
|
32
31
|
* Simple Header for internal pages and systems.
|
|
@@ -58,3 +57,5 @@ interface InternalHeaderComponent extends React.ForwardRefExoticComponent<Intern
|
|
|
58
57
|
*/
|
|
59
58
|
export declare const InternalHeader: InternalHeaderComponent;
|
|
60
59
|
export default InternalHeader;
|
|
60
|
+
export { InternalHeaderTitle, InternalHeaderUser, InternalHeaderButton, InternalHeaderUserButton, };
|
|
61
|
+
export type { InternalHeaderProps, InternalHeaderTitleProps, InternalHeaderUserProps, InternalHeaderButtonProps, InternalHeaderUserButtonProps, };
|
|
@@ -57,4 +57,5 @@ InternalHeader.User = InternalHeaderUser;
|
|
|
57
57
|
InternalHeader.Button = InternalHeaderButton;
|
|
58
58
|
InternalHeader.UserButton = InternalHeaderUserButton;
|
|
59
59
|
export default InternalHeader;
|
|
60
|
+
export { InternalHeaderTitle, InternalHeaderUser, InternalHeaderButton, InternalHeaderUserButton, };
|
|
60
61
|
//# sourceMappingURL=InternalHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,oBAEN,MAAM,wBAAwB,CAAC;AAChC,OAAO,mBAEN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,kBAEN,MAAM,sBAAsB,CAAC;AAC9B,OAAO,wBAEN,MAAM,4BAA4B,CAAC;AA8BpC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAC5D;;OAEG;IACH,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,QAAC,aAAa,EAAE,KAAK;QAC9C,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACI,CACT,CAAC;AACJ,CAAC,CAA4B,CAAC;AAE9B,cAAc,CAAC,KAAK,GAAG,mBAAmB,CAAC;AAC3C,cAAc,CAAC,IAAI,GAAG,kBAAkB,CAAC;AACzC,cAAc,CAAC,MAAM,GAAG,oBAAoB,CAAC;AAC7C,cAAc,CAAC,UAAU,GAAG,wBAAwB,CAAC;AAErD,eAAe,cAAc,CAAC;AAC9B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,GACzB,CAAC"}
|
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
export { default as InternalHeader,
|
|
2
|
-
export {
|
|
3
|
-
export { default as InternalHeaderTitle, type InternalHeaderTitleProps, } from "./InternalHeaderTitle.js";
|
|
4
|
-
export { default as InternalHeaderUser, type InternalHeaderUserProps, } from "./InternalHeaderUser.js";
|
|
5
|
-
export { default as InternalHeaderUserButton, type InternalHeaderUserButtonProps, } from "./InternalHeaderUserButton.js";
|
|
1
|
+
export { default as InternalHeader, InternalHeaderButton, InternalHeaderTitle, InternalHeaderUser, InternalHeaderUserButton, } from "./InternalHeader.js";
|
|
2
|
+
export type { InternalHeaderProps, InternalHeaderButtonProps, InternalHeaderTitleProps, InternalHeaderUserProps, InternalHeaderUserButtonProps, } from "./InternalHeader.js";
|
|
@@ -1,7 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export { default as InternalHeader, } from "./InternalHeader.js";
|
|
3
|
-
export { default as InternalHeaderButton, } from "./InternalHeaderButton.js";
|
|
4
|
-
export { default as InternalHeaderTitle, } from "./InternalHeaderTitle.js";
|
|
5
|
-
export { default as InternalHeaderUser, } from "./InternalHeaderUser.js";
|
|
6
|
-
export { default as InternalHeaderUserButton, } from "./InternalHeaderUserButton.js";
|
|
2
|
+
export { default as InternalHeader, InternalHeaderButton, InternalHeaderTitle, InternalHeaderUser, InternalHeaderUserButton, } from "./InternalHeader.js";
|
|
7
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal-header/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EACL,OAAO,IAAI,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal-header/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,kBAAkB,CAAC"}
|
|
@@ -50,7 +50,7 @@ export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
50
50
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
51
51
|
*
|
|
52
52
|
* @example
|
|
53
|
-
* <Box padding="
|
|
53
|
+
* <Box padding="space-16">
|
|
54
54
|
* <Bleed marginInline="space-16" marginBlock="space-16">
|
|
55
55
|
* <BodyLong>Some content</BodyLong>
|
|
56
56
|
* </Bleed>
|
|
@@ -21,7 +21,7 @@ import { getResponsiveProps } from "../utilities/css.js";
|
|
|
21
21
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
22
22
|
*
|
|
23
23
|
* @example
|
|
24
|
-
* <Box padding="
|
|
24
|
+
* <Box padding="space-16">
|
|
25
25
|
* <Bleed marginInline="space-16" marginBlock="space-16">
|
|
26
26
|
* <BodyLong>Some content</BodyLong>
|
|
27
27
|
* </Bleed>
|
|
@@ -27,14 +27,14 @@ export interface ResponsiveProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
27
27
|
* @see 🏷️ {@link ResponsiveProps}
|
|
28
28
|
*
|
|
29
29
|
* @example
|
|
30
|
-
* <HGrid columns={{ xs: 1, md: 2 }} gap="
|
|
30
|
+
* <HGrid columns={{ xs: 1, md: 2 }} gap="space-16">
|
|
31
31
|
* <div/>
|
|
32
32
|
* <Hide below="md" asChild>
|
|
33
33
|
* // Only visible above "md"
|
|
34
34
|
* </Hide>
|
|
35
35
|
* </HGrid>
|
|
36
36
|
* @example
|
|
37
|
-
* <HGrid columns={{ xs: 1, md: 2 }} gap="
|
|
37
|
+
* <HGrid columns={{ xs: 1, md: 2 }} gap="space-16">
|
|
38
38
|
* <div/>
|
|
39
39
|
* <Hide above="md" asChild>
|
|
40
40
|
* // Only visible below "md"
|
|
@@ -49,14 +49,14 @@ export declare const Hide: React.ForwardRefExoticComponent<ResponsiveProps & Rea
|
|
|
49
49
|
* @see 🏷️ {@link ResponsiveProps}
|
|
50
50
|
*
|
|
51
51
|
* @example
|
|
52
|
-
* <HGrid columns={{ xs: 1, md: 2 }} gap="
|
|
52
|
+
* <HGrid columns={{ xs: 1, md: 2 }} gap="space-16">
|
|
53
53
|
* <div/>
|
|
54
54
|
* <Show below="md" asChild>
|
|
55
55
|
* // Only visible below "md"
|
|
56
56
|
* </Show>
|
|
57
57
|
* </HGrid>
|
|
58
58
|
* @example
|
|
59
|
-
* <HGrid columns={{ xs: 1, md: 2 }} gap="
|
|
59
|
+
* <HGrid columns={{ xs: 1, md: 2 }} gap="space-16">
|
|
60
60
|
* <div/>
|
|
61
61
|
* <Show above="md" asChild>
|
|
62
62
|
* // Only visible above "md"
|
|
@@ -29,14 +29,14 @@ const Responsive = forwardRef((_a, ref) => {
|
|
|
29
29
|
* @see 🏷️ {@link ResponsiveProps}
|
|
30
30
|
*
|
|
31
31
|
* @example
|
|
32
|
-
* <HGrid columns={{ xs: 1, md: 2 }} gap="
|
|
32
|
+
* <HGrid columns={{ xs: 1, md: 2 }} gap="space-16">
|
|
33
33
|
* <div/>
|
|
34
34
|
* <Hide below="md" asChild>
|
|
35
35
|
* // Only visible above "md"
|
|
36
36
|
* </Hide>
|
|
37
37
|
* </HGrid>
|
|
38
38
|
* @example
|
|
39
|
-
* <HGrid columns={{ xs: 1, md: 2 }} gap="
|
|
39
|
+
* <HGrid columns={{ xs: 1, md: 2 }} gap="space-16">
|
|
40
40
|
* <div/>
|
|
41
41
|
* <Hide above="md" asChild>
|
|
42
42
|
* // Only visible below "md"
|
|
@@ -51,14 +51,14 @@ export const Hide = forwardRef((props, ref) => React.createElement(Responsive, O
|
|
|
51
51
|
* @see 🏷️ {@link ResponsiveProps}
|
|
52
52
|
*
|
|
53
53
|
* @example
|
|
54
|
-
* <HGrid columns={{ xs: 1, md: 2 }} gap="
|
|
54
|
+
* <HGrid columns={{ xs: 1, md: 2 }} gap="space-16">
|
|
55
55
|
* <div/>
|
|
56
56
|
* <Show below="md" asChild>
|
|
57
57
|
* // Only visible below "md"
|
|
58
58
|
* </Show>
|
|
59
59
|
* </HGrid>
|
|
60
60
|
* @example
|
|
61
|
-
* <HGrid columns={{ xs: 1, md: 2 }} gap="
|
|
61
|
+
* <HGrid columns={{ xs: 1, md: 2 }} gap="space-16">
|
|
62
62
|
* <div/>
|
|
63
63
|
* <Show above="md" asChild>
|
|
64
64
|
* // Only visible above "md"
|
|
@@ -10,14 +10,14 @@ export type HStackProps = PrimitiveAsChildProps & Omit<StackProps, "direction">;
|
|
|
10
10
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
|
-
* <HStack gap="
|
|
13
|
+
* <HStack gap="space-32">
|
|
14
14
|
* <MyComponent />
|
|
15
15
|
* <MyComponent />
|
|
16
16
|
* </HStack>
|
|
17
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* // Responsive gap
|
|
20
|
-
* <HStack gap={{xs: "
|
|
20
|
+
* <HStack gap={{xs: "space-8", md: "space-24"}}>
|
|
21
21
|
* <MyComponent />
|
|
22
22
|
* <MyComponent />
|
|
23
23
|
* </HStack>
|
|
@@ -19,14 +19,14 @@ import { Stack } from "./Stack.js";
|
|
|
19
19
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
20
20
|
*
|
|
21
21
|
* @example
|
|
22
|
-
* <HStack gap="
|
|
22
|
+
* <HStack gap="space-32">
|
|
23
23
|
* <MyComponent />
|
|
24
24
|
* <MyComponent />
|
|
25
25
|
* </HStack>
|
|
26
26
|
*
|
|
27
27
|
* @example
|
|
28
28
|
* // Responsive gap
|
|
29
|
-
* <HStack gap={{xs: "
|
|
29
|
+
* <HStack gap={{xs: "space-8", md: "space-24"}}>
|
|
30
30
|
* <MyComponent />
|
|
31
31
|
* <MyComponent />
|
|
32
32
|
* </HStack>
|
|
@@ -10,14 +10,14 @@ export type VStackProps = PrimitiveAsChildProps & Omit<StackProps, "direction" |
|
|
|
10
10
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
|
-
* <VStack gap="
|
|
13
|
+
* <VStack gap="space-32">
|
|
14
14
|
* <MyComponent />
|
|
15
15
|
* <MyComponent />
|
|
16
16
|
* </VStack>
|
|
17
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* // Responsive gap
|
|
20
|
-
* <VStack gap={{xs: "
|
|
20
|
+
* <VStack gap={{xs: "space-8", md: "space-24"}}>
|
|
21
21
|
* <MyComponent />
|
|
22
22
|
* <MyComponent />
|
|
23
23
|
* </VStack>
|
|
@@ -19,14 +19,14 @@ import { Stack } from "./Stack.js";
|
|
|
19
19
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
20
20
|
*
|
|
21
21
|
* @example
|
|
22
|
-
* <VStack gap="
|
|
22
|
+
* <VStack gap="space-32">
|
|
23
23
|
* <MyComponent />
|
|
24
24
|
* <MyComponent />
|
|
25
25
|
* </VStack>
|
|
26
26
|
*
|
|
27
27
|
* @example
|
|
28
28
|
* // Responsive gap
|
|
29
|
-
* <VStack gap={{xs: "
|
|
29
|
+
* <VStack gap={{xs: "space-8", md: "space-24"}}>
|
|
30
30
|
* <MyComponent />
|
|
31
31
|
* <MyComponent />
|
|
32
32
|
* </VStack>
|
|
@@ -15,7 +15,7 @@ export interface LinkPanelProps extends React.AnchorHTMLAttributes<HTMLAnchorEle
|
|
|
15
15
|
}
|
|
16
16
|
interface LinkPanelComponentType extends OverridableComponent<LinkPanelProps, HTMLAnchorElement> {
|
|
17
17
|
/**
|
|
18
|
-
* @see 🏷️ {@link
|
|
18
|
+
* @see 🏷️ {@link LinkPanelTitleProps}
|
|
19
19
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
20
20
|
*/
|
|
21
21
|
Title: OverridableComponent<LinkPanelTitleProps, HTMLDivElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkPanel.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EACL,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkPanel.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EACL,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AA+BvE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAG3B,UAAU,CACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,EAAE,GAAG,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,OAAW,EAAN,IAAI,cAAvD,yCAAyD,CAAF;IACtD,OAAO,CACL,oBAAC,KAAK,oBACA,IAAI,IACR,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QAE5C,6BAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAO;QAC3D,oBAAC,gBAAgB,IAAC,SAAS,EAAC,2BAA2B,wBAAe,CAChE,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,kBAA4C,CAAC;AAE/D,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAE7C,eAAe,SAAS,CAAC"}
|
package/esm/list/List.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ListItem } from "./List.Item.js";
|
|
3
|
-
import type { ListProps } from "./List.types.js";
|
|
4
|
-
|
|
3
|
+
import type { ListItemProps, ListProps } from "./List.types.js";
|
|
4
|
+
interface ListComponent extends React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>> {
|
|
5
5
|
/**
|
|
6
6
|
* @see 🏷️ {@link ListItemProps}
|
|
7
7
|
*/
|
|
@@ -24,3 +24,5 @@ export interface ListComponent extends React.ForwardRefExoticComponent<ListProps
|
|
|
24
24
|
*/
|
|
25
25
|
export declare const List: ListComponent;
|
|
26
26
|
export default List;
|
|
27
|
+
export { ListItem };
|
|
28
|
+
export type { ListProps, ListItemProps };
|
package/esm/list/List.js
CHANGED
package/esm/list/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAY7C;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,IAAI,EACJ,YAAY,EAAE,UAAU,EACxB,iBAAiB,EAAE,eAAe,OAEnC,EADI,IAAI,cAPT,wEAQC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,oBAAC,QAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;YAEjE,oBAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AAErB,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/esm/list/index.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export { default as List } from "./List.js";
|
|
2
|
-
export type { ListProps, ListItemProps } from "./List.
|
|
3
|
-
export { default as ListItem } from "./List.Item.js";
|
|
1
|
+
export { default as List, ListItem } from "./List.js";
|
|
2
|
+
export type { ListProps, ListItemProps } from "./List.js";
|
package/esm/list/index.js
CHANGED
package/esm/list/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -20,7 +20,7 @@ interface ActionMenuComponent extends React.FC<ActionMenuProps> {
|
|
|
20
20
|
* @example
|
|
21
21
|
* ```jsx
|
|
22
22
|
* <ActionMenu.Trigger>
|
|
23
|
-
*
|
|
23
|
+
* <button>Open Menu</button>
|
|
24
24
|
* </ActionMenu.Trigger>
|
|
25
25
|
* ```
|
|
26
26
|
*/
|
|
@@ -30,12 +30,12 @@ interface ActionMenuComponent extends React.FC<ActionMenuProps> {
|
|
|
30
30
|
* @example
|
|
31
31
|
* ```jsx
|
|
32
32
|
* <ActionMenu.Content>
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
*
|
|
33
|
+
* <ActionMenu.Item>
|
|
34
|
+
* Item 1
|
|
35
|
+
* </ActionMenu.Item>
|
|
36
|
+
* <ActionMenu.Item>
|
|
37
|
+
* Item 2
|
|
38
|
+
* </ActionMenu.Item>
|
|
39
39
|
* </ActionMenu.Content>
|
|
40
40
|
* ```
|
|
41
41
|
*/
|
|
@@ -49,22 +49,22 @@ interface ActionMenuComponent extends React.FC<ActionMenuProps> {
|
|
|
49
49
|
* @example
|
|
50
50
|
* ```jsx
|
|
51
51
|
* <ActionMenu.Content>
|
|
52
|
-
*
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
*
|
|
58
|
-
*
|
|
59
|
-
*
|
|
60
|
-
*
|
|
61
|
-
*
|
|
62
|
-
*
|
|
63
|
-
*
|
|
64
|
-
*
|
|
65
|
-
*
|
|
66
|
-
*
|
|
67
|
-
*
|
|
52
|
+
* <ActionMenu.Group label="Group 1">
|
|
53
|
+
* <ActionMenu.Item>
|
|
54
|
+
* Item 1
|
|
55
|
+
* </ActionMenu.Item>
|
|
56
|
+
* <ActionMenu.Item>
|
|
57
|
+
* Item 2
|
|
58
|
+
* </ActionMenu.Item>
|
|
59
|
+
* </ActionMenu.Group>
|
|
60
|
+
* <ActionMenu.Group label="Group 2">
|
|
61
|
+
* <ActionMenu.Item>
|
|
62
|
+
* Item 3
|
|
63
|
+
* </ActionMenu.Item>
|
|
64
|
+
* <ActionMenu.Item>
|
|
65
|
+
* Item 4
|
|
66
|
+
* </ActionMenu.Item>
|
|
67
|
+
* </ActionMenu.Group>
|
|
68
68
|
* </ActionMenu.Content>
|
|
69
69
|
* ```
|
|
70
70
|
*/
|
|
@@ -75,10 +75,10 @@ interface ActionMenuComponent extends React.FC<ActionMenuProps> {
|
|
|
75
75
|
* @example
|
|
76
76
|
* ```jsx
|
|
77
77
|
* <ActionMenu.Content>
|
|
78
|
-
*
|
|
79
|
-
*
|
|
80
|
-
*
|
|
81
|
-
*
|
|
78
|
+
* <ActionMenu.Label>
|
|
79
|
+
* Label
|
|
80
|
+
* </ActionMenu.Label>
|
|
81
|
+
* <ActionMenu.Divider />
|
|
82
82
|
* </ActionMenu.Content
|
|
83
83
|
* ```
|
|
84
84
|
*/
|
|
@@ -89,26 +89,26 @@ interface ActionMenuComponent extends React.FC<ActionMenuProps> {
|
|
|
89
89
|
* @example
|
|
90
90
|
* ```jsx
|
|
91
91
|
* <ActionMenu.Content>
|
|
92
|
-
*
|
|
93
|
-
*
|
|
94
|
-
*
|
|
95
|
-
*
|
|
96
|
-
* </ActionMenu.Item>
|
|
97
|
-
* <ActionMenu.Item onSelect={navigate}>
|
|
98
|
-
* Item 2
|
|
99
|
-
* </ActionMenu.Item>
|
|
100
|
-
* </ActionMenu.Group>
|
|
101
|
-
* <ActionMenu.Divider />
|
|
102
|
-
* // Standalone
|
|
103
|
-
* <ActionMenu.Item onSelect={updateState}>
|
|
104
|
-
* Item 3
|
|
92
|
+
* // Grouped
|
|
93
|
+
* <ActionMenu.Group label="Group 1">
|
|
94
|
+
* <ActionMenu.Item onSelect={navigate}>
|
|
95
|
+
* Item 1
|
|
105
96
|
* </ActionMenu.Item>
|
|
97
|
+
* <ActionMenu.Item onSelect={navigate}>
|
|
98
|
+
* Item 2
|
|
99
|
+
* </ActionMenu.Item>
|
|
100
|
+
* </ActionMenu.Group>
|
|
101
|
+
* <ActionMenu.Divider />
|
|
102
|
+
* // Standalone
|
|
103
|
+
* <ActionMenu.Item onSelect={updateState}>
|
|
104
|
+
* Item 3
|
|
105
|
+
* </ActionMenu.Item>
|
|
106
106
|
* </ActionMenu.Content>
|
|
107
107
|
* ```
|
|
108
108
|
* @example As link
|
|
109
109
|
* ```jsx
|
|
110
110
|
* <ActionMenu.Item as="a" href="#">
|
|
111
|
-
*
|
|
111
|
+
* Item
|
|
112
112
|
* </ActionMenu.Item>
|
|
113
113
|
* ```
|
|
114
114
|
*/
|
|
@@ -227,7 +227,7 @@ interface ActionMenuComponent extends React.FC<ActionMenuProps> {
|
|
|
227
227
|
* Item 2
|
|
228
228
|
* </ActionMenu.Item>
|
|
229
229
|
* </ActionMenu.Content>
|
|
230
|
-
*
|
|
230
|
+
* </ActionMenu>
|
|
231
231
|
* ```
|
|
232
232
|
*/
|
|
233
233
|
export declare const ActionMenu: ActionMenuComponent;
|