@navikt/ds-react 7.6.0 → 7.8.0

package/cjs/guide-panel/Illustration.darkside.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DarksideGudiepanelIllustration = void 0;
+const react_1 = __importDefault(require("react"));
+const i18n_context_1 = require("../util/i18n/i18n.context");
+const DarksideGudiepanelIllustration = () => {
+    const translate = (0, i18n_context_1.useI18n)("GuidePanel");
+    return (react_1.default.createElement("svg", { width: "80", height: "80", viewBox: "0 0 80 80", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": translate("illustrationLabel"), focusable: false, role: "img" },
+        react_1.default.createElement("g", { clipPath: "url(#clip0_1387_21067)" },
+            react_1.default.createElement("rect", { width: "80", height: "80", rx: "40", fill: "var(--ax-bg-info-moderate)" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M55.1888 40.4309C53.795 44.9809 51.0663 48.7578 47.5693 51.0691L47.7484 53.0953L47.7474 53.1777L45.857 69.8798H33.8679L33.8181 69.5289L31.5004 53.149L31.5862 51.1003C28.0715 48.7951 25.3274 45.012 23.9257 40.4499C23.8781 40.4544 23.83 40.4567 23.7812 40.4567C22.8745 40.4567 22.1562 39.6596 22.1562 38.694V33.2299C22.1562 32.5826 22.479 32.0107 22.9648 31.704C23.7229 21.5029 30.8443 13.4856 39.554 13.4856C48.2401 13.4856 55.3472 21.4598 56.1376 31.6212C56.7049 31.8987 57.0938 32.5185 57.0938 33.2299V38.694C57.0938 39.6601 56.3765 40.4567 55.4688 40.4567C55.3731 40.4567 55.2796 40.4479 55.1888 40.4309Z", fill: "#F5F6F7" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M47.1471 51.6344C47.0789 55.2818 43.7373 59.0238 39.625 59.0238C35.4948 59.0238 32.142 55.2492 32.1022 51.5868C29.9622 52.1324 26.6956 53.778 23.9995 56.528C21.3885 59.191 19.3125 63.194 19.3125 66.2992V85H59.9375V66.2992C59.9375 63.1877 57.8167 59.1779 55.1575 56.5118C52.4983 53.8457 49.3007 52.2224 47.1471 51.6344Z", fill: "#156389" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.9671 51.7135C29.9959 52.4334 26.6891 54.0069 24.1875 56.3965C16.875 54.7596 13.625 50.8701 13.625 50.8701C13.625 50.8701 20.3621 44.2597 20.3662 32.698V32.6858C20.3662 19.1479 27.6319 9.80769 39.6022 9.80769C51.5742 9.80769 58.8399 19.1479 58.8399 32.6858H58.883C58.883 44.2556 65.625 50.8701 65.625 50.8701C65.625 50.8701 62.375 54.7596 55.0625 56.3942L55.0515 56.3965C52.6353 54.1854 49.1309 52.48 47.2243 51.759L47.2265 51.7583L47.1508 50.9013L47.1917 50.8303C50.7891 48.5155 53.5804 44.616 54.9262 39.904C55.0909 39.9962 55.277 40.0481 55.4739 40.0481C56.1476 40.0481 56.6928 39.4432 56.6928 38.694V33.2299C56.6928 32.5888 56.2936 32.0529 55.7564 31.9115C55.7559 31.9041 55.7554 31.8967 55.7549 31.8893C38.7466 33.7984 32.6199 22.0681 32.117 22.0673C32.117 22.0673 26.4686 26.1538 23.769 31.0125C23.769 31.0125 23.3576 31.9297 23.3556 31.9605C22.8934 32.1528 22.5637 32.648 22.5637 33.2299V38.694C22.5637 39.4432 23.1103 40.0481 23.7826 40.0481C23.9316 40.0481 24.0743 40.0185 24.2062 39.9643C25.5668 44.6786 28.3759 48.5739 31.9901 50.8733L32.0035 50.9013L31.9695 51.7135H31.9671Z", fill: "#A93D70" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.8159 35.8563C32.766 35.9417 32.4722 34.2696 32.7885 33.1775C32.848 32.9706 33.1956 32.0283 33.8109 32.0283C34.4254 32.0283 34.6968 32.5433 34.7345 32.6319C35.1865 33.6965 34.9645 35.7622 33.8159 35.8563", fill: "#202733" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M45.9927 35.8563C47.0425 35.9417 47.3364 34.2696 47.0201 33.1775C46.9606 32.9706 46.613 32.0283 45.9977 32.0283C45.3832 32.0283 45.1118 32.5433 45.0741 32.6319C44.6221 33.6965 44.8441 35.7622 45.9927 35.8563", fill: "#202733" }),
+            react_1.default.createElement("path", { d: "M40.2935 37.5041C40.9213 37.396 41.3501 37.4638 41.5036 37.6748C42.0833 38.4721 41.8979 39.3156 40.9035 40.0081C40.3806 40.372 39.661 40.5001 39.28 40.3114C39.0937 40.2191 38.8758 40.3133 38.7934 40.5218C38.7109 40.7304 38.7951 40.9742 38.9814 41.0665C39.6111 41.3784 40.5794 41.206 41.2931 40.7092C42.6445 39.7682 42.9537 38.3611 42.0758 37.1534C41.7042 36.643 41.0465 36.5389 40.1812 36.688C39.9799 36.7227 39.8418 36.9335 39.8728 37.1589C39.9038 37.3842 40.0921 37.5388 40.2935 37.5041Z", fill: "#202733" }),
+            react_1.default.createElement("path", { d: "M44.8337 42.9837C44.7968 43.0623 44.7122 43.2128 44.5763 43.4111C44.3463 43.7466 44.0574 44.083 43.7066 44.3967C42.6611 45.3315 41.3002 45.8721 39.5683 45.8226C37.8795 45.7744 36.5247 45.2422 35.4626 44.384C35.0726 44.0689 34.7506 43.7315 34.4933 43.3951C34.3415 43.1967 34.2468 43.0464 34.2053 42.968C34.1056 42.7795 33.8606 42.7019 33.6581 42.7946C33.4555 42.8874 33.3721 43.1154 33.4718 43.3039C33.5318 43.4175 33.6487 43.6029 33.8273 43.8364C34.1206 44.2197 34.4852 44.6019 34.9266 44.9585C36.1256 45.9273 37.6579 46.5293 39.5432 46.5831C41.5064 46.6391 43.0759 46.0157 44.273 44.9453C44.6733 44.5875 45.0023 44.2043 45.2656 43.8203C45.4257 43.5868 45.5298 43.4015 45.5829 43.2882C45.6733 43.0956 45.5788 42.8714 45.3719 42.7873C45.165 42.7033 44.924 42.7912 44.8337 42.9837Z", fill: "#202733" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M53.8629 70.5H42.8865C42.3966 70.5 42 70.0974 42 69.6V63.609C42 63.1117 42.3966 62.7083 42.8865 62.7083H53.8629C54.3527 62.7083 54.75 63.1117 54.75 63.609V69.6C54.75 70.0974 54.3527 70.5 53.8629 70.5", fill: "white" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M49.0346 63.9451H47.8971C47.8128 63.9451 47.7449 63.8775 47.7449 63.7937V63.6029C47.7449 63.5197 47.8128 63.4515 47.8971 63.4515H49.0346C49.1188 63.4515 49.1867 63.5197 49.1867 63.6029V63.7937C49.1867 63.8775 49.1188 63.9451 49.0346 63.9451", fill: "#202733" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.1365 63.7708H48.7955V62H48.1365V63.7708Z", fill: "#818997" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M52.5417 65.5H51.6457C51.6457 65.5 51.5839 65.5 51.5621 65.5545L51.0662 67.0725L50.5708 65.5545C50.5489 65.5 50.4868 65.5 50.4868 65.5H48.764C48.7267 65.5 48.6954 65.5311 48.6954 65.5682V66.0837C48.6954 65.6748 48.2603 65.5 48.0055 65.5C47.4349 65.5 47.053 65.8758 46.934 66.4472C46.9276 66.0681 46.8961 65.9323 46.794 65.7932C46.7471 65.7251 46.6793 65.6678 46.6055 65.6204C46.4535 65.5314 46.317 65.5 46.0237 65.5H45.6794C45.6794 65.5 45.6171 65.5 45.5952 65.5545L45.2818 66.331V65.5682C45.2818 65.5311 45.2508 65.5 45.2136 65.5H44.4167C44.4167 65.5 44.3552 65.5 44.3328 65.5545L44.0071 66.362C44.0071 66.362 43.9746 66.4427 44.0489 66.4427H44.3552V67.9813C44.3552 68.0195 44.3853 68.0497 44.4236 68.0497H45.2136C45.2508 68.0497 45.2818 68.0195 45.2818 67.9813V66.4427H45.5898C45.7664 66.4427 45.8039 66.4475 45.8726 66.4796C45.914 66.4952 45.9513 66.5268 45.9716 66.5633C46.0133 66.6417 46.0237 66.7359 46.0237 67.0135V67.9813C46.0237 68.0195 46.0544 68.0497 46.0923 68.0497H46.8494C46.8494 68.0497 46.935 68.0497 46.9688 67.9652L47.1366 67.5505C47.3597 67.863 47.7269 68.0497 48.1833 68.0497H48.283C48.283 68.0497 48.3691 68.0497 48.4032 67.9652L48.6954 67.2415V67.9813C48.6954 68.0195 48.7267 68.0497 48.764 68.0497H49.5368C49.5368 68.0497 49.6221 68.0497 49.6564 67.9652C49.6564 67.9652 49.9655 67.1978 49.9667 67.192H49.9671C49.979 67.1281 49.8983 67.1281 49.8983 67.1281H49.6225V65.8113L50.4904 67.9652C50.5243 68.0497 50.6097 68.0497 50.6097 68.0497H51.5228C51.5228 68.0497 51.6087 68.0497 51.6426 67.9652L52.6048 65.5826C52.6381 65.5 52.5417 65.5 52.5417 65.5V65.5ZM48.6954 67.128H48.1763C47.9696 67.128 47.8015 66.9607 47.8015 66.7538C47.8015 66.5473 47.9696 66.3789 48.1763 66.3789H48.3215C48.5276 66.3789 48.6954 66.5473 48.6954 66.7538V67.128Z", fill: "#C30000" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_1387_21067" },
+                react_1.default.createElement("rect", { width: "80", height: "80", rx: "40", fill: "white" })))));
+};
+exports.DarksideGudiepanelIllustration = DarksideGudiepanelIllustration;
+//# sourceMappingURL=Illustration.darkside.js.map

package/cjs/guide-panel/Illustration.darkside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Illustration.darkside.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.darkside.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoD;AAE7C,MAAM,8BAA8B,GAAG,GAAG,EAAE;IACjD,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,YAAY,CAAC,CAAC;IAExC,OAAO,CACL,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACtB,SAAS,CAAC,mBAAmB,CAAC,EAC1C,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;QAEV,qCAAG,QAAQ,EAAC,wBAAwB;YAClC,wCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,4BAA4B,GACjC;YAEF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gmBAAgmB,EAClmB,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gUAAgU,EAClU,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mkCAAmkC,EACrkC,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,6wBAA6wB,EAC/wB,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yMAAyM,EAC3M,IAAI,EAAC,OAAO,GACZ;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACA;QACJ;YACE,4CAAU,EAAE,EAAC,kBAAkB;gBAC7B,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CAC3C,CACN,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AA5FW,QAAA,8BAA8B,kCA4FzC"}

package/cjs/guide-panel/Illustration.js

@@ -1,28 +1,14 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultIllustration = void 0;
 const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../util/hooks");
-const DefaultIllustration = (_a) => {
-    var { title, titleId: _titleId } = _a, props = __rest(_a, ["title", "titleId"]);
-    let titleId = (0, hooks_1.useId)();
-    titleId = title ? (_titleId ? _titleId : "title-" + titleId) : undefined;
-    return (react_1.default.createElement("svg", Object.assign({ width: "56", height: "85", viewBox: "0 0 56 85", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "NAV veileder illustrasjon", focusable: false, role: "img", "aria-labelledby": titleId }, props),
-        title ? react_1.default.createElement("title", { id: titleId }, title) : null,
+const i18n_context_1 = require("../util/i18n/i18n.context");
+const DefaultIllustration = () => {
+    const translate = (0, i18n_context_1.useI18n)("GuidePanel");
+    return (react_1.default.createElement("svg", { width: "56", height: "85", viewBox: "0 0 56 85", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": translate("illustrationLabel"), focusable: false, role: "img" },
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M43.1888 40.4308C41.795 44.9808 39.0663 48.7576 35.5693 51.069L35.7484 53.0952L35.7474 53.1777L33.857 69.8797H21.8679L21.8181 69.5289L19.5004 53.1489L19.5862 51.1002C16.0715 48.795 13.3274 45.0119 11.9257 40.4499C11.8781 40.4544 11.83 40.4566 11.7812 40.4566C10.8745 40.4566 10.1562 39.6595 10.1562 38.6939V33.2298C10.1562 32.5825 10.479 32.0106 10.9648 31.7039C11.7229 21.5028 18.8443 13.4855 27.554 13.4855C36.2401 13.4855 43.3472 21.4596 44.1376 31.6211C44.7049 31.8986 45.0937 32.5184 45.0937 33.2298V38.6939C45.0937 39.66 44.3765 40.4566 43.4687 40.4566C43.3731 40.4566 43.2796 40.4478 43.1888 40.4308Z", fill: "#F7F7F7" }),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M35.1471 51.6345C35.0789 55.2819 31.7373 59.0239 27.625 59.0239C23.4949 59.0239 20.142 55.2493 20.1022 51.5869C17.9622 52.1325 14.6956 53.7781 11.9995 56.5281C9.38852 59.1912 7.3125 63.1941 7.3125 66.2993V85.0001H47.9375V66.2993C47.9375 63.1878 45.8167 59.178 43.1575 56.5119C40.4983 53.8458 37.3007 52.2225 35.1471 51.6345Z", fill: "#005B82" }),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.9671 51.7134C17.9959 52.4333 14.6891 54.0068 12.1875 56.3964C4.875 54.7595 1.625 50.87 1.625 50.87C1.625 50.87 8.36213 44.2596 8.3662 32.698V32.6857C8.3662 19.1478 15.6319 9.80762 27.6022 9.80762C39.5742 9.80762 46.8399 19.1478 46.8399 32.6857H46.883C46.883 44.2555 53.625 50.87 53.625 50.87C53.625 50.87 50.375 54.7595 43.0625 56.3942L43.0515 56.3964C40.6353 54.1853 37.1309 52.4799 35.2243 51.7589L35.2265 51.7582L35.1508 50.9012L35.1917 50.8302C38.7891 48.5155 41.5804 44.6159 42.9262 39.904C43.0909 39.9961 43.277 40.048 43.4739 40.048C44.1476 40.048 44.6928 39.4431 44.6928 38.6939V33.2298C44.6928 32.5887 44.2936 32.0528 43.7564 31.9114C43.7559 31.904 43.7554 31.8966 43.7549 31.8892C26.7466 33.7984 20.6199 22.068 20.117 22.0672C20.117 22.0672 14.4686 26.1538 11.769 31.0124C11.769 31.0124 11.3576 31.9296 11.3556 31.9605C10.8934 32.1527 10.5637 32.648 10.5637 33.2298V38.6939C10.5637 39.4431 11.1103 40.048 11.7826 40.048C11.9316 40.048 12.0743 40.0184 12.2062 39.9642C13.5668 44.6785 16.3759 48.5738 19.9901 50.8732L20.0035 50.9012L19.9695 51.7134H19.9671Z", fill: "#F25C5C" }),

package/cjs/guide-panel/Illustration.js.map

@@ -1 +1 @@
-{"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAwC;AACxC,yCAAsC;AAW/B,MAAM,mBAAmB,GAA4B,CAAC,EAI5D,EAAE,EAAE;QAJwD,EAC3D,KAAK,EACL,OAAO,EAAE,QAAQ,OAElB,EADI,KAAK,cAHmD,oBAI5D,CADS;IAER,IAAI,OAAO,GAAuB,IAAA,aAAK,GAAE,CAAC;IAC1C,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEzE,OAAO,CACL,qDACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACvB,2BAA2B,EACtC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,qBACO,OAAO,IACpB,KAAK;QAER,KAAK,CAAC,CAAC,CAAC,yCAAO,EAAE,EAAE,OAAO,IAAG,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;QACnD,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,imBAAimB,EACnmB,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+iCAA+iC,EACjjC,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;QACF,wCACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;QACF,wCACE,CAAC,EAAC,4wBAA4wB,EAC9wB,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,GACZ;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtFW,QAAA,mBAAmB,uBAsF9B"}
+{"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoD;AAE7C,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,YAAY,CAAC,CAAC;IAExC,OAAO,CACL,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACtB,SAAS,CAAC,mBAAmB,CAAC,EAC1C,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;QAEV,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,imBAAimB,EACnmB,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+iCAA+iC,EACjjC,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;QACF,wCACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;QACF,wCACE,CAAC,EAAC,4wBAA4wB,EAC9wB,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,GACZ;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AA9EW,QAAA,mBAAmB,uBA8E9B"}

package/cjs/guide-panel/index.d.ts

@@ -1,2 +1 @@
 export { default as GuidePanel, type GuidePanelProps } from "./GuidePanel";
-export { DefaultIllustration as GuidePanelDefaultIllustration } from "./Illustration";

package/cjs/guide-panel/index.js

@@ -4,9 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GuidePanelDefaultIllustration = exports.GuidePanel = void 0;
+exports.GuidePanel = void 0;
 var GuidePanel_1 = require("./GuidePanel");
 Object.defineProperty(exports, "GuidePanel", { enumerable: true, get: function () { return __importDefault(GuidePanel_1).default; } });
-var Illustration_1 = require("./Illustration");
-Object.defineProperty(exports, "GuidePanelDefaultIllustration", { enumerable: true, get: function () { return Illustration_1.DefaultIllustration; } });
 //# sourceMappingURL=index.js.map

package/cjs/guide-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/guide-panel/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,2CAA2E;AAAlE,yHAAA,OAAO,OAAc;AAC9B,+CAAsF;AAA7E,6HAAA,mBAAmB,OAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/guide-panel/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,2CAA2E;AAAlE,yHAAA,OAAO,OAAc"}

package/cjs/help-text/HelpText.d.ts

@@ -4,7 +4,7 @@ export interface HelpTextProps extends React.ButtonHTMLAttributes<HTMLButtonElem
     children: React.ReactNode;
     /**
      * Adds a title-tooltip with the given text
-     * @default "hjelp"
+     * @default "Mer informasjon"
      */
     title?: string;
     /**

package/cjs/help-text/HelpText.js

@@ -44,6 +44,7 @@ const popover_1 = require("../popover");
 const provider_1 = require("../provider");
 const composeEventHandlers_1 = require("../util/composeEventHandlers");
 const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
+const i18n_context_1 = require("../util/i18n/i18n.context");
 const HelpTextIcon_1 = require("./HelpTextIcon");
 /**
  * A component that displays a help text button with a popover.
@@ -59,15 +60,17 @@ const HelpTextIcon_1 = require("./HelpTextIcon");
  * ```
  */
 exports.HelpText = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, children, placement, strategy = "absolute", title = "hjelp", onClick, wrapperClassName } = _a, rest = __rest(_a, ["className", "children", "placement", "strategy", "title", "onClick", "wrapperClassName"]);
+    var { className, children, placement, strategy = "absolute", title, onClick, wrapperClassName } = _a, rest = __rest(_a, ["className", "children", "placement", "strategy", "title", "onClick", "wrapperClassName"]);
     const buttonRef = (0, react_1.useRef)(null);
     const mergedRef = (0, useMergeRefs_1.useMergeRefs)(buttonRef, ref);
     const [open, setOpen] = (0, react_1.useState)(false);
     const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
+    const translate = (0, i18n_context_1.useI18n)("HelpText");
+    const titleWithFallback = title || translate("title");
     return (react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-help-text", wrapperClassName) },
         react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => setOpen((x) => !x)), className: (0, clsx_1.default)(className, "navds-help-text__button"), type: "button", "aria-expanded": open }),
-            react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { title: title }),
-            react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { filled: true, title: title })),
+            react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { title: titleWithFallback }),
+            react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { filled: true, title: titleWithFallback })),
         react_1.default.createElement(popover_1.Popover, { onClose: () => setOpen(false), className: "navds-help-text__popover", open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy, offset: themeContext ? 8 : 12, arrow: !themeContext },
             react_1.default.createElement(popover_1.Popover.Content, { className: "navds-body-short" }, children))));
 });

