@navikt/ds-react 6.11.0 → 6.12.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 (123) hide show
  1. package/cjs/alert/Alert.d.ts +5 -0
  2. package/cjs/alert/Alert.js +5 -3
  3. package/cjs/alert/Alert.js.map +1 -1
  4. package/cjs/layout/base/BasePrimitive.d.ts +35 -3
  5. package/cjs/layout/base/BasePrimitive.js +33 -3
  6. package/cjs/layout/base/BasePrimitive.js.map +1 -1
  7. package/cjs/layout/base/PrimitiveAsChildProps.d.ts +41 -0
  8. package/cjs/layout/base/PrimitiveAsChildProps.js +3 -0
  9. package/cjs/layout/base/PrimitiveAsChildProps.js.map +1 -0
  10. package/cjs/layout/box/Box.d.ts +5 -32
  11. package/cjs/layout/box/Box.js +15 -4
  12. package/cjs/layout/box/Box.js.map +1 -1
  13. package/cjs/layout/grid/HGrid.d.ts +7 -5
  14. package/cjs/layout/grid/HGrid.js +7 -2
  15. package/cjs/layout/grid/HGrid.js.map +1 -1
  16. package/cjs/layout/stack/HStack.d.ts +2 -1
  17. package/cjs/layout/stack/HStack.js.map +1 -1
  18. package/cjs/layout/stack/Stack.d.ts +8 -5
  19. package/cjs/layout/stack/Stack.js +10 -5
  20. package/cjs/layout/stack/Stack.js.map +1 -1
  21. package/cjs/layout/stack/VStack.d.ts +2 -1
  22. package/cjs/layout/stack/VStack.js.map +1 -1
  23. package/cjs/layout/utilities/css.js +3 -0
  24. package/cjs/layout/utilities/css.js.map +1 -1
  25. package/cjs/toggle-group/parts/useToggleItem.js +1 -1
  26. package/cjs/toggle-group/parts/useToggleItem.js.map +1 -1
  27. package/cjs/util/types/AsChildProps.d.ts +1 -0
  28. package/esm/alert/Alert.d.ts +5 -0
  29. package/esm/alert/Alert.js +5 -3
  30. package/esm/alert/Alert.js.map +1 -1
  31. package/esm/layout/base/BasePrimitive.d.ts +35 -3
  32. package/esm/layout/base/BasePrimitive.js +32 -2
  33. package/esm/layout/base/BasePrimitive.js.map +1 -1
  34. package/esm/layout/base/PrimitiveAsChildProps.d.ts +41 -0
  35. package/esm/layout/base/PrimitiveAsChildProps.js +2 -0
  36. package/esm/layout/base/PrimitiveAsChildProps.js.map +1 -0
  37. package/esm/layout/box/Box.d.ts +5 -32
  38. package/esm/layout/box/Box.js +15 -4
  39. package/esm/layout/box/Box.js.map +1 -1
  40. package/esm/layout/grid/HGrid.d.ts +7 -5
  41. package/esm/layout/grid/HGrid.js +7 -2
  42. package/esm/layout/grid/HGrid.js.map +1 -1
  43. package/esm/layout/stack/HStack.d.ts +2 -1
  44. package/esm/layout/stack/HStack.js.map +1 -1
  45. package/esm/layout/stack/Stack.d.ts +8 -5
  46. package/esm/layout/stack/Stack.js +10 -5
  47. package/esm/layout/stack/Stack.js.map +1 -1
  48. package/esm/layout/stack/VStack.d.ts +2 -1
  49. package/esm/layout/stack/VStack.js.map +1 -1
  50. package/esm/layout/utilities/css.js +3 -0
  51. package/esm/layout/utilities/css.js.map +1 -1
  52. package/esm/toggle-group/parts/useToggleItem.js +1 -1
  53. package/esm/toggle-group/parts/useToggleItem.js.map +1 -1
  54. package/esm/util/types/AsChildProps.d.ts +1 -0
  55. package/package.json +3 -3
  56. package/src/alert/Alert.tsx +23 -2
  57. package/src/layout/base/BasePrimitive.tsx +84 -2
  58. package/src/layout/base/PrimitiveAsChildProps.ts +42 -0
  59. package/src/layout/box/Box.tsx +64 -81
  60. package/src/layout/grid/HGrid.tsx +73 -45
  61. package/src/layout/stack/HStack.tsx +2 -1
  62. package/src/layout/stack/Stack.tsx +80 -62
  63. package/src/layout/stack/VStack.tsx +3 -1
  64. package/src/layout/utilities/css.ts +3 -0
  65. package/src/toggle-group/parts/useToggleItem.ts +4 -1
  66. package/src/util/types/AsChildProps.ts +1 -0
  67. package/cjs/layout/sidemal-test/AvatarPanel.d.ts +0 -4
  68. package/cjs/layout/sidemal-test/AvatarPanel.js +0 -19
  69. package/cjs/layout/sidemal-test/AvatarPanel.js.map +0 -1
  70. package/cjs/layout/sidemal-test/Content.d.ts +0 -2
  71. package/cjs/layout/sidemal-test/Content.js +0 -67
  72. package/cjs/layout/sidemal-test/Content.js.map +0 -1
  73. package/cjs/layout/sidemal-test/Filter.d.ts +0 -2
  74. package/cjs/layout/sidemal-test/Filter.js +0 -49
  75. package/cjs/layout/sidemal-test/Filter.js.map +0 -1
  76. package/cjs/layout/sidemal-test/Header.d.ts +0 -2
  77. package/cjs/layout/sidemal-test/Header.js +0 -49
  78. package/cjs/layout/sidemal-test/Header.js.map +0 -1
  79. package/cjs/layout/sidemal-test/Intro.d.ts +0 -2
  80. package/cjs/layout/sidemal-test/Intro.js +0 -37
  81. package/cjs/layout/sidemal-test/Intro.js.map +0 -1
  82. package/cjs/layout/sidemal-test/Sidebar.d.ts +0 -4
  83. package/cjs/layout/sidemal-test/Sidebar.js +0 -50
  84. package/cjs/layout/sidemal-test/Sidebar.js.map +0 -1
  85. package/cjs/layout/sidemal-test/content-box/ContentBox.d.ts +0 -8
  86. package/cjs/layout/sidemal-test/content-box/ContentBox.js +0 -66
  87. package/cjs/layout/sidemal-test/content-box/ContentBox.js.map +0 -1
  88. package/cjs/layout/sidemal-test/content-box/index.d.ts +0 -1
  89. package/cjs/layout/sidemal-test/content-box/index.js +0 -9
  90. package/cjs/layout/sidemal-test/content-box/index.js.map +0 -1
  91. package/esm/layout/sidemal-test/AvatarPanel.d.ts +0 -4
  92. package/esm/layout/sidemal-test/AvatarPanel.js +0 -12
  93. package/esm/layout/sidemal-test/AvatarPanel.js.map +0 -1
  94. package/esm/layout/sidemal-test/Content.d.ts +0 -2
  95. package/esm/layout/sidemal-test/Content.js +0 -60
  96. package/esm/layout/sidemal-test/Content.js.map +0 -1
  97. package/esm/layout/sidemal-test/Filter.d.ts +0 -2
  98. package/esm/layout/sidemal-test/Filter.js +0 -22
  99. package/esm/layout/sidemal-test/Filter.js.map +0 -1
  100. package/esm/layout/sidemal-test/Header.d.ts +0 -2
  101. package/esm/layout/sidemal-test/Header.js +0 -42
  102. package/esm/layout/sidemal-test/Header.js.map +0 -1
  103. package/esm/layout/sidemal-test/Intro.d.ts +0 -2
  104. package/esm/layout/sidemal-test/Intro.js +0 -30
  105. package/esm/layout/sidemal-test/Intro.js.map +0 -1
  106. package/esm/layout/sidemal-test/Sidebar.d.ts +0 -4
  107. package/esm/layout/sidemal-test/Sidebar.js +0 -41
  108. package/esm/layout/sidemal-test/Sidebar.js.map +0 -1
  109. package/esm/layout/sidemal-test/content-box/ContentBox.d.ts +0 -8
  110. package/esm/layout/sidemal-test/content-box/ContentBox.js +0 -37
  111. package/esm/layout/sidemal-test/content-box/ContentBox.js.map +0 -1
  112. package/esm/layout/sidemal-test/content-box/index.d.ts +0 -1
  113. package/esm/layout/sidemal-test/content-box/index.js +0 -2
  114. package/esm/layout/sidemal-test/content-box/index.js.map +0 -1
  115. package/src/layout/sidemal-test/AvatarPanel.tsx +0 -27
  116. package/src/layout/sidemal-test/Content.tsx +0 -129
  117. package/src/layout/sidemal-test/Filter.tsx +0 -46
  118. package/src/layout/sidemal-test/Header.tsx +0 -96
  119. package/src/layout/sidemal-test/Intro.tsx +0 -91
  120. package/src/layout/sidemal-test/Sidebar.tsx +0 -77
  121. package/src/layout/sidemal-test/content-box/ContentBox.tsx +0 -46
  122. package/src/layout/sidemal-test/content-box/index.ts +0 -1
  123. package/src/layout/sidemal-test/styling.css +0 -43
