@vygruppen/spor-react 10.4.1 → 10.5.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/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +9 -0
- package/dist/{CountryCodeSelect-QNKQE3C6.mjs → CountryCodeSelect-QMX6VHNM.mjs} +1 -1
- package/dist/{chunk-PH4RK5L3.mjs → chunk-CHJ6LT66.mjs} +715 -534
- package/dist/index.d.mts +108 -4
- package/dist/index.d.ts +108 -4
- package/dist/index.js +851 -653
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/alert/AlertIcon.tsx +9 -0
- package/src/alert/BaseAlert.tsx +7 -1
- package/src/alert/ExpandableAlert.tsx +7 -3
- package/src/alert/ServiceAlert.tsx +162 -0
- package/src/alert/index.tsx +1 -0
- package/src/input/Input.tsx +1 -0
- package/src/theme/components/alert-expandable.ts +10 -0
- package/src/theme/components/alert-service.ts +53 -0
- package/src/theme/components/alert.ts +6 -0
- package/src/theme/components/index.ts +1 -0
package/dist/index.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
'use strict';
|
2
2
|
|
3
3
|
var react = require('@chakra-ui/react');
|
4
|
-
var
|
4
|
+
var React86 = require('react');
|
5
5
|
var reactAria = require('react-aria');
|
6
6
|
var sporIconReact = require('@vygruppen/spor-icon-react');
|
7
7
|
var reactStately = require('react-stately');
|
@@ -36,7 +36,7 @@ function _interopNamespace(e) {
|
|
36
36
|
return Object.freeze(n);
|
37
37
|
}
|
38
38
|
|
39
|
-
var
|
39
|
+
var React86__namespace = /*#__PURE__*/_interopNamespace(React86);
|
40
40
|
var tokens11__namespace = /*#__PURE__*/_interopNamespace(tokens11);
|
41
41
|
var deepmerge__default = /*#__PURE__*/_interopDefault(deepmerge);
|
42
42
|
|
@@ -76,7 +76,7 @@ exports.Divider = void 0;
|
|
76
76
|
var init_Divider = __esm({
|
77
77
|
"src/layout/Divider.tsx"() {
|
78
78
|
exports.Divider = react.forwardRef((props, ref) => {
|
79
|
-
return /* @__PURE__ */
|
79
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Divider, { ...props, ref });
|
80
80
|
});
|
81
81
|
}
|
82
82
|
});
|
@@ -85,7 +85,7 @@ var init_Stack = __esm({
|
|
85
85
|
"src/layout/Stack.tsx"() {
|
86
86
|
exports.Stack = react.forwardRef(
|
87
87
|
({ flexDirection, ...props }, ref) => {
|
88
|
-
return /* @__PURE__ */
|
88
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
|
89
89
|
}
|
90
90
|
);
|
91
91
|
}
|
@@ -123,7 +123,7 @@ var init_AttachedInputs = __esm({
|
|
123
123
|
}
|
124
124
|
};
|
125
125
|
const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
|
126
|
-
return /* @__PURE__ */
|
126
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
127
127
|
react.Flex,
|
128
128
|
{
|
129
129
|
role: "group",
|
@@ -140,16 +140,16 @@ var Dialog;
|
|
140
140
|
var init_Dialog = __esm({
|
141
141
|
"src/input/Dialog.tsx"() {
|
142
142
|
Dialog = ({ title, children, ...props }) => {
|
143
|
-
const ref =
|
143
|
+
const ref = React86.useRef(null);
|
144
144
|
const { dialogProps, titleProps } = reactAria.useDialog(props, ref);
|
145
|
-
return /* @__PURE__ */
|
145
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React86__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
|
146
146
|
};
|
147
147
|
}
|
148
148
|
});
|
149
149
|
var Popover;
|
150
150
|
var init_Popover = __esm({
|
151
151
|
"src/input/Popover.tsx"() {
|
152
|
-
Popover =
|
152
|
+
Popover = React86.forwardRef(
|
153
153
|
({
|
154
154
|
children,
|
155
155
|
state: state2,
|
@@ -163,7 +163,7 @@ var init_Popover = __esm({
|
|
163
163
|
containerPadding = 12
|
164
164
|
}, ref) => {
|
165
165
|
var _a6;
|
166
|
-
const internalRef =
|
166
|
+
const internalRef = React86.useRef(null);
|
167
167
|
const popoverRef = ref ?? internalRef;
|
168
168
|
const { popoverProps, underlayProps } = reactAria.usePopover(
|
169
169
|
{
|
@@ -178,28 +178,28 @@ var init_Popover = __esm({
|
|
178
178
|
},
|
179
179
|
state2
|
180
180
|
);
|
181
|
-
const popoverBox = /* @__PURE__ */
|
181
|
+
const popoverBox = /* @__PURE__ */ React86__namespace.default.createElement(
|
182
182
|
react.Box,
|
183
183
|
{
|
184
184
|
...popoverProps,
|
185
185
|
ref: popoverRef,
|
186
186
|
minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
|
187
187
|
},
|
188
|
-
/* @__PURE__ */
|
188
|
+
/* @__PURE__ */ React86__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
|
189
189
|
children,
|
190
|
-
/* @__PURE__ */
|
190
|
+
/* @__PURE__ */ React86__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
|
191
191
|
);
|
192
192
|
if (isNonModal) {
|
193
193
|
return popoverBox;
|
194
194
|
}
|
195
|
-
return /* @__PURE__ */
|
195
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
|
196
196
|
}
|
197
197
|
);
|
198
198
|
}
|
199
199
|
});
|
200
200
|
function useForceRerender(shouldRerender) {
|
201
|
-
const [_, update] =
|
202
|
-
|
201
|
+
const [_, update] = React86.useState(false);
|
202
|
+
React86.useEffect(() => {
|
203
203
|
if (shouldRerender) {
|
204
204
|
update((x) => !x);
|
205
205
|
}
|
@@ -228,7 +228,7 @@ var init_CardSelect = __esm({
|
|
228
228
|
...props
|
229
229
|
}, externalRef) => {
|
230
230
|
const label = "label" in props ? props.label : props["aria-label"];
|
231
|
-
const internalRef =
|
231
|
+
const internalRef = React86.useRef(null);
|
232
232
|
const triggerRef = externalRef ?? internalRef;
|
233
233
|
const state2 = reactStately.useOverlayTriggerState({
|
234
234
|
isOpen: externalIsOpen,
|
@@ -247,7 +247,7 @@ var init_CardSelect = __esm({
|
|
247
247
|
});
|
248
248
|
useForceRerender(state2.isOpen);
|
249
249
|
const ChevronIcon = size2 === "sm" ? sporIconReact.DropdownDownFill18Icon : sporIconReact.DropdownDownFill24Icon;
|
250
|
-
return /* @__PURE__ */
|
250
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(
|
251
251
|
react.chakra.button,
|
252
252
|
{
|
253
253
|
type: "button",
|
@@ -259,13 +259,13 @@ var init_CardSelect = __esm({
|
|
259
259
|
width,
|
260
260
|
"data-attachable": true
|
261
261
|
},
|
262
|
-
/* @__PURE__ */
|
262
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React86__namespace.default.createElement(
|
263
263
|
ChevronIcon,
|
264
264
|
{
|
265
265
|
transform: state2.isOpen ? "rotate(180deg)" : "none"
|
266
266
|
}
|
267
267
|
) : null)
|
268
|
-
), state2.isOpen && /* @__PURE__ */
|
268
|
+
), state2.isOpen && /* @__PURE__ */ React86__namespace.default.createElement(
|
269
269
|
Popover,
|
270
270
|
{
|
271
271
|
state: state2,
|
@@ -274,7 +274,7 @@ var init_CardSelect = __esm({
|
|
274
274
|
crossOffset,
|
275
275
|
placement
|
276
276
|
},
|
277
|
-
/* @__PURE__ */
|
277
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
278
278
|
exports.StaticCard,
|
279
279
|
{
|
280
280
|
colorScheme: "white",
|
@@ -284,7 +284,7 @@ var init_CardSelect = __esm({
|
|
284
284
|
sx: styles3.card,
|
285
285
|
...overlayProps
|
286
286
|
},
|
287
|
-
/* @__PURE__ */
|
287
|
+
/* @__PURE__ */ React86__namespace.default.createElement(Dialog, { "aria-label": label }, children)
|
288
288
|
)
|
289
289
|
));
|
290
290
|
}
|
@@ -295,7 +295,7 @@ exports.Checkbox = void 0;
|
|
295
295
|
var init_Checkbox = __esm({
|
296
296
|
"src/input/Checkbox.tsx"() {
|
297
297
|
exports.Checkbox = react.forwardRef((props, ref) => {
|
298
|
-
return /* @__PURE__ */
|
298
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Checkbox, { ...props, ref });
|
299
299
|
});
|
300
300
|
}
|
301
301
|
});
|
@@ -307,7 +307,7 @@ var init_CheckboxGroup = __esm({
|
|
307
307
|
children,
|
308
308
|
...props
|
309
309
|
}) => {
|
310
|
-
return /* @__PURE__ */
|
310
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
|
311
311
|
};
|
312
312
|
}
|
313
313
|
});
|
@@ -593,7 +593,7 @@ var require_lodash = __commonJS({
|
|
593
593
|
MapCache.prototype.get = mapCacheGet;
|
594
594
|
MapCache.prototype.has = mapCacheHas;
|
595
595
|
MapCache.prototype.set = mapCacheSet;
|
596
|
-
function
|
596
|
+
function Stack6(entries) {
|
597
597
|
var data = this.__data__ = new ListCache(entries);
|
598
598
|
this.size = data.size;
|
599
599
|
}
|
@@ -627,11 +627,11 @@ var require_lodash = __commonJS({
|
|
627
627
|
this.size = data.size;
|
628
628
|
return this;
|
629
629
|
}
|
630
|
-
|
631
|
-
|
632
|
-
|
633
|
-
|
634
|
-
|
630
|
+
Stack6.prototype.clear = stackClear;
|
631
|
+
Stack6.prototype["delete"] = stackDelete;
|
632
|
+
Stack6.prototype.get = stackGet;
|
633
|
+
Stack6.prototype.has = stackHas;
|
634
|
+
Stack6.prototype.set = stackSet;
|
635
635
|
function arrayLikeKeys(value, inherited) {
|
636
636
|
var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
|
637
637
|
for (var key in value) {
|
@@ -714,7 +714,7 @@ var require_lodash = __commonJS({
|
|
714
714
|
return;
|
715
715
|
}
|
716
716
|
baseFor(source, function(srcValue, key) {
|
717
|
-
stack || (stack = new
|
717
|
+
stack || (stack = new Stack6());
|
718
718
|
if (isObject2(srcValue)) {
|
719
719
|
baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
|
720
720
|
} else {
|
@@ -1089,15 +1089,15 @@ var init_ChoiceChip = __esm({
|
|
1089
1089
|
icon,
|
1090
1090
|
hasLabel: chipType !== "icon"
|
1091
1091
|
});
|
1092
|
-
const id = `choice-chip-${
|
1093
|
-
return /* @__PURE__ */
|
1092
|
+
const id = `choice-chip-${React86.useId()}`;
|
1093
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
1094
1094
|
react.chakra.label,
|
1095
1095
|
{
|
1096
1096
|
htmlFor: id,
|
1097
1097
|
...getRootProps(),
|
1098
1098
|
"aria-label": String(children)
|
1099
1099
|
},
|
1100
|
-
/* @__PURE__ */
|
1100
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
1101
1101
|
react.chakra.input,
|
1102
1102
|
{
|
1103
1103
|
...getInputProps({}, ref),
|
@@ -1105,7 +1105,7 @@ var init_ChoiceChip = __esm({
|
|
1105
1105
|
disabled: isDisabled
|
1106
1106
|
}
|
1107
1107
|
),
|
1108
|
-
/* @__PURE__ */
|
1108
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
1109
1109
|
react.chakra.div,
|
1110
1110
|
{
|
1111
1111
|
...getLabelProps(),
|
@@ -1116,9 +1116,9 @@ var init_ChoiceChip = __esm({
|
|
1116
1116
|
"data-active": dataAttr(state2.isActive),
|
1117
1117
|
"data-disabled": dataAttr(state2.isDisabled)
|
1118
1118
|
},
|
1119
|
-
icon && /* @__PURE__ */
|
1120
|
-
chipType !== "icon" && /* @__PURE__ */
|
1121
|
-
chipType === "filter" && state2.isChecked && /* @__PURE__ */
|
1119
|
+
icon && /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
|
1120
|
+
chipType !== "icon" && /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.span, { __css: styles3.label, ...getCheckboxProps() }, children),
|
1121
|
+
chipType === "filter" && state2.isChecked && /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { marginLeft: 1.5 })
|
1122
1122
|
)
|
1123
1123
|
);
|
1124
1124
|
}
|
@@ -1153,11 +1153,11 @@ function Combobox({
|
|
1153
1153
|
...rest
|
1154
1154
|
}) {
|
1155
1155
|
const { contains: contains2 } = reactAria.useFilter({ sensitivity: "base" });
|
1156
|
-
const fallbackInputRef =
|
1156
|
+
const fallbackInputRef = React86.useRef(null);
|
1157
1157
|
const inputRef = externalInputRef ?? fallbackInputRef;
|
1158
|
-
const listBoxRef =
|
1159
|
-
const popoverRef =
|
1160
|
-
const listboxId = `${
|
1158
|
+
const listBoxRef = React86.useRef(null);
|
1159
|
+
const popoverRef = React86.useRef(null);
|
1160
|
+
const listboxId = `${React86.useId()}-listbox`;
|
1161
1161
|
const inputWidth = useInputWidth(inputRef);
|
1162
1162
|
const state2 = reactStately.useComboBoxState({
|
1163
1163
|
allowsEmptyCollection: Boolean(emptyContent),
|
@@ -1195,7 +1195,7 @@ function Combobox({
|
|
1195
1195
|
},
|
1196
1196
|
state2
|
1197
1197
|
);
|
1198
|
-
return /* @__PURE__ */
|
1198
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
1199
1199
|
exports.Input,
|
1200
1200
|
{
|
1201
1201
|
...styleProps(comboBoxProps),
|
@@ -1210,7 +1210,7 @@ function Combobox({
|
|
1210
1210
|
borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
|
1211
1211
|
borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
|
1212
1212
|
...inputProps,
|
1213
|
-
rightIcon: isLoading ? /* @__PURE__ */
|
1213
|
+
rightIcon: isLoading ? /* @__PURE__ */ React86__namespace.default.createElement(
|
1214
1214
|
exports.ColorSpinner,
|
1215
1215
|
{
|
1216
1216
|
width: "1.5rem",
|
@@ -1225,7 +1225,7 @@ function Combobox({
|
|
1225
1225
|
}
|
1226
1226
|
) : rightIcon
|
1227
1227
|
}
|
1228
|
-
), /* @__PURE__ */
|
1228
|
+
), /* @__PURE__ */ React86__namespace.default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state2.isOpen && !isLoading && /* @__PURE__ */ React86__namespace.default.createElement(
|
1229
1229
|
Popover,
|
1230
1230
|
{
|
1231
1231
|
state: state2,
|
@@ -1237,7 +1237,7 @@ function Combobox({
|
|
1237
1237
|
hasBackdrop: false,
|
1238
1238
|
containerPadding: 0
|
1239
1239
|
},
|
1240
|
-
/* @__PURE__ */
|
1240
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
1241
1241
|
ListBox,
|
1242
1242
|
{
|
1243
1243
|
...listBoxProps,
|
@@ -1263,8 +1263,8 @@ var init_Combobox = __esm({
|
|
1263
1263
|
init_src();
|
1264
1264
|
init_Popover();
|
1265
1265
|
useInputWidth = (inputRef) => {
|
1266
|
-
const [inputWidth, setInputWidth] =
|
1267
|
-
|
1266
|
+
const [inputWidth, setInputWidth] = React86.useState("auto");
|
1267
|
+
React86.useEffect(() => {
|
1268
1268
|
const onResize = debounce(() => {
|
1269
1269
|
if (inputRef.current) {
|
1270
1270
|
setInputWidth(`${inputRef.current.offsetWidth}px`);
|
@@ -1291,7 +1291,7 @@ exports.FormControl = void 0;
|
|
1291
1291
|
var init_FormControl = __esm({
|
1292
1292
|
"src/input/FormControl.tsx"() {
|
1293
1293
|
exports.FormControl = react.forwardRef((props, ref) => {
|
1294
|
-
return /* @__PURE__ */
|
1294
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.FormControl, { ...props, ref });
|
1295
1295
|
});
|
1296
1296
|
}
|
1297
1297
|
});
|
@@ -1312,7 +1312,7 @@ var init_FormErrorMessage = __esm({
|
|
1312
1312
|
return null;
|
1313
1313
|
}
|
1314
1314
|
const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
|
1315
|
-
return /* @__PURE__ */
|
1315
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React86__namespace.default.createElement(
|
1316
1316
|
react.Box,
|
1317
1317
|
{
|
1318
1318
|
borderRadius: "xs",
|
@@ -1330,12 +1330,12 @@ var init_FormErrorMessage = __esm({
|
|
1330
1330
|
...errorMessageProps,
|
1331
1331
|
...boxProps
|
1332
1332
|
},
|
1333
|
-
/* @__PURE__ */
|
1333
|
+
/* @__PURE__ */ React86__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
|
1334
1334
|
children
|
1335
1335
|
));
|
1336
1336
|
};
|
1337
1337
|
Arrow = (props) => {
|
1338
|
-
return /* @__PURE__ */
|
1338
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
1339
1339
|
react.Box,
|
1340
1340
|
{
|
1341
1341
|
...props,
|
@@ -1346,7 +1346,7 @@ var init_FormErrorMessage = __esm({
|
|
1346
1346
|
fill: "none",
|
1347
1347
|
transform: "rotate(45deg)"
|
1348
1348
|
},
|
1349
|
-
/* @__PURE__ */
|
1349
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
1350
1350
|
react.Box,
|
1351
1351
|
{
|
1352
1352
|
as: "path",
|
@@ -1362,7 +1362,7 @@ exports.FormLabel = void 0;
|
|
1362
1362
|
var init_FormLabel = __esm({
|
1363
1363
|
"src/input/FormLabel.tsx"() {
|
1364
1364
|
exports.FormLabel = react.forwardRef((props, ref) => {
|
1365
|
-
return /* @__PURE__ */
|
1365
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.FormLabel, { ...props, ref });
|
1366
1366
|
});
|
1367
1367
|
}
|
1368
1368
|
});
|
@@ -1376,7 +1376,7 @@ function ListBox({
|
|
1376
1376
|
}) {
|
1377
1377
|
const { listBoxProps } = reactAria.useListBox(props, state2, listBoxRef);
|
1378
1378
|
const styles3 = react.useMultiStyleConfig("ListBox", { variant });
|
1379
|
-
return /* @__PURE__ */
|
1379
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
1380
1380
|
react.List,
|
1381
1381
|
{
|
1382
1382
|
...listBoxProps,
|
@@ -1388,22 +1388,22 @@ function ListBox({
|
|
1388
1388
|
},
|
1389
1389
|
state2.collection.size === 0 && props.emptyContent,
|
1390
1390
|
Array.from(state2.collection).map(
|
1391
|
-
(item) => item.type === "section" ? /* @__PURE__ */
|
1391
|
+
(item) => item.type === "section" ? /* @__PURE__ */ React86__namespace.default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React86__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
|
1392
1392
|
)
|
1393
1393
|
);
|
1394
1394
|
}
|
1395
1395
|
function ItemLabel({ children }) {
|
1396
1396
|
let { labelProps } = useOptionContext();
|
1397
1397
|
const styles3 = react.useMultiStyleConfig("ListBox", {});
|
1398
|
-
return /* @__PURE__ */
|
1398
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
|
1399
1399
|
}
|
1400
1400
|
function ItemDescription({ children }) {
|
1401
1401
|
let { descriptionProps } = useOptionContext();
|
1402
1402
|
const styles3 = react.useMultiStyleConfig("ListBox", {});
|
1403
|
-
return /* @__PURE__ */
|
1403
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
|
1404
1404
|
}
|
1405
1405
|
function Option({ item, state: state2 }) {
|
1406
|
-
const ref =
|
1406
|
+
const ref = React86.useRef(null);
|
1407
1407
|
const {
|
1408
1408
|
optionProps,
|
1409
1409
|
isSelected,
|
@@ -1427,7 +1427,7 @@ function Option({ item, state: state2 }) {
|
|
1427
1427
|
if (isFocusVisible) {
|
1428
1428
|
dataFields["data-focus-visible"] = true;
|
1429
1429
|
}
|
1430
|
-
|
1430
|
+
React86.useEffect(() => {
|
1431
1431
|
var _a6;
|
1432
1432
|
(_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
|
1433
1433
|
"touchend",
|
@@ -1437,7 +1437,7 @@ function Option({ item, state: state2 }) {
|
|
1437
1437
|
{ passive: false, once: true }
|
1438
1438
|
);
|
1439
1439
|
}, []);
|
1440
|
-
return /* @__PURE__ */
|
1440
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
|
1441
1441
|
}
|
1442
1442
|
function ListBoxSection({ section, state: state2 }) {
|
1443
1443
|
const { itemProps, headingProps, groupProps } = reactAria.useListBoxSection({
|
@@ -1446,7 +1446,7 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1446
1446
|
});
|
1447
1447
|
const isFirstSection = section.key === state2.collection.getFirstKey();
|
1448
1448
|
const titleColor = react.useColorModeValue("darkGrey", "white");
|
1449
|
-
return /* @__PURE__ */
|
1449
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React86__namespace.default.createElement(
|
1450
1450
|
react.Box,
|
1451
1451
|
{
|
1452
1452
|
fontSize: "mobile.xs",
|
@@ -1459,19 +1459,19 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1459
1459
|
...headingProps
|
1460
1460
|
},
|
1461
1461
|
section.rendered
|
1462
|
-
), /* @__PURE__ */
|
1463
|
-
(item) => /* @__PURE__ */
|
1462
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
|
1463
|
+
(item) => /* @__PURE__ */ React86__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
|
1464
1464
|
)));
|
1465
1465
|
}
|
1466
1466
|
var OptionContext, useOptionContext;
|
1467
1467
|
var init_ListBox = __esm({
|
1468
1468
|
"src/input/ListBox.tsx"() {
|
1469
|
-
OptionContext =
|
1469
|
+
OptionContext = React86__namespace.default.createContext({
|
1470
1470
|
labelProps: {},
|
1471
1471
|
descriptionProps: {}
|
1472
1472
|
});
|
1473
1473
|
useOptionContext = () => {
|
1474
|
-
return
|
1474
|
+
return React86.useContext(OptionContext);
|
1475
1475
|
};
|
1476
1476
|
}
|
1477
1477
|
});
|
@@ -1491,8 +1491,8 @@ function InfoSelect({
|
|
1491
1491
|
...props
|
1492
1492
|
};
|
1493
1493
|
const state2 = reactStately.useSelectState(renamedProps);
|
1494
|
-
const triggerRef =
|
1495
|
-
const listboxRef =
|
1494
|
+
const triggerRef = React86.useRef(null);
|
1495
|
+
const listboxRef = React86.useRef(null);
|
1496
1496
|
const { labelProps, triggerProps, valueProps, menuProps } = reactAria.useSelect(
|
1497
1497
|
renamedProps,
|
1498
1498
|
state2,
|
@@ -1510,7 +1510,7 @@ function InfoSelect({
|
|
1510
1510
|
const { buttonProps } = reactAria.useButton(triggerProps, triggerRef);
|
1511
1511
|
const { t: t2 } = useTranslation();
|
1512
1512
|
const formControl = react.useFormControlProps(props);
|
1513
|
-
return /* @__PURE__ */
|
1513
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
|
1514
1514
|
reactAria.HiddenSelect,
|
1515
1515
|
{
|
1516
1516
|
state: state2,
|
@@ -1518,7 +1518,7 @@ function InfoSelect({
|
|
1518
1518
|
label: props.label,
|
1519
1519
|
name: props.name
|
1520
1520
|
}
|
1521
|
-
), /* @__PURE__ */
|
1521
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
1522
1522
|
react.chakra.button,
|
1523
1523
|
{
|
1524
1524
|
type: "button",
|
@@ -1529,7 +1529,7 @@ function InfoSelect({
|
|
1529
1529
|
"aria-invalid": formControl.isInvalid,
|
1530
1530
|
"aria-describedby": formControl["aria-describedby"]
|
1531
1531
|
},
|
1532
|
-
/* @__PURE__ */
|
1532
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React86__namespace.default.createElement(
|
1533
1533
|
react.chakra.div,
|
1534
1534
|
{
|
1535
1535
|
...labelProps,
|
@@ -1543,7 +1543,7 @@ function InfoSelect({
|
|
1543
1543
|
}
|
1544
1544
|
},
|
1545
1545
|
props.label
|
1546
|
-
), /* @__PURE__ */
|
1546
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
1547
1547
|
react.Box,
|
1548
1548
|
{
|
1549
1549
|
...valueProps,
|
@@ -1555,15 +1555,15 @@ function InfoSelect({
|
|
1555
1555
|
},
|
1556
1556
|
state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
|
1557
1557
|
)),
|
1558
|
-
/* @__PURE__ */
|
1559
|
-
), state2.isOpen && /* @__PURE__ */
|
1558
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
|
1559
|
+
), state2.isOpen && /* @__PURE__ */ React86__namespace.default.createElement(
|
1560
1560
|
Popover,
|
1561
1561
|
{
|
1562
1562
|
state: state2,
|
1563
1563
|
triggerRef,
|
1564
1564
|
containerPadding: 0
|
1565
1565
|
},
|
1566
|
-
/* @__PURE__ */
|
1566
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
1567
1567
|
ListBox,
|
1568
1568
|
{
|
1569
1569
|
...menuProps,
|
@@ -1598,10 +1598,10 @@ var init_Input = __esm({
|
|
1598
1598
|
exports.Input = react.forwardRef(
|
1599
1599
|
({ label, leftIcon, rightIcon, id, size: size2, ...props }, ref) => {
|
1600
1600
|
const formControlProps = react.useFormControlContext();
|
1601
|
-
const fallbackId = `input-${
|
1601
|
+
const fallbackId = `input-${React86.useId()}`;
|
1602
1602
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
1603
|
-
const labelId = `${
|
1604
|
-
return /* @__PURE__ */
|
1603
|
+
const labelId = `${React86.useId()}-label`;
|
1604
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__namespace.default.createElement(react.InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React86__namespace.default.createElement(
|
1605
1605
|
react.Input,
|
1606
1606
|
{
|
1607
1607
|
"data-attachable": true,
|
@@ -1611,9 +1611,10 @@ var init_Input = __esm({
|
|
1611
1611
|
id: inputId,
|
1612
1612
|
"aria-labelledby": labelId,
|
1613
1613
|
ref,
|
1614
|
+
overflow: "hidden",
|
1614
1615
|
placeholder: " "
|
1615
1616
|
}
|
1616
|
-
), /* @__PURE__ */
|
1617
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: labelId }, label), rightIcon && /* @__PURE__ */ React86__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
|
1617
1618
|
}
|
1618
1619
|
);
|
1619
1620
|
}
|
@@ -1622,10 +1623,10 @@ exports.InputLeftElement = void 0; exports.InputRightElement = void 0;
|
|
1622
1623
|
var init_InputElement = __esm({
|
1623
1624
|
"src/input/InputElement.tsx"() {
|
1624
1625
|
exports.InputLeftElement = react.forwardRef(
|
1625
|
-
(props, ref) => /* @__PURE__ */
|
1626
|
+
(props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
|
1626
1627
|
);
|
1627
1628
|
exports.InputRightElement = react.forwardRef(
|
1628
|
-
(props, ref) => /* @__PURE__ */
|
1629
|
+
(props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.InputRightElement, { ...props, ref })
|
1629
1630
|
);
|
1630
1631
|
}
|
1631
1632
|
});
|
@@ -1636,7 +1637,7 @@ var init_NativeSelect = __esm({
|
|
1636
1637
|
exports.NativeSelect = react.forwardRef(
|
1637
1638
|
({ label, ...props }, ref) => {
|
1638
1639
|
const styles3 = react.useMultiStyleConfig("Select", props);
|
1639
|
-
return /* @__PURE__ */
|
1640
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
1640
1641
|
react.Select,
|
1641
1642
|
{
|
1642
1643
|
"data-attachable": true,
|
@@ -1644,7 +1645,7 @@ var init_NativeSelect = __esm({
|
|
1644
1645
|
rootProps: { __css: styles3.root },
|
1645
1646
|
ref
|
1646
1647
|
}
|
1647
|
-
), label && /* @__PURE__ */
|
1648
|
+
), label && /* @__PURE__ */ React86__namespace.default.createElement(exports.FormLabel, null, label));
|
1648
1649
|
}
|
1649
1650
|
);
|
1650
1651
|
}
|
@@ -1664,7 +1665,7 @@ function NumericStepper({
|
|
1664
1665
|
ariaLabelContext = { singular: "", plural: "" },
|
1665
1666
|
...boxProps
|
1666
1667
|
}) {
|
1667
|
-
const addButtonRef =
|
1668
|
+
const addButtonRef = React86.useRef(null);
|
1668
1669
|
const { t: t2 } = useTranslation();
|
1669
1670
|
const styles3 = react.useMultiStyleConfig("NumericStepper", {});
|
1670
1671
|
const [value, onChange] = react.useControllableState({
|
@@ -1678,10 +1679,10 @@ function NumericStepper({
|
|
1678
1679
|
var _a6;
|
1679
1680
|
(_a6 = addButtonRef.current) == null ? void 0 : _a6.focus();
|
1680
1681
|
};
|
1681
|
-
return /* @__PURE__ */
|
1682
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement(
|
1682
1683
|
VerySmallButton,
|
1683
1684
|
{
|
1684
|
-
icon: /* @__PURE__ */
|
1685
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
|
1685
1686
|
"aria-label": t2(
|
1686
1687
|
texts2.decrementButtonAriaLabel(
|
1687
1688
|
clampedStepSize,
|
@@ -1698,7 +1699,7 @@ function NumericStepper({
|
|
1698
1699
|
isDisabled: formControlProps.disabled,
|
1699
1700
|
id: value <= minValue ? void 0 : formControlProps.id
|
1700
1701
|
}
|
1701
|
-
), withInput ? /* @__PURE__ */
|
1702
|
+
), withInput ? /* @__PURE__ */ React86__namespace.default.createElement(
|
1702
1703
|
react.chakra.input,
|
1703
1704
|
{
|
1704
1705
|
type: "number",
|
@@ -1724,7 +1725,7 @@ function NumericStepper({
|
|
1724
1725
|
}
|
1725
1726
|
}
|
1726
1727
|
}
|
1727
|
-
) : /* @__PURE__ */
|
1728
|
+
) : /* @__PURE__ */ React86__namespace.default.createElement(
|
1728
1729
|
react.chakra.text,
|
1729
1730
|
{
|
1730
1731
|
sx: styles3.text,
|
@@ -1733,11 +1734,11 @@ function NumericStepper({
|
|
1733
1734
|
"aria-label": ariaLabelContext.plural !== "" ? t2(texts2.currentNumberAriaLabel(ariaLabelContext.plural)) : ""
|
1734
1735
|
},
|
1735
1736
|
value
|
1736
|
-
), /* @__PURE__ */
|
1737
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
1737
1738
|
VerySmallButton,
|
1738
1739
|
{
|
1739
1740
|
ref: addButtonRef,
|
1740
|
-
icon: /* @__PURE__ */
|
1741
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
|
1741
1742
|
"aria-label": t2(
|
1742
1743
|
texts2.incrementButtonAriaLabel(
|
1743
1744
|
clampedStepSize,
|
@@ -1755,9 +1756,9 @@ var VerySmallButton, SubtractIcon, AddIcon, texts2;
|
|
1755
1756
|
var init_NumericStepper = __esm({
|
1756
1757
|
"src/input/NumericStepper.tsx"() {
|
1757
1758
|
init_src();
|
1758
|
-
VerySmallButton =
|
1759
|
+
VerySmallButton = React86__namespace.default.forwardRef((props, ref) => {
|
1759
1760
|
const styles3 = react.useMultiStyleConfig("NumericStepper", {});
|
1760
|
-
return /* @__PURE__ */
|
1761
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
1761
1762
|
exports.IconButton,
|
1762
1763
|
{
|
1763
1764
|
variant: "primary",
|
@@ -1768,7 +1769,7 @@ var init_NumericStepper = __esm({
|
|
1768
1769
|
}
|
1769
1770
|
);
|
1770
1771
|
});
|
1771
|
-
SubtractIcon = ({ stepLabel, ...props }) => /* @__PURE__ */
|
1772
|
+
SubtractIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
1772
1773
|
react.Box,
|
1773
1774
|
{
|
1774
1775
|
as: "svg",
|
@@ -1778,7 +1779,7 @@ var init_NumericStepper = __esm({
|
|
1778
1779
|
stroke: "currentColor",
|
1779
1780
|
...props
|
1780
1781
|
},
|
1781
|
-
/* @__PURE__ */
|
1782
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
1782
1783
|
"line",
|
1783
1784
|
{
|
1784
1785
|
x1: "9",
|
@@ -1789,8 +1790,8 @@ var init_NumericStepper = __esm({
|
|
1789
1790
|
strokeLinecap: "round"
|
1790
1791
|
}
|
1791
1792
|
)
|
1792
|
-
), stepLabel > 1 && /* @__PURE__ */
|
1793
|
-
AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */
|
1793
|
+
), stepLabel > 1 && /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, stepLabel.toString()));
|
1794
|
+
AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
1794
1795
|
react.Box,
|
1795
1796
|
{
|
1796
1797
|
as: "svg",
|
@@ -1800,7 +1801,7 @@ var init_NumericStepper = __esm({
|
|
1800
1801
|
stroke: "currentColor",
|
1801
1802
|
...props
|
1802
1803
|
},
|
1803
|
-
/* @__PURE__ */
|
1804
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
1804
1805
|
"line",
|
1805
1806
|
{
|
1806
1807
|
x1: "9",
|
@@ -1811,7 +1812,7 @@ var init_NumericStepper = __esm({
|
|
1811
1812
|
strokeLinecap: "round"
|
1812
1813
|
}
|
1813
1814
|
),
|
1814
|
-
/* @__PURE__ */
|
1815
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
1815
1816
|
"line",
|
1816
1817
|
{
|
1817
1818
|
x1: "15",
|
@@ -1822,7 +1823,7 @@ var init_NumericStepper = __esm({
|
|
1822
1823
|
strokeLinecap: "round"
|
1823
1824
|
}
|
1824
1825
|
)
|
1825
|
-
), stepLabel > 1 && /* @__PURE__ */
|
1826
|
+
), stepLabel > 1 && /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, stepLabel.toString()));
|
1826
1827
|
texts2 = createTexts({
|
1827
1828
|
currentNumberAriaLabel(ariaContext) {
|
1828
1829
|
return {
|
@@ -1861,9 +1862,9 @@ var init_PasswordInput = __esm({
|
|
1861
1862
|
const { isOpen: isShowingPassword, onToggle } = react.useDisclosure();
|
1862
1863
|
const { t: t2 } = useTranslation();
|
1863
1864
|
const formControlProps = react.useFormControlContext();
|
1864
|
-
const autoGeneratedId = `password-input-${
|
1865
|
+
const autoGeneratedId = `password-input-${React86.useId()}`;
|
1865
1866
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
1866
|
-
return /* @__PURE__ */
|
1867
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__namespace.default.createElement(exports.InputLeftElement, null, leftIcon), /* @__PURE__ */ React86__namespace.default.createElement(
|
1867
1868
|
react.Input,
|
1868
1869
|
{
|
1869
1870
|
...props,
|
@@ -1875,7 +1876,7 @@ var init_PasswordInput = __esm({
|
|
1875
1876
|
ref,
|
1876
1877
|
"data-attachable": true
|
1877
1878
|
}
|
1878
|
-
), /* @__PURE__ */
|
1879
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React86__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
1879
1880
|
react.Button,
|
1880
1881
|
{
|
1881
1882
|
variant: "ghost",
|
@@ -1932,7 +1933,7 @@ var init_CountryCodeSelect = __esm({
|
|
1932
1933
|
callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
|
1933
1934
|
CountryCodeSelect = (props) => {
|
1934
1935
|
const { t: t2 } = useTranslation();
|
1935
|
-
return /* @__PURE__ */
|
1936
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
1936
1937
|
InfoSelect,
|
1937
1938
|
{
|
1938
1939
|
label: t2(texts4.countryCode),
|
@@ -1941,7 +1942,7 @@ var init_CountryCodeSelect = __esm({
|
|
1941
1942
|
variant: props.variant,
|
1942
1943
|
...props
|
1943
1944
|
},
|
1944
|
-
(item) => /* @__PURE__ */
|
1945
|
+
(item) => /* @__PURE__ */ React86__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
|
1945
1946
|
);
|
1946
1947
|
};
|
1947
1948
|
CountryCodeSelect_default = CountryCodeSelect;
|
@@ -1979,10 +1980,10 @@ var init_PhoneNumberInput = __esm({
|
|
1979
1980
|
nationalNumber: ""
|
1980
1981
|
}
|
1981
1982
|
});
|
1982
|
-
return /* @__PURE__ */
|
1983
|
-
|
1983
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement(
|
1984
|
+
React86.Suspense,
|
1984
1985
|
{
|
1985
|
-
fallback: /* @__PURE__ */
|
1986
|
+
fallback: /* @__PURE__ */ React86__namespace.default.createElement(
|
1986
1987
|
InfoSelect,
|
1987
1988
|
{
|
1988
1989
|
isLabelSrOnly: true,
|
@@ -1992,10 +1993,10 @@ var init_PhoneNumberInput = __esm({
|
|
1992
1993
|
value: "+47",
|
1993
1994
|
variant
|
1994
1995
|
},
|
1995
|
-
/* @__PURE__ */
|
1996
|
+
/* @__PURE__ */ React86__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
|
1996
1997
|
)
|
1997
1998
|
},
|
1998
|
-
/* @__PURE__ */
|
1999
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
1999
2000
|
LazyCountryCodeSelect,
|
2000
2001
|
{
|
2001
2002
|
value: value.countryCode,
|
@@ -2009,7 +2010,7 @@ var init_PhoneNumberInput = __esm({
|
|
2009
2010
|
variant
|
2010
2011
|
}
|
2011
2012
|
)
|
2012
|
-
), /* @__PURE__ */
|
2013
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
2013
2014
|
exports.Input,
|
2014
2015
|
{
|
2015
2016
|
ref,
|
@@ -2045,14 +2046,14 @@ var init_PhoneNumberInput = __esm({
|
|
2045
2046
|
sv: "Landskod"
|
2046
2047
|
}
|
2047
2048
|
});
|
2048
|
-
LazyCountryCodeSelect =
|
2049
|
+
LazyCountryCodeSelect = React86__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
|
2049
2050
|
}
|
2050
2051
|
});
|
2051
2052
|
exports.Radio = void 0;
|
2052
2053
|
var init_Radio = __esm({
|
2053
2054
|
"src/input/Radio.tsx"() {
|
2054
2055
|
exports.Radio = react.forwardRef((props, ref) => {
|
2055
|
-
return /* @__PURE__ */
|
2056
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Radio, { ...props, ref });
|
2056
2057
|
});
|
2057
2058
|
}
|
2058
2059
|
});
|
@@ -2061,7 +2062,7 @@ var init_RadioGroup = __esm({
|
|
2061
2062
|
"src/input/RadioGroup.tsx"() {
|
2062
2063
|
exports.RadioGroup = react.forwardRef(
|
2063
2064
|
({ children, direction: direction2 = "row", ...rest }, ref) => {
|
2064
|
-
return /* @__PURE__ */
|
2065
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
|
2065
2066
|
}
|
2066
2067
|
);
|
2067
2068
|
}
|
@@ -2076,9 +2077,9 @@ var init_SearchInput = __esm({
|
|
2076
2077
|
const { t: t2 } = useTranslation();
|
2077
2078
|
const showClearButton = onReset && Boolean(props.value);
|
2078
2079
|
const formControlProps = react.useFormControlContext();
|
2079
|
-
const autoGeneratedId =
|
2080
|
+
const autoGeneratedId = React86.useId();
|
2080
2081
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
2081
|
-
return /* @__PURE__ */
|
2082
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.InputGroup, { position: "relative" }, /* @__PURE__ */ React86__namespace.default.createElement(exports.InputLeftElement, null, /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React86__namespace.default.createElement(
|
2082
2083
|
react.Input,
|
2083
2084
|
{
|
2084
2085
|
paddingLeft: 7,
|
@@ -2095,7 +2096,7 @@ var init_SearchInput = __esm({
|
|
2095
2096
|
placeholder: " ",
|
2096
2097
|
"data-attachable": true
|
2097
2098
|
}
|
2098
|
-
), /* @__PURE__ */
|
2099
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts6.label)), showClearButton && /* @__PURE__ */ React86__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
2099
2100
|
react.IconButton,
|
2100
2101
|
{
|
2101
2102
|
variant: "ghost",
|
@@ -2103,7 +2104,7 @@ var init_SearchInput = __esm({
|
|
2103
2104
|
size: "sm",
|
2104
2105
|
marginRight: 1,
|
2105
2106
|
"aria-label": t2(texts6.reset),
|
2106
|
-
icon: /* @__PURE__ */
|
2107
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
|
2107
2108
|
onClick: onReset
|
2108
2109
|
}
|
2109
2110
|
)));
|
@@ -2130,7 +2131,7 @@ var init_Switch = __esm({
|
|
2130
2131
|
"src/input/Switch.tsx"() {
|
2131
2132
|
exports.Switch = react.forwardRef(
|
2132
2133
|
({ size: size2 = "md", as = "div", ...props }, ref) => {
|
2133
|
-
return /* @__PURE__ */
|
2134
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Switch, { as, size: size2, ...props, ref });
|
2134
2135
|
}
|
2135
2136
|
);
|
2136
2137
|
}
|
@@ -2202,9 +2203,9 @@ var init_Textarea = __esm({
|
|
2202
2203
|
remainingProps: { label, ...rest }
|
2203
2204
|
} = getSpacingProps(props);
|
2204
2205
|
const formControlProps = react.useFormControlContext();
|
2205
|
-
const fallbackId = `textarea-${
|
2206
|
+
const fallbackId = `textarea-${React86.useId()}`;
|
2206
2207
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
2207
|
-
return /* @__PURE__ */
|
2208
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React86__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React86__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
|
2208
2209
|
});
|
2209
2210
|
}
|
2210
2211
|
});
|
@@ -2238,7 +2239,7 @@ exports.RadioCardGroupContext = void 0; exports.RadioCardGroup = void 0;
|
|
2238
2239
|
var init_RadioCardGroup = __esm({
|
2239
2240
|
"src/layout/RadioCardGroup.tsx"() {
|
2240
2241
|
init_input();
|
2241
|
-
exports.RadioCardGroupContext =
|
2242
|
+
exports.RadioCardGroupContext = React86__namespace.default.createContext(null);
|
2242
2243
|
exports.RadioCardGroup = ({
|
2243
2244
|
children,
|
2244
2245
|
name,
|
@@ -2249,14 +2250,14 @@ var init_RadioCardGroup = __esm({
|
|
2249
2250
|
onChange,
|
2250
2251
|
...props
|
2251
2252
|
}) => {
|
2252
|
-
const [selectedValue, setSelectedValue] =
|
2253
|
+
const [selectedValue, setSelectedValue] = React86.useState(
|
2253
2254
|
defaultValue || ""
|
2254
2255
|
);
|
2255
2256
|
const handleChange = (value) => {
|
2256
2257
|
setSelectedValue(value);
|
2257
2258
|
onChange && onChange(value);
|
2258
2259
|
};
|
2259
|
-
return /* @__PURE__ */
|
2260
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
2260
2261
|
exports.RadioCardGroupContext.Provider,
|
2261
2262
|
{
|
2262
2263
|
value: {
|
@@ -2267,7 +2268,7 @@ var init_RadioCardGroup = __esm({
|
|
2267
2268
|
defaultValue: defaultValue || ""
|
2268
2269
|
}
|
2269
2270
|
},
|
2270
|
-
/* @__PURE__ */
|
2271
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React86__namespace.default.createElement(exports.FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
|
2271
2272
|
);
|
2272
2273
|
};
|
2273
2274
|
}
|
@@ -2278,7 +2279,7 @@ var init_RadioCard = __esm({
|
|
2278
2279
|
init_RadioCardGroup();
|
2279
2280
|
exports.RadioCard = react.forwardRef(
|
2280
2281
|
({ children, value, isDisabled, ...props }, ref) => {
|
2281
|
-
const context =
|
2282
|
+
const context = React86.useContext(exports.RadioCardGroupContext);
|
2282
2283
|
if (!context) {
|
2283
2284
|
throw new Error(
|
2284
2285
|
"RadioCard components must be wrapped in a RadioCardGroup component"
|
@@ -2286,10 +2287,10 @@ var init_RadioCard = __esm({
|
|
2286
2287
|
}
|
2287
2288
|
const { name, selectedValue, onChange, variant } = context;
|
2288
2289
|
const styles3 = react.useMultiStyleConfig("RadioCard", { variant });
|
2289
|
-
const [isKeyboardUser, setKeyboardUser] =
|
2290
|
-
const [isFocused, setFocus] =
|
2290
|
+
const [isKeyboardUser, setKeyboardUser] = React86.useState(false);
|
2291
|
+
const [isFocused, setFocus] = React86.useState(false);
|
2291
2292
|
const isChecked = selectedValue === value;
|
2292
|
-
|
2293
|
+
React86.useEffect(() => {
|
2293
2294
|
const handleMouseDown = () => setKeyboardUser(false);
|
2294
2295
|
const handleKeyDown = (event) => {
|
2295
2296
|
if (event.key === " ") {
|
@@ -2305,21 +2306,21 @@ var init_RadioCard = __esm({
|
|
2305
2306
|
window.removeEventListener("keydown", handleKeyDown);
|
2306
2307
|
};
|
2307
2308
|
}, []);
|
2308
|
-
|
2309
|
+
React86.useEffect(() => {
|
2309
2310
|
if (isKeyboardUser && isChecked) {
|
2310
2311
|
setFocus(true);
|
2311
2312
|
} else {
|
2312
2313
|
setFocus(false);
|
2313
2314
|
}
|
2314
2315
|
}, [isKeyboardUser, isChecked]);
|
2315
|
-
const inputId = `radio-card-${
|
2316
|
-
return /* @__PURE__ */
|
2316
|
+
const inputId = `radio-card-${React86.useId()}`;
|
2317
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
2317
2318
|
react.Box,
|
2318
2319
|
{
|
2319
2320
|
onFocus: () => isKeyboardUser && setFocus(true),
|
2320
2321
|
onBlur: () => setFocus(false)
|
2321
2322
|
},
|
2322
|
-
/* @__PURE__ */
|
2323
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
2323
2324
|
react.chakra.input,
|
2324
2325
|
{
|
2325
2326
|
type: "radio",
|
@@ -2332,7 +2333,7 @@ var init_RadioCard = __esm({
|
|
2332
2333
|
__css: styles3.radioInput
|
2333
2334
|
}
|
2334
2335
|
),
|
2335
|
-
/* @__PURE__ */
|
2336
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
2336
2337
|
react.Box,
|
2337
2338
|
{
|
2338
2339
|
as: "label",
|
@@ -2364,7 +2365,7 @@ var init_StaticCard = __esm({
|
|
2364
2365
|
const styles3 = react.useStyleConfig("StaticCard", {
|
2365
2366
|
colorScheme
|
2366
2367
|
});
|
2367
|
-
return /* @__PURE__ */
|
2368
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
|
2368
2369
|
}
|
2369
2370
|
);
|
2370
2371
|
}
|
@@ -2377,7 +2378,7 @@ var init_PressableCard = __esm({
|
|
2377
2378
|
const styles3 = react.useStyleConfig("PressableCard", {
|
2378
2379
|
variant
|
2379
2380
|
});
|
2380
|
-
return /* @__PURE__ */
|
2381
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
|
2381
2382
|
}
|
2382
2383
|
);
|
2383
2384
|
}
|
@@ -2399,14 +2400,14 @@ var init_Accordion = __esm({
|
|
2399
2400
|
exports.Accordion = react.forwardRef(
|
2400
2401
|
({ children, spacing: spacing3 = 2, ...props }, ref) => {
|
2401
2402
|
const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
|
2402
|
-
return /* @__PURE__ */
|
2403
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
2403
2404
|
react.Accordion,
|
2404
2405
|
{
|
2405
2406
|
...props,
|
2406
2407
|
ref,
|
2407
2408
|
defaultIndex
|
2408
2409
|
},
|
2409
|
-
/* @__PURE__ */
|
2410
|
+
/* @__PURE__ */ React86__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
|
2410
2411
|
);
|
2411
2412
|
}
|
2412
2413
|
);
|
@@ -2427,7 +2428,7 @@ var init_Expandable = __esm({
|
|
2427
2428
|
},
|
2428
2429
|
...rest
|
2429
2430
|
}) => {
|
2430
|
-
return /* @__PURE__ */
|
2431
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
2431
2432
|
exports.Accordion,
|
2432
2433
|
{
|
2433
2434
|
...rest,
|
@@ -2435,7 +2436,7 @@ var init_Expandable = __esm({
|
|
2435
2436
|
defaultIndex: defaultOpen ? 0 : void 0,
|
2436
2437
|
onChange: (expandedIndex) => onChange(expandedIndex === 0)
|
2437
2438
|
},
|
2438
|
-
/* @__PURE__ */
|
2439
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
2439
2440
|
exports.ExpandableItem,
|
2440
2441
|
{
|
2441
2442
|
headingLevel,
|
@@ -2454,7 +2455,7 @@ var init_Expandable = __esm({
|
|
2454
2455
|
...rest
|
2455
2456
|
}) => {
|
2456
2457
|
warnAboutMismatchingIcon({ icon: leftIcon });
|
2457
|
-
return /* @__PURE__ */
|
2458
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionPanel, null, children));
|
2458
2459
|
};
|
2459
2460
|
warnAboutMismatchingIcon = ({ icon }) => {
|
2460
2461
|
var _a6, _b5;
|
@@ -2496,10 +2497,10 @@ function LanguageProvider({
|
|
2496
2497
|
language,
|
2497
2498
|
children
|
2498
2499
|
}) {
|
2499
|
-
return /* @__PURE__ */
|
2500
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
|
2500
2501
|
}
|
2501
2502
|
function useLanguage() {
|
2502
|
-
const language =
|
2503
|
+
const language = React86.useContext(LanguageContext);
|
2503
2504
|
if (!language) {
|
2504
2505
|
throw new Error("Please wrap your application in a LanguageProvider");
|
2505
2506
|
}
|
@@ -2512,8 +2513,8 @@ function useTranslation() {
|
|
2512
2513
|
};
|
2513
2514
|
return { t: t2, language };
|
2514
2515
|
}
|
2515
|
-
function createTexts(
|
2516
|
-
return
|
2516
|
+
function createTexts(texts31) {
|
2517
|
+
return texts31;
|
2517
2518
|
}
|
2518
2519
|
exports.Language = void 0; var LanguageContext;
|
2519
2520
|
var init_i18n = __esm({
|
@@ -2525,12 +2526,12 @@ var init_i18n = __esm({
|
|
2525
2526
|
Language3["English"] = "en";
|
2526
2527
|
return Language3;
|
2527
2528
|
})(exports.Language || {});
|
2528
|
-
LanguageContext =
|
2529
|
+
LanguageContext = React86.createContext(void 0);
|
2529
2530
|
}
|
2530
2531
|
});
|
2531
2532
|
function useHydrated() {
|
2532
|
-
let [hydrated, setHydrated] =
|
2533
|
-
|
2533
|
+
let [hydrated, setHydrated] = React86.useState(() => !hydrating);
|
2534
|
+
React86.useEffect(function hydrate() {
|
2534
2535
|
hydrating = false;
|
2535
2536
|
setHydrated(true);
|
2536
2537
|
}, []);
|
@@ -2548,13 +2549,13 @@ var init_ClientOnly = __esm({
|
|
2548
2549
|
init_useHydrated();
|
2549
2550
|
ClientOnly = ({ children, fallback = null }) => {
|
2550
2551
|
const isHydrated = useHydrated();
|
2551
|
-
return /* @__PURE__ */
|
2552
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, isHydrated ? children() : fallback);
|
2552
2553
|
};
|
2553
2554
|
}
|
2554
2555
|
});
|
2555
2556
|
function Lottie({ animationData }) {
|
2556
2557
|
const { View } = lottieReact.useLottie({ animationData, loop: true });
|
2557
|
-
return /* @__PURE__ */
|
2558
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, View);
|
2558
2559
|
}
|
2559
2560
|
var init_Lottie = __esm({
|
2560
2561
|
"src/loader/Lottie.tsx"() {
|
@@ -2570,7 +2571,7 @@ var init_ColorInlineLoader = __esm({
|
|
2570
2571
|
maxWidth,
|
2571
2572
|
...props
|
2572
2573
|
}) => {
|
2573
|
-
return /* @__PURE__ */
|
2574
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
|
2574
2575
|
};
|
2575
2576
|
}
|
2576
2577
|
});
|
@@ -2585,7 +2586,7 @@ var init_ColorSpinner = __esm({
|
|
2585
2586
|
maxWidth,
|
2586
2587
|
...props
|
2587
2588
|
}) => {
|
2588
|
-
return /* @__PURE__ */
|
2589
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2589
2590
|
};
|
2590
2591
|
}
|
2591
2592
|
});
|
@@ -2595,7 +2596,7 @@ var init_ContentLoader = __esm({
|
|
2595
2596
|
init_ClientOnly();
|
2596
2597
|
init_Lottie();
|
2597
2598
|
exports.ContentLoader = ({ children, ...props }) => {
|
2598
|
-
return /* @__PURE__ */
|
2599
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
|
2599
2600
|
};
|
2600
2601
|
}
|
2601
2602
|
});
|
@@ -2609,7 +2610,7 @@ var init_DarkFullScreenLoader = __esm({
|
|
2609
2610
|
maxWidth,
|
2610
2611
|
...props
|
2611
2612
|
}) => {
|
2612
|
-
return /* @__PURE__ */
|
2613
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
|
2613
2614
|
};
|
2614
2615
|
}
|
2615
2616
|
});
|
@@ -2623,7 +2624,7 @@ var init_DarkInlineLoader = __esm({
|
|
2623
2624
|
maxWidth,
|
2624
2625
|
...props
|
2625
2626
|
}) => {
|
2626
|
-
return /* @__PURE__ */
|
2627
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
|
2627
2628
|
};
|
2628
2629
|
}
|
2629
2630
|
});
|
@@ -2641,7 +2642,7 @@ var init_DarkSpinner = __esm({
|
|
2641
2642
|
}) => {
|
2642
2643
|
const { colorMode } = react.useColorMode();
|
2643
2644
|
const spinnerData = colorMode === "dark" ? sporLoader.spinnerLightData : sporLoader.spinnerDarkData;
|
2644
|
-
return /* @__PURE__ */
|
2645
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2645
2646
|
};
|
2646
2647
|
}
|
2647
2648
|
});
|
@@ -2655,7 +2656,7 @@ var init_LightFullScreenLoader = __esm({
|
|
2655
2656
|
maxWidth,
|
2656
2657
|
...props
|
2657
2658
|
}) => {
|
2658
|
-
return /* @__PURE__ */
|
2659
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
|
2659
2660
|
};
|
2660
2661
|
}
|
2661
2662
|
});
|
@@ -2669,7 +2670,7 @@ var init_LightInlineLoader = __esm({
|
|
2669
2670
|
maxWidth,
|
2670
2671
|
...props
|
2671
2672
|
}) => {
|
2672
|
-
return /* @__PURE__ */
|
2673
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
|
2673
2674
|
};
|
2674
2675
|
}
|
2675
2676
|
});
|
@@ -2684,7 +2685,7 @@ var init_LightSpinner = __esm({
|
|
2684
2685
|
maxWidth,
|
2685
2686
|
...props
|
2686
2687
|
}) => {
|
2687
|
-
return /* @__PURE__ */
|
2688
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2688
2689
|
};
|
2689
2690
|
}
|
2690
2691
|
});
|
@@ -2692,11 +2693,11 @@ var useRotatingLabel;
|
|
2692
2693
|
var init_useRotatingLabel = __esm({
|
2693
2694
|
"src/loader/useRotatingLabel.tsx"() {
|
2694
2695
|
useRotatingLabel = ({ label, delay }) => {
|
2695
|
-
const loadingTextArray =
|
2696
|
+
const loadingTextArray = React86.useMemo(
|
2696
2697
|
() => Array.isArray(label) ? label : [label],
|
2697
2698
|
[label]
|
2698
2699
|
);
|
2699
|
-
const [currentLoadingTextIndex, setCurrentLoadingTextIndex] =
|
2700
|
+
const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React86.useState(0);
|
2700
2701
|
react.useInterval(() => {
|
2701
2702
|
setCurrentLoadingTextIndex(
|
2702
2703
|
(prevIndex) => (prevIndex + 1) % loadingTextArray.length
|
@@ -2731,7 +2732,7 @@ var init_ProgressBar = __esm({
|
|
2731
2732
|
"aria-label": ariaLabel || t2(texts7.label(value))
|
2732
2733
|
});
|
2733
2734
|
const styles3 = react.useMultiStyleConfig("ProgressBar", {});
|
2734
|
-
return /* @__PURE__ */
|
2735
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
2735
2736
|
react.Box,
|
2736
2737
|
{
|
2737
2738
|
...progressBarProps,
|
@@ -2739,8 +2740,8 @@ var init_ProgressBar = __esm({
|
|
2739
2740
|
__css: styles3.container,
|
2740
2741
|
...rest
|
2741
2742
|
},
|
2742
|
-
/* @__PURE__ */
|
2743
|
-
currentLoadingText && /* @__PURE__ */
|
2743
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
|
2744
|
+
currentLoadingText && /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
|
2744
2745
|
));
|
2745
2746
|
};
|
2746
2747
|
texts7 = createTexts({
|
@@ -2777,11 +2778,11 @@ var init_ProgressLoader = __esm({
|
|
2777
2778
|
value,
|
2778
2779
|
"aria-label": ariaLabel ?? t2(texts8.fallbackLabel(value ?? "?"))
|
2779
2780
|
});
|
2780
|
-
const pathRef =
|
2781
|
+
const pathRef = React86.useRef(null);
|
2781
2782
|
const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
|
2782
2783
|
const progress = (value - 100) / 100 * progressPathLength;
|
2783
|
-
const id =
|
2784
|
-
return /* @__PURE__ */
|
2784
|
+
const id = React86.useId();
|
2785
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
2785
2786
|
react.Box,
|
2786
2787
|
{
|
2787
2788
|
as: "path",
|
@@ -2789,7 +2790,7 @@ var init_ProgressLoader = __esm({
|
|
2789
2790
|
d: "M14.0479 44.8251C19.4332 44.8251 23.7988 40.5242 23.7988 35.2187C23.7988 29.9133 19.4332 25.6124 14.0479 25.6124C8.66254 25.6124 4.29688 29.9133 4.29688 35.2187C4.29688 40.5242 8.66254 44.8251 14.0479 44.8251Z",
|
2790
2791
|
fill: "#FFB466"
|
2791
2792
|
}
|
2792
|
-
), /* @__PURE__ */
|
2793
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
2793
2794
|
react.Box,
|
2794
2795
|
{
|
2795
2796
|
as: "path",
|
@@ -2800,7 +2801,7 @@ var init_ProgressLoader = __esm({
|
|
2800
2801
|
strokeLinecap: "round",
|
2801
2802
|
strokeLinejoin: "round"
|
2802
2803
|
}
|
2803
|
-
), /* @__PURE__ */
|
2804
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
2804
2805
|
react.Box,
|
2805
2806
|
{
|
2806
2807
|
as: "path",
|
@@ -2815,7 +2816,7 @@ var init_ProgressLoader = __esm({
|
|
2815
2816
|
transition: "stroke-dashoffset .2s ease-out",
|
2816
2817
|
ref: pathRef
|
2817
2818
|
}
|
2818
|
-
), /* @__PURE__ */
|
2819
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
2819
2820
|
react.Box,
|
2820
2821
|
{
|
2821
2822
|
as: "path",
|
@@ -2823,7 +2824,7 @@ var init_ProgressLoader = __esm({
|
|
2823
2824
|
d: "M226.025 44.8251C231.411 44.8251 235.776 40.5242 235.776 35.2187C235.776 29.9133 231.411 25.6124 226.025 25.6124C220.64 25.6124 216.274 29.9133 216.274 35.2187C216.274 40.5242 220.64 44.8251 226.025 44.8251Z",
|
2824
2825
|
fill: "#688CBA"
|
2825
2826
|
}
|
2826
|
-
)), currentLoadingText && /* @__PURE__ */
|
2827
|
+
)), currentLoadingText && /* @__PURE__ */ React86__namespace.default.createElement(
|
2827
2828
|
react.Text,
|
2828
2829
|
{
|
2829
2830
|
textAlign: "center",
|
@@ -2847,19 +2848,19 @@ var init_ProgressLoader = __esm({
|
|
2847
2848
|
exports.Skeleton = void 0;
|
2848
2849
|
var init_Skeleton = __esm({
|
2849
2850
|
"src/loader/Skeleton.tsx"() {
|
2850
|
-
exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */
|
2851
|
+
exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.Skeleton, { ...props, ref }));
|
2851
2852
|
}
|
2852
2853
|
});
|
2853
2854
|
exports.SkeletonCircle = void 0;
|
2854
2855
|
var init_SkeletonCircle = __esm({
|
2855
2856
|
"src/loader/SkeletonCircle.tsx"() {
|
2856
|
-
exports.SkeletonCircle = (props) => /* @__PURE__ */
|
2857
|
+
exports.SkeletonCircle = (props) => /* @__PURE__ */ React86__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
|
2857
2858
|
}
|
2858
2859
|
});
|
2859
2860
|
exports.SkeletonText = void 0;
|
2860
2861
|
var init_SkeletonText = __esm({
|
2861
2862
|
"src/loader/SkeletonText.tsx"() {
|
2862
|
-
exports.SkeletonText = (props) => /* @__PURE__ */
|
2863
|
+
exports.SkeletonText = (props) => /* @__PURE__ */ React86__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
|
2863
2864
|
}
|
2864
2865
|
});
|
2865
2866
|
|
@@ -2934,7 +2935,7 @@ var init_Button = __esm({
|
|
2934
2935
|
if (fontWeight) {
|
2935
2936
|
styles3.fontWeight = fontWeight;
|
2936
2937
|
}
|
2937
|
-
return /* @__PURE__ */
|
2938
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
2938
2939
|
react.Box,
|
2939
2940
|
{
|
2940
2941
|
...rest,
|
@@ -2948,7 +2949,7 @@ var init_Button = __esm({
|
|
2948
2949
|
position: "relative",
|
2949
2950
|
fontFamily: "Vy Sans"
|
2950
2951
|
},
|
2951
|
-
isLoading && /* @__PURE__ */
|
2952
|
+
isLoading && /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React86__namespace.default.createElement(
|
2952
2953
|
exports.ColorInlineLoader,
|
2953
2954
|
{
|
2954
2955
|
maxWidth: getLoaderWidth(finalSize),
|
@@ -2957,7 +2958,7 @@ var init_Button = __esm({
|
|
2957
2958
|
marginY: 2
|
2958
2959
|
}
|
2959
2960
|
)),
|
2960
|
-
/* @__PURE__ */
|
2961
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
2961
2962
|
react.Flex,
|
2962
2963
|
{
|
2963
2964
|
gap: 1,
|
@@ -2967,7 +2968,7 @@ var init_Button = __esm({
|
|
2967
2968
|
visibility: isLoading ? "hidden" : "visible",
|
2968
2969
|
"aria-hidden": isLoading
|
2969
2970
|
},
|
2970
|
-
/* @__PURE__ */
|
2971
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React86__namespace.default.createElement(
|
2971
2972
|
react.Box,
|
2972
2973
|
{
|
2973
2974
|
visibility: isLoading ? "hidden" : "visible",
|
@@ -2993,7 +2994,7 @@ var init_Button = __esm({
|
|
2993
2994
|
exports.ButtonGroup = void 0;
|
2994
2995
|
var init_ButtonGroup = __esm({
|
2995
2996
|
"src/button/ButtonGroup.tsx"() {
|
2996
|
-
exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */
|
2997
|
+
exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
|
2997
2998
|
}
|
2998
2999
|
});
|
2999
3000
|
exports.IconButton = void 0;
|
@@ -3001,12 +3002,12 @@ var init_IconButton = __esm({
|
|
3001
3002
|
"src/button/IconButton.tsx"() {
|
3002
3003
|
init_src();
|
3003
3004
|
exports.IconButton = react.forwardRef(
|
3004
|
-
({ ...props }, ref) => /* @__PURE__ */
|
3005
|
+
({ ...props }, ref) => /* @__PURE__ */ React86__namespace.default.createElement(
|
3005
3006
|
react.IconButton,
|
3006
3007
|
{
|
3007
3008
|
title: props["aria-label"],
|
3008
3009
|
...props,
|
3009
|
-
spinner: /* @__PURE__ */
|
3010
|
+
spinner: /* @__PURE__ */ React86__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
|
3010
3011
|
ref
|
3011
3012
|
}
|
3012
3013
|
)
|
@@ -3021,7 +3022,7 @@ var init_CloseButton = __esm({
|
|
3021
3022
|
exports.CloseButton = react.forwardRef(
|
3022
3023
|
({ size: size2 = "sm", ...props }, ref) => {
|
3023
3024
|
const { t: t2 } = useTranslation();
|
3024
|
-
return /* @__PURE__ */
|
3025
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3025
3026
|
exports.IconButton,
|
3026
3027
|
{
|
3027
3028
|
ref,
|
@@ -3038,11 +3039,11 @@ var init_CloseButton = __esm({
|
|
3038
3039
|
switch (size2) {
|
3039
3040
|
case "xs":
|
3040
3041
|
case "sm":
|
3041
|
-
return /* @__PURE__ */
|
3042
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
|
3042
3043
|
case "md":
|
3043
|
-
return /* @__PURE__ */
|
3044
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
|
3044
3045
|
case "lg":
|
3045
|
-
return /* @__PURE__ */
|
3046
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
|
3046
3047
|
}
|
3047
3048
|
};
|
3048
3049
|
texts10 = createTexts({
|
@@ -3069,11 +3070,11 @@ var init_FloatingActionButton = __esm({
|
|
3069
3070
|
placement = "bottom right",
|
3070
3071
|
...props
|
3071
3072
|
}, ref) => {
|
3072
|
-
const [isTextVisible, setIsTextVisible] =
|
3073
|
+
const [isTextVisible, setIsTextVisible] = React86__namespace.default.useState(
|
3073
3074
|
externalIsTextVisible !== void 0 ? externalIsTextVisible : false
|
3074
3075
|
);
|
3075
3076
|
const scrollDirection = useScrollDirection();
|
3076
|
-
|
3077
|
+
React86.useEffect(() => {
|
3077
3078
|
if (externalIsTextVisible !== void 0) {
|
3078
3079
|
return;
|
3079
3080
|
}
|
@@ -3083,7 +3084,7 @@ var init_FloatingActionButton = __esm({
|
|
3083
3084
|
);
|
3084
3085
|
return () => window.clearTimeout(id);
|
3085
3086
|
}, [scrollDirection, externalIsTextVisible]);
|
3086
|
-
|
3087
|
+
React86.useEffect(() => {
|
3087
3088
|
setIsTextVisible(!!externalIsTextVisible);
|
3088
3089
|
}, [externalIsTextVisible]);
|
3089
3090
|
const style = react.useMultiStyleConfig("FloatingActionButton", {
|
@@ -3091,7 +3092,7 @@ var init_FloatingActionButton = __esm({
|
|
3091
3092
|
isTextVisible,
|
3092
3093
|
placement
|
3093
3094
|
});
|
3094
|
-
return /* @__PURE__ */
|
3095
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3095
3096
|
MotionBox,
|
3096
3097
|
{
|
3097
3098
|
__css: style.container,
|
@@ -3099,8 +3100,8 @@ var init_FloatingActionButton = __esm({
|
|
3099
3100
|
ref,
|
3100
3101
|
...props
|
3101
3102
|
},
|
3102
|
-
/* @__PURE__ */
|
3103
|
-
/* @__PURE__ */
|
3103
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
|
3104
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
3104
3105
|
MotionBox,
|
3105
3106
|
{
|
3106
3107
|
animate: isTextVisible ? "show" : "hide",
|
@@ -3125,11 +3126,11 @@ var init_FloatingActionButton = __esm({
|
|
3125
3126
|
}
|
3126
3127
|
);
|
3127
3128
|
useScrollDirection = () => {
|
3128
|
-
const [scrollDirection, setScrollDirection] =
|
3129
|
-
const lastScrollPosition =
|
3129
|
+
const [scrollDirection, setScrollDirection] = React86__namespace.default.useState(null);
|
3130
|
+
const lastScrollPosition = React86__namespace.default.useRef(
|
3130
3131
|
typeof window !== "undefined" ? window.scrollY : 0
|
3131
3132
|
);
|
3132
|
-
|
3133
|
+
React86__namespace.default.useEffect(() => {
|
3133
3134
|
const onScroll = () => {
|
3134
3135
|
const delta = window.scrollY - lastScrollPosition.current;
|
3135
3136
|
if (delta === 0) {
|
@@ -3165,7 +3166,7 @@ var init_AlertIcon = __esm({
|
|
3165
3166
|
AlertIcon = ({ variant }) => {
|
3166
3167
|
const Icon = getIcon2(variant);
|
3167
3168
|
const { t: t2 } = useTranslation();
|
3168
|
-
return /* @__PURE__ */
|
3169
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3169
3170
|
Icon,
|
3170
3171
|
{
|
3171
3172
|
flexShrink: 0,
|
@@ -3187,6 +3188,8 @@ var init_AlertIcon = __esm({
|
|
3187
3188
|
return sporIconReact.AltTransportOutline24Icon;
|
3188
3189
|
case "error":
|
3189
3190
|
return sporIconReact.ErrorOutline24Icon;
|
3191
|
+
case "service":
|
3192
|
+
return sporIconReact.WarningFill24Icon;
|
3190
3193
|
}
|
3191
3194
|
};
|
3192
3195
|
texts11 = createTexts({
|
@@ -3219,6 +3222,12 @@ var init_AlertIcon = __esm({
|
|
3219
3222
|
nn: "Alternativ transport",
|
3220
3223
|
sv: "Alternativ transport",
|
3221
3224
|
en: "Alternative transport"
|
3225
|
+
},
|
3226
|
+
service: {
|
3227
|
+
nb: "Driftsmelding",
|
3228
|
+
nn: "Driftsmelding",
|
3229
|
+
sv: "Servicemeddelande",
|
3230
|
+
en: "Service message"
|
3222
3231
|
}
|
3223
3232
|
});
|
3224
3233
|
}
|
@@ -3232,7 +3241,7 @@ var init_BaseAlert = __esm({
|
|
3232
3241
|
...boxProps
|
3233
3242
|
}) => {
|
3234
3243
|
const styles3 = react.useMultiStyleConfig("Alert", { variant });
|
3235
|
-
return /* @__PURE__ */
|
3244
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
|
3236
3245
|
};
|
3237
3246
|
}
|
3238
3247
|
});
|
@@ -3260,17 +3269,17 @@ var init_ClosableAlert = __esm({
|
|
3260
3269
|
externalOnClose();
|
3261
3270
|
onClose();
|
3262
3271
|
};
|
3263
|
-
return /* @__PURE__ */
|
3272
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3264
3273
|
exports.IconButton,
|
3265
3274
|
{
|
3266
3275
|
variant: "ghost",
|
3267
3276
|
size: "sm",
|
3268
3277
|
onClick: handleClose,
|
3269
|
-
icon: /* @__PURE__ */
|
3278
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
|
3270
3279
|
"aria-label": t2(texts12.close),
|
3271
3280
|
sx: styles3.closeButton
|
3272
3281
|
}
|
3273
|
-
), /* @__PURE__ */
|
3282
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginRight: 1 }, children)));
|
3274
3283
|
};
|
3275
3284
|
texts12 = createTexts({
|
3276
3285
|
close: {
|
@@ -3298,7 +3307,7 @@ var init_ExpandableAlert = __esm({
|
|
3298
3307
|
...boxProps
|
3299
3308
|
}) => {
|
3300
3309
|
const styles3 = react.useMultiStyleConfig("AlertExpandable", { variant });
|
3301
|
-
return /* @__PURE__ */
|
3310
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3302
3311
|
react.Accordion,
|
3303
3312
|
{
|
3304
3313
|
onChange: (expandedIndex) => onToggle(expandedIndex === 0),
|
@@ -3306,14 +3315,14 @@ var init_ExpandableAlert = __esm({
|
|
3306
3315
|
allowToggle: true,
|
3307
3316
|
flexGrow: "1"
|
3308
3317
|
},
|
3309
|
-
/* @__PURE__ */
|
3318
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3310
3319
|
react.Flex,
|
3311
3320
|
{
|
3312
3321
|
justifyContent: "space-between",
|
3313
3322
|
alignItems: "center",
|
3314
3323
|
flexGrow: "1"
|
3315
3324
|
},
|
3316
|
-
/* @__PURE__ */
|
3325
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__namespace.default.createElement(
|
3317
3326
|
react.Box,
|
3318
3327
|
{
|
3319
3328
|
as: "span",
|
@@ -3324,12 +3333,17 @@ var init_ExpandableAlert = __esm({
|
|
3324
3333
|
WebkitLineClamp: "1",
|
3325
3334
|
WebkitBoxOrient: "vertical"
|
3326
3335
|
},
|
3327
|
-
color: "darkGrey"
|
3336
|
+
color: variant === "service" ? "white" : "darkGrey"
|
3328
3337
|
},
|
3329
3338
|
title
|
3330
3339
|
)),
|
3331
|
-
/* @__PURE__ */
|
3332
|
-
|
3340
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
3341
|
+
react.AccordionIcon,
|
3342
|
+
{
|
3343
|
+
color: variant === "service" ? "white" : "darkGrey"
|
3344
|
+
}
|
3345
|
+
)
|
3346
|
+
)), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionPanel, { color: variant === "service" ? "white" : "darkGrey" }, children))
|
3333
3347
|
));
|
3334
3348
|
};
|
3335
3349
|
}
|
@@ -3344,10 +3358,118 @@ var init_StaticAlert = __esm({
|
|
3344
3358
|
title,
|
3345
3359
|
...props
|
3346
3360
|
}) => {
|
3347
|
-
return /* @__PURE__ */
|
3361
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, children)));
|
3348
3362
|
};
|
3349
3363
|
}
|
3350
3364
|
});
|
3365
|
+
exports.ServiceAlert = void 0; var texts13;
|
3366
|
+
var init_ServiceAlert = __esm({
|
3367
|
+
"src/alert/ServiceAlert.tsx"() {
|
3368
|
+
init_AlertIcon();
|
3369
|
+
init_BaseAlert();
|
3370
|
+
init_i18n();
|
3371
|
+
exports.ServiceAlert = ({
|
3372
|
+
variant,
|
3373
|
+
children,
|
3374
|
+
title,
|
3375
|
+
notification,
|
3376
|
+
contentWidth = "container.md",
|
3377
|
+
headingLevel = "h3",
|
3378
|
+
defaultOpen = false,
|
3379
|
+
onToggle = () => {
|
3380
|
+
},
|
3381
|
+
...boxProps
|
3382
|
+
}) => {
|
3383
|
+
variant = "service";
|
3384
|
+
const { t: t2 } = useTranslation();
|
3385
|
+
const styles3 = react.useMultiStyleConfig("AlertService");
|
3386
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flexDirection: "column", sx: styles3.box }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3387
|
+
BaseAlert,
|
3388
|
+
{
|
3389
|
+
variant,
|
3390
|
+
...boxProps,
|
3391
|
+
paddingX: 0,
|
3392
|
+
paddingY: 0,
|
3393
|
+
sx: styles3.box
|
3394
|
+
},
|
3395
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
3396
|
+
react.Accordion,
|
3397
|
+
{
|
3398
|
+
onChange: (expandedIndex) => onToggle(expandedIndex === 0),
|
3399
|
+
defaultIndex: defaultOpen ? 0 : -1,
|
3400
|
+
allowToggle: true,
|
3401
|
+
flexGrow: "1"
|
3402
|
+
},
|
3403
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3404
|
+
react.Stack,
|
3405
|
+
{
|
3406
|
+
flexDirection: "row",
|
3407
|
+
justifyContent: "center",
|
3408
|
+
width: "100%",
|
3409
|
+
paddingX: "12px"
|
3410
|
+
},
|
3411
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
3412
|
+
react.Flex,
|
3413
|
+
{
|
3414
|
+
justifyContent: "space-between",
|
3415
|
+
alignItems: "center",
|
3416
|
+
flexGrow: "1",
|
3417
|
+
maxWidth: contentWidth
|
3418
|
+
},
|
3419
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__namespace.default.createElement(
|
3420
|
+
react.Box,
|
3421
|
+
{
|
3422
|
+
as: "span",
|
3423
|
+
sx: {
|
3424
|
+
// Truncate the title to one line
|
3425
|
+
display: "-webkit-box",
|
3426
|
+
overflow: "hidden",
|
3427
|
+
WebkitLineClamp: "1",
|
3428
|
+
WebkitBoxOrient: "vertical"
|
3429
|
+
},
|
3430
|
+
color: "white"
|
3431
|
+
},
|
3432
|
+
title
|
3433
|
+
)),
|
3434
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center" }, notification && /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { sx: styles3.notificationText }, t2(texts13.notification(notification))), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionIcon, { color: "white" }))
|
3435
|
+
)
|
3436
|
+
)), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionPanel, { sx: styles3.serviceMessageContent }, /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { flexDirection: "row", justifyContent: "center", width: "100%" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3437
|
+
react.Flex,
|
3438
|
+
{
|
3439
|
+
justifyContent: "space-between",
|
3440
|
+
alignItems: "center",
|
3441
|
+
flexGrow: "1",
|
3442
|
+
maxWidth: contentWidth,
|
3443
|
+
flexFlow: "column",
|
3444
|
+
gap: 2,
|
3445
|
+
sx: {
|
3446
|
+
p: {
|
3447
|
+
padding: "0.8rem 0",
|
3448
|
+
borderBottom: "0.08rem solid rgba(255, 255, 255, 0.4)"
|
3449
|
+
},
|
3450
|
+
"p:last-child": {
|
3451
|
+
borderBottom: "none"
|
3452
|
+
}
|
3453
|
+
}
|
3454
|
+
},
|
3455
|
+
children
|
3456
|
+
))))
|
3457
|
+
)
|
3458
|
+
));
|
3459
|
+
};
|
3460
|
+
texts13 = createTexts({
|
3461
|
+
notification: (notification) => {
|
3462
|
+
const numNotification = Number(notification);
|
3463
|
+
return {
|
3464
|
+
nb: `${numNotification} varsel`,
|
3465
|
+
nn: `${numNotification} varsel`,
|
3466
|
+
sv: `${numNotification} ${numNotification > 1 ? "underr\xE4ttelser" : "underr\xE4ttelse"}`,
|
3467
|
+
en: `${numNotification} ${numNotification > 1 ? "notifications" : "notification"}`
|
3468
|
+
};
|
3469
|
+
}
|
3470
|
+
});
|
3471
|
+
}
|
3472
|
+
});
|
3351
3473
|
|
3352
3474
|
// src/alert/index.tsx
|
3353
3475
|
var init_alert = __esm({
|
@@ -3355,6 +3477,7 @@ var init_alert = __esm({
|
|
3355
3477
|
init_ClosableAlert();
|
3356
3478
|
init_ExpandableAlert();
|
3357
3479
|
init_StaticAlert();
|
3480
|
+
init_ServiceAlert();
|
3358
3481
|
}
|
3359
3482
|
});
|
3360
3483
|
exports.Breadcrumb = void 0; exports.BreadcrumbItem = void 0; exports.BreadcrumbLink = void 0;
|
@@ -3362,10 +3485,10 @@ var init_Breadcrumb = __esm({
|
|
3362
3485
|
"src/breadcrumb/Breadcrumb.tsx"() {
|
3363
3486
|
exports.Breadcrumb = (props) => {
|
3364
3487
|
const iconColor = react.useColorModeValue("blackAlpha.400", "whiteAlpha.400");
|
3365
|
-
return /* @__PURE__ */
|
3488
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3366
3489
|
react.Breadcrumb,
|
3367
3490
|
{
|
3368
|
-
separator: /* @__PURE__ */
|
3491
|
+
separator: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
|
3369
3492
|
...props
|
3370
3493
|
}
|
3371
3494
|
);
|
@@ -3386,7 +3509,7 @@ var init_Badge = __esm({
|
|
3386
3509
|
"src/typography/Badge.tsx"() {
|
3387
3510
|
exports.Badge = react.forwardRef(
|
3388
3511
|
({ icon, colorScheme = "grey", children, ...props }, ref) => {
|
3389
|
-
return /* @__PURE__ */
|
3512
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3390
3513
|
react.Badge,
|
3391
3514
|
{
|
3392
3515
|
colorScheme,
|
@@ -3394,7 +3517,7 @@ var init_Badge = __esm({
|
|
3394
3517
|
paddingLeft: icon ? 1 : void 0,
|
3395
3518
|
ref
|
3396
3519
|
},
|
3397
|
-
icon &&
|
3520
|
+
icon && React86__namespace.default.cloneElement(icon, { marginRight: 1 }),
|
3398
3521
|
children
|
3399
3522
|
);
|
3400
3523
|
}
|
@@ -3404,7 +3527,7 @@ var init_Badge = __esm({
|
|
3404
3527
|
exports.Code = void 0;
|
3405
3528
|
var init_Code = __esm({
|
3406
3529
|
"src/typography/Code.tsx"() {
|
3407
|
-
exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */
|
3530
|
+
exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.Code, { ...props, ref }));
|
3408
3531
|
}
|
3409
3532
|
});
|
3410
3533
|
exports.Heading = void 0;
|
@@ -3420,7 +3543,7 @@ var init_Heading = __esm({
|
|
3420
3543
|
}) => {
|
3421
3544
|
const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
|
3422
3545
|
const color2 = react.useColorModeValue("text.primary.light", "text.primary.dark");
|
3423
|
-
return /* @__PURE__ */
|
3546
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
|
3424
3547
|
};
|
3425
3548
|
}
|
3426
3549
|
});
|
@@ -3429,7 +3552,7 @@ var init_Text = __esm({
|
|
3429
3552
|
"src/typography/Text.tsx"() {
|
3430
3553
|
exports.Text = react.forwardRef(
|
3431
3554
|
({ variant = "sm", ...props }, ref) => {
|
3432
|
-
return /* @__PURE__ */
|
3555
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
|
3433
3556
|
}
|
3434
3557
|
);
|
3435
3558
|
}
|
@@ -3450,7 +3573,7 @@ function CalendarCell({
|
|
3450
3573
|
currentMonth,
|
3451
3574
|
variant
|
3452
3575
|
}) {
|
3453
|
-
const ref =
|
3576
|
+
const ref = React86.useRef(null);
|
3454
3577
|
const {
|
3455
3578
|
cellProps,
|
3456
3579
|
buttonProps,
|
@@ -3474,7 +3597,7 @@ function CalendarCell({
|
|
3474
3597
|
if (isOutsideMonth) {
|
3475
3598
|
stateProps["data-unavailable"] = true;
|
3476
3599
|
}
|
3477
|
-
|
3600
|
+
React86.useEffect(() => {
|
3478
3601
|
var _a6;
|
3479
3602
|
(_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
|
3480
3603
|
"touchend",
|
@@ -3484,7 +3607,7 @@ function CalendarCell({
|
|
3484
3607
|
{ passive: false, once: true }
|
3485
3608
|
);
|
3486
3609
|
}, []);
|
3487
|
-
return /* @__PURE__ */
|
3610
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3488
3611
|
react.Box,
|
3489
3612
|
{
|
3490
3613
|
as: "button",
|
@@ -3550,8 +3673,8 @@ function CalendarGrid({
|
|
3550
3673
|
const weeksInMonth = date.getWeeksInMonth(state2.visibleRange.start, locale);
|
3551
3674
|
const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
|
3552
3675
|
const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
|
3553
|
-
return /* @__PURE__ */
|
3554
|
-
return /* @__PURE__ */
|
3676
|
+
return /* @__PURE__ */ React86__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React86__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React86__namespace.default.createElement("tr", null, weekDays[language].map((day, index) => {
|
3677
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3555
3678
|
exports.Text,
|
3556
3679
|
{
|
3557
3680
|
as: "th",
|
@@ -3561,8 +3684,8 @@ function CalendarGrid({
|
|
3561
3684
|
},
|
3562
3685
|
day
|
3563
3686
|
);
|
3564
|
-
}))), /* @__PURE__ */
|
3565
|
-
(date, dayIndex) => date ? /* @__PURE__ */
|
3687
|
+
}))), /* @__PURE__ */ React86__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React86__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
|
3688
|
+
(date, dayIndex) => date ? /* @__PURE__ */ React86__namespace.default.createElement(
|
3566
3689
|
CalendarCell,
|
3567
3690
|
{
|
3568
3691
|
variant,
|
@@ -3571,7 +3694,7 @@ function CalendarGrid({
|
|
3571
3694
|
date,
|
3572
3695
|
currentMonth: startDate
|
3573
3696
|
}
|
3574
|
-
) : /* @__PURE__ */
|
3697
|
+
) : /* @__PURE__ */ React86__namespace.default.createElement("td", { key: dayIndex })
|
3575
3698
|
)))));
|
3576
3699
|
}
|
3577
3700
|
var weekDays;
|
@@ -3594,9 +3717,9 @@ function CalendarNavigationButton({
|
|
3594
3717
|
"aria-label": ariaLabel,
|
3595
3718
|
...rest
|
3596
3719
|
}) {
|
3597
|
-
const ref =
|
3720
|
+
const ref = React86.useRef(null);
|
3598
3721
|
const { buttonProps } = reactAria.useButton(rest, ref);
|
3599
|
-
return /* @__PURE__ */
|
3722
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3600
3723
|
exports.IconButton,
|
3601
3724
|
{
|
3602
3725
|
...buttonProps,
|
@@ -3633,7 +3756,7 @@ function CalendarHeader({
|
|
3633
3756
|
);
|
3634
3757
|
const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
|
3635
3758
|
const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
|
3636
|
-
return /* @__PURE__ */
|
3759
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3637
3760
|
CalendarNavigator,
|
3638
3761
|
{
|
3639
3762
|
title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
|
@@ -3643,7 +3766,7 @@ function CalendarHeader({
|
|
3643
3766
|
isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
|
3644
3767
|
isPreviousDisabled: !state2.isNextVisibleRangeInvalid
|
3645
3768
|
}
|
3646
|
-
), isYearPickerVisible && /* @__PURE__ */
|
3769
|
+
), isYearPickerVisible && /* @__PURE__ */ React86__namespace.default.createElement(
|
3647
3770
|
CalendarNavigator,
|
3648
3771
|
{
|
3649
3772
|
title: jsDate.getFullYear().toString(),
|
@@ -3655,7 +3778,7 @@ function CalendarHeader({
|
|
3655
3778
|
}
|
3656
3779
|
));
|
3657
3780
|
}
|
3658
|
-
var capitalize, CalendarNavigator,
|
3781
|
+
var capitalize, CalendarNavigator, texts14;
|
3659
3782
|
var init_CalendarHeader = __esm({
|
3660
3783
|
"src/datepicker/CalendarHeader.tsx"() {
|
3661
3784
|
init_i18n();
|
@@ -3671,15 +3794,15 @@ var init_CalendarHeader = __esm({
|
|
3671
3794
|
isNextDisabled
|
3672
3795
|
}) => {
|
3673
3796
|
const { t: t2 } = useTranslation();
|
3674
|
-
return /* @__PURE__ */
|
3797
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3675
3798
|
CalendarNavigationButton,
|
3676
3799
|
{
|
3677
3800
|
onPress: onPrevious,
|
3678
3801
|
isDisabled: isPreviousDisabled,
|
3679
|
-
icon: /* @__PURE__ */
|
3680
|
-
"aria-label": `${t2(
|
3802
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
|
3803
|
+
"aria-label": `${t2(texts14.previous)} ${t2(texts14[unit])}`
|
3681
3804
|
}
|
3682
|
-
), /* @__PURE__ */
|
3805
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
3683
3806
|
react.Box,
|
3684
3807
|
{
|
3685
3808
|
role: "heading",
|
@@ -3689,17 +3812,17 @@ var init_CalendarHeader = __esm({
|
|
3689
3812
|
textAlign: "center"
|
3690
3813
|
},
|
3691
3814
|
capitalize(title)
|
3692
|
-
), /* @__PURE__ */
|
3815
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
3693
3816
|
CalendarNavigationButton,
|
3694
3817
|
{
|
3695
3818
|
onPress: onNext,
|
3696
3819
|
isDisabled: isNextDisabled,
|
3697
|
-
icon: /* @__PURE__ */
|
3698
|
-
"aria-label": `${t2(
|
3820
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
|
3821
|
+
"aria-label": `${t2(texts14.next)} ${t2(texts14[unit])}`
|
3699
3822
|
}
|
3700
3823
|
));
|
3701
3824
|
};
|
3702
|
-
|
3825
|
+
texts14 = createTexts({
|
3703
3826
|
previous: {
|
3704
3827
|
nb: "Forrige",
|
3705
3828
|
nn: "Forrige",
|
@@ -3741,17 +3864,17 @@ function Calendar({
|
|
3741
3864
|
});
|
3742
3865
|
const { calendarProps } = reactAria.useCalendar(props, state2);
|
3743
3866
|
const calendarAriaLabel = calendarProps["aria-label"];
|
3744
|
-
const ariaLabel = t2(
|
3745
|
-
return /* @__PURE__ */
|
3867
|
+
const ariaLabel = t2(texts15.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
|
3868
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React86__namespace.default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React86__namespace.default.createElement(CalendarGrid, { variant, state: state2 }));
|
3746
3869
|
}
|
3747
|
-
var
|
3870
|
+
var texts15;
|
3748
3871
|
var init_Calendar = __esm({
|
3749
3872
|
"src/datepicker/Calendar.tsx"() {
|
3750
3873
|
init_i18n();
|
3751
3874
|
init_CalendarGrid();
|
3752
3875
|
init_CalendarHeader();
|
3753
3876
|
init_utils();
|
3754
|
-
|
3877
|
+
texts15 = createTexts({
|
3755
3878
|
calendar: {
|
3756
3879
|
nb: "Kalender",
|
3757
3880
|
nn: "Kalender",
|
@@ -3761,7 +3884,7 @@ var init_Calendar = __esm({
|
|
3761
3884
|
});
|
3762
3885
|
}
|
3763
3886
|
});
|
3764
|
-
var CalendarTriggerButton,
|
3887
|
+
var CalendarTriggerButton, texts16;
|
3765
3888
|
var init_CalendarTriggerButton = __esm({
|
3766
3889
|
"src/datepicker/CalendarTriggerButton.tsx"() {
|
3767
3890
|
init_src();
|
@@ -3776,13 +3899,13 @@ var init_CalendarTriggerButton = __esm({
|
|
3776
3899
|
onPress == null ? void 0 : onPress(event);
|
3777
3900
|
}
|
3778
3901
|
};
|
3779
|
-
return /* @__PURE__ */
|
3902
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
3780
3903
|
exports.IconButton,
|
3781
3904
|
{
|
3782
3905
|
ref,
|
3783
3906
|
role: "button",
|
3784
|
-
icon: /* @__PURE__ */
|
3785
|
-
"aria-label": t2(
|
3907
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null),
|
3908
|
+
"aria-label": t2(texts16.openCalendar),
|
3786
3909
|
sx: styles3.calendarTriggerButton,
|
3787
3910
|
variant: "ghost",
|
3788
3911
|
...filteredButtonProps,
|
@@ -3793,7 +3916,7 @@ var init_CalendarTriggerButton = __esm({
|
|
3793
3916
|
));
|
3794
3917
|
}
|
3795
3918
|
);
|
3796
|
-
|
3919
|
+
texts16 = createTexts({
|
3797
3920
|
openCalendar: {
|
3798
3921
|
nb: "\xC5pne kalender",
|
3799
3922
|
nn: "\xC5pne kalendar",
|
@@ -3806,9 +3929,9 @@ var init_CalendarTriggerButton = __esm({
|
|
3806
3929
|
var DateTimeSegment, isPaddable;
|
3807
3930
|
var init_DateTimeSegment = __esm({
|
3808
3931
|
"src/datepicker/DateTimeSegment.tsx"() {
|
3809
|
-
DateTimeSegment =
|
3932
|
+
DateTimeSegment = React86.forwardRef(
|
3810
3933
|
({ segment, state: state2, ariaLabel, ariaDescription }, externalRef) => {
|
3811
|
-
const internalRef =
|
3934
|
+
const internalRef = React86.useRef(null);
|
3812
3935
|
const ref = externalRef ?? internalRef;
|
3813
3936
|
const { segmentProps } = reactAria.useDateSegment(
|
3814
3937
|
segment,
|
@@ -3819,7 +3942,7 @@ var init_DateTimeSegment = __esm({
|
|
3819
3942
|
isPlaceholder: segment.isPlaceholder,
|
3820
3943
|
isEditable: segment.isEditable
|
3821
3944
|
});
|
3822
|
-
return /* @__PURE__ */
|
3945
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3823
3946
|
react.Box,
|
3824
3947
|
{
|
3825
3948
|
...segmentProps,
|
@@ -3851,13 +3974,13 @@ function createCalendar2(identifier) {
|
|
3851
3974
|
throw new Error(`Unsupported calendar ${identifier}`);
|
3852
3975
|
}
|
3853
3976
|
}
|
3854
|
-
var DateField,
|
3977
|
+
var DateField, texts17, getAriaLabel;
|
3855
3978
|
var init_DateField = __esm({
|
3856
3979
|
"src/datepicker/DateField.tsx"() {
|
3857
3980
|
init_DateTimeSegment();
|
3858
3981
|
init_utils();
|
3859
3982
|
init_i18n();
|
3860
|
-
DateField =
|
3983
|
+
DateField = React86.forwardRef(
|
3861
3984
|
({ labelId, ...props }, externalRef) => {
|
3862
3985
|
var _a6;
|
3863
3986
|
const locale = useCurrentLocale();
|
@@ -3868,14 +3991,14 @@ var init_DateField = __esm({
|
|
3868
3991
|
createCalendar: createCalendar2
|
3869
3992
|
});
|
3870
3993
|
const { t: t2 } = useTranslation();
|
3871
|
-
const internalRef =
|
3994
|
+
const internalRef = React86.useRef(null);
|
3872
3995
|
const ref = externalRef ?? internalRef;
|
3873
3996
|
const { fieldProps } = reactAria.useDateField(
|
3874
3997
|
props,
|
3875
3998
|
state2,
|
3876
3999
|
ref
|
3877
4000
|
);
|
3878
|
-
return /* @__PURE__ */
|
4001
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React86__namespace.default.createElement(
|
3879
4002
|
react.FormLabel,
|
3880
4003
|
{
|
3881
4004
|
sx: styles3.inputLabel,
|
@@ -3884,7 +4007,7 @@ var init_DateField = __esm({
|
|
3884
4007
|
id: labelId
|
3885
4008
|
},
|
3886
4009
|
props.label
|
3887
|
-
), /* @__PURE__ */
|
4010
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React86__namespace.default.createElement(
|
3888
4011
|
DateTimeSegment,
|
3889
4012
|
{
|
3890
4013
|
key: i,
|
@@ -3893,7 +4016,7 @@ var init_DateField = __esm({
|
|
3893
4016
|
ariaLabel: labelId,
|
3894
4017
|
state: state2
|
3895
4018
|
}
|
3896
|
-
))), /* @__PURE__ */
|
4019
|
+
))), /* @__PURE__ */ React86__namespace.default.createElement(
|
3897
4020
|
"input",
|
3898
4021
|
{
|
3899
4022
|
type: "hidden",
|
@@ -3903,7 +4026,7 @@ var init_DateField = __esm({
|
|
3903
4026
|
));
|
3904
4027
|
}
|
3905
4028
|
);
|
3906
|
-
|
4029
|
+
texts17 = createTexts({
|
3907
4030
|
day: {
|
3908
4031
|
nb: "Velg dag",
|
3909
4032
|
nn: "Vel dag",
|
@@ -3926,13 +4049,13 @@ var init_DateField = __esm({
|
|
3926
4049
|
getAriaLabel = (segmentType) => {
|
3927
4050
|
switch (segmentType) {
|
3928
4051
|
case "day":
|
3929
|
-
return
|
4052
|
+
return texts17.day;
|
3930
4053
|
case "month":
|
3931
|
-
return
|
4054
|
+
return texts17.month;
|
3932
4055
|
case "year":
|
3933
|
-
return
|
4056
|
+
return texts17.year;
|
3934
4057
|
default:
|
3935
|
-
return
|
4058
|
+
return texts17.day;
|
3936
4059
|
}
|
3937
4060
|
};
|
3938
4061
|
}
|
@@ -3946,7 +4069,7 @@ var init_StyledField = __esm({
|
|
3946
4069
|
isInvalid: false
|
3947
4070
|
};
|
3948
4071
|
const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
|
3949
|
-
return /* @__PURE__ */
|
4072
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3950
4073
|
react.Box,
|
3951
4074
|
{
|
3952
4075
|
...otherProps,
|
@@ -3971,7 +4094,7 @@ var init_DatePicker = __esm({
|
|
3971
4094
|
init_DateField();
|
3972
4095
|
init_StyledField();
|
3973
4096
|
init_utils();
|
3974
|
-
exports.DatePicker =
|
4097
|
+
exports.DatePicker = React86.forwardRef(
|
3975
4098
|
({
|
3976
4099
|
variant,
|
3977
4100
|
errorMessage,
|
@@ -3989,7 +4112,7 @@ var init_DatePicker = __esm({
|
|
3989
4112
|
isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
|
3990
4113
|
validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
|
3991
4114
|
});
|
3992
|
-
const internalRef =
|
4115
|
+
const internalRef = React86.useRef(null);
|
3993
4116
|
const ref = externalRef ?? internalRef;
|
3994
4117
|
const {
|
3995
4118
|
labelProps,
|
@@ -4003,14 +4126,14 @@ var init_DatePicker = __esm({
|
|
4003
4126
|
state2,
|
4004
4127
|
ref
|
4005
4128
|
);
|
4006
|
-
const labelId = `label-${
|
4007
|
-
const inputGroupId = `input-group-${
|
4129
|
+
const labelId = `label-${React86.useId()}`;
|
4130
|
+
const inputGroupId = `input-group-${React86.useId()}`;
|
4008
4131
|
const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
|
4009
4132
|
const locale = useCurrentLocale();
|
4010
4133
|
const onFieldClick = () => {
|
4011
4134
|
state2.setOpen(true);
|
4012
4135
|
};
|
4013
|
-
const popoverContent = /* @__PURE__ */
|
4136
|
+
const popoverContent = /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React86__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
4014
4137
|
Calendar,
|
4015
4138
|
{
|
4016
4139
|
...calendarProps,
|
@@ -4018,7 +4141,7 @@ var init_DatePicker = __esm({
|
|
4018
4141
|
showYearNavigation
|
4019
4142
|
}
|
4020
4143
|
))));
|
4021
|
-
return /* @__PURE__ */
|
4144
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4022
4145
|
react.Box,
|
4023
4146
|
{
|
4024
4147
|
position: "relative",
|
@@ -4026,7 +4149,7 @@ var init_DatePicker = __esm({
|
|
4026
4149
|
flexDirection: "column",
|
4027
4150
|
width
|
4028
4151
|
},
|
4029
|
-
/* @__PURE__ */
|
4152
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4030
4153
|
react.Popover,
|
4031
4154
|
{
|
4032
4155
|
...dialogProps,
|
@@ -4035,14 +4158,14 @@ var init_DatePicker = __esm({
|
|
4035
4158
|
onClose: state2.close,
|
4036
4159
|
flip: false
|
4037
4160
|
},
|
4038
|
-
/* @__PURE__ */
|
4161
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4039
4162
|
react.InputGroup,
|
4040
4163
|
{
|
4041
4164
|
display: "inline-flex",
|
4042
4165
|
id: inputGroupId,
|
4043
4166
|
"aria-labelledby": labelId
|
4044
4167
|
},
|
4045
|
-
/* @__PURE__ */
|
4168
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
4046
4169
|
StyledField,
|
4047
4170
|
{
|
4048
4171
|
variant,
|
@@ -4052,7 +4175,7 @@ var init_DatePicker = __esm({
|
|
4052
4175
|
isDisabled: props.isDisabled,
|
4053
4176
|
ariaLabelledby: labelId
|
4054
4177
|
},
|
4055
|
-
/* @__PURE__ */
|
4178
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
4056
4179
|
CalendarTriggerButton,
|
4057
4180
|
{
|
4058
4181
|
variant,
|
@@ -4062,7 +4185,7 @@ var init_DatePicker = __esm({
|
|
4062
4185
|
...buttonProps
|
4063
4186
|
}
|
4064
4187
|
)),
|
4065
|
-
/* @__PURE__ */
|
4188
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4066
4189
|
DateField,
|
4067
4190
|
{
|
4068
4191
|
label: props.label,
|
@@ -4074,8 +4197,8 @@ var init_DatePicker = __esm({
|
|
4074
4197
|
)
|
4075
4198
|
))
|
4076
4199
|
),
|
4077
|
-
/* @__PURE__ */
|
4078
|
-
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */
|
4200
|
+
/* @__PURE__ */ React86__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
|
4201
|
+
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React86__namespace.default.createElement(react.Portal, null, popoverContent),
|
4079
4202
|
state2.isOpen && !props.isDisabled && !withPortal && popoverContent
|
4080
4203
|
)
|
4081
4204
|
));
|
@@ -4091,9 +4214,9 @@ function RangeCalendar(props) {
|
|
4091
4214
|
locale,
|
4092
4215
|
createCalendar: date.createCalendar
|
4093
4216
|
});
|
4094
|
-
const ref =
|
4217
|
+
const ref = React86.useRef(null);
|
4095
4218
|
const { calendarProps, title } = reactAria.useRangeCalendar(props, state2, ref);
|
4096
|
-
return /* @__PURE__ */
|
4219
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React86__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React86__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React86__namespace.default.createElement(
|
4097
4220
|
CalendarGrid,
|
4098
4221
|
{
|
4099
4222
|
variant: props.variant,
|
@@ -4124,7 +4247,7 @@ function DateRangePicker({
|
|
4124
4247
|
isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
|
4125
4248
|
validationState: formControlProps.isInvalid ? "invalid" : "valid"
|
4126
4249
|
});
|
4127
|
-
const ref =
|
4250
|
+
const ref = React86.useRef(null);
|
4128
4251
|
const {
|
4129
4252
|
groupProps,
|
4130
4253
|
labelProps,
|
@@ -4145,8 +4268,8 @@ function DateRangePicker({
|
|
4145
4268
|
const onFieldClick = () => {
|
4146
4269
|
state2.setOpen(true);
|
4147
4270
|
};
|
4148
|
-
const popoverContent = /* @__PURE__ */
|
4149
|
-
return /* @__PURE__ */
|
4271
|
+
const popoverContent = /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React86__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React86__namespace.default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
|
4272
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React86__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React86__namespace.default.createElement(
|
4150
4273
|
react.Popover,
|
4151
4274
|
{
|
4152
4275
|
...dialogProps,
|
@@ -4155,7 +4278,7 @@ function DateRangePicker({
|
|
4155
4278
|
onClose: state2.close,
|
4156
4279
|
flip: false
|
4157
4280
|
},
|
4158
|
-
/* @__PURE__ */
|
4281
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
4159
4282
|
StyledField,
|
4160
4283
|
{
|
4161
4284
|
alignItems: "center",
|
@@ -4165,7 +4288,7 @@ function DateRangePicker({
|
|
4165
4288
|
onKeyPress: handleEnterClick,
|
4166
4289
|
minHeight
|
4167
4290
|
},
|
4168
|
-
variant && /* @__PURE__ */
|
4291
|
+
variant && /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
4169
4292
|
CalendarTriggerButton,
|
4170
4293
|
{
|
4171
4294
|
paddingLeft: 1,
|
@@ -4175,7 +4298,7 @@ function DateRangePicker({
|
|
4175
4298
|
...buttonProps
|
4176
4299
|
}
|
4177
4300
|
)),
|
4178
|
-
/* @__PURE__ */
|
4301
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4179
4302
|
DateField,
|
4180
4303
|
{
|
4181
4304
|
...startFieldProps,
|
@@ -4184,8 +4307,8 @@ function DateRangePicker({
|
|
4184
4307
|
labelProps
|
4185
4308
|
}
|
4186
4309
|
),
|
4187
|
-
/* @__PURE__ */
|
4188
|
-
/* @__PURE__ */
|
4310
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
|
4311
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4189
4312
|
DateField,
|
4190
4313
|
{
|
4191
4314
|
...endFieldProps,
|
@@ -4195,7 +4318,7 @@ function DateRangePicker({
|
|
4195
4318
|
}
|
4196
4319
|
)
|
4197
4320
|
))),
|
4198
|
-
state2.isOpen && withPortal && /* @__PURE__ */
|
4321
|
+
state2.isOpen && withPortal && /* @__PURE__ */ React86__namespace.default.createElement(react.Portal, null, popoverContent),
|
4199
4322
|
state2.isOpen && !withPortal && popoverContent
|
4200
4323
|
)));
|
4201
4324
|
}
|
@@ -4215,9 +4338,9 @@ var init_TimeField = __esm({
|
|
4215
4338
|
init_DateTimeSegment();
|
4216
4339
|
init_utils();
|
4217
4340
|
TimeField = ({ state: state2, ...props }) => {
|
4218
|
-
const ref =
|
4341
|
+
const ref = React86.useRef(null);
|
4219
4342
|
const { labelProps, fieldProps } = reactAria.useTimeField(props, state2, ref);
|
4220
|
-
return /* @__PURE__ */
|
4343
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
4221
4344
|
exports.FormLabel,
|
4222
4345
|
{
|
4223
4346
|
...labelProps,
|
@@ -4229,7 +4352,7 @@ var init_TimeField = __esm({
|
|
4229
4352
|
paddingTop: "2px"
|
4230
4353
|
},
|
4231
4354
|
props.label
|
4232
|
-
), /* @__PURE__ */
|
4355
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React86__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React86__namespace.default.createElement(
|
4233
4356
|
"input",
|
4234
4357
|
{
|
4235
4358
|
type: "hidden",
|
@@ -4240,7 +4363,7 @@ var init_TimeField = __esm({
|
|
4240
4363
|
};
|
4241
4364
|
}
|
4242
4365
|
});
|
4243
|
-
exports.TimePicker = void 0; var
|
4366
|
+
exports.TimePicker = void 0; var texts18;
|
4244
4367
|
var init_TimePicker = __esm({
|
4245
4368
|
"src/datepicker/TimePicker.tsx"() {
|
4246
4369
|
init_src();
|
@@ -4262,7 +4385,7 @@ var init_TimePicker = __esm({
|
|
4262
4385
|
const isDisabled = isDisabledExternally ?? isFormControlDisabled ?? false;
|
4263
4386
|
const { t: t2 } = useTranslation();
|
4264
4387
|
const locale = useCurrentLocale();
|
4265
|
-
const label = externalLabel ?? t2(
|
4388
|
+
const label = externalLabel ?? t2(texts18.time);
|
4266
4389
|
const state2 = reactStately.useTimeFieldState({
|
4267
4390
|
value,
|
4268
4391
|
defaultValue,
|
@@ -4295,17 +4418,17 @@ var init_TimePicker = __esm({
|
|
4295
4418
|
})
|
4296
4419
|
);
|
4297
4420
|
};
|
4298
|
-
const backwardsLabel = `${t2(
|
4299
|
-
|
4421
|
+
const backwardsLabel = `${t2(texts18.backwards)} ${minuteInterval} ${t2(
|
4422
|
+
texts18.minutes
|
4300
4423
|
)}`;
|
4301
|
-
const forwardsLabel = `${t2(
|
4302
|
-
|
4424
|
+
const forwardsLabel = `${t2(texts18.forwards)} ${minuteInterval} ${t2(
|
4425
|
+
texts18.minutes
|
4303
4426
|
)}`;
|
4304
|
-
const inputLabel = label ?? t2(
|
4427
|
+
const inputLabel = label ?? t2(texts18.time);
|
4305
4428
|
const ariaLabel = `${inputLabel} \u2013 ${t2(
|
4306
|
-
|
4429
|
+
texts18.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
|
4307
4430
|
)}`;
|
4308
|
-
return /* @__PURE__ */
|
4431
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
4309
4432
|
StyledField,
|
4310
4433
|
{
|
4311
4434
|
variant: "base",
|
@@ -4321,7 +4444,7 @@ var init_TimePicker = __esm({
|
|
4321
4444
|
"aria-label": ariaLabel,
|
4322
4445
|
...boxProps
|
4323
4446
|
},
|
4324
|
-
/* @__PURE__ */
|
4447
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4325
4448
|
exports.IconButton,
|
4326
4449
|
{
|
4327
4450
|
variant: "ghost",
|
@@ -4329,14 +4452,14 @@ var init_TimePicker = __esm({
|
|
4329
4452
|
borderRadius: "xs",
|
4330
4453
|
"aria-label": backwardsLabel,
|
4331
4454
|
title: backwardsLabel,
|
4332
|
-
icon: /* @__PURE__ */
|
4455
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
|
4333
4456
|
onClick: handleBackwardsClick,
|
4334
4457
|
isDisabled,
|
4335
4458
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
4336
4459
|
}
|
4337
4460
|
),
|
4338
|
-
/* @__PURE__ */
|
4339
|
-
/* @__PURE__ */
|
4461
|
+
/* @__PURE__ */ React86__namespace.default.createElement(TimeField, { label, state: state2, name }),
|
4462
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4340
4463
|
exports.IconButton,
|
4341
4464
|
{
|
4342
4465
|
variant: "ghost",
|
@@ -4344,7 +4467,7 @@ var init_TimePicker = __esm({
|
|
4344
4467
|
borderRadius: "xs",
|
4345
4468
|
"aria-label": forwardsLabel,
|
4346
4469
|
title: forwardsLabel,
|
4347
|
-
icon: /* @__PURE__ */
|
4470
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
|
4348
4471
|
onClick: handleForwardClick,
|
4349
4472
|
isDisabled,
|
4350
4473
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
@@ -4352,7 +4475,7 @@ var init_TimePicker = __esm({
|
|
4352
4475
|
)
|
4353
4476
|
);
|
4354
4477
|
};
|
4355
|
-
|
4478
|
+
texts18 = createTexts({
|
4356
4479
|
selectedTimeIs: (time) => ({
|
4357
4480
|
nb: `Valgt tidspunkt er ${time}`,
|
4358
4481
|
nn: `Valt tidspunkt er ${time}`,
|
@@ -4466,7 +4589,7 @@ var init_LineIcon = __esm({
|
|
4466
4589
|
if (!Icon) {
|
4467
4590
|
return null;
|
4468
4591
|
}
|
4469
|
-
return /* @__PURE__ */
|
4592
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx } }, /* @__PURE__ */ React86__namespace.default.createElement(Icon, { sx: styles3.icon }));
|
4470
4593
|
};
|
4471
4594
|
}
|
4472
4595
|
});
|
@@ -4486,7 +4609,7 @@ var init_InfoTag = __esm({
|
|
4486
4609
|
size: size2,
|
4487
4610
|
...customProps
|
4488
4611
|
});
|
4489
|
-
return /* @__PURE__ */
|
4612
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4490
4613
|
exports.LineIcon,
|
4491
4614
|
{
|
4492
4615
|
variant,
|
@@ -4494,7 +4617,7 @@ var init_InfoTag = __esm({
|
|
4494
4617
|
sx: styles3.iconContainer,
|
4495
4618
|
...customProps
|
4496
4619
|
}
|
4497
|
-
), /* @__PURE__ */
|
4620
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)));
|
4498
4621
|
};
|
4499
4622
|
}
|
4500
4623
|
});
|
@@ -4523,7 +4646,7 @@ var init_TravelTag = __esm({
|
|
4523
4646
|
backgroundColor: variant === "custom" ? backgroundColor : void 0
|
4524
4647
|
});
|
4525
4648
|
const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
|
4526
|
-
return /* @__PURE__ */
|
4649
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4527
4650
|
exports.LineIcon,
|
4528
4651
|
{
|
4529
4652
|
variant,
|
@@ -4534,7 +4657,7 @@ var init_TravelTag = __esm({
|
|
4534
4657
|
customIconVariant,
|
4535
4658
|
...rest
|
4536
4659
|
}
|
4537
|
-
), /* @__PURE__ */
|
4660
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React86__namespace.default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
|
4538
4661
|
}
|
4539
4662
|
);
|
4540
4663
|
getDeviationLevelIcon = ({
|
@@ -4564,7 +4687,7 @@ var init_linjetag = __esm({
|
|
4564
4687
|
init_TravelTag();
|
4565
4688
|
}
|
4566
4689
|
});
|
4567
|
-
exports.TextLink = void 0; var
|
4690
|
+
exports.TextLink = void 0; var texts19;
|
4568
4691
|
var init_TextLink = __esm({
|
4569
4692
|
"src/link/TextLink.tsx"() {
|
4570
4693
|
init_src();
|
@@ -4573,16 +4696,16 @@ var init_TextLink = __esm({
|
|
4573
4696
|
var _a6;
|
4574
4697
|
const { t: t2 } = useTranslation();
|
4575
4698
|
const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
|
4576
|
-
return /* @__PURE__ */
|
4699
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React86__namespace.default.createElement(
|
4577
4700
|
sporIconReact.LinkOutOutline24Icon,
|
4578
4701
|
{
|
4579
4702
|
marginLeft: 0.5,
|
4580
|
-
"aria-label": t2(
|
4703
|
+
"aria-label": t2(texts19.externalLink)
|
4581
4704
|
}
|
4582
4705
|
));
|
4583
4706
|
}
|
4584
4707
|
);
|
4585
|
-
|
4708
|
+
texts19 = createTexts({
|
4586
4709
|
externalLink: {
|
4587
4710
|
nb: "Ekstern lenke",
|
4588
4711
|
nn: "Ekstern lenke",
|
@@ -4609,8 +4732,8 @@ var init_VyLogo = __esm({
|
|
4609
4732
|
exports.VyLogo = ({ colorScheme, ...boxProps }) => {
|
4610
4733
|
const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
|
4611
4734
|
const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
|
4612
|
-
const id =
|
4613
|
-
return /* @__PURE__ */
|
4735
|
+
const id = React86.useId();
|
4736
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React86__namespace.default.createElement(
|
4614
4737
|
"path",
|
4615
4738
|
{
|
4616
4739
|
fillRule: "evenodd",
|
@@ -4618,7 +4741,7 @@ var init_VyLogo = __esm({
|
|
4618
4741
|
d: "M79.97 33.44a.04.04 0 0 0 0-.08 5.76 5.76 0 0 1-2.32-.85c-1.56-1-2.79-2.9-3.83-6.07L68.14 7.16c-1.18-4.04-3.42-5.85-5.48-6.6a8.36 8.36 0 0 0-2.88-.52h-1.44a.04.04 0 0 0 0 .08c.57.09 1.18.24 1.8.5 1.92.8 3.92 2.63 5.06 6.54l5.61 19.07c1.06 3.3 2.31 5.27 3.92 6.3 1.01.64 2.17.9 3.5.9h1.74Z",
|
4619
4742
|
fill: mainColor
|
4620
4743
|
}
|
4621
|
-
), /* @__PURE__ */
|
4744
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4622
4745
|
"mask",
|
4623
4746
|
{
|
4624
4747
|
id: `${id}-a`,
|
@@ -4629,7 +4752,7 @@ var init_VyLogo = __esm({
|
|
4629
4752
|
width: "94",
|
4630
4753
|
height: "54"
|
4631
4754
|
},
|
4632
|
-
/* @__PURE__ */
|
4755
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4633
4756
|
"path",
|
4634
4757
|
{
|
4635
4758
|
fillRule: "evenodd",
|
@@ -4638,7 +4761,7 @@ var init_VyLogo = __esm({
|
|
4638
4761
|
fill: mainColor
|
4639
4762
|
}
|
4640
4763
|
)
|
4641
|
-
), /* @__PURE__ */
|
4764
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4642
4765
|
"g",
|
4643
4766
|
{
|
4644
4767
|
mask: `url(#${id}-a)`,
|
@@ -4646,9 +4769,9 @@ var init_VyLogo = __esm({
|
|
4646
4769
|
clipRule: "evenodd",
|
4647
4770
|
fill: mainColor
|
4648
4771
|
},
|
4649
|
-
/* @__PURE__ */
|
4650
|
-
/* @__PURE__ */
|
4651
|
-
), /* @__PURE__ */
|
4772
|
+
/* @__PURE__ */ React86__namespace.default.createElement("path", { d: "M84.57 33.44a.04.04 0 0 0 .01-.08c-2.34-.3-3.85-3.59-4.68-6.38-.88-2.93-4.04-13.63-5.92-19.82C72.08.94 66.2.05 63.54.04a.04.04 0 0 0-.01.08c2.49.34 6.02 1.85 7.55 7.04 1.34 4.55 5.6 19.03 5.76 19.51 1.02 3.03 2.22 4.85 3.73 5.83a6.3 6.3 0 0 0 3.54.94h.46ZM23.28 53.68h-.72c-2.12 0-4.68-1.08-6.09-6.04L3.8 4.37C3.04 1.77 1.93.47.03.15A.04.04 0 0 1 .04.07h1.9c2.54 0 3.92 1.27 4.8 4.3 0 0 11.72 39.78 12.79 43.54.78 2.78 1.7 4.67 3.13 5.43.23.13.42.2.62.26a.04.04 0 0 1 0 .08ZM18.99 5.99C17.77 1.79 15.87.04 12.37.04h-1.71a.04.04 0 0 0 0 .08c2.73.39 4.32 2.19 5.39 5.87 0 0 10.49 35.72 11.85 40.4l1.44-4.87L18.99 6Z" }),
|
4773
|
+
/* @__PURE__ */ React86__namespace.default.createElement("path", { d: "M24.26 53.68h1.24c1.57 0 2.69-.41 3.52-1.1 1.37-1.1 1.99-2.93 2.56-4.86.09-.29 11.2-37.95 11.59-39.42 1.32-4.97 4.27-7.13 7.43-7.9a12.2 12.2 0 0 1 1.58-.28.04.04 0 0 0 0-.08h-1.4c-4.15 0-8.8 1.65-10.56 8.26-.63 2.38-11.5 39.13-11.58 39.42-.57 1.93-1.23 3.96-2.59 5.07-.56.45-1.06.7-1.8.81a.04.04 0 0 0 0 .08ZM81.3 27.76l6.53-21.78C88.89 2.3 90.49.5 93.23.11a.04.04 0 0 0-.01-.08H91.5c-3.5 0-5.4 1.76-6.62 5.95l-5.05 16.97s1.33 4.46 1.46 4.8Z" })
|
4774
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4652
4775
|
"path",
|
4653
4776
|
{
|
4654
4777
|
fillRule: "evenodd",
|
@@ -4656,7 +4779,7 @@ var init_VyLogo = __esm({
|
|
4656
4779
|
d: "M98.49.07h-1.82c-2.98 0-4.6 1.49-5.63 5.06l-6.52 21.79a18.22 18.22 0 0 1-1.67 3.96c.57.78 1.17 1.26 1.76 1.38 1.13-.96 2.06-2.75 2.89-5.46l6.49-21.67c.9-3.1 2.23-4.63 4.5-4.98a.04.04 0 0 0 0-.08Z",
|
4657
4780
|
fill: accentColor
|
4658
4781
|
}
|
4659
|
-
), /* @__PURE__ */
|
4782
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4660
4783
|
"path",
|
4661
4784
|
{
|
4662
4785
|
fillRule: "evenodd",
|
@@ -4664,7 +4787,7 @@ var init_VyLogo = __esm({
|
|
4664
4787
|
d: "M85.25 34.53h-2.93L78.58 46.9c-1.82 6.1 1.05 6.73 2.15 6.73h2.31a.04.04 0 0 0 .01-.09c-1.25-.3-2.96-1.6-1.45-6.64l3.65-12.37ZM102.35.11c.02 0 .03-.02.03-.04a.04.04 0 0 0-.04-.04h-.4c-2.54 0-3.92 1.27-4.8 4.3 0 0-5 16.82-6.57 22.03-1.57 5.2-2.65 6.6-4.78 6.97l-.11.03a.04.04 0 0 0 0 .08h1.45c3.72 0 5.1-2.48 6.41-6.84l7.5-25.07c.19-.6.7-1.23 1.31-1.42Z",
|
4665
4788
|
fill: mainColor
|
4666
4789
|
}
|
4667
|
-
), /* @__PURE__ */
|
4790
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4668
4791
|
"mask",
|
4669
4792
|
{
|
4670
4793
|
id: `${id}-b`,
|
@@ -4675,7 +4798,7 @@ var init_VyLogo = __esm({
|
|
4675
4798
|
width: "78",
|
4676
4799
|
height: "54"
|
4677
4800
|
},
|
4678
|
-
/* @__PURE__ */
|
4801
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4679
4802
|
"path",
|
4680
4803
|
{
|
4681
4804
|
fillRule: "evenodd",
|
@@ -4684,25 +4807,25 @@ var init_VyLogo = __esm({
|
|
4684
4807
|
fill: mainColor
|
4685
4808
|
}
|
4686
4809
|
)
|
4687
|
-
), /* @__PURE__ */
|
4810
|
+
), /* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4688
4811
|
"path",
|
4689
4812
|
{
|
4690
4813
|
d: "m88.2 34.45-3.96 13.46c-1.54 5.18.9 5.72 1.83 5.72h2.26a.04.04 0 0 0 0-.09c-1.05-.27-2.44-1.4-1.18-5.63l4.43-15.02c-.7.71-1.88 1.37-3.38 1.56ZM93.71 53.63c.02 0 .04-.02.04-.05a.04.04 0 0 0-.03-.04c-.9-.25-2.02-1.24-.96-4.77 0 0 12.4-42.2 13.08-44.6a3.1 3.1 0 0 0-2.47-4.1c-.02 0-.06-.02-.07.01-.01.04.03.06.04.06.3.16.63.52.45 1.14L89.84 48.77c-1.32 4.4.76 4.86 1.55 4.86h2.32ZM74.1 33.44a.04.04 0 0 0 0-.08 5.77 5.77 0 0 1-2.3-.83c-1.64-1.04-2.9-3.06-3.98-6.5-.1-.29-5.37-18.25-5.55-18.87-1.12-3.8-2.91-5.63-4.68-6.46a7.06 7.06 0 0 0-3.04-.66H53a.04.04 0 0 0-.02.08c.3.05 4.32.17 6.35 7.04 2.03 6.86 4.46 15.07 5.28 17.97 1.77 6.26 4.07 8.3 7.75 8.3h1.73Z",
|
4691
4814
|
fill: mainColor
|
4692
4815
|
}
|
4693
|
-
), /* @__PURE__ */
|
4816
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4694
4817
|
"path",
|
4695
4818
|
{
|
4696
4819
|
d: "M55.43 2.4c-1.48 1.27-2.7 3.16-3.44 5.9-.07.29-11.08 37.74-11.32 38.55-.93 3.12-1.7 6.21-5.2 6.75a.04.04 0 0 0 0 .08h.7l.6-.01c3.56-.14 5.33-1.66 6.85-6.82L54.94 8.3c.44-1.44.96-3.08 1.7-4.52-.15-.25-.7-.96-1.2-1.38Z",
|
4697
4820
|
fill: mainColor
|
4698
4821
|
}
|
4699
|
-
), /* @__PURE__ */
|
4822
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4700
4823
|
"path",
|
4701
4824
|
{
|
4702
4825
|
d: "M53.78 1.44a4.64 4.64 0 0 0-4.17.93A10.79 10.79 0 0 0 46.19 8L34.53 47.72c-.58 1.93-1.2 3.75-2.56 4.87-.62.5-1.4.86-2.39 1.01a.04.04 0 0 0 0 .08h1.8c1.57 0 2.69-.41 3.53-1.1 1.36-1.1 1.98-2.93 2.56-4.86L49.05 8.3c.73-2.74 1.95-4.63 3.43-5.9.43-.36.88-.68 1.35-.95l-.05-.01Z",
|
4703
4826
|
fill: accentColor
|
4704
4827
|
}
|
4705
|
-
)), /* @__PURE__ */
|
4828
|
+
)), /* @__PURE__ */ React86__namespace.default.createElement(
|
4706
4829
|
"path",
|
4707
4830
|
{
|
4708
4831
|
fillRule: "evenodd",
|
@@ -4727,8 +4850,8 @@ var init_VyLogoPride = __esm({
|
|
4727
4850
|
const redColor = colorScheme === "light" ? "#EA3323" : "#ffffff";
|
4728
4851
|
const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
|
4729
4852
|
const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
|
4730
|
-
const id =
|
4731
|
-
return /* @__PURE__ */
|
4853
|
+
const id = React86.useId();
|
4854
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React86__namespace.default.createElement(
|
4732
4855
|
"svg",
|
4733
4856
|
{
|
4734
4857
|
width: "108",
|
@@ -4737,7 +4860,7 @@ var init_VyLogoPride = __esm({
|
|
4737
4860
|
fill: "none",
|
4738
4861
|
xmlns: "http://www.w3.org/2000/svg"
|
4739
4862
|
},
|
4740
|
-
/* @__PURE__ */
|
4863
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4741
4864
|
"path",
|
4742
4865
|
{
|
4743
4866
|
fillRule: "evenodd",
|
@@ -4746,7 +4869,7 @@ var init_VyLogoPride = __esm({
|
|
4746
4869
|
fill: pinkColor
|
4747
4870
|
}
|
4748
4871
|
),
|
4749
|
-
/* @__PURE__ */
|
4872
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4750
4873
|
"mask",
|
4751
4874
|
{
|
4752
4875
|
id: `${id}-a-pride`,
|
@@ -4757,7 +4880,7 @@ var init_VyLogoPride = __esm({
|
|
4757
4880
|
width: "95",
|
4758
4881
|
height: "55"
|
4759
4882
|
},
|
4760
|
-
/* @__PURE__ */
|
4883
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4761
4884
|
"path",
|
4762
4885
|
{
|
4763
4886
|
fillRule: "evenodd",
|
@@ -4767,7 +4890,7 @@ var init_VyLogoPride = __esm({
|
|
4767
4890
|
}
|
4768
4891
|
)
|
4769
4892
|
),
|
4770
|
-
/* @__PURE__ */
|
4893
|
+
/* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4771
4894
|
"path",
|
4772
4895
|
{
|
4773
4896
|
fillRule: "evenodd",
|
@@ -4775,7 +4898,7 @@ var init_VyLogoPride = __esm({
|
|
4775
4898
|
d: "M86.1392 34.0577C86.1622 34.0577 86.1809 34.0389 86.1809 34.0158C86.1809 33.9951 86.1658 33.9779 86.146 33.9747V33.9745C83.7657 33.6665 82.2265 30.3247 81.3764 27.4799C80.4843 24.4948 77.2629 13.5951 75.3455 7.29056C73.4194 0.957342 67.4267 0.0485861 64.7129 0.0441895H64.7137C64.6906 0.0441895 64.6719 0.0629034 64.6719 0.0859014C64.6719 0.106645 64.6869 0.123893 64.7068 0.127162L64.7067 0.127388C67.2413 0.468862 70.8417 2.00375 72.3953 7.29056C73.7591 11.9308 78.0927 26.6723 78.2592 27.1656C79.2998 30.2466 80.5197 32.1068 82.0639 33.1046C83.1032 33.776 84.2891 34.0577 85.6664 34.0577H86.1392",
|
4776
4899
|
fill: purpleColor
|
4777
4900
|
}
|
4778
|
-
), /* @__PURE__ */
|
4901
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4779
4902
|
"path",
|
4780
4903
|
{
|
4781
4904
|
fillRule: "evenodd",
|
@@ -4783,7 +4906,7 @@ var init_VyLogoPride = __esm({
|
|
4783
4906
|
d: "M23.7089 54.6763C23.4058 54.6763 23.1352 54.6763 22.9803 54.6763C20.8144 54.6763 18.2099 53.5754 16.7766 48.5188L3.8641 4.45414C3.09965 1.80939 1.96226 0.481143 0.0347223 0.151506C0.014881 0.148237 0 0.131101 0 0.110245C0 0.0871344 0.018714 0.0684204 0.0418246 0.0684204H1.98402C4.56565 0.0684204 5.96987 1.36104 6.86386 4.45414C6.86386 4.45414 18.8019 44.9686 19.8869 48.7964C20.6896 51.628 21.628 53.5542 23.0795 54.3328C23.3142 54.4587 23.5119 54.5409 23.7154 54.5932C23.7352 54.5965 23.7506 54.6138 23.7506 54.6345C23.7506 54.6576 23.7319 54.6763 23.7089 54.6763Z",
|
4784
4907
|
fill: darkPurpleColor
|
4785
4908
|
}
|
4786
|
-
), /* @__PURE__ */
|
4909
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4787
4910
|
"path",
|
4788
4911
|
{
|
4789
4912
|
fillRule: "evenodd",
|
@@ -4791,7 +4914,7 @@ var init_VyLogoPride = __esm({
|
|
4791
4914
|
d: "M19.3365 6.09794C18.1013 1.82472 16.1613 0.0390015 12.5947 0.0390015H10.8543C10.8312 0.0390015 10.8125 0.0577155 10.8125 0.0808261C10.8125 0.101569 10.8277 0.118818 10.8476 0.122087V0.121974C13.6341 0.517899 15.2582 2.35232 16.341 6.09794C16.341 6.09794 27.027 42.4871 28.4146 47.2512C28.7189 46.2219 29.2327 44.4828 29.8791 42.2935C28.6038 37.9117 19.3365 6.09794 19.3365 6.09794",
|
4792
4915
|
fill: greenColor
|
4793
4916
|
}
|
4794
|
-
), /* @__PURE__ */
|
4917
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4795
4918
|
"path",
|
4796
4919
|
{
|
4797
4920
|
fillRule: "evenodd",
|
@@ -4799,7 +4922,7 @@ var init_VyLogoPride = __esm({
|
|
4799
4922
|
d: "M24.7059 54.6763H25.9753C27.5661 54.6763 28.7056 54.2553 29.5596 53.5597C30.9494 52.4272 31.5822 50.5663 32.1676 48.6028C32.2552 48.309 43.5646 9.95201 43.9629 8.45455C45.3098 3.39196 48.3208 1.18687 51.5334 0.404941C52.0668 0.275183 52.6055 0.184995 53.1431 0.127162H53.1439C53.1638 0.123893 53.1789 0.106645 53.1789 0.0859014C53.1789 0.0629034 53.1602 0.0441895 53.1371 0.0441895H51.7232C47.4872 0.0441895 42.7565 1.72507 40.9662 8.45455C40.3206 10.8814 29.2585 48.309 29.1709 48.6028C28.5854 50.5663 27.9202 52.6362 26.5303 53.7687C25.9647 54.2295 25.4469 54.4781 24.6995 54.5933H24.699C24.6792 54.5966 24.6641 54.614 24.6641 54.6346C24.6641 54.6577 24.6828 54.6764 24.7059 54.6764V54.6763",
|
4800
4923
|
fill: darkGreenColor
|
4801
4924
|
}
|
4802
|
-
), /* @__PURE__ */
|
4925
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4803
4926
|
"path",
|
4804
4927
|
{
|
4805
4928
|
fillRule: "evenodd",
|
@@ -4808,7 +4931,7 @@ var init_VyLogoPride = __esm({
|
|
4808
4931
|
fill: darkPurpleColor
|
4809
4932
|
}
|
4810
4933
|
)),
|
4811
|
-
/* @__PURE__ */
|
4934
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4812
4935
|
"path",
|
4813
4936
|
{
|
4814
4937
|
fillRule: "evenodd",
|
@@ -4817,7 +4940,7 @@ var init_VyLogoPride = __esm({
|
|
4817
4940
|
fill: blueColor
|
4818
4941
|
}
|
4819
4942
|
),
|
4820
|
-
/* @__PURE__ */
|
4943
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4821
4944
|
"path",
|
4822
4945
|
{
|
4823
4946
|
fillRule: "evenodd",
|
@@ -4826,7 +4949,7 @@ var init_VyLogoPride = __esm({
|
|
4826
4949
|
fill: blueColor
|
4827
4950
|
}
|
4828
4951
|
),
|
4829
|
-
/* @__PURE__ */
|
4952
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4830
4953
|
"path",
|
4831
4954
|
{
|
4832
4955
|
fillRule: "evenodd",
|
@@ -4835,7 +4958,7 @@ var init_VyLogoPride = __esm({
|
|
4835
4958
|
fill: greenColor
|
4836
4959
|
}
|
4837
4960
|
),
|
4838
|
-
/* @__PURE__ */
|
4961
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4839
4962
|
"mask",
|
4840
4963
|
{
|
4841
4964
|
id: `${id}-b-pride`,
|
@@ -4846,7 +4969,7 @@ var init_VyLogoPride = __esm({
|
|
4846
4969
|
width: "78",
|
4847
4970
|
height: "55"
|
4848
4971
|
},
|
4849
|
-
/* @__PURE__ */
|
4972
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4850
4973
|
"path",
|
4851
4974
|
{
|
4852
4975
|
fillRule: "evenodd",
|
@@ -4856,7 +4979,7 @@ var init_VyLogoPride = __esm({
|
|
4856
4979
|
}
|
4857
4980
|
)
|
4858
4981
|
),
|
4859
|
-
/* @__PURE__ */
|
4982
|
+
/* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4860
4983
|
"path",
|
4861
4984
|
{
|
4862
4985
|
fillRule: "evenodd",
|
@@ -4864,7 +4987,7 @@ var init_VyLogoPride = __esm({
|
|
4864
4987
|
d: "M89.8289 35.0891C88.7828 38.6493 85.8015 48.8015 85.8015 48.8015C84.2266 54.076 86.7112 54.6188 87.6599 54.6188H89.9623C89.9855 54.6188 90.0042 54.6001 90.0042 54.577C90.0042 54.5571 89.9903 54.5403 89.9717 54.5362V54.5363C88.8916 54.2553 87.4798 53.0991 88.7632 48.8015C88.7632 48.8015 92.0286 37.7282 93.2719 33.5031C92.561 34.2226 91.3615 34.8917 89.8289 35.0891",
|
4865
4988
|
fill: greenColor
|
4866
4989
|
}
|
4867
|
-
), /* @__PURE__ */
|
4990
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4868
4991
|
"path",
|
4869
4992
|
{
|
4870
4993
|
fillRule: "evenodd",
|
@@ -4872,7 +4995,7 @@ var init_VyLogoPride = __esm({
|
|
4872
4995
|
d: "M95.4467 54.6188C95.4698 54.6188 95.4885 54.6001 95.4885 54.577C95.4885 54.557 95.4747 54.5403 95.4561 54.5362H95.4558C94.5434 54.2765 93.3986 53.2655 94.4728 49.6684C94.4728 49.6684 107.101 6.68958 107.804 4.25563C108.507 1.82169 106.809 0.298979 105.28 0.0692254C105.269 0.0676471 105.219 0.0537807 105.209 0.0862483C105.199 0.118716 105.241 0.138557 105.249 0.143179C105.553 0.303376 105.894 0.672244 105.708 1.30469C105.522 1.93713 91.499 49.6684 91.499 49.6684C90.1586 54.1569 92.273 54.6188 93.0802 54.6188H95.4467",
|
4873
4996
|
fill: darkGreenColor
|
4874
4997
|
}
|
4875
|
-
), /* @__PURE__ */
|
4998
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4876
4999
|
"path",
|
4877
5000
|
{
|
4878
5001
|
fillRule: "evenodd",
|
@@ -4880,7 +5003,7 @@ var init_VyLogoPride = __esm({
|
|
4880
5003
|
d: "M75.4659 34.0577C75.4889 34.0577 75.5076 34.0389 75.5076 34.0158C75.5076 33.9951 75.4925 33.9778 75.4726 33.9746H75.4723C74.6146 33.8501 73.8387 33.5807 73.1306 33.1321C71.4607 32.0744 70.1687 30.0201 69.0737 26.521C68.9798 26.2215 63.6049 7.92165 63.4194 7.29056C62.2821 3.42105 60.4546 1.5616 58.6517 0.708874C57.557 0.191083 56.4715 0.0441895 55.5553 0.0441895C54.9539 0.0441895 54.4151 0.0441895 53.9784 0.0441895H53.9715C53.9484 0.0441895 53.9297 0.0629034 53.9297 0.0859014C53.9297 0.106645 53.9448 0.123893 53.9646 0.127162V0.127275C54.26 0.171918 58.362 0.298745 60.4275 7.29056C62.493 14.2825 64.9683 22.6405 65.8045 25.5908C67.6133 31.9722 69.9469 34.0577 73.6985 34.0577H75.4659",
|
4881
5004
|
fill: redColor
|
4882
5005
|
}
|
4883
|
-
), /* @__PURE__ */
|
5006
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4884
5007
|
"path",
|
4885
5008
|
{
|
4886
5009
|
fillRule: "evenodd",
|
@@ -4888,7 +5011,7 @@ var init_VyLogoPride = __esm({
|
|
4888
5011
|
d: "M56.4576 2.44421C56.4559 2.44568 56.4541 2.44703 56.4524 2.4485C54.944 3.74292 53.6961 5.66449 52.9539 8.45445C52.8754 8.74959 41.6662 46.889 41.4206 47.7167C40.4784 50.8926 39.6893 54.0469 36.1209 54.5932C36.101 54.5965 36.0859 54.6138 36.0859 54.6345C36.0859 54.6576 36.1047 54.6763 36.1278 54.6763H36.8373C36.8373 54.6763 37.3489 54.6683 37.4515 54.6642C41.0756 54.5179 42.8818 52.978 44.4271 47.7167C45.5556 43.8746 55.8691 8.75883 55.9604 8.45445C56.4006 6.98517 56.9293 5.3123 57.6882 3.84641C57.53 3.59208 56.9713 2.87385 56.4576 2.44421",
|
4889
5012
|
fill: orangeColor
|
4890
5013
|
}
|
4891
|
-
), /* @__PURE__ */
|
5014
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4892
5015
|
"path",
|
4893
5016
|
{
|
4894
5017
|
fillRule: "evenodd",
|
@@ -4897,7 +5020,7 @@ var init_VyLogoPride = __esm({
|
|
4897
5020
|
fill: yellowColor
|
4898
5021
|
}
|
4899
5022
|
)),
|
4900
|
-
/* @__PURE__ */
|
5023
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4901
5024
|
"path",
|
4902
5025
|
{
|
4903
5026
|
fillRule: "evenodd",
|
@@ -4919,109 +5042,109 @@ var init_CargonetLogo = __esm({
|
|
4919
5042
|
}) => {
|
4920
5043
|
const mainColor = "#DF8200";
|
4921
5044
|
const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
|
4922
|
-
return /* @__PURE__ */
|
5045
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React86__namespace.default.createElement(
|
4923
5046
|
"path",
|
4924
5047
|
{
|
4925
5048
|
d: "M87.9222 14.602L84.3862 18.7417C81.1953 15.9821 79.1685 15.2914 76.5379 15.2914C70.933 15.2914 67.4398 19.5609 67.4398 26.029C67.4398 32.5834 71.0186 36.8523 76.4089 36.8523C79.6855 36.8523 81.6694 35.6447 84.9038 32.9285L88.3969 36.982C84.645 40.5608 81.1524 42.1134 76.4951 42.1134C66.9651 42.1134 61.2733 35.214 61.2733 25.9856C61.2733 16.9732 66.7492 10.0309 76.5379 10.0309C81.2387 10.0309 84.3 11.4533 87.9222 14.602Z",
|
4926
5049
|
fill: accentColor
|
4927
5050
|
}
|
4928
|
-
), /* @__PURE__ */
|
5051
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4929
5052
|
"path",
|
4930
5053
|
{
|
4931
5054
|
d: "M106.461 41.3802C106.159 40.5604 105.986 39.5259 105.857 38.4046C104.693 40.6038 102.408 42.1131 98.6988 42.1131C94.4299 42.1131 90.8511 40.216 90.8511 35.774C90.8511 30.9013 95.1628 29.1333 100.812 28.1417L105.598 27.3225V26.7187C105.598 24.3903 103.917 23.1399 101.416 23.1399C98.4829 23.1399 96.5858 24.476 94.4734 26.6759L91.0231 23.5712C93.9124 20.2934 97.1468 18.6117 101.373 18.6117C107.754 18.6117 110.946 21.846 110.946 26.5028V35.9037C110.946 38.448 111.118 40.216 111.506 41.3802H106.461ZM105.598 32.6265V31.1607L101.373 31.9364C98.0093 32.5836 96.2414 33.4022 96.2414 35.3861C96.2414 36.9388 97.5346 37.9299 99.8202 37.9299C102.666 37.9299 105.598 36.4647 105.598 32.6265Z",
|
4932
5055
|
fill: accentColor
|
4933
5056
|
}
|
4934
|
-
), /* @__PURE__ */
|
5057
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4935
5058
|
"path",
|
4936
5059
|
{
|
4937
5060
|
d: "M130.65 19.6469L129.572 24.5625C128.537 24.2614 127.373 24.0455 126.295 24.0455C123.233 24.0455 121.422 26.4601 121.422 30.5565V41.3803H115.816V25.8563C115.816 22.8813 115.644 20.8111 115.385 19.3448H120.603C120.818 20.1645 120.991 21.4578 121.034 23.0967C122.112 20.5524 123.88 18.9569 126.812 18.9569C128.192 18.9569 129.529 19.2157 130.65 19.6469Z",
|
4938
5061
|
fill: accentColor
|
4939
5062
|
}
|
4940
|
-
), /* @__PURE__ */
|
5063
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4941
5064
|
"path",
|
4942
5065
|
{
|
4943
5066
|
d: "M152.813 19.3447V40.6896C152.813 46.9859 148.156 50.1768 142.075 50.1768C138.669 50.1768 135.219 49.3142 132.028 47.4172L134.745 43.3202C137.289 44.8729 139.532 45.692 141.99 45.692C145.008 45.692 147.336 44.269 147.336 40.3018V37.4993C146.043 39.5255 143.93 40.8199 140.911 40.8199C135.349 40.8199 131.209 36.3779 131.209 29.7373C131.209 23.0966 135.349 18.6118 140.911 18.6118C144.188 18.6118 146.345 20.0782 147.639 22.3631V19.3447H152.813ZM147.509 29.7373C147.509 25.9425 145.267 23.3988 142.162 23.3988C138.971 23.3988 136.858 25.9425 136.858 29.7373C136.858 33.5314 138.971 36.0763 142.162 36.0763C145.267 36.0763 147.509 33.5314 147.509 29.7373Z",
|
4944
5067
|
fill: accentColor
|
4945
5068
|
}
|
4946
|
-
), /* @__PURE__ */
|
5069
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4947
5070
|
"path",
|
4948
5071
|
{
|
4949
5072
|
d: "M178.72 30.341C178.72 37.3267 173.976 42.0702 167.292 42.0702C160.609 42.0702 155.866 37.3267 155.866 30.341C155.866 23.3553 160.609 18.6117 167.292 18.6117C173.976 18.6117 178.72 23.3553 178.72 30.341ZM161.557 30.341C161.557 34.6967 163.886 37.4992 167.292 37.4992C170.699 37.4992 173.028 34.6967 173.028 30.341C173.028 26.0721 170.699 23.1828 167.292 23.1828C163.886 23.1828 161.557 26.0721 161.557 30.341Z",
|
4950
5073
|
fill: accentColor
|
4951
5074
|
}
|
4952
|
-
), /* @__PURE__ */
|
5075
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4953
5076
|
"path",
|
4954
5077
|
{
|
4955
5078
|
d: "M208.903 10.7638V41.38H202.478L194.673 28.9612C192.516 25.5115 190.403 22.1046 188.635 18.8274C188.851 22.4497 188.937 26.4598 188.937 30.8155V41.38H183.029V10.7638H189.585L197.82 23.9589C199.717 26.9773 201.616 29.9529 203.21 32.8851C203.081 29.6507 203.038 26.0719 203.038 21.8893V10.7638H208.903Z",
|
4956
5079
|
fill: mainColor
|
4957
5080
|
}
|
4958
|
-
), /* @__PURE__ */
|
5081
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4959
5082
|
"path",
|
4960
5083
|
{
|
4961
5084
|
d: "M233.663 37.7578C230.386 41.035 227.324 42.0707 223.788 42.0707C216.672 42.0707 212.231 37.499 212.231 30.4705C212.231 23.6573 216.371 18.6116 223.313 18.6116C230.041 18.6116 233.619 22.8376 233.619 29.6079C233.619 30.2546 233.577 31.2897 233.534 31.6781H217.578C218.009 35.0844 220.08 37.499 223.917 37.499C226.505 37.499 228.144 36.5936 230.6 34.4378L233.663 37.7578ZM217.708 27.9262H228.359C228.144 24.8644 226.376 22.881 223.227 22.881C220.123 22.881 218.311 24.8644 217.708 27.9262Z",
|
4962
5085
|
fill: mainColor
|
4963
5086
|
}
|
4964
|
-
), /* @__PURE__ */
|
5087
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4965
5088
|
"path",
|
4966
5089
|
{
|
4967
5090
|
d: "M250.41 41.0785C248.556 41.6817 246.789 41.8976 245.538 41.8976C240.88 41.8976 239.198 39.8709 239.198 35.7739V23.4415H235.275V19.3445H239.198V12.6182H244.805V19.3445H250.066V23.4415H244.805V34.8257C244.805 36.5937 245.624 37.0244 247.047 37.0244C247.651 37.0244 248.47 36.9387 249.721 36.6365L250.41 41.0785Z",
|
4968
5091
|
fill: mainColor
|
4969
5092
|
}
|
4970
|
-
), /* @__PURE__ */
|
5093
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4971
5094
|
"path",
|
4972
5095
|
{
|
4973
5096
|
d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
|
4974
5097
|
fill: mainColor
|
4975
5098
|
}
|
4976
|
-
), /* @__PURE__ */
|
5099
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4977
5100
|
"path",
|
4978
5101
|
{
|
4979
5102
|
d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
|
4980
5103
|
fill: mainColor
|
4981
5104
|
}
|
4982
|
-
), /* @__PURE__ */
|
5105
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4983
5106
|
"path",
|
4984
5107
|
{
|
4985
5108
|
d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
|
4986
5109
|
fill: mainColor
|
4987
5110
|
}
|
4988
|
-
), /* @__PURE__ */
|
5111
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4989
5112
|
"path",
|
4990
5113
|
{
|
4991
5114
|
d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
|
4992
5115
|
fill: mainColor
|
4993
5116
|
}
|
4994
|
-
), /* @__PURE__ */
|
5117
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4995
5118
|
"path",
|
4996
5119
|
{
|
4997
5120
|
d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
|
4998
5121
|
fill: mainColor
|
4999
5122
|
}
|
5000
|
-
), /* @__PURE__ */
|
5123
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
5001
5124
|
"path",
|
5002
5125
|
{
|
5003
5126
|
d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
|
5004
5127
|
fill: mainColor
|
5005
5128
|
}
|
5006
|
-
), /* @__PURE__ */
|
5129
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
5007
5130
|
"path",
|
5008
5131
|
{
|
5009
5132
|
d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
|
5010
5133
|
fill: mainColor
|
5011
5134
|
}
|
5012
|
-
), /* @__PURE__ */
|
5135
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
5013
5136
|
"path",
|
5014
5137
|
{
|
5015
5138
|
d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
|
5016
5139
|
fill: mainColor
|
5017
5140
|
}
|
5018
|
-
), /* @__PURE__ */
|
5141
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
5019
5142
|
"path",
|
5020
5143
|
{
|
5021
5144
|
d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
|
5022
5145
|
fill: mainColor
|
5023
5146
|
}
|
5024
|
-
), /* @__PURE__ */
|
5147
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
5025
5148
|
"path",
|
5026
5149
|
{
|
5027
5150
|
d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
|
@@ -5040,7 +5163,7 @@ var init_logo = __esm({
|
|
5040
5163
|
init_CargonetLogo();
|
5041
5164
|
}
|
5042
5165
|
});
|
5043
|
-
exports.JumpButton = void 0; var
|
5166
|
+
exports.JumpButton = void 0; var texts20;
|
5044
5167
|
var init_JumpButton = __esm({
|
5045
5168
|
"src/media-controller/JumpButton.tsx"() {
|
5046
5169
|
init_src();
|
@@ -5055,19 +5178,19 @@ var init_JumpButton = __esm({
|
|
5055
5178
|
variant: "jumpSkip",
|
5056
5179
|
size: size2
|
5057
5180
|
});
|
5058
|
-
return /* @__PURE__ */
|
5181
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5059
5182
|
react.Center,
|
5060
5183
|
{
|
5061
5184
|
as: "button",
|
5062
5185
|
sx: styles3.container,
|
5063
|
-
"aria-label": direction2 === "forward" ? t2(
|
5186
|
+
"aria-label": direction2 === "forward" ? t2(texts20.forward) : t2(texts20.backward),
|
5064
5187
|
disabled: isDisabled,
|
5065
5188
|
...props
|
5066
5189
|
},
|
5067
|
-
direction2 === "forward" ? /* @__PURE__ */
|
5190
|
+
direction2 === "forward" ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
|
5068
5191
|
);
|
5069
5192
|
};
|
5070
|
-
|
5193
|
+
texts20 = createTexts({
|
5071
5194
|
forward: {
|
5072
5195
|
nb: "15 sekunder frem",
|
5073
5196
|
nn: "15 sekunder fram",
|
@@ -5083,7 +5206,7 @@ var init_JumpButton = __esm({
|
|
5083
5206
|
});
|
5084
5207
|
}
|
5085
5208
|
});
|
5086
|
-
exports.PlayPauseButton = void 0; var
|
5209
|
+
exports.PlayPauseButton = void 0; var texts21;
|
5087
5210
|
var init_PlayPauseButton = __esm({
|
5088
5211
|
"src/media-controller/PlayPauseButton.tsx"() {
|
5089
5212
|
init_src();
|
@@ -5098,19 +5221,19 @@ var init_PlayPauseButton = __esm({
|
|
5098
5221
|
variant: "play",
|
5099
5222
|
size: size2
|
5100
5223
|
});
|
5101
|
-
return /* @__PURE__ */
|
5224
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5102
5225
|
react.Center,
|
5103
5226
|
{
|
5104
5227
|
as: "button",
|
5105
5228
|
sx: styles3.container,
|
5106
|
-
"aria-label": isPlaying ? t2(
|
5229
|
+
"aria-label": isPlaying ? t2(texts21.pause) : t2(texts21.play),
|
5107
5230
|
disabled: isDisabled,
|
5108
5231
|
...props
|
5109
5232
|
},
|
5110
|
-
isPlaying ? /* @__PURE__ */
|
5233
|
+
isPlaying ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
|
5111
5234
|
);
|
5112
5235
|
};
|
5113
|
-
|
5236
|
+
texts21 = createTexts({
|
5114
5237
|
pause: {
|
5115
5238
|
nb: "Pause",
|
5116
5239
|
nn: "Pause",
|
@@ -5126,7 +5249,7 @@ var init_PlayPauseButton = __esm({
|
|
5126
5249
|
});
|
5127
5250
|
}
|
5128
5251
|
});
|
5129
|
-
exports.SkipButton = void 0; var
|
5252
|
+
exports.SkipButton = void 0; var texts22;
|
5130
5253
|
var init_SkipButton = __esm({
|
5131
5254
|
"src/media-controller/SkipButton.tsx"() {
|
5132
5255
|
init_src();
|
@@ -5141,19 +5264,19 @@ var init_SkipButton = __esm({
|
|
5141
5264
|
variant: "jumpSkip",
|
5142
5265
|
size: size2
|
5143
5266
|
});
|
5144
|
-
return /* @__PURE__ */
|
5267
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5145
5268
|
react.Center,
|
5146
5269
|
{
|
5147
5270
|
as: "button",
|
5148
5271
|
sx: styles3.container,
|
5149
|
-
"aria-label": direction2 === "forward" ? t2(
|
5272
|
+
"aria-label": direction2 === "forward" ? t2(texts22.next) : t2(texts22.previous),
|
5150
5273
|
disabled: isDisabled,
|
5151
5274
|
...props
|
5152
5275
|
},
|
5153
|
-
direction2 === "forward" ? /* @__PURE__ */
|
5276
|
+
direction2 === "forward" ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
|
5154
5277
|
);
|
5155
5278
|
};
|
5156
|
-
|
5279
|
+
texts22 = createTexts({
|
5157
5280
|
next: {
|
5158
5281
|
nb: "Neste",
|
5159
5282
|
nn: "Neste",
|
@@ -5187,7 +5310,7 @@ var init_ModalHeader = __esm({
|
|
5187
5310
|
fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
|
5188
5311
|
textAlign: size2 === "lg" ? "center" : "left"
|
5189
5312
|
};
|
5190
|
-
return /* @__PURE__ */
|
5313
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.ModalHeader, { as: "h1", ...props, ref, ...styles3 });
|
5191
5314
|
}
|
5192
5315
|
);
|
5193
5316
|
}
|
@@ -5197,7 +5320,7 @@ var init_Drawer = __esm({
|
|
5197
5320
|
"src/modal/Drawer.tsx"() {
|
5198
5321
|
init_ModalHeader();
|
5199
5322
|
exports.Drawer = (props) => {
|
5200
|
-
return /* @__PURE__ */
|
5323
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React86__namespace.default.createElement(react.Drawer, { ...props }));
|
5201
5324
|
};
|
5202
5325
|
exports.DrawerContent = react.forwardRef(
|
5203
5326
|
({ children, ...props }, ref) => {
|
@@ -5214,7 +5337,7 @@ var init_Drawer = __esm({
|
|
5214
5337
|
});
|
5215
5338
|
const isTopOrBottom = placement === "top" || placement === "bottom";
|
5216
5339
|
const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
|
5217
|
-
return /* @__PURE__ */
|
5340
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5218
5341
|
react.DrawerContent,
|
5219
5342
|
{
|
5220
5343
|
...widthConstraits,
|
@@ -5223,13 +5346,13 @@ var init_Drawer = __esm({
|
|
5223
5346
|
...props,
|
5224
5347
|
ref
|
5225
5348
|
},
|
5226
|
-
/* @__PURE__ */
|
5349
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React86__namespace.default.createElement(Notch, null), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, children)))
|
5227
5350
|
));
|
5228
5351
|
}
|
5229
5352
|
);
|
5230
5353
|
Notch = react.forwardRef((props, ref) => {
|
5231
5354
|
const placement = useDrawerContext();
|
5232
|
-
return /* @__PURE__ */
|
5355
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5233
5356
|
react.Box,
|
5234
5357
|
{
|
5235
5358
|
position: "absolute",
|
@@ -5241,14 +5364,14 @@ var init_Drawer = __esm({
|
|
5241
5364
|
...props,
|
5242
5365
|
ref
|
5243
5366
|
},
|
5244
|
-
/* @__PURE__ */
|
5367
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
5245
5368
|
react.Center,
|
5246
5369
|
{
|
5247
5370
|
background: placement === "bottom" ? "bottom" : "top",
|
5248
5371
|
padding: 2,
|
5249
5372
|
borderRadius: "md"
|
5250
5373
|
},
|
5251
|
-
/* @__PURE__ */
|
5374
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
5252
5375
|
react.Box,
|
5253
5376
|
{
|
5254
5377
|
width: "2.265rem",
|
@@ -5260,14 +5383,14 @@ var init_Drawer = __esm({
|
|
5260
5383
|
)
|
5261
5384
|
);
|
5262
5385
|
});
|
5263
|
-
DrawerContext =
|
5264
|
-
DrawerProvider = (props) => /* @__PURE__ */
|
5386
|
+
DrawerContext = React86__namespace.default.createContext(void 0);
|
5387
|
+
DrawerProvider = (props) => /* @__PURE__ */ React86__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
|
5265
5388
|
useDrawerContext = () => {
|
5266
|
-
return
|
5389
|
+
return React86__namespace.default.useContext(DrawerContext);
|
5267
5390
|
};
|
5268
5391
|
}
|
5269
5392
|
});
|
5270
|
-
exports.FullScreenDrawer = void 0; var DrawerTopMenu, DrawerCloseButton2, DrawerBackButton,
|
5393
|
+
exports.FullScreenDrawer = void 0; var DrawerTopMenu, DrawerCloseButton2, DrawerBackButton, texts23;
|
5271
5394
|
var init_FullScreenDrawer = __esm({
|
5272
5395
|
"src/modal/FullScreenDrawer.tsx"() {
|
5273
5396
|
init_button();
|
@@ -5277,13 +5400,13 @@ var init_FullScreenDrawer = __esm({
|
|
5277
5400
|
children,
|
5278
5401
|
title,
|
5279
5402
|
placement = "bottom",
|
5280
|
-
leftButton = /* @__PURE__ */
|
5281
|
-
rightButton = /* @__PURE__ */
|
5403
|
+
leftButton = /* @__PURE__ */ React86__namespace.default.createElement(DrawerBackButton, null),
|
5404
|
+
rightButton = /* @__PURE__ */ React86__namespace.default.createElement(DrawerCloseButton2, null),
|
5282
5405
|
isOpen,
|
5283
5406
|
onClose,
|
5284
5407
|
body
|
5285
5408
|
}) => {
|
5286
|
-
const [isContentBoxScrolled, setContentBoxScrolled] =
|
5409
|
+
const [isContentBoxScrolled, setContentBoxScrolled] = React86.useState(false);
|
5287
5410
|
const onContentScroll = (e) => {
|
5288
5411
|
const target = e.target;
|
5289
5412
|
if (target.scrollTop <= 0) {
|
@@ -5292,10 +5415,10 @@ var init_FullScreenDrawer = __esm({
|
|
5292
5415
|
}
|
5293
5416
|
setContentBoxScrolled(true);
|
5294
5417
|
};
|
5295
|
-
|
5418
|
+
React86.useEffect(() => {
|
5296
5419
|
setContentBoxScrolled(false);
|
5297
5420
|
}, [isOpen]);
|
5298
|
-
return /* @__PURE__ */
|
5421
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(exports.Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React86__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React86__namespace.default.createElement(
|
5299
5422
|
react.DrawerContent,
|
5300
5423
|
{
|
5301
5424
|
height: "100vh",
|
@@ -5303,7 +5426,7 @@ var init_FullScreenDrawer = __esm({
|
|
5303
5426
|
backgroundPosition: "top",
|
5304
5427
|
backgroundRepeat: "no-repeat"
|
5305
5428
|
},
|
5306
|
-
/* @__PURE__ */
|
5429
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
5307
5430
|
DrawerTopMenu,
|
5308
5431
|
{
|
5309
5432
|
isScrolled: isContentBoxScrolled,
|
@@ -5312,7 +5435,7 @@ var init_FullScreenDrawer = __esm({
|
|
5312
5435
|
rightButton
|
5313
5436
|
}
|
5314
5437
|
),
|
5315
|
-
/* @__PURE__ */
|
5438
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
|
5316
5439
|
));
|
5317
5440
|
};
|
5318
5441
|
DrawerTopMenu = ({
|
@@ -5325,7 +5448,7 @@ var init_FullScreenDrawer = __esm({
|
|
5325
5448
|
"bg.default.light",
|
5326
5449
|
"bg.default.dark"
|
5327
5450
|
);
|
5328
|
-
return /* @__PURE__ */
|
5451
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5329
5452
|
react.Flex,
|
5330
5453
|
{
|
5331
5454
|
width: "100%",
|
@@ -5338,8 +5461,8 @@ var init_FullScreenDrawer = __esm({
|
|
5338
5461
|
transition: "box-shadow 0.2s",
|
5339
5462
|
boxShadow: isScrolled ? "md" : void 0
|
5340
5463
|
},
|
5341
|
-
/* @__PURE__ */
|
5342
|
-
/* @__PURE__ */
|
5464
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
|
5465
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
5343
5466
|
react.DrawerHeader,
|
5344
5467
|
{
|
5345
5468
|
as: "h2",
|
@@ -5352,7 +5475,7 @@ var init_FullScreenDrawer = __esm({
|
|
5352
5475
|
},
|
5353
5476
|
title
|
5354
5477
|
),
|
5355
|
-
/* @__PURE__ */
|
5478
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
|
5356
5479
|
);
|
5357
5480
|
};
|
5358
5481
|
DrawerCloseButton2 = () => {
|
@@ -5362,26 +5485,26 @@ var init_FullScreenDrawer = __esm({
|
|
5362
5485
|
`(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
|
5363
5486
|
);
|
5364
5487
|
if (isScreenSizeMinSm) {
|
5365
|
-
return /* @__PURE__ */
|
5488
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5366
5489
|
exports.Button,
|
5367
5490
|
{
|
5368
5491
|
variant: "ghost",
|
5369
|
-
leftIcon: /* @__PURE__ */
|
5492
|
+
leftIcon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
|
5370
5493
|
onClick: onClose,
|
5371
|
-
"aria-label": t2(
|
5494
|
+
"aria-label": t2(texts23.close),
|
5372
5495
|
width: "fit-content",
|
5373
5496
|
marginLeft: "auto"
|
5374
5497
|
},
|
5375
|
-
t2(
|
5498
|
+
t2(texts23.close)
|
5376
5499
|
);
|
5377
5500
|
}
|
5378
|
-
return /* @__PURE__ */
|
5501
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5379
5502
|
exports.IconButton,
|
5380
5503
|
{
|
5381
5504
|
variant: "ghost",
|
5382
|
-
icon: /* @__PURE__ */
|
5505
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
|
5383
5506
|
onClick: onClose,
|
5384
|
-
"aria-label": t2(
|
5507
|
+
"aria-label": t2(texts23.close)
|
5385
5508
|
}
|
5386
5509
|
);
|
5387
5510
|
};
|
@@ -5392,30 +5515,30 @@ var init_FullScreenDrawer = __esm({
|
|
5392
5515
|
`(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
|
5393
5516
|
);
|
5394
5517
|
if (isScreenSizeMinSm) {
|
5395
|
-
return /* @__PURE__ */
|
5518
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5396
5519
|
exports.Button,
|
5397
5520
|
{
|
5398
5521
|
variant: "ghost",
|
5399
|
-
leftIcon: /* @__PURE__ */
|
5522
|
+
leftIcon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
|
5400
5523
|
onClick: onClose,
|
5401
|
-
"aria-label": t2(
|
5524
|
+
"aria-label": t2(texts23.backAriaLabel),
|
5402
5525
|
width: "fit-content",
|
5403
5526
|
marginLeft: "auto"
|
5404
5527
|
},
|
5405
|
-
t2(
|
5528
|
+
t2(texts23.back)
|
5406
5529
|
);
|
5407
5530
|
}
|
5408
|
-
return /* @__PURE__ */
|
5531
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5409
5532
|
exports.IconButton,
|
5410
5533
|
{
|
5411
5534
|
variant: "ghost",
|
5412
|
-
icon: /* @__PURE__ */
|
5535
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
|
5413
5536
|
onClick: onClose,
|
5414
|
-
"aria-label": t2(
|
5537
|
+
"aria-label": t2(texts23.close)
|
5415
5538
|
}
|
5416
5539
|
);
|
5417
5540
|
};
|
5418
|
-
|
5541
|
+
texts23 = createTexts({
|
5419
5542
|
close: {
|
5420
5543
|
nb: "Lukk",
|
5421
5544
|
nn: "Lukk",
|
@@ -5458,7 +5581,7 @@ var init_SimpleDrawer = __esm({
|
|
5458
5581
|
body,
|
5459
5582
|
...props
|
5460
5583
|
}) => {
|
5461
|
-
return /* @__PURE__ */
|
5584
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(exports.Drawer, { placement, ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React86__namespace.default.createElement(exports.DrawerContent, null, /* @__PURE__ */ React86__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React86__namespace.default.createElement(exports.ModalHeader, null, title), /* @__PURE__ */ React86__namespace.default.createElement(react.DrawerBody, { ...body }, children)));
|
5462
5585
|
};
|
5463
5586
|
}
|
5464
5587
|
});
|
@@ -5473,7 +5596,7 @@ var init_modal = __esm({
|
|
5473
5596
|
init_SimpleDrawer();
|
5474
5597
|
}
|
5475
5598
|
});
|
5476
|
-
var EXPIRATION_DELAY; exports.Nudge = void 0; var
|
5599
|
+
var EXPIRATION_DELAY; exports.Nudge = void 0; var texts24;
|
5477
5600
|
var init_Nudge = __esm({
|
5478
5601
|
"src/nudge/Nudge.tsx"() {
|
5479
5602
|
init_src();
|
@@ -5497,7 +5620,7 @@ var init_Nudge = __esm({
|
|
5497
5620
|
}
|
5498
5621
|
return null;
|
5499
5622
|
}
|
5500
|
-
return /* @__PURE__ */
|
5623
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5501
5624
|
react.Popover,
|
5502
5625
|
{
|
5503
5626
|
arrowSize: 12,
|
@@ -5505,11 +5628,11 @@ var init_Nudge = __esm({
|
|
5505
5628
|
defaultIsOpen: true,
|
5506
5629
|
...props
|
5507
5630
|
},
|
5508
|
-
/* @__PURE__ */
|
5509
|
-
/* @__PURE__ */
|
5631
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, children),
|
5632
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React86__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverArrow, null), /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverBody, { margin: 1 }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginRight: 4 }, content), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React86__namespace.default.createElement(exports.ButtonGroup, null, /* @__PURE__ */ React86__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "xs" }, t2(texts24.close)), /* @__PURE__ */ React86__namespace.default.createElement(exports.Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts24.showMe)))))))
|
5510
5633
|
);
|
5511
5634
|
};
|
5512
|
-
|
5635
|
+
texts24 = createTexts({
|
5513
5636
|
close: {
|
5514
5637
|
nb: "Lukk",
|
5515
5638
|
nn: "Lukk",
|
@@ -5525,7 +5648,7 @@ var init_Nudge = __esm({
|
|
5525
5648
|
});
|
5526
5649
|
}
|
5527
5650
|
});
|
5528
|
-
exports.WizardNudge = void 0; var NextOrCloseButton,
|
5651
|
+
exports.WizardNudge = void 0; var NextOrCloseButton, texts25;
|
5529
5652
|
var init_WizardNudge = __esm({
|
5530
5653
|
"src/nudge/WizardNudge.tsx"() {
|
5531
5654
|
init_src();
|
@@ -5536,23 +5659,23 @@ var init_WizardNudge = __esm({
|
|
5536
5659
|
content,
|
5537
5660
|
...props
|
5538
5661
|
}) => {
|
5539
|
-
const [currentStep, setCurrentStep] =
|
5662
|
+
const [currentStep, setCurrentStep] = React86.useState(1);
|
5540
5663
|
const totalSteps = content.length;
|
5541
5664
|
const isLastStep = totalSteps === currentStep;
|
5542
5665
|
const onNext = () => setCurrentStep((prev) => prev + 1);
|
5543
|
-
return /* @__PURE__ */
|
5666
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5544
5667
|
exports.Nudge,
|
5545
5668
|
{
|
5546
5669
|
onClose,
|
5547
5670
|
name,
|
5548
5671
|
content: content[currentStep - 1],
|
5549
|
-
actions: /* @__PURE__ */
|
5672
|
+
actions: /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5550
5673
|
exports.ProgressIndicator,
|
5551
5674
|
{
|
5552
5675
|
activeStep: currentStep,
|
5553
5676
|
numberOfSteps: totalSteps
|
5554
5677
|
}
|
5555
|
-
), /* @__PURE__ */
|
5678
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React86__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
|
5556
5679
|
...props
|
5557
5680
|
},
|
5558
5681
|
children
|
@@ -5561,19 +5684,19 @@ var init_WizardNudge = __esm({
|
|
5561
5684
|
NextOrCloseButton = ({ isLastStep, onNext }) => {
|
5562
5685
|
const { onClose } = react.usePopoverContext();
|
5563
5686
|
const { t: t2 } = useTranslation();
|
5564
|
-
return /* @__PURE__ */
|
5687
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5565
5688
|
exports.Button,
|
5566
5689
|
{
|
5567
5690
|
variant: "tertiary",
|
5568
5691
|
size: "xs",
|
5569
|
-
leftIcon: isLastStep ? void 0 : /* @__PURE__ */
|
5692
|
+
leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
|
5570
5693
|
onClick: isLastStep ? onClose : onNext,
|
5571
5694
|
width: "fit-content"
|
5572
5695
|
},
|
5573
|
-
t2(isLastStep ?
|
5696
|
+
t2(isLastStep ? texts25.finish : texts25.nextStep)
|
5574
5697
|
);
|
5575
5698
|
};
|
5576
|
-
|
5699
|
+
texts25 = createTexts({
|
5577
5700
|
nextStep: {
|
5578
5701
|
nb: "Neste",
|
5579
5702
|
nn: "Neste",
|
@@ -5597,7 +5720,7 @@ var init_nudge = __esm({
|
|
5597
5720
|
init_WizardNudge();
|
5598
5721
|
}
|
5599
5722
|
});
|
5600
|
-
exports.Pagination = void 0; var
|
5723
|
+
exports.Pagination = void 0; var texts26;
|
5601
5724
|
var init_Pagination = __esm({
|
5602
5725
|
"src/pagination/Pagination.tsx"() {
|
5603
5726
|
init_src();
|
@@ -5644,7 +5767,7 @@ var init_Pagination = __esm({
|
|
5644
5767
|
}
|
5645
5768
|
}
|
5646
5769
|
return displayPageNumbers.map(
|
5647
|
-
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */
|
5770
|
+
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React86__namespace.default.createElement(react.Center, null, "...")) : /* @__PURE__ */ React86__namespace.default.createElement(
|
5648
5771
|
react.Link,
|
5649
5772
|
{
|
5650
5773
|
key: index,
|
@@ -5661,7 +5784,7 @@ var init_Pagination = __esm({
|
|
5661
5784
|
)
|
5662
5785
|
);
|
5663
5786
|
};
|
5664
|
-
return /* @__PURE__ */
|
5787
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5665
5788
|
react.UnorderedList,
|
5666
5789
|
{
|
5667
5790
|
display: "flex",
|
@@ -5670,26 +5793,26 @@ var init_Pagination = __esm({
|
|
5670
5793
|
padding: 0,
|
5671
5794
|
margin: 0
|
5672
5795
|
},
|
5673
|
-
/* @__PURE__ */
|
5796
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts26.previousPage) }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5674
5797
|
exports.TextLink,
|
5675
5798
|
{
|
5676
5799
|
onClick: () => onPageChange(selectedPage - 1),
|
5677
5800
|
sx: hasPreviousPage ? style.link : style.disabled
|
5678
5801
|
},
|
5679
|
-
/* @__PURE__ */
|
5802
|
+
/* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
|
5680
5803
|
)),
|
5681
5804
|
renderPaginationButtons(),
|
5682
|
-
/* @__PURE__ */
|
5805
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts26.nextPage) }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5683
5806
|
exports.TextLink,
|
5684
5807
|
{
|
5685
5808
|
onClick: () => onPageChange(selectedPage + 1),
|
5686
5809
|
sx: hasNextPage ? style.link : style.disabled
|
5687
5810
|
},
|
5688
|
-
/* @__PURE__ */
|
5811
|
+
/* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
|
5689
5812
|
))
|
5690
5813
|
));
|
5691
5814
|
};
|
5692
|
-
|
5815
|
+
texts26 = createTexts({
|
5693
5816
|
previousPage: {
|
5694
5817
|
nb: "Forrige side",
|
5695
5818
|
nn: "F\xF8rre side",
|
@@ -5718,7 +5841,7 @@ var init_ProgressDot = __esm({
|
|
5718
5841
|
init_src();
|
5719
5842
|
ProgressDot = ({ isActive }) => {
|
5720
5843
|
const style = react.useMultiStyleConfig("ProgressIndicator");
|
5721
|
-
return /* @__PURE__ */
|
5844
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5722
5845
|
react.Box,
|
5723
5846
|
{
|
5724
5847
|
as: "svg",
|
@@ -5728,12 +5851,12 @@ var init_ProgressDot = __esm({
|
|
5728
5851
|
viewBox: "0 0 100 100",
|
5729
5852
|
"aria-current": isActive ? "step" : void 0
|
5730
5853
|
},
|
5731
|
-
/* @__PURE__ */
|
5854
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
|
5732
5855
|
);
|
5733
5856
|
};
|
5734
5857
|
}
|
5735
5858
|
});
|
5736
|
-
exports.ProgressIndicator = void 0; var
|
5859
|
+
exports.ProgressIndicator = void 0; var texts27;
|
5737
5860
|
var init_ProgressIndicator = __esm({
|
5738
5861
|
"src/progress-indicator/ProgressIndicator.tsx"() {
|
5739
5862
|
init_src();
|
@@ -5744,7 +5867,7 @@ var init_ProgressIndicator = __esm({
|
|
5744
5867
|
}) => {
|
5745
5868
|
const { t: t2 } = useTranslation();
|
5746
5869
|
const style = react.useMultiStyleConfig("ProgressIndicator");
|
5747
|
-
return /* @__PURE__ */
|
5870
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5748
5871
|
react.Box,
|
5749
5872
|
{
|
5750
5873
|
__css: style.root,
|
@@ -5752,9 +5875,9 @@ var init_ProgressIndicator = __esm({
|
|
5752
5875
|
"aria-valuemin": 1,
|
5753
5876
|
"aria-valuemax": numberOfSteps,
|
5754
5877
|
"aria-valuenow": activeStep,
|
5755
|
-
"aria-valuetext": t2(
|
5878
|
+
"aria-valuetext": t2(texts27.stepsOf(activeStep, numberOfSteps))
|
5756
5879
|
},
|
5757
|
-
/* @__PURE__ */
|
5880
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React86__namespace.default.createElement(
|
5758
5881
|
ProgressDot,
|
5759
5882
|
{
|
5760
5883
|
key: i,
|
@@ -5764,7 +5887,7 @@ var init_ProgressIndicator = __esm({
|
|
5764
5887
|
)))
|
5765
5888
|
);
|
5766
5889
|
};
|
5767
|
-
|
5890
|
+
texts27 = createTexts({
|
5768
5891
|
stepsOf: (activeStep, numberOfSteps) => ({
|
5769
5892
|
nb: `Steg ${activeStep} av ${numberOfSteps}`,
|
5770
5893
|
nn: `Steg ${activeStep} av ${numberOfSteps}`,
|
@@ -5795,7 +5918,7 @@ var init_SporProvider = __esm({
|
|
5795
5918
|
}) => {
|
5796
5919
|
const brandCustomizations = exports.brandTheme[brand] ?? {};
|
5797
5920
|
const extendedTheme = deepmerge__default.default(theme3, brandCustomizations);
|
5798
|
-
return /* @__PURE__ */
|
5921
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React86__namespace.default.createElement(react.ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react$1.Global, { styles: exports.fontFaces }), children));
|
5799
5922
|
};
|
5800
5923
|
}
|
5801
5924
|
});
|
@@ -5809,7 +5932,7 @@ var init_provider = __esm({
|
|
5809
5932
|
var StepperContext, StepperProvider, useStepper;
|
5810
5933
|
var init_StepperContext = __esm({
|
5811
5934
|
"src/stepper/StepperContext.tsx"() {
|
5812
|
-
StepperContext =
|
5935
|
+
StepperContext = React86__namespace.default.createContext(null);
|
5813
5936
|
StepperProvider = ({
|
5814
5937
|
activeStep,
|
5815
5938
|
children,
|
@@ -5817,7 +5940,7 @@ var init_StepperContext = __esm({
|
|
5817
5940
|
numberOfSteps,
|
5818
5941
|
variant
|
5819
5942
|
}) => {
|
5820
|
-
return /* @__PURE__ */
|
5943
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5821
5944
|
StepperContext.Provider,
|
5822
5945
|
{
|
5823
5946
|
value: { activeStep, onClick, numberOfSteps, variant }
|
@@ -5826,7 +5949,7 @@ var init_StepperContext = __esm({
|
|
5826
5949
|
);
|
5827
5950
|
};
|
5828
5951
|
useStepper = () => {
|
5829
|
-
const context =
|
5952
|
+
const context = React86__namespace.default.useContext(StepperContext);
|
5830
5953
|
if (!context) {
|
5831
5954
|
throw new Error(
|
5832
5955
|
"useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
|
@@ -5836,7 +5959,7 @@ var init_StepperContext = __esm({
|
|
5836
5959
|
};
|
5837
5960
|
}
|
5838
5961
|
});
|
5839
|
-
exports.Stepper = void 0; var
|
5962
|
+
exports.Stepper = void 0; var texts28;
|
5840
5963
|
var init_Stepper = __esm({
|
5841
5964
|
"src/stepper/Stepper.tsx"() {
|
5842
5965
|
init_stepper();
|
@@ -5860,7 +5983,7 @@ var init_Stepper = __esm({
|
|
5860
5983
|
const { t: t2 } = useTranslation();
|
5861
5984
|
const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
|
5862
5985
|
const shownHeading = heading || title;
|
5863
|
-
return /* @__PURE__ */
|
5986
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5864
5987
|
StepperProvider,
|
5865
5988
|
{
|
5866
5989
|
onClick,
|
@@ -5868,7 +5991,7 @@ var init_Stepper = __esm({
|
|
5868
5991
|
variant,
|
5869
5992
|
numberOfSteps
|
5870
5993
|
},
|
5871
|
-
/* @__PURE__ */
|
5994
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.container }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.innerContainer }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5872
5995
|
react.Flex,
|
5873
5996
|
{
|
5874
5997
|
justifyContent: "space-between",
|
@@ -5876,11 +5999,11 @@ var init_Stepper = __esm({
|
|
5876
5999
|
gap: 2,
|
5877
6000
|
flex: 1
|
5878
6001
|
},
|
5879
|
-
/* @__PURE__ */
|
6002
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
5880
6003
|
exports.IconButton,
|
5881
6004
|
{
|
5882
|
-
"aria-label": t2(
|
5883
|
-
icon: /* @__PURE__ */
|
6005
|
+
"aria-label": t2(texts28.back),
|
6006
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
|
5884
6007
|
variant: "ghost",
|
5885
6008
|
size: "sm",
|
5886
6009
|
visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
|
@@ -5893,9 +6016,9 @@ var init_Stepper = __esm({
|
|
5893
6016
|
}
|
5894
6017
|
}
|
5895
6018
|
),
|
5896
|
-
shownHeading && /* @__PURE__ */
|
5897
|
-
/* @__PURE__ */
|
5898
|
-
)), /* @__PURE__ */
|
6019
|
+
shownHeading && /* @__PURE__ */ React86__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
|
6020
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts28.stepsOf(activeStep, numberOfSteps)))
|
6021
|
+
)), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React86__namespace.default.createElement(
|
5899
6022
|
exports.StepperStep,
|
5900
6023
|
{
|
5901
6024
|
key: index,
|
@@ -5908,7 +6031,7 @@ var init_Stepper = __esm({
|
|
5908
6031
|
))))
|
5909
6032
|
));
|
5910
6033
|
};
|
5911
|
-
|
6034
|
+
texts28 = createTexts({
|
5912
6035
|
stepsOf: (activeStep, numberOfSteps) => ({
|
5913
6036
|
nb: `Steg ${activeStep}/${numberOfSteps}`,
|
5914
6037
|
nn: `Steg ${activeStep}/${numberOfSteps}`,
|
@@ -5947,14 +6070,14 @@ var init_StepperStep = __esm({
|
|
5947
6070
|
);
|
5948
6071
|
const iconColor = react.useColorModeValue("blackAlpha.200", "whiteAlpha.200");
|
5949
6072
|
const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
|
5950
|
-
return /* @__PURE__ */
|
6073
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React86__namespace.default.createElement(
|
5951
6074
|
sporIconReact.DropdownRightFill18Icon,
|
5952
6075
|
{
|
5953
6076
|
marginX: 5,
|
5954
6077
|
display: ["none", null, "block"],
|
5955
6078
|
color: iconColor
|
5956
6079
|
}
|
5957
|
-
), isDisabled ? /* @__PURE__ */
|
6080
|
+
), isDisabled ? /* @__PURE__ */ React86__namespace.default.createElement(
|
5958
6081
|
exports.Text,
|
5959
6082
|
{
|
5960
6083
|
variant: "xs",
|
@@ -5964,7 +6087,7 @@ var init_StepperStep = __esm({
|
|
5964
6087
|
paddingX: 2
|
5965
6088
|
},
|
5966
6089
|
children
|
5967
|
-
) : /* @__PURE__ */
|
6090
|
+
) : /* @__PURE__ */ React86__namespace.default.createElement(
|
5968
6091
|
exports.Button,
|
5969
6092
|
{
|
5970
6093
|
size: "xs",
|
@@ -6000,7 +6123,7 @@ exports.Tabs = void 0;
|
|
6000
6123
|
var init_Tabs = __esm({
|
6001
6124
|
"src/tab/Tabs.tsx"() {
|
6002
6125
|
exports.Tabs = react.forwardRef((props, ref) => {
|
6003
|
-
return /* @__PURE__ */
|
6126
|
+
return /* @__PURE__ */ React86__namespace.createElement(react.Tabs, { ...props, ref });
|
6004
6127
|
});
|
6005
6128
|
}
|
6006
6129
|
});
|
@@ -6022,7 +6145,7 @@ var init_Table = __esm({
|
|
6022
6145
|
"src/table/Table.tsx"() {
|
6023
6146
|
exports.Table = react.forwardRef((props, ref) => {
|
6024
6147
|
const { variant, size: size2, colorScheme, children, ...rest } = props;
|
6025
|
-
return /* @__PURE__ */
|
6148
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
6026
6149
|
react.Table,
|
6027
6150
|
{
|
6028
6151
|
variant,
|
@@ -6766,16 +6889,16 @@ function defineCssVars(scope, keys2) {
|
|
6766
6889
|
function defineStyle(styles3) {
|
6767
6890
|
return styles3;
|
6768
6891
|
}
|
6769
|
-
function defineStyleConfig(
|
6770
|
-
return
|
6892
|
+
function defineStyleConfig(config45) {
|
6893
|
+
return config45;
|
6771
6894
|
}
|
6772
|
-
function createMultiStyleConfigHelpers(
|
6895
|
+
function createMultiStyleConfigHelpers(parts21) {
|
6773
6896
|
return {
|
6774
|
-
definePartsStyle(
|
6775
|
-
return
|
6897
|
+
definePartsStyle(config45) {
|
6898
|
+
return config45;
|
6776
6899
|
},
|
6777
|
-
defineMultiStyleConfig(
|
6778
|
-
return { parts:
|
6900
|
+
defineMultiStyleConfig(config45) {
|
6901
|
+
return { parts: parts21, ...config45 };
|
6779
6902
|
}
|
6780
6903
|
};
|
6781
6904
|
}
|
@@ -8098,7 +8221,7 @@ function anatomy(name, map = {}) {
|
|
8098
8221
|
"[anatomy] .part(...) should only be called once. Did you mean to use .extend(...) ?"
|
8099
8222
|
);
|
8100
8223
|
}
|
8101
|
-
function
|
8224
|
+
function parts21(...values) {
|
8102
8225
|
assert();
|
8103
8226
|
for (const part of values) {
|
8104
8227
|
map[part] = toPart(part);
|
@@ -8138,7 +8261,7 @@ function anatomy(name, map = {}) {
|
|
8138
8261
|
}
|
8139
8262
|
const __type = {};
|
8140
8263
|
return {
|
8141
|
-
parts:
|
8264
|
+
parts: parts21,
|
8142
8265
|
toPart,
|
8143
8266
|
extend,
|
8144
8267
|
selectors,
|
@@ -11995,6 +12118,12 @@ var init_alert2 = __esm({
|
|
11995
12118
|
container: {
|
11996
12119
|
backgroundColor: "banana"
|
11997
12120
|
}
|
12121
|
+
},
|
12122
|
+
service: {
|
12123
|
+
container: {
|
12124
|
+
backgroundColor: "darkTeal",
|
12125
|
+
color: "white"
|
12126
|
+
}
|
11998
12127
|
}
|
11999
12128
|
},
|
12000
12129
|
defaultProps: {
|
@@ -12079,6 +12208,16 @@ var init_alert_expandable = __esm({
|
|
12079
12208
|
backgroundColor: "pink"
|
12080
12209
|
}
|
12081
12210
|
}
|
12211
|
+
},
|
12212
|
+
service: {
|
12213
|
+
container: {
|
12214
|
+
_hover: {
|
12215
|
+
outlineColor: "blueGreen"
|
12216
|
+
},
|
12217
|
+
_active: {
|
12218
|
+
backgroundColor: "pine"
|
12219
|
+
}
|
12220
|
+
}
|
12082
12221
|
}
|
12083
12222
|
},
|
12084
12223
|
defaultProps: {
|
@@ -12088,6 +12227,63 @@ var init_alert_expandable = __esm({
|
|
12088
12227
|
alert_expandable_default = config4;
|
12089
12228
|
}
|
12090
12229
|
});
|
12230
|
+
|
12231
|
+
// src/theme/components/alert-service.ts
|
12232
|
+
var parts3, helpers4, config5, alert_service_default;
|
12233
|
+
var init_alert_service = __esm({
|
12234
|
+
"src/theme/components/alert-service.ts"() {
|
12235
|
+
init_dist4();
|
12236
|
+
init_dist3();
|
12237
|
+
parts3 = anatomy("alertService").parts(
|
12238
|
+
"container",
|
12239
|
+
"box",
|
12240
|
+
"notificationText",
|
12241
|
+
"serviceMessageContent"
|
12242
|
+
);
|
12243
|
+
helpers4 = createMultiStyleConfigHelpers(parts3.keys);
|
12244
|
+
config5 = helpers4.defineMultiStyleConfig({
|
12245
|
+
baseStyle: {
|
12246
|
+
container: {
|
12247
|
+
paddingX: 0,
|
12248
|
+
paddingY: 2,
|
12249
|
+
fontSize: "inherit",
|
12250
|
+
transitionProperty: "outline, border-radius",
|
12251
|
+
transitionDuration: "fast",
|
12252
|
+
borderTopRadius: "none",
|
12253
|
+
borderBottomRadius: "18px",
|
12254
|
+
_hover: {
|
12255
|
+
outline: "2px solid",
|
12256
|
+
outlineColor: "blueGreen"
|
12257
|
+
},
|
12258
|
+
_active: {
|
12259
|
+
backgroundColor: "pine",
|
12260
|
+
outlineColor: "pine"
|
12261
|
+
}
|
12262
|
+
},
|
12263
|
+
box: {
|
12264
|
+
outline: "1px solid",
|
12265
|
+
outlineColor: "blueGreen",
|
12266
|
+
backgroundColor: "darkTeal",
|
12267
|
+
borderBottomRadius: "1.125rem",
|
12268
|
+
borderTopRadius: "none"
|
12269
|
+
},
|
12270
|
+
notificationText: {
|
12271
|
+
color: "white",
|
12272
|
+
fontWeight: "400",
|
12273
|
+
fontSize: "1rem",
|
12274
|
+
pr: "0.375rem"
|
12275
|
+
},
|
12276
|
+
serviceMessageContent: {
|
12277
|
+
paddingX: "0.75rem",
|
12278
|
+
paddingTop: "0.375rem",
|
12279
|
+
paddingBottom: "0.9375rem",
|
12280
|
+
color: "white"
|
12281
|
+
}
|
12282
|
+
}
|
12283
|
+
});
|
12284
|
+
alert_service_default = config5;
|
12285
|
+
}
|
12286
|
+
});
|
12091
12287
|
function getColorScheme(colorScheme) {
|
12092
12288
|
let styles3 = colorCombinations[colorScheme];
|
12093
12289
|
if (!styles3 && process.env.NODE_ENV === "development") {
|
@@ -12096,10 +12292,10 @@ function getColorScheme(colorScheme) {
|
|
12096
12292
|
}
|
12097
12293
|
return styles3;
|
12098
12294
|
}
|
12099
|
-
var
|
12295
|
+
var config6, badge_default, colorCombinations;
|
12100
12296
|
var init_badge = __esm({
|
12101
12297
|
"src/theme/components/badge.ts"() {
|
12102
|
-
|
12298
|
+
config6 = react.defineStyleConfig({
|
12103
12299
|
baseStyle: ({ colorScheme }) => ({
|
12104
12300
|
borderStyle: "solid",
|
12105
12301
|
display: "inline-flex",
|
@@ -12126,7 +12322,7 @@ var init_badge = __esm({
|
|
12126
12322
|
colorScheme: "grey"
|
12127
12323
|
}
|
12128
12324
|
});
|
12129
|
-
badge_default =
|
12325
|
+
badge_default = config6;
|
12130
12326
|
colorCombinations = {
|
12131
12327
|
yellow: {
|
12132
12328
|
backgroundColor: "banana",
|
@@ -12289,7 +12485,7 @@ var init_accent_utils = __esm({
|
|
12289
12485
|
init_brand_utils();
|
12290
12486
|
}
|
12291
12487
|
});
|
12292
|
-
var
|
12488
|
+
var config7, button_default;
|
12293
12489
|
var init_button2 = __esm({
|
12294
12490
|
"src/theme/components/button.ts"() {
|
12295
12491
|
init_base_utils();
|
@@ -12299,7 +12495,7 @@ var init_button2 = __esm({
|
|
12299
12495
|
init_ghost_utils();
|
12300
12496
|
init_surface_utils();
|
12301
12497
|
init_accent_utils();
|
12302
|
-
|
12498
|
+
config7 = react.defineStyleConfig({
|
12303
12499
|
baseStyle: (props) => ({
|
12304
12500
|
border: 0,
|
12305
12501
|
borderRadius: "xl",
|
@@ -12413,10 +12609,10 @@ var init_button2 = __esm({
|
|
12413
12609
|
size: "md"
|
12414
12610
|
}
|
12415
12611
|
});
|
12416
|
-
button_default =
|
12612
|
+
button_default = config7;
|
12417
12613
|
}
|
12418
12614
|
});
|
12419
|
-
var
|
12615
|
+
var parts4, helpers5, config8, card_select_default;
|
12420
12616
|
var init_card_select = __esm({
|
12421
12617
|
"src/theme/components/card-select.ts"() {
|
12422
12618
|
init_dist4();
|
@@ -12425,9 +12621,9 @@ var init_card_select = __esm({
|
|
12425
12621
|
init_floating_utils();
|
12426
12622
|
init_focus_utils();
|
12427
12623
|
init_ghost_utils();
|
12428
|
-
|
12429
|
-
|
12430
|
-
|
12624
|
+
parts4 = anatomy("card-select").parts("trigger", "card");
|
12625
|
+
helpers5 = createMultiStyleConfigHelpers(parts4.keys);
|
12626
|
+
config8 = helpers5.defineMultiStyleConfig({
|
12431
12627
|
baseStyle: (props) => ({
|
12432
12628
|
trigger: {
|
12433
12629
|
appearance: "none",
|
@@ -12529,18 +12725,18 @@ var init_card_select = __esm({
|
|
12529
12725
|
}
|
12530
12726
|
}
|
12531
12727
|
});
|
12532
|
-
card_select_default =
|
12728
|
+
card_select_default = config8;
|
12533
12729
|
}
|
12534
12730
|
});
|
12535
|
-
var
|
12731
|
+
var helpers6, config9, checkbox_default;
|
12536
12732
|
var init_checkbox = __esm({
|
12537
12733
|
"src/theme/components/checkbox.ts"() {
|
12538
12734
|
init_dist4();
|
12539
12735
|
init_base_utils();
|
12540
12736
|
init_brand_utils();
|
12541
12737
|
init_focus_utils();
|
12542
|
-
|
12543
|
-
|
12738
|
+
helpers6 = react.createMultiStyleConfigHelpers(checkboxAnatomy.keys);
|
12739
|
+
config9 = helpers6.defineMultiStyleConfig({
|
12544
12740
|
baseStyle: (props) => ({
|
12545
12741
|
container: {
|
12546
12742
|
_hover: {
|
@@ -12611,10 +12807,10 @@ var init_checkbox = __esm({
|
|
12611
12807
|
}
|
12612
12808
|
})
|
12613
12809
|
});
|
12614
|
-
checkbox_default =
|
12810
|
+
checkbox_default = config9;
|
12615
12811
|
}
|
12616
12812
|
});
|
12617
|
-
var
|
12813
|
+
var parts5, helpers7, config10, choice_chip_default;
|
12618
12814
|
var init_choice_chip = __esm({
|
12619
12815
|
"src/theme/components/choice-chip.ts"() {
|
12620
12816
|
init_accent_utils();
|
@@ -12622,9 +12818,9 @@ var init_choice_chip = __esm({
|
|
12622
12818
|
init_brand_utils();
|
12623
12819
|
init_floating_utils();
|
12624
12820
|
init_focus_utils();
|
12625
|
-
|
12626
|
-
|
12627
|
-
|
12821
|
+
parts5 = themeTools.anatomy("choice-chip").parts("container", "icon", "label");
|
12822
|
+
helpers7 = react.createMultiStyleConfigHelpers(parts5.keys);
|
12823
|
+
config10 = helpers7.defineMultiStyleConfig({
|
12628
12824
|
baseStyle: (props) => ({
|
12629
12825
|
container: {
|
12630
12826
|
display: "inline-flex",
|
@@ -12771,16 +12967,16 @@ var init_choice_chip = __esm({
|
|
12771
12967
|
size: "sm"
|
12772
12968
|
}
|
12773
12969
|
});
|
12774
|
-
choice_chip_default =
|
12970
|
+
choice_chip_default = config10;
|
12775
12971
|
}
|
12776
12972
|
});
|
12777
|
-
var $size6,
|
12973
|
+
var $size6, config11, close_button_default;
|
12778
12974
|
var init_close_button = __esm({
|
12779
12975
|
"src/theme/components/close-button.ts"() {
|
12780
12976
|
init_focus_utils();
|
12781
12977
|
init_ghost_utils();
|
12782
12978
|
$size6 = themeTools.cssVar("close-button-size");
|
12783
|
-
|
12979
|
+
config11 = react.defineStyleConfig({
|
12784
12980
|
baseStyle: (props) => ({
|
12785
12981
|
w: [$size6.reference],
|
12786
12982
|
h: [$size6.reference],
|
@@ -12819,15 +13015,15 @@ var init_close_button = __esm({
|
|
12819
13015
|
size: "md"
|
12820
13016
|
}
|
12821
13017
|
});
|
12822
|
-
close_button_default =
|
13018
|
+
close_button_default = config11;
|
12823
13019
|
}
|
12824
13020
|
});
|
12825
|
-
var variants13, defaultProps2,
|
13021
|
+
var variants13, defaultProps2, config12, code_default;
|
12826
13022
|
var init_code = __esm({
|
12827
13023
|
"src/theme/components/code.ts"() {
|
12828
13024
|
init_badge();
|
12829
13025
|
({ variants: variants13, defaultProps: defaultProps2 } = badge_default);
|
12830
|
-
|
13026
|
+
config12 = react.defineStyleConfig({
|
12831
13027
|
baseStyle: {
|
12832
13028
|
fontFamily: "monospace",
|
12833
13029
|
fontSize: ["mobile.xs", "desktop.xs"],
|
@@ -12837,7 +13033,7 @@ var init_code = __esm({
|
|
12837
13033
|
variants: variants13,
|
12838
13034
|
defaultProps: defaultProps2
|
12839
13035
|
});
|
12840
|
-
code_default =
|
13036
|
+
code_default = config12;
|
12841
13037
|
}
|
12842
13038
|
});
|
12843
13039
|
var borders2;
|
@@ -12880,10 +13076,10 @@ var init_colors = __esm({
|
|
12880
13076
|
});
|
12881
13077
|
|
12882
13078
|
// src/theme/foundations/config.ts
|
12883
|
-
var
|
13079
|
+
var config13;
|
12884
13080
|
var init_config = __esm({
|
12885
13081
|
"src/theme/foundations/config.ts"() {
|
12886
|
-
|
13082
|
+
config13 = {
|
12887
13083
|
cssVarPrefix: "spor",
|
12888
13084
|
initialColorMode: "light",
|
12889
13085
|
useSystemColorMode: false
|
@@ -13148,7 +13344,7 @@ __export(foundations_exports, {
|
|
13148
13344
|
borders: () => borders2,
|
13149
13345
|
breakpoints: () => breakpoints2,
|
13150
13346
|
colors: () => colors2,
|
13151
|
-
config: () =>
|
13347
|
+
config: () => config13,
|
13152
13348
|
fontSizes: () => fontSizes,
|
13153
13349
|
fontWeights: () => fontWeights,
|
13154
13350
|
fonts: () => fonts,
|
@@ -13181,7 +13377,7 @@ var init_foundations = __esm({
|
|
13181
13377
|
init_styles();
|
13182
13378
|
}
|
13183
13379
|
});
|
13184
|
-
var
|
13380
|
+
var parts6, $arrowBackground, helpers8, config14, datepicker_default;
|
13185
13381
|
var init_datepicker2 = __esm({
|
13186
13382
|
"src/theme/components/datepicker.ts"() {
|
13187
13383
|
init_foundations();
|
@@ -13192,7 +13388,7 @@ var init_datepicker2 = __esm({
|
|
13192
13388
|
init_focus_utils();
|
13193
13389
|
init_ghost_utils();
|
13194
13390
|
init_surface_utils();
|
13195
|
-
|
13391
|
+
parts6 = themeTools.anatomy("datepicker").parts(
|
13196
13392
|
"wrapper",
|
13197
13393
|
"calendarTriggerButton",
|
13198
13394
|
"arrow",
|
@@ -13206,8 +13402,8 @@ var init_datepicker2 = __esm({
|
|
13206
13402
|
"cell"
|
13207
13403
|
);
|
13208
13404
|
$arrowBackground = themeTools.cssVar("popper-arrow-bg");
|
13209
|
-
|
13210
|
-
|
13405
|
+
helpers8 = react.createMultiStyleConfigHelpers(parts6.keys);
|
13406
|
+
config14 = helpers8.defineMultiStyleConfig({
|
13211
13407
|
baseStyle: (props) => ({
|
13212
13408
|
wrapper: {
|
13213
13409
|
transitionProperty: "box-shadow",
|
@@ -13371,7 +13567,7 @@ var init_datepicker2 = __esm({
|
|
13371
13567
|
})
|
13372
13568
|
}
|
13373
13569
|
});
|
13374
|
-
datepicker_default =
|
13570
|
+
datepicker_default = config14;
|
13375
13571
|
}
|
13376
13572
|
});
|
13377
13573
|
var baseStyle43, variantSolid5, variantDashed2, variants14, sizes25, divider_default;
|
@@ -13454,14 +13650,14 @@ function getSize5(value) {
|
|
13454
13650
|
dialog: { maxWidth: value }
|
13455
13651
|
};
|
13456
13652
|
}
|
13457
|
-
var
|
13653
|
+
var helpers9, config15, drawer_default;
|
13458
13654
|
var init_drawer = __esm({
|
13459
13655
|
"src/theme/components/drawer.ts"() {
|
13460
13656
|
init_dist4();
|
13461
13657
|
init_base_utils();
|
13462
13658
|
init_bg_utils();
|
13463
|
-
|
13464
|
-
|
13659
|
+
helpers9 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
|
13660
|
+
config15 = helpers9.defineMultiStyleConfig({
|
13465
13661
|
baseStyle: (props) => ({
|
13466
13662
|
overlay: {
|
13467
13663
|
backgroundColor: "blackAlpha.600",
|
@@ -13523,10 +13719,10 @@ var init_drawer = __esm({
|
|
13523
13719
|
size: "md"
|
13524
13720
|
}
|
13525
13721
|
});
|
13526
|
-
drawer_default =
|
13722
|
+
drawer_default = config15;
|
13527
13723
|
}
|
13528
13724
|
});
|
13529
|
-
var
|
13725
|
+
var parts7, helpers10, config16, fab_default, getPositionProps;
|
13530
13726
|
var init_fab = __esm({
|
13531
13727
|
"src/theme/components/fab.ts"() {
|
13532
13728
|
init_accent_utils();
|
@@ -13534,9 +13730,9 @@ var init_fab = __esm({
|
|
13534
13730
|
init_brand_utils();
|
13535
13731
|
init_focus_utils();
|
13536
13732
|
init_surface_utils();
|
13537
|
-
|
13538
|
-
|
13539
|
-
|
13733
|
+
parts7 = themeTools.anatomy("fab").parts("container", "icon", "text");
|
13734
|
+
helpers10 = react.createMultiStyleConfigHelpers(parts7.keys);
|
13735
|
+
config16 = helpers10.defineMultiStyleConfig({
|
13540
13736
|
baseStyle: (props) => ({
|
13541
13737
|
container: {
|
13542
13738
|
display: "flex",
|
@@ -13618,7 +13814,7 @@ var init_fab = __esm({
|
|
13618
13814
|
variant: "brand"
|
13619
13815
|
}
|
13620
13816
|
});
|
13621
|
-
fab_default =
|
13817
|
+
fab_default = config16;
|
13622
13818
|
getPositionProps = (props) => {
|
13623
13819
|
switch (props.placement) {
|
13624
13820
|
case "top left":
|
@@ -13633,12 +13829,12 @@ var init_fab = __esm({
|
|
13633
13829
|
};
|
13634
13830
|
}
|
13635
13831
|
});
|
13636
|
-
var
|
13832
|
+
var helpers11, config17, form_default;
|
13637
13833
|
var init_form = __esm({
|
13638
13834
|
"src/theme/components/form.ts"() {
|
13639
13835
|
init_dist4();
|
13640
|
-
|
13641
|
-
|
13836
|
+
helpers11 = react.createMultiStyleConfigHelpers(formAnatomy.keys);
|
13837
|
+
config17 = helpers11.defineMultiStyleConfig({
|
13642
13838
|
baseStyle: (props) => ({
|
13643
13839
|
container: {
|
13644
13840
|
width: "100%",
|
@@ -13658,13 +13854,13 @@ var init_form = __esm({
|
|
13658
13854
|
}
|
13659
13855
|
})
|
13660
13856
|
});
|
13661
|
-
form_default =
|
13857
|
+
form_default = config17;
|
13662
13858
|
}
|
13663
13859
|
});
|
13664
|
-
var
|
13860
|
+
var config18, form_label_default;
|
13665
13861
|
var init_form_label = __esm({
|
13666
13862
|
"src/theme/components/form-label.ts"() {
|
13667
|
-
|
13863
|
+
config18 = react.defineStyleConfig({
|
13668
13864
|
baseStyle: {
|
13669
13865
|
fontSize: "mobile.sm",
|
13670
13866
|
marginEnd: 3,
|
@@ -13677,7 +13873,7 @@ var init_form_label = __esm({
|
|
13677
13873
|
}
|
13678
13874
|
}
|
13679
13875
|
});
|
13680
|
-
form_label_default =
|
13876
|
+
form_label_default = config18;
|
13681
13877
|
}
|
13682
13878
|
});
|
13683
13879
|
|
@@ -13699,7 +13895,7 @@ var init_sr_utils = __esm({
|
|
13699
13895
|
};
|
13700
13896
|
}
|
13701
13897
|
});
|
13702
|
-
var
|
13898
|
+
var parts8, helpers12, config19, info_select_default;
|
13703
13899
|
var init_info_select = __esm({
|
13704
13900
|
"src/theme/components/info-select.ts"() {
|
13705
13901
|
init_dist4();
|
@@ -13707,14 +13903,14 @@ var init_info_select = __esm({
|
|
13707
13903
|
init_floating_utils();
|
13708
13904
|
init_focus_utils();
|
13709
13905
|
init_sr_utils();
|
13710
|
-
|
13906
|
+
parts8 = anatomy("InfoSelect").parts(
|
13711
13907
|
"container",
|
13712
13908
|
"label",
|
13713
13909
|
"button",
|
13714
13910
|
"arrowIcon"
|
13715
13911
|
);
|
13716
|
-
|
13717
|
-
|
13912
|
+
helpers12 = react.createMultiStyleConfigHelpers(parts8.keys);
|
13913
|
+
config19 = helpers12.defineMultiStyleConfig({
|
13718
13914
|
baseStyle: (props) => ({
|
13719
13915
|
container: {},
|
13720
13916
|
label: {
|
@@ -13782,14 +13978,14 @@ var init_info_select = __esm({
|
|
13782
13978
|
variant: "base"
|
13783
13979
|
}
|
13784
13980
|
});
|
13785
|
-
info_select_default =
|
13981
|
+
info_select_default = config19;
|
13786
13982
|
}
|
13787
13983
|
});
|
13788
|
-
var
|
13984
|
+
var parts9, helpers13, config20, travel_tag_default, getDeviationContainerStyle, getDeviationBorderColor, getDeviationIconStyle, deviationIconColor;
|
13789
13985
|
var init_travel_tag = __esm({
|
13790
13986
|
"src/theme/components/travel-tag.ts"() {
|
13791
13987
|
init_focus_utils();
|
13792
|
-
|
13988
|
+
parts9 = themeTools.anatomy("travel-tag").parts(
|
13793
13989
|
"container",
|
13794
13990
|
"iconContainer",
|
13795
13991
|
"icon",
|
@@ -13798,8 +13994,8 @@ var init_travel_tag = __esm({
|
|
13798
13994
|
"description",
|
13799
13995
|
"deviationIcon"
|
13800
13996
|
);
|
13801
|
-
|
13802
|
-
|
13997
|
+
helpers13 = react.createMultiStyleConfigHelpers(parts9.keys);
|
13998
|
+
config20 = helpers13.defineMultiStyleConfig({
|
13803
13999
|
baseStyle: (props) => ({
|
13804
14000
|
container: {
|
13805
14001
|
position: "relative",
|
@@ -13990,7 +14186,7 @@ var init_travel_tag = __esm({
|
|
13990
14186
|
size: "md"
|
13991
14187
|
}
|
13992
14188
|
});
|
13993
|
-
travel_tag_default =
|
14189
|
+
travel_tag_default = config20;
|
13994
14190
|
getDeviationContainerStyle = (props) => {
|
13995
14191
|
switch (props.deviationLevel) {
|
13996
14192
|
case "critical":
|
@@ -14033,11 +14229,11 @@ var init_travel_tag = __esm({
|
|
14033
14229
|
};
|
14034
14230
|
}
|
14035
14231
|
});
|
14036
|
-
var
|
14232
|
+
var parts10, helpers14, config21, info_tag_default;
|
14037
14233
|
var init_info_tag = __esm({
|
14038
14234
|
"src/theme/components/info-tag.ts"() {
|
14039
14235
|
init_travel_tag();
|
14040
|
-
|
14236
|
+
parts10 = themeTools.anatomy("info-tag").parts(
|
14041
14237
|
"container",
|
14042
14238
|
"iconContainer",
|
14043
14239
|
"icon",
|
@@ -14045,8 +14241,8 @@ var init_info_tag = __esm({
|
|
14045
14241
|
"title",
|
14046
14242
|
"description"
|
14047
14243
|
);
|
14048
|
-
|
14049
|
-
|
14244
|
+
helpers14 = react.createMultiStyleConfigHelpers(parts10.keys);
|
14245
|
+
config21 = helpers14.defineMultiStyleConfig({
|
14050
14246
|
baseStyle: (props) => ({
|
14051
14247
|
...travel_tag_default.baseStyle(props),
|
14052
14248
|
iconContainer: {
|
@@ -14093,7 +14289,7 @@ var init_info_tag = __esm({
|
|
14093
14289
|
})
|
14094
14290
|
}
|
14095
14291
|
});
|
14096
|
-
info_tag_default =
|
14292
|
+
info_tag_default = config21;
|
14097
14293
|
}
|
14098
14294
|
});
|
14099
14295
|
|
@@ -14217,13 +14413,13 @@ var init_input_utils = __esm({
|
|
14217
14413
|
});
|
14218
14414
|
}
|
14219
14415
|
});
|
14220
|
-
var
|
14416
|
+
var helpers15, config22, input_default;
|
14221
14417
|
var init_input2 = __esm({
|
14222
14418
|
"src/theme/components/input.ts"() {
|
14223
14419
|
init_dist4();
|
14224
14420
|
init_input_utils();
|
14225
|
-
|
14226
|
-
|
14421
|
+
helpers15 = react.createMultiStyleConfigHelpers(inputAnatomy.keys);
|
14422
|
+
config22 = helpers15.defineMultiStyleConfig({
|
14227
14423
|
baseStyle: (props) => ({
|
14228
14424
|
...inputBaseStyle(props)
|
14229
14425
|
}),
|
@@ -14243,15 +14439,15 @@ var init_input2 = __esm({
|
|
14243
14439
|
variant: "base"
|
14244
14440
|
}
|
14245
14441
|
});
|
14246
|
-
input_default =
|
14442
|
+
input_default = config22;
|
14247
14443
|
}
|
14248
14444
|
});
|
14249
|
-
var
|
14445
|
+
var parts11, helpers16, config23, line_icon_default;
|
14250
14446
|
var init_line_icon = __esm({
|
14251
14447
|
"src/theme/components/line-icon.ts"() {
|
14252
|
-
|
14253
|
-
|
14254
|
-
|
14448
|
+
parts11 = themeTools.anatomy("line-tag").parts("iconContainer", "icon");
|
14449
|
+
helpers16 = react.createMultiStyleConfigHelpers(parts11.keys);
|
14450
|
+
config23 = helpers16.defineMultiStyleConfig({
|
14255
14451
|
baseStyle: {
|
14256
14452
|
iconContainer: {
|
14257
14453
|
display: "flex",
|
@@ -14368,16 +14564,16 @@ var init_line_icon = __esm({
|
|
14368
14564
|
size: "md"
|
14369
14565
|
}
|
14370
14566
|
});
|
14371
|
-
line_icon_default =
|
14567
|
+
line_icon_default = config23;
|
14372
14568
|
}
|
14373
14569
|
});
|
14374
|
-
var
|
14570
|
+
var config24, link_default;
|
14375
14571
|
var init_link2 = __esm({
|
14376
14572
|
"src/theme/components/link.ts"() {
|
14377
14573
|
init_base_utils();
|
14378
14574
|
init_brand_utils();
|
14379
14575
|
init_focus_utils();
|
14380
|
-
|
14576
|
+
config24 = react.defineStyleConfig({
|
14381
14577
|
baseStyle: (props) => ({
|
14382
14578
|
transitionProperty: "common",
|
14383
14579
|
transitionDuration: "fast",
|
@@ -14445,7 +14641,7 @@ var init_link2 = __esm({
|
|
14445
14641
|
variant: "primary"
|
14446
14642
|
}
|
14447
14643
|
});
|
14448
|
-
link_default =
|
14644
|
+
link_default = config24;
|
14449
14645
|
}
|
14450
14646
|
});
|
14451
14647
|
|
@@ -14497,7 +14693,7 @@ var init_outline_utils = __esm({
|
|
14497
14693
|
"src/theme/utils/outline-utils.ts"() {
|
14498
14694
|
}
|
14499
14695
|
});
|
14500
|
-
var
|
14696
|
+
var parts12, helpers17, config25, listbox_default;
|
14501
14697
|
var init_listbox = __esm({
|
14502
14698
|
"src/theme/components/listbox.ts"() {
|
14503
14699
|
init_dist4();
|
@@ -14506,14 +14702,14 @@ var init_listbox = __esm({
|
|
14506
14702
|
init_surface_utils();
|
14507
14703
|
init_outline_utils();
|
14508
14704
|
init_floating_utils();
|
14509
|
-
|
14705
|
+
parts12 = anatomy("ListBox").parts(
|
14510
14706
|
"container",
|
14511
14707
|
"item",
|
14512
14708
|
"label",
|
14513
14709
|
"description"
|
14514
14710
|
);
|
14515
|
-
|
14516
|
-
|
14711
|
+
helpers17 = react.createMultiStyleConfigHelpers(parts12.keys);
|
14712
|
+
config25 = helpers17.defineMultiStyleConfig({
|
14517
14713
|
baseStyle: (props) => ({
|
14518
14714
|
container: {
|
14519
14715
|
...surface("default", props),
|
@@ -14571,10 +14767,10 @@ var init_listbox = __esm({
|
|
14571
14767
|
variant: "base"
|
14572
14768
|
}
|
14573
14769
|
});
|
14574
|
-
listbox_default =
|
14770
|
+
listbox_default = config25;
|
14575
14771
|
}
|
14576
14772
|
});
|
14577
|
-
var
|
14773
|
+
var parts13, helpers18, config26, media_controller_button_default;
|
14578
14774
|
var init_media_controller_button = __esm({
|
14579
14775
|
"src/theme/components/media-controller-button.ts"() {
|
14580
14776
|
init_base_utils();
|
@@ -14582,9 +14778,9 @@ var init_media_controller_button = __esm({
|
|
14582
14778
|
init_focus_utils();
|
14583
14779
|
init_ghost_utils();
|
14584
14780
|
init_surface_utils();
|
14585
|
-
|
14586
|
-
|
14587
|
-
|
14781
|
+
parts13 = themeTools.anatomy("media-controller-button").parts("container", "icon");
|
14782
|
+
helpers18 = react.createMultiStyleConfigHelpers(parts13.keys);
|
14783
|
+
config26 = helpers18.defineMultiStyleConfig({
|
14588
14784
|
baseStyle: (props) => ({
|
14589
14785
|
container: {
|
14590
14786
|
fontSize: 30,
|
@@ -14667,7 +14863,7 @@ var init_media_controller_button = __esm({
|
|
14667
14863
|
})
|
14668
14864
|
}
|
14669
14865
|
});
|
14670
|
-
media_controller_button_default =
|
14866
|
+
media_controller_button_default = config26;
|
14671
14867
|
}
|
14672
14868
|
});
|
14673
14869
|
function getSize6(value) {
|
@@ -14687,14 +14883,14 @@ function getSize6(value) {
|
|
14687
14883
|
dialog: { maxWidth: value }
|
14688
14884
|
};
|
14689
14885
|
}
|
14690
|
-
var
|
14886
|
+
var helpers19, config27, modal_default;
|
14691
14887
|
var init_modal2 = __esm({
|
14692
14888
|
"src/theme/components/modal.ts"() {
|
14693
14889
|
init_dist4();
|
14694
14890
|
init_base_utils();
|
14695
14891
|
init_bg_utils();
|
14696
|
-
|
14697
|
-
|
14892
|
+
helpers19 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
|
14893
|
+
config27 = helpers19.defineMultiStyleConfig({
|
14698
14894
|
baseStyle: (props) => ({
|
14699
14895
|
overlay: {
|
14700
14896
|
backgroundColor: "blackAlpha.600",
|
@@ -14757,23 +14953,23 @@ var init_modal2 = __esm({
|
|
14757
14953
|
size: "md"
|
14758
14954
|
}
|
14759
14955
|
});
|
14760
|
-
modal_default =
|
14956
|
+
modal_default = config27;
|
14761
14957
|
}
|
14762
14958
|
});
|
14763
|
-
var
|
14959
|
+
var parts14, helpers20, config28, numeric_stepper_default;
|
14764
14960
|
var init_numeric_stepper = __esm({
|
14765
14961
|
"src/theme/components/numeric-stepper.ts"() {
|
14766
14962
|
init_dist4();
|
14767
14963
|
init_base_utils();
|
14768
14964
|
init_focus_utils();
|
14769
|
-
|
14965
|
+
parts14 = anatomy("NumericStepper").parts(
|
14770
14966
|
"container",
|
14771
14967
|
"button",
|
14772
14968
|
"text",
|
14773
14969
|
"input"
|
14774
14970
|
);
|
14775
|
-
|
14776
|
-
|
14971
|
+
helpers20 = react.createMultiStyleConfigHelpers(parts14.keys);
|
14972
|
+
config28 = helpers20.defineMultiStyleConfig({
|
14777
14973
|
baseStyle: (props) => ({
|
14778
14974
|
container: {
|
14779
14975
|
display: "flex",
|
@@ -14818,23 +15014,23 @@ var init_numeric_stepper = __esm({
|
|
14818
15014
|
}
|
14819
15015
|
})
|
14820
15016
|
});
|
14821
|
-
numeric_stepper_default =
|
15017
|
+
numeric_stepper_default = config28;
|
14822
15018
|
}
|
14823
15019
|
});
|
14824
|
-
var
|
15020
|
+
var parts15, helpers21, config29, commonStyles, pagination_default;
|
14825
15021
|
var init_pagination2 = __esm({
|
14826
15022
|
"src/theme/components/pagination.ts"() {
|
14827
15023
|
init_ghost_utils();
|
14828
15024
|
init_base_utils();
|
14829
|
-
|
15025
|
+
parts15 = themeTools.anatomy("Pagination").parts(
|
14830
15026
|
"listItem",
|
14831
15027
|
"link",
|
14832
15028
|
"activeButton",
|
14833
15029
|
"disabled",
|
14834
15030
|
"icon"
|
14835
15031
|
);
|
14836
|
-
|
14837
|
-
|
15032
|
+
helpers21 = react.createMultiStyleConfigHelpers(parts15.keys);
|
15033
|
+
config29 = helpers21.defineMultiStyleConfig({
|
14838
15034
|
baseStyle: (props) => ({
|
14839
15035
|
activeButton: {
|
14840
15036
|
fontWeight: "bold",
|
@@ -14890,10 +15086,10 @@ var init_pagination2 = __esm({
|
|
14890
15086
|
borderRadius: 50,
|
14891
15087
|
fontSize: "xs"
|
14892
15088
|
};
|
14893
|
-
pagination_default =
|
15089
|
+
pagination_default = config29;
|
14894
15090
|
}
|
14895
15091
|
});
|
14896
|
-
var $popperBg2, $arrowBg3, $arrowShadowColor2,
|
15092
|
+
var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers22, config30, popover_default;
|
14897
15093
|
var init_popover = __esm({
|
14898
15094
|
"src/theme/components/popover.ts"() {
|
14899
15095
|
init_dist4();
|
@@ -14901,8 +15097,8 @@ var init_popover = __esm({
|
|
14901
15097
|
$popperBg2 = themeTools.cssVar("popper-bg");
|
14902
15098
|
$arrowBg3 = themeTools.cssVar("popper-arrow-bg");
|
14903
15099
|
$arrowShadowColor2 = themeTools.cssVar("popper-arrow-shadow-color");
|
14904
|
-
|
14905
|
-
|
15100
|
+
helpers22 = react.createMultiStyleConfigHelpers(popoverAnatomy.keys);
|
15101
|
+
config30 = helpers22.defineMultiStyleConfig({
|
14906
15102
|
baseStyle: (props) => ({
|
14907
15103
|
popper: {
|
14908
15104
|
zIndex: "popover"
|
@@ -14957,22 +15153,22 @@ var init_popover = __esm({
|
|
14957
15153
|
}
|
14958
15154
|
}
|
14959
15155
|
});
|
14960
|
-
popover_default =
|
15156
|
+
popover_default = config30;
|
14961
15157
|
}
|
14962
15158
|
});
|
14963
|
-
var
|
15159
|
+
var parts16, helpers23, config31, progress_bar_default;
|
14964
15160
|
var init_progress_bar = __esm({
|
14965
15161
|
"src/theme/components/progress-bar.ts"() {
|
14966
15162
|
init_dist4();
|
14967
15163
|
init_dist3();
|
14968
|
-
|
15164
|
+
parts16 = anatomy("progressBar").parts(
|
14969
15165
|
"container",
|
14970
15166
|
"background",
|
14971
15167
|
"progress",
|
14972
15168
|
"description"
|
14973
15169
|
);
|
14974
|
-
|
14975
|
-
|
15170
|
+
helpers23 = createMultiStyleConfigHelpers(parts16.keys);
|
15171
|
+
config31 = helpers23.defineMultiStyleConfig({
|
14976
15172
|
baseStyle: (props) => ({
|
14977
15173
|
container: {
|
14978
15174
|
minWidth: "100px"
|
@@ -15004,19 +15200,19 @@ var init_progress_bar = __esm({
|
|
15004
15200
|
}
|
15005
15201
|
})
|
15006
15202
|
});
|
15007
|
-
progress_bar_default =
|
15203
|
+
progress_bar_default = config31;
|
15008
15204
|
}
|
15009
15205
|
});
|
15010
|
-
var
|
15206
|
+
var parts17, helpers24, config32, progress_indicator_default;
|
15011
15207
|
var init_progress_indicator2 = __esm({
|
15012
15208
|
"src/theme/components/progress-indicator.ts"() {
|
15013
|
-
|
15209
|
+
parts17 = themeTools.anatomy("progress-indicator").parts(
|
15014
15210
|
"root",
|
15015
15211
|
"container",
|
15016
15212
|
"progressDot"
|
15017
15213
|
);
|
15018
|
-
|
15019
|
-
|
15214
|
+
helpers24 = react.createMultiStyleConfigHelpers(parts17.keys);
|
15215
|
+
config32 = helpers24.defineMultiStyleConfig({
|
15020
15216
|
baseStyle: (props) => ({
|
15021
15217
|
root: {
|
15022
15218
|
width: "100%"
|
@@ -15047,24 +15243,24 @@ var init_progress_indicator2 = __esm({
|
|
15047
15243
|
variant: "base"
|
15048
15244
|
}
|
15049
15245
|
});
|
15050
|
-
progress_indicator_default =
|
15246
|
+
progress_indicator_default = config32;
|
15051
15247
|
}
|
15052
15248
|
});
|
15053
|
-
var
|
15249
|
+
var parts18, helpers25, config33, radio_card_default;
|
15054
15250
|
var init_radio_card = __esm({
|
15055
15251
|
"src/theme/components/radio-card.ts"() {
|
15056
15252
|
init_base_utils();
|
15057
15253
|
init_floating_utils();
|
15058
15254
|
init_outline_utils();
|
15059
|
-
|
15255
|
+
parts18 = themeTools.anatomy("radio-card").parts(
|
15060
15256
|
"container",
|
15061
15257
|
"checked",
|
15062
15258
|
"radioInput",
|
15063
15259
|
"focused",
|
15064
15260
|
"focusedChecked"
|
15065
15261
|
);
|
15066
|
-
|
15067
|
-
|
15262
|
+
helpers25 = react.createMultiStyleConfigHelpers(parts18.keys);
|
15263
|
+
config33 = helpers25.defineMultiStyleConfig({
|
15068
15264
|
baseStyle: (props) => ({
|
15069
15265
|
container: {
|
15070
15266
|
overflow: "hidden",
|
@@ -15180,18 +15376,18 @@ var init_radio_card = __esm({
|
|
15180
15376
|
})
|
15181
15377
|
}
|
15182
15378
|
});
|
15183
|
-
radio_card_default =
|
15379
|
+
radio_card_default = config33;
|
15184
15380
|
}
|
15185
15381
|
});
|
15186
|
-
var
|
15382
|
+
var helpers26, config34, radio_default;
|
15187
15383
|
var init_radio = __esm({
|
15188
15384
|
"src/theme/components/radio.ts"() {
|
15189
15385
|
init_dist4();
|
15190
15386
|
init_base_utils();
|
15191
15387
|
init_brand_utils();
|
15192
15388
|
init_focus_utils();
|
15193
|
-
|
15194
|
-
|
15389
|
+
helpers26 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
|
15390
|
+
config34 = helpers26.defineMultiStyleConfig({
|
15195
15391
|
baseStyle: (props) => ({
|
15196
15392
|
container: {
|
15197
15393
|
_hover: {
|
@@ -15247,18 +15443,18 @@ var init_radio = __esm({
|
|
15247
15443
|
}
|
15248
15444
|
})
|
15249
15445
|
});
|
15250
|
-
radio_default =
|
15446
|
+
radio_default = config34;
|
15251
15447
|
}
|
15252
15448
|
});
|
15253
|
-
var
|
15449
|
+
var parts19, helpers27, config35, select_default;
|
15254
15450
|
var init_select = __esm({
|
15255
15451
|
"src/theme/components/select.ts"() {
|
15256
15452
|
init_dist4();
|
15257
15453
|
init_base_utils();
|
15258
15454
|
init_input_utils();
|
15259
|
-
|
15260
|
-
|
15261
|
-
|
15455
|
+
parts19 = selectAnatomy.extend("root");
|
15456
|
+
helpers27 = react.createMultiStyleConfigHelpers(parts19.keys);
|
15457
|
+
config35 = helpers27.defineMultiStyleConfig({
|
15262
15458
|
baseStyle: (props) => ({
|
15263
15459
|
root: {
|
15264
15460
|
width: "100%",
|
@@ -15312,7 +15508,7 @@ var init_select = __esm({
|
|
15312
15508
|
variant: "base"
|
15313
15509
|
}
|
15314
15510
|
});
|
15315
|
-
select_default =
|
15511
|
+
select_default = config35;
|
15316
15512
|
}
|
15317
15513
|
});
|
15318
15514
|
|
@@ -15328,7 +15524,7 @@ var init_dist7 = __esm({
|
|
15328
15524
|
init_dist3();
|
15329
15525
|
}
|
15330
15526
|
});
|
15331
|
-
var fade, $startColor2, $endColor2,
|
15527
|
+
var fade, $startColor2, $endColor2, config36, skeleton_default;
|
15332
15528
|
var init_skeleton = __esm({
|
15333
15529
|
"src/theme/components/skeleton.ts"() {
|
15334
15530
|
init_dist7();
|
@@ -15338,7 +15534,7 @@ var init_skeleton = __esm({
|
|
15338
15534
|
});
|
15339
15535
|
$startColor2 = themeTools.cssVar("skeleton-start-color");
|
15340
15536
|
$endColor2 = themeTools.cssVar("skeleton-end-color");
|
15341
|
-
|
15537
|
+
config36 = react.defineStyleConfig({
|
15342
15538
|
baseStyle: (props) => {
|
15343
15539
|
const defaultStartColor = themeTools.mode("blackAlpha.300", "whiteAlpha.300")(props);
|
15344
15540
|
const defaultEndColor = themeTools.mode("blackAlpha.100", "whiteAlpha.100")(props);
|
@@ -15361,16 +15557,16 @@ var init_skeleton = __esm({
|
|
15361
15557
|
};
|
15362
15558
|
}
|
15363
15559
|
});
|
15364
|
-
skeleton_default =
|
15560
|
+
skeleton_default = config36;
|
15365
15561
|
}
|
15366
15562
|
});
|
15367
|
-
var
|
15563
|
+
var parts20, helpers28, config37, stepper_default;
|
15368
15564
|
var init_stepper2 = __esm({
|
15369
15565
|
"src/theme/components/stepper.ts"() {
|
15370
15566
|
init_base_utils();
|
15371
15567
|
init_brand_utils();
|
15372
15568
|
init_accent_utils();
|
15373
|
-
|
15569
|
+
parts20 = themeTools.anatomy("stepper").parts(
|
15374
15570
|
"root",
|
15375
15571
|
"container",
|
15376
15572
|
"innerContainer",
|
@@ -15382,8 +15578,8 @@ var init_stepper2 = __esm({
|
|
15382
15578
|
"stepTitle",
|
15383
15579
|
"closeButton"
|
15384
15580
|
);
|
15385
|
-
|
15386
|
-
|
15581
|
+
helpers28 = react.createMultiStyleConfigHelpers(parts20.keys);
|
15582
|
+
config37 = helpers28.defineMultiStyleConfig({
|
15387
15583
|
baseStyle: {
|
15388
15584
|
root: {
|
15389
15585
|
display: "flex",
|
@@ -15452,10 +15648,10 @@ var init_stepper2 = __esm({
|
|
15452
15648
|
variant: "base"
|
15453
15649
|
}
|
15454
15650
|
});
|
15455
|
-
stepper_default =
|
15651
|
+
stepper_default = config37;
|
15456
15652
|
}
|
15457
15653
|
});
|
15458
|
-
var $width2, $height3, $diff2, diffValue2, $translateX2,
|
15654
|
+
var $width2, $height3, $diff2, diffValue2, $translateX2, helpers29, config38, switch_default;
|
15459
15655
|
var init_switch = __esm({
|
15460
15656
|
"src/theme/components/switch.ts"() {
|
15461
15657
|
init_dist4();
|
@@ -15467,8 +15663,8 @@ var init_switch = __esm({
|
|
15467
15663
|
$diff2 = themeTools.cssVar("switch-track-diff");
|
15468
15664
|
diffValue2 = themeTools.calc.subtract($width2, $height3);
|
15469
15665
|
$translateX2 = themeTools.cssVar("switch-thumb-x");
|
15470
|
-
|
15471
|
-
|
15666
|
+
helpers29 = react.createMultiStyleConfigHelpers(switchAnatomy.keys);
|
15667
|
+
config38 = helpers29.defineMultiStyleConfig({
|
15472
15668
|
baseStyle: (props) => ({
|
15473
15669
|
container: {
|
15474
15670
|
[$diff2.variable]: diffValue2,
|
@@ -15561,21 +15757,21 @@ var init_switch = __esm({
|
|
15561
15757
|
size: "md"
|
15562
15758
|
}
|
15563
15759
|
});
|
15564
|
-
switch_default =
|
15760
|
+
switch_default = config38;
|
15565
15761
|
}
|
15566
15762
|
});
|
15567
|
-
var
|
15763
|
+
var helpers30, numericStyles2, config39, table_default;
|
15568
15764
|
var init_table2 = __esm({
|
15569
15765
|
"src/theme/components/table.ts"() {
|
15570
15766
|
init_dist4();
|
15571
15767
|
init_base_utils();
|
15572
|
-
|
15768
|
+
helpers30 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
|
15573
15769
|
numericStyles2 = {
|
15574
15770
|
"&[data-is-numeric=true]": {
|
15575
15771
|
textAlign: "end"
|
15576
15772
|
}
|
15577
15773
|
};
|
15578
|
-
|
15774
|
+
config39 = helpers30.defineMultiStyleConfig({
|
15579
15775
|
baseStyle: (props) => ({
|
15580
15776
|
table: {
|
15581
15777
|
borderCollapse: "collapse",
|
@@ -15721,10 +15917,10 @@ var init_table2 = __esm({
|
|
15721
15917
|
colorScheme: "grey"
|
15722
15918
|
}
|
15723
15919
|
});
|
15724
|
-
table_default =
|
15920
|
+
table_default = config39;
|
15725
15921
|
}
|
15726
15922
|
});
|
15727
|
-
var
|
15923
|
+
var helpers31, config40, tabs_default;
|
15728
15924
|
var init_tabs = __esm({
|
15729
15925
|
"src/theme/components/tabs.ts"() {
|
15730
15926
|
init_dist4();
|
@@ -15732,8 +15928,8 @@ var init_tabs = __esm({
|
|
15732
15928
|
init_base_utils();
|
15733
15929
|
init_brand_utils();
|
15734
15930
|
init_focus_utils();
|
15735
|
-
|
15736
|
-
|
15931
|
+
helpers31 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
|
15932
|
+
config40 = helpers31.defineMultiStyleConfig({
|
15737
15933
|
baseStyle: (props) => ({
|
15738
15934
|
root: {
|
15739
15935
|
display: "flex",
|
@@ -15856,14 +16052,14 @@ var init_tabs = __esm({
|
|
15856
16052
|
variant: "base"
|
15857
16053
|
}
|
15858
16054
|
});
|
15859
|
-
tabs_default =
|
16055
|
+
tabs_default = config40;
|
15860
16056
|
}
|
15861
16057
|
});
|
15862
|
-
var
|
16058
|
+
var config41, textarea_default;
|
15863
16059
|
var init_textarea = __esm({
|
15864
16060
|
"src/theme/components/textarea.ts"() {
|
15865
16061
|
init_input_utils();
|
15866
|
-
|
16062
|
+
config41 = react.defineStyleConfig({
|
15867
16063
|
baseStyle: (props) => ({
|
15868
16064
|
...inputBaseStyle(props).field,
|
15869
16065
|
minHeight: "5rem",
|
@@ -15891,13 +16087,13 @@ var init_textarea = __esm({
|
|
15891
16087
|
variant: "base"
|
15892
16088
|
}
|
15893
16089
|
});
|
15894
|
-
textarea_default =
|
16090
|
+
textarea_default = config41;
|
15895
16091
|
}
|
15896
16092
|
});
|
15897
|
-
var
|
16093
|
+
var config42, toast_default;
|
15898
16094
|
var init_toast = __esm({
|
15899
16095
|
"src/theme/components/toast.ts"() {
|
15900
|
-
|
16096
|
+
config42 = react.defineStyleConfig({
|
15901
16097
|
baseStyle: {
|
15902
16098
|
display: "flex",
|
15903
16099
|
alignItems: "center",
|
@@ -15921,16 +16117,16 @@ var init_toast = __esm({
|
|
15921
16117
|
}
|
15922
16118
|
}
|
15923
16119
|
});
|
15924
|
-
toast_default =
|
16120
|
+
toast_default = config42;
|
15925
16121
|
}
|
15926
16122
|
});
|
15927
|
-
var
|
16123
|
+
var config43, static_card_default, getColorSchemeBaseProps;
|
15928
16124
|
var init_static_card = __esm({
|
15929
16125
|
"src/theme/components/static-card.ts"() {
|
15930
16126
|
init_foundations();
|
15931
16127
|
init_focus_utils();
|
15932
16128
|
init_floating_utils();
|
15933
|
-
|
16129
|
+
config43 = react.defineStyleConfig({
|
15934
16130
|
baseStyle: (props) => ({
|
15935
16131
|
appearance: "none",
|
15936
16132
|
border: "none",
|
@@ -15943,7 +16139,7 @@ var init_static_card = __esm({
|
|
15943
16139
|
...getColorSchemeBaseProps(props)
|
15944
16140
|
})
|
15945
16141
|
});
|
15946
|
-
static_card_default =
|
16142
|
+
static_card_default = config43;
|
15947
16143
|
getColorSchemeBaseProps = (props) => {
|
15948
16144
|
var _a6;
|
15949
16145
|
switch (props.colorScheme) {
|
@@ -15991,14 +16187,14 @@ var init_static_card = __esm({
|
|
15991
16187
|
};
|
15992
16188
|
}
|
15993
16189
|
});
|
15994
|
-
var
|
16190
|
+
var config44, pressable_card_default;
|
15995
16191
|
var init_pressable_card = __esm({
|
15996
16192
|
"src/theme/components/pressable-card.ts"() {
|
15997
16193
|
init_base_utils();
|
15998
16194
|
init_floating_utils();
|
15999
16195
|
init_focus_utils();
|
16000
16196
|
init_accent_utils();
|
16001
|
-
|
16197
|
+
config44 = react.defineStyleConfig({
|
16002
16198
|
baseStyle: (props) => ({
|
16003
16199
|
appearance: "none",
|
16004
16200
|
border: "none",
|
@@ -16062,7 +16258,7 @@ var init_pressable_card = __esm({
|
|
16062
16258
|
})
|
16063
16259
|
}
|
16064
16260
|
});
|
16065
|
-
pressable_card_default =
|
16261
|
+
pressable_card_default = config44;
|
16066
16262
|
}
|
16067
16263
|
});
|
16068
16264
|
|
@@ -16072,6 +16268,7 @@ __export(components_exports, {
|
|
16072
16268
|
Accordion: () => accordion_default,
|
16073
16269
|
Alert: () => alert_default,
|
16074
16270
|
AlertExpandable: () => alert_expandable_default,
|
16271
|
+
AlertService: () => alert_service_default,
|
16075
16272
|
Badge: () => badge_default,
|
16076
16273
|
Breadcrumb: () => breadcrumb_default,
|
16077
16274
|
Button: () => button_default,
|
@@ -16119,6 +16316,7 @@ var init_components = __esm({
|
|
16119
16316
|
init_accordion2();
|
16120
16317
|
init_alert2();
|
16121
16318
|
init_alert_expandable();
|
16319
|
+
init_alert_service();
|
16122
16320
|
init_badge();
|
16123
16321
|
init_breadcrumb2();
|
16124
16322
|
init_button2();
|
@@ -16276,22 +16474,22 @@ var init_theme = __esm({
|
|
16276
16474
|
};
|
16277
16475
|
}
|
16278
16476
|
});
|
16279
|
-
var BaseToast, ToastIcon, getIcon3,
|
16477
|
+
var BaseToast, ToastIcon, getIcon3, texts29;
|
16280
16478
|
var init_BaseToast = __esm({
|
16281
16479
|
"src/toast/BaseToast.tsx"() {
|
16282
16480
|
init_src();
|
16283
16481
|
BaseToast = ({ children, variant, id }) => {
|
16284
16482
|
const styles3 = react.useStyleConfig("Toast", { variant });
|
16285
|
-
return /* @__PURE__ */
|
16483
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React86__namespace.default.createElement(ToastIcon, { variant }), children);
|
16286
16484
|
};
|
16287
16485
|
ToastIcon = ({ variant }) => {
|
16288
16486
|
const Icon = getIcon3(variant);
|
16289
16487
|
const { t: t2 } = useTranslation();
|
16290
|
-
return /* @__PURE__ */
|
16488
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
16291
16489
|
Icon,
|
16292
16490
|
{
|
16293
16491
|
flexShrink: 0,
|
16294
|
-
"aria-label": t2(
|
16492
|
+
"aria-label": t2(texts29[variant]),
|
16295
16493
|
marginRight: 1,
|
16296
16494
|
marginY: 1.5,
|
16297
16495
|
color: "darkGrey"
|
@@ -16308,7 +16506,7 @@ var init_BaseToast = __esm({
|
|
16308
16506
|
return sporIconReact.ErrorOutline24Icon;
|
16309
16507
|
}
|
16310
16508
|
};
|
16311
|
-
|
16509
|
+
texts29 = createTexts({
|
16312
16510
|
info: {
|
16313
16511
|
nb: "Informasjon",
|
16314
16512
|
nn: "Informasjon",
|
@@ -16342,11 +16540,11 @@ var init_ActionToast = __esm({
|
|
16342
16540
|
buttonText,
|
16343
16541
|
id
|
16344
16542
|
}) => {
|
16345
|
-
return /* @__PURE__ */
|
16543
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React86__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
|
16346
16544
|
};
|
16347
16545
|
}
|
16348
16546
|
});
|
16349
|
-
var ClosableToast,
|
16547
|
+
var ClosableToast, texts30;
|
16350
16548
|
var init_ClosableToast = __esm({
|
16351
16549
|
"src/toast/ClosableToast.tsx"() {
|
16352
16550
|
init_src();
|
@@ -16359,18 +16557,18 @@ var init_ClosableToast = __esm({
|
|
16359
16557
|
}) => {
|
16360
16558
|
const styles3 = react.useMultiStyleConfig("Toast", { variant });
|
16361
16559
|
const { t: t2 } = useTranslation();
|
16362
|
-
return /* @__PURE__ */
|
16560
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React86__namespace.default.createElement(
|
16363
16561
|
exports.IconButton,
|
16364
16562
|
{
|
16365
16563
|
sx: styles3.dismissButton,
|
16366
16564
|
variant: "ghost",
|
16367
|
-
"aria-label": t2(
|
16368
|
-
icon: /* @__PURE__ */
|
16565
|
+
"aria-label": t2(texts30.dismiss),
|
16566
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
|
16369
16567
|
onClick: onClose
|
16370
16568
|
}
|
16371
16569
|
));
|
16372
16570
|
};
|
16373
|
-
|
16571
|
+
texts30 = createTexts({
|
16374
16572
|
dismiss: {
|
16375
16573
|
nb: "Lukk",
|
16376
16574
|
nn: "Lukk",
|
@@ -16388,7 +16586,7 @@ var init_useToast = __esm({
|
|
16388
16586
|
init_ClosableToast();
|
16389
16587
|
exports.useToast = () => {
|
16390
16588
|
const toast = react.useToast();
|
16391
|
-
const wrappedToast =
|
16589
|
+
const wrappedToast = React86.useCallback((opts) => {
|
16392
16590
|
const Toast = getToastComponent(opts);
|
16393
16591
|
toast({
|
16394
16592
|
...opts,
|
@@ -16399,7 +16597,7 @@ var init_useToast = __esm({
|
|
16399
16597
|
};
|
16400
16598
|
getToastComponent = (opts) => {
|
16401
16599
|
if ("isClosable" in opts && opts.isClosable) {
|
16402
|
-
return ({ onClose, id }) => /* @__PURE__ */
|
16600
|
+
return ({ onClose, id }) => /* @__PURE__ */ React86__namespace.default.createElement(
|
16403
16601
|
ClosableToast,
|
16404
16602
|
{
|
16405
16603
|
id,
|
@@ -16415,7 +16613,7 @@ var init_useToast = __esm({
|
|
16415
16613
|
);
|
16416
16614
|
}
|
16417
16615
|
if ("buttonText" in opts) {
|
16418
|
-
return ({ id }) => /* @__PURE__ */
|
16616
|
+
return ({ id }) => /* @__PURE__ */ React86__namespace.default.createElement(
|
16419
16617
|
ActionToast,
|
16420
16618
|
{
|
16421
16619
|
id,
|
@@ -16426,7 +16624,7 @@ var init_useToast = __esm({
|
|
16426
16624
|
opts.text
|
16427
16625
|
);
|
16428
16626
|
}
|
16429
|
-
return ({ id }) => /* @__PURE__ */
|
16627
|
+
return ({ id }) => /* @__PURE__ */ React86__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
|
16430
16628
|
};
|
16431
16629
|
}
|
16432
16630
|
});
|
@@ -16451,7 +16649,7 @@ var init_Tooltip = __esm({
|
|
16451
16649
|
withCloseButton = false,
|
16452
16650
|
...props
|
16453
16651
|
}) => {
|
16454
|
-
return /* @__PURE__ */
|
16652
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
16455
16653
|
react.Popover,
|
16456
16654
|
{
|
16457
16655
|
onClose,
|
@@ -16463,8 +16661,8 @@ var init_Tooltip = __esm({
|
|
16463
16661
|
arrowShadowColor: "none",
|
16464
16662
|
...props
|
16465
16663
|
},
|
16466
|
-
/* @__PURE__ */
|
16467
|
-
/* @__PURE__ */
|
16664
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, children),
|
16665
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.PopoverContent, null, /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverBody, null, content))
|
16468
16666
|
);
|
16469
16667
|
};
|
16470
16668
|
}
|
@@ -16537,8 +16735,8 @@ function useSizes({
|
|
16537
16735
|
getNodes,
|
16538
16736
|
observeMutation = true
|
16539
16737
|
}) {
|
16540
|
-
const [sizes26, setSizes] =
|
16541
|
-
const [count, setCount] =
|
16738
|
+
const [sizes26, setSizes] = React86.useState([]);
|
16739
|
+
const [count, setCount] = React86.useState(0);
|
16542
16740
|
useSafeLayoutEffect(() => {
|
16543
16741
|
const elements = getNodes();
|
16544
16742
|
const cleanups = elements.map(
|
@@ -16586,7 +16784,7 @@ var init_dist9 = __esm({
|
|
16586
16784
|
"../../node_modules/@chakra-ui/react-use-size/dist/index.mjs"() {
|
16587
16785
|
"use client";
|
16588
16786
|
init_dist8();
|
16589
|
-
useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ?
|
16787
|
+
useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React86.useLayoutEffect : React86.useEffect;
|
16590
16788
|
}
|
16591
16789
|
});
|
16592
16790
|
var init_externals = __esm({
|