@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.
Files changed (124) hide show
  1. package/cjs/date/parts/DateWrapper.js +2 -2
  2. package/cjs/date/parts/DateWrapper.js.map +1 -1
  3. package/cjs/form/error-summary/ErrorSummary.d.ts +3 -9
  4. package/cjs/form/error-summary/ErrorSummary.js +9 -4
  5. package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
  6. package/cjs/form/error-summary/ErrorSummaryItem.d.ts +1 -1
  7. package/cjs/form/error-summary/ErrorSummaryItem.js +1 -2
  8. package/cjs/form/error-summary/ErrorSummaryItem.js.map +1 -1
  9. package/cjs/form/search/Search.d.ts +1 -1
  10. package/cjs/form/search/Search.js +1 -1
  11. package/cjs/index.js +1 -0
  12. package/cjs/index.js.map +1 -1
  13. package/cjs/modal/Modal.context.d.ts +9 -0
  14. package/cjs/modal/Modal.context.js +10 -0
  15. package/cjs/modal/Modal.context.js.map +1 -0
  16. package/cjs/modal/Modal.js +3 -6
  17. package/cjs/modal/Modal.js.map +1 -1
  18. package/cjs/modal/ModalHeader.js +2 -6
  19. package/cjs/modal/ModalHeader.js.map +1 -1
  20. package/cjs/modal/types.d.ts +24 -3
  21. package/cjs/panel/Panel.d.ts +9 -16
  22. package/cjs/panel/Panel.js +6 -16
  23. package/cjs/panel/Panel.js.map +1 -1
  24. package/cjs/popover/Popover.js +2 -2
  25. package/cjs/popover/Popover.js.map +1 -1
  26. package/cjs/table/types.d.ts +1 -1
  27. package/cjs/tooltip/Tooltip.js +3 -3
  28. package/cjs/tooltip/Tooltip.js.map +1 -1
  29. package/cjs/util/create-context.d.ts +2 -5
  30. package/cjs/util/create-context.js +9 -5
  31. package/cjs/util/create-context.js.map +1 -1
  32. package/cjs/util/types/OverridableComponent.d.ts +1 -1
  33. package/esm/date/parts/DateWrapper.js +3 -3
  34. package/esm/date/parts/DateWrapper.js.map +1 -1
  35. package/esm/form/error-summary/ErrorSummary.d.ts +3 -9
  36. package/esm/form/error-summary/ErrorSummary.js +10 -5
  37. package/esm/form/error-summary/ErrorSummary.js.map +1 -1
  38. package/esm/form/error-summary/ErrorSummaryItem.d.ts +1 -1
  39. package/esm/form/error-summary/ErrorSummaryItem.js +1 -2
  40. package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
  41. package/esm/form/search/Search.d.ts +1 -1
  42. package/esm/form/search/Search.js +1 -1
  43. package/esm/index.js +1 -0
  44. package/esm/index.js.map +1 -1
  45. package/esm/modal/Modal.context.d.ts +9 -0
  46. package/esm/modal/Modal.context.js +6 -0
  47. package/esm/modal/Modal.context.js.map +1 -0
  48. package/esm/modal/Modal.js +3 -6
  49. package/esm/modal/Modal.js.map +1 -1
  50. package/esm/modal/ModalHeader.js +3 -7
  51. package/esm/modal/ModalHeader.js.map +1 -1
  52. package/esm/modal/types.d.ts +24 -3
  53. package/esm/panel/Panel.d.ts +9 -16
  54. package/esm/panel/Panel.js +6 -16
  55. package/esm/panel/Panel.js.map +1 -1
  56. package/esm/popover/Popover.js +2 -2
  57. package/esm/popover/Popover.js.map +1 -1
  58. package/esm/table/types.d.ts +1 -1
  59. package/esm/tooltip/Tooltip.js +4 -4
  60. package/esm/tooltip/Tooltip.js.map +1 -1
  61. package/esm/util/create-context.d.ts +2 -5
  62. package/esm/util/create-context.js +10 -6
  63. package/esm/util/create-context.js.map +1 -1
  64. package/esm/util/types/OverridableComponent.d.ts +1 -1
  65. package/package.json +6 -6
  66. package/src/accordion/accordion.stories.tsx +121 -135
  67. package/src/button/button.stories.tsx +88 -185
  68. package/src/chat/chat.stories.tsx +285 -186
  69. package/src/date/datepicker/datepicker.stories.tsx +6 -2
  70. package/src/date/monthpicker/monthpicker.stories.tsx +2 -1
  71. package/src/date/parts/DateWrapper.tsx +3 -3
  72. package/src/dropdown/dropdown.stories.tsx +1 -1
  73. package/src/form/error-summary/ErrorSummary.tsx +11 -15
  74. package/src/form/error-summary/ErrorSummaryItem.tsx +8 -10
  75. package/src/form/error-summary/error-summary.stories.tsx +2 -56
  76. package/src/form/search/Search.tsx +4 -4
  77. package/src/form/stories/confirmation-panel.stories.tsx +1 -1
  78. package/src/form/stories/textarea.stories.tsx +1 -1
  79. package/src/help-text/help-text.stories.tsx +2 -1
  80. package/src/index.ts +1 -0
  81. package/src/internal-header/header.stories.tsx +2 -1
  82. package/src/layout/bleed/Bleed.stories.tsx +2 -1
  83. package/src/layout/box/Box.stories.tsx +2 -1
  84. package/src/layout/sidemal-test/navno-sidemal.stories.tsx +4 -1
  85. package/src/link/stories/link.stories.tsx +20 -22
  86. package/src/link-panel/link-panel.stories.tsx +1 -1
  87. package/src/list/list.stories.tsx +2 -1
  88. package/src/loader/loader.stories.tsx +1 -1
  89. package/src/modal/Modal.context.ts +13 -0
  90. package/src/modal/Modal.test.tsx +2 -2
  91. package/src/modal/Modal.tsx +6 -8
  92. package/src/modal/ModalHeader.tsx +3 -7
  93. package/src/modal/modal.stories.tsx +33 -6
  94. package/src/modal/types.ts +21 -4
  95. package/src/panel/Panel.tsx +9 -16
  96. package/src/popover/Popover.tsx +2 -2
  97. package/src/stepper/stepper.stories.tsx +1 -1
  98. package/src/table/stories/{table.stories.tsx → table-1.stories.tsx} +118 -92
  99. package/src/table/stories/{table-expandable.stories.tsx → table-2-expandable.stories.tsx} +10 -34
  100. package/src/table/stories/{table-async.stories.tsx → table-3-async.stories.tsx} +5 -3
  101. package/src/table/stories/tests/table.stories.tsx +4 -1
  102. package/src/table/types.ts +1 -1
  103. package/src/tabs/Tabs.test.tsx +109 -0
  104. package/src/toggle-group/ToggleGroup.test.tsx +54 -0
  105. package/src/tooltip/Tooltip.tsx +4 -10
  106. package/src/tooltip/tooltip.stories.tsx +4 -1
  107. package/src/typography/stories/bodylong.stories.tsx +49 -3
  108. package/src/typography/stories/bodyshort.stories.tsx +50 -4
  109. package/src/typography/stories/detail.stories.tsx +32 -3
  110. package/src/typography/stories/error-message.stories.tsx +34 -3
  111. package/src/typography/stories/heading.stories.tsx +32 -3
  112. package/src/typography/stories/label.stories.tsx +38 -3
  113. package/src/util/create-context.tsx +26 -15
  114. package/src/util/types/OverridableComponent.ts +1 -1
  115. package/_docs.json +0 -20247
  116. package/cjs/modal/ModalContext.d.ts +0 -7
  117. package/cjs/modal/ModalContext.js +0 -9
  118. package/cjs/modal/ModalContext.js.map +0 -1
  119. package/esm/modal/ModalContext.d.ts +0 -7
  120. package/esm/modal/ModalContext.js +0 -3
  121. package/esm/modal/ModalContext.js.map +0 -1
  122. package/src/modal/ModalContext.ts +0 -7
  123. package/src/panel/panel.stories.tsx +0 -63
  124. package/src/typography/stories/ingress.stories.tsx +0 -50
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface ModalContextProps {
3
- closeHandler?: React.MouseEventHandler<HTMLButtonElement>;
4
- ref: React.RefObject<HTMLDialogElement>;
5
- }
6
- export declare const ModalContext: React.Context<ModalContextProps | null>;
7
- export {};
@@ -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,7 +0,0 @@
1
- import React from "react";
2
- interface ModalContextProps {
3
- closeHandler?: React.MouseEventHandler<HTMLButtonElement>;
4
- ref: React.RefObject<HTMLDialogElement>;
5
- }
6
- export declare const ModalContext: React.Context<ModalContextProps | null>;
7
- export {};
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- export const ModalContext = React.createContext(null);
3
- //# sourceMappingURL=ModalContext.js.map
@@ -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,7 +0,0 @@
1
- import React from "react";
2
-
3
- interface ModalContextProps {
4
- closeHandler?: React.MouseEventHandler<HTMLButtonElement>;
5
- ref: React.RefObject<HTMLDialogElement>;
6
- }
7
- export const ModalContext = React.createContext<ModalContextProps | null>(null);
@@ -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
- };