@norges-domstoler/dds-components 24.1.1 → 24.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +217 -124
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +80 -69
- package/dist/index.d.cts +30 -12
- package/dist/index.d.mts +30 -12
- package/dist/index.mjs +214 -125
- package/dist/index.mjs.map +1 -1
- package/package.json +9 -9
package/dist/index.mjs
CHANGED
|
@@ -1094,51 +1094,10 @@ function handleElementWithBackdropUnmount(container) {
|
|
|
1094
1094
|
//#region src/components/helpers/Backdrop/Backdrop.module.css
|
|
1095
1095
|
var Backdrop_module_default = {
|
|
1096
1096
|
"backdrop": "dds-Backdrop-module__backdrop",
|
|
1097
|
-
"drawer": "dds-Backdrop-module__drawer",
|
|
1098
|
-
"modal": "dds-Backdrop-module__modal",
|
|
1099
1097
|
"backdrop--visible": "dds-Backdrop-module__backdrop--visible",
|
|
1100
1098
|
"backdrop--hidden": "dds-Backdrop-module__backdrop--hidden"
|
|
1101
1099
|
};
|
|
1102
1100
|
//#endregion
|
|
1103
|
-
//#region src/components/helpers/Backdrop/Backdrop.tsx
|
|
1104
|
-
/**
|
|
1105
|
-
* Backdrop-komponent, viser et bakgrunnslag for et element som skal låse applikasjonen i bakgrunnen (Modal el.l.).
|
|
1106
|
-
*
|
|
1107
|
-
* @component
|
|
1108
|
-
* @param {Object} props - Props for komponenten.
|
|
1109
|
-
* @param {boolean} [props.isMounted] - Angir om backdropen skal være synlig (`true`) eller skjult (`false`). Standard er `false`.
|
|
1110
|
-
* @param {'drawer' | 'modal'} props.zIndex - Bestemmer hvilken z-index-klasse som skal brukes, avhengig av konteksten (f.eks. drawer eller modal).
|
|
1111
|
-
* @param {React.ReactNode} [props.children] - Eventuelt innhold som skal vises inni backdropen.
|
|
1112
|
-
* @param {React.MouseEventHandler<HTMLDivElement>} [props.onClick] - Klikkhåndterer for backdropen, f.eks. for å lukke en modal.
|
|
1113
|
-
* @param {React.Ref<HTMLDivElement>} [props.ref] - Referanse til DOM-elementet.
|
|
1114
|
-
*
|
|
1115
|
-
* @returns {JSX.Element} Et `<div>`-element med riktige klasser basert på synlighet og z-index.
|
|
1116
|
-
|
|
1117
|
-
* @example
|
|
1118
|
-
* ```tsx
|
|
1119
|
-
* <Backdrop isMounted={true} zIndex="modal" onClick={handleClose}>
|
|
1120
|
-
* <ModalContent />
|
|
1121
|
-
* </Backdrop>
|
|
1122
|
-
* ```
|
|
1123
|
-
*/
|
|
1124
|
-
const Backdrop = ({ isMounted, zIndex, ...props }) => {
|
|
1125
|
-
const isMountedCn = isMounted ? "visible" : "hidden";
|
|
1126
|
-
return /* @__PURE__ */ jsx("div", {
|
|
1127
|
-
className: cn(Backdrop_module_default.backdrop, Backdrop_module_default[zIndex], Backdrop_module_default[`backdrop--${isMountedCn}`]),
|
|
1128
|
-
...props
|
|
1129
|
-
});
|
|
1130
|
-
};
|
|
1131
|
-
Backdrop.displayName = "Backdrop";
|
|
1132
|
-
//#endregion
|
|
1133
|
-
//#region src/components/helpers/Dropdown/DropdownItem.module.css
|
|
1134
|
-
var DropdownItem_module_default = {
|
|
1135
|
-
"item": "dds-DropdownItem-module__item",
|
|
1136
|
-
"default": "dds-DropdownItem-module__default",
|
|
1137
|
-
"danger": "dds-DropdownItem-module__danger",
|
|
1138
|
-
"item--interactive": "dds-DropdownItem-module__item--interactive",
|
|
1139
|
-
"item--loading": "dds-DropdownItem-module__item--loading"
|
|
1140
|
-
};
|
|
1141
|
-
//#endregion
|
|
1142
1101
|
//#region src/types/BaseComponentProps.ts
|
|
1143
1102
|
function pruneUndefined(obj) {
|
|
1144
1103
|
return Object.fromEntries(Object.entries(obj).filter(([, v]) => v !== void 0));
|
|
@@ -1261,31 +1220,6 @@ const isElevation = (value) => {
|
|
|
1261
1220
|
return typeof value === "string" && ELEVATIONS.includes(value);
|
|
1262
1221
|
};
|
|
1263
1222
|
//#endregion
|
|
1264
|
-
//#region src/components/Icon/Icon.tsx
|
|
1265
|
-
const getSize = (iconSize) => {
|
|
1266
|
-
switch (iconSize) {
|
|
1267
|
-
case "small": return "var(--dds-size-icon-small)";
|
|
1268
|
-
case "medium": return "var(--dds-size-icon-medium)";
|
|
1269
|
-
case "large": return "var(--dds-size-icon-large)";
|
|
1270
|
-
case "component": return "var(--dds-size-icon-component)";
|
|
1271
|
-
case "inherit": return "1em";
|
|
1272
|
-
default: return "var(--dds-size-icon-medium)";
|
|
1273
|
-
}
|
|
1274
|
-
};
|
|
1275
|
-
function Icon(props) {
|
|
1276
|
-
const { id, iconSize = "medium", color = "currentcolor", icon, className, style, htmlProps, iconState, ...rest } = props;
|
|
1277
|
-
const size = getSize(iconSize);
|
|
1278
|
-
return /* @__PURE__ */ jsx(icon, {
|
|
1279
|
-
...getBaseHTMLProps(id, className, style, htmlProps, rest),
|
|
1280
|
-
height: size,
|
|
1281
|
-
width: size,
|
|
1282
|
-
fill: color,
|
|
1283
|
-
"aria-hidden": htmlProps?.["aria-hidden"] ?? true,
|
|
1284
|
-
...iconState ? { iconState } : {}
|
|
1285
|
-
});
|
|
1286
|
-
}
|
|
1287
|
-
Icon.displayName = "Icon";
|
|
1288
|
-
//#endregion
|
|
1289
1223
|
//#region src/components/layout/common/layout.module.css
|
|
1290
1224
|
var layout_module_default = {
|
|
1291
1225
|
"dds-p": "dds-layout-module__dds-p",
|
|
@@ -1313,6 +1247,8 @@ var layout_module_default = {
|
|
|
1313
1247
|
"dds-display": "dds-layout-module__dds-display",
|
|
1314
1248
|
"dds-text-align": "dds-layout-module__dds-text-align",
|
|
1315
1249
|
"dds-word-break": "dds-layout-module__dds-word-break",
|
|
1250
|
+
"dds-z-index": "dds-layout-module__dds-z-index",
|
|
1251
|
+
"dds-flex": "dds-layout-module__dds-flex",
|
|
1316
1252
|
"dds-flex-dir": "dds-layout-module__dds-flex-dir",
|
|
1317
1253
|
"dds-gap": "dds-layout-module__dds-gap",
|
|
1318
1254
|
"dds-c-gap": "dds-layout-module__dds-c-gap",
|
|
@@ -1350,15 +1286,33 @@ const SPACING_SCALES = [
|
|
|
1350
1286
|
"x6",
|
|
1351
1287
|
"x10"
|
|
1352
1288
|
];
|
|
1289
|
+
const Z_INDEXES = [
|
|
1290
|
+
"skiptocontent",
|
|
1291
|
+
"modal-backdrop",
|
|
1292
|
+
"drawer",
|
|
1293
|
+
"drawer-backdrop",
|
|
1294
|
+
"overflowmenu",
|
|
1295
|
+
"popover",
|
|
1296
|
+
"tooltip",
|
|
1297
|
+
"dropdown",
|
|
1298
|
+
"sticky",
|
|
1299
|
+
"absolute-element"
|
|
1300
|
+
];
|
|
1353
1301
|
//#endregion
|
|
1354
1302
|
//#region src/components/layout/common/utils.tsx
|
|
1355
1303
|
const TOKEN_PREFIX = "dds";
|
|
1304
|
+
const hasValue = (value) => {
|
|
1305
|
+
return value !== void 0 && value !== null;
|
|
1306
|
+
};
|
|
1356
1307
|
function isBreakpointObject(value) {
|
|
1357
1308
|
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
1358
1309
|
}
|
|
1359
1310
|
const isSpacingScale = (value) => {
|
|
1360
1311
|
return typeof value === "string" && SPACING_SCALES.includes(value);
|
|
1361
1312
|
};
|
|
1313
|
+
const isZIndex = (value) => {
|
|
1314
|
+
return typeof value === "string" && Z_INDEXES.includes(value);
|
|
1315
|
+
};
|
|
1362
1316
|
const isRelativeGridColumn = (type) => {
|
|
1363
1317
|
return type === "all" || type === "firstHalf" || type === "secondHalf";
|
|
1364
1318
|
};
|
|
@@ -1370,6 +1324,7 @@ function spacingPropToToken(value) {
|
|
|
1370
1324
|
}
|
|
1371
1325
|
const getSpacingToken = (v) => `var(--${TOKEN_PREFIX}-spacing-${spacingPropToToken(v)})`;
|
|
1372
1326
|
const getColorToken = (v) => `var(--${TOKEN_PREFIX}-color-${v})`;
|
|
1327
|
+
const getZIndexToken = (v) => `var(--${TOKEN_PREFIX}-zindex-${v})`;
|
|
1373
1328
|
const relativeGridColumnToken = (v, bp) => {
|
|
1374
1329
|
if (v === "all") return "1 / -1";
|
|
1375
1330
|
if (!bp) return "";
|
|
@@ -1379,6 +1334,7 @@ const getValue = (v, bp, invert) => {
|
|
|
1379
1334
|
let output;
|
|
1380
1335
|
if (isColor(v)) output = getColorToken(v);
|
|
1381
1336
|
else if (isSpacingScale(v)) output = getSpacingToken(v);
|
|
1337
|
+
else if (isZIndex(v)) output = getZIndexToken(v);
|
|
1382
1338
|
else if (isRelativeGridColumn(v)) output = relativeGridColumnToken(v, bp);
|
|
1383
1339
|
else output = v;
|
|
1384
1340
|
return invert ? invertValue(output) : output;
|
|
@@ -1399,10 +1355,10 @@ function getCSSProperties(property, prefix, suffix, invert) {
|
|
|
1399
1355
|
return properties;
|
|
1400
1356
|
}
|
|
1401
1357
|
function getResponsiveCSSProperties(property, prefix, suffix, invert) {
|
|
1402
|
-
if (
|
|
1358
|
+
if (property === void 0 || property === null) return;
|
|
1403
1359
|
const properties = {};
|
|
1404
1360
|
if (isBreakpointObject(property)) BREAKPOINTS.forEach((bp) => {
|
|
1405
|
-
if (property[bp]) properties[buildCSSKey(prefix, suffix, bp)] = convertMultiValue(property[bp].toString(), bp, invert);
|
|
1361
|
+
if (property[bp] !== void 0 && property[bp] !== null) properties[buildCSSKey(prefix, suffix, bp)] = convertMultiValue(property[bp].toString(), bp, invert);
|
|
1406
1362
|
});
|
|
1407
1363
|
else properties[buildCSSKey(prefix, suffix)] = convertMultiValue(property.toString(), void 0, invert);
|
|
1408
1364
|
return properties;
|
|
@@ -1457,7 +1413,7 @@ const ShowHide = ({ hideBelow, showBelow, className, style, htmlProps, id, as: C
|
|
|
1457
1413
|
ShowHide.displayName = "ShowHide";
|
|
1458
1414
|
//#endregion
|
|
1459
1415
|
//#region src/components/layout/Box/Box.tsx
|
|
1460
|
-
const Box = ({ id, className, style, padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, height, maxHeight, minHeight, width, maxWidth, minWidth, position, left, right, bottom, top, overflow, overflowX, overflowY, display, textAlign, flexDirection, gap, columnGap, rowGap, alignItems, alignContent, justifyItems, placeItems, justifyContent, flexWrap, flexBasis, flexFlow, wordBreak, htmlProps, ...rest }) => {
|
|
1416
|
+
const Box = ({ id, className, style, padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, height, maxHeight, minHeight, width, maxWidth, minWidth, position, left, right, bottom, top, overflow, overflowX, overflowY, display, textAlign, flex, flexDirection, gap, columnGap, rowGap, alignItems, alignContent, justifyItems, placeItems, justifyContent, flexWrap, flexBasis, flexFlow, wordBreak, zIndex, htmlProps, ...rest }) => {
|
|
1461
1417
|
const responsiveStyles = {
|
|
1462
1418
|
...getResponsiveCSSProperties(padding, "r", "p"),
|
|
1463
1419
|
...getResponsiveCSSProperties(paddingInline, "r", "p-i"),
|
|
@@ -1481,6 +1437,7 @@ const Box = ({ id, className, style, padding, paddingInline, paddingBlock, margi
|
|
|
1481
1437
|
...getResponsiveCSSProperties(overflowY, "r", "o-y"),
|
|
1482
1438
|
...getResponsiveCSSProperties(display, "r", "display"),
|
|
1483
1439
|
...getResponsiveCSSProperties(textAlign, "r", "text-align"),
|
|
1440
|
+
...getResponsiveCSSProperties(flex, "r", "flex"),
|
|
1484
1441
|
...getResponsiveCSSProperties(flexDirection, "r", "flex-dir"),
|
|
1485
1442
|
...getResponsiveCSSProperties(gap, "r", "gap"),
|
|
1486
1443
|
...getResponsiveCSSProperties(columnGap, "r", "c-gap"),
|
|
@@ -1493,9 +1450,10 @@ const Box = ({ id, className, style, padding, paddingInline, paddingBlock, margi
|
|
|
1493
1450
|
...getResponsiveCSSProperties(flexWrap, "r", "wrap"),
|
|
1494
1451
|
...getResponsiveCSSProperties(flexBasis, "r", "basis"),
|
|
1495
1452
|
...getResponsiveCSSProperties(flexFlow, "r", "flow"),
|
|
1496
|
-
...getResponsiveCSSProperties(wordBreak, "r", "word-break")
|
|
1453
|
+
...getResponsiveCSSProperties(wordBreak, "r", "word-break"),
|
|
1454
|
+
...getResponsiveCSSProperties(zIndex, "r", "z-index")
|
|
1497
1455
|
};
|
|
1498
|
-
return /* @__PURE__ */ jsx(ShowHide, { ...getBaseHTMLProps(id, cn(className, padding && layout_module_default["dds-p"], paddingInline && layout_module_default["dds-p-i"], paddingBlock && layout_module_default["dds-p-b"], margin && layout_module_default["dds-m"], marginInline && layout_module_default["dds-m-i"], marginBlock && layout_module_default["dds-m-b"], height && layout_module_default["dds-h"], maxHeight && layout_module_default["dds-max-h"], minHeight && layout_module_default["dds-min-h"], width && layout_module_default["dds-w"], maxWidth && layout_module_default["dds-max-w"], minWidth && layout_module_default["dds-min-w"], position && layout_module_default["dds-pos"], left && layout_module_default["dds-l"], right && layout_module_default["dds-r"], top && layout_module_default["dds-t"], bottom && layout_module_default["dds-b"], overflow && layout_module_default["dds-o"], overflowX && layout_module_default["dds-o-x"], overflowY && layout_module_default["dds-o-y"], display && layout_module_default["dds-display"], textAlign && layout_module_default["dds-text-align"], flexDirection && layout_module_default["dds-flex-dir"], gap && layout_module_default["dds-gap"], columnGap && layout_module_default["dds-c-gap"], rowGap && layout_module_default["dds-r-gap"], alignContent && layout_module_default["dds-a-c"], alignItems && layout_module_default["dds-a-i"], justifyContent && layout_module_default["dds-j-c"], justifyItems && layout_module_default["dds-j-i"], placeItems && layout_module_default["dds-pl-i"], flexWrap && layout_module_default["dds-wrap"], flexBasis && layout_module_default["dds-basis"], flexFlow && layout_module_default["dds-flow"], wordBreak && layout_module_default["dds-word-break"]), {
|
|
1456
|
+
return /* @__PURE__ */ jsx(ShowHide, { ...getBaseHTMLProps(id, cn(className, hasValue(padding) && layout_module_default["dds-p"], hasValue(paddingInline) && layout_module_default["dds-p-i"], hasValue(paddingBlock) && layout_module_default["dds-p-b"], hasValue(margin) && layout_module_default["dds-m"], hasValue(marginInline) && layout_module_default["dds-m-i"], hasValue(marginBlock) && layout_module_default["dds-m-b"], hasValue(height) && layout_module_default["dds-h"], hasValue(maxHeight) && layout_module_default["dds-max-h"], hasValue(minHeight) && layout_module_default["dds-min-h"], hasValue(width) && layout_module_default["dds-w"], hasValue(maxWidth) && layout_module_default["dds-max-w"], hasValue(minWidth) && layout_module_default["dds-min-w"], hasValue(position) && layout_module_default["dds-pos"], hasValue(left) && layout_module_default["dds-l"], hasValue(right) && layout_module_default["dds-r"], hasValue(top) && layout_module_default["dds-t"], hasValue(bottom) && layout_module_default["dds-b"], hasValue(overflow) && layout_module_default["dds-o"], hasValue(overflowX) && layout_module_default["dds-o-x"], hasValue(overflowY) && layout_module_default["dds-o-y"], hasValue(display) && layout_module_default["dds-display"], hasValue(textAlign) && layout_module_default["dds-text-align"], hasValue(flex) && layout_module_default["dds-flex"], hasValue(flexDirection) && layout_module_default["dds-flex-dir"], hasValue(gap) && layout_module_default["dds-gap"], hasValue(columnGap) && layout_module_default["dds-c-gap"], hasValue(rowGap) && layout_module_default["dds-r-gap"], hasValue(alignContent) && layout_module_default["dds-a-c"], hasValue(alignItems) && layout_module_default["dds-a-i"], hasValue(justifyContent) && layout_module_default["dds-j-c"], hasValue(justifyItems) && layout_module_default["dds-j-i"], hasValue(placeItems) && layout_module_default["dds-pl-i"], hasValue(flexWrap) && layout_module_default["dds-wrap"], hasValue(flexBasis) && layout_module_default["dds-basis"], hasValue(flexFlow) && layout_module_default["dds-flow"], hasValue(wordBreak) && layout_module_default["dds-word-break"], hasValue(zIndex) && layout_module_default["dds-z-index"]), {
|
|
1499
1457
|
...style,
|
|
1500
1458
|
...responsiveStyles
|
|
1501
1459
|
}, htmlProps, rest) });
|
|
@@ -1513,7 +1471,7 @@ const Bleed = ({ id, className, style, htmlProps, bleedMarginBlock, bleedMarginI
|
|
|
1513
1471
|
...getResponsiveCSSProperties(bleedMarginBlock, "r", "bleed-m-b", true),
|
|
1514
1472
|
...reflStyles
|
|
1515
1473
|
};
|
|
1516
|
-
return /* @__PURE__ */ jsx(Box, { ...getBaseHTMLProps(id, cn(className, bleedMarginInline && layout_module_default["dds-bleed-m-i"], bleedMarginBlock && layout_module_default["dds-bleed-m-b"], bleedMarginInline && reflectivePadding && layout_module_default["dds-p-i"], bleedMarginBlock && reflectivePadding && layout_module_default["dds-p-b"]), {
|
|
1474
|
+
return /* @__PURE__ */ jsx(Box, { ...getBaseHTMLProps(id, cn(className, hasValue(bleedMarginInline) && layout_module_default["dds-bleed-m-i"], hasValue(bleedMarginBlock) && layout_module_default["dds-bleed-m-b"], hasValue(bleedMarginInline) && reflectivePadding && layout_module_default["dds-p-i"], hasValue(bleedMarginBlock) && reflectivePadding && layout_module_default["dds-p-b"]), {
|
|
1517
1475
|
...style,
|
|
1518
1476
|
...responsiveStyles
|
|
1519
1477
|
}, htmlProps, rest) });
|
|
@@ -1589,7 +1547,7 @@ const Grid = ({ id, className, htmlProps, defaultPageLayout = true, display = "g
|
|
|
1589
1547
|
...getResponsiveCSSProperties(gridTemplateAreas, "r", "grid-template-areas")
|
|
1590
1548
|
};
|
|
1591
1549
|
return /* @__PURE__ */ jsx(Box, {
|
|
1592
|
-
...getBaseHTMLProps(id, cn(className, resolvedGridTemplateColumns && Grid_module_default["dds-grid-template-columns"], grid && Grid_module_default["dds-grid"], gridAutoColumns && Grid_module_default["dds-grid-auto-columns"], gridAutoFlow && Grid_module_default["dds-grid-auto-flow"], gridAutoRows && Grid_module_default["dds-grid-auto-rows"], gridTemplate && Grid_module_default["dds-grid-template"], gridTemplateRows && Grid_module_default["dds-grid-template-rows"], gridTemplateAreas && Grid_module_default["dds-grid-template-areas"]), {
|
|
1550
|
+
...getBaseHTMLProps(id, cn(className, hasValue(resolvedGridTemplateColumns) && Grid_module_default["dds-grid-template-columns"], hasValue(grid) && Grid_module_default["dds-grid"], hasValue(gridAutoColumns) && Grid_module_default["dds-grid-auto-columns"], hasValue(gridAutoFlow) && Grid_module_default["dds-grid-auto-flow"], hasValue(gridAutoRows) && Grid_module_default["dds-grid-auto-rows"], hasValue(gridTemplate) && Grid_module_default["dds-grid-template"], hasValue(gridTemplateRows) && Grid_module_default["dds-grid-template-rows"], hasValue(gridTemplateAreas) && Grid_module_default["dds-grid-template-areas"]), {
|
|
1593
1551
|
...style,
|
|
1594
1552
|
...styleVariables
|
|
1595
1553
|
}, htmlProps, rest),
|
|
@@ -1609,7 +1567,7 @@ const GridChild = ({ id, className, htmlProps, style, gridRow, gridArea, justify
|
|
|
1609
1567
|
...getResponsiveCSSProperties(justifySelf, "r", "j-self"),
|
|
1610
1568
|
...getResponsiveCSSProperties(columnsOccupied, "r", "grid-column")
|
|
1611
1569
|
};
|
|
1612
|
-
return /* @__PURE__ */ jsx(Box, { ...getBaseHTMLProps(id, cn(className, Grid_module_default["child-col-count"], gridRow && Grid_module_default["dds-grid-row"], gridArea && Grid_module_default["dds-grid-area"], justifySelf && Grid_module_default["dds-j-self"], columnsOccupied && Grid_module_default["dds-grid-column"], columnsOccupied === "firstHalf" && Grid_module_default["child--first-half"], columnsOccupied === "secondHalf" && Grid_module_default["child--second-half"]), {
|
|
1570
|
+
return /* @__PURE__ */ jsx(Box, { ...getBaseHTMLProps(id, cn(className, Grid_module_default["child-col-count"], hasValue(gridRow) && Grid_module_default["dds-grid-row"], hasValue(gridArea) && Grid_module_default["dds-grid-area"], hasValue(justifySelf) && Grid_module_default["dds-j-self"], hasValue(columnsOccupied) && Grid_module_default["dds-grid-column"], columnsOccupied === "firstHalf" && Grid_module_default["child--first-half"], columnsOccupied === "secondHalf" && Grid_module_default["child--second-half"]), {
|
|
1613
1571
|
...style,
|
|
1614
1572
|
...styleVariables
|
|
1615
1573
|
}, htmlProps, rest) });
|
|
@@ -1668,6 +1626,80 @@ const HStack = ({ id, className, style, htmlProps, ...rest }) => {
|
|
|
1668
1626
|
};
|
|
1669
1627
|
HStack.displayName = "HStack";
|
|
1670
1628
|
//#endregion
|
|
1629
|
+
//#region src/components/helpers/Backdrop/Backdrop.tsx
|
|
1630
|
+
/**
|
|
1631
|
+
* Backdrop-komponent, viser et bakgrunnslag for et element som skal låse applikasjonen i bakgrunnen (Modal el.l.).
|
|
1632
|
+
*
|
|
1633
|
+
* @component
|
|
1634
|
+
* @param {Object} props - Props for komponenten.
|
|
1635
|
+
* @param {boolean} [props.isMounted] - Angir om backdropen skal være synlig (`true`) eller skjult (`false`). Standard er `false`.
|
|
1636
|
+
* @param {'drawer' | 'modal'} props.zIndex - Bestemmer hvilken z-index-klasse som skal brukes, avhengig av konteksten (f.eks. drawer eller modal).
|
|
1637
|
+
* @param {React.ReactNode} [props.children] - Eventuelt innhold som skal vises inni backdropen.
|
|
1638
|
+
* @param {React.MouseEventHandler<HTMLDivElement>} [props.onClick] - Klikkhåndterer for backdropen, f.eks. for å lukke en modal.
|
|
1639
|
+
* @param {React.Ref<HTMLDivElement>} [props.ref] - Referanse til DOM-elementet.
|
|
1640
|
+
*
|
|
1641
|
+
* @returns {JSX.Element} Et `<div>`-element med riktige klasser basert på synlighet og z-index.
|
|
1642
|
+
|
|
1643
|
+
* @example
|
|
1644
|
+
* ```tsx
|
|
1645
|
+
* <Backdrop isMounted={true} zIndex="modal" onClick={handleClose}>
|
|
1646
|
+
* <ModalContent />
|
|
1647
|
+
* </Backdrop>
|
|
1648
|
+
* ```
|
|
1649
|
+
*/
|
|
1650
|
+
const Backdrop = ({ isMounted, zIndex, ...props }) => {
|
|
1651
|
+
const isMountedCn = isMounted ? "visible" : "hidden";
|
|
1652
|
+
return /* @__PURE__ */ jsx(Box, {
|
|
1653
|
+
className: cn(Backdrop_module_default.backdrop, Backdrop_module_default[`backdrop--${isMountedCn}`]),
|
|
1654
|
+
position: "fixed",
|
|
1655
|
+
display: "flex",
|
|
1656
|
+
alignItems: "center",
|
|
1657
|
+
justifyContent: "center",
|
|
1658
|
+
top: 0,
|
|
1659
|
+
left: 0,
|
|
1660
|
+
right: 0,
|
|
1661
|
+
bottom: 0,
|
|
1662
|
+
overflowY: "auto",
|
|
1663
|
+
zIndex: `${zIndex}-backdrop`,
|
|
1664
|
+
...props
|
|
1665
|
+
});
|
|
1666
|
+
};
|
|
1667
|
+
Backdrop.displayName = "Backdrop";
|
|
1668
|
+
//#endregion
|
|
1669
|
+
//#region src/components/helpers/Dropdown/DropdownItem.module.css
|
|
1670
|
+
var DropdownItem_module_default = {
|
|
1671
|
+
"item": "dds-DropdownItem-module__item",
|
|
1672
|
+
"default": "dds-DropdownItem-module__default",
|
|
1673
|
+
"danger": "dds-DropdownItem-module__danger",
|
|
1674
|
+
"item--interactive": "dds-DropdownItem-module__item--interactive",
|
|
1675
|
+
"item--loading": "dds-DropdownItem-module__item--loading"
|
|
1676
|
+
};
|
|
1677
|
+
//#endregion
|
|
1678
|
+
//#region src/components/Icon/Icon.tsx
|
|
1679
|
+
const getSize = (iconSize) => {
|
|
1680
|
+
switch (iconSize) {
|
|
1681
|
+
case "small": return "var(--dds-size-icon-small)";
|
|
1682
|
+
case "medium": return "var(--dds-size-icon-medium)";
|
|
1683
|
+
case "large": return "var(--dds-size-icon-large)";
|
|
1684
|
+
case "component": return "var(--dds-size-icon-component)";
|
|
1685
|
+
case "inherit": return "1em";
|
|
1686
|
+
default: return "var(--dds-size-icon-medium)";
|
|
1687
|
+
}
|
|
1688
|
+
};
|
|
1689
|
+
function Icon(props) {
|
|
1690
|
+
const { id, iconSize = "medium", color = "currentcolor", icon, className, style, htmlProps, iconState, ...rest } = props;
|
|
1691
|
+
const size = getSize(iconSize);
|
|
1692
|
+
return /* @__PURE__ */ jsx(icon, {
|
|
1693
|
+
...getBaseHTMLProps(id, className, style, htmlProps, rest),
|
|
1694
|
+
height: size,
|
|
1695
|
+
width: size,
|
|
1696
|
+
fill: color,
|
|
1697
|
+
"aria-hidden": htmlProps?.["aria-hidden"] ?? true,
|
|
1698
|
+
...iconState ? { iconState } : {}
|
|
1699
|
+
});
|
|
1700
|
+
}
|
|
1701
|
+
Icon.displayName = "Icon";
|
|
1702
|
+
//#endregion
|
|
1671
1703
|
//#region src/components/Spinner/Spinner.module.css
|
|
1672
1704
|
var Spinner_module_default = {
|
|
1673
1705
|
"svg": "dds-Spinner-module__svg",
|
|
@@ -2126,6 +2158,14 @@ function ArrowUpIcon(props) {
|
|
|
2126
2158
|
});
|
|
2127
2159
|
}
|
|
2128
2160
|
//#endregion
|
|
2161
|
+
//#region src/components/Icon/icons/arrowUpRight.tsx
|
|
2162
|
+
function ArrowUpRightIcon(props) {
|
|
2163
|
+
return /* @__PURE__ */ jsxs(SvgWrapper, {
|
|
2164
|
+
...props,
|
|
2165
|
+
children: [/* @__PURE__ */ jsx("path", { d: "M16.25 17V7.75H7C6.58579 7.75 6.25 7.41421 6.25 7C6.25 6.58579 6.58579 6.25 7 6.25H17C17.4142 6.25 17.75 6.58579 17.75 7V17C17.75 17.4142 17.4142 17.75 17 17.75C16.5858 17.75 16.25 17.4142 16.25 17Z" }), /* @__PURE__ */ jsx("path", { d: "M16.4697 6.46973C16.7626 6.17683 17.2374 6.17683 17.5303 6.46973C17.8232 6.76262 17.8232 7.23738 17.5303 7.53027L7.53027 17.5303C7.23738 17.8232 6.76262 17.8232 6.46973 17.5303C6.17683 17.2374 6.17683 16.7626 6.46973 16.4697L16.4697 6.46973Z" })]
|
|
2166
|
+
});
|
|
2167
|
+
}
|
|
2168
|
+
//#endregion
|
|
2129
2169
|
//#region src/components/Icon/icons/attachment.tsx
|
|
2130
2170
|
function AttachmentIcon(props) {
|
|
2131
2171
|
return /* @__PURE__ */ jsx(SvgWrapper, {
|
|
@@ -2461,6 +2501,31 @@ function DeathsIcon(props) {
|
|
|
2461
2501
|
});
|
|
2462
2502
|
}
|
|
2463
2503
|
//#endregion
|
|
2504
|
+
//#region src/components/Icon/icons/desktop.tsx
|
|
2505
|
+
function DesktopIcon(props) {
|
|
2506
|
+
return /* @__PURE__ */ jsxs(SvgWrapper, {
|
|
2507
|
+
...props,
|
|
2508
|
+
children: [
|
|
2509
|
+
/* @__PURE__ */ jsx("path", { d: "M11.25 21V17C11.25 16.5858 11.5858 16.25 12 16.25C12.4142 16.25 12.75 16.5858 12.75 17V21C12.75 21.4142 12.4142 21.75 12 21.75C11.5858 21.75 11.25 21.4142 11.25 21Z" }),
|
|
2510
|
+
/* @__PURE__ */ jsx("path", { d: "M18 20.25C18.4142 20.25 18.75 20.5858 18.75 21C18.75 21.4142 18.4142 21.75 18 21.75L6 21.75C5.58579 21.75 5.25 21.4142 5.25 21C5.25 20.5858 5.58579 20.25 6 20.25L18 20.25Z" }),
|
|
2511
|
+
/* @__PURE__ */ jsx("path", { d: "M21.25 6C21.25 5.30964 20.6904 4.75 20 4.75H4C3.30964 4.75 2.75 5.30964 2.75 6V15C2.75 15.6904 3.30964 16.25 4 16.25H20C20.6904 16.25 21.25 15.6904 21.25 15V6ZM22.75 15C22.75 16.5188 21.5188 17.75 20 17.75H4C2.48122 17.75 1.25 16.5188 1.25 15V6C1.25 4.48122 2.48122 3.25 4 3.25H20C21.5188 3.25 22.75 4.48122 22.75 6V15Z" })
|
|
2512
|
+
]
|
|
2513
|
+
});
|
|
2514
|
+
}
|
|
2515
|
+
//#endregion
|
|
2516
|
+
//#region src/components/Icon/icons/desktopMobile.tsx
|
|
2517
|
+
function DesktopMobileIcon(props) {
|
|
2518
|
+
return /* @__PURE__ */ jsxs(SvgWrapper, {
|
|
2519
|
+
...props,
|
|
2520
|
+
children: [
|
|
2521
|
+
/* @__PURE__ */ jsx("path", { d: "M19.25 8.5V6C19.25 5.66848 19.1182 5.35063 18.8838 5.11621C18.6494 4.88179 18.3315 4.75 18 4.75H4C3.66848 4.75 3.35063 4.88179 3.11621 5.11621C2.88179 5.35063 2.75 5.66848 2.75 6V15C2.75 15.3315 2.88179 15.6494 3.11621 15.8838C3.35063 16.1182 3.66848 16.25 4 16.25H12.5C12.9142 16.25 13.25 16.5858 13.25 17C13.25 17.4142 12.9142 17.75 12.5 17.75H4C3.27065 17.75 2.57139 17.4601 2.05566 16.9443C1.53994 16.4286 1.25 15.7293 1.25 15V6C1.25 5.27065 1.53994 4.57139 2.05566 4.05566C2.57139 3.53994 3.27065 3.25 4 3.25H18C18.7293 3.25 19.4286 3.53994 19.9443 4.05566C20.4601 4.57139 20.75 5.27065 20.75 6V8.5C20.75 8.91421 20.4142 9.25 20 9.25C19.5858 9.25 19.25 8.91421 19.25 8.5Z" }),
|
|
2522
|
+
/* @__PURE__ */ jsx("path", { d: "M10.25 21V17C10.25 16.5858 10.5858 16.25 11 16.25C11.4142 16.25 11.75 16.5858 11.75 17V21C11.75 21.4142 11.4142 21.75 11 21.75C10.5858 21.75 10.25 21.4142 10.25 21Z" }),
|
|
2523
|
+
/* @__PURE__ */ jsx("path", { d: "M13 20.25C13.4142 20.25 13.75 20.5858 13.75 21C13.75 21.4142 13.4142 21.75 13 21.75H6C5.58579 21.75 5.25 21.4142 5.25 21C5.25 20.5858 5.58579 20.25 6 20.25H13Z" }),
|
|
2524
|
+
/* @__PURE__ */ jsx("path", { d: "M21.25 14C21.25 13.3096 20.6904 12.75 20 12.75H18C17.3096 12.75 16.75 13.3096 16.75 14V20C16.75 20.6904 17.3096 21.25 18 21.25H20C20.6904 21.25 21.25 20.6904 21.25 20V14ZM22.75 20C22.75 21.5188 21.5188 22.75 20 22.75H18C16.4812 22.75 15.25 21.5188 15.25 20V14C15.25 12.4812 16.4812 11.25 18 11.25H20C21.5188 11.25 22.75 12.4812 22.75 14V20Z" })
|
|
2525
|
+
]
|
|
2526
|
+
});
|
|
2527
|
+
}
|
|
2528
|
+
//#endregion
|
|
2464
2529
|
//#region src/components/Icon/icons/doubleChevronLeft.tsx
|
|
2465
2530
|
function DoubleChevronLeftIcon(props) {
|
|
2466
2531
|
return /* @__PURE__ */ jsxs(SvgWrapper, {
|
|
@@ -3404,6 +3469,59 @@ function StarHalfFilledIcon(props) {
|
|
|
3404
3469
|
});
|
|
3405
3470
|
}
|
|
3406
3471
|
//#endregion
|
|
3472
|
+
//#region src/components/Icon/icons/stickyNote.tsx
|
|
3473
|
+
function StickyNoteIcon(props) {
|
|
3474
|
+
return /* @__PURE__ */ jsx(SvgWrapper, {
|
|
3475
|
+
...props,
|
|
3476
|
+
children: /* @__PURE__ */ jsx("path", { d: "M2.25 19V5C2.25 4.27066 2.53994 3.57139 3.05566 3.05566C3.57139 2.53994 4.27066 2.25 5 2.25H15V2.25098C15.4151 2.2502 15.8263 2.33056 16.21 2.48926C16.5939 2.64814 16.9429 2.88158 17.2363 3.17578L20.8232 6.7627C21.1179 7.05626 21.3517 7.40573 21.5107 7.79004C21.6694 8.17367 21.7508 8.58486 21.75 9V19C21.75 19.7293 21.4601 20.4286 20.9443 20.9443C20.4286 21.4601 19.7293 21.75 19 21.75H5C4.27065 21.75 3.57139 21.4601 3.05566 20.9443C2.53994 20.4286 2.25 19.7293 2.25 19ZM15.75 8C15.75 8.0663 15.7764 8.12987 15.8232 8.17676C15.8701 8.22364 15.9337 8.25 16 8.25H20.0713C19.9921 8.09336 19.8894 7.94947 19.7646 7.8252L16.1748 4.23535C16.0505 4.11063 15.9066 4.00793 15.75 3.92871V8ZM3.75 19C3.75 19.3315 3.88179 19.6494 4.11621 19.8838C4.35063 20.1182 4.66848 20.25 5 20.25H19C19.3315 20.25 19.6494 20.1182 19.8838 19.8838C20.1182 19.6494 20.25 19.3315 20.25 19V9.75H16C15.5359 9.75 15.0909 9.56549 14.7627 9.2373C14.4345 8.90912 14.25 8.46413 14.25 8V3.75H5C4.66848 3.75 4.35063 3.88179 4.11621 4.11621C3.88179 4.35063 3.75 4.66848 3.75 5V19Z" })
|
|
3477
|
+
});
|
|
3478
|
+
}
|
|
3479
|
+
//#endregion
|
|
3480
|
+
//#region src/components/Icon/icons/support.tsx
|
|
3481
|
+
function SupportIcon(props) {
|
|
3482
|
+
return /* @__PURE__ */ jsxs(SvgWrapper, {
|
|
3483
|
+
...props,
|
|
3484
|
+
children: [/* @__PURE__ */ jsx("path", { d: "M7.25 13C7.25 12.6685 7.11821 12.3506 6.88379 12.1162C6.64937 11.8818 6.33152 11.75 6 11.75H3.75V16C3.75 16.3315 3.88179 16.6494 4.11621 16.8838C4.35063 17.1182 4.66848 17.25 5 17.25H6C6.33152 17.25 6.64937 17.1182 6.88379 16.8838C7.0888 16.6788 7.21564 16.41 7.24414 16.124L7.25 16V13ZM8.75 16C8.75 16.7293 8.46006 17.4286 7.94434 17.9443C7.42861 18.4601 6.72935 18.75 6 18.75H5C4.27065 18.75 3.57139 18.4601 3.05566 17.9443C2.53994 17.4286 2.25 16.7293 2.25 16V11C2.25 9.71961 2.5022 8.45148 2.99219 7.26855C3.48217 6.08573 4.20016 5.01078 5.10547 4.10547C6.01078 3.20016 7.08573 2.48217 8.26855 1.99219C9.45148 1.5022 10.7196 1.25 12 1.25C13.2804 1.25 14.5485 1.5022 15.7314 1.99219C16.9143 2.48217 17.9892 3.20016 18.8945 4.10547C19.7998 5.01078 20.5178 6.08573 21.0078 7.26855C21.4978 8.45148 21.75 9.71961 21.75 11V16C21.75 16.7293 21.4601 17.4286 20.9443 17.9443C20.4286 18.4601 19.7293 18.75 19 18.75H18C17.2707 18.75 16.5714 18.4601 16.0557 17.9443C15.6043 17.493 15.3261 16.9011 15.2637 16.2715L15.25 16V13C15.25 12.2707 15.5399 11.5714 16.0557 11.0557C16.5714 10.5399 17.2707 10.25 18 10.25H20.2148C20.1394 9.42375 19.9407 8.61195 19.6221 7.84277C19.2075 6.84186 18.6001 5.93209 17.834 5.16602C17.0679 4.39995 16.1581 3.79253 15.1572 3.37793C14.1563 2.96333 13.0834 2.75 12 2.75C10.9166 2.75 9.84371 2.96333 8.84277 3.37793C7.84186 3.79253 6.93209 4.39995 6.16602 5.16602C5.39995 5.93209 4.79253 6.84186 4.37793 7.84277C4.05933 8.61195 3.86059 9.42375 3.78516 10.25H6C6.72935 10.25 7.42861 10.5399 7.94434 11.0557C8.46006 11.5714 8.75 12.2707 8.75 13V16ZM16.75 16C16.75 16.3315 16.8818 16.6494 17.1162 16.8838C17.3506 17.1182 17.6685 17.25 18 17.25H19C19.3315 17.25 19.6494 17.1182 19.8838 16.8838C20.1182 16.6494 20.25 16.3315 20.25 16V11.75H18C17.6685 11.75 17.3506 11.8818 17.1162 12.1162C16.8818 12.3506 16.75 12.6685 16.75 13V16Z" }), /* @__PURE__ */ jsx("path", { d: "M20.25 18V16C20.25 15.5858 20.5858 15.25 21 15.25C21.4142 15.25 21.75 15.5858 21.75 16V18C21.75 19.2598 21.2492 20.4676 20.3584 21.3584C19.4676 22.2492 18.2598 22.75 17 22.75H12C11.5858 22.75 11.25 22.4142 11.25 22C11.25 21.5858 11.5858 21.25 12 21.25H17C17.862 21.25 18.6884 20.9073 19.2979 20.2979C19.9073 19.6884 20.25 18.862 20.25 18Z" })]
|
|
3485
|
+
});
|
|
3486
|
+
}
|
|
3487
|
+
//#endregion
|
|
3488
|
+
//#region src/components/Icon/icons/sun.tsx
|
|
3489
|
+
function SunIcon(props) {
|
|
3490
|
+
return /* @__PURE__ */ jsxs(SvgWrapper, {
|
|
3491
|
+
...props,
|
|
3492
|
+
children: [
|
|
3493
|
+
/* @__PURE__ */ jsx("path", { d: "M16.25 12C16.25 9.65279 14.3472 7.75 12 7.75C9.65279 7.75 7.75 9.65279 7.75 12C7.75 14.3472 9.65279 16.25 12 16.25C14.3472 16.25 16.25 14.3472 16.25 12ZM17.75 12C17.75 15.1756 15.1756 17.75 12 17.75C8.82436 17.75 6.25 15.1756 6.25 12C6.25 8.82436 8.82436 6.25 12 6.25C15.1756 6.25 17.75 8.82436 17.75 12Z" }),
|
|
3494
|
+
/* @__PURE__ */ jsx("path", { d: "M11.25 4V2C11.25 1.58579 11.5858 1.25 12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V4C12.75 4.41421 12.4142 4.75 12 4.75C11.5858 4.75 11.25 4.41421 11.25 4Z" }),
|
|
3495
|
+
/* @__PURE__ */ jsx("path", { d: "M11.25 22V20C11.25 19.5858 11.5858 19.25 12 19.25C12.4142 19.25 12.75 19.5858 12.75 20V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22Z" }),
|
|
3496
|
+
/* @__PURE__ */ jsx("path", { d: "M4.39972 4.39966C4.69261 4.10677 5.16737 4.10677 5.46027 4.39966L6.87042 5.80981C7.16316 6.10272 7.16326 6.57752 6.87042 6.87036C6.57758 7.1632 6.10278 7.1631 5.80988 6.87036L4.39972 5.46021C4.10683 5.16731 4.10683 4.69255 4.39972 4.39966Z" }),
|
|
3497
|
+
/* @__PURE__ */ jsx("path", { d: "M17.1297 17.1296C17.4226 16.8367 17.8974 16.8367 18.1902 17.1296L19.6004 18.5398C19.8931 18.8327 19.8932 19.3075 19.6004 19.6003C19.3076 19.8932 18.8328 19.8931 18.5399 19.6003L17.1297 18.1902C16.8368 17.8973 16.8368 17.4225 17.1297 17.1296Z" }),
|
|
3498
|
+
/* @__PURE__ */ jsx("path", { d: "M4 11.25C4.41421 11.25 4.75 11.5858 4.75 12C4.75 12.4142 4.41421 12.75 4 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H4Z" }),
|
|
3499
|
+
/* @__PURE__ */ jsx("path", { d: "M22 11.25C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H20C19.5858 12.75 19.25 12.4142 19.25 12C19.25 11.5858 19.5858 11.25 20 11.25H22Z" }),
|
|
3500
|
+
/* @__PURE__ */ jsx("path", { d: "M5.80988 17.1296C6.10278 16.8368 6.57756 16.8368 6.87042 17.1296C7.16321 17.4225 7.16321 17.8973 6.87042 18.1902L5.46027 19.6003C5.16739 19.8931 4.69259 19.8931 4.39972 19.6003C4.10685 19.3075 4.1069 18.8327 4.39972 18.5398L5.80988 17.1296Z" }),
|
|
3501
|
+
/* @__PURE__ */ jsx("path", { d: "M18.5399 4.39966C18.8328 4.10684 19.3075 4.10679 19.6004 4.39966C19.8932 4.69253 19.8932 5.16733 19.6004 5.46021L18.1902 6.87036C17.8974 7.16315 17.4226 7.16315 17.1297 6.87036C16.8368 6.57749 16.8369 6.10271 17.1297 5.80981L18.5399 4.39966Z" })
|
|
3502
|
+
]
|
|
3503
|
+
});
|
|
3504
|
+
}
|
|
3505
|
+
//#endregion
|
|
3506
|
+
//#region src/components/Icon/icons/sunHalfFilled.tsx
|
|
3507
|
+
function SunHalfFilledIcon(props) {
|
|
3508
|
+
return /* @__PURE__ */ jsxs(SvgWrapper, {
|
|
3509
|
+
...props,
|
|
3510
|
+
children: [
|
|
3511
|
+
/* @__PURE__ */ jsx("path", { d: "M16.25 12C16.25 9.65279 14.3472 7.75 12 7.75C9.65279 7.75 7.75 9.65279 7.75 12C7.75 14.3472 9.65279 16.25 12 16.25C14.3472 16.25 16.25 14.3472 16.25 12ZM17.75 12C17.75 15.1756 15.1756 17.75 12 17.75C8.82436 17.75 6.25 15.1756 6.25 12C6.25 8.82436 8.82436 6.25 12 6.25C15.1756 6.25 17.75 8.82436 17.75 12Z" }),
|
|
3512
|
+
/* @__PURE__ */ jsx("path", { d: "M7 12C7 14.7614 9.23858 17 12 17V7C9.23858 7 7 9.23858 7 12Z" }),
|
|
3513
|
+
/* @__PURE__ */ jsx("path", { d: "M11.25 4V2C11.25 1.58579 11.5858 1.25 12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V4C12.75 4.41421 12.4142 4.75 12 4.75C11.5858 4.75 11.25 4.41421 11.25 4Z" }),
|
|
3514
|
+
/* @__PURE__ */ jsx("path", { d: "M11.25 22V20C11.25 19.5858 11.5858 19.25 12 19.25C12.4142 19.25 12.75 19.5858 12.75 20V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22Z" }),
|
|
3515
|
+
/* @__PURE__ */ jsx("path", { d: "M4.39972 4.39966C4.69261 4.10677 5.16737 4.10677 5.46027 4.39966L6.87042 5.80981C7.16316 6.10272 7.16326 6.57752 6.87042 6.87036C6.57758 7.1632 6.10278 7.1631 5.80988 6.87036L4.39972 5.46021C4.10683 5.16731 4.10683 4.69255 4.39972 4.39966Z" }),
|
|
3516
|
+
/* @__PURE__ */ jsx("path", { d: "M17.1297 17.1296C17.4226 16.8367 17.8974 16.8367 18.1902 17.1296L19.6004 18.5398C19.8931 18.8327 19.8932 19.3075 19.6004 19.6003C19.3076 19.8932 18.8328 19.8931 18.5399 19.6003L17.1297 18.1902C16.8368 17.8973 16.8368 17.4225 17.1297 17.1296Z" }),
|
|
3517
|
+
/* @__PURE__ */ jsx("path", { d: "M4 11.25C4.41421 11.25 4.75 11.5858 4.75 12C4.75 12.4142 4.41421 12.75 4 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H4Z" }),
|
|
3518
|
+
/* @__PURE__ */ jsx("path", { d: "M22 11.25C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H20C19.5858 12.75 19.25 12.4142 19.25 12C19.25 11.5858 19.5858 11.25 20 11.25H22Z" }),
|
|
3519
|
+
/* @__PURE__ */ jsx("path", { d: "M5.80988 17.1296C6.10278 16.8368 6.57756 16.8368 6.87042 17.1296C7.16321 17.4225 7.16321 17.8973 6.87042 18.1902L5.46027 19.6003C5.16739 19.8931 4.69259 19.8931 4.39972 19.6003C4.10685 19.3075 4.1069 18.8327 4.39972 18.5398L5.80988 17.1296Z" }),
|
|
3520
|
+
/* @__PURE__ */ jsx("path", { d: "M18.5399 4.39966C18.8328 4.10684 19.3075 4.10679 19.6004 4.39966C19.8932 4.69253 19.8932 5.16733 19.6004 5.46021L18.1902 6.87036C17.8974 7.16315 17.4226 7.16315 17.1297 6.87036C16.8368 6.57749 16.8369 6.10271 17.1297 5.80981L18.5399 4.39966Z" })
|
|
3521
|
+
]
|
|
3522
|
+
});
|
|
3523
|
+
}
|
|
3524
|
+
//#endregion
|
|
3407
3525
|
//#region src/components/Icon/icons/sync.tsx
|
|
3408
3526
|
function SyncIcon(props) {
|
|
3409
3527
|
return /* @__PURE__ */ jsx(SvgWrapper, {
|
|
@@ -3750,40 +3868,6 @@ function NotebookPenIcon(props) {
|
|
|
3750
3868
|
});
|
|
3751
3869
|
}
|
|
3752
3870
|
//#endregion
|
|
3753
|
-
//#region src/components/Icon/icons/stickyNote.tsx
|
|
3754
|
-
function StickyNoteIcon(props) {
|
|
3755
|
-
return /* @__PURE__ */ jsx(SvgWrapper, {
|
|
3756
|
-
...props,
|
|
3757
|
-
children: /* @__PURE__ */ jsx("path", { d: "M2.25 19V5C2.25 4.27066 2.53994 3.57139 3.05566 3.05566C3.57139 2.53994 4.27066 2.25 5 2.25H15V2.25098C15.4151 2.2502 15.8263 2.33056 16.21 2.48926C16.5939 2.64814 16.9429 2.88158 17.2363 3.17578L20.8232 6.7627C21.1179 7.05626 21.3517 7.40573 21.5107 7.79004C21.6694 8.17367 21.7508 8.58486 21.75 9V19C21.75 19.7293 21.4601 20.4286 20.9443 20.9443C20.4286 21.4601 19.7293 21.75 19 21.75H5C4.27065 21.75 3.57139 21.4601 3.05566 20.9443C2.53994 20.4286 2.25 19.7293 2.25 19ZM15.75 8C15.75 8.0663 15.7764 8.12987 15.8232 8.17676C15.8701 8.22364 15.9337 8.25 16 8.25H20.0713C19.9921 8.09336 19.8894 7.94947 19.7646 7.8252L16.1748 4.23535C16.0505 4.11063 15.9066 4.00793 15.75 3.92871V8ZM3.75 19C3.75 19.3315 3.88179 19.6494 4.11621 19.8838C4.35063 20.1182 4.66848 20.25 5 20.25H19C19.3315 20.25 19.6494 20.1182 19.8838 19.8838C20.1182 19.6494 20.25 19.3315 20.25 19V9.75H16C15.5359 9.75 15.0909 9.56549 14.7627 9.2373C14.4345 8.90912 14.25 8.46413 14.25 8V3.75H5C4.66848 3.75 4.35063 3.88179 4.11621 4.11621C3.88179 4.35063 3.75 4.66848 3.75 5V19Z" })
|
|
3758
|
-
});
|
|
3759
|
-
}
|
|
3760
|
-
//#endregion
|
|
3761
|
-
//#region src/components/Icon/icons/sun.tsx
|
|
3762
|
-
function SunIcon(props) {
|
|
3763
|
-
return /* @__PURE__ */ jsxs(SvgWrapper, {
|
|
3764
|
-
...props,
|
|
3765
|
-
children: [
|
|
3766
|
-
/* @__PURE__ */ jsx("path", { d: "M16.25 12C16.25 9.65279 14.3472 7.75 12 7.75C9.65279 7.75 7.75 9.65279 7.75 12C7.75 14.3472 9.65279 16.25 12 16.25C14.3472 16.25 16.25 14.3472 16.25 12ZM17.75 12C17.75 15.1756 15.1756 17.75 12 17.75C8.82436 17.75 6.25 15.1756 6.25 12C6.25 8.82436 8.82436 6.25 12 6.25C15.1756 6.25 17.75 8.82436 17.75 12Z" }),
|
|
3767
|
-
/* @__PURE__ */ jsx("path", { d: "M11.25 4V2C11.25 1.58579 11.5858 1.25 12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V4C12.75 4.41421 12.4142 4.75 12 4.75C11.5858 4.75 11.25 4.41421 11.25 4Z" }),
|
|
3768
|
-
/* @__PURE__ */ jsx("path", { d: "M11.25 22V20C11.25 19.5858 11.5858 19.25 12 19.25C12.4142 19.25 12.75 19.5858 12.75 20V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22Z" }),
|
|
3769
|
-
/* @__PURE__ */ jsx("path", { d: "M4.39972 4.39966C4.69261 4.10677 5.16737 4.10677 5.46027 4.39966L6.87042 5.80981C7.16316 6.10272 7.16326 6.57752 6.87042 6.87036C6.57758 7.1632 6.10278 7.1631 5.80988 6.87036L4.39972 5.46021C4.10683 5.16731 4.10683 4.69255 4.39972 4.39966Z" }),
|
|
3770
|
-
/* @__PURE__ */ jsx("path", { d: "M17.1297 17.1296C17.4226 16.8367 17.8974 16.8367 18.1902 17.1296L19.6004 18.5398C19.8931 18.8327 19.8932 19.3075 19.6004 19.6003C19.3076 19.8932 18.8328 19.8931 18.5399 19.6003L17.1297 18.1902C16.8368 17.8973 16.8368 17.4225 17.1297 17.1296Z" }),
|
|
3771
|
-
/* @__PURE__ */ jsx("path", { d: "M4 11.25C4.41421 11.25 4.75 11.5858 4.75 12C4.75 12.4142 4.41421 12.75 4 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H4Z" }),
|
|
3772
|
-
/* @__PURE__ */ jsx("path", { d: "M22 11.25C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H20C19.5858 12.75 19.25 12.4142 19.25 12C19.25 11.5858 19.5858 11.25 20 11.25H22Z" }),
|
|
3773
|
-
/* @__PURE__ */ jsx("path", { d: "M5.80988 17.1296C6.10278 16.8368 6.57756 16.8368 6.87042 17.1296C7.16321 17.4225 7.16321 17.8973 6.87042 18.1902L5.46027 19.6003C5.16739 19.8931 4.69259 19.8931 4.39972 19.6003C4.10685 19.3075 4.1069 18.8327 4.39972 18.5398L5.80988 17.1296Z" }),
|
|
3774
|
-
/* @__PURE__ */ jsx("path", { d: "M18.5399 4.39966C18.8328 4.10684 19.3075 4.10679 19.6004 4.39966C19.8932 4.69253 19.8932 5.16733 19.6004 5.46021L18.1902 6.87036C17.8974 7.16315 17.4226 7.16315 17.1297 6.87036C16.8368 6.57749 16.8369 6.10271 17.1297 5.80981L18.5399 4.39966Z" })
|
|
3775
|
-
]
|
|
3776
|
-
});
|
|
3777
|
-
}
|
|
3778
|
-
//#endregion
|
|
3779
|
-
//#region src/components/Icon/icons/support.tsx
|
|
3780
|
-
function SupportIcon(props) {
|
|
3781
|
-
return /* @__PURE__ */ jsxs(SvgWrapper, {
|
|
3782
|
-
...props,
|
|
3783
|
-
children: [/* @__PURE__ */ jsx("path", { d: "M7.25 13C7.25 12.6685 7.11821 12.3506 6.88379 12.1162C6.64937 11.8818 6.33152 11.75 6 11.75H3.75V16C3.75 16.3315 3.88179 16.6494 4.11621 16.8838C4.35063 17.1182 4.66848 17.25 5 17.25H6C6.33152 17.25 6.64937 17.1182 6.88379 16.8838C7.0888 16.6788 7.21564 16.41 7.24414 16.124L7.25 16V13ZM8.75 16C8.75 16.7293 8.46006 17.4286 7.94434 17.9443C7.42861 18.4601 6.72935 18.75 6 18.75H5C4.27065 18.75 3.57139 18.4601 3.05566 17.9443C2.53994 17.4286 2.25 16.7293 2.25 16V11C2.25 9.71961 2.5022 8.45148 2.99219 7.26855C3.48217 6.08573 4.20016 5.01078 5.10547 4.10547C6.01078 3.20016 7.08573 2.48217 8.26855 1.99219C9.45148 1.5022 10.7196 1.25 12 1.25C13.2804 1.25 14.5485 1.5022 15.7314 1.99219C16.9143 2.48217 17.9892 3.20016 18.8945 4.10547C19.7998 5.01078 20.5178 6.08573 21.0078 7.26855C21.4978 8.45148 21.75 9.71961 21.75 11V16C21.75 16.7293 21.4601 17.4286 20.9443 17.9443C20.4286 18.4601 19.7293 18.75 19 18.75H18C17.2707 18.75 16.5714 18.4601 16.0557 17.9443C15.6043 17.493 15.3261 16.9011 15.2637 16.2715L15.25 16V13C15.25 12.2707 15.5399 11.5714 16.0557 11.0557C16.5714 10.5399 17.2707 10.25 18 10.25H20.2148C20.1394 9.42375 19.9407 8.61195 19.6221 7.84277C19.2075 6.84186 18.6001 5.93209 17.834 5.16602C17.0679 4.39995 16.1581 3.79253 15.1572 3.37793C14.1563 2.96333 13.0834 2.75 12 2.75C10.9166 2.75 9.84371 2.96333 8.84277 3.37793C7.84186 3.79253 6.93209 4.39995 6.16602 5.16602C5.39995 5.93209 4.79253 6.84186 4.37793 7.84277C4.05933 8.61195 3.86059 9.42375 3.78516 10.25H6C6.72935 10.25 7.42861 10.5399 7.94434 11.0557C8.46006 11.5714 8.75 12.2707 8.75 13V16ZM16.75 16C16.75 16.3315 16.8818 16.6494 17.1162 16.8838C17.3506 17.1182 17.6685 17.25 18 17.25H19C19.3315 17.25 19.6494 17.1182 19.8838 16.8838C20.1182 16.6494 20.25 16.3315 20.25 16V11.75H18C17.6685 11.75 17.3506 11.8818 17.1162 12.1162C16.8818 12.3506 16.75 12.6685 16.75 13V16Z" }), /* @__PURE__ */ jsx("path", { d: "M20.25 18V16C20.25 15.5858 20.5858 15.25 21 15.25C21.4142 15.25 21.75 15.5858 21.75 16V18C21.75 19.2598 21.2492 20.4676 20.3584 21.3584C19.4676 22.2492 18.2598 22.75 17 22.75H12C11.5858 22.75 11.25 22.4142 11.25 22C11.25 21.5858 11.5858 21.25 12 21.25H17C17.862 21.25 18.6884 20.9073 19.2979 20.2979C19.9073 19.6884 20.25 18.862 20.25 18Z" })]
|
|
3784
|
-
});
|
|
3785
|
-
}
|
|
3786
|
-
//#endregion
|
|
3787
3871
|
//#region src/components/Icon/icons/index.ts
|
|
3788
3872
|
var icons_exports = /* @__PURE__ */ __exportAll({
|
|
3789
3873
|
AddressShieldedIcon: () => AddressShieldedIcon,
|
|
@@ -3795,6 +3879,7 @@ var icons_exports = /* @__PURE__ */ __exportAll({
|
|
|
3795
3879
|
ArrowLeftIcon: () => ArrowLeftIcon,
|
|
3796
3880
|
ArrowRightIcon: () => ArrowRightIcon,
|
|
3797
3881
|
ArrowUpIcon: () => ArrowUpIcon,
|
|
3882
|
+
ArrowUpRightIcon: () => ArrowUpRightIcon,
|
|
3798
3883
|
AttachmentIcon: () => AttachmentIcon,
|
|
3799
3884
|
BarChartBoxedIcon: () => BarChartBoxedIcon,
|
|
3800
3885
|
BarChartIcon: () => BarChartIcon,
|
|
@@ -3832,6 +3917,8 @@ var icons_exports = /* @__PURE__ */ __exportAll({
|
|
|
3832
3917
|
CourtIcon: () => CourtIcon,
|
|
3833
3918
|
DateRangeIcon: () => DateRangeIcon,
|
|
3834
3919
|
DeathsIcon: () => DeathsIcon,
|
|
3920
|
+
DesktopIcon: () => DesktopIcon,
|
|
3921
|
+
DesktopMobileIcon: () => DesktopMobileIcon,
|
|
3835
3922
|
DoubleChevronLeftIcon: () => DoubleChevronLeftIcon,
|
|
3836
3923
|
DoubleChevronRightIcon: () => DoubleChevronRightIcon,
|
|
3837
3924
|
DownloadDoneIcon: () => DownloadDoneIcon,
|
|
@@ -3935,6 +4022,7 @@ var icons_exports = /* @__PURE__ */ __exportAll({
|
|
|
3935
4022
|
StarHalfFilledIcon: () => StarHalfFilledIcon,
|
|
3936
4023
|
StarIcon: () => StarIcon,
|
|
3937
4024
|
StickyNoteIcon: () => StickyNoteIcon,
|
|
4025
|
+
SunHalfFilledIcon: () => SunHalfFilledIcon,
|
|
3938
4026
|
SunIcon: () => SunIcon,
|
|
3939
4027
|
SupportIcon: () => SupportIcon,
|
|
3940
4028
|
SyncIcon: () => SyncIcon,
|
|
@@ -4548,7 +4636,8 @@ const OverflowMenu = ({ placement = "bottom-end", offset = 2, parentElement, por
|
|
|
4548
4636
|
role: "menu",
|
|
4549
4637
|
"aria-hidden": !isOpen,
|
|
4550
4638
|
elevation: "medium",
|
|
4551
|
-
border: "border-default"
|
|
4639
|
+
border: "border-default",
|
|
4640
|
+
zIndex: "overflowmenu"
|
|
4552
4641
|
});
|
|
4553
4642
|
return portal && portalTarget ? createPortal(menu, portalTarget) : menu;
|
|
4554
4643
|
};
|
|
@@ -5882,6 +5971,7 @@ const CalendarPopoverContent = ({ children, className, smallScreenBreakpoint })
|
|
|
5882
5971
|
className: cn(DateInput_module_default.popover, className),
|
|
5883
5972
|
style: floatingStyles.floating,
|
|
5884
5973
|
...paperStyleProps,
|
|
5974
|
+
zIndex: "popover",
|
|
5885
5975
|
children
|
|
5886
5976
|
})] });
|
|
5887
5977
|
};
|
|
@@ -6861,6 +6951,7 @@ const Drawer = ({ children, header, placement = "right", parentElement, size = "
|
|
|
6861
6951
|
justifyContent: "flex-start",
|
|
6862
6952
|
padding: "var(--dds-drawer-container-padding)",
|
|
6863
6953
|
borderRadius: "0",
|
|
6954
|
+
zIndex: "drawer",
|
|
6864
6955
|
...getBaseHTMLProps(drawerId, cn(className, Drawer_module_default.container, Drawer_module_default[`container--${placement}`], Drawer_module_default[`container--${placement}-${isOpenCn}`], focus_module_default["focusable--inset"]), style, htmlProps, rest),
|
|
6865
6956
|
elevation: "large",
|
|
6866
6957
|
"aria-labelledby": headerId,
|
|
@@ -7266,9 +7357,6 @@ const texts$17 = createTexts({ send: {
|
|
|
7266
7357
|
se: "Sádde"
|
|
7267
7358
|
} });
|
|
7268
7359
|
//#endregion
|
|
7269
|
-
//#region src/components/Tooltip/Tooltip.module.css
|
|
7270
|
-
var Tooltip_module_default = { "paper": "dds-Tooltip-module__paper" };
|
|
7271
|
-
//#endregion
|
|
7272
7360
|
//#region src/components/Tooltip/Tooltip.tsx
|
|
7273
7361
|
const Tooltip = ({ text, placement = "bottom", children, tooltipId, delay = 100, style, onMouseLeave, onMouseOver, keepMounted = true, id, ref, className, htmlProps, ...rest }) => {
|
|
7274
7362
|
const generatedId = useId();
|
|
@@ -7353,7 +7441,8 @@ const Tooltip = ({ text, placement = "bottom", children, tooltipId, delay = 100,
|
|
|
7353
7441
|
style: { ...positionStyles.floating },
|
|
7354
7442
|
elevation: "small",
|
|
7355
7443
|
border: "border-subtle",
|
|
7356
|
-
|
|
7444
|
+
zIndex: "tooltip",
|
|
7445
|
+
className: cn(typographyStyles_module_default["body-short-medium"], utilStyles_module_default["visibility-transition"], utilStyles_module_default[`visibility-transition--${openCn}`]),
|
|
7357
7446
|
children: text
|
|
7358
7447
|
}) : null]
|
|
7359
7448
|
});
|
|
@@ -8972,10 +9061,12 @@ var NewsPopover_module_default = {
|
|
|
8972
9061
|
//#region src/components/NewsPopover/NewsPopover.tsx
|
|
8973
9062
|
const NewsPopover = ({ id, className, style, htmlProps, header, news, defaultActiveSlide = 0, activeSlide: activeSlideProp, setActiveSlide: setActiveSlideProp, isOpen: isOpenProp, isInitiallyOpen = true, setIsOpen: setIsOpenProp, smallScreenBreakpoint = "xs", closeOnClickOutside = true, ref, ...rest }) => {
|
|
8974
9063
|
if (news.length === 0) throw new Error("NewsPopover must have at least one item in \"news\" prop");
|
|
8975
|
-
|
|
9064
|
+
const maxHeaderLength = 45;
|
|
9065
|
+
const maxTextLength = 150;
|
|
9066
|
+
if (header.length > maxHeaderLength) console.warn(`[NewsPopover] header exceeds recommended length (about ${maxHeaderLength} characters). This may cause wrapping or layout issues depending on theme.`);
|
|
8976
9067
|
news.forEach((n, i) => {
|
|
8977
|
-
if (n.heading.length >
|
|
8978
|
-
if (n.text.length >
|
|
9068
|
+
if (n.heading.length > maxHeaderLength) console.warn(`[NewsPopover] news[${i}].heading exceeds recommended length (about ${maxHeaderLength} characters). This may cause wrapping or layout issues depending on theme.`);
|
|
9069
|
+
if (n.text.length > maxTextLength) console.warn(`[NewsPopover] news[${i}].text exceeds recommended length (about ${maxTextLength} characters). This may cause wrapping or layout issues depending on theme.`);
|
|
8979
9070
|
});
|
|
8980
9071
|
const { t } = useTranslation();
|
|
8981
9072
|
const [activeSlide, setActiveSlide] = useControllableState({
|
|
@@ -9055,7 +9146,7 @@ const NewsPopover = ({ id, className, style, htmlProps, header, news, defaultAct
|
|
|
9055
9146
|
role: "dialog",
|
|
9056
9147
|
"aria-labelledby": headerId,
|
|
9057
9148
|
height: isList ? "368px" : "327px",
|
|
9058
|
-
width: styleUpToBreakpoint("100%", smallScreenBreakpoint, "
|
|
9149
|
+
width: styleUpToBreakpoint("100%", smallScreenBreakpoint, "500px"),
|
|
9059
9150
|
children: [/* @__PURE__ */ jsx(HStack, {
|
|
9060
9151
|
margin: "x0.75 x3 x0.75 x0.75",
|
|
9061
9152
|
children: /* @__PURE__ */ jsx(Heading, {
|
|
@@ -11374,9 +11465,6 @@ const texts$7 = createTexts({
|
|
|
11374
11465
|
const PopoverContext = createContext({});
|
|
11375
11466
|
const usePopoverContext = () => useContext(PopoverContext);
|
|
11376
11467
|
//#endregion
|
|
11377
|
-
//#region src/components/Popover/Popover.module.css
|
|
11378
|
-
var Popover_module_default = { "container": "dds-Popover-module__container" };
|
|
11379
|
-
//#endregion
|
|
11380
11468
|
//#region src/components/Popover/Popover.tsx
|
|
11381
11469
|
const Popover = ({ id, header, withCloseButton = true, onBlur, children, placement = "bottom", parentElement, portal = false, offset = 8, sizeProps = {}, returnFocusOnBlur = true, className, htmlProps = {}, anchorRef, isOpen: propIsOpen, onClose: propOnClose, style, ref, ...rest }) => {
|
|
11382
11470
|
const { refs, styles: positionStyles, isPositioned: localIsPositioned } = useFloatPosition(null, {
|
|
@@ -11431,7 +11519,7 @@ const Popover = ({ id, header, withCloseButton = true, onBlur, children, placeme
|
|
|
11431
11519
|
const hasTitle = !!header;
|
|
11432
11520
|
const openCn = hasTransitionedIn && isOpen ? "open" : "closed";
|
|
11433
11521
|
const popover = /* @__PURE__ */ jsxs(Paper, {
|
|
11434
|
-
...getBaseHTMLProps(popoverId, cn(className,
|
|
11522
|
+
...getBaseHTMLProps(popoverId, cn(className, utilStyles_module_default["visibility-transition"], utilStyles_module_default[`visibility-transition--${openCn}`], focus_module_default.focusable), {
|
|
11435
11523
|
...style,
|
|
11436
11524
|
...floatStyling
|
|
11437
11525
|
}, htmlProps, rest),
|
|
@@ -11448,6 +11536,7 @@ const Popover = ({ id, header, withCloseButton = true, onBlur, children, placeme
|
|
|
11448
11536
|
role: "dialog",
|
|
11449
11537
|
elevation: "large",
|
|
11450
11538
|
border: "border-subtle",
|
|
11539
|
+
zIndex: "popover",
|
|
11451
11540
|
children: [
|
|
11452
11541
|
header && /* @__PURE__ */ jsx(Box, {
|
|
11453
11542
|
marginInline: "0 x2",
|
|
@@ -11750,7 +11839,7 @@ const ProgressBar = ({ label, tip, errorMessage, size = "medium", "aria-describe
|
|
|
11750
11839
|
* Verdi skal være mindre eller lik max når max finnes; og mindre eller lik 1 hvis ikke.
|
|
11751
11840
|
* Komponenten er "indeterminate" hvis value ikke er gyldig.
|
|
11752
11841
|
*/
|
|
11753
|
-
const hasValidValue =
|
|
11842
|
+
const hasValidValue = value !== null && value !== void 0 && value >= 0 && (max !== void 0 && value <= max || max === void 0 && value <= 1);
|
|
11754
11843
|
const tipId = derivativeIdGenerator(uniqueId, "tip");
|
|
11755
11844
|
const errorMessageId = derivativeIdGenerator(uniqueId, "errorMessage");
|
|
11756
11845
|
const fillPrecentage = hasValidValue && value / (max ?? 1) * 100 + "%";
|
|
@@ -11783,8 +11872,8 @@ const ProgressBar = ({ label, tip, errorMessage, size = "medium", "aria-describe
|
|
|
11783
11872
|
className: cn(ProgressBar_module_default.progress),
|
|
11784
11873
|
children: /* @__PURE__ */ jsx(Box, {
|
|
11785
11874
|
height: "100%",
|
|
11786
|
-
width: isIndeterminate ? "25%" : fillPrecentage ? fillPrecentage : 0,
|
|
11787
|
-
className: cn(ProgressBar_module_default.fill, isIndeterminate && ProgressBar_module_default["fill--indeterminate"], fillPrecentage === "100%" && ProgressBar_module_default["fill--done"],
|
|
11875
|
+
width: hasErrorMessage ? "100%" : isIndeterminate ? "25%" : fillPrecentage ? fillPrecentage : 0,
|
|
11876
|
+
className: cn(ProgressBar_module_default.fill, isIndeterminate && ProgressBar_module_default["fill--indeterminate"], fillPrecentage === "100%" && ProgressBar_module_default["fill--done"], hasErrorMessage && ProgressBar_module_default["fill--error"])
|
|
11788
11877
|
})
|
|
11789
11878
|
}),
|
|
11790
11879
|
renderInputMessage({
|
|
@@ -13023,6 +13112,6 @@ const ToggleButtonGroup = (props) => {
|
|
|
13023
13112
|
};
|
|
13024
13113
|
ToggleButtonGroup.displayName = "ToggleButtonGroup";
|
|
13025
13114
|
//#endregion
|
|
13026
|
-
export { Accordion, AccordionBody, AccordionContextProvider, AccordionHeader, AddTabButton, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, Backdrop, BarChartBoxedIcon, BarChartIcon, Bleed, BlockIcon, BookIcon, Box, Breadcrumb, Breadcrumbs, BriefcaseIcon, BuildIcon, BuildingIcon, Button, ButtonGroup, Calendar, CalendarIcon, CalendarMonthIcon, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, Caption, Card, CardExpandable, CardExpandableBody, CardExpandableHeader, CardSelectable, CardSelectableGroup, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, CircleFilledIcon, CircleIcon, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CommentIcon, Contrast, CookieBanner, CookieBannerCheckbox, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, DatePicker, DateRangeIcon, DdsProvider, DeathsIcon, DescriptionList, DescriptionListDesc, DescriptionListGroup, DescriptionListTerm, DetailList, DetailListDesc, DetailListRow, DetailListTerm, Divider, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, DropdownHeader, DropdownItem, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, EmptyContent, ErrorIcon, ErrorSummary, ErrorSummaryItem, ExclaimIcon, ExpandIcon, FacebookIcon, FamilyIcon, FavStar, Feedback, FeedbackIcon, Fieldset, FieldsetGroup, FileAddIcon, FileIcon, FileShieldedIcon, FileSignedIcon, FileTextIcon, FileUploader, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, FloppyDiskIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, FooterList, FooterListGroup, FooterListHeader, FooterLogo, FooterSocialsGroup, FooterSocialsList, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, Grid, GridChild, GroupIcon, GuardianIcon, HStack, Heading, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, Icon, ImageIcon, InfoIcon, InlineButton, InlineEditInput, InlineEditSelect, InlineEditTextArea, InputMessage, InstagramIcon, InternalHeader, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, LagmannsrettIcon, LanguageIcon, Legend, LineChartIcon, Link, LinkIcon, LinkOffIcon, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, LocalMessage, LocationIcon, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, ModalBody, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NewsPopover, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, OnlineMeetingIcon, OpenExternalIcon, OverflowMenu, OverflowMenuButton, OverflowMenuDivider, OverflowMenuGroup, OverflowMenuLink, OverflowMenuList, OverflowMenuListHeader, OverflowMenuSpan, OverflowMenuToggle, Pagination, PaletteIcon, PanelLeftIcon, Paper, PaperPlaneIcon, Paragraph, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, PinIcon, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, PowerOfAttorneyIcon, PrintIcon, ProgressBar, ProgressTracker, ProgressTrackerItem, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, SearchIcon, SearchSuggestions, SectionIcon, Select, SettingsIcon, ShowHide, Skeleton, SkipToContent, SmsIcon, Spinner, SplitButton, StarFilledIcon, StarHalfFilledIcon, StarIcon, StickyNoteIcon, StylelessButton, StylelessList, StylelessOList, SunIcon, SupportIcon, SyncIcon, TG_BODY_LONG_TYPES, TG_BODY_SHORT_TYPES, TG_BODY_TYPES, TG_HEADING_TYPES, TG_LEAD_TYPES, Tab, TabList, TabPanel, TabPanels, Table, Body as TableBody, Cell as TableCell, Foot as TableFoot, Head as TableHead, Row as TableRow, SortCell as TableSortCell, TableWrapper, Tabs, Tag, TextArea, TextInput, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, TingrettIcon, TipIcon, Toggle, ToggleBar, ToggleButton, ToggleButtonGroup, ToggleRadio, Tooltip, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, WarningIcon, WebexIcon, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, icons_exports as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderInputMessage, scrollbarStyling, useAccordion, useAccordionContext, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize };
|
|
13115
|
+
export { Accordion, AccordionBody, AccordionContextProvider, AccordionHeader, AddTabButton, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, Backdrop, BarChartBoxedIcon, BarChartIcon, Bleed, BlockIcon, BookIcon, Box, Breadcrumb, Breadcrumbs, BriefcaseIcon, BuildIcon, BuildingIcon, Button, ButtonGroup, Calendar, CalendarIcon, CalendarMonthIcon, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, Caption, Card, CardExpandable, CardExpandableBody, CardExpandableHeader, CardSelectable, CardSelectableGroup, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, CircleFilledIcon, CircleIcon, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CommentIcon, Contrast, CookieBanner, CookieBannerCheckbox, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, DatePicker, DateRangeIcon, DdsProvider, DeathsIcon, DescriptionList, DescriptionListDesc, DescriptionListGroup, DescriptionListTerm, DesktopIcon, DesktopMobileIcon, DetailList, DetailListDesc, DetailListRow, DetailListTerm, Divider, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, DropdownHeader, DropdownItem, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, EmptyContent, ErrorIcon, ErrorSummary, ErrorSummaryItem, ExclaimIcon, ExpandIcon, FacebookIcon, FamilyIcon, FavStar, Feedback, FeedbackIcon, Fieldset, FieldsetGroup, FileAddIcon, FileIcon, FileShieldedIcon, FileSignedIcon, FileTextIcon, FileUploader, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, FloppyDiskIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, FooterList, FooterListGroup, FooterListHeader, FooterLogo, FooterSocialsGroup, FooterSocialsList, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, Grid, GridChild, GroupIcon, GuardianIcon, HStack, Heading, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, Icon, ImageIcon, InfoIcon, InlineButton, InlineEditInput, InlineEditSelect, InlineEditTextArea, InputMessage, InstagramIcon, InternalHeader, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, LagmannsrettIcon, LanguageIcon, Legend, LineChartIcon, Link, LinkIcon, LinkOffIcon, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, LocalMessage, LocationIcon, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, ModalBody, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NewsPopover, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, OnlineMeetingIcon, OpenExternalIcon, OverflowMenu, OverflowMenuButton, OverflowMenuDivider, OverflowMenuGroup, OverflowMenuLink, OverflowMenuList, OverflowMenuListHeader, OverflowMenuSpan, OverflowMenuToggle, Pagination, PaletteIcon, PanelLeftIcon, Paper, PaperPlaneIcon, Paragraph, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, PinIcon, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, PowerOfAttorneyIcon, PrintIcon, ProgressBar, ProgressTracker, ProgressTrackerItem, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, SearchIcon, SearchSuggestions, SectionIcon, Select, SettingsIcon, ShowHide, Skeleton, SkipToContent, SmsIcon, Spinner, SplitButton, StarFilledIcon, StarHalfFilledIcon, StarIcon, StickyNoteIcon, StylelessButton, StylelessList, StylelessOList, SunHalfFilledIcon, SunIcon, SupportIcon, SyncIcon, TG_BODY_LONG_TYPES, TG_BODY_SHORT_TYPES, TG_BODY_TYPES, TG_HEADING_TYPES, TG_LEAD_TYPES, Tab, TabList, TabPanel, TabPanels, Table, Body as TableBody, Cell as TableCell, Foot as TableFoot, Head as TableHead, Row as TableRow, SortCell as TableSortCell, TableWrapper, Tabs, Tag, TextArea, TextInput, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, TingrettIcon, TipIcon, Toggle, ToggleBar, ToggleButton, ToggleButtonGroup, ToggleRadio, Tooltip, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, WarningIcon, WebexIcon, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, icons_exports as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderInputMessage, scrollbarStyling, useAccordion, useAccordionContext, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize };
|
|
13027
13116
|
|
|
13028
13117
|
//# sourceMappingURL=index.mjs.map
|