package/cjs/help-text/HelpText.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA4D;AAC5D,wCAAmD;AACnD,0CAAmD;AACnD,uEAAoE;AACpE,6DAA0D;AAC1D,iDAA8C;AAiB9C;;;;;;;;;;;;GAYG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,GAAG,OAAO,EACf,OAAO,EACP,gBAAgB,OAEjB,EADI,IAAI,cART,0FASC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAE/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,IAAA,+BAAoB,EAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,cAAE,EAAC,iBAAiB,EAAE,gBAAgB,CAAC;QACrD,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,IAAA,cAAE,EAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;YAEnB,8BAAC,2BAAY,IAAC,KAAK,EAAE,KAAK,GAAI;YAC9B,8BAAC,2BAAY,IAAC,MAAM,QAAC,KAAK,EAAE,KAAK,GAAI,CAC9B;QACT,8BAAC,iBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7B,KAAK,EAAE,CAAC,YAAY;YAEpB,8BAAC,iBAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
+{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA4D;AAC5D,wCAAmD;AACnD,0CAAmD;AACnD,uEAAoE;AACpE,6DAA0D;AAC1D,4DAAoD;AACpD,iDAA8C;AAiB9C;;;;;;;;;;;;GAYG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,EACL,OAAO,EACP,gBAAgB,OAEjB,EADI,IAAI,cART,0FASC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,IAAA,+BAAoB,EAAC,KAAK,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,cAAE,EAAC,iBAAiB,EAAE,gBAAgB,CAAC;QACrD,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,IAAA,cAAE,EAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;YAEnB,8BAAC,2BAAY,IAAC,KAAK,EAAE,iBAAiB,GAAI;YAC1C,8BAAC,2BAAY,IAAC,MAAM,QAAC,KAAK,EAAE,iBAAiB,GAAI,CAC1C;QACT,8BAAC,iBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7B,KAAK,EAAE,CAAC,YAAY;YAEpB,8BAAC,iBAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}

