@navikt/ds-react 2.1.5 → 2.1.7
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/README.md +4 -5
- package/_docs.json +356 -293
- package/cjs/accordion/AccordionContent.js +2 -2
- package/cjs/accordion/AccordionHeader.js +2 -2
- package/cjs/alert/Alert.js +2 -2
- package/cjs/chat/Chat.js +3 -3
- package/cjs/date/hooks/useDatepicker.js +2 -2
- package/cjs/date/hooks/useMonthPicker.js +2 -2
- package/cjs/date/hooks/useRangeDatepicker.js +3 -3
- package/esm/accordion/AccordionContent.js +1 -1
- package/esm/accordion/AccordionContent.js.map +1 -1
- package/esm/accordion/AccordionHeader.js +1 -1
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/accordion/index.d.ts +1 -1
- package/esm/accordion/index.js.map +1 -1
- package/esm/alert/Alert.js +1 -1
- package/esm/alert/Alert.js.map +1 -1
- package/esm/alert/index.d.ts +1 -1
- package/esm/button/index.d.ts +1 -1
- package/esm/chat/Chat.js +1 -1
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chat/index.d.ts +1 -1
- package/esm/chat/index.js.map +1 -1
- package/esm/chips/Removable.d.ts +1 -1
- package/esm/chips/Toggle.d.ts +1 -1
- package/esm/chips/index.d.ts +1 -1
- package/esm/chips/index.js.map +1 -1
- package/esm/date/hooks/useDatepicker.d.ts +5 -0
- package/esm/date/hooks/useDatepicker.js +2 -2
- package/esm/date/hooks/useDatepicker.js.map +1 -1
- package/esm/date/hooks/useMonthPicker.d.ts +5 -0
- package/esm/date/hooks/useMonthPicker.js +2 -2
- package/esm/date/hooks/useMonthPicker.js.map +1 -1
- package/esm/date/hooks/useRangeDatepicker.js +3 -3
- package/esm/date/hooks/useRangeDatepicker.js.map +1 -1
- package/esm/date/index.d.ts +6 -6
- package/esm/date/utils/index.d.ts +1 -1
- package/esm/date/utils/index.js.map +1 -1
- package/esm/form/Fieldset/index.d.ts +1 -1
- package/esm/form/checkbox/index.d.ts +2 -2
- package/esm/form/checkbox/index.js +1 -1
- package/esm/form/checkbox/index.js.map +1 -1
- package/esm/form/error-summary/index.d.ts +1 -1
- package/esm/form/index.d.ts +10 -10
- package/esm/form/index.js +1 -1
- package/esm/form/index.js.map +1 -1
- package/esm/form/radio/index.d.ts +2 -2
- package/esm/form/radio/index.js.map +1 -1
- package/esm/form/search/index.d.ts +1 -1
- package/esm/form/search/index.js +1 -1
- package/esm/form/search/index.js.map +1 -1
- package/esm/grid/index.d.ts +3 -3
- package/esm/grid/index.js.map +1 -1
- package/esm/guide-panel/index.d.ts +2 -2
- package/esm/guide-panel/index.js.map +1 -1
- package/esm/help-text/index.d.ts +1 -1
- package/esm/link/Link.d.ts +1 -1
- package/esm/link/index.d.ts +1 -1
- package/esm/link-panel/LinkPanelTitle.d.ts +1 -1
- package/esm/link-panel/index.d.ts +1 -1
- package/esm/loader/index.d.ts +1 -1
- package/esm/modal/index.d.ts +2 -2
- package/esm/modal/index.js.map +1 -1
- package/esm/pagination/index.d.ts +1 -1
- package/esm/pagination/index.js.map +1 -1
- package/esm/panel/Panel.d.ts +1 -1
- package/esm/panel/index.d.ts +1 -1
- package/esm/popover/index.d.ts +2 -2
- package/esm/popover/index.js.map +1 -1
- package/esm/read-more/index.d.ts +1 -1
- package/esm/stepper/index.d.ts +1 -1
- package/esm/stepper/index.js.map +1 -1
- package/esm/table/index.d.ts +8 -8
- package/esm/table/index.js.map +1 -1
- package/esm/tabs/index.d.ts +4 -4
- package/esm/tabs/index.js.map +1 -1
- package/esm/tag/index.d.ts +1 -1
- package/esm/tag/index.js.map +1 -1
- package/esm/toggle-group/index.d.ts +2 -2
- package/esm/toggle-group/index.js.map +1 -1
- package/esm/tooltip/index.d.ts +1 -1
- package/esm/tooltip/index.js.map +1 -1
- package/esm/typography/BodyLong.d.ts +1 -1
- package/esm/typography/BodyShort.d.ts +1 -1
- package/esm/typography/Detail.d.ts +1 -1
- package/esm/typography/ErrorMessage.d.ts +1 -1
- package/esm/typography/Heading.d.ts +1 -1
- package/esm/typography/Ingress.d.ts +1 -1
- package/esm/typography/Label.d.ts +1 -1
- package/esm/typography/index.d.ts +7 -7
- package/esm/typography/index.js +1 -1
- package/esm/typography/index.js.map +1 -1
- package/package.json +3 -3
- package/src/accordion/AccordionContent.tsx +1 -1
- package/src/accordion/AccordionHeader.tsx +1 -1
- package/src/accordion/accordion.stories.tsx +16 -14
- package/src/accordion/index.ts +1 -1
- package/src/alert/Alert.tsx +1 -1
- package/src/alert/alert.stories.tsx +35 -27
- package/src/alert/index.ts +1 -1
- package/src/button/button.stories.tsx +95 -83
- package/src/button/index.ts +1 -1
- package/src/chat/Chat.tsx +1 -1
- package/src/chat/chat.stories.tsx +27 -25
- package/src/chat/index.ts +1 -1
- package/src/chips/Removable.tsx +1 -1
- package/src/chips/Toggle.tsx +1 -1
- package/src/chips/chips.stories.tsx +32 -29
- package/src/chips/index.ts +1 -1
- package/src/date/datepicker/datepicker.stories.tsx +103 -81
- package/src/date/hooks/useDatepicker.tsx +7 -1
- package/src/date/hooks/useMonthPicker.tsx +7 -1
- package/src/date/hooks/useRangeDatepicker.tsx +3 -2
- package/src/date/index.ts +8 -8
- package/src/date/monthpicker/monthpicker.stories.tsx +13 -11
- package/src/date/utils/index.ts +1 -1
- package/src/form/Fieldset/index.ts +1 -1
- package/src/form/checkbox/checkbox.stories.tsx +66 -61
- package/src/form/checkbox/index.ts +5 -2
- package/src/form/error-summary/error-summary.stories.tsx +16 -14
- package/src/form/error-summary/index.ts +1 -1
- package/src/form/index.ts +16 -11
- package/src/form/radio/index.ts +2 -2
- package/src/form/radio/radio.stories.tsx +39 -34
- package/src/form/search/index.ts +5 -1
- package/src/form/search/search.stories.tsx +26 -23
- package/src/form/stories/confirmation-panel.stories.tsx +19 -17
- package/src/form/stories/fieldset.stories.tsx +13 -11
- package/src/form/stories/select.stories.tsx +12 -10
- package/src/form/stories/switch.stories.tsx +9 -7
- package/src/form/stories/text-field.stories.tsx +8 -6
- package/src/form/stories/textarea.stories.tsx +16 -14
- package/src/grid/index.ts +3 -3
- package/src/guide-panel/guidepanel.stories.tsx +21 -19
- package/src/guide-panel/index.ts +2 -2
- package/src/help-text/help-text.stories.tsx +11 -9
- package/src/help-text/index.ts +1 -1
- package/src/link/Link.tsx +1 -1
- package/src/link/index.ts +1 -1
- package/src/link/link.stories.tsx +24 -22
- package/src/link-panel/LinkPanelTitle.tsx +1 -1
- package/src/link-panel/index.ts +1 -1
- package/src/link-panel/link-panel.stories.tsx +19 -17
- package/src/loader/index.ts +1 -1
- package/src/loader/loader.stories.tsx +8 -6
- package/src/modal/index.ts +2 -2
- package/src/modal/modal.stories.tsx +35 -30
- package/src/pagination/index.ts +1 -1
- package/src/pagination/pagination.stories.tsx +41 -36
- package/src/panel/Panel.tsx +1 -1
- package/src/panel/index.ts +1 -1
- package/src/panel/panel.stories.tsx +17 -15
- package/src/popover/index.ts +2 -2
- package/src/popover/popover.stories.tsx +25 -19
- package/src/read-more/index.ts +1 -1
- package/src/read-more/readmore.stories.tsx +20 -17
- package/src/stepper/index.ts +1 -1
- package/src/stepper/stepper.stories.tsx +44 -41
- package/src/table/index.ts +8 -8
- package/src/tabs/Tabs.stories.tsx +24 -22
- package/src/tabs/index.ts +4 -4
- package/src/tag/index.ts +1 -1
- package/src/tag/tag.stories.tsx +9 -7
- package/src/toggle-group/ToggleGroup.stories.tsx +21 -18
- package/src/toggle-group/index.ts +2 -2
- package/src/tooltip/index.ts +1 -1
- package/src/tooltip/tooltip.stories.tsx +22 -20
- package/src/typography/BodyLong.tsx +1 -1
- package/src/typography/BodyShort.tsx +1 -1
- package/src/typography/Detail.tsx +1 -1
- package/src/typography/ErrorMessage.tsx +1 -1
- package/src/typography/Heading.tsx +1 -1
- package/src/typography/Ingress.tsx +1 -1
- package/src/typography/Label.tsx +1 -1
- package/src/typography/heading.stories.tsx +5 -3
- package/src/typography/index.ts +10 -7
- package/src/typography/typography.stories.tsx +0 -44
package/esm/form/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, } from "./checkbox";
|
|
2
|
-
export { ConfirmationPanelProps, default as ConfirmationPanel, } from "./ConfirmationPanel";
|
|
3
|
-
export { ErrorSummary, ErrorSummaryProps } from "./error-summary";
|
|
4
|
-
export { Fieldset, FieldsetContext, FieldsetProps } from "./Fieldset";
|
|
5
|
-
export { Radio, RadioGroup, RadioGroupProps, RadioProps } from "./radio";
|
|
6
|
-
export { Search, SearchClearEvent, SearchProps } from "./search";
|
|
7
|
-
export { default as Select, SelectProps } from "./Select";
|
|
8
|
-
export { default as Switch, SwitchProps } from "./Switch";
|
|
9
|
-
export { Counter, default as Textarea, TextareaProps } from "./Textarea";
|
|
10
|
-
export { default as TextField, TextFieldProps } from "./TextField";
|
|
1
|
+
export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, } from "./checkbox";
|
|
2
|
+
export { type ConfirmationPanelProps, default as ConfirmationPanel, } from "./ConfirmationPanel";
|
|
3
|
+
export { ErrorSummary, type ErrorSummaryProps } from "./error-summary";
|
|
4
|
+
export { Fieldset, FieldsetContext, type FieldsetProps } from "./Fieldset";
|
|
5
|
+
export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, } from "./radio";
|
|
6
|
+
export { Search, type SearchClearEvent, type SearchProps } from "./search";
|
|
7
|
+
export { default as Select, type SelectProps } from "./Select";
|
|
8
|
+
export { default as Switch, type SwitchProps } from "./Switch";
|
|
9
|
+
export { Counter, default as Textarea, type TextareaProps } from "./Textarea";
|
|
10
|
+
export { default as TextField, type TextFieldProps } from "./TextField";
|
package/esm/form/index.js
CHANGED
|
@@ -2,7 +2,7 @@ export { Checkbox, CheckboxGroup, } from "./checkbox";
|
|
|
2
2
|
export { default as ConfirmationPanel, } from "./ConfirmationPanel";
|
|
3
3
|
export { ErrorSummary } from "./error-summary";
|
|
4
4
|
export { Fieldset, FieldsetContext } from "./Fieldset";
|
|
5
|
-
export { Radio, RadioGroup } from "./radio";
|
|
5
|
+
export { Radio, RadioGroup, } from "./radio";
|
|
6
6
|
export { Search } from "./search";
|
|
7
7
|
export { default as Select } from "./Select";
|
|
8
8
|
export { default as Switch } from "./Switch";
|
package/esm/form/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,GAGd,MAAM,YAAY,CAAC;AACpB,OAAO,EAEL,OAAO,IAAI,iBAAiB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,GAGd,MAAM,YAAY,CAAC;AACpB,OAAO,EAEL,OAAO,IAAI,iBAAiB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAsB,MAAM,YAAY,CAAC;AAC3E,OAAO,EACL,KAAK,EACL,UAAU,GAGX,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,MAAM,EAA2C,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAuB,MAAM,aAAa,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as Radio, RadioProps } from "./Radio";
|
|
2
|
-
export { default as RadioGroup, RadioGroupProps } from "./RadioGroup";
|
|
1
|
+
export { default as Radio, type RadioProps } from "./Radio";
|
|
2
|
+
export { default as RadioGroup, type RadioGroupProps } from "./RadioGroup";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as Search, SearchProps, SearchClearEvent } from "./Search";
|
|
1
|
+
export { default as Search, type SearchProps, type SearchClearEvent, } from "./Search";
|
package/esm/form/search/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as Search } from "./Search";
|
|
1
|
+
export { default as Search, } from "./Search";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,MAAM,GAGlB,MAAM,UAAU,CAAC"}
|
package/esm/grid/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as Cell, CellProps } from "./Cell";
|
|
2
|
-
export { default as Grid, GridProps } from "./Grid";
|
|
3
|
-
export { default as ContentContainer, ContentContainerProps, } from "./ContentContainer";
|
|
1
|
+
export { default as Cell, type CellProps } from "./Cell";
|
|
2
|
+
export { default as Grid, type GridProps } from "./Grid";
|
|
3
|
+
export { default as ContentContainer, type ContentContainerProps, } from "./ContentContainer";
|
package/esm/grid/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,QAAQ,CAAC;AACzD,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,oBAAoB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as GuidePanel, GuidePanelProps } from "./GuidePanel";
|
|
2
|
-
export { GuideProps } from "./Guide";
|
|
1
|
+
export { default as GuidePanel, type GuidePanelProps } from "./GuidePanel";
|
|
2
|
+
export { type GuideProps } from "./Guide";
|
|
3
3
|
export { DefaultIllustration as GuideDefaultIllustration } from "./Illustration";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/guide-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/guide-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC;AAE3E,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,gBAAgB,CAAC"}
|
package/esm/help-text/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as HelpText } from "./HelpText";
|
|
2
|
-
export { HelpTextProps } from "./HelpText";
|
|
2
|
+
export { type HelpTextProps } from "./HelpText";
|
package/esm/link/Link.d.ts
CHANGED
package/esm/link/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as Link } from "./Link";
|
|
2
|
-
export { LinkProps } from "./Link";
|
|
2
|
+
export { type LinkProps } from "./Link";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as LinkPanel } from "./LinkPanel";
|
|
2
|
-
export { LinkPanelProps } from "./LinkPanel";
|
|
2
|
+
export { type LinkPanelProps } from "./LinkPanel";
|
package/esm/loader/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as Loader } from "./Loader";
|
|
2
|
-
export { LoaderProps } from "./Loader";
|
|
2
|
+
export { type LoaderProps } from "./Loader";
|
package/esm/modal/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as Modal, ModalProps } from "./Modal";
|
|
2
|
-
export { ModalContentProps } from "./ModalContent";
|
|
1
|
+
export { default as Modal, type ModalProps } from "./Modal";
|
|
2
|
+
export { type ModalContentProps } from "./ModalContent";
|
package/esm/modal/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as Pagination, PaginationProps } from "./Pagination";
|
|
1
|
+
export { default as Pagination, type PaginationProps } from "./Pagination";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC"}
|
package/esm/panel/Panel.d.ts
CHANGED
package/esm/panel/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as Panel } from "./Panel";
|
|
2
|
-
export { PanelProps } from "./Panel";
|
|
2
|
+
export { type PanelProps } from "./Panel";
|
package/esm/popover/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as Popover, PopoverProps } from "./Popover";
|
|
2
|
-
export { PopoverContentProps } from "./PopoverContent";
|
|
1
|
+
export { default as Popover, type PopoverProps } from "./Popover";
|
|
2
|
+
export { type PopoverContentProps } from "./PopoverContent";
|
package/esm/popover/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,WAAW,CAAC"}
|
package/esm/read-more/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as ReadMore } from "./ReadMore";
|
|
2
|
-
export { ReadMoreProps } from "./ReadMore";
|
|
2
|
+
export { type ReadMoreProps } from "./ReadMore";
|
package/esm/stepper/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as Stepper, StepperProps } from "./Stepper";
|
|
1
|
+
export { default as Stepper, type StepperProps } from "./Stepper";
|
package/esm/stepper/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,WAAW,CAAC"}
|
package/esm/table/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
4
|
-
export {
|
|
5
|
-
export {
|
|
6
|
-
export {
|
|
7
|
-
export {
|
|
8
|
-
export {
|
|
1
|
+
export { default as Table, type TableProps, type SortState } from "./Table";
|
|
2
|
+
export { type BodyProps } from "./Body";
|
|
3
|
+
export { type ColumnHeaderProps } from "./ColumnHeader";
|
|
4
|
+
export { type DataCellProps } from "./DataCell";
|
|
5
|
+
export { type ExpandableRowProps } from "./ExpandableRow";
|
|
6
|
+
export { type HeaderProps } from "./Header";
|
|
7
|
+
export { type HeaderCellProps } from "./HeaderCell";
|
|
8
|
+
export { type RowProps } from "./Row";
|
package/esm/table/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmC,MAAM,SAAS,CAAC"}
|
package/esm/tabs/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
4
|
-
export {
|
|
1
|
+
export { default as Tabs, type TabsProps } from "./Tabs";
|
|
2
|
+
export { type TabProps } from "./Tab";
|
|
3
|
+
export { type TabListProps } from "./TabList";
|
|
4
|
+
export { type TabPanelProps } from "./TabPanel";
|
package/esm/tabs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,QAAQ,CAAC"}
|
package/esm/tag/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as Tag, TagProps } from "./Tag";
|
|
1
|
+
export { default as Tag, type TagProps } from "./Tag";
|
package/esm/tag/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAiB,MAAM,OAAO,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as ToggleGroup, ToggleGroupProps } from "./ToggleGroup";
|
|
2
|
-
export { ToggleItemProps } from "./ToggleItem";
|
|
1
|
+
export { default as ToggleGroup, type ToggleGroupProps } from "./ToggleGroup";
|
|
2
|
+
export { type ToggleItemProps } from "./ToggleItem";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,eAAe,CAAC"}
|
package/esm/tooltip/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as Tooltip, TooltipProps } from "./Tooltip";
|
|
1
|
+
export { default as Tooltip, type TooltipProps } from "./Tooltip";
|
package/esm/tooltip/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,WAAW,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { BodyLongProps, default as BodyLong } from "./BodyLong";
|
|
2
|
-
export { BodyShortProps, default as BodyShort } from "./BodyShort";
|
|
3
|
-
export { default as Detail, DetailProps } from "./Detail";
|
|
4
|
-
export { default as ErrorMessage, ErrorMessageProps } from "./ErrorMessage";
|
|
5
|
-
export { default as Heading, HeadingProps } from "./Heading";
|
|
6
|
-
export { default as Ingress, IngressProps } from "./Ingress";
|
|
7
|
-
export { default as Label, LabelProps } from "./Label";
|
|
1
|
+
export { type BodyLongProps, default as BodyLong } from "./BodyLong";
|
|
2
|
+
export { type BodyShortProps, default as BodyShort } from "./BodyShort";
|
|
3
|
+
export { default as Detail, type DetailProps } from "./Detail";
|
|
4
|
+
export { default as ErrorMessage, type ErrorMessageProps, } from "./ErrorMessage";
|
|
5
|
+
export { default as Heading, type HeadingProps } from "./Heading";
|
|
6
|
+
export { default as Ingress, type IngressProps } from "./Ingress";
|
|
7
|
+
export { default as Label, type LabelProps } from "./Label";
|
package/esm/typography/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { default as BodyLong } from "./BodyLong";
|
|
2
2
|
export { default as BodyShort } from "./BodyShort";
|
|
3
3
|
export { default as Detail } from "./Detail";
|
|
4
|
-
export { default as ErrorMessage } from "./ErrorMessage";
|
|
4
|
+
export { default as ErrorMessage, } from "./ErrorMessage";
|
|
5
5
|
export { default as Heading } from "./Heading";
|
|
6
6
|
export { default as Ingress } from "./Ingress";
|
|
7
7
|
export { default as Label } from "./Label";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAuB,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,UAAU,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,YAAY,GAExB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.7",
|
|
4
4
|
"description": "Aksel react-components for NAV designsystem",
|
|
5
5
|
"author": "Aksel | NAV designsystem team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
],
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|
|
14
|
-
"url": "git+https://github.com/navikt/
|
|
14
|
+
"url": "git+https://github.com/navikt/aksel.git"
|
|
15
15
|
},
|
|
16
16
|
"sideEffects": false,
|
|
17
17
|
"main": "./cjs/index.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@floating-ui/react": "0.17.0",
|
|
40
|
-
"@navikt/ds-icons": "^2.1.
|
|
40
|
+
"@navikt/ds-icons": "^2.1.7",
|
|
41
41
|
"@radix-ui/react-tabs": "1.0.0",
|
|
42
42
|
"@radix-ui/react-toggle-group": "1.0.0",
|
|
43
43
|
"clsx": "^1.2.1",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import cl from "clsx";
|
|
2
2
|
import React, { forwardRef, useContext } from "react";
|
|
3
3
|
import AnimateHeight from "../util/AnimateHeight";
|
|
4
|
-
import { BodyLong } from "../typography";
|
|
4
|
+
import { BodyLong } from "../typography/BodyLong";
|
|
5
5
|
import { AccordionItemContext } from "./AccordionItem";
|
|
6
6
|
|
|
7
7
|
export interface AccordionContentProps
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Expand, ExpandFilled } from "@navikt/ds-icons";
|
|
2
2
|
import cl from "clsx";
|
|
3
3
|
import React, { forwardRef, useContext } from "react";
|
|
4
|
-
import { Heading } from "
|
|
4
|
+
import { Heading } from "../typography/Heading";
|
|
5
5
|
import { AccordionItemContext } from "./AccordionItem";
|
|
6
6
|
|
|
7
7
|
export interface AccordionHeaderProps
|
|
@@ -50,21 +50,23 @@ const Item = (props) => {
|
|
|
50
50
|
);
|
|
51
51
|
};
|
|
52
52
|
|
|
53
|
-
export const Default =
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
<
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
53
|
+
export const Default = {
|
|
54
|
+
render: (props) => {
|
|
55
|
+
return (
|
|
56
|
+
<div style={{ width: 500 }}>
|
|
57
|
+
<Accordion>
|
|
58
|
+
{[...Array(props.nItems ? props.nItems : 2)].map((_, y) => (
|
|
59
|
+
<Item key={y} {...props} />
|
|
60
|
+
))}
|
|
61
|
+
</Accordion>
|
|
62
|
+
</div>
|
|
63
|
+
);
|
|
64
|
+
},
|
|
64
65
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
args: {
|
|
67
|
+
controlled: false,
|
|
68
|
+
nItems: 2,
|
|
69
|
+
},
|
|
68
70
|
};
|
|
69
71
|
|
|
70
72
|
export const Controlled = () => {
|
package/src/accordion/index.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { AccordionProps, default as Accordion } from "./Accordion";
|
|
1
|
+
export { type AccordionProps, default as Accordion } from "./Accordion";
|
package/src/alert/Alert.tsx
CHANGED
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
} from "@navikt/ds-icons";
|
|
7
7
|
import cl from "clsx";
|
|
8
8
|
import React, { forwardRef } from "react";
|
|
9
|
-
import { BodyLong } from "
|
|
9
|
+
import { BodyLong } from "../typography/BodyLong";
|
|
10
10
|
|
|
11
11
|
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
12
|
/**
|
|
@@ -1,50 +1,58 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
1
2
|
import React from "react";
|
|
2
3
|
import { Alert } from ".";
|
|
3
4
|
import { BodyLong, Heading as DsHeading } from "..";
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
const meta: Meta<typeof Alert> = {
|
|
6
7
|
title: "ds-react/Alert",
|
|
7
8
|
component: Alert,
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export default meta;
|
|
12
|
+
|
|
13
|
+
type Story = StoryObj<typeof Alert>;
|
|
14
|
+
|
|
15
|
+
const variants: Array<"error" | "warning" | "info" | "success"> = [
|
|
16
|
+
"error",
|
|
17
|
+
"warning",
|
|
18
|
+
"info",
|
|
19
|
+
"success",
|
|
20
|
+
];
|
|
21
|
+
|
|
22
|
+
export const Default: Story = {
|
|
23
|
+
render: (props) => (
|
|
24
|
+
<Alert
|
|
25
|
+
variant={props.variant}
|
|
26
|
+
size={props.size}
|
|
27
|
+
fullWidth={props.fullWidth}
|
|
28
|
+
inline={props.inline}
|
|
29
|
+
>
|
|
30
|
+
{props.children}
|
|
31
|
+
</Alert>
|
|
32
|
+
),
|
|
33
|
+
|
|
34
|
+
args: {
|
|
35
|
+
children: "Id elit esse enim reprehenderit enim nisi veniam nostrud.",
|
|
36
|
+
fullWidth: false,
|
|
37
|
+
variant: "info",
|
|
38
|
+
size: "medium",
|
|
39
|
+
},
|
|
8
40
|
argTypes: {
|
|
9
41
|
variant: {
|
|
10
|
-
defaultValue: "info",
|
|
11
42
|
control: {
|
|
12
43
|
type: "radio",
|
|
13
|
-
options: ["error", "warning", "info", "success"],
|
|
14
44
|
},
|
|
45
|
+
options: ["info", "error", "warning", "success"],
|
|
15
46
|
},
|
|
16
47
|
size: {
|
|
17
48
|
control: {
|
|
18
49
|
type: "radio",
|
|
19
|
-
options: ["medium", "small"],
|
|
20
50
|
},
|
|
51
|
+
options: ["medium", "small"],
|
|
21
52
|
},
|
|
22
53
|
},
|
|
23
54
|
};
|
|
24
55
|
|
|
25
|
-
const variants: Array<"error" | "warning" | "info" | "success"> = [
|
|
26
|
-
"error",
|
|
27
|
-
"warning",
|
|
28
|
-
"info",
|
|
29
|
-
"success",
|
|
30
|
-
];
|
|
31
|
-
|
|
32
|
-
export const Default = (props) => (
|
|
33
|
-
<Alert
|
|
34
|
-
variant={props.variant}
|
|
35
|
-
size={props.size}
|
|
36
|
-
fullWidth={props.fullWidth}
|
|
37
|
-
inline={props.inline}
|
|
38
|
-
>
|
|
39
|
-
{props.children}
|
|
40
|
-
</Alert>
|
|
41
|
-
);
|
|
42
|
-
|
|
43
|
-
Default.args = {
|
|
44
|
-
children: "Id elit esse enim reprehenderit enim nisi veniam nostrud.",
|
|
45
|
-
fullWidth: false,
|
|
46
|
-
};
|
|
47
|
-
|
|
48
56
|
export const Small = () => {
|
|
49
57
|
return (
|
|
50
58
|
<div className="colgap">
|
package/src/alert/index.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as Alert } from "./Alert";
|
|
2
|
-
export { AlertProps } from "./Alert";
|
|
2
|
+
export { type AlertProps } from "./Alert";
|