@navikt/ds-react 6.0.0-alpha.7 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/date/parts/DateWrapper.js +2 -2
- package/cjs/date/parts/DateWrapper.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.d.ts +3 -9
- package/cjs/form/error-summary/ErrorSummary.js +9 -4
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummaryItem.d.ts +1 -1
- package/cjs/form/error-summary/ErrorSummaryItem.js +1 -2
- package/cjs/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/cjs/form/search/Search.d.ts +1 -1
- package/cjs/form/search/Search.js +1 -1
- package/cjs/index.js +1 -0
- package/cjs/index.js.map +1 -1
- package/cjs/modal/Modal.context.d.ts +9 -0
- package/cjs/modal/Modal.context.js +10 -0
- package/cjs/modal/Modal.context.js.map +1 -0
- package/cjs/modal/Modal.js +3 -6
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalHeader.js +2 -6
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/modal/types.d.ts +24 -3
- package/cjs/panel/Panel.d.ts +9 -16
- package/cjs/panel/Panel.js +6 -16
- package/cjs/panel/Panel.js.map +1 -1
- package/cjs/popover/Popover.js +2 -2
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/table/types.d.ts +1 -1
- package/cjs/tooltip/Tooltip.js +3 -3
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/cjs/util/create-context.d.ts +2 -5
- package/cjs/util/create-context.js +9 -5
- package/cjs/util/create-context.js.map +1 -1
- package/cjs/util/types/OverridableComponent.d.ts +1 -1
- package/esm/date/parts/DateWrapper.js +3 -3
- package/esm/date/parts/DateWrapper.js.map +1 -1
- package/esm/form/error-summary/ErrorSummary.d.ts +3 -9
- package/esm/form/error-summary/ErrorSummary.js +10 -5
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/error-summary/ErrorSummaryItem.d.ts +1 -1
- package/esm/form/error-summary/ErrorSummaryItem.js +1 -2
- package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/esm/form/search/Search.d.ts +1 -1
- package/esm/form/search/Search.js +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/modal/Modal.context.d.ts +9 -0
- package/esm/modal/Modal.context.js +6 -0
- package/esm/modal/Modal.context.js.map +1 -0
- package/esm/modal/Modal.js +3 -6
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalHeader.js +3 -7
- package/esm/modal/ModalHeader.js.map +1 -1
- package/esm/modal/types.d.ts +24 -3
- package/esm/panel/Panel.d.ts +9 -16
- package/esm/panel/Panel.js +6 -16
- package/esm/panel/Panel.js.map +1 -1
- package/esm/popover/Popover.js +2 -2
- package/esm/popover/Popover.js.map +1 -1
- package/esm/table/types.d.ts +1 -1
- package/esm/tooltip/Tooltip.js +4 -4
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/esm/util/create-context.d.ts +2 -5
- package/esm/util/create-context.js +10 -6
- package/esm/util/create-context.js.map +1 -1
- package/esm/util/types/OverridableComponent.d.ts +1 -1
- package/package.json +6 -6
- package/src/accordion/accordion.stories.tsx +121 -135
- package/src/button/button.stories.tsx +88 -185
- package/src/chat/chat.stories.tsx +285 -186
- package/src/date/datepicker/datepicker.stories.tsx +6 -2
- package/src/date/monthpicker/monthpicker.stories.tsx +2 -1
- package/src/date/parts/DateWrapper.tsx +3 -3
- package/src/dropdown/dropdown.stories.tsx +1 -1
- package/src/form/error-summary/ErrorSummary.tsx +11 -15
- package/src/form/error-summary/ErrorSummaryItem.tsx +8 -10
- package/src/form/error-summary/error-summary.stories.tsx +2 -56
- package/src/form/search/Search.tsx +4 -4
- package/src/form/stories/confirmation-panel.stories.tsx +1 -1
- package/src/form/stories/textarea.stories.tsx +1 -1
- package/src/help-text/help-text.stories.tsx +2 -1
- package/src/index.ts +1 -0
- package/src/internal-header/header.stories.tsx +2 -1
- package/src/layout/bleed/Bleed.stories.tsx +2 -1
- package/src/layout/box/Box.stories.tsx +2 -1
- package/src/layout/sidemal-test/navno-sidemal.stories.tsx +4 -1
- package/src/link/stories/link.stories.tsx +20 -22
- package/src/link-panel/link-panel.stories.tsx +1 -1
- package/src/list/list.stories.tsx +2 -1
- package/src/loader/loader.stories.tsx +1 -1
- package/src/modal/Modal.context.ts +13 -0
- package/src/modal/Modal.test.tsx +2 -2
- package/src/modal/Modal.tsx +6 -8
- package/src/modal/ModalHeader.tsx +3 -7
- package/src/modal/modal.stories.tsx +33 -6
- package/src/modal/types.ts +21 -4
- package/src/panel/Panel.tsx +9 -16
- package/src/popover/Popover.tsx +2 -2
- package/src/stepper/stepper.stories.tsx +1 -1
- package/src/table/stories/{table.stories.tsx → table-1.stories.tsx} +118 -92
- package/src/table/stories/{table-expandable.stories.tsx → table-2-expandable.stories.tsx} +10 -34
- package/src/table/stories/{table-async.stories.tsx → table-3-async.stories.tsx} +5 -3
- package/src/table/stories/tests/table.stories.tsx +4 -1
- package/src/table/types.ts +1 -1
- package/src/tabs/Tabs.test.tsx +109 -0
- package/src/toggle-group/ToggleGroup.test.tsx +54 -0
- package/src/tooltip/Tooltip.tsx +4 -10
- package/src/tooltip/tooltip.stories.tsx +4 -1
- package/src/typography/stories/bodylong.stories.tsx +49 -3
- package/src/typography/stories/bodyshort.stories.tsx +50 -4
- package/src/typography/stories/detail.stories.tsx +32 -3
- package/src/typography/stories/error-message.stories.tsx +34 -3
- package/src/typography/stories/heading.stories.tsx +32 -3
- package/src/typography/stories/label.stories.tsx +38 -3
- package/src/util/create-context.tsx +26 -15
- package/src/util/types/OverridableComponent.ts +1 -1
- package/_docs.json +0 -20247
- package/cjs/modal/ModalContext.d.ts +0 -7
- package/cjs/modal/ModalContext.js +0 -9
- package/cjs/modal/ModalContext.js.map +0 -1
- package/esm/modal/ModalContext.d.ts +0 -7
- package/esm/modal/ModalContext.js +0 -3
- package/esm/modal/ModalContext.js.map +0 -1
- package/src/modal/ModalContext.ts +0 -7
- package/src/panel/panel.stories.tsx +0 -63
- package/src/typography/stories/ingress.stories.tsx +0 -50
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ModalContext = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
exports.ModalContext = react_1.default.createContext(null);
|
|
9
|
-
//# sourceMappingURL=ModalContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContext.js","sourceRoot":"","sources":["../../src/modal/ModalContext.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMb,QAAA,YAAY,GAAG,eAAK,CAAC,aAAa,CAA2B,IAAI,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContext.js","sourceRoot":"","sources":["../../src/modal/ModalContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAA2B,IAAI,CAAC,CAAC"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { Meta } from "@storybook/react";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Panel } from "../index";
|
|
4
|
-
|
|
5
|
-
export default {
|
|
6
|
-
title: "ds-react/Panel",
|
|
7
|
-
component: Panel,
|
|
8
|
-
argTypes: {
|
|
9
|
-
border: {
|
|
10
|
-
defaultValue: true,
|
|
11
|
-
control: {
|
|
12
|
-
type: "boolean",
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
} as Meta;
|
|
17
|
-
|
|
18
|
-
export const Default = {
|
|
19
|
-
render: (props) => {
|
|
20
|
-
return (
|
|
21
|
-
<Panel {...props}>
|
|
22
|
-
Eu quis exercitation voluptate ex. Aute irure esse occaecat minim
|
|
23
|
-
cupidatat velit minim duis sint culpa anim laboris. Consectetur nulla eu
|
|
24
|
-
commodo ea culpa velit commodo incididunt sunt ipsum. Amet anim
|
|
25
|
-
adipisicing minim ipsum do. Non laborum culpa reprehenderit est sint
|
|
26
|
-
officia quis excepteur. Fugiat eiusmod eiusmod commodo incididunt nisi
|
|
27
|
-
minim ex eu cupidatat quis ex. Lorem irure ea ea enim consectetur ea
|
|
28
|
-
aliqua cupidatat. Officia aute veniam aute exercitation ipsum aliqua
|
|
29
|
-
adipisicing. Est aliqua ad ullamco aute nostrud amet ea adipisicing
|
|
30
|
-
consequat id officia irure pariatur. Eu mollit amet culpa culpa velit.
|
|
31
|
-
</Panel>
|
|
32
|
-
);
|
|
33
|
-
},
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export const Border = () => {
|
|
37
|
-
return (
|
|
38
|
-
<div className="colgap">
|
|
39
|
-
<Panel>
|
|
40
|
-
Eu quis exercitation voluptate ex. Aute irure esse occaecat minim
|
|
41
|
-
cupidatat velit minim duis sint culpa anim laboris. Consectetur nulla eu
|
|
42
|
-
commodo ea culpa velit commodo incididunt sunt ipsum. Amet anim
|
|
43
|
-
adipisicing minim ipsum do. Non laborum culpa reprehenderit est sint
|
|
44
|
-
officia quis excepteur. Fugiat eiusmod eiusmod commodo incididunt nisi
|
|
45
|
-
minim ex eu cupidatat quis ex. Lorem irure ea ea enim consectetur ea
|
|
46
|
-
aliqua cupidatat. Officia aute veniam aute exercitation ipsum aliqua
|
|
47
|
-
adipisicing. Est aliqua ad ullamco aute nostrud amet ea adipisicing
|
|
48
|
-
consequat id officia irure pariatur. Eu mollit amet culpa culpa velit.
|
|
49
|
-
</Panel>
|
|
50
|
-
<Panel border>
|
|
51
|
-
Eu quis exercitation voluptate ex. Aute irure esse occaecat minim
|
|
52
|
-
cupidatat velit minim duis sint culpa anim laboris. Consectetur nulla eu
|
|
53
|
-
commodo ea culpa velit commodo incididunt sunt ipsum. Amet anim
|
|
54
|
-
adipisicing minim ipsum do. Non laborum culpa reprehenderit est sint
|
|
55
|
-
officia quis excepteur. Fugiat eiusmod eiusmod commodo incididunt nisi
|
|
56
|
-
minim ex eu cupidatat quis ex. Lorem irure ea ea enim consectetur ea
|
|
57
|
-
aliqua cupidatat. Officia aute veniam aute exercitation ipsum aliqua
|
|
58
|
-
adipisicing. Est aliqua ad ullamco aute nostrud amet ea adipisicing
|
|
59
|
-
consequat id officia irure pariatur. Eu mollit amet culpa culpa velit.
|
|
60
|
-
</Panel>
|
|
61
|
-
</div>
|
|
62
|
-
);
|
|
63
|
-
};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { expect, within } from "@storybook/test";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { Ingress } from "..";
|
|
5
|
-
|
|
6
|
-
const meta = {
|
|
7
|
-
title: "ds-react/Typography/deprecated/Ingress",
|
|
8
|
-
component: Ingress,
|
|
9
|
-
} satisfies Meta<typeof Ingress>;
|
|
10
|
-
|
|
11
|
-
export default meta;
|
|
12
|
-
|
|
13
|
-
type Story = StoryObj<typeof meta>;
|
|
14
|
-
|
|
15
|
-
const lorem =
|
|
16
|
-
"Hvis du ikke bor sammen med begge foreldrene dine, kan du ha rett til barnebidrag fra en eller begge foreldre mens du fullfører videregående skole eller tilsvarende.";
|
|
17
|
-
|
|
18
|
-
export const Default: Story = {
|
|
19
|
-
args: {
|
|
20
|
-
spacing: false,
|
|
21
|
-
children: lorem,
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export const Spacing: Story = {
|
|
26
|
-
render: () => (
|
|
27
|
-
<div>
|
|
28
|
-
<Ingress spacing>{lorem}</Ingress>
|
|
29
|
-
<Ingress spacing>{lorem}</Ingress>
|
|
30
|
-
</div>
|
|
31
|
-
),
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
export const OverrideTag: Story = {
|
|
35
|
-
render: () => (
|
|
36
|
-
<div>
|
|
37
|
-
<Ingress spacing>default ingress</Ingress>
|
|
38
|
-
<Ingress as="legend">legend ingress</Ingress>
|
|
39
|
-
</div>
|
|
40
|
-
),
|
|
41
|
-
play: async ({ canvasElement }) => {
|
|
42
|
-
const canvas = within(canvasElement);
|
|
43
|
-
|
|
44
|
-
const defaultIngress = canvas.getByText("default ingress");
|
|
45
|
-
const legendIngress = canvas.getByText("legend ingress");
|
|
46
|
-
|
|
47
|
-
expect(defaultIngress.tagName).toEqual("P");
|
|
48
|
-
expect(legendIngress.tagName).toEqual("LEGEND");
|
|
49
|
-
},
|
|
50
|
-
};
|