@vygruppen/spor-react 10.4.1 → 10.6.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 +15 -0
- package/dist/{CountryCodeSelect-QNKQE3C6.mjs → CountryCodeSelect-R27DZ2PB.mjs} +1 -1
- package/dist/{chunk-PH4RK5L3.mjs → chunk-WSGO53OP.mjs} +723 -535
- package/dist/index.d.mts +109 -4
- package/dist/index.d.ts +109 -4
- package/dist/index.js +859 -654
- 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/input/PhoneNumberInput.tsx +12 -1
- 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;
|
@@ -1967,10 +1968,11 @@ var init_PhoneNumberInput = __esm({
|
|
1967
1968
|
value: externalValue,
|
1968
1969
|
onChange: externalOnChange,
|
1969
1970
|
variant,
|
1971
|
+
isOptional,
|
1970
1972
|
...boxProps
|
1971
1973
|
}, ref) => {
|
1972
1974
|
const { t: t2 } = useTranslation();
|
1973
|
-
const label = externalLabel ?? t2(texts5.phoneNumber);
|
1975
|
+
const label = externalLabel ?? isOptional ? t2(texts5.phoneNumberOptional) : t2(texts5.phoneNumber);
|
1974
1976
|
const [value, onChange] = react.useControllableState({
|
1975
1977
|
value: externalValue,
|
1976
1978
|
onChange: externalOnChange,
|
@@ -1979,10 +1981,10 @@ var init_PhoneNumberInput = __esm({
|
|
1979
1981
|
nationalNumber: ""
|
1980
1982
|
}
|
1981
1983
|
});
|
1982
|
-
return /* @__PURE__ */
|
1983
|
-
|
1984
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement(
|
1985
|
+
React86.Suspense,
|
1984
1986
|
{
|
1985
|
-
fallback: /* @__PURE__ */
|
1987
|
+
fallback: /* @__PURE__ */ React86__namespace.default.createElement(
|
1986
1988
|
InfoSelect,
|
1987
1989
|
{
|
1988
1990
|
isLabelSrOnly: true,
|
@@ -1992,10 +1994,10 @@ var init_PhoneNumberInput = __esm({
|
|
1992
1994
|
value: "+47",
|
1993
1995
|
variant
|
1994
1996
|
},
|
1995
|
-
/* @__PURE__ */
|
1997
|
+
/* @__PURE__ */ React86__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
|
1996
1998
|
)
|
1997
1999
|
},
|
1998
|
-
/* @__PURE__ */
|
2000
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
1999
2001
|
LazyCountryCodeSelect,
|
2000
2002
|
{
|
2001
2003
|
value: value.countryCode,
|
@@ -2009,7 +2011,7 @@ var init_PhoneNumberInput = __esm({
|
|
2009
2011
|
variant
|
2010
2012
|
}
|
2011
2013
|
)
|
2012
|
-
), /* @__PURE__ */
|
2014
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
2013
2015
|
exports.Input,
|
2014
2016
|
{
|
2015
2017
|
ref,
|
@@ -2038,6 +2040,12 @@ var init_PhoneNumberInput = __esm({
|
|
2038
2040
|
en: "Phone number",
|
2039
2041
|
sv: "Telefonnummer"
|
2040
2042
|
},
|
2043
|
+
phoneNumberOptional: {
|
2044
|
+
nb: "Telefonnummer (valgfritt)",
|
2045
|
+
nn: "Telefonnummer (valgfritt)",
|
2046
|
+
en: "Phone number (optional)",
|
2047
|
+
sv: "Telefonnummer (valfritt)"
|
2048
|
+
},
|
2041
2049
|
countryCodeLabel: {
|
2042
2050
|
nb: "Landskode",
|
2043
2051
|
nn: "Landskode",
|
@@ -2045,14 +2053,14 @@ var init_PhoneNumberInput = __esm({
|
|
2045
2053
|
sv: "Landskod"
|
2046
2054
|
}
|
2047
2055
|
});
|
2048
|
-
LazyCountryCodeSelect =
|
2056
|
+
LazyCountryCodeSelect = React86__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
|
2049
2057
|
}
|
2050
2058
|
});
|
2051
2059
|
exports.Radio = void 0;
|
2052
2060
|
var init_Radio = __esm({
|
2053
2061
|
"src/input/Radio.tsx"() {
|
2054
2062
|
exports.Radio = react.forwardRef((props, ref) => {
|
2055
|
-
return /* @__PURE__ */
|
2063
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Radio, { ...props, ref });
|
2056
2064
|
});
|
2057
2065
|
}
|
2058
2066
|
});
|
@@ -2061,7 +2069,7 @@ var init_RadioGroup = __esm({
|
|
2061
2069
|
"src/input/RadioGroup.tsx"() {
|
2062
2070
|
exports.RadioGroup = react.forwardRef(
|
2063
2071
|
({ children, direction: direction2 = "row", ...rest }, ref) => {
|
2064
|
-
return /* @__PURE__ */
|
2072
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
|
2065
2073
|
}
|
2066
2074
|
);
|
2067
2075
|
}
|
@@ -2076,9 +2084,9 @@ var init_SearchInput = __esm({
|
|
2076
2084
|
const { t: t2 } = useTranslation();
|
2077
2085
|
const showClearButton = onReset && Boolean(props.value);
|
2078
2086
|
const formControlProps = react.useFormControlContext();
|
2079
|
-
const autoGeneratedId =
|
2087
|
+
const autoGeneratedId = React86.useId();
|
2080
2088
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
2081
|
-
return /* @__PURE__ */
|
2089
|
+
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
2090
|
react.Input,
|
2083
2091
|
{
|
2084
2092
|
paddingLeft: 7,
|
@@ -2095,7 +2103,7 @@ var init_SearchInput = __esm({
|
|
2095
2103
|
placeholder: " ",
|
2096
2104
|
"data-attachable": true
|
2097
2105
|
}
|
2098
|
-
), /* @__PURE__ */
|
2106
|
+
), /* @__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
2107
|
react.IconButton,
|
2100
2108
|
{
|
2101
2109
|
variant: "ghost",
|
@@ -2103,7 +2111,7 @@ var init_SearchInput = __esm({
|
|
2103
2111
|
size: "sm",
|
2104
2112
|
marginRight: 1,
|
2105
2113
|
"aria-label": t2(texts6.reset),
|
2106
|
-
icon: /* @__PURE__ */
|
2114
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
|
2107
2115
|
onClick: onReset
|
2108
2116
|
}
|
2109
2117
|
)));
|
@@ -2130,7 +2138,7 @@ var init_Switch = __esm({
|
|
2130
2138
|
"src/input/Switch.tsx"() {
|
2131
2139
|
exports.Switch = react.forwardRef(
|
2132
2140
|
({ size: size2 = "md", as = "div", ...props }, ref) => {
|
2133
|
-
return /* @__PURE__ */
|
2141
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Switch, { as, size: size2, ...props, ref });
|
2134
2142
|
}
|
2135
2143
|
);
|
2136
2144
|
}
|
@@ -2202,9 +2210,9 @@ var init_Textarea = __esm({
|
|
2202
2210
|
remainingProps: { label, ...rest }
|
2203
2211
|
} = getSpacingProps(props);
|
2204
2212
|
const formControlProps = react.useFormControlContext();
|
2205
|
-
const fallbackId = `textarea-${
|
2213
|
+
const fallbackId = `textarea-${React86.useId()}`;
|
2206
2214
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
2207
|
-
return /* @__PURE__ */
|
2215
|
+
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
2216
|
});
|
2209
2217
|
}
|
2210
2218
|
});
|
@@ -2238,7 +2246,7 @@ exports.RadioCardGroupContext = void 0; exports.RadioCardGroup = void 0;
|
|
2238
2246
|
var init_RadioCardGroup = __esm({
|
2239
2247
|
"src/layout/RadioCardGroup.tsx"() {
|
2240
2248
|
init_input();
|
2241
|
-
exports.RadioCardGroupContext =
|
2249
|
+
exports.RadioCardGroupContext = React86__namespace.default.createContext(null);
|
2242
2250
|
exports.RadioCardGroup = ({
|
2243
2251
|
children,
|
2244
2252
|
name,
|
@@ -2249,14 +2257,14 @@ var init_RadioCardGroup = __esm({
|
|
2249
2257
|
onChange,
|
2250
2258
|
...props
|
2251
2259
|
}) => {
|
2252
|
-
const [selectedValue, setSelectedValue] =
|
2260
|
+
const [selectedValue, setSelectedValue] = React86.useState(
|
2253
2261
|
defaultValue || ""
|
2254
2262
|
);
|
2255
2263
|
const handleChange = (value) => {
|
2256
2264
|
setSelectedValue(value);
|
2257
2265
|
onChange && onChange(value);
|
2258
2266
|
};
|
2259
|
-
return /* @__PURE__ */
|
2267
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
2260
2268
|
exports.RadioCardGroupContext.Provider,
|
2261
2269
|
{
|
2262
2270
|
value: {
|
@@ -2267,7 +2275,7 @@ var init_RadioCardGroup = __esm({
|
|
2267
2275
|
defaultValue: defaultValue || ""
|
2268
2276
|
}
|
2269
2277
|
},
|
2270
|
-
/* @__PURE__ */
|
2278
|
+
/* @__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
2279
|
);
|
2272
2280
|
};
|
2273
2281
|
}
|
@@ -2278,7 +2286,7 @@ var init_RadioCard = __esm({
|
|
2278
2286
|
init_RadioCardGroup();
|
2279
2287
|
exports.RadioCard = react.forwardRef(
|
2280
2288
|
({ children, value, isDisabled, ...props }, ref) => {
|
2281
|
-
const context =
|
2289
|
+
const context = React86.useContext(exports.RadioCardGroupContext);
|
2282
2290
|
if (!context) {
|
2283
2291
|
throw new Error(
|
2284
2292
|
"RadioCard components must be wrapped in a RadioCardGroup component"
|
@@ -2286,10 +2294,10 @@ var init_RadioCard = __esm({
|
|
2286
2294
|
}
|
2287
2295
|
const { name, selectedValue, onChange, variant } = context;
|
2288
2296
|
const styles3 = react.useMultiStyleConfig("RadioCard", { variant });
|
2289
|
-
const [isKeyboardUser, setKeyboardUser] =
|
2290
|
-
const [isFocused, setFocus] =
|
2297
|
+
const [isKeyboardUser, setKeyboardUser] = React86.useState(false);
|
2298
|
+
const [isFocused, setFocus] = React86.useState(false);
|
2291
2299
|
const isChecked = selectedValue === value;
|
2292
|
-
|
2300
|
+
React86.useEffect(() => {
|
2293
2301
|
const handleMouseDown = () => setKeyboardUser(false);
|
2294
2302
|
const handleKeyDown = (event) => {
|
2295
2303
|
if (event.key === " ") {
|
@@ -2305,21 +2313,21 @@ var init_RadioCard = __esm({
|
|
2305
2313
|
window.removeEventListener("keydown", handleKeyDown);
|
2306
2314
|
};
|
2307
2315
|
}, []);
|
2308
|
-
|
2316
|
+
React86.useEffect(() => {
|
2309
2317
|
if (isKeyboardUser && isChecked) {
|
2310
2318
|
setFocus(true);
|
2311
2319
|
} else {
|
2312
2320
|
setFocus(false);
|
2313
2321
|
}
|
2314
2322
|
}, [isKeyboardUser, isChecked]);
|
2315
|
-
const inputId = `radio-card-${
|
2316
|
-
return /* @__PURE__ */
|
2323
|
+
const inputId = `radio-card-${React86.useId()}`;
|
2324
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
2317
2325
|
react.Box,
|
2318
2326
|
{
|
2319
2327
|
onFocus: () => isKeyboardUser && setFocus(true),
|
2320
2328
|
onBlur: () => setFocus(false)
|
2321
2329
|
},
|
2322
|
-
/* @__PURE__ */
|
2330
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
2323
2331
|
react.chakra.input,
|
2324
2332
|
{
|
2325
2333
|
type: "radio",
|
@@ -2332,7 +2340,7 @@ var init_RadioCard = __esm({
|
|
2332
2340
|
__css: styles3.radioInput
|
2333
2341
|
}
|
2334
2342
|
),
|
2335
|
-
/* @__PURE__ */
|
2343
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
2336
2344
|
react.Box,
|
2337
2345
|
{
|
2338
2346
|
as: "label",
|
@@ -2364,7 +2372,7 @@ var init_StaticCard = __esm({
|
|
2364
2372
|
const styles3 = react.useStyleConfig("StaticCard", {
|
2365
2373
|
colorScheme
|
2366
2374
|
});
|
2367
|
-
return /* @__PURE__ */
|
2375
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
|
2368
2376
|
}
|
2369
2377
|
);
|
2370
2378
|
}
|
@@ -2377,7 +2385,7 @@ var init_PressableCard = __esm({
|
|
2377
2385
|
const styles3 = react.useStyleConfig("PressableCard", {
|
2378
2386
|
variant
|
2379
2387
|
});
|
2380
|
-
return /* @__PURE__ */
|
2388
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
|
2381
2389
|
}
|
2382
2390
|
);
|
2383
2391
|
}
|
@@ -2399,14 +2407,14 @@ var init_Accordion = __esm({
|
|
2399
2407
|
exports.Accordion = react.forwardRef(
|
2400
2408
|
({ children, spacing: spacing3 = 2, ...props }, ref) => {
|
2401
2409
|
const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
|
2402
|
-
return /* @__PURE__ */
|
2410
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
2403
2411
|
react.Accordion,
|
2404
2412
|
{
|
2405
2413
|
...props,
|
2406
2414
|
ref,
|
2407
2415
|
defaultIndex
|
2408
2416
|
},
|
2409
|
-
/* @__PURE__ */
|
2417
|
+
/* @__PURE__ */ React86__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
|
2410
2418
|
);
|
2411
2419
|
}
|
2412
2420
|
);
|
@@ -2427,7 +2435,7 @@ var init_Expandable = __esm({
|
|
2427
2435
|
},
|
2428
2436
|
...rest
|
2429
2437
|
}) => {
|
2430
|
-
return /* @__PURE__ */
|
2438
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
2431
2439
|
exports.Accordion,
|
2432
2440
|
{
|
2433
2441
|
...rest,
|
@@ -2435,7 +2443,7 @@ var init_Expandable = __esm({
|
|
2435
2443
|
defaultIndex: defaultOpen ? 0 : void 0,
|
2436
2444
|
onChange: (expandedIndex) => onChange(expandedIndex === 0)
|
2437
2445
|
},
|
2438
|
-
/* @__PURE__ */
|
2446
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
2439
2447
|
exports.ExpandableItem,
|
2440
2448
|
{
|
2441
2449
|
headingLevel,
|
@@ -2454,7 +2462,7 @@ var init_Expandable = __esm({
|
|
2454
2462
|
...rest
|
2455
2463
|
}) => {
|
2456
2464
|
warnAboutMismatchingIcon({ icon: leftIcon });
|
2457
|
-
return /* @__PURE__ */
|
2465
|
+
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
2466
|
};
|
2459
2467
|
warnAboutMismatchingIcon = ({ icon }) => {
|
2460
2468
|
var _a6, _b5;
|
@@ -2496,10 +2504,10 @@ function LanguageProvider({
|
|
2496
2504
|
language,
|
2497
2505
|
children
|
2498
2506
|
}) {
|
2499
|
-
return /* @__PURE__ */
|
2507
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
|
2500
2508
|
}
|
2501
2509
|
function useLanguage() {
|
2502
|
-
const language =
|
2510
|
+
const language = React86.useContext(LanguageContext);
|
2503
2511
|
if (!language) {
|
2504
2512
|
throw new Error("Please wrap your application in a LanguageProvider");
|
2505
2513
|
}
|
@@ -2512,8 +2520,8 @@ function useTranslation() {
|
|
2512
2520
|
};
|
2513
2521
|
return { t: t2, language };
|
2514
2522
|
}
|
2515
|
-
function createTexts(
|
2516
|
-
return
|
2523
|
+
function createTexts(texts31) {
|
2524
|
+
return texts31;
|
2517
2525
|
}
|
2518
2526
|
exports.Language = void 0; var LanguageContext;
|
2519
2527
|
var init_i18n = __esm({
|
@@ -2525,12 +2533,12 @@ var init_i18n = __esm({
|
|
2525
2533
|
Language3["English"] = "en";
|
2526
2534
|
return Language3;
|
2527
2535
|
})(exports.Language || {});
|
2528
|
-
LanguageContext =
|
2536
|
+
LanguageContext = React86.createContext(void 0);
|
2529
2537
|
}
|
2530
2538
|
});
|
2531
2539
|
function useHydrated() {
|
2532
|
-
let [hydrated, setHydrated] =
|
2533
|
-
|
2540
|
+
let [hydrated, setHydrated] = React86.useState(() => !hydrating);
|
2541
|
+
React86.useEffect(function hydrate() {
|
2534
2542
|
hydrating = false;
|
2535
2543
|
setHydrated(true);
|
2536
2544
|
}, []);
|
@@ -2548,13 +2556,13 @@ var init_ClientOnly = __esm({
|
|
2548
2556
|
init_useHydrated();
|
2549
2557
|
ClientOnly = ({ children, fallback = null }) => {
|
2550
2558
|
const isHydrated = useHydrated();
|
2551
|
-
return /* @__PURE__ */
|
2559
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, isHydrated ? children() : fallback);
|
2552
2560
|
};
|
2553
2561
|
}
|
2554
2562
|
});
|
2555
2563
|
function Lottie({ animationData }) {
|
2556
2564
|
const { View } = lottieReact.useLottie({ animationData, loop: true });
|
2557
|
-
return /* @__PURE__ */
|
2565
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, View);
|
2558
2566
|
}
|
2559
2567
|
var init_Lottie = __esm({
|
2560
2568
|
"src/loader/Lottie.tsx"() {
|
@@ -2570,7 +2578,7 @@ var init_ColorInlineLoader = __esm({
|
|
2570
2578
|
maxWidth,
|
2571
2579
|
...props
|
2572
2580
|
}) => {
|
2573
|
-
return /* @__PURE__ */
|
2581
|
+
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
2582
|
};
|
2575
2583
|
}
|
2576
2584
|
});
|
@@ -2585,7 +2593,7 @@ var init_ColorSpinner = __esm({
|
|
2585
2593
|
maxWidth,
|
2586
2594
|
...props
|
2587
2595
|
}) => {
|
2588
|
-
return /* @__PURE__ */
|
2596
|
+
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
2597
|
};
|
2590
2598
|
}
|
2591
2599
|
});
|
@@ -2595,7 +2603,7 @@ var init_ContentLoader = __esm({
|
|
2595
2603
|
init_ClientOnly();
|
2596
2604
|
init_Lottie();
|
2597
2605
|
exports.ContentLoader = ({ children, ...props }) => {
|
2598
|
-
return /* @__PURE__ */
|
2606
|
+
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
2607
|
};
|
2600
2608
|
}
|
2601
2609
|
});
|
@@ -2609,7 +2617,7 @@ var init_DarkFullScreenLoader = __esm({
|
|
2609
2617
|
maxWidth,
|
2610
2618
|
...props
|
2611
2619
|
}) => {
|
2612
|
-
return /* @__PURE__ */
|
2620
|
+
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
2621
|
};
|
2614
2622
|
}
|
2615
2623
|
});
|
@@ -2623,7 +2631,7 @@ var init_DarkInlineLoader = __esm({
|
|
2623
2631
|
maxWidth,
|
2624
2632
|
...props
|
2625
2633
|
}) => {
|
2626
|
-
return /* @__PURE__ */
|
2634
|
+
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
2635
|
};
|
2628
2636
|
}
|
2629
2637
|
});
|
@@ -2641,7 +2649,7 @@ var init_DarkSpinner = __esm({
|
|
2641
2649
|
}) => {
|
2642
2650
|
const { colorMode } = react.useColorMode();
|
2643
2651
|
const spinnerData = colorMode === "dark" ? sporLoader.spinnerLightData : sporLoader.spinnerDarkData;
|
2644
|
-
return /* @__PURE__ */
|
2652
|
+
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
2653
|
};
|
2646
2654
|
}
|
2647
2655
|
});
|
@@ -2655,7 +2663,7 @@ var init_LightFullScreenLoader = __esm({
|
|
2655
2663
|
maxWidth,
|
2656
2664
|
...props
|
2657
2665
|
}) => {
|
2658
|
-
return /* @__PURE__ */
|
2666
|
+
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
2667
|
};
|
2660
2668
|
}
|
2661
2669
|
});
|
@@ -2669,7 +2677,7 @@ var init_LightInlineLoader = __esm({
|
|
2669
2677
|
maxWidth,
|
2670
2678
|
...props
|
2671
2679
|
}) => {
|
2672
|
-
return /* @__PURE__ */
|
2680
|
+
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
2681
|
};
|
2674
2682
|
}
|
2675
2683
|
});
|
@@ -2684,7 +2692,7 @@ var init_LightSpinner = __esm({
|
|
2684
2692
|
maxWidth,
|
2685
2693
|
...props
|
2686
2694
|
}) => {
|
2687
|
-
return /* @__PURE__ */
|
2695
|
+
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
2696
|
};
|
2689
2697
|
}
|
2690
2698
|
});
|
@@ -2692,11 +2700,11 @@ var useRotatingLabel;
|
|
2692
2700
|
var init_useRotatingLabel = __esm({
|
2693
2701
|
"src/loader/useRotatingLabel.tsx"() {
|
2694
2702
|
useRotatingLabel = ({ label, delay }) => {
|
2695
|
-
const loadingTextArray =
|
2703
|
+
const loadingTextArray = React86.useMemo(
|
2696
2704
|
() => Array.isArray(label) ? label : [label],
|
2697
2705
|
[label]
|
2698
2706
|
);
|
2699
|
-
const [currentLoadingTextIndex, setCurrentLoadingTextIndex] =
|
2707
|
+
const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React86.useState(0);
|
2700
2708
|
react.useInterval(() => {
|
2701
2709
|
setCurrentLoadingTextIndex(
|
2702
2710
|
(prevIndex) => (prevIndex + 1) % loadingTextArray.length
|
@@ -2731,7 +2739,7 @@ var init_ProgressBar = __esm({
|
|
2731
2739
|
"aria-label": ariaLabel || t2(texts7.label(value))
|
2732
2740
|
});
|
2733
2741
|
const styles3 = react.useMultiStyleConfig("ProgressBar", {});
|
2734
|
-
return /* @__PURE__ */
|
2742
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
2735
2743
|
react.Box,
|
2736
2744
|
{
|
2737
2745
|
...progressBarProps,
|
@@ -2739,8 +2747,8 @@ var init_ProgressBar = __esm({
|
|
2739
2747
|
__css: styles3.container,
|
2740
2748
|
...rest
|
2741
2749
|
},
|
2742
|
-
/* @__PURE__ */
|
2743
|
-
currentLoadingText && /* @__PURE__ */
|
2750
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
|
2751
|
+
currentLoadingText && /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
|
2744
2752
|
));
|
2745
2753
|
};
|
2746
2754
|
texts7 = createTexts({
|
@@ -2777,11 +2785,11 @@ var init_ProgressLoader = __esm({
|
|
2777
2785
|
value,
|
2778
2786
|
"aria-label": ariaLabel ?? t2(texts8.fallbackLabel(value ?? "?"))
|
2779
2787
|
});
|
2780
|
-
const pathRef =
|
2788
|
+
const pathRef = React86.useRef(null);
|
2781
2789
|
const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
|
2782
2790
|
const progress = (value - 100) / 100 * progressPathLength;
|
2783
|
-
const id =
|
2784
|
-
return /* @__PURE__ */
|
2791
|
+
const id = React86.useId();
|
2792
|
+
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
2793
|
react.Box,
|
2786
2794
|
{
|
2787
2795
|
as: "path",
|
@@ -2789,7 +2797,7 @@ var init_ProgressLoader = __esm({
|
|
2789
2797
|
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
2798
|
fill: "#FFB466"
|
2791
2799
|
}
|
2792
|
-
), /* @__PURE__ */
|
2800
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
2793
2801
|
react.Box,
|
2794
2802
|
{
|
2795
2803
|
as: "path",
|
@@ -2800,7 +2808,7 @@ var init_ProgressLoader = __esm({
|
|
2800
2808
|
strokeLinecap: "round",
|
2801
2809
|
strokeLinejoin: "round"
|
2802
2810
|
}
|
2803
|
-
), /* @__PURE__ */
|
2811
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
2804
2812
|
react.Box,
|
2805
2813
|
{
|
2806
2814
|
as: "path",
|
@@ -2815,7 +2823,7 @@ var init_ProgressLoader = __esm({
|
|
2815
2823
|
transition: "stroke-dashoffset .2s ease-out",
|
2816
2824
|
ref: pathRef
|
2817
2825
|
}
|
2818
|
-
), /* @__PURE__ */
|
2826
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
2819
2827
|
react.Box,
|
2820
2828
|
{
|
2821
2829
|
as: "path",
|
@@ -2823,7 +2831,7 @@ var init_ProgressLoader = __esm({
|
|
2823
2831
|
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
2832
|
fill: "#688CBA"
|
2825
2833
|
}
|
2826
|
-
)), currentLoadingText && /* @__PURE__ */
|
2834
|
+
)), currentLoadingText && /* @__PURE__ */ React86__namespace.default.createElement(
|
2827
2835
|
react.Text,
|
2828
2836
|
{
|
2829
2837
|
textAlign: "center",
|
@@ -2847,19 +2855,19 @@ var init_ProgressLoader = __esm({
|
|
2847
2855
|
exports.Skeleton = void 0;
|
2848
2856
|
var init_Skeleton = __esm({
|
2849
2857
|
"src/loader/Skeleton.tsx"() {
|
2850
|
-
exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */
|
2858
|
+
exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.Skeleton, { ...props, ref }));
|
2851
2859
|
}
|
2852
2860
|
});
|
2853
2861
|
exports.SkeletonCircle = void 0;
|
2854
2862
|
var init_SkeletonCircle = __esm({
|
2855
2863
|
"src/loader/SkeletonCircle.tsx"() {
|
2856
|
-
exports.SkeletonCircle = (props) => /* @__PURE__ */
|
2864
|
+
exports.SkeletonCircle = (props) => /* @__PURE__ */ React86__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
|
2857
2865
|
}
|
2858
2866
|
});
|
2859
2867
|
exports.SkeletonText = void 0;
|
2860
2868
|
var init_SkeletonText = __esm({
|
2861
2869
|
"src/loader/SkeletonText.tsx"() {
|
2862
|
-
exports.SkeletonText = (props) => /* @__PURE__ */
|
2870
|
+
exports.SkeletonText = (props) => /* @__PURE__ */ React86__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
|
2863
2871
|
}
|
2864
2872
|
});
|
2865
2873
|
|
@@ -2934,7 +2942,7 @@ var init_Button = __esm({
|
|
2934
2942
|
if (fontWeight) {
|
2935
2943
|
styles3.fontWeight = fontWeight;
|
2936
2944
|
}
|
2937
|
-
return /* @__PURE__ */
|
2945
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
2938
2946
|
react.Box,
|
2939
2947
|
{
|
2940
2948
|
...rest,
|
@@ -2948,7 +2956,7 @@ var init_Button = __esm({
|
|
2948
2956
|
position: "relative",
|
2949
2957
|
fontFamily: "Vy Sans"
|
2950
2958
|
},
|
2951
|
-
isLoading && /* @__PURE__ */
|
2959
|
+
isLoading && /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React86__namespace.default.createElement(
|
2952
2960
|
exports.ColorInlineLoader,
|
2953
2961
|
{
|
2954
2962
|
maxWidth: getLoaderWidth(finalSize),
|
@@ -2957,7 +2965,7 @@ var init_Button = __esm({
|
|
2957
2965
|
marginY: 2
|
2958
2966
|
}
|
2959
2967
|
)),
|
2960
|
-
/* @__PURE__ */
|
2968
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
2961
2969
|
react.Flex,
|
2962
2970
|
{
|
2963
2971
|
gap: 1,
|
@@ -2967,7 +2975,7 @@ var init_Button = __esm({
|
|
2967
2975
|
visibility: isLoading ? "hidden" : "visible",
|
2968
2976
|
"aria-hidden": isLoading
|
2969
2977
|
},
|
2970
|
-
/* @__PURE__ */
|
2978
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React86__namespace.default.createElement(
|
2971
2979
|
react.Box,
|
2972
2980
|
{
|
2973
2981
|
visibility: isLoading ? "hidden" : "visible",
|
@@ -2993,7 +3001,7 @@ var init_Button = __esm({
|
|
2993
3001
|
exports.ButtonGroup = void 0;
|
2994
3002
|
var init_ButtonGroup = __esm({
|
2995
3003
|
"src/button/ButtonGroup.tsx"() {
|
2996
|
-
exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */
|
3004
|
+
exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
|
2997
3005
|
}
|
2998
3006
|
});
|
2999
3007
|
exports.IconButton = void 0;
|
@@ -3001,12 +3009,12 @@ var init_IconButton = __esm({
|
|
3001
3009
|
"src/button/IconButton.tsx"() {
|
3002
3010
|
init_src();
|
3003
3011
|
exports.IconButton = react.forwardRef(
|
3004
|
-
({ ...props }, ref) => /* @__PURE__ */
|
3012
|
+
({ ...props }, ref) => /* @__PURE__ */ React86__namespace.default.createElement(
|
3005
3013
|
react.IconButton,
|
3006
3014
|
{
|
3007
3015
|
title: props["aria-label"],
|
3008
3016
|
...props,
|
3009
|
-
spinner: /* @__PURE__ */
|
3017
|
+
spinner: /* @__PURE__ */ React86__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
|
3010
3018
|
ref
|
3011
3019
|
}
|
3012
3020
|
)
|
@@ -3021,7 +3029,7 @@ var init_CloseButton = __esm({
|
|
3021
3029
|
exports.CloseButton = react.forwardRef(
|
3022
3030
|
({ size: size2 = "sm", ...props }, ref) => {
|
3023
3031
|
const { t: t2 } = useTranslation();
|
3024
|
-
return /* @__PURE__ */
|
3032
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3025
3033
|
exports.IconButton,
|
3026
3034
|
{
|
3027
3035
|
ref,
|
@@ -3038,11 +3046,11 @@ var init_CloseButton = __esm({
|
|
3038
3046
|
switch (size2) {
|
3039
3047
|
case "xs":
|
3040
3048
|
case "sm":
|
3041
|
-
return /* @__PURE__ */
|
3049
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
|
3042
3050
|
case "md":
|
3043
|
-
return /* @__PURE__ */
|
3051
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
|
3044
3052
|
case "lg":
|
3045
|
-
return /* @__PURE__ */
|
3053
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
|
3046
3054
|
}
|
3047
3055
|
};
|
3048
3056
|
texts10 = createTexts({
|
@@ -3069,11 +3077,11 @@ var init_FloatingActionButton = __esm({
|
|
3069
3077
|
placement = "bottom right",
|
3070
3078
|
...props
|
3071
3079
|
}, ref) => {
|
3072
|
-
const [isTextVisible, setIsTextVisible] =
|
3080
|
+
const [isTextVisible, setIsTextVisible] = React86__namespace.default.useState(
|
3073
3081
|
externalIsTextVisible !== void 0 ? externalIsTextVisible : false
|
3074
3082
|
);
|
3075
3083
|
const scrollDirection = useScrollDirection();
|
3076
|
-
|
3084
|
+
React86.useEffect(() => {
|
3077
3085
|
if (externalIsTextVisible !== void 0) {
|
3078
3086
|
return;
|
3079
3087
|
}
|
@@ -3083,7 +3091,7 @@ var init_FloatingActionButton = __esm({
|
|
3083
3091
|
);
|
3084
3092
|
return () => window.clearTimeout(id);
|
3085
3093
|
}, [scrollDirection, externalIsTextVisible]);
|
3086
|
-
|
3094
|
+
React86.useEffect(() => {
|
3087
3095
|
setIsTextVisible(!!externalIsTextVisible);
|
3088
3096
|
}, [externalIsTextVisible]);
|
3089
3097
|
const style = react.useMultiStyleConfig("FloatingActionButton", {
|
@@ -3091,7 +3099,7 @@ var init_FloatingActionButton = __esm({
|
|
3091
3099
|
isTextVisible,
|
3092
3100
|
placement
|
3093
3101
|
});
|
3094
|
-
return /* @__PURE__ */
|
3102
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3095
3103
|
MotionBox,
|
3096
3104
|
{
|
3097
3105
|
__css: style.container,
|
@@ -3099,8 +3107,8 @@ var init_FloatingActionButton = __esm({
|
|
3099
3107
|
ref,
|
3100
3108
|
...props
|
3101
3109
|
},
|
3102
|
-
/* @__PURE__ */
|
3103
|
-
/* @__PURE__ */
|
3110
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
|
3111
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
3104
3112
|
MotionBox,
|
3105
3113
|
{
|
3106
3114
|
animate: isTextVisible ? "show" : "hide",
|
@@ -3125,11 +3133,11 @@ var init_FloatingActionButton = __esm({
|
|
3125
3133
|
}
|
3126
3134
|
);
|
3127
3135
|
useScrollDirection = () => {
|
3128
|
-
const [scrollDirection, setScrollDirection] =
|
3129
|
-
const lastScrollPosition =
|
3136
|
+
const [scrollDirection, setScrollDirection] = React86__namespace.default.useState(null);
|
3137
|
+
const lastScrollPosition = React86__namespace.default.useRef(
|
3130
3138
|
typeof window !== "undefined" ? window.scrollY : 0
|
3131
3139
|
);
|
3132
|
-
|
3140
|
+
React86__namespace.default.useEffect(() => {
|
3133
3141
|
const onScroll = () => {
|
3134
3142
|
const delta = window.scrollY - lastScrollPosition.current;
|
3135
3143
|
if (delta === 0) {
|
@@ -3165,7 +3173,7 @@ var init_AlertIcon = __esm({
|
|
3165
3173
|
AlertIcon = ({ variant }) => {
|
3166
3174
|
const Icon = getIcon2(variant);
|
3167
3175
|
const { t: t2 } = useTranslation();
|
3168
|
-
return /* @__PURE__ */
|
3176
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3169
3177
|
Icon,
|
3170
3178
|
{
|
3171
3179
|
flexShrink: 0,
|
@@ -3187,6 +3195,8 @@ var init_AlertIcon = __esm({
|
|
3187
3195
|
return sporIconReact.AltTransportOutline24Icon;
|
3188
3196
|
case "error":
|
3189
3197
|
return sporIconReact.ErrorOutline24Icon;
|
3198
|
+
case "service":
|
3199
|
+
return sporIconReact.WarningFill24Icon;
|
3190
3200
|
}
|
3191
3201
|
};
|
3192
3202
|
texts11 = createTexts({
|
@@ -3219,6 +3229,12 @@ var init_AlertIcon = __esm({
|
|
3219
3229
|
nn: "Alternativ transport",
|
3220
3230
|
sv: "Alternativ transport",
|
3221
3231
|
en: "Alternative transport"
|
3232
|
+
},
|
3233
|
+
service: {
|
3234
|
+
nb: "Driftsmelding",
|
3235
|
+
nn: "Driftsmelding",
|
3236
|
+
sv: "Servicemeddelande",
|
3237
|
+
en: "Service message"
|
3222
3238
|
}
|
3223
3239
|
});
|
3224
3240
|
}
|
@@ -3232,7 +3248,7 @@ var init_BaseAlert = __esm({
|
|
3232
3248
|
...boxProps
|
3233
3249
|
}) => {
|
3234
3250
|
const styles3 = react.useMultiStyleConfig("Alert", { variant });
|
3235
|
-
return /* @__PURE__ */
|
3251
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
|
3236
3252
|
};
|
3237
3253
|
}
|
3238
3254
|
});
|
@@ -3260,17 +3276,17 @@ var init_ClosableAlert = __esm({
|
|
3260
3276
|
externalOnClose();
|
3261
3277
|
onClose();
|
3262
3278
|
};
|
3263
|
-
return /* @__PURE__ */
|
3279
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3264
3280
|
exports.IconButton,
|
3265
3281
|
{
|
3266
3282
|
variant: "ghost",
|
3267
3283
|
size: "sm",
|
3268
3284
|
onClick: handleClose,
|
3269
|
-
icon: /* @__PURE__ */
|
3285
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
|
3270
3286
|
"aria-label": t2(texts12.close),
|
3271
3287
|
sx: styles3.closeButton
|
3272
3288
|
}
|
3273
|
-
), /* @__PURE__ */
|
3289
|
+
), /* @__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
3290
|
};
|
3275
3291
|
texts12 = createTexts({
|
3276
3292
|
close: {
|
@@ -3298,7 +3314,7 @@ var init_ExpandableAlert = __esm({
|
|
3298
3314
|
...boxProps
|
3299
3315
|
}) => {
|
3300
3316
|
const styles3 = react.useMultiStyleConfig("AlertExpandable", { variant });
|
3301
|
-
return /* @__PURE__ */
|
3317
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3302
3318
|
react.Accordion,
|
3303
3319
|
{
|
3304
3320
|
onChange: (expandedIndex) => onToggle(expandedIndex === 0),
|
@@ -3306,14 +3322,14 @@ var init_ExpandableAlert = __esm({
|
|
3306
3322
|
allowToggle: true,
|
3307
3323
|
flexGrow: "1"
|
3308
3324
|
},
|
3309
|
-
/* @__PURE__ */
|
3325
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3310
3326
|
react.Flex,
|
3311
3327
|
{
|
3312
3328
|
justifyContent: "space-between",
|
3313
3329
|
alignItems: "center",
|
3314
3330
|
flexGrow: "1"
|
3315
3331
|
},
|
3316
|
-
/* @__PURE__ */
|
3332
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__namespace.default.createElement(
|
3317
3333
|
react.Box,
|
3318
3334
|
{
|
3319
3335
|
as: "span",
|
@@ -3324,12 +3340,17 @@ var init_ExpandableAlert = __esm({
|
|
3324
3340
|
WebkitLineClamp: "1",
|
3325
3341
|
WebkitBoxOrient: "vertical"
|
3326
3342
|
},
|
3327
|
-
color: "darkGrey"
|
3343
|
+
color: variant === "service" ? "white" : "darkGrey"
|
3328
3344
|
},
|
3329
3345
|
title
|
3330
3346
|
)),
|
3331
|
-
/* @__PURE__ */
|
3332
|
-
|
3347
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
3348
|
+
react.AccordionIcon,
|
3349
|
+
{
|
3350
|
+
color: variant === "service" ? "white" : "darkGrey"
|
3351
|
+
}
|
3352
|
+
)
|
3353
|
+
)), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionPanel, { color: variant === "service" ? "white" : "darkGrey" }, children))
|
3333
3354
|
));
|
3334
3355
|
};
|
3335
3356
|
}
|
@@ -3344,10 +3365,118 @@ var init_StaticAlert = __esm({
|
|
3344
3365
|
title,
|
3345
3366
|
...props
|
3346
3367
|
}) => {
|
3347
|
-
return /* @__PURE__ */
|
3368
|
+
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
3369
|
};
|
3349
3370
|
}
|
3350
3371
|
});
|
3372
|
+
exports.ServiceAlert = void 0; var texts13;
|
3373
|
+
var init_ServiceAlert = __esm({
|
3374
|
+
"src/alert/ServiceAlert.tsx"() {
|
3375
|
+
init_AlertIcon();
|
3376
|
+
init_BaseAlert();
|
3377
|
+
init_i18n();
|
3378
|
+
exports.ServiceAlert = ({
|
3379
|
+
variant,
|
3380
|
+
children,
|
3381
|
+
title,
|
3382
|
+
notification,
|
3383
|
+
contentWidth = "container.md",
|
3384
|
+
headingLevel = "h3",
|
3385
|
+
defaultOpen = false,
|
3386
|
+
onToggle = () => {
|
3387
|
+
},
|
3388
|
+
...boxProps
|
3389
|
+
}) => {
|
3390
|
+
variant = "service";
|
3391
|
+
const { t: t2 } = useTranslation();
|
3392
|
+
const styles3 = react.useMultiStyleConfig("AlertService");
|
3393
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flexDirection: "column", sx: styles3.box }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3394
|
+
BaseAlert,
|
3395
|
+
{
|
3396
|
+
variant,
|
3397
|
+
...boxProps,
|
3398
|
+
paddingX: 0,
|
3399
|
+
paddingY: 0,
|
3400
|
+
sx: styles3.box
|
3401
|
+
},
|
3402
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
3403
|
+
react.Accordion,
|
3404
|
+
{
|
3405
|
+
onChange: (expandedIndex) => onToggle(expandedIndex === 0),
|
3406
|
+
defaultIndex: defaultOpen ? 0 : -1,
|
3407
|
+
allowToggle: true,
|
3408
|
+
flexGrow: "1"
|
3409
|
+
},
|
3410
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3411
|
+
react.Stack,
|
3412
|
+
{
|
3413
|
+
flexDirection: "row",
|
3414
|
+
justifyContent: "center",
|
3415
|
+
width: "100%",
|
3416
|
+
paddingX: "12px"
|
3417
|
+
},
|
3418
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
3419
|
+
react.Flex,
|
3420
|
+
{
|
3421
|
+
justifyContent: "space-between",
|
3422
|
+
alignItems: "center",
|
3423
|
+
flexGrow: "1",
|
3424
|
+
maxWidth: contentWidth
|
3425
|
+
},
|
3426
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__namespace.default.createElement(
|
3427
|
+
react.Box,
|
3428
|
+
{
|
3429
|
+
as: "span",
|
3430
|
+
sx: {
|
3431
|
+
// Truncate the title to one line
|
3432
|
+
display: "-webkit-box",
|
3433
|
+
overflow: "hidden",
|
3434
|
+
WebkitLineClamp: "1",
|
3435
|
+
WebkitBoxOrient: "vertical"
|
3436
|
+
},
|
3437
|
+
color: "white"
|
3438
|
+
},
|
3439
|
+
title
|
3440
|
+
)),
|
3441
|
+
/* @__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" }))
|
3442
|
+
)
|
3443
|
+
)), /* @__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(
|
3444
|
+
react.Flex,
|
3445
|
+
{
|
3446
|
+
justifyContent: "space-between",
|
3447
|
+
alignItems: "center",
|
3448
|
+
flexGrow: "1",
|
3449
|
+
maxWidth: contentWidth,
|
3450
|
+
flexFlow: "column",
|
3451
|
+
gap: 2,
|
3452
|
+
sx: {
|
3453
|
+
p: {
|
3454
|
+
padding: "0.8rem 0",
|
3455
|
+
borderBottom: "0.08rem solid rgba(255, 255, 255, 0.4)"
|
3456
|
+
},
|
3457
|
+
"p:last-child": {
|
3458
|
+
borderBottom: "none"
|
3459
|
+
}
|
3460
|
+
}
|
3461
|
+
},
|
3462
|
+
children
|
3463
|
+
))))
|
3464
|
+
)
|
3465
|
+
));
|
3466
|
+
};
|
3467
|
+
texts13 = createTexts({
|
3468
|
+
notification: (notification) => {
|
3469
|
+
const numNotification = Number(notification);
|
3470
|
+
return {
|
3471
|
+
nb: `${numNotification} varsel`,
|
3472
|
+
nn: `${numNotification} varsel`,
|
3473
|
+
sv: `${numNotification} ${numNotification > 1 ? "underr\xE4ttelser" : "underr\xE4ttelse"}`,
|
3474
|
+
en: `${numNotification} ${numNotification > 1 ? "notifications" : "notification"}`
|
3475
|
+
};
|
3476
|
+
}
|
3477
|
+
});
|
3478
|
+
}
|
3479
|
+
});
|
3351
3480
|
|
3352
3481
|
// src/alert/index.tsx
|
3353
3482
|
var init_alert = __esm({
|
@@ -3355,6 +3484,7 @@ var init_alert = __esm({
|
|
3355
3484
|
init_ClosableAlert();
|
3356
3485
|
init_ExpandableAlert();
|
3357
3486
|
init_StaticAlert();
|
3487
|
+
init_ServiceAlert();
|
3358
3488
|
}
|
3359
3489
|
});
|
3360
3490
|
exports.Breadcrumb = void 0; exports.BreadcrumbItem = void 0; exports.BreadcrumbLink = void 0;
|
@@ -3362,10 +3492,10 @@ var init_Breadcrumb = __esm({
|
|
3362
3492
|
"src/breadcrumb/Breadcrumb.tsx"() {
|
3363
3493
|
exports.Breadcrumb = (props) => {
|
3364
3494
|
const iconColor = react.useColorModeValue("blackAlpha.400", "whiteAlpha.400");
|
3365
|
-
return /* @__PURE__ */
|
3495
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3366
3496
|
react.Breadcrumb,
|
3367
3497
|
{
|
3368
|
-
separator: /* @__PURE__ */
|
3498
|
+
separator: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
|
3369
3499
|
...props
|
3370
3500
|
}
|
3371
3501
|
);
|
@@ -3386,7 +3516,7 @@ var init_Badge = __esm({
|
|
3386
3516
|
"src/typography/Badge.tsx"() {
|
3387
3517
|
exports.Badge = react.forwardRef(
|
3388
3518
|
({ icon, colorScheme = "grey", children, ...props }, ref) => {
|
3389
|
-
return /* @__PURE__ */
|
3519
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3390
3520
|
react.Badge,
|
3391
3521
|
{
|
3392
3522
|
colorScheme,
|
@@ -3394,7 +3524,7 @@ var init_Badge = __esm({
|
|
3394
3524
|
paddingLeft: icon ? 1 : void 0,
|
3395
3525
|
ref
|
3396
3526
|
},
|
3397
|
-
icon &&
|
3527
|
+
icon && React86__namespace.default.cloneElement(icon, { marginRight: 1 }),
|
3398
3528
|
children
|
3399
3529
|
);
|
3400
3530
|
}
|
@@ -3404,7 +3534,7 @@ var init_Badge = __esm({
|
|
3404
3534
|
exports.Code = void 0;
|
3405
3535
|
var init_Code = __esm({
|
3406
3536
|
"src/typography/Code.tsx"() {
|
3407
|
-
exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */
|
3537
|
+
exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.Code, { ...props, ref }));
|
3408
3538
|
}
|
3409
3539
|
});
|
3410
3540
|
exports.Heading = void 0;
|
@@ -3420,7 +3550,7 @@ var init_Heading = __esm({
|
|
3420
3550
|
}) => {
|
3421
3551
|
const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
|
3422
3552
|
const color2 = react.useColorModeValue("text.primary.light", "text.primary.dark");
|
3423
|
-
return /* @__PURE__ */
|
3553
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
|
3424
3554
|
};
|
3425
3555
|
}
|
3426
3556
|
});
|
@@ -3429,7 +3559,7 @@ var init_Text = __esm({
|
|
3429
3559
|
"src/typography/Text.tsx"() {
|
3430
3560
|
exports.Text = react.forwardRef(
|
3431
3561
|
({ variant = "sm", ...props }, ref) => {
|
3432
|
-
return /* @__PURE__ */
|
3562
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
|
3433
3563
|
}
|
3434
3564
|
);
|
3435
3565
|
}
|
@@ -3450,7 +3580,7 @@ function CalendarCell({
|
|
3450
3580
|
currentMonth,
|
3451
3581
|
variant
|
3452
3582
|
}) {
|
3453
|
-
const ref =
|
3583
|
+
const ref = React86.useRef(null);
|
3454
3584
|
const {
|
3455
3585
|
cellProps,
|
3456
3586
|
buttonProps,
|
@@ -3474,7 +3604,7 @@ function CalendarCell({
|
|
3474
3604
|
if (isOutsideMonth) {
|
3475
3605
|
stateProps["data-unavailable"] = true;
|
3476
3606
|
}
|
3477
|
-
|
3607
|
+
React86.useEffect(() => {
|
3478
3608
|
var _a6;
|
3479
3609
|
(_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
|
3480
3610
|
"touchend",
|
@@ -3484,7 +3614,7 @@ function CalendarCell({
|
|
3484
3614
|
{ passive: false, once: true }
|
3485
3615
|
);
|
3486
3616
|
}, []);
|
3487
|
-
return /* @__PURE__ */
|
3617
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3488
3618
|
react.Box,
|
3489
3619
|
{
|
3490
3620
|
as: "button",
|
@@ -3550,8 +3680,8 @@ function CalendarGrid({
|
|
3550
3680
|
const weeksInMonth = date.getWeeksInMonth(state2.visibleRange.start, locale);
|
3551
3681
|
const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
|
3552
3682
|
const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
|
3553
|
-
return /* @__PURE__ */
|
3554
|
-
return /* @__PURE__ */
|
3683
|
+
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) => {
|
3684
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3555
3685
|
exports.Text,
|
3556
3686
|
{
|
3557
3687
|
as: "th",
|
@@ -3561,8 +3691,8 @@ function CalendarGrid({
|
|
3561
3691
|
},
|
3562
3692
|
day
|
3563
3693
|
);
|
3564
|
-
}))), /* @__PURE__ */
|
3565
|
-
(date, dayIndex) => date ? /* @__PURE__ */
|
3694
|
+
}))), /* @__PURE__ */ React86__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React86__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
|
3695
|
+
(date, dayIndex) => date ? /* @__PURE__ */ React86__namespace.default.createElement(
|
3566
3696
|
CalendarCell,
|
3567
3697
|
{
|
3568
3698
|
variant,
|
@@ -3571,7 +3701,7 @@ function CalendarGrid({
|
|
3571
3701
|
date,
|
3572
3702
|
currentMonth: startDate
|
3573
3703
|
}
|
3574
|
-
) : /* @__PURE__ */
|
3704
|
+
) : /* @__PURE__ */ React86__namespace.default.createElement("td", { key: dayIndex })
|
3575
3705
|
)))));
|
3576
3706
|
}
|
3577
3707
|
var weekDays;
|
@@ -3594,9 +3724,9 @@ function CalendarNavigationButton({
|
|
3594
3724
|
"aria-label": ariaLabel,
|
3595
3725
|
...rest
|
3596
3726
|
}) {
|
3597
|
-
const ref =
|
3727
|
+
const ref = React86.useRef(null);
|
3598
3728
|
const { buttonProps } = reactAria.useButton(rest, ref);
|
3599
|
-
return /* @__PURE__ */
|
3729
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3600
3730
|
exports.IconButton,
|
3601
3731
|
{
|
3602
3732
|
...buttonProps,
|
@@ -3633,7 +3763,7 @@ function CalendarHeader({
|
|
3633
3763
|
);
|
3634
3764
|
const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
|
3635
3765
|
const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
|
3636
|
-
return /* @__PURE__ */
|
3766
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3637
3767
|
CalendarNavigator,
|
3638
3768
|
{
|
3639
3769
|
title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
|
@@ -3643,7 +3773,7 @@ function CalendarHeader({
|
|
3643
3773
|
isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
|
3644
3774
|
isPreviousDisabled: !state2.isNextVisibleRangeInvalid
|
3645
3775
|
}
|
3646
|
-
), isYearPickerVisible && /* @__PURE__ */
|
3776
|
+
), isYearPickerVisible && /* @__PURE__ */ React86__namespace.default.createElement(
|
3647
3777
|
CalendarNavigator,
|
3648
3778
|
{
|
3649
3779
|
title: jsDate.getFullYear().toString(),
|
@@ -3655,7 +3785,7 @@ function CalendarHeader({
|
|
3655
3785
|
}
|
3656
3786
|
));
|
3657
3787
|
}
|
3658
|
-
var capitalize, CalendarNavigator,
|
3788
|
+
var capitalize, CalendarNavigator, texts14;
|
3659
3789
|
var init_CalendarHeader = __esm({
|
3660
3790
|
"src/datepicker/CalendarHeader.tsx"() {
|
3661
3791
|
init_i18n();
|
@@ -3671,15 +3801,15 @@ var init_CalendarHeader = __esm({
|
|
3671
3801
|
isNextDisabled
|
3672
3802
|
}) => {
|
3673
3803
|
const { t: t2 } = useTranslation();
|
3674
|
-
return /* @__PURE__ */
|
3804
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React86__namespace.default.createElement(
|
3675
3805
|
CalendarNavigationButton,
|
3676
3806
|
{
|
3677
3807
|
onPress: onPrevious,
|
3678
3808
|
isDisabled: isPreviousDisabled,
|
3679
|
-
icon: /* @__PURE__ */
|
3680
|
-
"aria-label": `${t2(
|
3809
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
|
3810
|
+
"aria-label": `${t2(texts14.previous)} ${t2(texts14[unit])}`
|
3681
3811
|
}
|
3682
|
-
), /* @__PURE__ */
|
3812
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
3683
3813
|
react.Box,
|
3684
3814
|
{
|
3685
3815
|
role: "heading",
|
@@ -3689,17 +3819,17 @@ var init_CalendarHeader = __esm({
|
|
3689
3819
|
textAlign: "center"
|
3690
3820
|
},
|
3691
3821
|
capitalize(title)
|
3692
|
-
), /* @__PURE__ */
|
3822
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
3693
3823
|
CalendarNavigationButton,
|
3694
3824
|
{
|
3695
3825
|
onPress: onNext,
|
3696
3826
|
isDisabled: isNextDisabled,
|
3697
|
-
icon: /* @__PURE__ */
|
3698
|
-
"aria-label": `${t2(
|
3827
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
|
3828
|
+
"aria-label": `${t2(texts14.next)} ${t2(texts14[unit])}`
|
3699
3829
|
}
|
3700
3830
|
));
|
3701
3831
|
};
|
3702
|
-
|
3832
|
+
texts14 = createTexts({
|
3703
3833
|
previous: {
|
3704
3834
|
nb: "Forrige",
|
3705
3835
|
nn: "Forrige",
|
@@ -3741,17 +3871,17 @@ function Calendar({
|
|
3741
3871
|
});
|
3742
3872
|
const { calendarProps } = reactAria.useCalendar(props, state2);
|
3743
3873
|
const calendarAriaLabel = calendarProps["aria-label"];
|
3744
|
-
const ariaLabel = t2(
|
3745
|
-
return /* @__PURE__ */
|
3874
|
+
const ariaLabel = t2(texts15.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
|
3875
|
+
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
3876
|
}
|
3747
|
-
var
|
3877
|
+
var texts15;
|
3748
3878
|
var init_Calendar = __esm({
|
3749
3879
|
"src/datepicker/Calendar.tsx"() {
|
3750
3880
|
init_i18n();
|
3751
3881
|
init_CalendarGrid();
|
3752
3882
|
init_CalendarHeader();
|
3753
3883
|
init_utils();
|
3754
|
-
|
3884
|
+
texts15 = createTexts({
|
3755
3885
|
calendar: {
|
3756
3886
|
nb: "Kalender",
|
3757
3887
|
nn: "Kalender",
|
@@ -3761,7 +3891,7 @@ var init_Calendar = __esm({
|
|
3761
3891
|
});
|
3762
3892
|
}
|
3763
3893
|
});
|
3764
|
-
var CalendarTriggerButton,
|
3894
|
+
var CalendarTriggerButton, texts16;
|
3765
3895
|
var init_CalendarTriggerButton = __esm({
|
3766
3896
|
"src/datepicker/CalendarTriggerButton.tsx"() {
|
3767
3897
|
init_src();
|
@@ -3776,13 +3906,13 @@ var init_CalendarTriggerButton = __esm({
|
|
3776
3906
|
onPress == null ? void 0 : onPress(event);
|
3777
3907
|
}
|
3778
3908
|
};
|
3779
|
-
return /* @__PURE__ */
|
3909
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
3780
3910
|
exports.IconButton,
|
3781
3911
|
{
|
3782
3912
|
ref,
|
3783
3913
|
role: "button",
|
3784
|
-
icon: /* @__PURE__ */
|
3785
|
-
"aria-label": t2(
|
3914
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null),
|
3915
|
+
"aria-label": t2(texts16.openCalendar),
|
3786
3916
|
sx: styles3.calendarTriggerButton,
|
3787
3917
|
variant: "ghost",
|
3788
3918
|
...filteredButtonProps,
|
@@ -3793,7 +3923,7 @@ var init_CalendarTriggerButton = __esm({
|
|
3793
3923
|
));
|
3794
3924
|
}
|
3795
3925
|
);
|
3796
|
-
|
3926
|
+
texts16 = createTexts({
|
3797
3927
|
openCalendar: {
|
3798
3928
|
nb: "\xC5pne kalender",
|
3799
3929
|
nn: "\xC5pne kalendar",
|
@@ -3806,9 +3936,9 @@ var init_CalendarTriggerButton = __esm({
|
|
3806
3936
|
var DateTimeSegment, isPaddable;
|
3807
3937
|
var init_DateTimeSegment = __esm({
|
3808
3938
|
"src/datepicker/DateTimeSegment.tsx"() {
|
3809
|
-
DateTimeSegment =
|
3939
|
+
DateTimeSegment = React86.forwardRef(
|
3810
3940
|
({ segment, state: state2, ariaLabel, ariaDescription }, externalRef) => {
|
3811
|
-
const internalRef =
|
3941
|
+
const internalRef = React86.useRef(null);
|
3812
3942
|
const ref = externalRef ?? internalRef;
|
3813
3943
|
const { segmentProps } = reactAria.useDateSegment(
|
3814
3944
|
segment,
|
@@ -3819,7 +3949,7 @@ var init_DateTimeSegment = __esm({
|
|
3819
3949
|
isPlaceholder: segment.isPlaceholder,
|
3820
3950
|
isEditable: segment.isEditable
|
3821
3951
|
});
|
3822
|
-
return /* @__PURE__ */
|
3952
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3823
3953
|
react.Box,
|
3824
3954
|
{
|
3825
3955
|
...segmentProps,
|
@@ -3851,13 +3981,13 @@ function createCalendar2(identifier) {
|
|
3851
3981
|
throw new Error(`Unsupported calendar ${identifier}`);
|
3852
3982
|
}
|
3853
3983
|
}
|
3854
|
-
var DateField,
|
3984
|
+
var DateField, texts17, getAriaLabel;
|
3855
3985
|
var init_DateField = __esm({
|
3856
3986
|
"src/datepicker/DateField.tsx"() {
|
3857
3987
|
init_DateTimeSegment();
|
3858
3988
|
init_utils();
|
3859
3989
|
init_i18n();
|
3860
|
-
DateField =
|
3990
|
+
DateField = React86.forwardRef(
|
3861
3991
|
({ labelId, ...props }, externalRef) => {
|
3862
3992
|
var _a6;
|
3863
3993
|
const locale = useCurrentLocale();
|
@@ -3868,14 +3998,14 @@ var init_DateField = __esm({
|
|
3868
3998
|
createCalendar: createCalendar2
|
3869
3999
|
});
|
3870
4000
|
const { t: t2 } = useTranslation();
|
3871
|
-
const internalRef =
|
4001
|
+
const internalRef = React86.useRef(null);
|
3872
4002
|
const ref = externalRef ?? internalRef;
|
3873
4003
|
const { fieldProps } = reactAria.useDateField(
|
3874
4004
|
props,
|
3875
4005
|
state2,
|
3876
4006
|
ref
|
3877
4007
|
);
|
3878
|
-
return /* @__PURE__ */
|
4008
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React86__namespace.default.createElement(
|
3879
4009
|
react.FormLabel,
|
3880
4010
|
{
|
3881
4011
|
sx: styles3.inputLabel,
|
@@ -3884,7 +4014,7 @@ var init_DateField = __esm({
|
|
3884
4014
|
id: labelId
|
3885
4015
|
},
|
3886
4016
|
props.label
|
3887
|
-
), /* @__PURE__ */
|
4017
|
+
), /* @__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
4018
|
DateTimeSegment,
|
3889
4019
|
{
|
3890
4020
|
key: i,
|
@@ -3893,7 +4023,7 @@ var init_DateField = __esm({
|
|
3893
4023
|
ariaLabel: labelId,
|
3894
4024
|
state: state2
|
3895
4025
|
}
|
3896
|
-
))), /* @__PURE__ */
|
4026
|
+
))), /* @__PURE__ */ React86__namespace.default.createElement(
|
3897
4027
|
"input",
|
3898
4028
|
{
|
3899
4029
|
type: "hidden",
|
@@ -3903,7 +4033,7 @@ var init_DateField = __esm({
|
|
3903
4033
|
));
|
3904
4034
|
}
|
3905
4035
|
);
|
3906
|
-
|
4036
|
+
texts17 = createTexts({
|
3907
4037
|
day: {
|
3908
4038
|
nb: "Velg dag",
|
3909
4039
|
nn: "Vel dag",
|
@@ -3926,13 +4056,13 @@ var init_DateField = __esm({
|
|
3926
4056
|
getAriaLabel = (segmentType) => {
|
3927
4057
|
switch (segmentType) {
|
3928
4058
|
case "day":
|
3929
|
-
return
|
4059
|
+
return texts17.day;
|
3930
4060
|
case "month":
|
3931
|
-
return
|
4061
|
+
return texts17.month;
|
3932
4062
|
case "year":
|
3933
|
-
return
|
4063
|
+
return texts17.year;
|
3934
4064
|
default:
|
3935
|
-
return
|
4065
|
+
return texts17.day;
|
3936
4066
|
}
|
3937
4067
|
};
|
3938
4068
|
}
|
@@ -3946,7 +4076,7 @@ var init_StyledField = __esm({
|
|
3946
4076
|
isInvalid: false
|
3947
4077
|
};
|
3948
4078
|
const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
|
3949
|
-
return /* @__PURE__ */
|
4079
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
3950
4080
|
react.Box,
|
3951
4081
|
{
|
3952
4082
|
...otherProps,
|
@@ -3971,7 +4101,7 @@ var init_DatePicker = __esm({
|
|
3971
4101
|
init_DateField();
|
3972
4102
|
init_StyledField();
|
3973
4103
|
init_utils();
|
3974
|
-
exports.DatePicker =
|
4104
|
+
exports.DatePicker = React86.forwardRef(
|
3975
4105
|
({
|
3976
4106
|
variant,
|
3977
4107
|
errorMessage,
|
@@ -3989,7 +4119,7 @@ var init_DatePicker = __esm({
|
|
3989
4119
|
isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
|
3990
4120
|
validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
|
3991
4121
|
});
|
3992
|
-
const internalRef =
|
4122
|
+
const internalRef = React86.useRef(null);
|
3993
4123
|
const ref = externalRef ?? internalRef;
|
3994
4124
|
const {
|
3995
4125
|
labelProps,
|
@@ -4003,14 +4133,14 @@ var init_DatePicker = __esm({
|
|
4003
4133
|
state2,
|
4004
4134
|
ref
|
4005
4135
|
);
|
4006
|
-
const labelId = `label-${
|
4007
|
-
const inputGroupId = `input-group-${
|
4136
|
+
const labelId = `label-${React86.useId()}`;
|
4137
|
+
const inputGroupId = `input-group-${React86.useId()}`;
|
4008
4138
|
const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
|
4009
4139
|
const locale = useCurrentLocale();
|
4010
4140
|
const onFieldClick = () => {
|
4011
4141
|
state2.setOpen(true);
|
4012
4142
|
};
|
4013
|
-
const popoverContent = /* @__PURE__ */
|
4143
|
+
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
4144
|
Calendar,
|
4015
4145
|
{
|
4016
4146
|
...calendarProps,
|
@@ -4018,7 +4148,7 @@ var init_DatePicker = __esm({
|
|
4018
4148
|
showYearNavigation
|
4019
4149
|
}
|
4020
4150
|
))));
|
4021
|
-
return /* @__PURE__ */
|
4151
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4022
4152
|
react.Box,
|
4023
4153
|
{
|
4024
4154
|
position: "relative",
|
@@ -4026,7 +4156,7 @@ var init_DatePicker = __esm({
|
|
4026
4156
|
flexDirection: "column",
|
4027
4157
|
width
|
4028
4158
|
},
|
4029
|
-
/* @__PURE__ */
|
4159
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4030
4160
|
react.Popover,
|
4031
4161
|
{
|
4032
4162
|
...dialogProps,
|
@@ -4035,14 +4165,14 @@ var init_DatePicker = __esm({
|
|
4035
4165
|
onClose: state2.close,
|
4036
4166
|
flip: false
|
4037
4167
|
},
|
4038
|
-
/* @__PURE__ */
|
4168
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4039
4169
|
react.InputGroup,
|
4040
4170
|
{
|
4041
4171
|
display: "inline-flex",
|
4042
4172
|
id: inputGroupId,
|
4043
4173
|
"aria-labelledby": labelId
|
4044
4174
|
},
|
4045
|
-
/* @__PURE__ */
|
4175
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
4046
4176
|
StyledField,
|
4047
4177
|
{
|
4048
4178
|
variant,
|
@@ -4052,7 +4182,7 @@ var init_DatePicker = __esm({
|
|
4052
4182
|
isDisabled: props.isDisabled,
|
4053
4183
|
ariaLabelledby: labelId
|
4054
4184
|
},
|
4055
|
-
/* @__PURE__ */
|
4185
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
4056
4186
|
CalendarTriggerButton,
|
4057
4187
|
{
|
4058
4188
|
variant,
|
@@ -4062,7 +4192,7 @@ var init_DatePicker = __esm({
|
|
4062
4192
|
...buttonProps
|
4063
4193
|
}
|
4064
4194
|
)),
|
4065
|
-
/* @__PURE__ */
|
4195
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4066
4196
|
DateField,
|
4067
4197
|
{
|
4068
4198
|
label: props.label,
|
@@ -4074,8 +4204,8 @@ var init_DatePicker = __esm({
|
|
4074
4204
|
)
|
4075
4205
|
))
|
4076
4206
|
),
|
4077
|
-
/* @__PURE__ */
|
4078
|
-
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */
|
4207
|
+
/* @__PURE__ */ React86__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
|
4208
|
+
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React86__namespace.default.createElement(react.Portal, null, popoverContent),
|
4079
4209
|
state2.isOpen && !props.isDisabled && !withPortal && popoverContent
|
4080
4210
|
)
|
4081
4211
|
));
|
@@ -4091,9 +4221,9 @@ function RangeCalendar(props) {
|
|
4091
4221
|
locale,
|
4092
4222
|
createCalendar: date.createCalendar
|
4093
4223
|
});
|
4094
|
-
const ref =
|
4224
|
+
const ref = React86.useRef(null);
|
4095
4225
|
const { calendarProps, title } = reactAria.useRangeCalendar(props, state2, ref);
|
4096
|
-
return /* @__PURE__ */
|
4226
|
+
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
4227
|
CalendarGrid,
|
4098
4228
|
{
|
4099
4229
|
variant: props.variant,
|
@@ -4124,7 +4254,7 @@ function DateRangePicker({
|
|
4124
4254
|
isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
|
4125
4255
|
validationState: formControlProps.isInvalid ? "invalid" : "valid"
|
4126
4256
|
});
|
4127
|
-
const ref =
|
4257
|
+
const ref = React86.useRef(null);
|
4128
4258
|
const {
|
4129
4259
|
groupProps,
|
4130
4260
|
labelProps,
|
@@ -4145,8 +4275,8 @@ function DateRangePicker({
|
|
4145
4275
|
const onFieldClick = () => {
|
4146
4276
|
state2.setOpen(true);
|
4147
4277
|
};
|
4148
|
-
const popoverContent = /* @__PURE__ */
|
4149
|
-
return /* @__PURE__ */
|
4278
|
+
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 }))));
|
4279
|
+
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
4280
|
react.Popover,
|
4151
4281
|
{
|
4152
4282
|
...dialogProps,
|
@@ -4155,7 +4285,7 @@ function DateRangePicker({
|
|
4155
4285
|
onClose: state2.close,
|
4156
4286
|
flip: false
|
4157
4287
|
},
|
4158
|
-
/* @__PURE__ */
|
4288
|
+
/* @__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
4289
|
StyledField,
|
4160
4290
|
{
|
4161
4291
|
alignItems: "center",
|
@@ -4165,7 +4295,7 @@ function DateRangePicker({
|
|
4165
4295
|
onKeyPress: handleEnterClick,
|
4166
4296
|
minHeight
|
4167
4297
|
},
|
4168
|
-
variant && /* @__PURE__ */
|
4298
|
+
variant && /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
4169
4299
|
CalendarTriggerButton,
|
4170
4300
|
{
|
4171
4301
|
paddingLeft: 1,
|
@@ -4175,7 +4305,7 @@ function DateRangePicker({
|
|
4175
4305
|
...buttonProps
|
4176
4306
|
}
|
4177
4307
|
)),
|
4178
|
-
/* @__PURE__ */
|
4308
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4179
4309
|
DateField,
|
4180
4310
|
{
|
4181
4311
|
...startFieldProps,
|
@@ -4184,8 +4314,8 @@ function DateRangePicker({
|
|
4184
4314
|
labelProps
|
4185
4315
|
}
|
4186
4316
|
),
|
4187
|
-
/* @__PURE__ */
|
4188
|
-
/* @__PURE__ */
|
4317
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
|
4318
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4189
4319
|
DateField,
|
4190
4320
|
{
|
4191
4321
|
...endFieldProps,
|
@@ -4195,7 +4325,7 @@ function DateRangePicker({
|
|
4195
4325
|
}
|
4196
4326
|
)
|
4197
4327
|
))),
|
4198
|
-
state2.isOpen && withPortal && /* @__PURE__ */
|
4328
|
+
state2.isOpen && withPortal && /* @__PURE__ */ React86__namespace.default.createElement(react.Portal, null, popoverContent),
|
4199
4329
|
state2.isOpen && !withPortal && popoverContent
|
4200
4330
|
)));
|
4201
4331
|
}
|
@@ -4215,9 +4345,9 @@ var init_TimeField = __esm({
|
|
4215
4345
|
init_DateTimeSegment();
|
4216
4346
|
init_utils();
|
4217
4347
|
TimeField = ({ state: state2, ...props }) => {
|
4218
|
-
const ref =
|
4348
|
+
const ref = React86.useRef(null);
|
4219
4349
|
const { labelProps, fieldProps } = reactAria.useTimeField(props, state2, ref);
|
4220
|
-
return /* @__PURE__ */
|
4350
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React86__namespace.default.createElement(
|
4221
4351
|
exports.FormLabel,
|
4222
4352
|
{
|
4223
4353
|
...labelProps,
|
@@ -4229,7 +4359,7 @@ var init_TimeField = __esm({
|
|
4229
4359
|
paddingTop: "2px"
|
4230
4360
|
},
|
4231
4361
|
props.label
|
4232
|
-
), /* @__PURE__ */
|
4362
|
+
), /* @__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
4363
|
"input",
|
4234
4364
|
{
|
4235
4365
|
type: "hidden",
|
@@ -4240,7 +4370,7 @@ var init_TimeField = __esm({
|
|
4240
4370
|
};
|
4241
4371
|
}
|
4242
4372
|
});
|
4243
|
-
exports.TimePicker = void 0; var
|
4373
|
+
exports.TimePicker = void 0; var texts18;
|
4244
4374
|
var init_TimePicker = __esm({
|
4245
4375
|
"src/datepicker/TimePicker.tsx"() {
|
4246
4376
|
init_src();
|
@@ -4262,7 +4392,7 @@ var init_TimePicker = __esm({
|
|
4262
4392
|
const isDisabled = isDisabledExternally ?? isFormControlDisabled ?? false;
|
4263
4393
|
const { t: t2 } = useTranslation();
|
4264
4394
|
const locale = useCurrentLocale();
|
4265
|
-
const label = externalLabel ?? t2(
|
4395
|
+
const label = externalLabel ?? t2(texts18.time);
|
4266
4396
|
const state2 = reactStately.useTimeFieldState({
|
4267
4397
|
value,
|
4268
4398
|
defaultValue,
|
@@ -4295,17 +4425,17 @@ var init_TimePicker = __esm({
|
|
4295
4425
|
})
|
4296
4426
|
);
|
4297
4427
|
};
|
4298
|
-
const backwardsLabel = `${t2(
|
4299
|
-
|
4428
|
+
const backwardsLabel = `${t2(texts18.backwards)} ${minuteInterval} ${t2(
|
4429
|
+
texts18.minutes
|
4300
4430
|
)}`;
|
4301
|
-
const forwardsLabel = `${t2(
|
4302
|
-
|
4431
|
+
const forwardsLabel = `${t2(texts18.forwards)} ${minuteInterval} ${t2(
|
4432
|
+
texts18.minutes
|
4303
4433
|
)}`;
|
4304
|
-
const inputLabel = label ?? t2(
|
4434
|
+
const inputLabel = label ?? t2(texts18.time);
|
4305
4435
|
const ariaLabel = `${inputLabel} \u2013 ${t2(
|
4306
|
-
|
4436
|
+
texts18.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
|
4307
4437
|
)}`;
|
4308
|
-
return /* @__PURE__ */
|
4438
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
4309
4439
|
StyledField,
|
4310
4440
|
{
|
4311
4441
|
variant: "base",
|
@@ -4321,7 +4451,7 @@ var init_TimePicker = __esm({
|
|
4321
4451
|
"aria-label": ariaLabel,
|
4322
4452
|
...boxProps
|
4323
4453
|
},
|
4324
|
-
/* @__PURE__ */
|
4454
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4325
4455
|
exports.IconButton,
|
4326
4456
|
{
|
4327
4457
|
variant: "ghost",
|
@@ -4329,14 +4459,14 @@ var init_TimePicker = __esm({
|
|
4329
4459
|
borderRadius: "xs",
|
4330
4460
|
"aria-label": backwardsLabel,
|
4331
4461
|
title: backwardsLabel,
|
4332
|
-
icon: /* @__PURE__ */
|
4462
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
|
4333
4463
|
onClick: handleBackwardsClick,
|
4334
4464
|
isDisabled,
|
4335
4465
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
4336
4466
|
}
|
4337
4467
|
),
|
4338
|
-
/* @__PURE__ */
|
4339
|
-
/* @__PURE__ */
|
4468
|
+
/* @__PURE__ */ React86__namespace.default.createElement(TimeField, { label, state: state2, name }),
|
4469
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4340
4470
|
exports.IconButton,
|
4341
4471
|
{
|
4342
4472
|
variant: "ghost",
|
@@ -4344,7 +4474,7 @@ var init_TimePicker = __esm({
|
|
4344
4474
|
borderRadius: "xs",
|
4345
4475
|
"aria-label": forwardsLabel,
|
4346
4476
|
title: forwardsLabel,
|
4347
|
-
icon: /* @__PURE__ */
|
4477
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
|
4348
4478
|
onClick: handleForwardClick,
|
4349
4479
|
isDisabled,
|
4350
4480
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
@@ -4352,7 +4482,7 @@ var init_TimePicker = __esm({
|
|
4352
4482
|
)
|
4353
4483
|
);
|
4354
4484
|
};
|
4355
|
-
|
4485
|
+
texts18 = createTexts({
|
4356
4486
|
selectedTimeIs: (time) => ({
|
4357
4487
|
nb: `Valgt tidspunkt er ${time}`,
|
4358
4488
|
nn: `Valt tidspunkt er ${time}`,
|
@@ -4466,7 +4596,7 @@ var init_LineIcon = __esm({
|
|
4466
4596
|
if (!Icon) {
|
4467
4597
|
return null;
|
4468
4598
|
}
|
4469
|
-
return /* @__PURE__ */
|
4599
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx } }, /* @__PURE__ */ React86__namespace.default.createElement(Icon, { sx: styles3.icon }));
|
4470
4600
|
};
|
4471
4601
|
}
|
4472
4602
|
});
|
@@ -4486,7 +4616,7 @@ var init_InfoTag = __esm({
|
|
4486
4616
|
size: size2,
|
4487
4617
|
...customProps
|
4488
4618
|
});
|
4489
|
-
return /* @__PURE__ */
|
4619
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4490
4620
|
exports.LineIcon,
|
4491
4621
|
{
|
4492
4622
|
variant,
|
@@ -4494,7 +4624,7 @@ var init_InfoTag = __esm({
|
|
4494
4624
|
sx: styles3.iconContainer,
|
4495
4625
|
...customProps
|
4496
4626
|
}
|
4497
|
-
), /* @__PURE__ */
|
4627
|
+
), /* @__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
4628
|
};
|
4499
4629
|
}
|
4500
4630
|
});
|
@@ -4523,7 +4653,7 @@ var init_TravelTag = __esm({
|
|
4523
4653
|
backgroundColor: variant === "custom" ? backgroundColor : void 0
|
4524
4654
|
});
|
4525
4655
|
const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
|
4526
|
-
return /* @__PURE__ */
|
4656
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4527
4657
|
exports.LineIcon,
|
4528
4658
|
{
|
4529
4659
|
variant,
|
@@ -4534,7 +4664,7 @@ var init_TravelTag = __esm({
|
|
4534
4664
|
customIconVariant,
|
4535
4665
|
...rest
|
4536
4666
|
}
|
4537
|
-
), /* @__PURE__ */
|
4667
|
+
), /* @__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
4668
|
}
|
4539
4669
|
);
|
4540
4670
|
getDeviationLevelIcon = ({
|
@@ -4564,7 +4694,7 @@ var init_linjetag = __esm({
|
|
4564
4694
|
init_TravelTag();
|
4565
4695
|
}
|
4566
4696
|
});
|
4567
|
-
exports.TextLink = void 0; var
|
4697
|
+
exports.TextLink = void 0; var texts19;
|
4568
4698
|
var init_TextLink = __esm({
|
4569
4699
|
"src/link/TextLink.tsx"() {
|
4570
4700
|
init_src();
|
@@ -4573,16 +4703,16 @@ var init_TextLink = __esm({
|
|
4573
4703
|
var _a6;
|
4574
4704
|
const { t: t2 } = useTranslation();
|
4575
4705
|
const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
|
4576
|
-
return /* @__PURE__ */
|
4706
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React86__namespace.default.createElement(
|
4577
4707
|
sporIconReact.LinkOutOutline24Icon,
|
4578
4708
|
{
|
4579
4709
|
marginLeft: 0.5,
|
4580
|
-
"aria-label": t2(
|
4710
|
+
"aria-label": t2(texts19.externalLink)
|
4581
4711
|
}
|
4582
4712
|
));
|
4583
4713
|
}
|
4584
4714
|
);
|
4585
|
-
|
4715
|
+
texts19 = createTexts({
|
4586
4716
|
externalLink: {
|
4587
4717
|
nb: "Ekstern lenke",
|
4588
4718
|
nn: "Ekstern lenke",
|
@@ -4609,8 +4739,8 @@ var init_VyLogo = __esm({
|
|
4609
4739
|
exports.VyLogo = ({ colorScheme, ...boxProps }) => {
|
4610
4740
|
const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
|
4611
4741
|
const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
|
4612
|
-
const id =
|
4613
|
-
return /* @__PURE__ */
|
4742
|
+
const id = React86.useId();
|
4743
|
+
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
4744
|
"path",
|
4615
4745
|
{
|
4616
4746
|
fillRule: "evenodd",
|
@@ -4618,7 +4748,7 @@ var init_VyLogo = __esm({
|
|
4618
4748
|
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
4749
|
fill: mainColor
|
4620
4750
|
}
|
4621
|
-
), /* @__PURE__ */
|
4751
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4622
4752
|
"mask",
|
4623
4753
|
{
|
4624
4754
|
id: `${id}-a`,
|
@@ -4629,7 +4759,7 @@ var init_VyLogo = __esm({
|
|
4629
4759
|
width: "94",
|
4630
4760
|
height: "54"
|
4631
4761
|
},
|
4632
|
-
/* @__PURE__ */
|
4762
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4633
4763
|
"path",
|
4634
4764
|
{
|
4635
4765
|
fillRule: "evenodd",
|
@@ -4638,7 +4768,7 @@ var init_VyLogo = __esm({
|
|
4638
4768
|
fill: mainColor
|
4639
4769
|
}
|
4640
4770
|
)
|
4641
|
-
), /* @__PURE__ */
|
4771
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4642
4772
|
"g",
|
4643
4773
|
{
|
4644
4774
|
mask: `url(#${id}-a)`,
|
@@ -4646,9 +4776,9 @@ var init_VyLogo = __esm({
|
|
4646
4776
|
clipRule: "evenodd",
|
4647
4777
|
fill: mainColor
|
4648
4778
|
},
|
4649
|
-
/* @__PURE__ */
|
4650
|
-
/* @__PURE__ */
|
4651
|
-
), /* @__PURE__ */
|
4779
|
+
/* @__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" }),
|
4780
|
+
/* @__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" })
|
4781
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4652
4782
|
"path",
|
4653
4783
|
{
|
4654
4784
|
fillRule: "evenodd",
|
@@ -4656,7 +4786,7 @@ var init_VyLogo = __esm({
|
|
4656
4786
|
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
4787
|
fill: accentColor
|
4658
4788
|
}
|
4659
|
-
), /* @__PURE__ */
|
4789
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4660
4790
|
"path",
|
4661
4791
|
{
|
4662
4792
|
fillRule: "evenodd",
|
@@ -4664,7 +4794,7 @@ var init_VyLogo = __esm({
|
|
4664
4794
|
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
4795
|
fill: mainColor
|
4666
4796
|
}
|
4667
|
-
), /* @__PURE__ */
|
4797
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4668
4798
|
"mask",
|
4669
4799
|
{
|
4670
4800
|
id: `${id}-b`,
|
@@ -4675,7 +4805,7 @@ var init_VyLogo = __esm({
|
|
4675
4805
|
width: "78",
|
4676
4806
|
height: "54"
|
4677
4807
|
},
|
4678
|
-
/* @__PURE__ */
|
4808
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4679
4809
|
"path",
|
4680
4810
|
{
|
4681
4811
|
fillRule: "evenodd",
|
@@ -4684,25 +4814,25 @@ var init_VyLogo = __esm({
|
|
4684
4814
|
fill: mainColor
|
4685
4815
|
}
|
4686
4816
|
)
|
4687
|
-
), /* @__PURE__ */
|
4817
|
+
), /* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4688
4818
|
"path",
|
4689
4819
|
{
|
4690
4820
|
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
4821
|
fill: mainColor
|
4692
4822
|
}
|
4693
|
-
), /* @__PURE__ */
|
4823
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4694
4824
|
"path",
|
4695
4825
|
{
|
4696
4826
|
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
4827
|
fill: mainColor
|
4698
4828
|
}
|
4699
|
-
), /* @__PURE__ */
|
4829
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4700
4830
|
"path",
|
4701
4831
|
{
|
4702
4832
|
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
4833
|
fill: accentColor
|
4704
4834
|
}
|
4705
|
-
)), /* @__PURE__ */
|
4835
|
+
)), /* @__PURE__ */ React86__namespace.default.createElement(
|
4706
4836
|
"path",
|
4707
4837
|
{
|
4708
4838
|
fillRule: "evenodd",
|
@@ -4727,8 +4857,8 @@ var init_VyLogoPride = __esm({
|
|
4727
4857
|
const redColor = colorScheme === "light" ? "#EA3323" : "#ffffff";
|
4728
4858
|
const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
|
4729
4859
|
const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
|
4730
|
-
const id =
|
4731
|
-
return /* @__PURE__ */
|
4860
|
+
const id = React86.useId();
|
4861
|
+
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
4862
|
"svg",
|
4733
4863
|
{
|
4734
4864
|
width: "108",
|
@@ -4737,7 +4867,7 @@ var init_VyLogoPride = __esm({
|
|
4737
4867
|
fill: "none",
|
4738
4868
|
xmlns: "http://www.w3.org/2000/svg"
|
4739
4869
|
},
|
4740
|
-
/* @__PURE__ */
|
4870
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4741
4871
|
"path",
|
4742
4872
|
{
|
4743
4873
|
fillRule: "evenodd",
|
@@ -4746,7 +4876,7 @@ var init_VyLogoPride = __esm({
|
|
4746
4876
|
fill: pinkColor
|
4747
4877
|
}
|
4748
4878
|
),
|
4749
|
-
/* @__PURE__ */
|
4879
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4750
4880
|
"mask",
|
4751
4881
|
{
|
4752
4882
|
id: `${id}-a-pride`,
|
@@ -4757,7 +4887,7 @@ var init_VyLogoPride = __esm({
|
|
4757
4887
|
width: "95",
|
4758
4888
|
height: "55"
|
4759
4889
|
},
|
4760
|
-
/* @__PURE__ */
|
4890
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4761
4891
|
"path",
|
4762
4892
|
{
|
4763
4893
|
fillRule: "evenodd",
|
@@ -4767,7 +4897,7 @@ var init_VyLogoPride = __esm({
|
|
4767
4897
|
}
|
4768
4898
|
)
|
4769
4899
|
),
|
4770
|
-
/* @__PURE__ */
|
4900
|
+
/* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4771
4901
|
"path",
|
4772
4902
|
{
|
4773
4903
|
fillRule: "evenodd",
|
@@ -4775,7 +4905,7 @@ var init_VyLogoPride = __esm({
|
|
4775
4905
|
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
4906
|
fill: purpleColor
|
4777
4907
|
}
|
4778
|
-
), /* @__PURE__ */
|
4908
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4779
4909
|
"path",
|
4780
4910
|
{
|
4781
4911
|
fillRule: "evenodd",
|
@@ -4783,7 +4913,7 @@ var init_VyLogoPride = __esm({
|
|
4783
4913
|
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
4914
|
fill: darkPurpleColor
|
4785
4915
|
}
|
4786
|
-
), /* @__PURE__ */
|
4916
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4787
4917
|
"path",
|
4788
4918
|
{
|
4789
4919
|
fillRule: "evenodd",
|
@@ -4791,7 +4921,7 @@ var init_VyLogoPride = __esm({
|
|
4791
4921
|
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
4922
|
fill: greenColor
|
4793
4923
|
}
|
4794
|
-
), /* @__PURE__ */
|
4924
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4795
4925
|
"path",
|
4796
4926
|
{
|
4797
4927
|
fillRule: "evenodd",
|
@@ -4799,7 +4929,7 @@ var init_VyLogoPride = __esm({
|
|
4799
4929
|
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
4930
|
fill: darkGreenColor
|
4801
4931
|
}
|
4802
|
-
), /* @__PURE__ */
|
4932
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4803
4933
|
"path",
|
4804
4934
|
{
|
4805
4935
|
fillRule: "evenodd",
|
@@ -4808,7 +4938,7 @@ var init_VyLogoPride = __esm({
|
|
4808
4938
|
fill: darkPurpleColor
|
4809
4939
|
}
|
4810
4940
|
)),
|
4811
|
-
/* @__PURE__ */
|
4941
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4812
4942
|
"path",
|
4813
4943
|
{
|
4814
4944
|
fillRule: "evenodd",
|
@@ -4817,7 +4947,7 @@ var init_VyLogoPride = __esm({
|
|
4817
4947
|
fill: blueColor
|
4818
4948
|
}
|
4819
4949
|
),
|
4820
|
-
/* @__PURE__ */
|
4950
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4821
4951
|
"path",
|
4822
4952
|
{
|
4823
4953
|
fillRule: "evenodd",
|
@@ -4826,7 +4956,7 @@ var init_VyLogoPride = __esm({
|
|
4826
4956
|
fill: blueColor
|
4827
4957
|
}
|
4828
4958
|
),
|
4829
|
-
/* @__PURE__ */
|
4959
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4830
4960
|
"path",
|
4831
4961
|
{
|
4832
4962
|
fillRule: "evenodd",
|
@@ -4835,7 +4965,7 @@ var init_VyLogoPride = __esm({
|
|
4835
4965
|
fill: greenColor
|
4836
4966
|
}
|
4837
4967
|
),
|
4838
|
-
/* @__PURE__ */
|
4968
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4839
4969
|
"mask",
|
4840
4970
|
{
|
4841
4971
|
id: `${id}-b-pride`,
|
@@ -4846,7 +4976,7 @@ var init_VyLogoPride = __esm({
|
|
4846
4976
|
width: "78",
|
4847
4977
|
height: "55"
|
4848
4978
|
},
|
4849
|
-
/* @__PURE__ */
|
4979
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4850
4980
|
"path",
|
4851
4981
|
{
|
4852
4982
|
fillRule: "evenodd",
|
@@ -4856,7 +4986,7 @@ var init_VyLogoPride = __esm({
|
|
4856
4986
|
}
|
4857
4987
|
)
|
4858
4988
|
),
|
4859
|
-
/* @__PURE__ */
|
4989
|
+
/* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React86__namespace.default.createElement(
|
4860
4990
|
"path",
|
4861
4991
|
{
|
4862
4992
|
fillRule: "evenodd",
|
@@ -4864,7 +4994,7 @@ var init_VyLogoPride = __esm({
|
|
4864
4994
|
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
4995
|
fill: greenColor
|
4866
4996
|
}
|
4867
|
-
), /* @__PURE__ */
|
4997
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4868
4998
|
"path",
|
4869
4999
|
{
|
4870
5000
|
fillRule: "evenodd",
|
@@ -4872,7 +5002,7 @@ var init_VyLogoPride = __esm({
|
|
4872
5002
|
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
5003
|
fill: darkGreenColor
|
4874
5004
|
}
|
4875
|
-
), /* @__PURE__ */
|
5005
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4876
5006
|
"path",
|
4877
5007
|
{
|
4878
5008
|
fillRule: "evenodd",
|
@@ -4880,7 +5010,7 @@ var init_VyLogoPride = __esm({
|
|
4880
5010
|
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
5011
|
fill: redColor
|
4882
5012
|
}
|
4883
|
-
), /* @__PURE__ */
|
5013
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4884
5014
|
"path",
|
4885
5015
|
{
|
4886
5016
|
fillRule: "evenodd",
|
@@ -4888,7 +5018,7 @@ var init_VyLogoPride = __esm({
|
|
4888
5018
|
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
5019
|
fill: orangeColor
|
4890
5020
|
}
|
4891
|
-
), /* @__PURE__ */
|
5021
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4892
5022
|
"path",
|
4893
5023
|
{
|
4894
5024
|
fillRule: "evenodd",
|
@@ -4897,7 +5027,7 @@ var init_VyLogoPride = __esm({
|
|
4897
5027
|
fill: yellowColor
|
4898
5028
|
}
|
4899
5029
|
)),
|
4900
|
-
/* @__PURE__ */
|
5030
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
4901
5031
|
"path",
|
4902
5032
|
{
|
4903
5033
|
fillRule: "evenodd",
|
@@ -4919,109 +5049,109 @@ var init_CargonetLogo = __esm({
|
|
4919
5049
|
}) => {
|
4920
5050
|
const mainColor = "#DF8200";
|
4921
5051
|
const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
|
4922
|
-
return /* @__PURE__ */
|
5052
|
+
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
5053
|
"path",
|
4924
5054
|
{
|
4925
5055
|
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
5056
|
fill: accentColor
|
4927
5057
|
}
|
4928
|
-
), /* @__PURE__ */
|
5058
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4929
5059
|
"path",
|
4930
5060
|
{
|
4931
5061
|
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
5062
|
fill: accentColor
|
4933
5063
|
}
|
4934
|
-
), /* @__PURE__ */
|
5064
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4935
5065
|
"path",
|
4936
5066
|
{
|
4937
5067
|
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
5068
|
fill: accentColor
|
4939
5069
|
}
|
4940
|
-
), /* @__PURE__ */
|
5070
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4941
5071
|
"path",
|
4942
5072
|
{
|
4943
5073
|
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
5074
|
fill: accentColor
|
4945
5075
|
}
|
4946
|
-
), /* @__PURE__ */
|
5076
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4947
5077
|
"path",
|
4948
5078
|
{
|
4949
5079
|
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
5080
|
fill: accentColor
|
4951
5081
|
}
|
4952
|
-
), /* @__PURE__ */
|
5082
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4953
5083
|
"path",
|
4954
5084
|
{
|
4955
5085
|
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
5086
|
fill: mainColor
|
4957
5087
|
}
|
4958
|
-
), /* @__PURE__ */
|
5088
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4959
5089
|
"path",
|
4960
5090
|
{
|
4961
5091
|
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
5092
|
fill: mainColor
|
4963
5093
|
}
|
4964
|
-
), /* @__PURE__ */
|
5094
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4965
5095
|
"path",
|
4966
5096
|
{
|
4967
5097
|
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
5098
|
fill: mainColor
|
4969
5099
|
}
|
4970
|
-
), /* @__PURE__ */
|
5100
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4971
5101
|
"path",
|
4972
5102
|
{
|
4973
5103
|
d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
|
4974
5104
|
fill: mainColor
|
4975
5105
|
}
|
4976
|
-
), /* @__PURE__ */
|
5106
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4977
5107
|
"path",
|
4978
5108
|
{
|
4979
5109
|
d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
|
4980
5110
|
fill: mainColor
|
4981
5111
|
}
|
4982
|
-
), /* @__PURE__ */
|
5112
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4983
5113
|
"path",
|
4984
5114
|
{
|
4985
5115
|
d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
|
4986
5116
|
fill: mainColor
|
4987
5117
|
}
|
4988
|
-
), /* @__PURE__ */
|
5118
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4989
5119
|
"path",
|
4990
5120
|
{
|
4991
5121
|
d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
|
4992
5122
|
fill: mainColor
|
4993
5123
|
}
|
4994
|
-
), /* @__PURE__ */
|
5124
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
4995
5125
|
"path",
|
4996
5126
|
{
|
4997
5127
|
d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
|
4998
5128
|
fill: mainColor
|
4999
5129
|
}
|
5000
|
-
), /* @__PURE__ */
|
5130
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
5001
5131
|
"path",
|
5002
5132
|
{
|
5003
5133
|
d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
|
5004
5134
|
fill: mainColor
|
5005
5135
|
}
|
5006
|
-
), /* @__PURE__ */
|
5136
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
5007
5137
|
"path",
|
5008
5138
|
{
|
5009
5139
|
d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
|
5010
5140
|
fill: mainColor
|
5011
5141
|
}
|
5012
|
-
), /* @__PURE__ */
|
5142
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
5013
5143
|
"path",
|
5014
5144
|
{
|
5015
5145
|
d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
|
5016
5146
|
fill: mainColor
|
5017
5147
|
}
|
5018
|
-
), /* @__PURE__ */
|
5148
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
5019
5149
|
"path",
|
5020
5150
|
{
|
5021
5151
|
d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
|
5022
5152
|
fill: mainColor
|
5023
5153
|
}
|
5024
|
-
), /* @__PURE__ */
|
5154
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(
|
5025
5155
|
"path",
|
5026
5156
|
{
|
5027
5157
|
d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
|
@@ -5040,7 +5170,7 @@ var init_logo = __esm({
|
|
5040
5170
|
init_CargonetLogo();
|
5041
5171
|
}
|
5042
5172
|
});
|
5043
|
-
exports.JumpButton = void 0; var
|
5173
|
+
exports.JumpButton = void 0; var texts20;
|
5044
5174
|
var init_JumpButton = __esm({
|
5045
5175
|
"src/media-controller/JumpButton.tsx"() {
|
5046
5176
|
init_src();
|
@@ -5055,19 +5185,19 @@ var init_JumpButton = __esm({
|
|
5055
5185
|
variant: "jumpSkip",
|
5056
5186
|
size: size2
|
5057
5187
|
});
|
5058
|
-
return /* @__PURE__ */
|
5188
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5059
5189
|
react.Center,
|
5060
5190
|
{
|
5061
5191
|
as: "button",
|
5062
5192
|
sx: styles3.container,
|
5063
|
-
"aria-label": direction2 === "forward" ? t2(
|
5193
|
+
"aria-label": direction2 === "forward" ? t2(texts20.forward) : t2(texts20.backward),
|
5064
5194
|
disabled: isDisabled,
|
5065
5195
|
...props
|
5066
5196
|
},
|
5067
|
-
direction2 === "forward" ? /* @__PURE__ */
|
5197
|
+
direction2 === "forward" ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
|
5068
5198
|
);
|
5069
5199
|
};
|
5070
|
-
|
5200
|
+
texts20 = createTexts({
|
5071
5201
|
forward: {
|
5072
5202
|
nb: "15 sekunder frem",
|
5073
5203
|
nn: "15 sekunder fram",
|
@@ -5083,7 +5213,7 @@ var init_JumpButton = __esm({
|
|
5083
5213
|
});
|
5084
5214
|
}
|
5085
5215
|
});
|
5086
|
-
exports.PlayPauseButton = void 0; var
|
5216
|
+
exports.PlayPauseButton = void 0; var texts21;
|
5087
5217
|
var init_PlayPauseButton = __esm({
|
5088
5218
|
"src/media-controller/PlayPauseButton.tsx"() {
|
5089
5219
|
init_src();
|
@@ -5098,19 +5228,19 @@ var init_PlayPauseButton = __esm({
|
|
5098
5228
|
variant: "play",
|
5099
5229
|
size: size2
|
5100
5230
|
});
|
5101
|
-
return /* @__PURE__ */
|
5231
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5102
5232
|
react.Center,
|
5103
5233
|
{
|
5104
5234
|
as: "button",
|
5105
5235
|
sx: styles3.container,
|
5106
|
-
"aria-label": isPlaying ? t2(
|
5236
|
+
"aria-label": isPlaying ? t2(texts21.pause) : t2(texts21.play),
|
5107
5237
|
disabled: isDisabled,
|
5108
5238
|
...props
|
5109
5239
|
},
|
5110
|
-
isPlaying ? /* @__PURE__ */
|
5240
|
+
isPlaying ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
|
5111
5241
|
);
|
5112
5242
|
};
|
5113
|
-
|
5243
|
+
texts21 = createTexts({
|
5114
5244
|
pause: {
|
5115
5245
|
nb: "Pause",
|
5116
5246
|
nn: "Pause",
|
@@ -5126,7 +5256,7 @@ var init_PlayPauseButton = __esm({
|
|
5126
5256
|
});
|
5127
5257
|
}
|
5128
5258
|
});
|
5129
|
-
exports.SkipButton = void 0; var
|
5259
|
+
exports.SkipButton = void 0; var texts22;
|
5130
5260
|
var init_SkipButton = __esm({
|
5131
5261
|
"src/media-controller/SkipButton.tsx"() {
|
5132
5262
|
init_src();
|
@@ -5141,19 +5271,19 @@ var init_SkipButton = __esm({
|
|
5141
5271
|
variant: "jumpSkip",
|
5142
5272
|
size: size2
|
5143
5273
|
});
|
5144
|
-
return /* @__PURE__ */
|
5274
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5145
5275
|
react.Center,
|
5146
5276
|
{
|
5147
5277
|
as: "button",
|
5148
5278
|
sx: styles3.container,
|
5149
|
-
"aria-label": direction2 === "forward" ? t2(
|
5279
|
+
"aria-label": direction2 === "forward" ? t2(texts22.next) : t2(texts22.previous),
|
5150
5280
|
disabled: isDisabled,
|
5151
5281
|
...props
|
5152
5282
|
},
|
5153
|
-
direction2 === "forward" ? /* @__PURE__ */
|
5283
|
+
direction2 === "forward" ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
|
5154
5284
|
);
|
5155
5285
|
};
|
5156
|
-
|
5286
|
+
texts22 = createTexts({
|
5157
5287
|
next: {
|
5158
5288
|
nb: "Neste",
|
5159
5289
|
nn: "Neste",
|
@@ -5187,7 +5317,7 @@ var init_ModalHeader = __esm({
|
|
5187
5317
|
fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
|
5188
5318
|
textAlign: size2 === "lg" ? "center" : "left"
|
5189
5319
|
};
|
5190
|
-
return /* @__PURE__ */
|
5320
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.ModalHeader, { as: "h1", ...props, ref, ...styles3 });
|
5191
5321
|
}
|
5192
5322
|
);
|
5193
5323
|
}
|
@@ -5197,7 +5327,7 @@ var init_Drawer = __esm({
|
|
5197
5327
|
"src/modal/Drawer.tsx"() {
|
5198
5328
|
init_ModalHeader();
|
5199
5329
|
exports.Drawer = (props) => {
|
5200
|
-
return /* @__PURE__ */
|
5330
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React86__namespace.default.createElement(react.Drawer, { ...props }));
|
5201
5331
|
};
|
5202
5332
|
exports.DrawerContent = react.forwardRef(
|
5203
5333
|
({ children, ...props }, ref) => {
|
@@ -5214,7 +5344,7 @@ var init_Drawer = __esm({
|
|
5214
5344
|
});
|
5215
5345
|
const isTopOrBottom = placement === "top" || placement === "bottom";
|
5216
5346
|
const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
|
5217
|
-
return /* @__PURE__ */
|
5347
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5218
5348
|
react.DrawerContent,
|
5219
5349
|
{
|
5220
5350
|
...widthConstraits,
|
@@ -5223,13 +5353,13 @@ var init_Drawer = __esm({
|
|
5223
5353
|
...props,
|
5224
5354
|
ref
|
5225
5355
|
},
|
5226
|
-
/* @__PURE__ */
|
5356
|
+
/* @__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
5357
|
));
|
5228
5358
|
}
|
5229
5359
|
);
|
5230
5360
|
Notch = react.forwardRef((props, ref) => {
|
5231
5361
|
const placement = useDrawerContext();
|
5232
|
-
return /* @__PURE__ */
|
5362
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5233
5363
|
react.Box,
|
5234
5364
|
{
|
5235
5365
|
position: "absolute",
|
@@ -5241,14 +5371,14 @@ var init_Drawer = __esm({
|
|
5241
5371
|
...props,
|
5242
5372
|
ref
|
5243
5373
|
},
|
5244
|
-
/* @__PURE__ */
|
5374
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
5245
5375
|
react.Center,
|
5246
5376
|
{
|
5247
5377
|
background: placement === "bottom" ? "bottom" : "top",
|
5248
5378
|
padding: 2,
|
5249
5379
|
borderRadius: "md"
|
5250
5380
|
},
|
5251
|
-
/* @__PURE__ */
|
5381
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
5252
5382
|
react.Box,
|
5253
5383
|
{
|
5254
5384
|
width: "2.265rem",
|
@@ -5260,14 +5390,14 @@ var init_Drawer = __esm({
|
|
5260
5390
|
)
|
5261
5391
|
);
|
5262
5392
|
});
|
5263
|
-
DrawerContext =
|
5264
|
-
DrawerProvider = (props) => /* @__PURE__ */
|
5393
|
+
DrawerContext = React86__namespace.default.createContext(void 0);
|
5394
|
+
DrawerProvider = (props) => /* @__PURE__ */ React86__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
|
5265
5395
|
useDrawerContext = () => {
|
5266
|
-
return
|
5396
|
+
return React86__namespace.default.useContext(DrawerContext);
|
5267
5397
|
};
|
5268
5398
|
}
|
5269
5399
|
});
|
5270
|
-
exports.FullScreenDrawer = void 0; var DrawerTopMenu, DrawerCloseButton2, DrawerBackButton,
|
5400
|
+
exports.FullScreenDrawer = void 0; var DrawerTopMenu, DrawerCloseButton2, DrawerBackButton, texts23;
|
5271
5401
|
var init_FullScreenDrawer = __esm({
|
5272
5402
|
"src/modal/FullScreenDrawer.tsx"() {
|
5273
5403
|
init_button();
|
@@ -5277,13 +5407,13 @@ var init_FullScreenDrawer = __esm({
|
|
5277
5407
|
children,
|
5278
5408
|
title,
|
5279
5409
|
placement = "bottom",
|
5280
|
-
leftButton = /* @__PURE__ */
|
5281
|
-
rightButton = /* @__PURE__ */
|
5410
|
+
leftButton = /* @__PURE__ */ React86__namespace.default.createElement(DrawerBackButton, null),
|
5411
|
+
rightButton = /* @__PURE__ */ React86__namespace.default.createElement(DrawerCloseButton2, null),
|
5282
5412
|
isOpen,
|
5283
5413
|
onClose,
|
5284
5414
|
body
|
5285
5415
|
}) => {
|
5286
|
-
const [isContentBoxScrolled, setContentBoxScrolled] =
|
5416
|
+
const [isContentBoxScrolled, setContentBoxScrolled] = React86.useState(false);
|
5287
5417
|
const onContentScroll = (e) => {
|
5288
5418
|
const target = e.target;
|
5289
5419
|
if (target.scrollTop <= 0) {
|
@@ -5292,10 +5422,10 @@ var init_FullScreenDrawer = __esm({
|
|
5292
5422
|
}
|
5293
5423
|
setContentBoxScrolled(true);
|
5294
5424
|
};
|
5295
|
-
|
5425
|
+
React86.useEffect(() => {
|
5296
5426
|
setContentBoxScrolled(false);
|
5297
5427
|
}, [isOpen]);
|
5298
|
-
return /* @__PURE__ */
|
5428
|
+
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
5429
|
react.DrawerContent,
|
5300
5430
|
{
|
5301
5431
|
height: "100vh",
|
@@ -5303,7 +5433,7 @@ var init_FullScreenDrawer = __esm({
|
|
5303
5433
|
backgroundPosition: "top",
|
5304
5434
|
backgroundRepeat: "no-repeat"
|
5305
5435
|
},
|
5306
|
-
/* @__PURE__ */
|
5436
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
5307
5437
|
DrawerTopMenu,
|
5308
5438
|
{
|
5309
5439
|
isScrolled: isContentBoxScrolled,
|
@@ -5312,7 +5442,7 @@ var init_FullScreenDrawer = __esm({
|
|
5312
5442
|
rightButton
|
5313
5443
|
}
|
5314
5444
|
),
|
5315
|
-
/* @__PURE__ */
|
5445
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
|
5316
5446
|
));
|
5317
5447
|
};
|
5318
5448
|
DrawerTopMenu = ({
|
@@ -5325,7 +5455,7 @@ var init_FullScreenDrawer = __esm({
|
|
5325
5455
|
"bg.default.light",
|
5326
5456
|
"bg.default.dark"
|
5327
5457
|
);
|
5328
|
-
return /* @__PURE__ */
|
5458
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5329
5459
|
react.Flex,
|
5330
5460
|
{
|
5331
5461
|
width: "100%",
|
@@ -5338,8 +5468,8 @@ var init_FullScreenDrawer = __esm({
|
|
5338
5468
|
transition: "box-shadow 0.2s",
|
5339
5469
|
boxShadow: isScrolled ? "md" : void 0
|
5340
5470
|
},
|
5341
|
-
/* @__PURE__ */
|
5342
|
-
/* @__PURE__ */
|
5471
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
|
5472
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
5343
5473
|
react.DrawerHeader,
|
5344
5474
|
{
|
5345
5475
|
as: "h2",
|
@@ -5352,7 +5482,7 @@ var init_FullScreenDrawer = __esm({
|
|
5352
5482
|
},
|
5353
5483
|
title
|
5354
5484
|
),
|
5355
|
-
/* @__PURE__ */
|
5485
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
|
5356
5486
|
);
|
5357
5487
|
};
|
5358
5488
|
DrawerCloseButton2 = () => {
|
@@ -5362,26 +5492,26 @@ var init_FullScreenDrawer = __esm({
|
|
5362
5492
|
`(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
|
5363
5493
|
);
|
5364
5494
|
if (isScreenSizeMinSm) {
|
5365
|
-
return /* @__PURE__ */
|
5495
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5366
5496
|
exports.Button,
|
5367
5497
|
{
|
5368
5498
|
variant: "ghost",
|
5369
|
-
leftIcon: /* @__PURE__ */
|
5499
|
+
leftIcon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
|
5370
5500
|
onClick: onClose,
|
5371
|
-
"aria-label": t2(
|
5501
|
+
"aria-label": t2(texts23.close),
|
5372
5502
|
width: "fit-content",
|
5373
5503
|
marginLeft: "auto"
|
5374
5504
|
},
|
5375
|
-
t2(
|
5505
|
+
t2(texts23.close)
|
5376
5506
|
);
|
5377
5507
|
}
|
5378
|
-
return /* @__PURE__ */
|
5508
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5379
5509
|
exports.IconButton,
|
5380
5510
|
{
|
5381
5511
|
variant: "ghost",
|
5382
|
-
icon: /* @__PURE__ */
|
5512
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
|
5383
5513
|
onClick: onClose,
|
5384
|
-
"aria-label": t2(
|
5514
|
+
"aria-label": t2(texts23.close)
|
5385
5515
|
}
|
5386
5516
|
);
|
5387
5517
|
};
|
@@ -5392,30 +5522,30 @@ var init_FullScreenDrawer = __esm({
|
|
5392
5522
|
`(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
|
5393
5523
|
);
|
5394
5524
|
if (isScreenSizeMinSm) {
|
5395
|
-
return /* @__PURE__ */
|
5525
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5396
5526
|
exports.Button,
|
5397
5527
|
{
|
5398
5528
|
variant: "ghost",
|
5399
|
-
leftIcon: /* @__PURE__ */
|
5529
|
+
leftIcon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
|
5400
5530
|
onClick: onClose,
|
5401
|
-
"aria-label": t2(
|
5531
|
+
"aria-label": t2(texts23.backAriaLabel),
|
5402
5532
|
width: "fit-content",
|
5403
5533
|
marginLeft: "auto"
|
5404
5534
|
},
|
5405
|
-
t2(
|
5535
|
+
t2(texts23.back)
|
5406
5536
|
);
|
5407
5537
|
}
|
5408
|
-
return /* @__PURE__ */
|
5538
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5409
5539
|
exports.IconButton,
|
5410
5540
|
{
|
5411
5541
|
variant: "ghost",
|
5412
|
-
icon: /* @__PURE__ */
|
5542
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
|
5413
5543
|
onClick: onClose,
|
5414
|
-
"aria-label": t2(
|
5544
|
+
"aria-label": t2(texts23.close)
|
5415
5545
|
}
|
5416
5546
|
);
|
5417
5547
|
};
|
5418
|
-
|
5548
|
+
texts23 = createTexts({
|
5419
5549
|
close: {
|
5420
5550
|
nb: "Lukk",
|
5421
5551
|
nn: "Lukk",
|
@@ -5458,7 +5588,7 @@ var init_SimpleDrawer = __esm({
|
|
5458
5588
|
body,
|
5459
5589
|
...props
|
5460
5590
|
}) => {
|
5461
|
-
return /* @__PURE__ */
|
5591
|
+
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
5592
|
};
|
5463
5593
|
}
|
5464
5594
|
});
|
@@ -5473,7 +5603,7 @@ var init_modal = __esm({
|
|
5473
5603
|
init_SimpleDrawer();
|
5474
5604
|
}
|
5475
5605
|
});
|
5476
|
-
var EXPIRATION_DELAY; exports.Nudge = void 0; var
|
5606
|
+
var EXPIRATION_DELAY; exports.Nudge = void 0; var texts24;
|
5477
5607
|
var init_Nudge = __esm({
|
5478
5608
|
"src/nudge/Nudge.tsx"() {
|
5479
5609
|
init_src();
|
@@ -5497,7 +5627,7 @@ var init_Nudge = __esm({
|
|
5497
5627
|
}
|
5498
5628
|
return null;
|
5499
5629
|
}
|
5500
|
-
return /* @__PURE__ */
|
5630
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5501
5631
|
react.Popover,
|
5502
5632
|
{
|
5503
5633
|
arrowSize: 12,
|
@@ -5505,11 +5635,11 @@ var init_Nudge = __esm({
|
|
5505
5635
|
defaultIsOpen: true,
|
5506
5636
|
...props
|
5507
5637
|
},
|
5508
|
-
/* @__PURE__ */
|
5509
|
-
/* @__PURE__ */
|
5638
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, children),
|
5639
|
+
/* @__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
5640
|
);
|
5511
5641
|
};
|
5512
|
-
|
5642
|
+
texts24 = createTexts({
|
5513
5643
|
close: {
|
5514
5644
|
nb: "Lukk",
|
5515
5645
|
nn: "Lukk",
|
@@ -5525,7 +5655,7 @@ var init_Nudge = __esm({
|
|
5525
5655
|
});
|
5526
5656
|
}
|
5527
5657
|
});
|
5528
|
-
exports.WizardNudge = void 0; var NextOrCloseButton,
|
5658
|
+
exports.WizardNudge = void 0; var NextOrCloseButton, texts25;
|
5529
5659
|
var init_WizardNudge = __esm({
|
5530
5660
|
"src/nudge/WizardNudge.tsx"() {
|
5531
5661
|
init_src();
|
@@ -5536,23 +5666,23 @@ var init_WizardNudge = __esm({
|
|
5536
5666
|
content,
|
5537
5667
|
...props
|
5538
5668
|
}) => {
|
5539
|
-
const [currentStep, setCurrentStep] =
|
5669
|
+
const [currentStep, setCurrentStep] = React86.useState(1);
|
5540
5670
|
const totalSteps = content.length;
|
5541
5671
|
const isLastStep = totalSteps === currentStep;
|
5542
5672
|
const onNext = () => setCurrentStep((prev) => prev + 1);
|
5543
|
-
return /* @__PURE__ */
|
5673
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5544
5674
|
exports.Nudge,
|
5545
5675
|
{
|
5546
5676
|
onClose,
|
5547
5677
|
name,
|
5548
5678
|
content: content[currentStep - 1],
|
5549
|
-
actions: /* @__PURE__ */
|
5679
|
+
actions: /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5550
5680
|
exports.ProgressIndicator,
|
5551
5681
|
{
|
5552
5682
|
activeStep: currentStep,
|
5553
5683
|
numberOfSteps: totalSteps
|
5554
5684
|
}
|
5555
|
-
), /* @__PURE__ */
|
5685
|
+
), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React86__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
|
5556
5686
|
...props
|
5557
5687
|
},
|
5558
5688
|
children
|
@@ -5561,19 +5691,19 @@ var init_WizardNudge = __esm({
|
|
5561
5691
|
NextOrCloseButton = ({ isLastStep, onNext }) => {
|
5562
5692
|
const { onClose } = react.usePopoverContext();
|
5563
5693
|
const { t: t2 } = useTranslation();
|
5564
|
-
return /* @__PURE__ */
|
5694
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5565
5695
|
exports.Button,
|
5566
5696
|
{
|
5567
5697
|
variant: "tertiary",
|
5568
5698
|
size: "xs",
|
5569
|
-
leftIcon: isLastStep ? void 0 : /* @__PURE__ */
|
5699
|
+
leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
|
5570
5700
|
onClick: isLastStep ? onClose : onNext,
|
5571
5701
|
width: "fit-content"
|
5572
5702
|
},
|
5573
|
-
t2(isLastStep ?
|
5703
|
+
t2(isLastStep ? texts25.finish : texts25.nextStep)
|
5574
5704
|
);
|
5575
5705
|
};
|
5576
|
-
|
5706
|
+
texts25 = createTexts({
|
5577
5707
|
nextStep: {
|
5578
5708
|
nb: "Neste",
|
5579
5709
|
nn: "Neste",
|
@@ -5597,7 +5727,7 @@ var init_nudge = __esm({
|
|
5597
5727
|
init_WizardNudge();
|
5598
5728
|
}
|
5599
5729
|
});
|
5600
|
-
exports.Pagination = void 0; var
|
5730
|
+
exports.Pagination = void 0; var texts26;
|
5601
5731
|
var init_Pagination = __esm({
|
5602
5732
|
"src/pagination/Pagination.tsx"() {
|
5603
5733
|
init_src();
|
@@ -5644,7 +5774,7 @@ var init_Pagination = __esm({
|
|
5644
5774
|
}
|
5645
5775
|
}
|
5646
5776
|
return displayPageNumbers.map(
|
5647
|
-
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */
|
5777
|
+
(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
5778
|
react.Link,
|
5649
5779
|
{
|
5650
5780
|
key: index,
|
@@ -5661,7 +5791,7 @@ var init_Pagination = __esm({
|
|
5661
5791
|
)
|
5662
5792
|
);
|
5663
5793
|
};
|
5664
|
-
return /* @__PURE__ */
|
5794
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5665
5795
|
react.UnorderedList,
|
5666
5796
|
{
|
5667
5797
|
display: "flex",
|
@@ -5670,26 +5800,26 @@ var init_Pagination = __esm({
|
|
5670
5800
|
padding: 0,
|
5671
5801
|
margin: 0
|
5672
5802
|
},
|
5673
|
-
/* @__PURE__ */
|
5803
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts26.previousPage) }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5674
5804
|
exports.TextLink,
|
5675
5805
|
{
|
5676
5806
|
onClick: () => onPageChange(selectedPage - 1),
|
5677
5807
|
sx: hasPreviousPage ? style.link : style.disabled
|
5678
5808
|
},
|
5679
|
-
/* @__PURE__ */
|
5809
|
+
/* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
|
5680
5810
|
)),
|
5681
5811
|
renderPaginationButtons(),
|
5682
|
-
/* @__PURE__ */
|
5812
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts26.nextPage) }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5683
5813
|
exports.TextLink,
|
5684
5814
|
{
|
5685
5815
|
onClick: () => onPageChange(selectedPage + 1),
|
5686
5816
|
sx: hasNextPage ? style.link : style.disabled
|
5687
5817
|
},
|
5688
|
-
/* @__PURE__ */
|
5818
|
+
/* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
|
5689
5819
|
))
|
5690
5820
|
));
|
5691
5821
|
};
|
5692
|
-
|
5822
|
+
texts26 = createTexts({
|
5693
5823
|
previousPage: {
|
5694
5824
|
nb: "Forrige side",
|
5695
5825
|
nn: "F\xF8rre side",
|
@@ -5718,7 +5848,7 @@ var init_ProgressDot = __esm({
|
|
5718
5848
|
init_src();
|
5719
5849
|
ProgressDot = ({ isActive }) => {
|
5720
5850
|
const style = react.useMultiStyleConfig("ProgressIndicator");
|
5721
|
-
return /* @__PURE__ */
|
5851
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5722
5852
|
react.Box,
|
5723
5853
|
{
|
5724
5854
|
as: "svg",
|
@@ -5728,12 +5858,12 @@ var init_ProgressDot = __esm({
|
|
5728
5858
|
viewBox: "0 0 100 100",
|
5729
5859
|
"aria-current": isActive ? "step" : void 0
|
5730
5860
|
},
|
5731
|
-
/* @__PURE__ */
|
5861
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
|
5732
5862
|
);
|
5733
5863
|
};
|
5734
5864
|
}
|
5735
5865
|
});
|
5736
|
-
exports.ProgressIndicator = void 0; var
|
5866
|
+
exports.ProgressIndicator = void 0; var texts27;
|
5737
5867
|
var init_ProgressIndicator = __esm({
|
5738
5868
|
"src/progress-indicator/ProgressIndicator.tsx"() {
|
5739
5869
|
init_src();
|
@@ -5744,7 +5874,7 @@ var init_ProgressIndicator = __esm({
|
|
5744
5874
|
}) => {
|
5745
5875
|
const { t: t2 } = useTranslation();
|
5746
5876
|
const style = react.useMultiStyleConfig("ProgressIndicator");
|
5747
|
-
return /* @__PURE__ */
|
5877
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5748
5878
|
react.Box,
|
5749
5879
|
{
|
5750
5880
|
__css: style.root,
|
@@ -5752,9 +5882,9 @@ var init_ProgressIndicator = __esm({
|
|
5752
5882
|
"aria-valuemin": 1,
|
5753
5883
|
"aria-valuemax": numberOfSteps,
|
5754
5884
|
"aria-valuenow": activeStep,
|
5755
|
-
"aria-valuetext": t2(
|
5885
|
+
"aria-valuetext": t2(texts27.stepsOf(activeStep, numberOfSteps))
|
5756
5886
|
},
|
5757
|
-
/* @__PURE__ */
|
5887
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React86__namespace.default.createElement(
|
5758
5888
|
ProgressDot,
|
5759
5889
|
{
|
5760
5890
|
key: i,
|
@@ -5764,7 +5894,7 @@ var init_ProgressIndicator = __esm({
|
|
5764
5894
|
)))
|
5765
5895
|
);
|
5766
5896
|
};
|
5767
|
-
|
5897
|
+
texts27 = createTexts({
|
5768
5898
|
stepsOf: (activeStep, numberOfSteps) => ({
|
5769
5899
|
nb: `Steg ${activeStep} av ${numberOfSteps}`,
|
5770
5900
|
nn: `Steg ${activeStep} av ${numberOfSteps}`,
|
@@ -5795,7 +5925,7 @@ var init_SporProvider = __esm({
|
|
5795
5925
|
}) => {
|
5796
5926
|
const brandCustomizations = exports.brandTheme[brand] ?? {};
|
5797
5927
|
const extendedTheme = deepmerge__default.default(theme3, brandCustomizations);
|
5798
|
-
return /* @__PURE__ */
|
5928
|
+
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
5929
|
};
|
5800
5930
|
}
|
5801
5931
|
});
|
@@ -5809,7 +5939,7 @@ var init_provider = __esm({
|
|
5809
5939
|
var StepperContext, StepperProvider, useStepper;
|
5810
5940
|
var init_StepperContext = __esm({
|
5811
5941
|
"src/stepper/StepperContext.tsx"() {
|
5812
|
-
StepperContext =
|
5942
|
+
StepperContext = React86__namespace.default.createContext(null);
|
5813
5943
|
StepperProvider = ({
|
5814
5944
|
activeStep,
|
5815
5945
|
children,
|
@@ -5817,7 +5947,7 @@ var init_StepperContext = __esm({
|
|
5817
5947
|
numberOfSteps,
|
5818
5948
|
variant
|
5819
5949
|
}) => {
|
5820
|
-
return /* @__PURE__ */
|
5950
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
5821
5951
|
StepperContext.Provider,
|
5822
5952
|
{
|
5823
5953
|
value: { activeStep, onClick, numberOfSteps, variant }
|
@@ -5826,7 +5956,7 @@ var init_StepperContext = __esm({
|
|
5826
5956
|
);
|
5827
5957
|
};
|
5828
5958
|
useStepper = () => {
|
5829
|
-
const context =
|
5959
|
+
const context = React86__namespace.default.useContext(StepperContext);
|
5830
5960
|
if (!context) {
|
5831
5961
|
throw new Error(
|
5832
5962
|
"useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
|
@@ -5836,7 +5966,7 @@ var init_StepperContext = __esm({
|
|
5836
5966
|
};
|
5837
5967
|
}
|
5838
5968
|
});
|
5839
|
-
exports.Stepper = void 0; var
|
5969
|
+
exports.Stepper = void 0; var texts28;
|
5840
5970
|
var init_Stepper = __esm({
|
5841
5971
|
"src/stepper/Stepper.tsx"() {
|
5842
5972
|
init_stepper();
|
@@ -5860,7 +5990,7 @@ var init_Stepper = __esm({
|
|
5860
5990
|
const { t: t2 } = useTranslation();
|
5861
5991
|
const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
|
5862
5992
|
const shownHeading = heading || title;
|
5863
|
-
return /* @__PURE__ */
|
5993
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React86__namespace.default.createElement(
|
5864
5994
|
StepperProvider,
|
5865
5995
|
{
|
5866
5996
|
onClick,
|
@@ -5868,7 +5998,7 @@ var init_Stepper = __esm({
|
|
5868
5998
|
variant,
|
5869
5999
|
numberOfSteps
|
5870
6000
|
},
|
5871
|
-
/* @__PURE__ */
|
6001
|
+
/* @__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
6002
|
react.Flex,
|
5873
6003
|
{
|
5874
6004
|
justifyContent: "space-between",
|
@@ -5876,11 +6006,11 @@ var init_Stepper = __esm({
|
|
5876
6006
|
gap: 2,
|
5877
6007
|
flex: 1
|
5878
6008
|
},
|
5879
|
-
/* @__PURE__ */
|
6009
|
+
/* @__PURE__ */ React86__namespace.default.createElement(
|
5880
6010
|
exports.IconButton,
|
5881
6011
|
{
|
5882
|
-
"aria-label": t2(
|
5883
|
-
icon: /* @__PURE__ */
|
6012
|
+
"aria-label": t2(texts28.back),
|
6013
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
|
5884
6014
|
variant: "ghost",
|
5885
6015
|
size: "sm",
|
5886
6016
|
visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
|
@@ -5893,9 +6023,9 @@ var init_Stepper = __esm({
|
|
5893
6023
|
}
|
5894
6024
|
}
|
5895
6025
|
),
|
5896
|
-
shownHeading && /* @__PURE__ */
|
5897
|
-
/* @__PURE__ */
|
5898
|
-
)), /* @__PURE__ */
|
6026
|
+
shownHeading && /* @__PURE__ */ React86__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
|
6027
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts28.stepsOf(activeStep, numberOfSteps)))
|
6028
|
+
)), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React86__namespace.default.createElement(
|
5899
6029
|
exports.StepperStep,
|
5900
6030
|
{
|
5901
6031
|
key: index,
|
@@ -5908,7 +6038,7 @@ var init_Stepper = __esm({
|
|
5908
6038
|
))))
|
5909
6039
|
));
|
5910
6040
|
};
|
5911
|
-
|
6041
|
+
texts28 = createTexts({
|
5912
6042
|
stepsOf: (activeStep, numberOfSteps) => ({
|
5913
6043
|
nb: `Steg ${activeStep}/${numberOfSteps}`,
|
5914
6044
|
nn: `Steg ${activeStep}/${numberOfSteps}`,
|
@@ -5947,14 +6077,14 @@ var init_StepperStep = __esm({
|
|
5947
6077
|
);
|
5948
6078
|
const iconColor = react.useColorModeValue("blackAlpha.200", "whiteAlpha.200");
|
5949
6079
|
const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
|
5950
|
-
return /* @__PURE__ */
|
6080
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React86__namespace.default.createElement(
|
5951
6081
|
sporIconReact.DropdownRightFill18Icon,
|
5952
6082
|
{
|
5953
6083
|
marginX: 5,
|
5954
6084
|
display: ["none", null, "block"],
|
5955
6085
|
color: iconColor
|
5956
6086
|
}
|
5957
|
-
), isDisabled ? /* @__PURE__ */
|
6087
|
+
), isDisabled ? /* @__PURE__ */ React86__namespace.default.createElement(
|
5958
6088
|
exports.Text,
|
5959
6089
|
{
|
5960
6090
|
variant: "xs",
|
@@ -5964,7 +6094,7 @@ var init_StepperStep = __esm({
|
|
5964
6094
|
paddingX: 2
|
5965
6095
|
},
|
5966
6096
|
children
|
5967
|
-
) : /* @__PURE__ */
|
6097
|
+
) : /* @__PURE__ */ React86__namespace.default.createElement(
|
5968
6098
|
exports.Button,
|
5969
6099
|
{
|
5970
6100
|
size: "xs",
|
@@ -6000,7 +6130,7 @@ exports.Tabs = void 0;
|
|
6000
6130
|
var init_Tabs = __esm({
|
6001
6131
|
"src/tab/Tabs.tsx"() {
|
6002
6132
|
exports.Tabs = react.forwardRef((props, ref) => {
|
6003
|
-
return /* @__PURE__ */
|
6133
|
+
return /* @__PURE__ */ React86__namespace.createElement(react.Tabs, { ...props, ref });
|
6004
6134
|
});
|
6005
6135
|
}
|
6006
6136
|
});
|
@@ -6022,7 +6152,7 @@ var init_Table = __esm({
|
|
6022
6152
|
"src/table/Table.tsx"() {
|
6023
6153
|
exports.Table = react.forwardRef((props, ref) => {
|
6024
6154
|
const { variant, size: size2, colorScheme, children, ...rest } = props;
|
6025
|
-
return /* @__PURE__ */
|
6155
|
+
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
6156
|
react.Table,
|
6027
6157
|
{
|
6028
6158
|
variant,
|
@@ -6766,16 +6896,16 @@ function defineCssVars(scope, keys2) {
|
|
6766
6896
|
function defineStyle(styles3) {
|
6767
6897
|
return styles3;
|
6768
6898
|
}
|
6769
|
-
function defineStyleConfig(
|
6770
|
-
return
|
6899
|
+
function defineStyleConfig(config45) {
|
6900
|
+
return config45;
|
6771
6901
|
}
|
6772
|
-
function createMultiStyleConfigHelpers(
|
6902
|
+
function createMultiStyleConfigHelpers(parts21) {
|
6773
6903
|
return {
|
6774
|
-
definePartsStyle(
|
6775
|
-
return
|
6904
|
+
definePartsStyle(config45) {
|
6905
|
+
return config45;
|
6776
6906
|
},
|
6777
|
-
defineMultiStyleConfig(
|
6778
|
-
return { parts:
|
6907
|
+
defineMultiStyleConfig(config45) {
|
6908
|
+
return { parts: parts21, ...config45 };
|
6779
6909
|
}
|
6780
6910
|
};
|
6781
6911
|
}
|
@@ -8098,7 +8228,7 @@ function anatomy(name, map = {}) {
|
|
8098
8228
|
"[anatomy] .part(...) should only be called once. Did you mean to use .extend(...) ?"
|
8099
8229
|
);
|
8100
8230
|
}
|
8101
|
-
function
|
8231
|
+
function parts21(...values) {
|
8102
8232
|
assert();
|
8103
8233
|
for (const part of values) {
|
8104
8234
|
map[part] = toPart(part);
|
@@ -8138,7 +8268,7 @@ function anatomy(name, map = {}) {
|
|
8138
8268
|
}
|
8139
8269
|
const __type = {};
|
8140
8270
|
return {
|
8141
|
-
parts:
|
8271
|
+
parts: parts21,
|
8142
8272
|
toPart,
|
8143
8273
|
extend,
|
8144
8274
|
selectors,
|
@@ -11995,6 +12125,12 @@ var init_alert2 = __esm({
|
|
11995
12125
|
container: {
|
11996
12126
|
backgroundColor: "banana"
|
11997
12127
|
}
|
12128
|
+
},
|
12129
|
+
service: {
|
12130
|
+
container: {
|
12131
|
+
backgroundColor: "darkTeal",
|
12132
|
+
color: "white"
|
12133
|
+
}
|
11998
12134
|
}
|
11999
12135
|
},
|
12000
12136
|
defaultProps: {
|
@@ -12079,6 +12215,16 @@ var init_alert_expandable = __esm({
|
|
12079
12215
|
backgroundColor: "pink"
|
12080
12216
|
}
|
12081
12217
|
}
|
12218
|
+
},
|
12219
|
+
service: {
|
12220
|
+
container: {
|
12221
|
+
_hover: {
|
12222
|
+
outlineColor: "blueGreen"
|
12223
|
+
},
|
12224
|
+
_active: {
|
12225
|
+
backgroundColor: "pine"
|
12226
|
+
}
|
12227
|
+
}
|
12082
12228
|
}
|
12083
12229
|
},
|
12084
12230
|
defaultProps: {
|
@@ -12088,6 +12234,63 @@ var init_alert_expandable = __esm({
|
|
12088
12234
|
alert_expandable_default = config4;
|
12089
12235
|
}
|
12090
12236
|
});
|
12237
|
+
|
12238
|
+
// src/theme/components/alert-service.ts
|
12239
|
+
var parts3, helpers4, config5, alert_service_default;
|
12240
|
+
var init_alert_service = __esm({
|
12241
|
+
"src/theme/components/alert-service.ts"() {
|
12242
|
+
init_dist4();
|
12243
|
+
init_dist3();
|
12244
|
+
parts3 = anatomy("alertService").parts(
|
12245
|
+
"container",
|
12246
|
+
"box",
|
12247
|
+
"notificationText",
|
12248
|
+
"serviceMessageContent"
|
12249
|
+
);
|
12250
|
+
helpers4 = createMultiStyleConfigHelpers(parts3.keys);
|
12251
|
+
config5 = helpers4.defineMultiStyleConfig({
|
12252
|
+
baseStyle: {
|
12253
|
+
container: {
|
12254
|
+
paddingX: 0,
|
12255
|
+
paddingY: 2,
|
12256
|
+
fontSize: "inherit",
|
12257
|
+
transitionProperty: "outline, border-radius",
|
12258
|
+
transitionDuration: "fast",
|
12259
|
+
borderTopRadius: "none",
|
12260
|
+
borderBottomRadius: "18px",
|
12261
|
+
_hover: {
|
12262
|
+
outline: "2px solid",
|
12263
|
+
outlineColor: "blueGreen"
|
12264
|
+
},
|
12265
|
+
_active: {
|
12266
|
+
backgroundColor: "pine",
|
12267
|
+
outlineColor: "pine"
|
12268
|
+
}
|
12269
|
+
},
|
12270
|
+
box: {
|
12271
|
+
outline: "1px solid",
|
12272
|
+
outlineColor: "blueGreen",
|
12273
|
+
backgroundColor: "darkTeal",
|
12274
|
+
borderBottomRadius: "1.125rem",
|
12275
|
+
borderTopRadius: "none"
|
12276
|
+
},
|
12277
|
+
notificationText: {
|
12278
|
+
color: "white",
|
12279
|
+
fontWeight: "400",
|
12280
|
+
fontSize: "1rem",
|
12281
|
+
pr: "0.375rem"
|
12282
|
+
},
|
12283
|
+
serviceMessageContent: {
|
12284
|
+
paddingX: "0.75rem",
|
12285
|
+
paddingTop: "0.375rem",
|
12286
|
+
paddingBottom: "0.9375rem",
|
12287
|
+
color: "white"
|
12288
|
+
}
|
12289
|
+
}
|
12290
|
+
});
|
12291
|
+
alert_service_default = config5;
|
12292
|
+
}
|
12293
|
+
});
|
12091
12294
|
function getColorScheme(colorScheme) {
|
12092
12295
|
let styles3 = colorCombinations[colorScheme];
|
12093
12296
|
if (!styles3 && process.env.NODE_ENV === "development") {
|
@@ -12096,10 +12299,10 @@ function getColorScheme(colorScheme) {
|
|
12096
12299
|
}
|
12097
12300
|
return styles3;
|
12098
12301
|
}
|
12099
|
-
var
|
12302
|
+
var config6, badge_default, colorCombinations;
|
12100
12303
|
var init_badge = __esm({
|
12101
12304
|
"src/theme/components/badge.ts"() {
|
12102
|
-
|
12305
|
+
config6 = react.defineStyleConfig({
|
12103
12306
|
baseStyle: ({ colorScheme }) => ({
|
12104
12307
|
borderStyle: "solid",
|
12105
12308
|
display: "inline-flex",
|
@@ -12126,7 +12329,7 @@ var init_badge = __esm({
|
|
12126
12329
|
colorScheme: "grey"
|
12127
12330
|
}
|
12128
12331
|
});
|
12129
|
-
badge_default =
|
12332
|
+
badge_default = config6;
|
12130
12333
|
colorCombinations = {
|
12131
12334
|
yellow: {
|
12132
12335
|
backgroundColor: "banana",
|
@@ -12289,7 +12492,7 @@ var init_accent_utils = __esm({
|
|
12289
12492
|
init_brand_utils();
|
12290
12493
|
}
|
12291
12494
|
});
|
12292
|
-
var
|
12495
|
+
var config7, button_default;
|
12293
12496
|
var init_button2 = __esm({
|
12294
12497
|
"src/theme/components/button.ts"() {
|
12295
12498
|
init_base_utils();
|
@@ -12299,7 +12502,7 @@ var init_button2 = __esm({
|
|
12299
12502
|
init_ghost_utils();
|
12300
12503
|
init_surface_utils();
|
12301
12504
|
init_accent_utils();
|
12302
|
-
|
12505
|
+
config7 = react.defineStyleConfig({
|
12303
12506
|
baseStyle: (props) => ({
|
12304
12507
|
border: 0,
|
12305
12508
|
borderRadius: "xl",
|
@@ -12413,10 +12616,10 @@ var init_button2 = __esm({
|
|
12413
12616
|
size: "md"
|
12414
12617
|
}
|
12415
12618
|
});
|
12416
|
-
button_default =
|
12619
|
+
button_default = config7;
|
12417
12620
|
}
|
12418
12621
|
});
|
12419
|
-
var
|
12622
|
+
var parts4, helpers5, config8, card_select_default;
|
12420
12623
|
var init_card_select = __esm({
|
12421
12624
|
"src/theme/components/card-select.ts"() {
|
12422
12625
|
init_dist4();
|
@@ -12425,9 +12628,9 @@ var init_card_select = __esm({
|
|
12425
12628
|
init_floating_utils();
|
12426
12629
|
init_focus_utils();
|
12427
12630
|
init_ghost_utils();
|
12428
|
-
|
12429
|
-
|
12430
|
-
|
12631
|
+
parts4 = anatomy("card-select").parts("trigger", "card");
|
12632
|
+
helpers5 = createMultiStyleConfigHelpers(parts4.keys);
|
12633
|
+
config8 = helpers5.defineMultiStyleConfig({
|
12431
12634
|
baseStyle: (props) => ({
|
12432
12635
|
trigger: {
|
12433
12636
|
appearance: "none",
|
@@ -12529,18 +12732,18 @@ var init_card_select = __esm({
|
|
12529
12732
|
}
|
12530
12733
|
}
|
12531
12734
|
});
|
12532
|
-
card_select_default =
|
12735
|
+
card_select_default = config8;
|
12533
12736
|
}
|
12534
12737
|
});
|
12535
|
-
var
|
12738
|
+
var helpers6, config9, checkbox_default;
|
12536
12739
|
var init_checkbox = __esm({
|
12537
12740
|
"src/theme/components/checkbox.ts"() {
|
12538
12741
|
init_dist4();
|
12539
12742
|
init_base_utils();
|
12540
12743
|
init_brand_utils();
|
12541
12744
|
init_focus_utils();
|
12542
|
-
|
12543
|
-
|
12745
|
+
helpers6 = react.createMultiStyleConfigHelpers(checkboxAnatomy.keys);
|
12746
|
+
config9 = helpers6.defineMultiStyleConfig({
|
12544
12747
|
baseStyle: (props) => ({
|
12545
12748
|
container: {
|
12546
12749
|
_hover: {
|
@@ -12611,10 +12814,10 @@ var init_checkbox = __esm({
|
|
12611
12814
|
}
|
12612
12815
|
})
|
12613
12816
|
});
|
12614
|
-
checkbox_default =
|
12817
|
+
checkbox_default = config9;
|
12615
12818
|
}
|
12616
12819
|
});
|
12617
|
-
var
|
12820
|
+
var parts5, helpers7, config10, choice_chip_default;
|
12618
12821
|
var init_choice_chip = __esm({
|
12619
12822
|
"src/theme/components/choice-chip.ts"() {
|
12620
12823
|
init_accent_utils();
|
@@ -12622,9 +12825,9 @@ var init_choice_chip = __esm({
|
|
12622
12825
|
init_brand_utils();
|
12623
12826
|
init_floating_utils();
|
12624
12827
|
init_focus_utils();
|
12625
|
-
|
12626
|
-
|
12627
|
-
|
12828
|
+
parts5 = themeTools.anatomy("choice-chip").parts("container", "icon", "label");
|
12829
|
+
helpers7 = react.createMultiStyleConfigHelpers(parts5.keys);
|
12830
|
+
config10 = helpers7.defineMultiStyleConfig({
|
12628
12831
|
baseStyle: (props) => ({
|
12629
12832
|
container: {
|
12630
12833
|
display: "inline-flex",
|
@@ -12771,16 +12974,16 @@ var init_choice_chip = __esm({
|
|
12771
12974
|
size: "sm"
|
12772
12975
|
}
|
12773
12976
|
});
|
12774
|
-
choice_chip_default =
|
12977
|
+
choice_chip_default = config10;
|
12775
12978
|
}
|
12776
12979
|
});
|
12777
|
-
var $size6,
|
12980
|
+
var $size6, config11, close_button_default;
|
12778
12981
|
var init_close_button = __esm({
|
12779
12982
|
"src/theme/components/close-button.ts"() {
|
12780
12983
|
init_focus_utils();
|
12781
12984
|
init_ghost_utils();
|
12782
12985
|
$size6 = themeTools.cssVar("close-button-size");
|
12783
|
-
|
12986
|
+
config11 = react.defineStyleConfig({
|
12784
12987
|
baseStyle: (props) => ({
|
12785
12988
|
w: [$size6.reference],
|
12786
12989
|
h: [$size6.reference],
|
@@ -12819,15 +13022,15 @@ var init_close_button = __esm({
|
|
12819
13022
|
size: "md"
|
12820
13023
|
}
|
12821
13024
|
});
|
12822
|
-
close_button_default =
|
13025
|
+
close_button_default = config11;
|
12823
13026
|
}
|
12824
13027
|
});
|
12825
|
-
var variants13, defaultProps2,
|
13028
|
+
var variants13, defaultProps2, config12, code_default;
|
12826
13029
|
var init_code = __esm({
|
12827
13030
|
"src/theme/components/code.ts"() {
|
12828
13031
|
init_badge();
|
12829
13032
|
({ variants: variants13, defaultProps: defaultProps2 } = badge_default);
|
12830
|
-
|
13033
|
+
config12 = react.defineStyleConfig({
|
12831
13034
|
baseStyle: {
|
12832
13035
|
fontFamily: "monospace",
|
12833
13036
|
fontSize: ["mobile.xs", "desktop.xs"],
|
@@ -12837,7 +13040,7 @@ var init_code = __esm({
|
|
12837
13040
|
variants: variants13,
|
12838
13041
|
defaultProps: defaultProps2
|
12839
13042
|
});
|
12840
|
-
code_default =
|
13043
|
+
code_default = config12;
|
12841
13044
|
}
|
12842
13045
|
});
|
12843
13046
|
var borders2;
|
@@ -12880,10 +13083,10 @@ var init_colors = __esm({
|
|
12880
13083
|
});
|
12881
13084
|
|
12882
13085
|
// src/theme/foundations/config.ts
|
12883
|
-
var
|
13086
|
+
var config13;
|
12884
13087
|
var init_config = __esm({
|
12885
13088
|
"src/theme/foundations/config.ts"() {
|
12886
|
-
|
13089
|
+
config13 = {
|
12887
13090
|
cssVarPrefix: "spor",
|
12888
13091
|
initialColorMode: "light",
|
12889
13092
|
useSystemColorMode: false
|
@@ -13148,7 +13351,7 @@ __export(foundations_exports, {
|
|
13148
13351
|
borders: () => borders2,
|
13149
13352
|
breakpoints: () => breakpoints2,
|
13150
13353
|
colors: () => colors2,
|
13151
|
-
config: () =>
|
13354
|
+
config: () => config13,
|
13152
13355
|
fontSizes: () => fontSizes,
|
13153
13356
|
fontWeights: () => fontWeights,
|
13154
13357
|
fonts: () => fonts,
|
@@ -13181,7 +13384,7 @@ var init_foundations = __esm({
|
|
13181
13384
|
init_styles();
|
13182
13385
|
}
|
13183
13386
|
});
|
13184
|
-
var
|
13387
|
+
var parts6, $arrowBackground, helpers8, config14, datepicker_default;
|
13185
13388
|
var init_datepicker2 = __esm({
|
13186
13389
|
"src/theme/components/datepicker.ts"() {
|
13187
13390
|
init_foundations();
|
@@ -13192,7 +13395,7 @@ var init_datepicker2 = __esm({
|
|
13192
13395
|
init_focus_utils();
|
13193
13396
|
init_ghost_utils();
|
13194
13397
|
init_surface_utils();
|
13195
|
-
|
13398
|
+
parts6 = themeTools.anatomy("datepicker").parts(
|
13196
13399
|
"wrapper",
|
13197
13400
|
"calendarTriggerButton",
|
13198
13401
|
"arrow",
|
@@ -13206,8 +13409,8 @@ var init_datepicker2 = __esm({
|
|
13206
13409
|
"cell"
|
13207
13410
|
);
|
13208
13411
|
$arrowBackground = themeTools.cssVar("popper-arrow-bg");
|
13209
|
-
|
13210
|
-
|
13412
|
+
helpers8 = react.createMultiStyleConfigHelpers(parts6.keys);
|
13413
|
+
config14 = helpers8.defineMultiStyleConfig({
|
13211
13414
|
baseStyle: (props) => ({
|
13212
13415
|
wrapper: {
|
13213
13416
|
transitionProperty: "box-shadow",
|
@@ -13371,7 +13574,7 @@ var init_datepicker2 = __esm({
|
|
13371
13574
|
})
|
13372
13575
|
}
|
13373
13576
|
});
|
13374
|
-
datepicker_default =
|
13577
|
+
datepicker_default = config14;
|
13375
13578
|
}
|
13376
13579
|
});
|
13377
13580
|
var baseStyle43, variantSolid5, variantDashed2, variants14, sizes25, divider_default;
|
@@ -13454,14 +13657,14 @@ function getSize5(value) {
|
|
13454
13657
|
dialog: { maxWidth: value }
|
13455
13658
|
};
|
13456
13659
|
}
|
13457
|
-
var
|
13660
|
+
var helpers9, config15, drawer_default;
|
13458
13661
|
var init_drawer = __esm({
|
13459
13662
|
"src/theme/components/drawer.ts"() {
|
13460
13663
|
init_dist4();
|
13461
13664
|
init_base_utils();
|
13462
13665
|
init_bg_utils();
|
13463
|
-
|
13464
|
-
|
13666
|
+
helpers9 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
|
13667
|
+
config15 = helpers9.defineMultiStyleConfig({
|
13465
13668
|
baseStyle: (props) => ({
|
13466
13669
|
overlay: {
|
13467
13670
|
backgroundColor: "blackAlpha.600",
|
@@ -13523,10 +13726,10 @@ var init_drawer = __esm({
|
|
13523
13726
|
size: "md"
|
13524
13727
|
}
|
13525
13728
|
});
|
13526
|
-
drawer_default =
|
13729
|
+
drawer_default = config15;
|
13527
13730
|
}
|
13528
13731
|
});
|
13529
|
-
var
|
13732
|
+
var parts7, helpers10, config16, fab_default, getPositionProps;
|
13530
13733
|
var init_fab = __esm({
|
13531
13734
|
"src/theme/components/fab.ts"() {
|
13532
13735
|
init_accent_utils();
|
@@ -13534,9 +13737,9 @@ var init_fab = __esm({
|
|
13534
13737
|
init_brand_utils();
|
13535
13738
|
init_focus_utils();
|
13536
13739
|
init_surface_utils();
|
13537
|
-
|
13538
|
-
|
13539
|
-
|
13740
|
+
parts7 = themeTools.anatomy("fab").parts("container", "icon", "text");
|
13741
|
+
helpers10 = react.createMultiStyleConfigHelpers(parts7.keys);
|
13742
|
+
config16 = helpers10.defineMultiStyleConfig({
|
13540
13743
|
baseStyle: (props) => ({
|
13541
13744
|
container: {
|
13542
13745
|
display: "flex",
|
@@ -13618,7 +13821,7 @@ var init_fab = __esm({
|
|
13618
13821
|
variant: "brand"
|
13619
13822
|
}
|
13620
13823
|
});
|
13621
|
-
fab_default =
|
13824
|
+
fab_default = config16;
|
13622
13825
|
getPositionProps = (props) => {
|
13623
13826
|
switch (props.placement) {
|
13624
13827
|
case "top left":
|
@@ -13633,12 +13836,12 @@ var init_fab = __esm({
|
|
13633
13836
|
};
|
13634
13837
|
}
|
13635
13838
|
});
|
13636
|
-
var
|
13839
|
+
var helpers11, config17, form_default;
|
13637
13840
|
var init_form = __esm({
|
13638
13841
|
"src/theme/components/form.ts"() {
|
13639
13842
|
init_dist4();
|
13640
|
-
|
13641
|
-
|
13843
|
+
helpers11 = react.createMultiStyleConfigHelpers(formAnatomy.keys);
|
13844
|
+
config17 = helpers11.defineMultiStyleConfig({
|
13642
13845
|
baseStyle: (props) => ({
|
13643
13846
|
container: {
|
13644
13847
|
width: "100%",
|
@@ -13658,13 +13861,13 @@ var init_form = __esm({
|
|
13658
13861
|
}
|
13659
13862
|
})
|
13660
13863
|
});
|
13661
|
-
form_default =
|
13864
|
+
form_default = config17;
|
13662
13865
|
}
|
13663
13866
|
});
|
13664
|
-
var
|
13867
|
+
var config18, form_label_default;
|
13665
13868
|
var init_form_label = __esm({
|
13666
13869
|
"src/theme/components/form-label.ts"() {
|
13667
|
-
|
13870
|
+
config18 = react.defineStyleConfig({
|
13668
13871
|
baseStyle: {
|
13669
13872
|
fontSize: "mobile.sm",
|
13670
13873
|
marginEnd: 3,
|
@@ -13677,7 +13880,7 @@ var init_form_label = __esm({
|
|
13677
13880
|
}
|
13678
13881
|
}
|
13679
13882
|
});
|
13680
|
-
form_label_default =
|
13883
|
+
form_label_default = config18;
|
13681
13884
|
}
|
13682
13885
|
});
|
13683
13886
|
|
@@ -13699,7 +13902,7 @@ var init_sr_utils = __esm({
|
|
13699
13902
|
};
|
13700
13903
|
}
|
13701
13904
|
});
|
13702
|
-
var
|
13905
|
+
var parts8, helpers12, config19, info_select_default;
|
13703
13906
|
var init_info_select = __esm({
|
13704
13907
|
"src/theme/components/info-select.ts"() {
|
13705
13908
|
init_dist4();
|
@@ -13707,14 +13910,14 @@ var init_info_select = __esm({
|
|
13707
13910
|
init_floating_utils();
|
13708
13911
|
init_focus_utils();
|
13709
13912
|
init_sr_utils();
|
13710
|
-
|
13913
|
+
parts8 = anatomy("InfoSelect").parts(
|
13711
13914
|
"container",
|
13712
13915
|
"label",
|
13713
13916
|
"button",
|
13714
13917
|
"arrowIcon"
|
13715
13918
|
);
|
13716
|
-
|
13717
|
-
|
13919
|
+
helpers12 = react.createMultiStyleConfigHelpers(parts8.keys);
|
13920
|
+
config19 = helpers12.defineMultiStyleConfig({
|
13718
13921
|
baseStyle: (props) => ({
|
13719
13922
|
container: {},
|
13720
13923
|
label: {
|
@@ -13782,14 +13985,14 @@ var init_info_select = __esm({
|
|
13782
13985
|
variant: "base"
|
13783
13986
|
}
|
13784
13987
|
});
|
13785
|
-
info_select_default =
|
13988
|
+
info_select_default = config19;
|
13786
13989
|
}
|
13787
13990
|
});
|
13788
|
-
var
|
13991
|
+
var parts9, helpers13, config20, travel_tag_default, getDeviationContainerStyle, getDeviationBorderColor, getDeviationIconStyle, deviationIconColor;
|
13789
13992
|
var init_travel_tag = __esm({
|
13790
13993
|
"src/theme/components/travel-tag.ts"() {
|
13791
13994
|
init_focus_utils();
|
13792
|
-
|
13995
|
+
parts9 = themeTools.anatomy("travel-tag").parts(
|
13793
13996
|
"container",
|
13794
13997
|
"iconContainer",
|
13795
13998
|
"icon",
|
@@ -13798,8 +14001,8 @@ var init_travel_tag = __esm({
|
|
13798
14001
|
"description",
|
13799
14002
|
"deviationIcon"
|
13800
14003
|
);
|
13801
|
-
|
13802
|
-
|
14004
|
+
helpers13 = react.createMultiStyleConfigHelpers(parts9.keys);
|
14005
|
+
config20 = helpers13.defineMultiStyleConfig({
|
13803
14006
|
baseStyle: (props) => ({
|
13804
14007
|
container: {
|
13805
14008
|
position: "relative",
|
@@ -13990,7 +14193,7 @@ var init_travel_tag = __esm({
|
|
13990
14193
|
size: "md"
|
13991
14194
|
}
|
13992
14195
|
});
|
13993
|
-
travel_tag_default =
|
14196
|
+
travel_tag_default = config20;
|
13994
14197
|
getDeviationContainerStyle = (props) => {
|
13995
14198
|
switch (props.deviationLevel) {
|
13996
14199
|
case "critical":
|
@@ -14033,11 +14236,11 @@ var init_travel_tag = __esm({
|
|
14033
14236
|
};
|
14034
14237
|
}
|
14035
14238
|
});
|
14036
|
-
var
|
14239
|
+
var parts10, helpers14, config21, info_tag_default;
|
14037
14240
|
var init_info_tag = __esm({
|
14038
14241
|
"src/theme/components/info-tag.ts"() {
|
14039
14242
|
init_travel_tag();
|
14040
|
-
|
14243
|
+
parts10 = themeTools.anatomy("info-tag").parts(
|
14041
14244
|
"container",
|
14042
14245
|
"iconContainer",
|
14043
14246
|
"icon",
|
@@ -14045,8 +14248,8 @@ var init_info_tag = __esm({
|
|
14045
14248
|
"title",
|
14046
14249
|
"description"
|
14047
14250
|
);
|
14048
|
-
|
14049
|
-
|
14251
|
+
helpers14 = react.createMultiStyleConfigHelpers(parts10.keys);
|
14252
|
+
config21 = helpers14.defineMultiStyleConfig({
|
14050
14253
|
baseStyle: (props) => ({
|
14051
14254
|
...travel_tag_default.baseStyle(props),
|
14052
14255
|
iconContainer: {
|
@@ -14093,7 +14296,7 @@ var init_info_tag = __esm({
|
|
14093
14296
|
})
|
14094
14297
|
}
|
14095
14298
|
});
|
14096
|
-
info_tag_default =
|
14299
|
+
info_tag_default = config21;
|
14097
14300
|
}
|
14098
14301
|
});
|
14099
14302
|
|
@@ -14217,13 +14420,13 @@ var init_input_utils = __esm({
|
|
14217
14420
|
});
|
14218
14421
|
}
|
14219
14422
|
});
|
14220
|
-
var
|
14423
|
+
var helpers15, config22, input_default;
|
14221
14424
|
var init_input2 = __esm({
|
14222
14425
|
"src/theme/components/input.ts"() {
|
14223
14426
|
init_dist4();
|
14224
14427
|
init_input_utils();
|
14225
|
-
|
14226
|
-
|
14428
|
+
helpers15 = react.createMultiStyleConfigHelpers(inputAnatomy.keys);
|
14429
|
+
config22 = helpers15.defineMultiStyleConfig({
|
14227
14430
|
baseStyle: (props) => ({
|
14228
14431
|
...inputBaseStyle(props)
|
14229
14432
|
}),
|
@@ -14243,15 +14446,15 @@ var init_input2 = __esm({
|
|
14243
14446
|
variant: "base"
|
14244
14447
|
}
|
14245
14448
|
});
|
14246
|
-
input_default =
|
14449
|
+
input_default = config22;
|
14247
14450
|
}
|
14248
14451
|
});
|
14249
|
-
var
|
14452
|
+
var parts11, helpers16, config23, line_icon_default;
|
14250
14453
|
var init_line_icon = __esm({
|
14251
14454
|
"src/theme/components/line-icon.ts"() {
|
14252
|
-
|
14253
|
-
|
14254
|
-
|
14455
|
+
parts11 = themeTools.anatomy("line-tag").parts("iconContainer", "icon");
|
14456
|
+
helpers16 = react.createMultiStyleConfigHelpers(parts11.keys);
|
14457
|
+
config23 = helpers16.defineMultiStyleConfig({
|
14255
14458
|
baseStyle: {
|
14256
14459
|
iconContainer: {
|
14257
14460
|
display: "flex",
|
@@ -14368,16 +14571,16 @@ var init_line_icon = __esm({
|
|
14368
14571
|
size: "md"
|
14369
14572
|
}
|
14370
14573
|
});
|
14371
|
-
line_icon_default =
|
14574
|
+
line_icon_default = config23;
|
14372
14575
|
}
|
14373
14576
|
});
|
14374
|
-
var
|
14577
|
+
var config24, link_default;
|
14375
14578
|
var init_link2 = __esm({
|
14376
14579
|
"src/theme/components/link.ts"() {
|
14377
14580
|
init_base_utils();
|
14378
14581
|
init_brand_utils();
|
14379
14582
|
init_focus_utils();
|
14380
|
-
|
14583
|
+
config24 = react.defineStyleConfig({
|
14381
14584
|
baseStyle: (props) => ({
|
14382
14585
|
transitionProperty: "common",
|
14383
14586
|
transitionDuration: "fast",
|
@@ -14445,7 +14648,7 @@ var init_link2 = __esm({
|
|
14445
14648
|
variant: "primary"
|
14446
14649
|
}
|
14447
14650
|
});
|
14448
|
-
link_default =
|
14651
|
+
link_default = config24;
|
14449
14652
|
}
|
14450
14653
|
});
|
14451
14654
|
|
@@ -14497,7 +14700,7 @@ var init_outline_utils = __esm({
|
|
14497
14700
|
"src/theme/utils/outline-utils.ts"() {
|
14498
14701
|
}
|
14499
14702
|
});
|
14500
|
-
var
|
14703
|
+
var parts12, helpers17, config25, listbox_default;
|
14501
14704
|
var init_listbox = __esm({
|
14502
14705
|
"src/theme/components/listbox.ts"() {
|
14503
14706
|
init_dist4();
|
@@ -14506,14 +14709,14 @@ var init_listbox = __esm({
|
|
14506
14709
|
init_surface_utils();
|
14507
14710
|
init_outline_utils();
|
14508
14711
|
init_floating_utils();
|
14509
|
-
|
14712
|
+
parts12 = anatomy("ListBox").parts(
|
14510
14713
|
"container",
|
14511
14714
|
"item",
|
14512
14715
|
"label",
|
14513
14716
|
"description"
|
14514
14717
|
);
|
14515
|
-
|
14516
|
-
|
14718
|
+
helpers17 = react.createMultiStyleConfigHelpers(parts12.keys);
|
14719
|
+
config25 = helpers17.defineMultiStyleConfig({
|
14517
14720
|
baseStyle: (props) => ({
|
14518
14721
|
container: {
|
14519
14722
|
...surface("default", props),
|
@@ -14571,10 +14774,10 @@ var init_listbox = __esm({
|
|
14571
14774
|
variant: "base"
|
14572
14775
|
}
|
14573
14776
|
});
|
14574
|
-
listbox_default =
|
14777
|
+
listbox_default = config25;
|
14575
14778
|
}
|
14576
14779
|
});
|
14577
|
-
var
|
14780
|
+
var parts13, helpers18, config26, media_controller_button_default;
|
14578
14781
|
var init_media_controller_button = __esm({
|
14579
14782
|
"src/theme/components/media-controller-button.ts"() {
|
14580
14783
|
init_base_utils();
|
@@ -14582,9 +14785,9 @@ var init_media_controller_button = __esm({
|
|
14582
14785
|
init_focus_utils();
|
14583
14786
|
init_ghost_utils();
|
14584
14787
|
init_surface_utils();
|
14585
|
-
|
14586
|
-
|
14587
|
-
|
14788
|
+
parts13 = themeTools.anatomy("media-controller-button").parts("container", "icon");
|
14789
|
+
helpers18 = react.createMultiStyleConfigHelpers(parts13.keys);
|
14790
|
+
config26 = helpers18.defineMultiStyleConfig({
|
14588
14791
|
baseStyle: (props) => ({
|
14589
14792
|
container: {
|
14590
14793
|
fontSize: 30,
|
@@ -14667,7 +14870,7 @@ var init_media_controller_button = __esm({
|
|
14667
14870
|
})
|
14668
14871
|
}
|
14669
14872
|
});
|
14670
|
-
media_controller_button_default =
|
14873
|
+
media_controller_button_default = config26;
|
14671
14874
|
}
|
14672
14875
|
});
|
14673
14876
|
function getSize6(value) {
|
@@ -14687,14 +14890,14 @@ function getSize6(value) {
|
|
14687
14890
|
dialog: { maxWidth: value }
|
14688
14891
|
};
|
14689
14892
|
}
|
14690
|
-
var
|
14893
|
+
var helpers19, config27, modal_default;
|
14691
14894
|
var init_modal2 = __esm({
|
14692
14895
|
"src/theme/components/modal.ts"() {
|
14693
14896
|
init_dist4();
|
14694
14897
|
init_base_utils();
|
14695
14898
|
init_bg_utils();
|
14696
|
-
|
14697
|
-
|
14899
|
+
helpers19 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
|
14900
|
+
config27 = helpers19.defineMultiStyleConfig({
|
14698
14901
|
baseStyle: (props) => ({
|
14699
14902
|
overlay: {
|
14700
14903
|
backgroundColor: "blackAlpha.600",
|
@@ -14757,23 +14960,23 @@ var init_modal2 = __esm({
|
|
14757
14960
|
size: "md"
|
14758
14961
|
}
|
14759
14962
|
});
|
14760
|
-
modal_default =
|
14963
|
+
modal_default = config27;
|
14761
14964
|
}
|
14762
14965
|
});
|
14763
|
-
var
|
14966
|
+
var parts14, helpers20, config28, numeric_stepper_default;
|
14764
14967
|
var init_numeric_stepper = __esm({
|
14765
14968
|
"src/theme/components/numeric-stepper.ts"() {
|
14766
14969
|
init_dist4();
|
14767
14970
|
init_base_utils();
|
14768
14971
|
init_focus_utils();
|
14769
|
-
|
14972
|
+
parts14 = anatomy("NumericStepper").parts(
|
14770
14973
|
"container",
|
14771
14974
|
"button",
|
14772
14975
|
"text",
|
14773
14976
|
"input"
|
14774
14977
|
);
|
14775
|
-
|
14776
|
-
|
14978
|
+
helpers20 = react.createMultiStyleConfigHelpers(parts14.keys);
|
14979
|
+
config28 = helpers20.defineMultiStyleConfig({
|
14777
14980
|
baseStyle: (props) => ({
|
14778
14981
|
container: {
|
14779
14982
|
display: "flex",
|
@@ -14818,23 +15021,23 @@ var init_numeric_stepper = __esm({
|
|
14818
15021
|
}
|
14819
15022
|
})
|
14820
15023
|
});
|
14821
|
-
numeric_stepper_default =
|
15024
|
+
numeric_stepper_default = config28;
|
14822
15025
|
}
|
14823
15026
|
});
|
14824
|
-
var
|
15027
|
+
var parts15, helpers21, config29, commonStyles, pagination_default;
|
14825
15028
|
var init_pagination2 = __esm({
|
14826
15029
|
"src/theme/components/pagination.ts"() {
|
14827
15030
|
init_ghost_utils();
|
14828
15031
|
init_base_utils();
|
14829
|
-
|
15032
|
+
parts15 = themeTools.anatomy("Pagination").parts(
|
14830
15033
|
"listItem",
|
14831
15034
|
"link",
|
14832
15035
|
"activeButton",
|
14833
15036
|
"disabled",
|
14834
15037
|
"icon"
|
14835
15038
|
);
|
14836
|
-
|
14837
|
-
|
15039
|
+
helpers21 = react.createMultiStyleConfigHelpers(parts15.keys);
|
15040
|
+
config29 = helpers21.defineMultiStyleConfig({
|
14838
15041
|
baseStyle: (props) => ({
|
14839
15042
|
activeButton: {
|
14840
15043
|
fontWeight: "bold",
|
@@ -14890,10 +15093,10 @@ var init_pagination2 = __esm({
|
|
14890
15093
|
borderRadius: 50,
|
14891
15094
|
fontSize: "xs"
|
14892
15095
|
};
|
14893
|
-
pagination_default =
|
15096
|
+
pagination_default = config29;
|
14894
15097
|
}
|
14895
15098
|
});
|
14896
|
-
var $popperBg2, $arrowBg3, $arrowShadowColor2,
|
15099
|
+
var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers22, config30, popover_default;
|
14897
15100
|
var init_popover = __esm({
|
14898
15101
|
"src/theme/components/popover.ts"() {
|
14899
15102
|
init_dist4();
|
@@ -14901,8 +15104,8 @@ var init_popover = __esm({
|
|
14901
15104
|
$popperBg2 = themeTools.cssVar("popper-bg");
|
14902
15105
|
$arrowBg3 = themeTools.cssVar("popper-arrow-bg");
|
14903
15106
|
$arrowShadowColor2 = themeTools.cssVar("popper-arrow-shadow-color");
|
14904
|
-
|
14905
|
-
|
15107
|
+
helpers22 = react.createMultiStyleConfigHelpers(popoverAnatomy.keys);
|
15108
|
+
config30 = helpers22.defineMultiStyleConfig({
|
14906
15109
|
baseStyle: (props) => ({
|
14907
15110
|
popper: {
|
14908
15111
|
zIndex: "popover"
|
@@ -14957,22 +15160,22 @@ var init_popover = __esm({
|
|
14957
15160
|
}
|
14958
15161
|
}
|
14959
15162
|
});
|
14960
|
-
popover_default =
|
15163
|
+
popover_default = config30;
|
14961
15164
|
}
|
14962
15165
|
});
|
14963
|
-
var
|
15166
|
+
var parts16, helpers23, config31, progress_bar_default;
|
14964
15167
|
var init_progress_bar = __esm({
|
14965
15168
|
"src/theme/components/progress-bar.ts"() {
|
14966
15169
|
init_dist4();
|
14967
15170
|
init_dist3();
|
14968
|
-
|
15171
|
+
parts16 = anatomy("progressBar").parts(
|
14969
15172
|
"container",
|
14970
15173
|
"background",
|
14971
15174
|
"progress",
|
14972
15175
|
"description"
|
14973
15176
|
);
|
14974
|
-
|
14975
|
-
|
15177
|
+
helpers23 = createMultiStyleConfigHelpers(parts16.keys);
|
15178
|
+
config31 = helpers23.defineMultiStyleConfig({
|
14976
15179
|
baseStyle: (props) => ({
|
14977
15180
|
container: {
|
14978
15181
|
minWidth: "100px"
|
@@ -15004,19 +15207,19 @@ var init_progress_bar = __esm({
|
|
15004
15207
|
}
|
15005
15208
|
})
|
15006
15209
|
});
|
15007
|
-
progress_bar_default =
|
15210
|
+
progress_bar_default = config31;
|
15008
15211
|
}
|
15009
15212
|
});
|
15010
|
-
var
|
15213
|
+
var parts17, helpers24, config32, progress_indicator_default;
|
15011
15214
|
var init_progress_indicator2 = __esm({
|
15012
15215
|
"src/theme/components/progress-indicator.ts"() {
|
15013
|
-
|
15216
|
+
parts17 = themeTools.anatomy("progress-indicator").parts(
|
15014
15217
|
"root",
|
15015
15218
|
"container",
|
15016
15219
|
"progressDot"
|
15017
15220
|
);
|
15018
|
-
|
15019
|
-
|
15221
|
+
helpers24 = react.createMultiStyleConfigHelpers(parts17.keys);
|
15222
|
+
config32 = helpers24.defineMultiStyleConfig({
|
15020
15223
|
baseStyle: (props) => ({
|
15021
15224
|
root: {
|
15022
15225
|
width: "100%"
|
@@ -15047,24 +15250,24 @@ var init_progress_indicator2 = __esm({
|
|
15047
15250
|
variant: "base"
|
15048
15251
|
}
|
15049
15252
|
});
|
15050
|
-
progress_indicator_default =
|
15253
|
+
progress_indicator_default = config32;
|
15051
15254
|
}
|
15052
15255
|
});
|
15053
|
-
var
|
15256
|
+
var parts18, helpers25, config33, radio_card_default;
|
15054
15257
|
var init_radio_card = __esm({
|
15055
15258
|
"src/theme/components/radio-card.ts"() {
|
15056
15259
|
init_base_utils();
|
15057
15260
|
init_floating_utils();
|
15058
15261
|
init_outline_utils();
|
15059
|
-
|
15262
|
+
parts18 = themeTools.anatomy("radio-card").parts(
|
15060
15263
|
"container",
|
15061
15264
|
"checked",
|
15062
15265
|
"radioInput",
|
15063
15266
|
"focused",
|
15064
15267
|
"focusedChecked"
|
15065
15268
|
);
|
15066
|
-
|
15067
|
-
|
15269
|
+
helpers25 = react.createMultiStyleConfigHelpers(parts18.keys);
|
15270
|
+
config33 = helpers25.defineMultiStyleConfig({
|
15068
15271
|
baseStyle: (props) => ({
|
15069
15272
|
container: {
|
15070
15273
|
overflow: "hidden",
|
@@ -15180,18 +15383,18 @@ var init_radio_card = __esm({
|
|
15180
15383
|
})
|
15181
15384
|
}
|
15182
15385
|
});
|
15183
|
-
radio_card_default =
|
15386
|
+
radio_card_default = config33;
|
15184
15387
|
}
|
15185
15388
|
});
|
15186
|
-
var
|
15389
|
+
var helpers26, config34, radio_default;
|
15187
15390
|
var init_radio = __esm({
|
15188
15391
|
"src/theme/components/radio.ts"() {
|
15189
15392
|
init_dist4();
|
15190
15393
|
init_base_utils();
|
15191
15394
|
init_brand_utils();
|
15192
15395
|
init_focus_utils();
|
15193
|
-
|
15194
|
-
|
15396
|
+
helpers26 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
|
15397
|
+
config34 = helpers26.defineMultiStyleConfig({
|
15195
15398
|
baseStyle: (props) => ({
|
15196
15399
|
container: {
|
15197
15400
|
_hover: {
|
@@ -15247,18 +15450,18 @@ var init_radio = __esm({
|
|
15247
15450
|
}
|
15248
15451
|
})
|
15249
15452
|
});
|
15250
|
-
radio_default =
|
15453
|
+
radio_default = config34;
|
15251
15454
|
}
|
15252
15455
|
});
|
15253
|
-
var
|
15456
|
+
var parts19, helpers27, config35, select_default;
|
15254
15457
|
var init_select = __esm({
|
15255
15458
|
"src/theme/components/select.ts"() {
|
15256
15459
|
init_dist4();
|
15257
15460
|
init_base_utils();
|
15258
15461
|
init_input_utils();
|
15259
|
-
|
15260
|
-
|
15261
|
-
|
15462
|
+
parts19 = selectAnatomy.extend("root");
|
15463
|
+
helpers27 = react.createMultiStyleConfigHelpers(parts19.keys);
|
15464
|
+
config35 = helpers27.defineMultiStyleConfig({
|
15262
15465
|
baseStyle: (props) => ({
|
15263
15466
|
root: {
|
15264
15467
|
width: "100%",
|
@@ -15312,7 +15515,7 @@ var init_select = __esm({
|
|
15312
15515
|
variant: "base"
|
15313
15516
|
}
|
15314
15517
|
});
|
15315
|
-
select_default =
|
15518
|
+
select_default = config35;
|
15316
15519
|
}
|
15317
15520
|
});
|
15318
15521
|
|
@@ -15328,7 +15531,7 @@ var init_dist7 = __esm({
|
|
15328
15531
|
init_dist3();
|
15329
15532
|
}
|
15330
15533
|
});
|
15331
|
-
var fade, $startColor2, $endColor2,
|
15534
|
+
var fade, $startColor2, $endColor2, config36, skeleton_default;
|
15332
15535
|
var init_skeleton = __esm({
|
15333
15536
|
"src/theme/components/skeleton.ts"() {
|
15334
15537
|
init_dist7();
|
@@ -15338,7 +15541,7 @@ var init_skeleton = __esm({
|
|
15338
15541
|
});
|
15339
15542
|
$startColor2 = themeTools.cssVar("skeleton-start-color");
|
15340
15543
|
$endColor2 = themeTools.cssVar("skeleton-end-color");
|
15341
|
-
|
15544
|
+
config36 = react.defineStyleConfig({
|
15342
15545
|
baseStyle: (props) => {
|
15343
15546
|
const defaultStartColor = themeTools.mode("blackAlpha.300", "whiteAlpha.300")(props);
|
15344
15547
|
const defaultEndColor = themeTools.mode("blackAlpha.100", "whiteAlpha.100")(props);
|
@@ -15361,16 +15564,16 @@ var init_skeleton = __esm({
|
|
15361
15564
|
};
|
15362
15565
|
}
|
15363
15566
|
});
|
15364
|
-
skeleton_default =
|
15567
|
+
skeleton_default = config36;
|
15365
15568
|
}
|
15366
15569
|
});
|
15367
|
-
var
|
15570
|
+
var parts20, helpers28, config37, stepper_default;
|
15368
15571
|
var init_stepper2 = __esm({
|
15369
15572
|
"src/theme/components/stepper.ts"() {
|
15370
15573
|
init_base_utils();
|
15371
15574
|
init_brand_utils();
|
15372
15575
|
init_accent_utils();
|
15373
|
-
|
15576
|
+
parts20 = themeTools.anatomy("stepper").parts(
|
15374
15577
|
"root",
|
15375
15578
|
"container",
|
15376
15579
|
"innerContainer",
|
@@ -15382,8 +15585,8 @@ var init_stepper2 = __esm({
|
|
15382
15585
|
"stepTitle",
|
15383
15586
|
"closeButton"
|
15384
15587
|
);
|
15385
|
-
|
15386
|
-
|
15588
|
+
helpers28 = react.createMultiStyleConfigHelpers(parts20.keys);
|
15589
|
+
config37 = helpers28.defineMultiStyleConfig({
|
15387
15590
|
baseStyle: {
|
15388
15591
|
root: {
|
15389
15592
|
display: "flex",
|
@@ -15452,10 +15655,10 @@ var init_stepper2 = __esm({
|
|
15452
15655
|
variant: "base"
|
15453
15656
|
}
|
15454
15657
|
});
|
15455
|
-
stepper_default =
|
15658
|
+
stepper_default = config37;
|
15456
15659
|
}
|
15457
15660
|
});
|
15458
|
-
var $width2, $height3, $diff2, diffValue2, $translateX2,
|
15661
|
+
var $width2, $height3, $diff2, diffValue2, $translateX2, helpers29, config38, switch_default;
|
15459
15662
|
var init_switch = __esm({
|
15460
15663
|
"src/theme/components/switch.ts"() {
|
15461
15664
|
init_dist4();
|
@@ -15467,8 +15670,8 @@ var init_switch = __esm({
|
|
15467
15670
|
$diff2 = themeTools.cssVar("switch-track-diff");
|
15468
15671
|
diffValue2 = themeTools.calc.subtract($width2, $height3);
|
15469
15672
|
$translateX2 = themeTools.cssVar("switch-thumb-x");
|
15470
|
-
|
15471
|
-
|
15673
|
+
helpers29 = react.createMultiStyleConfigHelpers(switchAnatomy.keys);
|
15674
|
+
config38 = helpers29.defineMultiStyleConfig({
|
15472
15675
|
baseStyle: (props) => ({
|
15473
15676
|
container: {
|
15474
15677
|
[$diff2.variable]: diffValue2,
|
@@ -15561,21 +15764,21 @@ var init_switch = __esm({
|
|
15561
15764
|
size: "md"
|
15562
15765
|
}
|
15563
15766
|
});
|
15564
|
-
switch_default =
|
15767
|
+
switch_default = config38;
|
15565
15768
|
}
|
15566
15769
|
});
|
15567
|
-
var
|
15770
|
+
var helpers30, numericStyles2, config39, table_default;
|
15568
15771
|
var init_table2 = __esm({
|
15569
15772
|
"src/theme/components/table.ts"() {
|
15570
15773
|
init_dist4();
|
15571
15774
|
init_base_utils();
|
15572
|
-
|
15775
|
+
helpers30 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
|
15573
15776
|
numericStyles2 = {
|
15574
15777
|
"&[data-is-numeric=true]": {
|
15575
15778
|
textAlign: "end"
|
15576
15779
|
}
|
15577
15780
|
};
|
15578
|
-
|
15781
|
+
config39 = helpers30.defineMultiStyleConfig({
|
15579
15782
|
baseStyle: (props) => ({
|
15580
15783
|
table: {
|
15581
15784
|
borderCollapse: "collapse",
|
@@ -15721,10 +15924,10 @@ var init_table2 = __esm({
|
|
15721
15924
|
colorScheme: "grey"
|
15722
15925
|
}
|
15723
15926
|
});
|
15724
|
-
table_default =
|
15927
|
+
table_default = config39;
|
15725
15928
|
}
|
15726
15929
|
});
|
15727
|
-
var
|
15930
|
+
var helpers31, config40, tabs_default;
|
15728
15931
|
var init_tabs = __esm({
|
15729
15932
|
"src/theme/components/tabs.ts"() {
|
15730
15933
|
init_dist4();
|
@@ -15732,8 +15935,8 @@ var init_tabs = __esm({
|
|
15732
15935
|
init_base_utils();
|
15733
15936
|
init_brand_utils();
|
15734
15937
|
init_focus_utils();
|
15735
|
-
|
15736
|
-
|
15938
|
+
helpers31 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
|
15939
|
+
config40 = helpers31.defineMultiStyleConfig({
|
15737
15940
|
baseStyle: (props) => ({
|
15738
15941
|
root: {
|
15739
15942
|
display: "flex",
|
@@ -15856,14 +16059,14 @@ var init_tabs = __esm({
|
|
15856
16059
|
variant: "base"
|
15857
16060
|
}
|
15858
16061
|
});
|
15859
|
-
tabs_default =
|
16062
|
+
tabs_default = config40;
|
15860
16063
|
}
|
15861
16064
|
});
|
15862
|
-
var
|
16065
|
+
var config41, textarea_default;
|
15863
16066
|
var init_textarea = __esm({
|
15864
16067
|
"src/theme/components/textarea.ts"() {
|
15865
16068
|
init_input_utils();
|
15866
|
-
|
16069
|
+
config41 = react.defineStyleConfig({
|
15867
16070
|
baseStyle: (props) => ({
|
15868
16071
|
...inputBaseStyle(props).field,
|
15869
16072
|
minHeight: "5rem",
|
@@ -15891,13 +16094,13 @@ var init_textarea = __esm({
|
|
15891
16094
|
variant: "base"
|
15892
16095
|
}
|
15893
16096
|
});
|
15894
|
-
textarea_default =
|
16097
|
+
textarea_default = config41;
|
15895
16098
|
}
|
15896
16099
|
});
|
15897
|
-
var
|
16100
|
+
var config42, toast_default;
|
15898
16101
|
var init_toast = __esm({
|
15899
16102
|
"src/theme/components/toast.ts"() {
|
15900
|
-
|
16103
|
+
config42 = react.defineStyleConfig({
|
15901
16104
|
baseStyle: {
|
15902
16105
|
display: "flex",
|
15903
16106
|
alignItems: "center",
|
@@ -15921,16 +16124,16 @@ var init_toast = __esm({
|
|
15921
16124
|
}
|
15922
16125
|
}
|
15923
16126
|
});
|
15924
|
-
toast_default =
|
16127
|
+
toast_default = config42;
|
15925
16128
|
}
|
15926
16129
|
});
|
15927
|
-
var
|
16130
|
+
var config43, static_card_default, getColorSchemeBaseProps;
|
15928
16131
|
var init_static_card = __esm({
|
15929
16132
|
"src/theme/components/static-card.ts"() {
|
15930
16133
|
init_foundations();
|
15931
16134
|
init_focus_utils();
|
15932
16135
|
init_floating_utils();
|
15933
|
-
|
16136
|
+
config43 = react.defineStyleConfig({
|
15934
16137
|
baseStyle: (props) => ({
|
15935
16138
|
appearance: "none",
|
15936
16139
|
border: "none",
|
@@ -15943,7 +16146,7 @@ var init_static_card = __esm({
|
|
15943
16146
|
...getColorSchemeBaseProps(props)
|
15944
16147
|
})
|
15945
16148
|
});
|
15946
|
-
static_card_default =
|
16149
|
+
static_card_default = config43;
|
15947
16150
|
getColorSchemeBaseProps = (props) => {
|
15948
16151
|
var _a6;
|
15949
16152
|
switch (props.colorScheme) {
|
@@ -15991,14 +16194,14 @@ var init_static_card = __esm({
|
|
15991
16194
|
};
|
15992
16195
|
}
|
15993
16196
|
});
|
15994
|
-
var
|
16197
|
+
var config44, pressable_card_default;
|
15995
16198
|
var init_pressable_card = __esm({
|
15996
16199
|
"src/theme/components/pressable-card.ts"() {
|
15997
16200
|
init_base_utils();
|
15998
16201
|
init_floating_utils();
|
15999
16202
|
init_focus_utils();
|
16000
16203
|
init_accent_utils();
|
16001
|
-
|
16204
|
+
config44 = react.defineStyleConfig({
|
16002
16205
|
baseStyle: (props) => ({
|
16003
16206
|
appearance: "none",
|
16004
16207
|
border: "none",
|
@@ -16062,7 +16265,7 @@ var init_pressable_card = __esm({
|
|
16062
16265
|
})
|
16063
16266
|
}
|
16064
16267
|
});
|
16065
|
-
pressable_card_default =
|
16268
|
+
pressable_card_default = config44;
|
16066
16269
|
}
|
16067
16270
|
});
|
16068
16271
|
|
@@ -16072,6 +16275,7 @@ __export(components_exports, {
|
|
16072
16275
|
Accordion: () => accordion_default,
|
16073
16276
|
Alert: () => alert_default,
|
16074
16277
|
AlertExpandable: () => alert_expandable_default,
|
16278
|
+
AlertService: () => alert_service_default,
|
16075
16279
|
Badge: () => badge_default,
|
16076
16280
|
Breadcrumb: () => breadcrumb_default,
|
16077
16281
|
Button: () => button_default,
|
@@ -16119,6 +16323,7 @@ var init_components = __esm({
|
|
16119
16323
|
init_accordion2();
|
16120
16324
|
init_alert2();
|
16121
16325
|
init_alert_expandable();
|
16326
|
+
init_alert_service();
|
16122
16327
|
init_badge();
|
16123
16328
|
init_breadcrumb2();
|
16124
16329
|
init_button2();
|
@@ -16276,22 +16481,22 @@ var init_theme = __esm({
|
|
16276
16481
|
};
|
16277
16482
|
}
|
16278
16483
|
});
|
16279
|
-
var BaseToast, ToastIcon, getIcon3,
|
16484
|
+
var BaseToast, ToastIcon, getIcon3, texts29;
|
16280
16485
|
var init_BaseToast = __esm({
|
16281
16486
|
"src/toast/BaseToast.tsx"() {
|
16282
16487
|
init_src();
|
16283
16488
|
BaseToast = ({ children, variant, id }) => {
|
16284
16489
|
const styles3 = react.useStyleConfig("Toast", { variant });
|
16285
|
-
return /* @__PURE__ */
|
16490
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React86__namespace.default.createElement(ToastIcon, { variant }), children);
|
16286
16491
|
};
|
16287
16492
|
ToastIcon = ({ variant }) => {
|
16288
16493
|
const Icon = getIcon3(variant);
|
16289
16494
|
const { t: t2 } = useTranslation();
|
16290
|
-
return /* @__PURE__ */
|
16495
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
16291
16496
|
Icon,
|
16292
16497
|
{
|
16293
16498
|
flexShrink: 0,
|
16294
|
-
"aria-label": t2(
|
16499
|
+
"aria-label": t2(texts29[variant]),
|
16295
16500
|
marginRight: 1,
|
16296
16501
|
marginY: 1.5,
|
16297
16502
|
color: "darkGrey"
|
@@ -16308,7 +16513,7 @@ var init_BaseToast = __esm({
|
|
16308
16513
|
return sporIconReact.ErrorOutline24Icon;
|
16309
16514
|
}
|
16310
16515
|
};
|
16311
|
-
|
16516
|
+
texts29 = createTexts({
|
16312
16517
|
info: {
|
16313
16518
|
nb: "Informasjon",
|
16314
16519
|
nn: "Informasjon",
|
@@ -16342,11 +16547,11 @@ var init_ActionToast = __esm({
|
|
16342
16547
|
buttonText,
|
16343
16548
|
id
|
16344
16549
|
}) => {
|
16345
|
-
return /* @__PURE__ */
|
16550
|
+
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
16551
|
};
|
16347
16552
|
}
|
16348
16553
|
});
|
16349
|
-
var ClosableToast,
|
16554
|
+
var ClosableToast, texts30;
|
16350
16555
|
var init_ClosableToast = __esm({
|
16351
16556
|
"src/toast/ClosableToast.tsx"() {
|
16352
16557
|
init_src();
|
@@ -16359,18 +16564,18 @@ var init_ClosableToast = __esm({
|
|
16359
16564
|
}) => {
|
16360
16565
|
const styles3 = react.useMultiStyleConfig("Toast", { variant });
|
16361
16566
|
const { t: t2 } = useTranslation();
|
16362
|
-
return /* @__PURE__ */
|
16567
|
+
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
16568
|
exports.IconButton,
|
16364
16569
|
{
|
16365
16570
|
sx: styles3.dismissButton,
|
16366
16571
|
variant: "ghost",
|
16367
|
-
"aria-label": t2(
|
16368
|
-
icon: /* @__PURE__ */
|
16572
|
+
"aria-label": t2(texts30.dismiss),
|
16573
|
+
icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
|
16369
16574
|
onClick: onClose
|
16370
16575
|
}
|
16371
16576
|
));
|
16372
16577
|
};
|
16373
|
-
|
16578
|
+
texts30 = createTexts({
|
16374
16579
|
dismiss: {
|
16375
16580
|
nb: "Lukk",
|
16376
16581
|
nn: "Lukk",
|
@@ -16388,7 +16593,7 @@ var init_useToast = __esm({
|
|
16388
16593
|
init_ClosableToast();
|
16389
16594
|
exports.useToast = () => {
|
16390
16595
|
const toast = react.useToast();
|
16391
|
-
const wrappedToast =
|
16596
|
+
const wrappedToast = React86.useCallback((opts) => {
|
16392
16597
|
const Toast = getToastComponent(opts);
|
16393
16598
|
toast({
|
16394
16599
|
...opts,
|
@@ -16399,7 +16604,7 @@ var init_useToast = __esm({
|
|
16399
16604
|
};
|
16400
16605
|
getToastComponent = (opts) => {
|
16401
16606
|
if ("isClosable" in opts && opts.isClosable) {
|
16402
|
-
return ({ onClose, id }) => /* @__PURE__ */
|
16607
|
+
return ({ onClose, id }) => /* @__PURE__ */ React86__namespace.default.createElement(
|
16403
16608
|
ClosableToast,
|
16404
16609
|
{
|
16405
16610
|
id,
|
@@ -16415,7 +16620,7 @@ var init_useToast = __esm({
|
|
16415
16620
|
);
|
16416
16621
|
}
|
16417
16622
|
if ("buttonText" in opts) {
|
16418
|
-
return ({ id }) => /* @__PURE__ */
|
16623
|
+
return ({ id }) => /* @__PURE__ */ React86__namespace.default.createElement(
|
16419
16624
|
ActionToast,
|
16420
16625
|
{
|
16421
16626
|
id,
|
@@ -16426,7 +16631,7 @@ var init_useToast = __esm({
|
|
16426
16631
|
opts.text
|
16427
16632
|
);
|
16428
16633
|
}
|
16429
|
-
return ({ id }) => /* @__PURE__ */
|
16634
|
+
return ({ id }) => /* @__PURE__ */ React86__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
|
16430
16635
|
};
|
16431
16636
|
}
|
16432
16637
|
});
|
@@ -16451,7 +16656,7 @@ var init_Tooltip = __esm({
|
|
16451
16656
|
withCloseButton = false,
|
16452
16657
|
...props
|
16453
16658
|
}) => {
|
16454
|
-
return /* @__PURE__ */
|
16659
|
+
return /* @__PURE__ */ React86__namespace.default.createElement(
|
16455
16660
|
react.Popover,
|
16456
16661
|
{
|
16457
16662
|
onClose,
|
@@ -16463,8 +16668,8 @@ var init_Tooltip = __esm({
|
|
16463
16668
|
arrowShadowColor: "none",
|
16464
16669
|
...props
|
16465
16670
|
},
|
16466
|
-
/* @__PURE__ */
|
16467
|
-
/* @__PURE__ */
|
16671
|
+
/* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, children),
|
16672
|
+
/* @__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
16673
|
);
|
16469
16674
|
};
|
16470
16675
|
}
|
@@ -16537,8 +16742,8 @@ function useSizes({
|
|
16537
16742
|
getNodes,
|
16538
16743
|
observeMutation = true
|
16539
16744
|
}) {
|
16540
|
-
const [sizes26, setSizes] =
|
16541
|
-
const [count, setCount] =
|
16745
|
+
const [sizes26, setSizes] = React86.useState([]);
|
16746
|
+
const [count, setCount] = React86.useState(0);
|
16542
16747
|
useSafeLayoutEffect(() => {
|
16543
16748
|
const elements = getNodes();
|
16544
16749
|
const cleanups = elements.map(
|
@@ -16586,7 +16791,7 @@ var init_dist9 = __esm({
|
|
16586
16791
|
"../../node_modules/@chakra-ui/react-use-size/dist/index.mjs"() {
|
16587
16792
|
"use client";
|
16588
16793
|
init_dist8();
|
16589
|
-
useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ?
|
16794
|
+
useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React86.useLayoutEffect : React86.useEffect;
|
16590
16795
|
}
|
16591
16796
|
});
|
16592
16797
|
var init_externals = __esm({
|