package/cjs/index.d.ts

@@ -9,7 +9,7 @@ export { DatePicker, useDatepicker, useRangeDatepicker, type DateInputProps, typ
 export { MonthPicker, useMonthpicker, type MonthPickerProps, type MonthPickerStandaloneProps, type MonthValidationT, } from "./date/monthpicker";
 export { Dropdown, type DropdownProps } from "./dropdown";
 export { ExpansionCard, type ExpansionCardProps } from "./expansion-card";
-export { GuidePanel, GuidePanelDefaultIllustration, type GuidePanelProps, } from "./guide-panel";
+export { GuidePanel, type GuidePanelProps } from "./guide-panel";
 export { HelpText, type HelpTextProps } from "./help-text";
 export { InternalHeader, type InternalHeaderButtonProps, type InternalHeaderProps, type InternalHeaderTitleProps, type InternalHeaderUserButtonProps, type InternalHeaderUserProps, } from "./internal-header";
 export { Bleed, type BleedProps } from "./layout/bleed";

package/cjs/index.js

@@ -1,8 +1,8 @@
 "use strict";
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorMessage = exports.Detail = exports.BodyShort = exports.BodyLong = exports.Tooltip = exports.ToggleGroup = exports.Timeline = exports.Tag = exports.Tabs = exports.Table = exports.Stepper = exports.Skeleton = exports.ReadMore = exports.Provider = exports.ProgressBar = exports.Portal = exports.Popover = exports.Pagination = exports.Modal = exports.Loader = exports.List = exports.Link = exports.VStack = exports.Stack = exports.Spacer = exports.HStack = exports.Show = exports.Hide = exports.Page = exports.HGrid = exports.Box = exports.Bleed = exports.InternalHeader = exports.HelpText = exports.GuidePanelDefaultIllustration = exports.GuidePanel = exports.ExpansionCard = exports.Dropdown = exports.useMonthpicker = exports.MonthPicker = exports.useRangeDatepicker = exports.useDatepicker = exports.DatePicker = exports.CopyButton = exports.Chips = exports.Chat = exports.Button = exports.Alert = exports.ActionMenu = exports.Accordion = void 0;
-exports.Panel = exports.LinkPanel = exports.TextField = exports.Textarea = exports.Switch = exports.Select = exports.Search = exports.RadioGroup = exports.Radio = exports.FormProgress = exports.FormSummary = exports.FileUpload = exports.Fieldset = exports.ErrorSummary = exports.ConfirmationPanel = exports.UNSAFE_Combobox = exports.CheckboxGroup = exports.Checkbox = exports.useId = exports.useEventListener = exports.useClientLayoutEffect = exports.omit = exports.debounce = exports.Label = exports.Ingress = exports.Heading = void 0;
+exports.Heading = exports.ErrorMessage = exports.Detail = exports.BodyShort = exports.BodyLong = exports.Tooltip = exports.ToggleGroup = exports.Timeline = exports.Tag = exports.Tabs = exports.Table = exports.Stepper = exports.Skeleton = exports.ReadMore = exports.Provider = exports.ProgressBar = exports.Portal = exports.Popover = exports.Pagination = exports.Modal = exports.Loader = exports.List = exports.Link = exports.VStack = exports.Stack = exports.Spacer = exports.HStack = exports.Show = exports.Hide = exports.Page = exports.HGrid = exports.Box = exports.Bleed = exports.InternalHeader = exports.HelpText = exports.GuidePanel = exports.ExpansionCard = exports.Dropdown = exports.useMonthpicker = exports.MonthPicker = exports.useRangeDatepicker = exports.useDatepicker = exports.DatePicker = exports.CopyButton = exports.Chips = exports.Chat = exports.Button = exports.Alert = exports.ActionMenu = exports.Accordion = void 0;
+exports.Panel = exports.LinkPanel = exports.TextField = exports.Textarea = exports.Switch = exports.Select = exports.Search = exports.RadioGroup = exports.Radio = exports.FormProgress = exports.FormSummary = exports.FileUpload = exports.Fieldset = exports.ErrorSummary = exports.ConfirmationPanel = exports.UNSAFE_Combobox = exports.CheckboxGroup = exports.Checkbox = exports.useId = exports.useEventListener = exports.useClientLayoutEffect = exports.omit = exports.debounce = exports.Label = exports.Ingress = void 0;
 var accordion_1 = require("./accordion");
 Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
 var action_menu_1 = require("./overlays/action-menu");
@@ -30,7 +30,6 @@ var expansion_card_1 = require("./expansion-card");
 Object.defineProperty(exports, "ExpansionCard", { enumerable: true, get: function () { return expansion_card_1.ExpansionCard; } });
 var guide_panel_1 = require("./guide-panel");
 Object.defineProperty(exports, "GuidePanel", { enumerable: true, get: function () { return guide_panel_1.GuidePanel; } });
-Object.defineProperty(exports, "GuidePanelDefaultIllustration", { enumerable: true, get: function () { return guide_panel_1.GuidePanelDefaultIllustration; } });
 var help_text_1 = require("./help-text");
 Object.defineProperty(exports, "HelpText", { enumerable: true, get: function () { return help_text_1.HelpText; } });
 var internal_header_1 = require("./internal-header");

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/cjs/internal-header/InternalHeaderButton.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { OverridableComponent } from "../util/types";
-export interface InternalHeaderButtonProps extends React.AnchorHTMLAttributes<HTMLButtonElement> {
+export interface InternalHeaderButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Application Button
      */

package/cjs/internal-header/InternalHeaderUserButton.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { OverridableComponent } from "../util/types";
-export interface InternalHeaderUserButtonProps extends React.AnchorHTMLAttributes<HTMLButtonElement> {
+export interface InternalHeaderUserButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * User name
      */

package/cjs/internal-header/InternalHeaderUserButton.js

@@ -49,7 +49,7 @@ exports.InternalHeaderUserButton = (0, react_1.forwardRef)((_a, ref) => {
         react_1.default.createElement("div", null,
             react_1.default.createElement(typography_1.BodyShort, { size: "small", as: "div" }, name),
             description && react_1.default.createElement(typography_1.Detail, { as: "div" }, description)),
-        react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { title: "vis meny" })));
+        react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { "aria-hidden": true })));
 });
 exports.default = exports.InternalHeaderUserButton;
 //# sourceMappingURL=InternalHeaderUserButton.js.map

