@navikt/ds-react 6.1.0 → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/accordion/Accordion.d.ts +4 -4
- package/cjs/alert/Alert.d.ts +12 -10
- package/cjs/alert/Alert.js.map +1 -1
- package/cjs/button/Button.d.ts +9 -8
- package/cjs/button/Button.js.map +1 -1
- package/cjs/chat/Chat.d.ts +6 -6
- package/cjs/chips/Chips.d.ts +2 -2
- package/cjs/copybutton/CopyButton.d.ts +14 -12
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/datepicker/types.d.ts +7 -6
- package/cjs/date/hooks/useDatepicker.d.ts +4 -3
- package/cjs/date/hooks/useDatepicker.js.map +1 -1
- package/cjs/date/hooks/useMonthPicker.d.ts +4 -3
- package/cjs/date/hooks/useMonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/types.d.ts +2 -1
- package/cjs/date/parts/DateInput.d.ts +1 -1
- package/cjs/expansion-card/ExpansionCardTitle.d.ts +1 -1
- package/cjs/form/checkbox/CheckboxGroup.d.ts +3 -3
- package/cjs/form/checkbox/types.d.ts +4 -4
- package/cjs/form/combobox/types.d.ts +15 -15
- package/cjs/form/error-summary/ErrorSummary.d.ts +5 -5
- package/cjs/form/radio/RadioGroup.d.ts +1 -1
- package/cjs/form/search/Search.d.ts +3 -2
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/select/Select.d.ts +9 -9
- package/cjs/form/switch/Switch.d.ts +5 -5
- package/cjs/form/textarea/Textarea.d.ts +5 -4
- package/cjs/form/textarea/Textarea.js.map +1 -1
- package/cjs/form/useFormField.d.ts +10 -8
- package/cjs/form/useFormField.js.map +1 -1
- package/cjs/layout/bleed/Bleed.d.ts +9 -1
- package/cjs/layout/bleed/Bleed.js.map +1 -1
- package/cjs/layout/box/Box.d.ts +5 -5
- package/cjs/layout/grid/HGrid.d.ts +1 -3
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.d.ts +2 -2
- package/cjs/layout/responsive/Responsive.d.ts +2 -4
- package/cjs/layout/responsive/Responsive.js.map +1 -1
- package/cjs/layout/stack/Stack.d.ts +18 -4
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/list/types.d.ts +1 -1
- package/cjs/loader/Loader.d.ts +1 -0
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/modal/Modal.js +28 -10
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalHeader.js +1 -1
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/modal/ModalUtils.d.ts +5 -0
- package/cjs/modal/ModalUtils.js +9 -1
- package/cjs/modal/ModalUtils.js.map +1 -1
- package/cjs/modal/types.d.ts +8 -8
- package/cjs/pagination/Pagination.d.ts +3 -2
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.d.ts +1 -1
- package/cjs/popover/Popover.d.ts +2 -1
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/read-more/ReadMore.d.ts +7 -7
- package/cjs/stepper/Step.d.ts +4 -4
- package/cjs/stepper/Stepper.d.ts +7 -5
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/table/AnimateHeight.d.ts +1 -1
- package/cjs/tabs/TabList.d.ts +1 -1
- package/cjs/tabs/Tabs.d.ts +7 -7
- package/cjs/timeline/Timeline.d.ts +6 -3
- package/cjs/timeline/Timeline.js +2 -1
- package/cjs/timeline/Timeline.js.map +1 -1
- package/cjs/timeline/period/index.d.ts +3 -2
- package/cjs/timeline/period/index.js.map +1 -1
- package/cjs/tooltip/Tooltip.d.ts +19 -12
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/esm/accordion/Accordion.d.ts +4 -4
- package/esm/alert/Alert.d.ts +12 -10
- package/esm/alert/Alert.js.map +1 -1
- package/esm/button/Button.d.ts +9 -8
- package/esm/button/Button.js.map +1 -1
- package/esm/chat/Chat.d.ts +6 -6
- package/esm/chips/Chips.d.ts +2 -2
- package/esm/copybutton/CopyButton.d.ts +14 -12
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/datepicker/types.d.ts +7 -6
- package/esm/date/hooks/useDatepicker.d.ts +4 -3
- package/esm/date/hooks/useDatepicker.js.map +1 -1
- package/esm/date/hooks/useMonthPicker.d.ts +4 -3
- package/esm/date/hooks/useMonthPicker.js.map +1 -1
- package/esm/date/monthpicker/types.d.ts +2 -1
- package/esm/date/parts/DateInput.d.ts +1 -1
- package/esm/expansion-card/ExpansionCardTitle.d.ts +1 -1
- package/esm/form/checkbox/CheckboxGroup.d.ts +3 -3
- package/esm/form/checkbox/types.d.ts +4 -4
- package/esm/form/combobox/types.d.ts +15 -15
- package/esm/form/error-summary/ErrorSummary.d.ts +5 -5
- package/esm/form/radio/RadioGroup.d.ts +1 -1
- package/esm/form/search/Search.d.ts +3 -2
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/select/Select.d.ts +9 -9
- package/esm/form/switch/Switch.d.ts +5 -5
- package/esm/form/textarea/Textarea.d.ts +5 -4
- package/esm/form/textarea/Textarea.js.map +1 -1
- package/esm/form/useFormField.d.ts +10 -8
- package/esm/form/useFormField.js.map +1 -1
- package/esm/layout/bleed/Bleed.d.ts +9 -1
- package/esm/layout/bleed/Bleed.js.map +1 -1
- package/esm/layout/box/Box.d.ts +5 -5
- package/esm/layout/grid/HGrid.d.ts +1 -3
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/page/Page.d.ts +2 -2
- package/esm/layout/responsive/Responsive.d.ts +2 -4
- package/esm/layout/responsive/Responsive.js.map +1 -1
- package/esm/layout/stack/Stack.d.ts +18 -4
- package/esm/layout/stack/Stack.js.map +1 -1
- package/esm/list/types.d.ts +1 -1
- package/esm/loader/Loader.d.ts +1 -0
- package/esm/loader/Loader.js.map +1 -1
- package/esm/modal/Modal.js +29 -11
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalHeader.js +1 -1
- package/esm/modal/ModalHeader.js.map +1 -1
- package/esm/modal/ModalUtils.d.ts +5 -0
- package/esm/modal/ModalUtils.js +7 -0
- package/esm/modal/ModalUtils.js.map +1 -1
- package/esm/modal/types.d.ts +8 -8
- package/esm/pagination/Pagination.d.ts +3 -2
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.d.ts +1 -1
- package/esm/popover/Popover.d.ts +2 -1
- package/esm/popover/Popover.js.map +1 -1
- package/esm/read-more/ReadMore.d.ts +7 -7
- package/esm/stepper/Step.d.ts +4 -4
- package/esm/stepper/Stepper.d.ts +7 -5
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/table/AnimateHeight.d.ts +1 -1
- package/esm/tabs/TabList.d.ts +1 -1
- package/esm/tabs/Tabs.d.ts +7 -7
- package/esm/timeline/Timeline.d.ts +6 -3
- package/esm/timeline/Timeline.js +2 -1
- package/esm/timeline/Timeline.js.map +1 -1
- package/esm/timeline/period/index.d.ts +3 -2
- package/esm/timeline/period/index.js.map +1 -1
- package/esm/tooltip/Tooltip.d.ts +19 -12
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/package.json +3 -4
- package/src/accordion/Accordion.tsx +4 -4
- package/src/accordion/accordion.stories.tsx +0 -2
- package/src/alert/Alert.tsx +12 -10
- package/src/button/Button.tsx +9 -8
- package/src/chat/Chat.tsx +6 -6
- package/src/chips/Chips.tsx +2 -2
- package/src/copybutton/CopyButton.tsx +14 -12
- package/src/date/datepicker/datepicker.stories.tsx +0 -1
- package/src/date/datepicker/types.ts +7 -6
- package/src/date/hooks/useDatepicker.tsx +4 -3
- package/src/date/hooks/useMonthPicker.tsx +4 -3
- package/src/date/monthpicker/types.ts +2 -1
- package/src/date/parts/DateInput.tsx +1 -1
- package/src/expansion-card/ExpansionCardTitle.tsx +1 -1
- package/src/form/checkbox/CheckboxGroup.tsx +3 -3
- package/src/form/checkbox/types.ts +4 -4
- package/src/form/combobox/types.ts +15 -15
- package/src/form/error-summary/ErrorSummary.tsx +5 -5
- package/src/form/radio/RadioGroup.tsx +1 -1
- package/src/form/search/Search.tsx +3 -2
- package/src/form/select/Select.tsx +9 -9
- package/src/form/select/select.stories.tsx +32 -37
- package/src/form/switch/Switch.tsx +5 -5
- package/src/form/textarea/Textarea.tsx +5 -4
- package/src/form/useFormField.ts +10 -8
- package/src/layout/bleed/Bleed.tsx +9 -1
- package/src/layout/box/Box.tsx +5 -5
- package/src/layout/grid/HGrid.tsx +1 -3
- package/src/layout/page/Page.tsx +2 -2
- package/src/layout/responsive/Responsive.tsx +2 -4
- package/src/layout/stack/Stack.tsx +18 -4
- package/src/link/stories/link.stories.tsx +187 -96
- package/src/list/types.ts +1 -1
- package/src/loader/Loader.tsx +1 -0
- package/src/modal/Modal.tsx +49 -10
- package/src/modal/ModalHeader.tsx +1 -1
- package/src/modal/ModalUtils.ts +14 -0
- package/src/modal/types.ts +8 -8
- package/src/pagination/Pagination.tsx +3 -2
- package/src/pagination/PaginationItem.tsx +1 -1
- package/src/popover/Popover.tsx +2 -1
- package/src/read-more/ReadMore.tsx +7 -7
- package/src/stepper/Step.tsx +4 -4
- package/src/stepper/Stepper.tsx +7 -5
- package/src/table/AnimateHeight.tsx +1 -1
- package/src/tabs/TabList.tsx +1 -1
- package/src/tabs/Tabs.tsx +7 -7
- package/src/timeline/Timeline.tsx +6 -3
- package/src/timeline/period/index.tsx +3 -2
- package/src/tooltip/Tooltip.tsx +19 -12
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
/**
|
|
4
|
-
* Content inside ReadMore
|
|
4
|
+
* Content inside ReadMore.
|
|
5
5
|
*/
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
/**
|
|
8
|
-
* ReadMore header content
|
|
8
|
+
* ReadMore header content.
|
|
9
9
|
*/
|
|
10
10
|
header: React.ReactNode;
|
|
11
11
|
/**
|
|
12
|
-
* Opens component if
|
|
13
|
-
* Using this prop removes automatic control of open-state
|
|
12
|
+
* Opens component if `true`, closes if `false`.
|
|
13
|
+
* Using this prop removes automatic control of open-state.
|
|
14
14
|
*/
|
|
15
15
|
open?: boolean;
|
|
16
16
|
/**
|
|
17
|
-
* Initially open
|
|
17
|
+
* Initially open.
|
|
18
18
|
* @default false
|
|
19
19
|
*/
|
|
20
20
|
defaultOpen?: boolean;
|
|
@@ -23,8 +23,8 @@ export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
23
23
|
*/
|
|
24
24
|
onOpenChange?: (open: boolean) => void;
|
|
25
25
|
/**
|
|
26
|
-
* Changes fontsize for content
|
|
27
|
-
* @default medium
|
|
26
|
+
* Changes fontsize for content.
|
|
27
|
+
* @default "medium"
|
|
28
28
|
*/
|
|
29
29
|
size?: "medium" | "small";
|
|
30
30
|
}
|
package/esm/stepper/Step.d.ts
CHANGED
|
@@ -2,21 +2,21 @@ import React from "react";
|
|
|
2
2
|
import { OverridableComponent } from "../util/types/index.js";
|
|
3
3
|
export interface StepperStepProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
4
4
|
/**
|
|
5
|
-
* Text content by indicator
|
|
5
|
+
* Text content by indicator.
|
|
6
6
|
*/
|
|
7
7
|
children: string;
|
|
8
8
|
/**
|
|
9
|
-
* Handled by Stepper, overwriting may break component logic
|
|
9
|
+
* Handled by Stepper, overwriting may break component logic.
|
|
10
10
|
* @private
|
|
11
11
|
*/
|
|
12
12
|
unsafe_index?: number;
|
|
13
13
|
/**
|
|
14
|
-
* Makes step-indicator a checkmark
|
|
14
|
+
* Makes step-indicator a checkmark.
|
|
15
15
|
* @default false
|
|
16
16
|
*/
|
|
17
17
|
completed?: boolean;
|
|
18
18
|
/**
|
|
19
|
-
* Makes step non-interactive if false. Step will be set to a
|
|
19
|
+
* Makes step non-interactive if false. Step will be set to a `<div>`, overriding `as`-prop.
|
|
20
20
|
* @default true
|
|
21
21
|
*/
|
|
22
22
|
interactive?: boolean;
|
package/esm/stepper/Stepper.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import Step from "./Step.js";
|
|
3
3
|
export interface StepperProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* `<Stepper.Step />` elements.
|
|
6
6
|
*/
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
/**
|
|
@@ -12,16 +12,18 @@ export interface StepperProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
|
12
12
|
orientation?: "horizontal" | "vertical";
|
|
13
13
|
/**
|
|
14
14
|
* Current active step.
|
|
15
|
-
*
|
|
15
|
+
*
|
|
16
|
+
* Stepper index starts at 1, not 0.
|
|
16
17
|
*/
|
|
17
18
|
activeStep: number;
|
|
18
19
|
/**
|
|
19
|
-
* Callback for next activeStep
|
|
20
|
-
*
|
|
20
|
+
* Callback for next `activeStep`.
|
|
21
|
+
*
|
|
22
|
+
* Stepper index starts at 1, not 0.
|
|
21
23
|
*/
|
|
22
24
|
onStepChange?: (step: number) => void;
|
|
23
25
|
/**
|
|
24
|
-
* Makes stepper non-interactive if false
|
|
26
|
+
* Makes stepper non-interactive if false.
|
|
25
27
|
* @default true
|
|
26
28
|
*/
|
|
27
29
|
interactive?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAA0B,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAA0B,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AA0C3C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,UAAU,CAIjD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,WAAW,GAAG,IAAI,OAEnB,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,eAAe,EACf,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EAC/D,SAAS,CACV;QAED,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;gBACL,UAAU;gBACV,YAAY;gBACZ,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;gBACzC,WAAW;gBACX,WAAW;aACZ,IAEA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAC5C,OAAO,CACL,4BACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE;oBACnC,6BAA6B,EAAE,UAAU,GAAG,KAAK;oBACjD,gCAAgC,EAC9B,KAAK,CAAC,cAAc,CAAmB,IAAI,CAAC;yBAC5C,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,SAAS,CAAA;oBACxB,sCAAsC,EACpC,KAAK,CAAC,cAAc,CAAmB,IAAI,CAAC;wBAC5C,CAAC,CAAC,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,WAAW,mCAAI,WAAW,CAAC;iBAC7C,CAAC,EACF,GAAG,EAAE,KAAK,GAAG,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,wDAAI,mCAAI,EAAE,CAAC;gBAE3C,8BAAM,SAAS,EAAC,4CAA4C,GAAG;gBAC9D,KAAK,CAAC,cAAc,CAAmB,IAAI,CAAC;oBAC3C,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,kCAClB,IAAI,CAAC,KAAK,KACb,YAAY,EAAE,KAAK,IACnB;oBACJ,CAAC,CAAC,IAAI;gBACR,8BAAM,SAAS,EAAC,4CAA4C,GAAG,CAC5D,CACN,CAAC;QACJ,CAAC,CAAC,CACsB,CACvB,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AAEpB,eAAe,OAAO,CAAC"}
|
package/esm/tabs/TabList.d.ts
CHANGED
package/esm/tabs/Tabs.d.ts
CHANGED
|
@@ -6,34 +6,34 @@ import { TabPanelProps } from "./TabPanel.js";
|
|
|
6
6
|
export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
/**
|
|
9
|
-
* Changes padding and font-size
|
|
9
|
+
* Changes padding and font-size.
|
|
10
10
|
* @default "medium"
|
|
11
11
|
*/
|
|
12
12
|
size?: "medium" | "small";
|
|
13
13
|
/**
|
|
14
|
-
* onChange callback for selected Tab
|
|
14
|
+
* onChange callback for selected Tab.
|
|
15
15
|
*/
|
|
16
16
|
onChange?: (value: string) => void;
|
|
17
17
|
/**
|
|
18
|
-
* Controlled selected value
|
|
18
|
+
* Controlled selected value.
|
|
19
19
|
*/
|
|
20
20
|
value?: string;
|
|
21
21
|
/**
|
|
22
|
-
* If not controlled, a default-value needs to be set
|
|
22
|
+
* If not controlled, a default-value needs to be set.
|
|
23
23
|
*/
|
|
24
24
|
defaultValue?: string;
|
|
25
25
|
/**
|
|
26
|
-
* Automatically activates tab on focus/navigation
|
|
26
|
+
* Automatically activates tab on focus/navigation.
|
|
27
27
|
* @default false
|
|
28
28
|
*/
|
|
29
29
|
selectionFollowsFocus?: boolean;
|
|
30
30
|
/**
|
|
31
|
-
* Loops back to start when navigating past last item
|
|
31
|
+
* Loops back to start when navigating past last item.
|
|
32
32
|
* @default false
|
|
33
33
|
*/
|
|
34
34
|
loop?: boolean;
|
|
35
35
|
/**
|
|
36
|
-
* Icon position in Tab
|
|
36
|
+
* Icon position in Tab.
|
|
37
37
|
* @default "left"
|
|
38
38
|
*/
|
|
39
39
|
iconPosition?: "left" | "top";
|
|
@@ -9,13 +9,15 @@ export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
9
9
|
/**
|
|
10
10
|
* Decides startingpoint in timeline.
|
|
11
11
|
* Defaults to earliest date among the timeline periods.
|
|
12
|
-
*
|
|
12
|
+
*
|
|
13
|
+
* Using this disables use of ZoomButtons. You will need to control zooming yourself.
|
|
13
14
|
*/
|
|
14
15
|
startDate?: Date;
|
|
15
16
|
/**
|
|
16
17
|
* Decides end-date for timeline.
|
|
17
18
|
* Defaults to the latest date among the timeline periods.
|
|
18
|
-
*
|
|
19
|
+
*
|
|
20
|
+
* Using this disables use of ZoomButtons. You will need to control zooming yourself.
|
|
19
21
|
*/
|
|
20
22
|
endDate?: Date;
|
|
21
23
|
/**
|
|
@@ -49,7 +51,8 @@ interface TimelineComponent extends React.ForwardRefExoticComponent<TimelineProp
|
|
|
49
51
|
}
|
|
50
52
|
/**
|
|
51
53
|
* A component that displays a timeline of events. Meant for Internal systems.
|
|
52
|
-
*
|
|
54
|
+
*
|
|
55
|
+
* Component is made for desktop enviroments and will start having issues on smaller screens.
|
|
53
56
|
*
|
|
54
57
|
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/timeline)
|
|
55
58
|
* @see 🏷️ {@link TimelineProps}
|
package/esm/timeline/Timeline.js
CHANGED
|
@@ -22,7 +22,8 @@ import { parseRows } from "./utils/timeline.js";
|
|
|
22
22
|
import Zoom from "./zoom/index.js";
|
|
23
23
|
/**
|
|
24
24
|
* A component that displays a timeline of events. Meant for Internal systems.
|
|
25
|
-
*
|
|
25
|
+
*
|
|
26
|
+
* Component is made for desktop enviroments and will start having issues on smaller screens.
|
|
26
27
|
*
|
|
27
28
|
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/timeline)
|
|
28
29
|
* @see 🏷️ {@link TimelineProps}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/timeline/Timeline.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,GAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,WAAgC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,GAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,MAAsB,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,IAAkB,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/timeline/Timeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,8 +32,9 @@ export interface TimelinePeriodProps extends React.HTMLAttributes<HTMLDivElement
|
|
|
32
32
|
*/
|
|
33
33
|
children?: React.ReactNode;
|
|
34
34
|
/**
|
|
35
|
-
* Visual active inidcation on period
|
|
36
|
-
*
|
|
35
|
+
* Visual active inidcation on period.
|
|
36
|
+
*
|
|
37
|
+
* Make sure only one period is active at a time.
|
|
37
38
|
*/
|
|
38
39
|
isActive?: boolean;
|
|
39
40
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAkDtD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAChB,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,yCAAK,CAAC;IACf,CAAC;IACD,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,MAAM,GAAG,SAAS,EAClB,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,GAAG,MAAM,CAAC;IAEX,OAAO,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,oBAAC,eAAe,IACd,SAAS,EAAE,GAA4C,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAkB,IACjB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACY,CAAC;AAEhB,MAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,eAAe,MAAM,CAAC"}
|
package/esm/tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
2
|
export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
/**
|
|
4
|
-
* Element tooltip anchors to
|
|
5
|
-
*
|
|
4
|
+
* Element tooltip anchors to.
|
|
5
|
+
*
|
|
6
|
+
* Needs to be React.ReactElement, does not support multiple children/react fragment
|
|
6
7
|
*/
|
|
7
8
|
children: React.ReactElement & React.RefAttributes<HTMLElement>;
|
|
8
9
|
/**
|
|
@@ -11,45 +12,51 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
11
12
|
open?: boolean;
|
|
12
13
|
/**
|
|
13
14
|
* Tells tooltip to start in open state.
|
|
14
|
-
* Use
|
|
15
|
-
*
|
|
15
|
+
* Use _sparingly_ since hover/focus on other elements will close it.
|
|
16
|
+
*
|
|
17
|
+
* `open`-prop overwrites this.
|
|
16
18
|
*/
|
|
17
19
|
defaultOpen?: boolean;
|
|
18
20
|
/**
|
|
19
|
-
* Change handler for open
|
|
21
|
+
* Change handler for open.
|
|
20
22
|
*/
|
|
21
23
|
onOpenChange?: (open: boolean) => void;
|
|
22
24
|
/**
|
|
23
|
-
* Orientation for tooltip
|
|
25
|
+
* Orientation for tooltip.
|
|
24
26
|
* @default "top"
|
|
25
27
|
*/
|
|
26
28
|
placement?: "top" | "right" | "bottom" | "left";
|
|
27
29
|
/**
|
|
28
|
-
* Toggles rendering of arrow
|
|
30
|
+
* Toggles rendering of arrow.
|
|
29
31
|
* @default true
|
|
30
32
|
*/
|
|
31
33
|
arrow?: boolean;
|
|
32
34
|
/**
|
|
33
|
-
* Distance from anchor to tooltip
|
|
35
|
+
* Distance from anchor to tooltip.
|
|
34
36
|
* @default 10px with arrow, 2px without arrow
|
|
35
37
|
*/
|
|
36
38
|
offset?: number;
|
|
37
39
|
/**
|
|
38
|
-
* Text-content inside tooltip
|
|
40
|
+
* Text-content inside tooltip.
|
|
39
41
|
*/
|
|
40
42
|
content: string;
|
|
41
43
|
/**
|
|
42
|
-
* Sets max
|
|
44
|
+
* Sets max character length.
|
|
45
|
+
*
|
|
46
|
+
* Ideally you should keep the length of the tooltip to a minimum (80 characters).
|
|
47
|
+
* Currently this prop only emits a warning in the console, which can be squelched
|
|
48
|
+
* by setting this to a larger number. However, before doing so you should _try_
|
|
49
|
+
* to shorten the content so that it fits into 80 characters.
|
|
43
50
|
* @default 80
|
|
44
51
|
*/
|
|
45
52
|
maxChar?: number;
|
|
46
53
|
/**
|
|
47
|
-
* Adds a delay in milliseconds before opening tooltip
|
|
54
|
+
* Adds a delay in milliseconds before opening tooltip.
|
|
48
55
|
* @default 150
|
|
49
56
|
*/
|
|
50
57
|
delay?: number;
|
|
51
58
|
/**
|
|
52
|
-
* List of Keyboard-keys for shortcuts
|
|
59
|
+
* List of Keyboard-keys for shortcuts.
|
|
53
60
|
*/
|
|
54
61
|
keys?: string[];
|
|
55
62
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,UAAU,EACV,KAAK,IAAI,OAAO,EAChB,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.2.0",
|
|
4
4
|
"description": "React components from the Norwegian Labour and Welfare Administration.",
|
|
5
5
|
"author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -552,8 +552,8 @@
|
|
|
552
552
|
},
|
|
553
553
|
"dependencies": {
|
|
554
554
|
"@floating-ui/react": "0.25.4",
|
|
555
|
-
"@navikt/aksel-icons": "^6.
|
|
556
|
-
"@navikt/ds-tokens": "^6.
|
|
555
|
+
"@navikt/aksel-icons": "^6.2.0",
|
|
556
|
+
"@navikt/ds-tokens": "^6.2.0",
|
|
557
557
|
"@radix-ui/react-tabs": "1.0.0",
|
|
558
558
|
"@radix-ui/react-toggle-group": "1.0.0",
|
|
559
559
|
"clsx": "^2.1.0",
|
|
@@ -567,7 +567,6 @@
|
|
|
567
567
|
"@testing-library/user-event": "^14.2.0",
|
|
568
568
|
"@types/faker": "5.5.8",
|
|
569
569
|
"concurrently": "7.2.1",
|
|
570
|
-
"copyfiles": "^2.4.1",
|
|
571
570
|
"faker": "5.5.3",
|
|
572
571
|
"fast-glob": "3.2.11",
|
|
573
572
|
"jsdom": "24.0.0",
|
|
@@ -31,11 +31,11 @@ interface AccordionComponent
|
|
|
31
31
|
|
|
32
32
|
export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
33
33
|
/**
|
|
34
|
-
* @default
|
|
34
|
+
* @default "default"
|
|
35
35
|
*/
|
|
36
36
|
variant?: "default" | "neutral";
|
|
37
37
|
/**
|
|
38
|
-
* @default
|
|
38
|
+
* @default "small"
|
|
39
39
|
*/
|
|
40
40
|
headingSize?: "large" | "medium" | "small" | "xsmall";
|
|
41
41
|
/**
|
|
@@ -43,12 +43,12 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
43
43
|
*/
|
|
44
44
|
size?: "large" | "medium" | "small";
|
|
45
45
|
/**
|
|
46
|
-
* Whether to indent content or not
|
|
46
|
+
* Whether to indent content or not.
|
|
47
47
|
* @default true
|
|
48
48
|
*/
|
|
49
49
|
indent?: boolean;
|
|
50
50
|
/**
|
|
51
|
-
* Instances of Accordion.Item
|
|
51
|
+
* Instances of `Accordion.Item`.
|
|
52
52
|
*/
|
|
53
53
|
children: React.ReactNode;
|
|
54
54
|
}
|
|
@@ -162,9 +162,7 @@ export const Variants: Story = {
|
|
|
162
162
|
|
|
163
163
|
export const ControlledState: Story = {
|
|
164
164
|
render: () => {
|
|
165
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
166
165
|
const [open, setOpen] = useState(false);
|
|
167
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
168
166
|
const [open2, setOpen2] = useState(false);
|
|
169
167
|
|
|
170
168
|
return (
|
package/src/alert/Alert.tsx
CHANGED
|
@@ -12,37 +12,39 @@ import { BodyLong } from "../typography";
|
|
|
12
12
|
|
|
13
13
|
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
14
14
|
/**
|
|
15
|
-
* Alert content
|
|
15
|
+
* Alert content.
|
|
16
16
|
*/
|
|
17
17
|
children: React.ReactNode;
|
|
18
18
|
/**
|
|
19
|
-
* Changes colors and icon usage when changed
|
|
19
|
+
* Changes colors and icon usage when changed.
|
|
20
20
|
*/
|
|
21
21
|
variant: "error" | "warning" | "info" | "success";
|
|
22
22
|
/**
|
|
23
|
-
* Changes padding and font-sizes
|
|
24
|
-
* @default medium
|
|
23
|
+
* Changes padding and font-sizes.
|
|
24
|
+
* @default "medium"
|
|
25
25
|
*/
|
|
26
26
|
size?: "medium" | "small";
|
|
27
27
|
/**
|
|
28
|
-
* Removes border-radius
|
|
28
|
+
* Removes `border-radius`.
|
|
29
29
|
* @default false
|
|
30
30
|
*/
|
|
31
31
|
fullWidth?: boolean;
|
|
32
32
|
/**
|
|
33
|
-
* Removes background from Alert
|
|
33
|
+
* Removes background from Alert.
|
|
34
34
|
* @default false
|
|
35
35
|
*/
|
|
36
36
|
inline?: boolean;
|
|
37
37
|
/**
|
|
38
|
-
* Removes close-button(X) when false
|
|
39
|
-
*
|
|
38
|
+
* Removes close-button(X) when false.
|
|
39
|
+
*
|
|
40
|
+
* **Requires onClose to be set**.
|
|
40
41
|
* @default true
|
|
41
42
|
*/
|
|
42
43
|
closeButton?: boolean;
|
|
43
44
|
/**
|
|
44
|
-
* Callback for alert wanting to close
|
|
45
|
-
*
|
|
45
|
+
* Callback for alert wanting to close.
|
|
46
|
+
*
|
|
47
|
+
* **Requires closeButton to be true**.
|
|
46
48
|
*/
|
|
47
49
|
onClose?: () => void;
|
|
48
50
|
}
|
package/src/button/Button.tsx
CHANGED
|
@@ -11,11 +11,11 @@ import { OverridableComponent } from "../util/types";
|
|
|
11
11
|
export interface ButtonProps
|
|
12
12
|
extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
13
13
|
/**
|
|
14
|
-
* Button content
|
|
14
|
+
* Button content.
|
|
15
15
|
*/
|
|
16
16
|
children?: React.ReactNode;
|
|
17
17
|
/**
|
|
18
|
-
* Changes design and interaction-visuals
|
|
18
|
+
* Changes design and interaction-visuals.
|
|
19
19
|
* @default "primary"
|
|
20
20
|
*/
|
|
21
21
|
variant?:
|
|
@@ -27,26 +27,27 @@ export interface ButtonProps
|
|
|
27
27
|
| "tertiary-neutral"
|
|
28
28
|
| "danger";
|
|
29
29
|
/**
|
|
30
|
-
* Changes padding, height and font-size
|
|
31
|
-
* @default medium
|
|
30
|
+
* Changes padding, height, and font-size.
|
|
31
|
+
* @default "medium"
|
|
32
32
|
*/
|
|
33
33
|
size?: "medium" | "small" | "xsmall";
|
|
34
34
|
/**
|
|
35
|
+
* **Avoid using if possible for accessibility purposes**.
|
|
36
|
+
*
|
|
35
37
|
* Prevent the user from interacting with the button: it cannot be pressed or focused.
|
|
36
|
-
* @note Avoid using if possible for accessibility purposes
|
|
37
38
|
*/
|
|
38
39
|
disabled?: boolean;
|
|
39
40
|
/**
|
|
40
|
-
* Replaces button content with a Loader component, keeps width
|
|
41
|
+
* Replaces button content with a Loader component, keeps width.
|
|
41
42
|
* @default false
|
|
42
43
|
*/
|
|
43
44
|
loading?: boolean;
|
|
44
45
|
/**
|
|
45
|
-
* Button Icon
|
|
46
|
+
* Button Icon.
|
|
46
47
|
*/
|
|
47
48
|
icon?: React.ReactNode;
|
|
48
49
|
/**
|
|
49
|
-
* Icon position in Button
|
|
50
|
+
* Icon position in Button.
|
|
50
51
|
* @default "left"
|
|
51
52
|
*/
|
|
52
53
|
iconPosition?: "left" | "right";
|
package/src/chat/Chat.tsx
CHANGED
|
@@ -8,15 +8,15 @@ export const SIZES = ["medium", "small"] as const;
|
|
|
8
8
|
|
|
9
9
|
export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
10
|
/**
|
|
11
|
-
* Children of type
|
|
11
|
+
* Children of type `<Chat.Bubble />`.
|
|
12
12
|
*/
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
/**
|
|
15
|
-
* Chat-message name
|
|
15
|
+
* Chat-message name.
|
|
16
16
|
*/
|
|
17
17
|
name?: string;
|
|
18
18
|
/**
|
|
19
|
-
* Timestamp for sent message
|
|
19
|
+
* Timestamp for sent message.
|
|
20
20
|
*/
|
|
21
21
|
timestamp?: string;
|
|
22
22
|
/**
|
|
@@ -30,17 +30,17 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
30
30
|
*/
|
|
31
31
|
variant?: "subtle" | "info" | "neutral";
|
|
32
32
|
/**
|
|
33
|
-
* Positions avatar and bubbles
|
|
33
|
+
* Positions avatar and bubbles.
|
|
34
34
|
* @default "left"
|
|
35
35
|
*/
|
|
36
36
|
position?: (typeof POSITIONS)[number];
|
|
37
37
|
/**
|
|
38
|
-
*
|
|
38
|
+
* Horizontal position of toptext.
|
|
39
39
|
* @default Same as position
|
|
40
40
|
*/
|
|
41
41
|
toptextPosition?: (typeof POSITIONS)[number];
|
|
42
42
|
/**
|
|
43
|
-
* Affects padding and font size in bubbles
|
|
43
|
+
* Affects padding and font size in bubbles.
|
|
44
44
|
* @default "medium"
|
|
45
45
|
*/
|
|
46
46
|
size?: (typeof SIZES)[number];
|
package/src/chips/Chips.tsx
CHANGED
|
@@ -7,7 +7,7 @@ import ToggleChips, { ChipsToggleProps } from "./Toggle";
|
|
|
7
7
|
export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
|
|
8
8
|
children: React.ReactNode;
|
|
9
9
|
/**
|
|
10
|
-
* Changes padding and font-sizes
|
|
10
|
+
* Changes padding and font-sizes.
|
|
11
11
|
* @default "medium"
|
|
12
12
|
*/
|
|
13
13
|
size?: "medium" | "small";
|
|
@@ -24,7 +24,7 @@ interface ChipsComponent
|
|
|
24
24
|
*/
|
|
25
25
|
Toggle: OverridableComponent<ChipsToggleProps, HTMLButtonElement>;
|
|
26
26
|
/**
|
|
27
|
-
* Remove filter or the likes on click
|
|
27
|
+
* Remove filter or the likes on click.
|
|
28
28
|
* @see 🏷️ {@link RemovableChipsProps}
|
|
29
29
|
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
|
|
30
30
|
*/
|