@@ -1,66 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __rest = (this && this.__rest) || function (s, e) {
26
- var t = {};
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
- t[p] = s[p];
29
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
- t[p[i]] = s[p[i]];
33
- }
34
- return t;
35
- };
36
- var __importDefault = (this && this.__importDefault) || function (mod) {
37
- return (mod && mod.__esModule) ? mod : { "default": mod };
38
- };
39
- Object.defineProperty(exports, "__esModule", { value: true });
40
- exports.ContentBox = void 0;
41
- const clsx_1 = __importDefault(require("clsx"));
42
- const react_1 = __importStar(require("react"));
43
- exports.ContentBox = (0, react_1.forwardRef)((_a, ref) => {
44
- var { as: Component = "div", className, maxWidth = "xl" } = _a, rest = __rest(_a, ["as", "className", "maxWidth"]);
45
- const getMaxWidth = () => {
46
- return maxWidth === "3xl"
47
- ? "1920px"
48
- : maxWidth === "2xl"
49
- ? "1440px"
50
- : maxWidth === "xl"
51
- ? "1280px"
52
- : "1024px";
53
- };
54
- return (react_1.default.createElement(react_1.default.Fragment, null,
55
- react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, style: { "--__ac-contentbox--max-width": getMaxWidth() }, className: (0, clsx_1.default)("navds-contentbox", className) })),
56
- react_1.default.createElement("style", null, `
57
- .navds-contentbox {
58
- --__ac-contentbox--max-width: initial;
59
-
60
- margin: 0 auto;
61
- max-width: var(--__ac-contentbox--max-width);
62
- }
63
- `)));
64
- });
65
- exports.default = exports.ContentBox;
66
- //# sourceMappingURL=ContentBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ContentBox.js","sourceRoot":"","sources":["../../../../src/layout/sidemal-test/content-box/ContentBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAQ7C,QAAA,UAAU,GACrB,IAAA,kBAAU,EACR,CAAC,EAA8D,EAAE,GAAG,EAAE,EAAE;QAAvE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,OAAW,EAAN,IAAI,cAA5D,+BAA8D,CAAF;IAC3D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,QAAQ,KAAK,KAAK;YACvB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,QAAQ,KAAK,KAAK;gBAClB,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,QAAQ,KAAK,IAAI;oBACjB,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,QAAQ,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,8BAA8B,EAAE,WAAW,EAAE,EAAE,EACxD,SAAS,EAAE,IAAA,cAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC,IAC5C;QACF,6CACG;;;;;;;aAOA,CACK,CACP,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,kBAAU,CAAC"}
@@ -1 +0,0 @@
1
- export { default as ContentBox, type ContentBoxProps } from "./ContentBox";
@@ -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.ContentBox = void 0;
7
- var ContentBox_1 = require("./ContentBox");
8
- Object.defineProperty(exports, "ContentBox", { enumerable: true, get: function () { return __importDefault(ContentBox_1).default; } });
9
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/sidemal-test/content-box/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAA2E;AAAlE,yHAAA,OAAO,OAAc"}
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- export declare function AvatarPanel({ children }: {
3
- children: React.ReactNode;
4
- }): React.JSX.Element;
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { PersonIcon } from "@navikt/aksel-icons";
3
- import { Box } from "../box/index.js";
4
- import { HStack } from "../stack/index.js";
5
- export function AvatarPanel({ children }) {
6
- return (React.createElement(Box, { background: "bg-default", paddingInline: { xs: "4", md: "10" }, paddingBlock: { xs: "10 8", md: "12 10" }, className: "avatar-card", borderRadius: "medium" },
7
- React.createElement(HStack, { justify: "center" },
8
- React.createElement(Box, { borderRadius: "full", background: "surface-success-moderate", className: "avatar" },
9
- React.createElement(PersonIcon, { fontSize: "2rem" }))),
10
- children));
11
- }
12
- //# sourceMappingURL=AvatarPanel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AvatarPanel.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/AvatarPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAiC;IACrE,OAAO,CACL,oBAAC,GAAG,IACF,UAAU,EAAC,YAAY,EACvB,aAAa,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EACpC,YAAY,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACzC,SAAS,EAAC,aAAa,EACvB,YAAY,EAAC,QAAQ;QAErB,oBAAC,MAAM,IAAC,OAAO,EAAC,QAAQ;YACtB,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,0BAA0B,EACrC,SAAS,EAAC,QAAQ;gBAElB,oBAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,GAAG,CAC1B,CACC;QACR,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare function Content(): React.JSX.Element;
@@ -1,60 +0,0 @@
1
- import React from "react";
2
- import { LinkIcon } from "@navikt/aksel-icons";
3
- import { Accordion } from "../../accordion/index.js";
4
- import { CopyButton } from "../../copybutton/index.js";
5
- import { Link } from "../../link/index.js";
6
- import { List } from "../../list/index.js";
7
- import { ReadMore } from "../../read-more/index.js";
8
- import { BodyLong, Heading } from "../../typography/index.js";
9
- import { Box } from "../box/index.js";
10
- import { VStack } from "../stack/index.js";
11
- import { AvatarPanel } from "./AvatarPanel.js";
12
- export function Content() {
13
- return (React.createElement(AvatarPanel, null,
14
- React.createElement(Box, { paddingBlock: "0 6" },
15
- React.createElement(VStack, { gap: "3", align: "start" },
16
- React.createElement(Heading, { size: "large" }, "Hvem kan f\u00E5?"),
17
- React.createElement(CopyButton, { copyText: "#", text: "Kopier lenke", size: "small", icon: React.createElement(LinkIcon, { "aria-hidden": true }) }))),
18
- React.createElement(BodyLong, { weight: "semibold" }, "Har du blitt arbeidsledig eller permittert, kan du f\u00E5 dagpenger fra NAV hvis alt dette gjelder for deg:"),
19
- React.createElement(List, null,
20
- React.createElement(List.Item, null, "Du har mistet minst 50 prosent av den totale arbeidstiden din."),
21
- React.createElement(List.Item, null, "Du har f\u00E5tt inntekten din helt eller delvis redusert."),
22
- React.createElement(List.Item, null, "Du har hatt en inntekt p\u00E5 minst 177 930 kroner (1,5 G - Grunnbel\u00F8p) de siste 12 m\u00E5nedene, eller minst 355 860 kroner (3 G) de siste 36 m\u00E5nedene."),
23
- React.createElement(List.Item, null, "Du er under 67 \u00E5r.")),
24
- React.createElement(Box, { paddingBlock: "0 7" },
25
- React.createElement(ReadMore, { header: "Hvilke inntekter gir rett til dagpenger?" },
26
- "Vi bruker disse inntektene for \u00E5 finne ut om du har rett til dagpenger:",
27
- React.createElement(List, null,
28
- React.createElement(List.Item, null, "Arbeidsinntekt"),
29
- React.createElement(List.Item, null, "Foreldrepenger som arbeidstaker"),
30
- React.createElement(List.Item, null, "Svangerskapspenger som arbeidstaker"),
31
- React.createElement(List.Item, null, "Svangerskapsrelaterte sykepenger som arbeidstaker")),
32
- React.createElement(BodyLong, null, "Inntekt som selvstendig n\u00E6ringsdrivende regnes ikke som arbeidsinntekt."))),
33
- React.createElement(BodyLong, { weight: "semibold" }, "For \u00E5 f\u00E5 dagpenger m\u00E5 du:"),
34
- React.createElement(List, null,
35
- React.createElement(List.Item, null, "s\u00F8ke dagpenger"),
36
- React.createElement(List.Item, null, "registrere deg som arbeidss\u00F8ker"),
37
- React.createElement(List.Item, null, "oppholde deg i Norge og v\u00E6re medlem av folketrygden"),
38
- React.createElement(List.Item, null, "sende meldekort hver 14. dag"),
39
- React.createElement(List.Item, null, "v\u00E6re reell arbeidss\u00F8ker")),
40
- React.createElement(BodyLong, { spacing: true },
41
- "Les mer om ",
42
- React.createElement(Link, { href: "#" }, "hva du m\u00E5 gj\u00F8re for \u00E5 f\u00E5 dagpenger.")),
43
- React.createElement(Box, { paddingBlock: "0 7" },
44
- React.createElement(Accordion, null,
45
- React.createElement(Accordion.Item, null,
46
- React.createElement(Accordion.Header, null, "Har du flere jobber?"),
47
- React.createElement(Accordion.Content, null, "Det er den totale arbeidstiden din som m\u00E5 v\u00E6re redusert med minst 50 prosent. Har du flere jobber m\u00E5 du samlet sett ha mistet minst 50 prosent av arbeidstiden din for \u00E5 kunne f\u00E5 dagpenger.")),
48
- React.createElement(Accordion.Item, null,
49
- React.createElement(Accordion.Header, null, "Oppholder du deg i utlandet?"),
50
- React.createElement(Accordion.Content, null, "Det er den totale arbeidstiden din som m\u00E5 v\u00E6re redusert med minst 50 prosent. Har du flere jobber m\u00E5 du samlet sett ha mistet minst 50 prosent av arbeidstiden din for \u00E5 kunne f\u00E5 dagpenger.")),
51
- React.createElement(Accordion.Item, null,
52
- React.createElement(Accordion.Header, null, "Mottar du annen pengest\u00F8tte?"),
53
- React.createElement(Accordion.Content, null, "Det er den totale arbeidstiden din som m\u00E5 v\u00E6re redusert med minst 50 prosent. Har du flere jobber m\u00E5 du samlet sett ha mistet minst 50 prosent av arbeidstiden din for \u00E5 kunne f\u00E5 dagpenger.")))),
54
- React.createElement(Heading, { spacing: true, level: "3", size: "medium" }, "Hvis du er arbeidsledig"),
55
- React.createElement(BodyLong, { spacing: true }, "Grunnen til at du mistet jobben din kan f\u00E5 betydning for dagpengene dine. Sjekk hvilke regler som gjelder for disse situasjonene."),
56
- React.createElement(Heading, { spacing: true, level: "3", size: "medium" }, "Hvis du er permittert"),
57
- React.createElement(BodyLong, { spacing: true }, "Som permittert har du rett til l\u00F8nn fra arbeidsgiveren din de 15 f\u00F8rste arbeidsdagene du er permittert. Hvis du er delvis permittert, kan de 15 arbeidsdagene med l\u00F8nn strekke seg over en lengre periode. Etter denne perioden med l\u00F8nn, kan du f\u00E5 dagpenger."),
58
- React.createElement(BodyLong, { spacing: true }, "For at du skal ha rett til dagpenger som permittert, m\u00E5 permitterings\u00E5rsaken v\u00E6re mangel p\u00E5 arbeid i bedriften eller andre forhold som arbeidsgiveren din ikke kan p\u00E5virke. Grunnen til at du permitteres kan derfor ha betydning for din rett til dagpenger. NAV vurderer om permitterings\u00E5rsaken gir deg rett til dagpenger.")));
59
- }
60
- //# sourceMappingURL=Content.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Content.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare function FilterCard(): React.JSX.Element;
@@ -1,22 +0,0 @@
1
- import React, { useState } from "react";
2
- import { InformationSquareIcon } from "@navikt/aksel-icons";
3
- import { Checkbox, CheckboxGroup } from "../../form/checkbox/index.js";
4
- import { BodyLong, Detail, Heading } from "../../typography/index.js";
5
- import { Box } from "../box/index.js";
6
- import { HStack, VStack } from "../stack/index.js";
7
- export function FilterCard() {
8
- const [filter, setFilter] = useState([]);
9
- return (React.createElement(Box, { background: "bg-default", padding: { xs: "4", md: "5" }, borderWidth: "5", borderColor: "border-alt-3", borderRadius: "medium" },
10
- React.createElement(VStack, { gap: "6" },
11
- React.createElement(Heading, { size: "large" }, "Fortell oss om situasjonen din"),
12
- React.createElement(BodyLong, null, "Fortell oss litt om situasjonen din, s\u00E5 viser vi bare den informasjonen som er relevant for deg."),
13
- React.createElement("div", null,
14
- React.createElement(CheckboxGroup, { legend: "Hva er situasjonen din?", size: "small", onChange: setFilter },
15
- React.createElement(Checkbox, { value: "box1" }, "Jeg er arbeidsledig"),
16
- React.createElement(Checkbox, { value: "box2" }, "Jeg er permittert")),
17
- !filter.length && (React.createElement(Box, { paddingBlock: "2 0" },
18
- React.createElement(HStack, { gap: "2", align: "center" },
19
- React.createElement(InformationSquareIcon, { "aria-hidden": true }),
20
- React.createElement(Detail, null, "Ingen filtre er valgt, s\u00E5 alt innhold vises."))))))));
21
- }
22
- //# sourceMappingURL=Filter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,UAAU,UAAU;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAQ,EAAE,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,GAAG,IACF,UAAU,EAAC,YAAY,EACvB,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAC7B,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,cAAc,EAC1B,YAAY,EAAC,QAAQ;QAErB,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG;YACb,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,qCAAyC;YAC9D,oBAAC,QAAQ,gHAGE;YACX;gBACE,oBAAC,aAAa,IACZ,MAAM,EAAC,yBAAyB,EAChC,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,SAAS;oBAEnB,oBAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,0BAA+B;oBACrD,oBAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,wBAA6B,CACrC;gBACf,CAAC,MAAM,CAAC,MAAM,IAAI,CACjB,oBAAC,GAAG,IAAC,YAAY,EAAC,KAAK;oBACrB,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;wBAC5B,oBAAC,qBAAqB,0BAAe;wBACrC,oBAAC,MAAM,4DAAsD,CACtD,CACL,CACP,CACG,CACC,CACL,CACP,CAAC;AACJ,CAAC"}
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare function Header(): React.JSX.Element;
@@ -1,42 +0,0 @@
1
- import React from "react";
2
- import { BodyShort, Detail, Heading } from "../../typography/index.js";
3
- import { Box } from "../box/index.js";
4
- import { Hide, Show } from "../responsive/index.js";
5
- import { HStack, VStack } from "../stack/index.js";
6
- import { ContentBox } from "./content-box/index.js";
7
- export function Header() {
8
- return (React.createElement(Box, { as: "header", borderWidth: "0 0 4 0", borderColor: "border-success", paddingBlock: "12 0" },
9
- React.createElement(ContentBox, { maxWidth: "lg" },
10
- React.createElement(Box, { background: "surface-default", paddingInline: "4", paddingBlock: "0 6" },
11
- React.createElement(HStack, { align: "start", gap: "8" },
12
- React.createElement(Hide, { below: "md" },
13
- React.createElement(Pictogram, null)),
14
- React.createElement(VStack, { gap: { xs: "4", md: "5" } },
15
- React.createElement(Heading, { level: "1", size: "xlarge" }, "Dagpenger"),
16
- React.createElement(Hide, { below: "md" },
17
- React.createElement(HStack, { gap: "4", align: "center" },
18
- React.createElement(BodyShort, { size: "small" }, "PENGEST\u00D8TTE"),
19
- React.createElement("span", { "aria-hidden": "true" }, "|"),
20
- React.createElement(Detail, null, "Oppdatert 5. juli 2023"))),
21
- React.createElement(Show, { below: "md" },
22
- React.createElement(VStack, { gap: "2" },
23
- React.createElement(BodyShort, { size: "small" }, "PENGEST\u00D8TTE"),
24
- React.createElement(Detail, null, "Oppdatert 24. august 2023")))))))));
25
- }
26
- function Pictogram() {
27
- return (React.createElement("svg", { "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", fill: "none", width: "80", height: "80", viewBox: "0 0 96.45 96.44" },
28
- React.createElement("g", { clipPath: "url(#clip0_4486_7567)" },
29
- React.createElement("path", { d: "M37.6276 55.6806L12.707 30.76L31.2599 12.2071L56.1805 37.1277L66.7031 26.6052L75.0165 74.5166L27.1051 66.2031L37.6276 55.6806Z", fill: "#CCF1D6" }),
30
- React.createElement("path", { d: "M41 11V33H2L2 9H27.5072", stroke: "#262626", strokeWidth: "3" }),
31
- React.createElement("circle", { cx: "22", cy: "16", r: "6.5", stroke: "#262626", strokeWidth: "3" }),
32
- React.createElement("circle", { cx: "35", cy: "9", r: "6.5", stroke: "#262626", strokeWidth: "3" }),
33
- React.createElement("circle", { cx: "62", cy: "63", r: "22.5", stroke: "#262626", strokeWidth: "3" }),
34
- React.createElement("path", { d: "M77.8105 77.7964L94.9534 94.9392", stroke: "#262626", strokeWidth: "3" }),
35
- React.createElement("path", { d: "M47.6311 59.1036L72.7452 52.3743C73.0119 52.3028 73.2861 52.4611 73.3576 52.7279L75.1693 59.4894C75.3837 60.2896 74.9088 61.1121 74.1086 61.3265L50.9264 67.5381C50.1262 67.7525 49.3037 67.2777 49.0893 66.4775L47.2776 59.716C47.2061 59.4493 47.3644 59.1751 47.6311 59.1036Z", stroke: "#262626", strokeWidth: "3" }),
36
- React.createElement("path", { d: "M52.3847 74.912L50.4436 67.6676L74.5917 61.1971L76.5329 68.4416C76.7473 69.2418 76.2724 70.0643 75.4722 70.2787L54.2218 75.9727C53.4216 76.1871 52.5991 75.7122 52.3847 74.912Z", stroke: "#262626", strokeWidth: "3" }),
37
- React.createElement("path", { d: "M64.1814 55.1864L63.6638 53.2546C63.092 51.1207 60.8987 49.8544 58.7648 50.4261V50.4261C56.631 50.9979 55.3646 53.1913 55.9364 55.3251L56.454 57.257", stroke: "#262626", strokeWidth: "3" })),
38
- React.createElement("defs", null,
39
- React.createElement("clipPath", { id: "clip0_4486_7567" },
40
- React.createElement("rect", { width: "96", height: "96", fill: "white" })))));
41
- }
42
- //# sourceMappingURL=Header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Header.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare function IntroCard(): React.JSX.Element;
@@ -1,30 +0,0 @@
1
- import React from "react";
2
- import { LinkIcon } from "@navikt/aksel-icons";
3
- import { CopyButton } from "../../copybutton/index.js";
4
- import { BodyLong, Detail, Heading, Label } from "../../typography/index.js";
5
- import { Box } from "../box/index.js";
6
- import { HStack, VStack } from "../stack/index.js";
7
- export function IntroCard() {
8
- return (React.createElement(Box, { background: "bg-default", padding: { xs: "4", md: "10" }, borderRadius: "medium" },
9
- React.createElement(VStack, { gap: "6" },
10
- React.createElement(VStack, { gap: "3", align: "start" },
11
- React.createElement(Heading, { size: "large" }, "Kort om dagpenger"),
12
- React.createElement(CopyButton, { copyText: "#", text: "Kopier lenke", activeText: "Lenken er kopiert", size: "small", icon: React.createElement(LinkIcon, { "aria-hidden": true }) })),
13
- React.createElement(BodyLong, null, "Dagpenger er en pengest\u00F8tte du kan f\u00E5 hvis du er arbeidsledig eller permittert."),
14
- React.createElement("div", null,
15
- React.createElement(Label, { as: "p", spacing: true }, "Dagpenger er aktuelt for deg som"),
16
- React.createElement(HStack, { wrap: true, gap: "4" },
17
- React.createElement(Box, { borderRadius: "full", shadow: "small", borderWidth: "1", borderColor: "border-subtle", paddingBlock: "1", paddingInline: "2" },
18
- React.createElement(HStack, { gap: "2", align: "center" },
19
- React.createElement(Box, { borderRadius: "full", background: "surface-warning", padding: "1" }),
20
- React.createElement(Detail, { as: "span" }, "Er arbeidsledig eller permitert"))),
21
- React.createElement(Box, { borderRadius: "full", shadow: "small", borderWidth: "1", borderColor: "border-subtle", paddingBlock: "1", paddingInline: "2" },
22
- React.createElement(HStack, { gap: "2", align: "center" },
23
- React.createElement(Box, { borderRadius: "full", background: "surface-warning", padding: "1" }),
24
- React.createElement(Detail, { as: "span" }, "S\u00F8ker jobb"))),
25
- React.createElement(Box, { borderRadius: "full", shadow: "small", borderWidth: "1", borderColor: "border-subtle", paddingBlock: "1", paddingInline: "2" },
26
- React.createElement(HStack, { gap: "2", align: "center" },
27
- React.createElement(Box, { borderRadius: "full", background: "surface-warning", padding: "1" }),
28
- React.createElement(Detail, { as: "span" }, "Trenger hjelp til \u00E5 komme i jobb"))))))));
29
- }
30
- //# sourceMappingURL=Intro.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Intro.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Intro.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,oBAAC,GAAG,IACF,UAAU,EAAC,YAAY,EACvB,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAC9B,YAAY,EAAC,QAAQ;QAErB,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG;YACb,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,OAAO;gBAC3B,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,wBAA4B;gBACjD,oBAAC,UAAU,IACT,QAAQ,EAAC,GAAG,EACZ,IAAI,EAAC,cAAc,EACnB,UAAU,EAAC,mBAAmB,EAC9B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,oBAAC,QAAQ,0BAAe,GAC9B,CACK;YACT,oBAAC,QAAQ,oGAGE;YACX;gBACE,oBAAC,KAAK,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,6CAEb;gBACR,oBAAC,MAAM,IAAC,IAAI,QAAC,GAAG,EAAC,GAAG;oBAClB,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,GAAG,EAChB,aAAa,EAAC,GAAG;wBAEjB,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;4BAC5B,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,iBAAiB,EAC5B,OAAO,EAAC,GAAG,GACX;4BACF,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,sCAAyC,CACnD,CACL;oBACN,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,GAAG,EAChB,aAAa,EAAC,GAAG;wBAEjB,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;4BAC5B,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,iBAAiB,EAC5B,OAAO,EAAC,GAAG,GACX;4BACF,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,sBAAoB,CAC9B,CACL;oBACN,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,GAAG,EAChB,aAAa,EAAC,GAAG;wBAEjB,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;4BAC5B,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,iBAAiB,EAC5B,OAAO,EAAC,GAAG,GACX;4BACF,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,4CAA0C,CACpD,CACL,CACC,CACL,CACC,CACL,CACP,CAAC;AACJ,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- export declare function Sidebar(): React.JSX.Element;
3
- export declare function ContentPanel(): React.JSX.Element;
4
- export declare function NewsPanel(): React.JSX.Element;
@@ -1,41 +0,0 @@
1
- import React from "react";
2
- import { Link } from "../../link/index.js";
3
- import { Heading, Label } from "../../typography/index.js";
4
- import { Box } from "../box/index.js";
5
- import { VStack } from "../stack/index.js";
6
- const LinkElement = ({ children }) => {
7
- return (React.createElement(Label, { as: "li", className: "sidebarlink" }, children));
8
- };
9
- export function Sidebar() {
10
- return (React.createElement(VStack, { gap: "4", className: "sidebar" },
11
- React.createElement(ContentPanel, null),
12
- React.createElement(NewsPanel, null)));
13
- }
14
- export function ContentPanel() {
15
- return (React.createElement(Box, { as: "nav", "aria-label": "innhold", paddingInline: "2", paddingBlock: "8 4", background: "surface-default", borderRadius: "medium" },
16
- React.createElement(Box, { paddingBlock: "0 4", paddingInline: "2 0" },
17
- React.createElement(Heading, { size: "medium" }, "Innhold")),
18
- React.createElement("ul", { className: "reset-list" },
19
- React.createElement(LinkElement, null, "Kort om dagpenger"),
20
- React.createElement(LinkElement, null, "Hvem kan f\u00E5?"),
21
- React.createElement(LinkElement, null, "Hvor mye kan du f\u00E5?"),
22
- React.createElement(LinkElement, null, "N\u00E5r utbetales pengene?"),
23
- React.createElement(LinkElement, null, "Hvor lenge kan du f\u00E5?"),
24
- React.createElement(LinkElement, null, "Slik s\u00F8ker du"),
25
- React.createElement(LinkElement, null, "Hva m\u00E5 du gj\u00F8re for \u00E5 f\u00E5 dagpenger?"),
26
- React.createElement(LinkElement, null, "Gi beskjed om endringer"),
27
- React.createElement(LinkElement, null, "Jobb i kombinasjon med dagpenger"),
28
- React.createElement(LinkElement, null, "Utdanning og oppl\u00E6ring"),
29
- React.createElement(LinkElement, null, "Ferie og utenlandsopphold"),
30
- React.createElement(LinkElement, null, "Slik klager du"))));
31
- }
32
- export function NewsPanel() {
33
- return (React.createElement(Box, { paddingBlock: "4", paddingInline: "2", background: "surface-default", "aria-label": "Nyttig \u00E5 vite", as: "section", borderRadius: "medium" },
34
- React.createElement(Box, { paddingBlock: "0 3", paddingInline: "2" },
35
- React.createElement(Heading, { size: "small" }, "Nyttig \u00E5 vite")),
36
- React.createElement("nav", { "aria-label": "innhold" },
37
- React.createElement("ul", { className: "reset-list" },
38
- React.createElement(Box, { paddingBlock: "2", paddingInline: "2" },
39
- React.createElement(Link, null, "Hva sier loven?"))))));
40
- }
41
- //# sourceMappingURL=Sidebar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnC,OAAO,CACL,oBAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,IACnC,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,OAAO;IACrB,OAAO,CACL,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS;QACjC,oBAAC,YAAY,OAAG;QAChB,oBAAC,SAAS,OAAG,CACN,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,EAAC,KAAK,gBACG,SAAS,EACpB,aAAa,EAAC,GAAG,EACjB,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,iBAAiB,EAC5B,YAAY,EAAC,QAAQ;QAErB,oBAAC,GAAG,IAAC,YAAY,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK;YACzC,oBAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,cAAkB,CACpC;QACN,4BAAI,SAAS,EAAC,YAAY;YACxB,oBAAC,WAAW,4BAAgC;YAC5C,oBAAC,WAAW,4BAA2B;YACvC,oBAAC,WAAW,mCAAkC;YAC9C,oBAAC,WAAW,sCAAqC;YACjD,oBAAC,WAAW,qCAAoC;YAChD,oBAAC,WAAW,6BAA4B;YACxC,oBAAC,WAAW,kEAAkD;YAC9D,oBAAC,WAAW,kCAAsC;YAClD,oBAAC,WAAW,2CAA+C;YAC3D,oBAAC,WAAW,sCAAqC;YACjD,oBAAC,WAAW,oCAAwC;YACpD,oBAAC,WAAW,yBAA6B,CACtC,CACD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,oBAAC,GAAG,IACF,YAAY,EAAC,GAAG,EAChB,aAAa,EAAC,GAAG,EACjB,UAAU,EAAC,iBAAiB,gBACjB,oBAAe,EAC1B,EAAE,EAAC,SAAS,EACZ,YAAY,EAAC,QAAQ;QAErB,oBAAC,GAAG,IAAC,YAAY,EAAC,KAAK,EAAC,aAAa,EAAC,GAAG;YACvC,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,yBAAwB,CACzC;QACN,2CAAgB,SAAS;YACvB,4BAAI,SAAS,EAAC,YAAY;gBACxB,oBAAC,GAAG,IAAC,YAAY,EAAC,GAAG,EAAC,aAAa,EAAC,GAAG;oBACrC,oBAAC,IAAI,0BAAuB,CACxB,CACH,CACD,CACF,CACP,CAAC;AACJ,CAAC"}
@@ -1,8 +0,0 @@
1
- import React, { HTMLAttributes } from "react";
2
- import { OverridableComponent } from "../../../util/index.js";
3
- export interface ContentBoxProps extends HTMLAttributes<HTMLDivElement> {
4
- children: React.ReactNode;
5
- maxWidth?: "3xl" | "2xl" | "xl" | "lg";
6
- }
7
- export declare const ContentBox: OverridableComponent<ContentBoxProps, HTMLDivElement>;
8
- export default ContentBox;
@@ -1,37 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import cl from "clsx";
13
- import React, { forwardRef } from "react";
14
- export const ContentBox = forwardRef((_a, ref) => {
15
- var { as: Component = "div", className, maxWidth = "xl" } = _a, rest = __rest(_a, ["as", "className", "maxWidth"]);
16
- const getMaxWidth = () => {
17
- return maxWidth === "3xl"
18
- ? "1920px"
19
- : maxWidth === "2xl"
20
- ? "1440px"
21
- : maxWidth === "xl"
22
- ? "1280px"
23
- : "1024px";
24
- };
25
- return (React.createElement(React.Fragment, null,
26
- React.createElement(Component, Object.assign({}, rest, { ref: ref, style: { "--__ac-contentbox--max-width": getMaxWidth() }, className: cl("navds-contentbox", className) })),
27
- React.createElement("style", null, `
28
- .navds-contentbox {
29
- --__ac-contentbox--max-width: initial;
30
-
31
- margin: 0 auto;
32
- max-width: var(--__ac-contentbox--max-width);
33
- }
34
- `)));
35
- });
36
- export default ContentBox;
37
- //# sourceMappingURL=ContentBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ContentBox.js","sourceRoot":"","sources":["../../../../src/layout/sidemal-test/content-box/ContentBox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAQ1D,MAAM,CAAC,MAAM,UAAU,GACrB,UAAU,CACR,CAAC,EAA8D,EAAE,GAAG,EAAE,EAAE;QAAvE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,OAAW,EAAN,IAAI,cAA5D,+BAA8D,CAAF;IAC3D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,QAAQ,KAAK,KAAK;YACvB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,QAAQ,KAAK,KAAK;gBAClB,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,QAAQ,KAAK,IAAI;oBACjB,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,QAAQ,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,8BAA8B,EAAE,WAAW,EAAE,EAAE,EACxD,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAC5C;QACF,mCACG;;;;;;;aAOA,CACK,CACP,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,UAAU,CAAC"}
@@ -1 +0,0 @@
1
- export { default as ContentBox, type ContentBoxProps } from "./ContentBox.js";
@@ -1,2 +0,0 @@
1
- export { default as ContentBox } from "./ContentBox.js";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/sidemal-test/content-box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC"}
@@ -1,27 +0,0 @@
1
- import React from "react";
2
- import { PersonIcon } from "@navikt/aksel-icons";
3
- import { Box } from "../box";
4
- import { HStack } from "../stack";
5
-
6
- export function AvatarPanel({ children }: { children: React.ReactNode }) {
7
- return (
8
- <Box
9
- background="bg-default"
10
- paddingInline={{ xs: "4", md: "10" }}
11
- paddingBlock={{ xs: "10 8", md: "12 10" }}
12
- className="avatar-card"
13
- borderRadius="medium"
14
- >
15
- <HStack justify="center">
16
- <Box
17
- borderRadius="full"
18
- background="surface-success-moderate"
19
- className="avatar"
20
- >
21
- <PersonIcon fontSize="2rem" />
22
- </Box>
23
- </HStack>
24
- {children}
25
- </Box>
26
- );
27
- }
@@ -1,129 +0,0 @@
1
- import React from "react";
2
- import { LinkIcon } from "@navikt/aksel-icons";
3
- import { Accordion } from "../../accordion";
4
- import { CopyButton } from "../../copybutton";
5
- import { Link } from "../../link";
6
- import { List } from "../../list";
7
- import { ReadMore } from "../../read-more";
8
- import { BodyLong, Heading } from "../../typography";
9
- import { Box } from "../box";
10
- import { VStack } from "../stack";
11
- import { AvatarPanel } from "./AvatarPanel";
12
-
13
- export function Content() {
14
- return (
15
- <AvatarPanel>
16
- <Box paddingBlock="0 6">
17
- <VStack gap="3" align="start">
18
- <Heading size="large">Hvem kan få?</Heading>
19
- <CopyButton
20
- copyText="#"
21
- text="Kopier lenke"
22
- size="small"
23
- icon={<LinkIcon aria-hidden />}
24
- />
25
- </VStack>
26
- </Box>
27
- <BodyLong weight="semibold">
28
- Har du blitt arbeidsledig eller permittert, kan du få dagpenger fra NAV
29
- hvis alt dette gjelder for deg:
30
- </BodyLong>
31
- <List>
32
- <List.Item>
33
- Du har mistet minst 50 prosent av den totale arbeidstiden din.
34
- </List.Item>
35
- <List.Item>
36
- Du har fått inntekten din helt eller delvis redusert.
37
- </List.Item>
38
- <List.Item>
39
- Du har hatt en inntekt på minst 177 930 kroner (1,5 G - Grunnbeløp) de
40
- siste 12 månedene, eller minst 355 860 kroner (3 G) de siste 36
41
- månedene.
42
- </List.Item>
43
- <List.Item>Du er under 67 år.</List.Item>
44
- </List>
45
- <Box paddingBlock="0 7">
46
- <ReadMore header="Hvilke inntekter gir rett til dagpenger?">
47
- Vi bruker disse inntektene for å finne ut om du har rett til
48
- dagpenger:
49
- <List>
50
- <List.Item>Arbeidsinntekt</List.Item>
51
- <List.Item>Foreldrepenger som arbeidstaker</List.Item>
52
- <List.Item>Svangerskapspenger som arbeidstaker</List.Item>
53
- <List.Item>
54
- Svangerskapsrelaterte sykepenger som arbeidstaker
55
- </List.Item>
56
- </List>
57
- <BodyLong>
58
- Inntekt som selvstendig næringsdrivende regnes ikke som
59
- arbeidsinntekt.
60
- </BodyLong>
61
- </ReadMore>
62
- </Box>
63
- <BodyLong weight="semibold">For å få dagpenger må du:</BodyLong>
64
- <List>
65
- <List.Item>søke dagpenger</List.Item>
66
- <List.Item>registrere deg som arbeidssøker</List.Item>
67
- <List.Item>
68
- oppholde deg i Norge og være medlem av folketrygden
69
- </List.Item>
70
- <List.Item>sende meldekort hver 14. dag</List.Item>
71
- <List.Item>være reell arbeidssøker</List.Item>
72
- </List>
73
- <BodyLong spacing>
74
- Les mer om <Link href="#">hva du må gjøre for å få dagpenger.</Link>
75
- </BodyLong>
76
- <Box paddingBlock="0 7">
77
- <Accordion>
78
- <Accordion.Item>
79
- <Accordion.Header>Har du flere jobber?</Accordion.Header>
80
- <Accordion.Content>
81
- Det er den totale arbeidstiden din som må være redusert med minst
82
- 50 prosent. Har du flere jobber må du samlet sett ha mistet minst
83
- 50 prosent av arbeidstiden din for å kunne få dagpenger.
84
- </Accordion.Content>
85
- </Accordion.Item>
86
- <Accordion.Item>
87
- <Accordion.Header>Oppholder du deg i utlandet?</Accordion.Header>
88
- <Accordion.Content>
89
- Det er den totale arbeidstiden din som må være redusert med minst
90
- 50 prosent. Har du flere jobber må du samlet sett ha mistet minst
91
- 50 prosent av arbeidstiden din for å kunne få dagpenger.
92
- </Accordion.Content>
93
- </Accordion.Item>
94
- <Accordion.Item>
95
- <Accordion.Header>Mottar du annen pengestøtte?</Accordion.Header>
96
- <Accordion.Content>
97
- Det er den totale arbeidstiden din som må være redusert med minst
98
- 50 prosent. Har du flere jobber må du samlet sett ha mistet minst
99
- 50 prosent av arbeidstiden din for å kunne få dagpenger.
100
- </Accordion.Content>
101
- </Accordion.Item>
102
- </Accordion>
103
- </Box>
104
- <Heading spacing level="3" size="medium">
105
- Hvis du er arbeidsledig
106
- </Heading>
107
- <BodyLong spacing>
108
- Grunnen til at du mistet jobben din kan få betydning for dagpengene
109
- dine. Sjekk hvilke regler som gjelder for disse situasjonene.
110
- </BodyLong>
111
- <Heading spacing level="3" size="medium">
112
- Hvis du er permittert
113
- </Heading>
114
- <BodyLong spacing>
115
- Som permittert har du rett til lønn fra arbeidsgiveren din de 15 første
116
- arbeidsdagene du er permittert. Hvis du er delvis permittert, kan de 15
117
- arbeidsdagene med lønn strekke seg over en lengre periode. Etter denne
118
- perioden med lønn, kan du få dagpenger.
119
- </BodyLong>
120
- <BodyLong spacing>
121
- For at du skal ha rett til dagpenger som permittert, må
122
- permitteringsårsaken være mangel på arbeid i bedriften eller andre
123
- forhold som arbeidsgiveren din ikke kan påvirke. Grunnen til at du
124
- permitteres kan derfor ha betydning for din rett til dagpenger. NAV
125
- vurderer om permitteringsårsaken gir deg rett til dagpenger.
126
- </BodyLong>
127
- </AvatarPanel>
128
- );
129
- }