package/cjs/internal-header/InternalHeaderUserButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalHeaderUserButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderUserButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAsD;AACtD,8CAAkD;AAElD,kFAA0D;AAc7C,QAAA,wBAAwB,GAGjC,IAAA,kBAAU,EAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAAY,OAAA,CACrE,8BAAC,8BAAoB,oBACf,IAAI,IACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,mCAAmC,EAAE,SAAS,CAAC;QAE7D;YACE,8BAAC,sBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,IAC7B,IAAI,CACK;YACX,WAAW,IAAI,8BAAC,mBAAM,IAAC,EAAE,EAAC,KAAK,IAAE,WAAW,CAAU,CACnD;QACN,8BAAC,6BAAe,IAAC,KAAK,EAAC,UAAU,GAAG,CACf,CACxB,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,gCAAwB,CAAC"}
+{"version":3,"file":"InternalHeaderUserButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderUserButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAsD;AACtD,8CAAkD;AAElD,kFAA0D;AAc7C,QAAA,wBAAwB,GAGjC,IAAA,kBAAU,EAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAAY,OAAA,CACrE,8BAAC,8BAAoB,oBACf,IAAI,IACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,mCAAmC,EAAE,SAAS,CAAC;QAE7D;YACE,8BAAC,sBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,IAC7B,IAAI,CACK;YACX,WAAW,IAAI,8BAAC,mBAAM,IAAC,EAAE,EAAC,KAAK,IAAE,WAAW,CAAU,CACnD;QACN,8BAAC,6BAAe,0BAAe,CACV,CACxB,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,gCAAwB,CAAC"}

package/cjs/layout/base/BasePrimitive.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BasePrimitive = exports.PRIMITIVE_PROPS = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importDefault(require("react"));
+const provider_1 = require("../../provider");
 const Slot_1 = require("../../slot/Slot");
 const css_1 = require("../utilities/css");
 exports.PRIMITIVE_PROPS = [
@@ -37,7 +38,9 @@ exports.PRIMITIVE_PROPS = [
     "gridColumn",
 ];
 const BasePrimitive = ({ children, className, padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, position, inset, top, right, left, bottom, overflow, overflowX, overflowY, flexBasis, flexGrow, flexShrink, gridColumn, }) => {
-    const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (0, css_1.getResponsiveProps)("r", "p", "spacing", padding)), (0, css_1.getResponsiveProps)("r", "pi", "spacing", paddingInline)), (0, css_1.getResponsiveProps)("r", "pb", "spacing", paddingBlock)), (0, css_1.getResponsiveProps)("r", "m", "spacing", margin)), (0, css_1.getResponsiveProps)("r", "mi", "spacing", marginInline)), (0, css_1.getResponsiveProps)("r", "mb", "spacing", marginBlock)), (0, css_1.getResponsiveValue)("r", "w", width)), (0, css_1.getResponsiveValue)("r", "minw", minWidth)), (0, css_1.getResponsiveValue)("r", "maxw", maxWidth)), (0, css_1.getResponsiveValue)("r", "h", height)), (0, css_1.getResponsiveValue)("r", "minh", minHeight)), (0, css_1.getResponsiveValue)("r", "maxh", maxHeight)), (0, css_1.getResponsiveValue)("r", "position", position)), (0, css_1.getResponsiveProps)("r", "inset", "spacing", inset)), (0, css_1.getResponsiveProps)("r", "top", "spacing", top)), (0, css_1.getResponsiveProps)("r", "right", "spacing", right)), (0, css_1.getResponsiveProps)("r", "bottom", "spacing", bottom)), (0, css_1.getResponsiveProps)("r", "left", "spacing", left)), (0, css_1.getResponsiveValue)("r", "overflow", overflow)), (0, css_1.getResponsiveValue)("r", "overflowx", overflowX)), (0, css_1.getResponsiveValue)("r", "overflowy", overflowY)), (0, css_1.getResponsiveValue)("r", "flex-basis", flexBasis)), (0, css_1.getResponsiveValue)("r", "flex-grow", flexGrow)), (0, css_1.getResponsiveValue)("r", "flex-shrink", flexShrink)), (0, css_1.getResponsiveValue)("r", "grid-column", gridColumn));
+    const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
+    const prefix = themeContext ? "ax" : "a";
+    const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (0, css_1.getResponsiveProps)(prefix, "r", "p", "spacing", padding)), (0, css_1.getResponsiveProps)(prefix, "r", "pi", "spacing", paddingInline)), (0, css_1.getResponsiveProps)(prefix, "r", "pb", "spacing", paddingBlock)), (0, css_1.getResponsiveProps)(prefix, "r", "m", "spacing", margin)), (0, css_1.getResponsiveProps)(prefix, "r", "mi", "spacing", marginInline)), (0, css_1.getResponsiveProps)(prefix, "r", "mb", "spacing", marginBlock)), (0, css_1.getResponsiveValue)(prefix, "r", "w", width)), (0, css_1.getResponsiveValue)(prefix, "r", "minw", minWidth)), (0, css_1.getResponsiveValue)(prefix, "r", "maxw", maxWidth)), (0, css_1.getResponsiveValue)(prefix, "r", "h", height)), (0, css_1.getResponsiveValue)(prefix, "r", "minh", minHeight)), (0, css_1.getResponsiveValue)(prefix, "r", "maxh", maxHeight)), (0, css_1.getResponsiveValue)(prefix, "r", "position", position)), (0, css_1.getResponsiveProps)(prefix, "r", "inset", "spacing", inset)), (0, css_1.getResponsiveProps)(prefix, "r", "top", "spacing", top)), (0, css_1.getResponsiveProps)(prefix, "r", "right", "spacing", right)), (0, css_1.getResponsiveProps)(prefix, "r", "bottom", "spacing", bottom)), (0, css_1.getResponsiveProps)(prefix, "r", "left", "spacing", left)), (0, css_1.getResponsiveValue)(prefix, "r", "overflow", overflow)), (0, css_1.getResponsiveValue)(prefix, "r", "overflowx", overflowX)), (0, css_1.getResponsiveValue)(prefix, "r", "overflowy", overflowY)), (0, css_1.getResponsiveValue)(prefix, "r", "flex-basis", flexBasis)), (0, css_1.getResponsiveValue)(prefix, "r", "flex-grow", flexGrow)), (0, css_1.getResponsiveValue)(prefix, "r", "flex-shrink", flexShrink)), (0, css_1.getResponsiveValue)(prefix, "r", "grid-column", gridColumn));
     return (react_1.default.createElement(Slot_1.Slot, { className: (0, clsx_1.default)({
             className,
             "navds-r-p": padding,

package/cjs/layout/base/BasePrimitive.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasePrimitive.js","sourceRoot":"","sources":["../../../src/layout/base/BasePrimitive.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BasePrimitive.js","sourceRoot":"","sources":["../../../src/layout/base/BasePrimitive.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAsB;AACtB,kDAA0B;AAC1B,6CAAsD;AACtD,0CAAuC;AACvC,0CAA0E;AA4L7D,QAAA,eAAe,GAA6B;IACvD,WAAW;IACX,SAAS;IACT,eAAe;IACf,cAAc;IACd,QAAQ;IACR,cAAc;IACd,aAAa;IACb,OAAO;IACP,UAAU;IACV,UAAU;IACV,QAAQ;IACR,WAAW;IACX,WAAW;IACX,UAAU;IACV,OAAO;IACP,KAAK;IACL,OAAO;IACP,QAAQ;IACR,MAAM;IACN,UAAU;IACV,WAAW;IACX,WAAW;IACX,WAAW;IACX,UAAU;IACV,YAAY;IACZ,YAAY;CACb,CAAC;AAMK,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,EACH,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,GACS,EAAE,EAAE;IACvB,MAAM,YAAY,GAAG,IAAA,+BAAoB,EAAC,KAAK,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAEzC,MAAM,KAAK,qWAEN,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,GACxD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,GAC/D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,GAE9D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GACvD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,GAC9D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,GAE7D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAC3C,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,GACjD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,GACjD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,GAC5C,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,GAClD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,GAElD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,CAAC,GACrD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,GAC1D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GACtD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,GAC1D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,GAC5D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,GAExD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,CAAC,GACrD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,CAAC,GACvD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,CAAC,GAEvD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,CAAC,GACxD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,CAAC,GACtD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,UAAU,CAAC,GAE1D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,UAAU,CAAC,CAC9D,CAAC;IAEF,OAAO,CACL,8BAAC,WAAI,IACH,SAAS,EAAE,IAAA,cAAE,EAAC;YACZ,SAAS;YACT,WAAW,EAAE,OAAO;YACpB,YAAY,EAAE,aAAa;YAC3B,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,MAAM;YACnB,YAAY,EAAE,YAAY;YAC1B,YAAY,EAAE,WAAW;YACzB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,QAAQ;YACxB,cAAc,EAAE,QAAQ;YACxB,WAAW,EAAE,MAAM;YACnB,cAAc,EAAE,SAAS;YACzB,cAAc,EAAE,SAAS;YACzB,kBAAkB,EAAE,QAAQ;YAC5B,eAAe,EAAE,KAAK;YACtB,aAAa,EAAE,GAAG;YAClB,eAAe,EAAE,KAAK;YACtB,gBAAgB,EAAE,MAAM;YACxB,cAAc,EAAE,IAAI;YACpB,kBAAkB,EAAE,QAAQ;YAC5B,mBAAmB,EAAE,SAAS;YAC9B,mBAAmB,EAAE,SAAS;YAC9B,oBAAoB,EAAE,SAAS;YAC/B,mBAAmB,EAAE,QAAQ;YAC7B,qBAAqB,EAAE,UAAU;YACjC,qBAAqB,EAAE,UAAU;SAClC,CAAC,EACF,KAAK,EAAE,KAAK,IAEX,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAtGW,QAAA,aAAa,iBAsGxB;AAEF,kBAAe,qBAAa,CAAC"}

package/cjs/layout/bleed/Bleed.js

@@ -40,6 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Bleed = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const provider_1 = require("../../provider");
 const Slot_1 = require("../../slot/Slot");
 const css_1 = require("../utilities/css");
 /**
@@ -58,9 +59,11 @@ const css_1 = require("../utilities/css");
  */
 exports.Bleed = (0, react_1.forwardRef)((_a, ref) => {
     var { className, marginInline, marginBlock, reflectivePadding, style: _style, asChild } = _a, rest = __rest(_a, ["className", "marginInline", "marginBlock", "reflectivePadding", "style", "asChild"]);
-    let style = Object.assign(Object.assign(Object.assign({}, _style), (0, css_1.getResponsiveProps)("bleed", "margin-inline", "spacing", marginInline, true, ["0", "full", "px"])), (0, css_1.getResponsiveProps)("bleed", "margin-block", "spacing", marginBlock, true, ["0", "px"]));
+    const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
+    const prefix = themeContext ? "ax" : "a";
+    let style = Object.assign(Object.assign(Object.assign({}, _style), (0, css_1.getResponsiveProps)(prefix, "bleed", "margin-inline", "spacing", marginInline, true, ["0", "full", "px"])), (0, css_1.getResponsiveProps)(prefix, "bleed", "margin-block", "spacing", marginBlock, true, ["0", "px"]));
     if (reflectivePadding) {
-        style = Object.assign(Object.assign(Object.assign({}, style), (0, css_1.getResponsiveProps)("bleed", "padding-inline", "spacing", marginInline, false, ["0", "full", "px"])), (0, css_1.getResponsiveProps)("bleed", "padding-block", "spacing", marginBlock, false, ["0", "px"]));
+        style = Object.assign(Object.assign(Object.assign({}, style), (0, css_1.getResponsiveProps)(prefix, "bleed", "padding-inline", "spacing", marginInline, false, ["0", "full", "px"])), (0, css_1.getResponsiveProps)(prefix, "bleed", "padding-block", "spacing", marginBlock, false, ["0", "px"]));
     }
     const Comp = asChild ? Slot_1.Slot : "div";
     return (react_1.default.createElement(Comp, Object.assign({}, rest, { className: (0, clsx_1.default)("navds-bleed", className, {

package/cjs/layout/bleed/Bleed.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/layout/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,0CAAuC;AACvC,0CAAsD;AAoDtD;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,IAAI,KAAK,iDACJ,MAAM,GACN,IAAA,wBAAkB,EACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GAEE,IAAA,wBAAkB,EACnB,OAAO,EACP,cAAc,EACd,SAAS,EACT,WAAW,EACX,IAAI,EACJ,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,KAAK,iDACA,KAAK,GACL,IAAA,wBAAkB,EACnB,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GACE,IAAA,wBAAkB,EACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,8BAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE;YACtC,sBAAsB,EAAE,iBAAiB;SAC1C,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAK,CAAC"}
+{"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/layout/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,6CAAsD;AACtD,0CAAuC;AACvC,0CAAsD;AAoDtD;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,+BAAoB,EAAC,KAAK,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAEzC,IAAI,KAAK,iDACJ,MAAM,GACN,IAAA,wBAAkB,EACnB,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GAEE,IAAA,wBAAkB,EACnB,MAAM,EACN,OAAO,EACP,cAAc,EACd,SAAS,EACT,WAAW,EACX,IAAI,EACJ,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,KAAK,iDACA,KAAK,GACL,IAAA,wBAAkB,EACnB,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GACE,IAAA,wBAAkB,EACnB,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,8BAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE;YACtC,sBAAsB,EAAE,iBAAiB;SAC1C,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAK,CAAC"}

package/cjs/layout/box/Box.d.ts

@@ -3,6 +3,7 @@ import { OverridableComponent } from "../../util/types";
 import { PrimitiveProps } from "../base/BasePrimitive";
 import { PrimitiveAsChildProps } from "../base/PrimitiveAsChildProps";
 import { BackgroundColorToken, BorderColorToken, BorderRadiiToken, ResponsiveProp, ShadowToken, SpaceDelimitedAttribute, SurfaceColorToken } from "../utilities/types";
+import BoxNew from "./Box.darkside";
 export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
     /**
      * CSS `background-color` property.
@@ -37,6 +38,9 @@ export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
      */
     shadow?: ShadowToken;
 } & PrimitiveProps & PrimitiveAsChildProps;
+interface BoxComponentType extends OverridableComponent<BoxProps, HTMLDivElement> {
+    New: typeof BoxNew;
+}
 /**
  * Foundational Layout-primitive for generic encapsulation & styling.
  *
@@ -64,5 +68,6 @@ export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
  *  </Box>
  * </VStack>
  */
-export declare const Box: OverridableComponent<BoxProps, HTMLDivElement>;
+export declare const BoxComponent: OverridableComponent<BoxProps, HTMLDivElement>;
+export declare const Box: BoxComponentType;
 export default Box;

package/cjs/layout/box/Box.darkside.d.ts

@@ -0,0 +1,70 @@
+import React from "react";
+import { BorderKeys } from "@navikt/ds-tokens/darkside/tokens/semantic-roles";
+import { OverridableComponent } from "../../util/types";
+import { PrimitiveProps } from "../base/BasePrimitive";
+import { PrimitiveAsChildProps } from "../base/PrimitiveAsChildProps";
+import { BorderRadiiToken, ResponsiveProp, SemanticRoleBgDarkside, SemanticShadowTokens, SemanticStaticBgDarkside, SemanticStaticBorderDarkside, SpaceDelimitedAttribute } from "../utilities/types";
+export type BoxNewProps = React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * CSS `background-color` property.
+     * Accepts a [background/surface color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#afff774dad80).
+     */
+    background?: SemanticStaticBgDarkside | SemanticRoleBgDarkside;
+    /**
+     * CSS `border-color` property.
+     * Accepts a [border color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#adb1767e2f87).
+     */
+    borderColor?: BorderKeys | SemanticStaticBorderDarkside;
+    /**
+     * CSS `border-radius` property.
+     * Accepts a [radius token](https://aksel.nav.no/grunnleggende/styling/design-tokens#6d79c5605d31)
+     * or an object of radius tokens for different breakpoints.
+     * @example
+     * borderRadius='full'
+     * borderRadius='0 full large small'
+     * borderRadius={{xs: 'small large', sm: '0', md: 'large', lg: 'full'}}
+     */
+    borderRadius?: ResponsiveProp<SpaceDelimitedAttribute<BorderRadiiToken>>;
+    /**
+     * CSS `border-width` property. If this is not set there will be no border.
+     * @example
+     * borderWidth='2'
+     * borderWidth='1 2 3 4'
+     */
+    borderWidth?: SpaceDelimitedAttribute<"0" | "1" | "2" | "3" | "4" | "5">;
+    /** Shadow on box. Accepts a shadow token.
+     * @example
+     * shadow='small'
+     */
+    shadow?: SemanticShadowTokens;
+} & PrimitiveProps & PrimitiveAsChildProps;
+/**
+ *
+ * Foundational Layout-primitive for generic encapsulation & styling.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/box)
+ * @see 🏷️ {@link BoxProps}
+ * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+ *
+ * @example
+ * <Box padding="4">
+ *   <BodyShort>Hei</BodyShort>
+ * </Box>
+ *
+ * @example
+ * <Box padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}>
+ *   <BodyShort>Hei</BodyShort>
+ * </Box>
+ *
+ * @example
+ * <VStack gap="8">
+ *  <Box padding="4">
+ *   <BodyShort>Hei</BodyShort>
+ *  </Box>
+ *  <Box padding="4">
+ *    <BodyShort>Hei</BodyShort>
+ *  </Box>
+ * </VStack>
+ */
+export declare const BoxNew: OverridableComponent<BoxNewProps, HTMLDivElement>;
+export default BoxNew;

package/cjs/layout/box/Box.darkside.js

@@ -0,0 +1,98 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoxNew = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const Slot_1 = require("../../slot/Slot");
+const util_1 = require("../../util");
+const BasePrimitive_1 = __importStar(require("../base/BasePrimitive"));
+const css_1 = require("../utilities/css");
+/**
+ *
+ * Foundational Layout-primitive for generic encapsulation & styling.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/box)
+ * @see 🏷️ {@link BoxProps}
+ * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+ *
+ * @example
+ * <Box padding="4">
+ *   <BodyShort>Hei</BodyShort>
+ * </Box>
+ *
+ * @example
+ * <Box padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}>
+ *   <BodyShort>Hei</BodyShort>
+ * </Box>
+ *
+ * @example
+ * <VStack gap="8">
+ *  <Box padding="4">
+ *   <BodyShort>Hei</BodyShort>
+ *  </Box>
+ *  <Box padding="4">
+ *    <BodyShort>Hei</BodyShort>
+ *  </Box>
+ * </VStack>
+ */
+exports.BoxNew = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, className, as: Component = "div", background, borderColor, borderWidth, borderRadius, shadow, style: _style, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "background", "borderColor", "borderWidth", "borderRadius", "shadow", "style", "asChild"]);
+    const style = Object.assign(Object.assign(Object.assign({}, _style), { "--__axc-box-background": background
+            ? `var(--ax-bg-${background})`
+            : undefined, "--__axc-box-shadow": shadow ? `var(--ax-shadow-${shadow})` : undefined, "--__axc-box-border-color": borderColor
+            ? `var(--ax-border-${borderColor})`
+            : undefined, "--__axc-box-border-width": borderWidth
+            ? borderWidth
+                .split(" ")
+                .map((x) => `${x}px`)
+                .join(" ")
+            : undefined }), (0, css_1.getResponsiveProps)("ax", "box", "border-radius", "border-radius", borderRadius, false, ["0"]));
+    const Comp = asChild ? Slot_1.Slot : Component;
+    return (react_1.default.createElement(BasePrimitive_1.default, Object.assign({}, rest),
+        react_1.default.createElement(Comp, Object.assign({}, (0, util_1.omit)(rest, BasePrimitive_1.PRIMITIVE_PROPS), { ref: ref, style: style, className: (0, clsx_1.default)("navds-box", className, {
+                "navds-box-bg": background,
+                "navds-box-border-color": borderColor,
+                "navds-box-border-width": borderWidth,
+                "navds-box-border-radius": borderRadius,
+                "navds-box-shadow": shadow,
+            }) }), children)));
+});
+exports.default = exports.BoxNew;
+//# sourceMappingURL=Box.darkside.js.map

package/cjs/layout/box/Box.darkside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.darkside.js","sourceRoot":"","sources":["../../../src/layout/box/Box.darkside.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAE1C,0CAAuC;AACvC,qCAAkC;AAElC,uEAG+B;AAE/B,0CAAsD;AA+CtD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAXT,yHAYC,CADQ;IAIT,MAAM,KAAK,iDACN,MAAM,KACT,wBAAwB,EAAE,UAAU;YAClC,CAAC,CAAC,eAAe,UAAU,GAAG;YAC9B,CAAC,CAAC,SAAS,EACb,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,EACvE,0BAA0B,EAAE,WAAW;YACrC,CAAC,CAAC,mBAAmB,WAAW,GAAG;YACnC,CAAC,CAAC,SAAS,EACb,0BAA0B,EAAE,WAAW;YACrC,CAAC,CAAC,WAAW;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC;YACd,CAAC,CAAC,SAAS,KACV,IAAA,wBAAkB,EACnB,IAAI,EACJ,KAAK,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,CAAC,CACN,CACF,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,8BAAC,uBAAa,oBAAK,IAAI;QACrB,8BAAC,IAAI,oBACC,IAAA,WAAI,EAAC,IAAI,EAAE,+BAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,cAAE,EAAC,WAAW,EAAE,SAAS,EAAE;gBACpC,cAAc,EAAE,UAAU;gBAC1B,wBAAwB,EAAE,WAAW;gBACrC,wBAAwB,EAAE,WAAW;gBACrC,yBAAyB,EAAE,YAAY;gBACvC,kBAAkB,EAAE,MAAM;aAC3B,CAAC,KAED,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,cAAM,CAAC"}

package/cjs/layout/box/Box.js

@@ -37,13 +37,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Box = void 0;
+exports.Box = exports.BoxComponent = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const provider_1 = require("../../provider");
 const Slot_1 = require("../../slot/Slot");
 const util_1 = require("../../util");
 const BasePrimitive_1 = __importStar(require("../base/BasePrimitive"));
 const css_1 = require("../utilities/css");
+const Box_darkside_1 = __importDefault(require("./Box.darkside"));
 /**
  * Foundational Layout-primitive for generic encapsulation & styling.
  *
@@ -71,18 +73,27 @@ const css_1 = require("../utilities/css");
  *  </Box>
  * </VStack>
  */
-exports.Box = (0, react_1.forwardRef)((_a, ref) => {
+exports.BoxComponent = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, as: Component = "div", background, borderColor, borderWidth, borderRadius, shadow, style: _style, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "background", "borderColor", "borderWidth", "borderRadius", "shadow", "style", "asChild"]);
-    const style = Object.assign(Object.assign(Object.assign({}, _style), { "--__ac-box-background": background
+    const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
+    if (process.env.NODE_ENV !== "production" &&
+        themeContext &&
+        (background || borderColor || shadow)) {
+        console.warn(`<Box /> with properties 'background', 'borderColor' or 'shadow' cannot be used with AkselTheme (darkmode-support). To continue using these properties, migrate to '<Box.New>'`);
+    }
+    const prefix = themeContext ? "ax" : "a";
+    const style = Object.assign(Object.assign(Object.assign({}, _style), { [`--__${prefix}c-box-background`]: background
             ? `var(--a-${background})`
-            : undefined, "--__ac-box-shadow": shadow ? `var(--a-shadow-${shadow})` : undefined, "--__ac-box-border-color": borderColor
+            : undefined, [`--__${prefix}c-box-shadow`]: shadow
+            ? `var(--a-shadow-${shadow})`
+            : undefined, [`--__${prefix}c-box-border-color`]: borderColor
             ? `var(--a-${borderColor})`
-            : undefined, "--__ac-box-border-width": borderWidth
+            : undefined, [`--__${prefix}c-box-border-width`]: borderWidth
             ? borderWidth
                 .split(" ")
                 .map((x) => `${x}px`)
                 .join(" ")
-            : undefined }), (0, css_1.getResponsiveProps)("box", "border-radius", "border-radius", borderRadius, false, ["0"]));
+            : undefined }), (0, css_1.getResponsiveProps)(prefix, "box", "border-radius", "border-radius", borderRadius, false, ["0"]));
     const Comp = asChild ? Slot_1.Slot : Component;
     return (react_1.default.createElement(BasePrimitive_1.default, Object.assign({}, rest),
         react_1.default.createElement(Comp, Object.assign({}, (0, util_1.omit)(rest, BasePrimitive_1.PRIMITIVE_PROPS), { ref: ref, style: style, className: (0, clsx_1.default)("navds-box", className, {
@@ -93,5 +104,7 @@ exports.Box = (0, react_1.forwardRef)((_a, ref) => {
                 "navds-box-shadow": shadow,
             }) }), children)));
 });
+exports.Box = exports.BoxComponent;
+exports.Box.New = Box_darkside_1.default;
 exports.default = exports.Box;
 //# sourceMappingURL=Box.js.map