@vygruppen/spor-react 9.16.0 → 10.1.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 +34 -0
- package/dist/{CountryCodeSelect-2DASZ3PQ.mjs → CountryCodeSelect-FKWNR6SG.mjs} +1 -1
- package/dist/{chunk-MDMLROK2.mjs → chunk-MLRF67YM.mjs} +1030 -1187
- package/dist/index.d.mts +184 -689
- package/dist/index.d.ts +184 -689
- package/dist/index.js +1398 -1584
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/accordion/Accordion.tsx +8 -12
- package/src/accordion/Expandable.tsx +8 -26
- package/src/alert/ExpandableAlert.tsx +2 -2
- package/src/datepicker/CalendarTriggerButton.tsx +17 -13
- package/src/datepicker/DateField.tsx +50 -7
- package/src/datepicker/DatePicker.tsx +15 -4
- package/src/datepicker/DateTimeSegment.tsx +5 -1
- package/src/datepicker/StyledField.tsx +7 -1
- package/src/index.tsx +0 -1
- package/src/input/ChoiceChip.tsx +65 -55
- package/src/input/Input.tsx +5 -2
- package/src/input/NumericStepper.tsx +8 -6
- package/src/layout/StaticCard.tsx +0 -1
- package/src/linjetag/LineIcon.tsx +3 -8
- package/src/linjetag/TravelTag.tsx +11 -2
- package/src/linjetag/{types.d.ts → types.ts} +1 -1
- package/src/theme/components/accordion.ts +7 -40
- package/src/theme/components/datepicker.ts +2 -15
- package/src/theme/components/index.ts +0 -1
- package/src/accordion/AccordionContext.tsx +0 -27
- package/src/card/Card.tsx +0 -73
- package/src/card/index.tsx +0 -1
- package/src/theme/components/card.ts +0 -171
@@ -3,8 +3,8 @@ import * as tokens11 from '@vygruppen/spor-design-tokens';
|
|
3
3
|
export { tokens11 as tokens };
|
4
4
|
import { forwardRef, Divider as Divider$1, Stack as Stack$1, Box, useMultiStyleConfig, chakra, Flex, Checkbox as Checkbox$1, useCheckbox, FormControl as FormControl$1, FormLabel as FormLabel$1, useFormControlContext, InputGroup, InputLeftElement, Input as Input$1, InputRightElement, Select, useDisclosure, Button, useControllableState, Radio as Radio$1, RadioGroup as RadioGroup$1, IconButton as IconButton$1, Switch as Switch$1, Textarea as Textarea$1, useStyleConfig, Accordion as Accordion$1, Skeleton as Skeleton$1, useButtonGroup, Center, ButtonGroup as ButtonGroup$1, Badge as Badge$1, Code as Code$1, Text, PopoverAnchor, PopoverContent, PopoverArrow, PopoverBody, FocusLock, Popover as Popover$1, PopoverTrigger, Portal, Link, ModalHeader as ModalHeader$1, useModalContext, DrawerContent as DrawerContent$1, Tabs as Tabs$1, Table as Table$1, defineStyleConfig as defineStyleConfig$1, createMultiStyleConfigHelpers as createMultiStyleConfigHelpers$1, Heading, CheckboxGroup as CheckboxGroup$1, List, ListItem, useColorModeValue, useFormControlProps, useFormControl, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, useColorMode, SkeletonCircle as SkeletonCircle$1, SkeletonText as SkeletonText$1, Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1, BreadcrumbLink as BreadcrumbLink$1, Drawer as Drawer$1, DrawerOverlay, DrawerBody, DrawerHeader, useMediaQuery, DrawerCloseButton, DarkMode, PopoverCloseButton, usePopoverContext, UnorderedList, ChakraProvider, useToast as useToast$1, useInterval } from '@chakra-ui/react';
|
5
5
|
export { AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Box, Center, Collapse, Container, DarkMode, DrawerBody, DrawerCloseButton, DrawerFooter, DrawerOverlay, Fade, Flex, FormHelperText, Grid, GridItem, HStack, Image, Img, InputGroup, LightMode, ListItem, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalOverlay, OrderedList, Portal, ScaleFade, SimpleGrid, Slide, SlideFade, Spacer, Tab, TabList, TabPanel, TabPanels, TableCaption, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, VStack, Wrap, WrapItem, defineStyleConfig, extendTheme, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToken } from '@chakra-ui/react';
|
6
|
-
import * as
|
7
|
-
import
|
6
|
+
import * as React84 from 'react';
|
7
|
+
import React84__default, { forwardRef as forwardRef$1, useRef, useState, useEffect, useId, Suspense, useContext, createContext, useCallback, useMemo, useLayoutEffect } from 'react';
|
8
8
|
import { CloseOutline24Icon, SearchOutline24Icon, CloseFill30Icon, CloseFill24Icon, CloseFill18Icon, CalendarOutline24Icon, InformationFill24Icon, InformationFill18Icon, WarningFill24Icon, WarningFill18Icon, ErrorFill24Icon, ErrorFill18Icon, LinkOutOutline24Icon, DropdownDownFill18Icon, DropdownDownFill24Icon, DropdownUpFill24Icon, DropdownRightFill18Icon, DropdownLeftFill18Icon, Forward15MediaControllerFill30Icon, Backward15MediaControllerFill30Icon, PauseMediaControllerFill24Icon, PlayMediaControllerFill24Icon, NextMediaControllerFill30Icon, PreviousMediaControllerFill30Icon, ArrowLeftFill24Icon, ArrowLeftFill30Icon, ArrowRightFill18Icon, ArrowLeftOutline24Icon, ArrowRightOutline24Icon, ErrorOutline24Icon, AltTransportOutline24Icon, WarningOutline24Icon, SuccessOutline24Icon, InformationOutline24Icon, TrainFill18Icon, TrainFill24Icon, TrainFill30Icon, ExpressBusFill18Icon, ExpressBusFill24Icon, ExpressBusFill30Icon, BusFill18Icon, BusFill24Icon, BusFill30Icon, FerryFill18Icon, FerryFill24Icon, FerryFill30Icon, SubwayFill18Icon, SubwayFill24Icon, SubwayFill30Icon, TramFill18Icon, TramFill24Icon, TramFill30Icon, AltTransportFill18Icon, AltTransportFill24Icon, AltTransportFill30Icon, WalkFill18Icon, WalkFill24Icon, WalkFill30Icon } from '@vygruppen/spor-icon-react';
|
9
9
|
import { usePopover, DismissButton, Overlay, useOverlayTrigger, useButton, useDateSegment, useDateField, useDatePicker, I18nProvider, useDialog, useFilter, useComboBox, useListBox, useOption, useListBoxSection, useSelect, HiddenSelect, useProgressBar, useCalendar, useDateRangePicker, useCalendarGrid, useRangeCalendar, useTimeField, useCalendarCell } from 'react-aria';
|
10
10
|
import { useOverlayTriggerState, Item, useDateFieldState, useDatePickerState, useComboBoxState, useSelectState, useCalendarState, useDateRangePickerState, useTimeFieldState, useRangeCalendarState } from 'react-stately';
|
@@ -771,11 +771,11 @@ var require_lodash = __commonJS({
|
|
771
771
|
}
|
772
772
|
});
|
773
773
|
var Divider = forwardRef((props, ref) => {
|
774
|
-
return /* @__PURE__ */
|
774
|
+
return /* @__PURE__ */ React84__default.createElement(Divider$1, { ...props, ref });
|
775
775
|
});
|
776
776
|
var Stack = forwardRef(
|
777
777
|
({ flexDirection, ...props }, ref) => {
|
778
|
-
return /* @__PURE__ */
|
778
|
+
return /* @__PURE__ */ React84__default.createElement(Stack$1, { ...props, direction: flexDirection, ref });
|
779
779
|
}
|
780
780
|
);
|
781
781
|
var AttachedInputs = ({
|
@@ -807,7 +807,7 @@ var AttachedInputs = ({
|
|
807
807
|
}
|
808
808
|
};
|
809
809
|
const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
|
810
|
-
return /* @__PURE__ */
|
810
|
+
return /* @__PURE__ */ React84__default.createElement(
|
811
811
|
Flex,
|
812
812
|
{
|
813
813
|
role: "group",
|
@@ -821,7 +821,7 @@ var AttachedInputs = ({
|
|
821
821
|
var Dialog = ({ title, children, ...props }) => {
|
822
822
|
const ref = useRef(null);
|
823
823
|
const { dialogProps, titleProps } = useDialog(props, ref);
|
824
|
-
return /* @__PURE__ */
|
824
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React84__default.createElement(Heading, { as: "h3", ...titleProps }, title), children);
|
825
825
|
};
|
826
826
|
var Popover = forwardRef$1(
|
827
827
|
({
|
@@ -852,21 +852,21 @@ var Popover = forwardRef$1(
|
|
852
852
|
},
|
853
853
|
state2
|
854
854
|
);
|
855
|
-
const popoverBox = /* @__PURE__ */
|
855
|
+
const popoverBox = /* @__PURE__ */ React84__default.createElement(
|
856
856
|
Box,
|
857
857
|
{
|
858
858
|
...popoverProps,
|
859
859
|
ref: popoverRef,
|
860
860
|
minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
|
861
861
|
},
|
862
|
-
/* @__PURE__ */
|
862
|
+
/* @__PURE__ */ React84__default.createElement(DismissButton, { onDismiss: state2.close }),
|
863
863
|
children,
|
864
|
-
/* @__PURE__ */
|
864
|
+
/* @__PURE__ */ React84__default.createElement(DismissButton, { onDismiss: state2.close })
|
865
865
|
);
|
866
866
|
if (isNonModal) {
|
867
867
|
return popoverBox;
|
868
868
|
}
|
869
|
-
return /* @__PURE__ */
|
869
|
+
return /* @__PURE__ */ React84__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React84__default.createElement(Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
|
870
870
|
}
|
871
871
|
);
|
872
872
|
|
@@ -907,7 +907,7 @@ var CardSelect = forwardRef(
|
|
907
907
|
});
|
908
908
|
useForceRerender(state2.isOpen);
|
909
909
|
const ChevronIcon = size2 === "sm" ? DropdownDownFill18Icon : DropdownDownFill24Icon;
|
910
|
-
return /* @__PURE__ */
|
910
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { ...props }, /* @__PURE__ */ React84__default.createElement(
|
911
911
|
chakra.button,
|
912
912
|
{
|
913
913
|
type: "button",
|
@@ -919,13 +919,13 @@ var CardSelect = forwardRef(
|
|
919
919
|
width,
|
920
920
|
"data-attachable": true
|
921
921
|
},
|
922
|
-
/* @__PURE__ */
|
922
|
+
/* @__PURE__ */ React84__default.createElement(Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React84__default.createElement(Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React84__default.createElement(
|
923
923
|
ChevronIcon,
|
924
924
|
{
|
925
925
|
transform: state2.isOpen ? "rotate(180deg)" : "none"
|
926
926
|
}
|
927
927
|
) : null)
|
928
|
-
), state2.isOpen && /* @__PURE__ */
|
928
|
+
), state2.isOpen && /* @__PURE__ */ React84__default.createElement(
|
929
929
|
Popover,
|
930
930
|
{
|
931
931
|
state: state2,
|
@@ -934,7 +934,7 @@ var CardSelect = forwardRef(
|
|
934
934
|
crossOffset,
|
935
935
|
placement
|
936
936
|
},
|
937
|
-
/* @__PURE__ */
|
937
|
+
/* @__PURE__ */ React84__default.createElement(
|
938
938
|
StaticCard,
|
939
939
|
{
|
940
940
|
colorScheme: "white",
|
@@ -944,7 +944,7 @@ var CardSelect = forwardRef(
|
|
944
944
|
sx: styles3.card,
|
945
945
|
...overlayProps
|
946
946
|
},
|
947
|
-
/* @__PURE__ */
|
947
|
+
/* @__PURE__ */ React84__default.createElement(Dialog, { "aria-label": label }, children)
|
948
948
|
)
|
949
949
|
));
|
950
950
|
}
|
@@ -958,67 +958,76 @@ function useForceRerender(shouldRerender) {
|
|
958
958
|
}, [shouldRerender]);
|
959
959
|
}
|
960
960
|
var Checkbox = forwardRef((props, ref) => {
|
961
|
-
return /* @__PURE__ */
|
961
|
+
return /* @__PURE__ */ React84__default.createElement(Checkbox$1, { ...props, ref });
|
962
962
|
});
|
963
963
|
var CheckboxGroup = ({
|
964
964
|
direction: direction2 = "row",
|
965
965
|
children,
|
966
966
|
...props
|
967
967
|
}) => {
|
968
|
-
return /* @__PURE__ */
|
968
|
+
return /* @__PURE__ */ React84__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React84__default.createElement(Stack$1, { direction: direction2 }, children));
|
969
969
|
};
|
970
970
|
|
971
971
|
// ../../node_modules/@chakra-ui/utils/dist/chunk-O3SWHQEE.mjs
|
972
972
|
var dataAttr = (condition) => condition ? "" : void 0;
|
973
|
-
var ChoiceChip = forwardRef(
|
974
|
-
|
973
|
+
var ChoiceChip = forwardRef(
|
974
|
+
({
|
975
975
|
children,
|
976
976
|
icon,
|
977
977
|
isDisabled,
|
978
978
|
size: size2 = "sm",
|
979
979
|
chipType = "choice",
|
980
|
-
variant = "base"
|
981
|
-
|
982
|
-
|
983
|
-
|
984
|
-
|
985
|
-
|
986
|
-
|
987
|
-
|
988
|
-
|
989
|
-
|
990
|
-
|
991
|
-
|
992
|
-
|
993
|
-
|
994
|
-
|
995
|
-
|
996
|
-
|
997
|
-
|
998
|
-
|
999
|
-
|
1000
|
-
htmlFor: id,
|
1001
|
-
...getRootProps(),
|
1002
|
-
"aria-label": String(children)
|
1003
|
-
},
|
1004
|
-
/* @__PURE__ */ React86__default.createElement(chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
|
1005
|
-
/* @__PURE__ */ React86__default.createElement(
|
1006
|
-
chakra.div,
|
980
|
+
variant = "base",
|
981
|
+
...props
|
982
|
+
}, ref) => {
|
983
|
+
const {
|
984
|
+
state: state2,
|
985
|
+
getInputProps,
|
986
|
+
getCheckboxProps,
|
987
|
+
getRootProps,
|
988
|
+
getLabelProps
|
989
|
+
} = useCheckbox(props);
|
990
|
+
const styles3 = useMultiStyleConfig("ChoiceChip", {
|
991
|
+
size: size2,
|
992
|
+
chipType,
|
993
|
+
variant,
|
994
|
+
icon,
|
995
|
+
hasLabel: chipType !== "icon"
|
996
|
+
});
|
997
|
+
const id = `choice-chip-${useId()}`;
|
998
|
+
return /* @__PURE__ */ React84__default.createElement(
|
999
|
+
chakra.label,
|
1007
1000
|
{
|
1008
|
-
|
1009
|
-
|
1010
|
-
"
|
1011
|
-
|
1012
|
-
|
1013
|
-
|
1014
|
-
|
1015
|
-
|
1016
|
-
|
1017
|
-
|
1018
|
-
|
1019
|
-
|
1020
|
-
|
1021
|
-
|
1001
|
+
htmlFor: id,
|
1002
|
+
...getRootProps(),
|
1003
|
+
"aria-label": String(children)
|
1004
|
+
},
|
1005
|
+
/* @__PURE__ */ React84__default.createElement(
|
1006
|
+
chakra.input,
|
1007
|
+
{
|
1008
|
+
...getInputProps({}, ref),
|
1009
|
+
id,
|
1010
|
+
disabled: isDisabled
|
1011
|
+
}
|
1012
|
+
),
|
1013
|
+
/* @__PURE__ */ React84__default.createElement(
|
1014
|
+
chakra.div,
|
1015
|
+
{
|
1016
|
+
...getLabelProps(),
|
1017
|
+
__css: styles3.container,
|
1018
|
+
"data-checked": dataAttr(state2.isChecked),
|
1019
|
+
"data-hover": dataAttr(state2.isHovered),
|
1020
|
+
"data-focus": dataAttr(state2.isFocused),
|
1021
|
+
"data-active": dataAttr(state2.isActive),
|
1022
|
+
"data-disabled": dataAttr(state2.isDisabled)
|
1023
|
+
},
|
1024
|
+
icon && /* @__PURE__ */ React84__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
|
1025
|
+
chipType !== "icon" && /* @__PURE__ */ React84__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, children),
|
1026
|
+
chipType === "filter" && state2.isChecked && /* @__PURE__ */ React84__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
|
1027
|
+
)
|
1028
|
+
);
|
1029
|
+
}
|
1030
|
+
);
|
1022
1031
|
function Combobox({
|
1023
1032
|
label,
|
1024
1033
|
isLoading,
|
@@ -1088,7 +1097,7 @@ function Combobox({
|
|
1088
1097
|
},
|
1089
1098
|
state2
|
1090
1099
|
);
|
1091
|
-
return /* @__PURE__ */
|
1100
|
+
return /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, /* @__PURE__ */ React84__default.createElement(
|
1092
1101
|
Input,
|
1093
1102
|
{
|
1094
1103
|
...styleProps(comboBoxProps),
|
@@ -1102,7 +1111,7 @@ function Combobox({
|
|
1102
1111
|
borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
|
1103
1112
|
borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
|
1104
1113
|
...inputProps,
|
1105
|
-
rightIcon: isLoading ? /* @__PURE__ */
|
1114
|
+
rightIcon: isLoading ? /* @__PURE__ */ React84__default.createElement(
|
1106
1115
|
ColorSpinner,
|
1107
1116
|
{
|
1108
1117
|
width: "1.5rem",
|
@@ -1117,7 +1126,7 @@ function Combobox({
|
|
1117
1126
|
}
|
1118
1127
|
) : rightIcon
|
1119
1128
|
}
|
1120
|
-
), /* @__PURE__ */
|
1129
|
+
), /* @__PURE__ */ React84__default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state2.isOpen && !isLoading && /* @__PURE__ */ React84__default.createElement(
|
1121
1130
|
Popover,
|
1122
1131
|
{
|
1123
1132
|
state: state2,
|
@@ -1129,7 +1138,7 @@ function Combobox({
|
|
1129
1138
|
hasBackdrop: false,
|
1130
1139
|
containerPadding: 0
|
1131
1140
|
},
|
1132
|
-
/* @__PURE__ */
|
1141
|
+
/* @__PURE__ */ React84__default.createElement(
|
1133
1142
|
ListBox,
|
1134
1143
|
{
|
1135
1144
|
...listBoxProps,
|
@@ -1172,7 +1181,7 @@ var debounce = (fn, ms = 100) => {
|
|
1172
1181
|
};
|
1173
1182
|
};
|
1174
1183
|
var FormControl = forwardRef((props, ref) => {
|
1175
|
-
return /* @__PURE__ */
|
1184
|
+
return /* @__PURE__ */ React84__default.createElement(FormControl$1, { ...props, ref });
|
1176
1185
|
});
|
1177
1186
|
var FormErrorMessage = ({
|
1178
1187
|
children,
|
@@ -1188,7 +1197,7 @@ var FormErrorMessage = ({
|
|
1188
1197
|
return null;
|
1189
1198
|
}
|
1190
1199
|
const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
|
1191
|
-
return /* @__PURE__ */
|
1200
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React84__default.createElement(
|
1192
1201
|
Box,
|
1193
1202
|
{
|
1194
1203
|
borderRadius: "xs",
|
@@ -1206,12 +1215,12 @@ var FormErrorMessage = ({
|
|
1206
1215
|
...errorMessageProps,
|
1207
1216
|
...boxProps
|
1208
1217
|
},
|
1209
|
-
/* @__PURE__ */
|
1218
|
+
/* @__PURE__ */ React84__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
|
1210
1219
|
children
|
1211
1220
|
));
|
1212
1221
|
};
|
1213
1222
|
var Arrow = (props) => {
|
1214
|
-
return /* @__PURE__ */
|
1223
|
+
return /* @__PURE__ */ React84__default.createElement(
|
1215
1224
|
Box,
|
1216
1225
|
{
|
1217
1226
|
...props,
|
@@ -1222,7 +1231,7 @@ var Arrow = (props) => {
|
|
1222
1231
|
fill: "none",
|
1223
1232
|
transform: "rotate(45deg)"
|
1224
1233
|
},
|
1225
|
-
/* @__PURE__ */
|
1234
|
+
/* @__PURE__ */ React84__default.createElement(
|
1226
1235
|
Box,
|
1227
1236
|
{
|
1228
1237
|
as: "path",
|
@@ -1233,7 +1242,7 @@ var Arrow = (props) => {
|
|
1233
1242
|
);
|
1234
1243
|
};
|
1235
1244
|
var FormLabel = forwardRef((props, ref) => {
|
1236
|
-
return /* @__PURE__ */
|
1245
|
+
return /* @__PURE__ */ React84__default.createElement(FormLabel$1, { ...props, ref });
|
1237
1246
|
});
|
1238
1247
|
function ListBox({
|
1239
1248
|
isLoading,
|
@@ -1244,7 +1253,7 @@ function ListBox({
|
|
1244
1253
|
}) {
|
1245
1254
|
const { listBoxProps } = useListBox(props, state2, listBoxRef);
|
1246
1255
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
1247
|
-
return /* @__PURE__ */
|
1256
|
+
return /* @__PURE__ */ React84__default.createElement(
|
1248
1257
|
List,
|
1249
1258
|
{
|
1250
1259
|
...listBoxProps,
|
@@ -1255,19 +1264,19 @@ function ListBox({
|
|
1255
1264
|
},
|
1256
1265
|
state2.collection.size === 0 && props.emptyContent,
|
1257
1266
|
Array.from(state2.collection).map(
|
1258
|
-
(item) => item.type === "section" ? /* @__PURE__ */
|
1267
|
+
(item) => item.type === "section" ? /* @__PURE__ */ React84__default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React84__default.createElement(Option, { key: item.key, item, state: state2 })
|
1259
1268
|
)
|
1260
1269
|
);
|
1261
1270
|
}
|
1262
1271
|
function ItemLabel({ children }) {
|
1263
1272
|
let { labelProps } = useOptionContext();
|
1264
1273
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
1265
|
-
return /* @__PURE__ */
|
1274
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
|
1266
1275
|
}
|
1267
1276
|
function ItemDescription({ children }) {
|
1268
1277
|
let { descriptionProps } = useOptionContext();
|
1269
1278
|
const styles3 = useMultiStyleConfig("ListBox", {});
|
1270
|
-
return /* @__PURE__ */
|
1279
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
|
1271
1280
|
}
|
1272
1281
|
function Option({ item, state: state2 }) {
|
1273
1282
|
const ref = useRef(null);
|
@@ -1304,9 +1313,9 @@ function Option({ item, state: state2 }) {
|
|
1304
1313
|
{ passive: false, once: true }
|
1305
1314
|
);
|
1306
1315
|
}, []);
|
1307
|
-
return /* @__PURE__ */
|
1316
|
+
return /* @__PURE__ */ React84__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React84__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
|
1308
1317
|
}
|
1309
|
-
var OptionContext =
|
1318
|
+
var OptionContext = React84__default.createContext({
|
1310
1319
|
labelProps: {},
|
1311
1320
|
descriptionProps: {}
|
1312
1321
|
});
|
@@ -1320,7 +1329,7 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1320
1329
|
});
|
1321
1330
|
const isFirstSection = section.key === state2.collection.getFirstKey();
|
1322
1331
|
const titleColor = useColorModeValue("darkGrey", "white");
|
1323
|
-
return /* @__PURE__ */
|
1332
|
+
return /* @__PURE__ */ React84__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React84__default.createElement(
|
1324
1333
|
Box,
|
1325
1334
|
{
|
1326
1335
|
fontSize: "mobile.xs",
|
@@ -1333,8 +1342,8 @@ function ListBoxSection({ section, state: state2 }) {
|
|
1333
1342
|
...headingProps
|
1334
1343
|
},
|
1335
1344
|
section.rendered
|
1336
|
-
), /* @__PURE__ */
|
1337
|
-
(item) => /* @__PURE__ */
|
1345
|
+
), /* @__PURE__ */ React84__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
|
1346
|
+
(item) => /* @__PURE__ */ React84__default.createElement(Option, { key: item.key, item, state: state2 })
|
1338
1347
|
)));
|
1339
1348
|
}
|
1340
1349
|
|
@@ -1373,7 +1382,7 @@ function InfoSelect({
|
|
1373
1382
|
const { t: t2 } = useTranslation();
|
1374
1383
|
const formControl = useFormControlProps(props);
|
1375
1384
|
const hasChosenValue = state2.selectedItem !== null;
|
1376
|
-
return /* @__PURE__ */
|
1385
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React84__default.createElement(
|
1377
1386
|
HiddenSelect,
|
1378
1387
|
{
|
1379
1388
|
state: state2,
|
@@ -1381,7 +1390,7 @@ function InfoSelect({
|
|
1381
1390
|
label: props.label,
|
1382
1391
|
name: props.name
|
1383
1392
|
}
|
1384
|
-
), /* @__PURE__ */
|
1393
|
+
), /* @__PURE__ */ React84__default.createElement(
|
1385
1394
|
chakra.button,
|
1386
1395
|
{
|
1387
1396
|
type: "button",
|
@@ -1392,7 +1401,7 @@ function InfoSelect({
|
|
1392
1401
|
"aria-invalid": formControl.isInvalid,
|
1393
1402
|
"aria-describedby": formControl["aria-describedby"]
|
1394
1403
|
},
|
1395
|
-
/* @__PURE__ */
|
1404
|
+
/* @__PURE__ */ React84__default.createElement(chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React84__default.createElement(
|
1396
1405
|
chakra.div,
|
1397
1406
|
{
|
1398
1407
|
...labelProps,
|
@@ -1406,7 +1415,7 @@ function InfoSelect({
|
|
1406
1415
|
}
|
1407
1416
|
},
|
1408
1417
|
props.label
|
1409
|
-
), /* @__PURE__ */
|
1418
|
+
), /* @__PURE__ */ React84__default.createElement(
|
1410
1419
|
Box,
|
1411
1420
|
{
|
1412
1421
|
...valueProps,
|
@@ -1418,15 +1427,15 @@ function InfoSelect({
|
|
1418
1427
|
},
|
1419
1428
|
state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
|
1420
1429
|
)),
|
1421
|
-
/* @__PURE__ */
|
1422
|
-
), state2.isOpen && /* @__PURE__ */
|
1430
|
+
/* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React84__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React84__default.createElement(DropdownDownFill24Icon, null))
|
1431
|
+
), state2.isOpen && /* @__PURE__ */ React84__default.createElement(
|
1423
1432
|
Popover,
|
1424
1433
|
{
|
1425
1434
|
state: state2,
|
1426
1435
|
triggerRef,
|
1427
1436
|
containerPadding: 0
|
1428
1437
|
},
|
1429
|
-
/* @__PURE__ */
|
1438
|
+
/* @__PURE__ */ React84__default.createElement(
|
1430
1439
|
ListBox,
|
1431
1440
|
{
|
1432
1441
|
...menuProps,
|
@@ -1451,7 +1460,8 @@ var Input = forwardRef(
|
|
1451
1460
|
const formControlProps = useFormControlContext();
|
1452
1461
|
const fallbackId = `input-${useId()}`;
|
1453
1462
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
1454
|
-
|
1463
|
+
const labelId = `${useId()}-label`;
|
1464
|
+
return /* @__PURE__ */ React84__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React84__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React84__default.createElement(
|
1455
1465
|
Input$1,
|
1456
1466
|
{
|
1457
1467
|
"data-attachable": true,
|
@@ -1459,23 +1469,23 @@ var Input = forwardRef(
|
|
1459
1469
|
paddingRight: rightIcon ? 7 : void 0,
|
1460
1470
|
...props,
|
1461
1471
|
id: inputId,
|
1462
|
-
"aria-labelledby":
|
1472
|
+
"aria-labelledby": labelId,
|
1463
1473
|
ref,
|
1464
1474
|
placeholder: " "
|
1465
1475
|
}
|
1466
|
-
), /* @__PURE__ */
|
1476
|
+
), /* @__PURE__ */ React84__default.createElement(FormLabel$1, { htmlFor: inputId, id: labelId }, label), rightIcon && /* @__PURE__ */ React84__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
|
1467
1477
|
}
|
1468
1478
|
);
|
1469
1479
|
var InputLeftElement2 = forwardRef(
|
1470
|
-
(props, ref) => /* @__PURE__ */
|
1480
|
+
(props, ref) => /* @__PURE__ */ React84__default.createElement(InputLeftElement, { ...props, ref })
|
1471
1481
|
);
|
1472
1482
|
var InputRightElement2 = forwardRef(
|
1473
|
-
(props, ref) => /* @__PURE__ */
|
1483
|
+
(props, ref) => /* @__PURE__ */ React84__default.createElement(InputRightElement, { ...props, ref })
|
1474
1484
|
);
|
1475
1485
|
var NativeSelect = forwardRef(
|
1476
1486
|
({ label, ...props }, ref) => {
|
1477
1487
|
const styles3 = useMultiStyleConfig("Select", props);
|
1478
|
-
return /* @__PURE__ */
|
1488
|
+
return /* @__PURE__ */ React84__default.createElement(FormControl, null, /* @__PURE__ */ React84__default.createElement(
|
1479
1489
|
Select,
|
1480
1490
|
{
|
1481
1491
|
"data-attachable": true,
|
@@ -1483,7 +1493,7 @@ var NativeSelect = forwardRef(
|
|
1483
1493
|
rootProps: { __css: styles3.root },
|
1484
1494
|
ref
|
1485
1495
|
}
|
1486
|
-
), label && /* @__PURE__ */
|
1496
|
+
), label && /* @__PURE__ */ React84__default.createElement(FormLabel, null, label));
|
1487
1497
|
}
|
1488
1498
|
);
|
1489
1499
|
function NumericStepper({
|
@@ -1509,17 +1519,17 @@ function NumericStepper({
|
|
1509
1519
|
});
|
1510
1520
|
const formControlProps = useFormControl({ id: idProp, isDisabled });
|
1511
1521
|
const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
|
1512
|
-
return /* @__PURE__ */
|
1522
|
+
return /* @__PURE__ */ React84__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React84__default.createElement(
|
1513
1523
|
VerySmallButton,
|
1514
1524
|
{
|
1515
|
-
icon: /* @__PURE__ */
|
1525
|
+
icon: /* @__PURE__ */ React84__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
|
1516
1526
|
"aria-label": t2(texts2.decrementButtonAriaLabel(clampedStepSize)),
|
1517
1527
|
onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
|
1518
1528
|
visibility: value <= minValue ? "hidden" : "visible",
|
1519
1529
|
isDisabled: formControlProps.disabled,
|
1520
1530
|
id: value <= minValue ? void 0 : formControlProps.id
|
1521
1531
|
}
|
1522
|
-
), withInput ? /* @__PURE__ */
|
1532
|
+
), withInput ? /* @__PURE__ */ React84__default.createElement(
|
1523
1533
|
chakra.input,
|
1524
1534
|
{
|
1525
1535
|
type: "number",
|
@@ -1542,7 +1552,7 @@ function NumericStepper({
|
|
1542
1552
|
onChange(Math.max(Math.min(numericInput, maxValue), minValue));
|
1543
1553
|
}
|
1544
1554
|
}
|
1545
|
-
) : /* @__PURE__ */
|
1555
|
+
) : /* @__PURE__ */ React84__default.createElement(
|
1546
1556
|
chakra.text,
|
1547
1557
|
{
|
1548
1558
|
sx: styles3.text,
|
@@ -1550,10 +1560,10 @@ function NumericStepper({
|
|
1550
1560
|
"aria-label": value.toString()
|
1551
1561
|
},
|
1552
1562
|
value
|
1553
|
-
), /* @__PURE__ */
|
1563
|
+
), /* @__PURE__ */ React84__default.createElement(
|
1554
1564
|
VerySmallButton,
|
1555
1565
|
{
|
1556
|
-
icon: /* @__PURE__ */
|
1566
|
+
icon: /* @__PURE__ */ React84__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
|
1557
1567
|
"aria-label": t2(texts2.incrementButtonAriaLabel(clampedStepSize)),
|
1558
1568
|
onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
|
1559
1569
|
visibility: value >= maxValue ? "hidden" : "visible",
|
@@ -1564,9 +1574,9 @@ function NumericStepper({
|
|
1564
1574
|
}
|
1565
1575
|
var VerySmallButton = (props) => {
|
1566
1576
|
const styles3 = useMultiStyleConfig("NumericStepper", {});
|
1567
|
-
return /* @__PURE__ */
|
1577
|
+
return /* @__PURE__ */ React84__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
|
1568
1578
|
};
|
1569
|
-
var SubtractIcon = (props) => /* @__PURE__ */
|
1579
|
+
var SubtractIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, /* @__PURE__ */ React84__default.createElement(
|
1570
1580
|
Box,
|
1571
1581
|
{
|
1572
1582
|
as: "svg",
|
@@ -1576,7 +1586,7 @@ var SubtractIcon = (props) => /* @__PURE__ */ React86__default.createElement(Rea
|
|
1576
1586
|
stroke: "currentColor",
|
1577
1587
|
...props
|
1578
1588
|
},
|
1579
|
-
/* @__PURE__ */
|
1589
|
+
/* @__PURE__ */ React84__default.createElement(
|
1580
1590
|
"line",
|
1581
1591
|
{
|
1582
1592
|
x1: "9",
|
@@ -1587,8 +1597,8 @@ var SubtractIcon = (props) => /* @__PURE__ */ React86__default.createElement(Rea
|
|
1587
1597
|
strokeLinecap: "round"
|
1588
1598
|
}
|
1589
1599
|
)
|
1590
|
-
),
|
1591
|
-
var AddIcon = (props) => /* @__PURE__ */
|
1600
|
+
), stepLabel > 1 && /* @__PURE__ */ React84__default.createElement(chakra.span, { paddingRight: "1" }, stepLabel.toString()));
|
1601
|
+
var AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, /* @__PURE__ */ React84__default.createElement(
|
1592
1602
|
Box,
|
1593
1603
|
{
|
1594
1604
|
as: "svg",
|
@@ -1598,7 +1608,7 @@ var AddIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86_
|
|
1598
1608
|
stroke: "currentColor",
|
1599
1609
|
...props
|
1600
1610
|
},
|
1601
|
-
/* @__PURE__ */
|
1611
|
+
/* @__PURE__ */ React84__default.createElement(
|
1602
1612
|
"line",
|
1603
1613
|
{
|
1604
1614
|
x1: "9",
|
@@ -1609,7 +1619,7 @@ var AddIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86_
|
|
1609
1619
|
strokeLinecap: "round"
|
1610
1620
|
}
|
1611
1621
|
),
|
1612
|
-
/* @__PURE__ */
|
1622
|
+
/* @__PURE__ */ React84__default.createElement(
|
1613
1623
|
"line",
|
1614
1624
|
{
|
1615
1625
|
x1: "15",
|
@@ -1620,7 +1630,7 @@ var AddIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86_
|
|
1620
1630
|
strokeLinecap: "round"
|
1621
1631
|
}
|
1622
1632
|
)
|
1623
|
-
),
|
1633
|
+
), stepLabel > 1 && /* @__PURE__ */ React84__default.createElement(chakra.span, { paddingRight: "1" }, stepLabel.toString()));
|
1624
1634
|
var texts2 = createTexts({
|
1625
1635
|
decrementButtonAriaLabel(stepSize) {
|
1626
1636
|
return {
|
@@ -1646,7 +1656,7 @@ var PasswordInput = forwardRef(
|
|
1646
1656
|
const formControlProps = useFormControlContext();
|
1647
1657
|
const autoGeneratedId = `password-input-${useId()}`;
|
1648
1658
|
const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
1649
|
-
return /* @__PURE__ */
|
1659
|
+
return /* @__PURE__ */ React84__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React84__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React84__default.createElement(
|
1650
1660
|
Input$1,
|
1651
1661
|
{
|
1652
1662
|
...props,
|
@@ -1658,7 +1668,7 @@ var PasswordInput = forwardRef(
|
|
1658
1668
|
ref,
|
1659
1669
|
"data-attachable": true
|
1660
1670
|
}
|
1661
|
-
), /* @__PURE__ */
|
1671
|
+
), /* @__PURE__ */ React84__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React84__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React84__default.createElement(
|
1662
1672
|
Button,
|
1663
1673
|
{
|
1664
1674
|
variant: "ghost",
|
@@ -1706,10 +1716,10 @@ var PhoneNumberInput = forwardRef(
|
|
1706
1716
|
nationalNumber: ""
|
1707
1717
|
}
|
1708
1718
|
});
|
1709
|
-
return /* @__PURE__ */
|
1719
|
+
return /* @__PURE__ */ React84__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React84__default.createElement(
|
1710
1720
|
Suspense,
|
1711
1721
|
{
|
1712
|
-
fallback: /* @__PURE__ */
|
1722
|
+
fallback: /* @__PURE__ */ React84__default.createElement(
|
1713
1723
|
InfoSelect,
|
1714
1724
|
{
|
1715
1725
|
isLabelSrOnly: true,
|
@@ -1718,10 +1728,10 @@ var PhoneNumberInput = forwardRef(
|
|
1718
1728
|
height: "100%",
|
1719
1729
|
value: "+47"
|
1720
1730
|
},
|
1721
|
-
/* @__PURE__ */
|
1731
|
+
/* @__PURE__ */ React84__default.createElement(Item, { key: "+47" }, "+47")
|
1722
1732
|
)
|
1723
1733
|
},
|
1724
|
-
/* @__PURE__ */
|
1734
|
+
/* @__PURE__ */ React84__default.createElement(
|
1725
1735
|
LazyCountryCodeSelect,
|
1726
1736
|
{
|
1727
1737
|
value: value.countryCode,
|
@@ -1734,7 +1744,7 @@ var PhoneNumberInput = forwardRef(
|
|
1734
1744
|
width: "6.25rem"
|
1735
1745
|
}
|
1736
1746
|
)
|
1737
|
-
), /* @__PURE__ */
|
1747
|
+
), /* @__PURE__ */ React84__default.createElement(
|
1738
1748
|
Input,
|
1739
1749
|
{
|
1740
1750
|
ref,
|
@@ -1769,13 +1779,13 @@ var texts4 = createTexts({
|
|
1769
1779
|
sv: "Landskod"
|
1770
1780
|
}
|
1771
1781
|
});
|
1772
|
-
var LazyCountryCodeSelect =
|
1782
|
+
var LazyCountryCodeSelect = React84__default.lazy(() => import('./CountryCodeSelect-FKWNR6SG.mjs'));
|
1773
1783
|
var Radio = forwardRef((props, ref) => {
|
1774
|
-
return /* @__PURE__ */
|
1784
|
+
return /* @__PURE__ */ React84__default.createElement(Radio$1, { ...props, ref });
|
1775
1785
|
});
|
1776
1786
|
var RadioGroup = forwardRef(
|
1777
1787
|
({ children, direction: direction2 = "row", ...rest }, ref) => {
|
1778
|
-
return /* @__PURE__ */
|
1788
|
+
return /* @__PURE__ */ React84__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React84__default.createElement(Stack$1, { direction: direction2 }, children));
|
1779
1789
|
}
|
1780
1790
|
);
|
1781
1791
|
var SearchInput = forwardRef(
|
@@ -1785,7 +1795,7 @@ var SearchInput = forwardRef(
|
|
1785
1795
|
const formControlProps = useFormControlContext();
|
1786
1796
|
const autoGeneratedId = useId();
|
1787
1797
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
|
1788
|
-
return /* @__PURE__ */
|
1798
|
+
return /* @__PURE__ */ React84__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React84__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React84__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React84__default.createElement(
|
1789
1799
|
Input$1,
|
1790
1800
|
{
|
1791
1801
|
paddingLeft: 7,
|
@@ -1802,7 +1812,7 @@ var SearchInput = forwardRef(
|
|
1802
1812
|
placeholder: " ",
|
1803
1813
|
"data-attachable": true
|
1804
1814
|
}
|
1805
|
-
), /* @__PURE__ */
|
1815
|
+
), /* @__PURE__ */ React84__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts5.label)), showClearButton && /* @__PURE__ */ React84__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React84__default.createElement(
|
1806
1816
|
IconButton$1,
|
1807
1817
|
{
|
1808
1818
|
variant: "ghost",
|
@@ -1810,7 +1820,7 @@ var SearchInput = forwardRef(
|
|
1810
1820
|
size: "sm",
|
1811
1821
|
marginRight: 1,
|
1812
1822
|
"aria-label": t2(texts5.reset),
|
1813
|
-
icon: /* @__PURE__ */
|
1823
|
+
icon: /* @__PURE__ */ React84__default.createElement(CloseOutline24Icon, null),
|
1814
1824
|
onClick: onReset
|
1815
1825
|
}
|
1816
1826
|
)));
|
@@ -1832,7 +1842,7 @@ var texts5 = createTexts({
|
|
1832
1842
|
});
|
1833
1843
|
var Switch = forwardRef(
|
1834
1844
|
({ size: size2 = "md", ...props }, ref) => {
|
1835
|
-
return /* @__PURE__ */
|
1845
|
+
return /* @__PURE__ */ React84__default.createElement(Switch$1, { size: size2, ...props, ref });
|
1836
1846
|
}
|
1837
1847
|
);
|
1838
1848
|
var Textarea = forwardRef((props, ref) => {
|
@@ -1843,7 +1853,7 @@ var Textarea = forwardRef((props, ref) => {
|
|
1843
1853
|
const formControlProps = useFormControlContext();
|
1844
1854
|
const fallbackId = `textarea-${useId()}`;
|
1845
1855
|
const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
|
1846
|
-
return /* @__PURE__ */
|
1856
|
+
return /* @__PURE__ */ React84__default.createElement(InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React84__default.createElement(Textarea$1, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React84__default.createElement(FormLabel$1, { htmlFor: inputId, id: `${inputId}-label` }, label));
|
1847
1857
|
});
|
1848
1858
|
function getSpacingProps(props) {
|
1849
1859
|
const {
|
@@ -1905,7 +1915,7 @@ function getSpacingProps(props) {
|
|
1905
1915
|
}
|
1906
1916
|
|
1907
1917
|
// src/layout/RadioCardGroup.tsx
|
1908
|
-
var RadioCardGroupContext =
|
1918
|
+
var RadioCardGroupContext = React84__default.createContext(null);
|
1909
1919
|
var RadioCardGroup = ({
|
1910
1920
|
children,
|
1911
1921
|
name,
|
@@ -1923,7 +1933,7 @@ var RadioCardGroup = ({
|
|
1923
1933
|
setSelectedValue(value);
|
1924
1934
|
onChange && onChange(value);
|
1925
1935
|
};
|
1926
|
-
return /* @__PURE__ */
|
1936
|
+
return /* @__PURE__ */ React84__default.createElement(
|
1927
1937
|
RadioCardGroupContext.Provider,
|
1928
1938
|
{
|
1929
1939
|
value: {
|
@@ -1934,7 +1944,7 @@ var RadioCardGroup = ({
|
|
1934
1944
|
defaultValue: defaultValue || ""
|
1935
1945
|
}
|
1936
1946
|
},
|
1937
|
-
/* @__PURE__ */
|
1947
|
+
/* @__PURE__ */ React84__default.createElement(Stack$1, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React84__default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
|
1938
1948
|
);
|
1939
1949
|
};
|
1940
1950
|
|
@@ -1976,13 +1986,13 @@ var RadioCard = forwardRef(
|
|
1976
1986
|
}
|
1977
1987
|
}, [isKeyboardUser, isChecked]);
|
1978
1988
|
const inputId = `radio-card-${useId()}`;
|
1979
|
-
return /* @__PURE__ */
|
1989
|
+
return /* @__PURE__ */ React84__default.createElement(
|
1980
1990
|
Box,
|
1981
1991
|
{
|
1982
1992
|
onFocus: () => isKeyboardUser && setFocus(true),
|
1983
1993
|
onBlur: () => setFocus(false)
|
1984
1994
|
},
|
1985
|
-
/* @__PURE__ */
|
1995
|
+
/* @__PURE__ */ React84__default.createElement(
|
1986
1996
|
chakra.input,
|
1987
1997
|
{
|
1988
1998
|
type: "radio",
|
@@ -1995,7 +2005,7 @@ var RadioCard = forwardRef(
|
|
1995
2005
|
__css: styles3.radioInput
|
1996
2006
|
}
|
1997
2007
|
),
|
1998
|
-
/* @__PURE__ */
|
2008
|
+
/* @__PURE__ */ React84__default.createElement(
|
1999
2009
|
Box,
|
2000
2010
|
{
|
2001
2011
|
as: "label",
|
@@ -2022,7 +2032,7 @@ var StaticCard = forwardRef(
|
|
2022
2032
|
const styles3 = useStyleConfig("StaticCard", {
|
2023
2033
|
colorScheme
|
2024
2034
|
});
|
2025
|
-
return /* @__PURE__ */
|
2035
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { __css: styles3, ...props, ref }, children);
|
2026
2036
|
}
|
2027
2037
|
);
|
2028
2038
|
var PressableCard = forwardRef(
|
@@ -2030,37 +2040,21 @@ var PressableCard = forwardRef(
|
|
2030
2040
|
const styles3 = useStyleConfig("PressableCard", {
|
2031
2041
|
variant
|
2032
2042
|
});
|
2033
|
-
return /* @__PURE__ */
|
2043
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { __css: styles3, ...props, ref }, children);
|
2034
2044
|
}
|
2035
2045
|
);
|
2036
|
-
var AccordionContext = React86__default.createContext(null);
|
2037
|
-
var AccordionProvider = ({
|
2038
|
-
size: size2,
|
2039
|
-
...props
|
2040
|
-
}) => {
|
2041
|
-
return /* @__PURE__ */ React86__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
|
2042
|
-
};
|
2043
|
-
var useAccordionContext = () => {
|
2044
|
-
const context = React86__default.useContext(AccordionContext);
|
2045
|
-
if (context === null) {
|
2046
|
-
throw new Error(
|
2047
|
-
"useAccordionContext must be used within AccordionProvider"
|
2048
|
-
);
|
2049
|
-
}
|
2050
|
-
return context;
|
2051
|
-
};
|
2052
2046
|
var Accordion = forwardRef(
|
2053
2047
|
({ children, spacing: spacing3 = 2, ...props }, ref) => {
|
2054
2048
|
const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
|
2055
|
-
return /* @__PURE__ */
|
2049
|
+
return /* @__PURE__ */ React84__default.createElement(
|
2056
2050
|
Accordion$1,
|
2057
2051
|
{
|
2058
2052
|
...props,
|
2059
2053
|
ref,
|
2060
2054
|
defaultIndex
|
2061
2055
|
},
|
2062
|
-
/* @__PURE__ */
|
2063
|
-
)
|
2056
|
+
/* @__PURE__ */ React84__default.createElement(Stack, { spacing: spacing3 }, children)
|
2057
|
+
);
|
2064
2058
|
}
|
2065
2059
|
);
|
2066
2060
|
var Expandable = ({
|
@@ -2068,24 +2062,21 @@ var Expandable = ({
|
|
2068
2062
|
headingLevel,
|
2069
2063
|
title,
|
2070
2064
|
leftIcon,
|
2071
|
-
size: size2 = "md",
|
2072
2065
|
defaultOpen,
|
2073
2066
|
isOpen,
|
2074
2067
|
onChange = () => {
|
2075
2068
|
},
|
2076
2069
|
...rest
|
2077
2070
|
}) => {
|
2078
|
-
return /* @__PURE__ */
|
2071
|
+
return /* @__PURE__ */ React84__default.createElement(
|
2079
2072
|
Accordion,
|
2080
2073
|
{
|
2081
2074
|
...rest,
|
2082
2075
|
index: isOpen ? 0 : void 0,
|
2083
2076
|
defaultIndex: defaultOpen ? 0 : void 0,
|
2084
|
-
allowMultiple: true,
|
2085
|
-
size: size2,
|
2086
2077
|
onChange: (expandedIndex) => onChange(expandedIndex === 0)
|
2087
2078
|
},
|
2088
|
-
/* @__PURE__ */
|
2079
|
+
/* @__PURE__ */ React84__default.createElement(
|
2089
2080
|
ExpandableItem,
|
2090
2081
|
{
|
2091
2082
|
headingLevel,
|
@@ -2103,11 +2094,10 @@ var ExpandableItem = ({
|
|
2103
2094
|
leftIcon,
|
2104
2095
|
...rest
|
2105
2096
|
}) => {
|
2106
|
-
|
2107
|
-
|
2108
|
-
return /* @__PURE__ */ React86__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React86__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React86__default.createElement(AccordionButton, null, /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React86__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React86__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React86__default.createElement(AccordionPanel, null, children));
|
2097
|
+
warnAboutMismatchingIcon({ icon: leftIcon });
|
2098
|
+
return /* @__PURE__ */ React84__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React84__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React84__default.createElement(AccordionButton, null, /* @__PURE__ */ React84__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React84__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React84__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React84__default.createElement(AccordionPanel, null, children));
|
2109
2099
|
};
|
2110
|
-
var warnAboutMismatchingIcon = ({ icon
|
2100
|
+
var warnAboutMismatchingIcon = ({ icon }) => {
|
2111
2101
|
var _a6, _b5;
|
2112
2102
|
if (process.env.NODE_ENV !== "production") {
|
2113
2103
|
const displayName = (_b5 = (_a6 = icon == null ? void 0 : icon.type) == null ? void 0 : _a6.render) == null ? void 0 : _b5.displayName;
|
@@ -2123,18 +2113,9 @@ var warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
|
|
2123
2113
|
);
|
2124
2114
|
return;
|
2125
2115
|
}
|
2126
|
-
if (
|
2127
|
-
console.warn(
|
2128
|
-
`The icon you passed was of the wrong size for the lg size. You passed ${displayName}, replace it with ${displayName.replace(
|
2129
|
-
/(\d{2})Icon/,
|
2130
|
-
"30Icon"
|
2131
|
-
)}.`
|
2132
|
-
);
|
2133
|
-
return;
|
2134
|
-
}
|
2135
|
-
if (["md"].includes(size2) && !displayName.includes("24Icon")) {
|
2116
|
+
if (!displayName.includes("24Icon")) {
|
2136
2117
|
console.warn(
|
2137
|
-
`The icon you passed was of the wrong size
|
2118
|
+
`The icon you passed was of the wrong size. You passed ${displayName}, replace it with ${displayName.replace(
|
2138
2119
|
/(\d{2})Icon/,
|
2139
2120
|
"24Icon"
|
2140
2121
|
)}.`
|
@@ -2154,7 +2135,7 @@ function LanguageProvider({
|
|
2154
2135
|
language,
|
2155
2136
|
children
|
2156
2137
|
}) {
|
2157
|
-
return /* @__PURE__ */
|
2138
|
+
return /* @__PURE__ */ React84__default.createElement(LanguageContext.Provider, { value: language }, children);
|
2158
2139
|
}
|
2159
2140
|
function useLanguage() {
|
2160
2141
|
const language = useContext(LanguageContext);
|
@@ -2170,8 +2151,8 @@ function useTranslation() {
|
|
2170
2151
|
};
|
2171
2152
|
return { t: t2, language };
|
2172
2153
|
}
|
2173
|
-
function createTexts(
|
2174
|
-
return
|
2154
|
+
function createTexts(texts29) {
|
2155
|
+
return texts29;
|
2175
2156
|
}
|
2176
2157
|
var hydrating = true;
|
2177
2158
|
function useHydrated() {
|
@@ -2186,11 +2167,11 @@ function useHydrated() {
|
|
2186
2167
|
// src/loader/ClientOnly.tsx
|
2187
2168
|
var ClientOnly = ({ children, fallback = null }) => {
|
2188
2169
|
const isHydrated = useHydrated();
|
2189
|
-
return /* @__PURE__ */
|
2170
|
+
return /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, isHydrated ? children() : fallback);
|
2190
2171
|
};
|
2191
2172
|
function Lottie({ animationData }) {
|
2192
2173
|
const { View } = useLottie({ animationData, loop: true });
|
2193
|
-
return /* @__PURE__ */
|
2174
|
+
return /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, View);
|
2194
2175
|
}
|
2195
2176
|
|
2196
2177
|
// src/loader/ColorInlineLoader.tsx
|
@@ -2199,7 +2180,7 @@ var ColorInlineLoader = ({
|
|
2199
2180
|
maxWidth,
|
2200
2181
|
...props
|
2201
2182
|
}) => {
|
2202
|
-
return /* @__PURE__ */
|
2183
|
+
return /* @__PURE__ */ React84__default.createElement(Center, { ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: inlineLoaderColorData }))));
|
2203
2184
|
};
|
2204
2185
|
var ColorSpinner = ({
|
2205
2186
|
children,
|
@@ -2207,24 +2188,24 @@ var ColorSpinner = ({
|
|
2207
2188
|
maxWidth,
|
2208
2189
|
...props
|
2209
2190
|
}) => {
|
2210
|
-
return /* @__PURE__ */
|
2191
|
+
return /* @__PURE__ */ React84__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React84__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2211
2192
|
};
|
2212
2193
|
var ContentLoader = ({ children, ...props }) => {
|
2213
|
-
return /* @__PURE__ */
|
2194
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { ...props }, /* @__PURE__ */ React84__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React84__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
|
2214
2195
|
};
|
2215
2196
|
var DarkFullScreenLoader = ({
|
2216
2197
|
width,
|
2217
2198
|
maxWidth,
|
2218
2199
|
...props
|
2219
2200
|
}) => {
|
2220
|
-
return /* @__PURE__ */
|
2201
|
+
return /* @__PURE__ */ React84__default.createElement(Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: fullScreenLoaderWhiteData }))));
|
2221
2202
|
};
|
2222
2203
|
var DarkInlineLoader = ({
|
2223
2204
|
width,
|
2224
2205
|
maxWidth,
|
2225
2206
|
...props
|
2226
2207
|
}) => {
|
2227
|
-
return /* @__PURE__ */
|
2208
|
+
return /* @__PURE__ */ React84__default.createElement(Center, { ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: inlineLoaderDarkData }))));
|
2228
2209
|
};
|
2229
2210
|
var DarkSpinner = ({
|
2230
2211
|
children,
|
@@ -2234,21 +2215,21 @@ var DarkSpinner = ({
|
|
2234
2215
|
}) => {
|
2235
2216
|
const { colorMode } = useColorMode();
|
2236
2217
|
const spinnerData = colorMode === "dark" ? spinnerLightData : spinnerDarkData;
|
2237
|
-
return /* @__PURE__ */
|
2218
|
+
return /* @__PURE__ */ React84__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React84__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2238
2219
|
};
|
2239
2220
|
var LightFullScreenLoader = ({
|
2240
2221
|
width,
|
2241
2222
|
maxWidth,
|
2242
2223
|
...props
|
2243
2224
|
}) => {
|
2244
|
-
return /* @__PURE__ */
|
2225
|
+
return /* @__PURE__ */ React84__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: fullScreenLoaderBlackData }))));
|
2245
2226
|
};
|
2246
2227
|
var LightInlineLoader = ({
|
2247
2228
|
width,
|
2248
2229
|
maxWidth,
|
2249
2230
|
...props
|
2250
2231
|
}) => {
|
2251
|
-
return /* @__PURE__ */
|
2232
|
+
return /* @__PURE__ */ React84__default.createElement(Center, { ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: inlineLoaderLightData }))));
|
2252
2233
|
};
|
2253
2234
|
var LightSpinner = ({
|
2254
2235
|
children,
|
@@ -2256,7 +2237,7 @@ var LightSpinner = ({
|
|
2256
2237
|
maxWidth,
|
2257
2238
|
...props
|
2258
2239
|
}) => {
|
2259
|
-
return /* @__PURE__ */
|
2240
|
+
return /* @__PURE__ */ React84__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React84__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
|
2260
2241
|
};
|
2261
2242
|
var useRotatingLabel = ({ label, delay }) => {
|
2262
2243
|
const loadingTextArray = useMemo(
|
@@ -2293,7 +2274,7 @@ var ProgressBar = ({
|
|
2293
2274
|
"aria-label": ariaLabel || t2(texts6.label(value))
|
2294
2275
|
});
|
2295
2276
|
const styles3 = useMultiStyleConfig("ProgressBar", {});
|
2296
|
-
return /* @__PURE__ */
|
2277
|
+
return /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, /* @__PURE__ */ React84__default.createElement(
|
2297
2278
|
Box,
|
2298
2279
|
{
|
2299
2280
|
...progressBarProps,
|
@@ -2301,8 +2282,8 @@ var ProgressBar = ({
|
|
2301
2282
|
__css: styles3.container,
|
2302
2283
|
...rest
|
2303
2284
|
},
|
2304
|
-
/* @__PURE__ */
|
2305
|
-
currentLoadingText && /* @__PURE__ */
|
2285
|
+
/* @__PURE__ */ React84__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React84__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
|
2286
|
+
currentLoadingText && /* @__PURE__ */ React84__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
|
2306
2287
|
));
|
2307
2288
|
};
|
2308
2289
|
var texts6 = createTexts({
|
@@ -2336,7 +2317,7 @@ var ProgressLoader = ({
|
|
2336
2317
|
const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
|
2337
2318
|
const progress = (value - 100) / 100 * progressPathLength;
|
2338
2319
|
const id = useId();
|
2339
|
-
return /* @__PURE__ */
|
2320
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React84__default.createElement(Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React84__default.createElement(
|
2340
2321
|
Box,
|
2341
2322
|
{
|
2342
2323
|
as: "path",
|
@@ -2344,7 +2325,7 @@ var ProgressLoader = ({
|
|
2344
2325
|
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",
|
2345
2326
|
fill: "#FFB466"
|
2346
2327
|
}
|
2347
|
-
), /* @__PURE__ */
|
2328
|
+
), /* @__PURE__ */ React84__default.createElement(
|
2348
2329
|
Box,
|
2349
2330
|
{
|
2350
2331
|
as: "path",
|
@@ -2355,7 +2336,7 @@ var ProgressLoader = ({
|
|
2355
2336
|
strokeLinecap: "round",
|
2356
2337
|
strokeLinejoin: "round"
|
2357
2338
|
}
|
2358
|
-
), /* @__PURE__ */
|
2339
|
+
), /* @__PURE__ */ React84__default.createElement(
|
2359
2340
|
Box,
|
2360
2341
|
{
|
2361
2342
|
as: "path",
|
@@ -2370,7 +2351,7 @@ var ProgressLoader = ({
|
|
2370
2351
|
transition: "stroke-dashoffset .2s ease-out",
|
2371
2352
|
ref: pathRef
|
2372
2353
|
}
|
2373
|
-
), /* @__PURE__ */
|
2354
|
+
), /* @__PURE__ */ React84__default.createElement(
|
2374
2355
|
Box,
|
2375
2356
|
{
|
2376
2357
|
as: "path",
|
@@ -2378,7 +2359,7 @@ var ProgressLoader = ({
|
|
2378
2359
|
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",
|
2379
2360
|
fill: "#688CBA"
|
2380
2361
|
}
|
2381
|
-
)), currentLoadingText && /* @__PURE__ */
|
2362
|
+
)), currentLoadingText && /* @__PURE__ */ React84__default.createElement(
|
2382
2363
|
Text,
|
2383
2364
|
{
|
2384
2365
|
textAlign: "center",
|
@@ -2397,9 +2378,9 @@ var texts7 = createTexts({
|
|
2397
2378
|
en: `${value}% done`
|
2398
2379
|
})
|
2399
2380
|
});
|
2400
|
-
var Skeleton = forwardRef((props, ref) => /* @__PURE__ */
|
2401
|
-
var SkeletonCircle = (props) => /* @__PURE__ */
|
2402
|
-
var SkeletonText = (props) => /* @__PURE__ */
|
2381
|
+
var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React84__default.createElement(Skeleton$1, { ...props, ref }));
|
2382
|
+
var SkeletonCircle = (props) => /* @__PURE__ */ React84__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
|
2383
|
+
var SkeletonText = (props) => /* @__PURE__ */ React84__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
|
2403
2384
|
|
2404
2385
|
// src/button/Button.tsx
|
2405
2386
|
var Button2 = forwardRef((props, ref) => {
|
@@ -2429,7 +2410,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2429
2410
|
if (fontWeight) {
|
2430
2411
|
styles3.fontWeight = fontWeight;
|
2431
2412
|
}
|
2432
|
-
return /* @__PURE__ */
|
2413
|
+
return /* @__PURE__ */ React84__default.createElement(
|
2433
2414
|
Box,
|
2434
2415
|
{
|
2435
2416
|
...rest,
|
@@ -2443,7 +2424,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2443
2424
|
position: "relative",
|
2444
2425
|
fontFamily: "Vy Sans"
|
2445
2426
|
},
|
2446
|
-
isLoading && /* @__PURE__ */
|
2427
|
+
isLoading && /* @__PURE__ */ React84__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React84__default.createElement(
|
2447
2428
|
ColorInlineLoader,
|
2448
2429
|
{
|
2449
2430
|
maxWidth: getLoaderWidth(finalSize),
|
@@ -2452,7 +2433,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2452
2433
|
marginY: 2
|
2453
2434
|
}
|
2454
2435
|
)),
|
2455
|
-
/* @__PURE__ */
|
2436
|
+
/* @__PURE__ */ React84__default.createElement(
|
2456
2437
|
Flex,
|
2457
2438
|
{
|
2458
2439
|
gap: 1,
|
@@ -2462,7 +2443,7 @@ var Button2 = forwardRef((props, ref) => {
|
|
2462
2443
|
visibility: isLoading ? "hidden" : "visible",
|
2463
2444
|
"aria-hidden": isLoading
|
2464
2445
|
},
|
2465
|
-
/* @__PURE__ */
|
2446
|
+
/* @__PURE__ */ React84__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React84__default.createElement(
|
2466
2447
|
Box,
|
2467
2448
|
{
|
2468
2449
|
visibility: isLoading ? "hidden" : "visible",
|
@@ -2503,14 +2484,14 @@ var texts8 = createTexts({
|
|
2503
2484
|
sv: "Laddar\u2026"
|
2504
2485
|
}
|
2505
2486
|
});
|
2506
|
-
var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */
|
2487
|
+
var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React84__default.createElement(ButtonGroup$1, { ...props, ref }));
|
2507
2488
|
var IconButton = forwardRef(
|
2508
|
-
({ ...props }, ref) => /* @__PURE__ */
|
2489
|
+
({ ...props }, ref) => /* @__PURE__ */ React84__default.createElement(
|
2509
2490
|
IconButton$1,
|
2510
2491
|
{
|
2511
2492
|
title: props["aria-label"],
|
2512
2493
|
...props,
|
2513
|
-
spinner: /* @__PURE__ */
|
2494
|
+
spinner: /* @__PURE__ */ React84__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
|
2514
2495
|
ref
|
2515
2496
|
}
|
2516
2497
|
)
|
@@ -2520,7 +2501,7 @@ var IconButton = forwardRef(
|
|
2520
2501
|
var CloseButton = forwardRef(
|
2521
2502
|
({ size: size2 = "sm", ...props }, ref) => {
|
2522
2503
|
const { t: t2 } = useTranslation();
|
2523
|
-
return /* @__PURE__ */
|
2504
|
+
return /* @__PURE__ */ React84__default.createElement(
|
2524
2505
|
IconButton,
|
2525
2506
|
{
|
2526
2507
|
ref,
|
@@ -2537,11 +2518,11 @@ var getIcon = (size2) => {
|
|
2537
2518
|
switch (size2) {
|
2538
2519
|
case "xs":
|
2539
2520
|
case "sm":
|
2540
|
-
return /* @__PURE__ */
|
2521
|
+
return /* @__PURE__ */ React84__default.createElement(CloseFill18Icon, null);
|
2541
2522
|
case "md":
|
2542
|
-
return /* @__PURE__ */
|
2523
|
+
return /* @__PURE__ */ React84__default.createElement(CloseFill24Icon, null);
|
2543
2524
|
case "lg":
|
2544
|
-
return /* @__PURE__ */
|
2525
|
+
return /* @__PURE__ */ React84__default.createElement(CloseFill30Icon, null);
|
2545
2526
|
}
|
2546
2527
|
};
|
2547
2528
|
var texts9 = createTexts({
|
@@ -2563,7 +2544,7 @@ var FloatingActionButton = forwardRef(
|
|
2563
2544
|
placement = "bottom right",
|
2564
2545
|
...props
|
2565
2546
|
}, ref) => {
|
2566
|
-
const [isTextVisible, setIsTextVisible] =
|
2547
|
+
const [isTextVisible, setIsTextVisible] = React84__default.useState(
|
2567
2548
|
externalIsTextVisible !== void 0 ? externalIsTextVisible : false
|
2568
2549
|
);
|
2569
2550
|
const scrollDirection = useScrollDirection();
|
@@ -2585,7 +2566,7 @@ var FloatingActionButton = forwardRef(
|
|
2585
2566
|
isTextVisible,
|
2586
2567
|
placement
|
2587
2568
|
});
|
2588
|
-
return /* @__PURE__ */
|
2569
|
+
return /* @__PURE__ */ React84__default.createElement(
|
2589
2570
|
MotionBox,
|
2590
2571
|
{
|
2591
2572
|
__css: style.container,
|
@@ -2593,8 +2574,8 @@ var FloatingActionButton = forwardRef(
|
|
2593
2574
|
ref,
|
2594
2575
|
...props
|
2595
2576
|
},
|
2596
|
-
/* @__PURE__ */
|
2597
|
-
/* @__PURE__ */
|
2577
|
+
/* @__PURE__ */ React84__default.createElement(Box, { __css: style.icon }, icon),
|
2578
|
+
/* @__PURE__ */ React84__default.createElement(
|
2598
2579
|
MotionBox,
|
2599
2580
|
{
|
2600
2581
|
animate: isTextVisible ? "show" : "hide",
|
@@ -2619,11 +2600,11 @@ var FloatingActionButton = forwardRef(
|
|
2619
2600
|
}
|
2620
2601
|
);
|
2621
2602
|
var useScrollDirection = () => {
|
2622
|
-
const [scrollDirection, setScrollDirection] =
|
2623
|
-
const lastScrollPosition =
|
2603
|
+
const [scrollDirection, setScrollDirection] = React84__default.useState(null);
|
2604
|
+
const lastScrollPosition = React84__default.useRef(
|
2624
2605
|
typeof window !== "undefined" ? window.scrollY : 0
|
2625
2606
|
);
|
2626
|
-
|
2607
|
+
React84__default.useEffect(() => {
|
2627
2608
|
const onScroll = () => {
|
2628
2609
|
const delta = window.scrollY - lastScrollPosition.current;
|
2629
2610
|
if (delta === 0) {
|
@@ -2642,7 +2623,7 @@ var useScrollDirection = () => {
|
|
2642
2623
|
var AlertIcon = ({ variant }) => {
|
2643
2624
|
const Icon = getIcon2(variant);
|
2644
2625
|
const { t: t2 } = useTranslation();
|
2645
|
-
return /* @__PURE__ */
|
2626
|
+
return /* @__PURE__ */ React84__default.createElement(
|
2646
2627
|
Icon,
|
2647
2628
|
{
|
2648
2629
|
flexShrink: 0,
|
@@ -2704,7 +2685,7 @@ var BaseAlert = ({
|
|
2704
2685
|
...boxProps
|
2705
2686
|
}) => {
|
2706
2687
|
const styles3 = useMultiStyleConfig("Alert", { variant });
|
2707
|
-
return /* @__PURE__ */
|
2688
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
|
2708
2689
|
};
|
2709
2690
|
|
2710
2691
|
// src/alert/ClosableAlert.tsx
|
@@ -2725,17 +2706,17 @@ var ClosableAlert = ({
|
|
2725
2706
|
externalOnClose();
|
2726
2707
|
onClose();
|
2727
2708
|
};
|
2728
|
-
return /* @__PURE__ */
|
2709
|
+
return /* @__PURE__ */ React84__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React84__default.createElement(
|
2729
2710
|
IconButton,
|
2730
2711
|
{
|
2731
2712
|
variant: "ghost",
|
2732
2713
|
size: "sm",
|
2733
2714
|
onClick: handleClose,
|
2734
|
-
icon: /* @__PURE__ */
|
2715
|
+
icon: /* @__PURE__ */ React84__default.createElement(CloseFill18Icon, null),
|
2735
2716
|
"aria-label": t2(texts11.close),
|
2736
2717
|
sx: styles3.closeButton
|
2737
2718
|
}
|
2738
|
-
), /* @__PURE__ */
|
2719
|
+
), /* @__PURE__ */ React84__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React84__default.createElement(Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React84__default.createElement(Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React84__default.createElement(Box, { marginRight: 1 }, children)));
|
2739
2720
|
};
|
2740
2721
|
var texts11 = createTexts({
|
2741
2722
|
close: {
|
@@ -2756,7 +2737,7 @@ var ExpandableAlert = ({
|
|
2756
2737
|
...boxProps
|
2757
2738
|
}) => {
|
2758
2739
|
const styles3 = useMultiStyleConfig("AlertExpandable", { variant });
|
2759
|
-
return /* @__PURE__ */
|
2740
|
+
return /* @__PURE__ */ React84__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React84__default.createElement(
|
2760
2741
|
Accordion$1,
|
2761
2742
|
{
|
2762
2743
|
onChange: (expandedIndex) => onToggle(expandedIndex === 0),
|
@@ -2764,14 +2745,14 @@ var ExpandableAlert = ({
|
|
2764
2745
|
allowToggle: true,
|
2765
2746
|
flexGrow: "1"
|
2766
2747
|
},
|
2767
|
-
/* @__PURE__ */
|
2748
|
+
/* @__PURE__ */ React84__default.createElement(AccordionItem, null, /* @__PURE__ */ React84__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React84__default.createElement(
|
2768
2749
|
Flex,
|
2769
2750
|
{
|
2770
2751
|
justifyContent: "space-between",
|
2771
2752
|
alignItems: "center",
|
2772
2753
|
flexGrow: "1"
|
2773
2754
|
},
|
2774
|
-
/* @__PURE__ */
|
2755
|
+
/* @__PURE__ */ React84__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React84__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React84__default.createElement(
|
2775
2756
|
Box,
|
2776
2757
|
{
|
2777
2758
|
as: "span",
|
@@ -2779,15 +2760,15 @@ var ExpandableAlert = ({
|
|
2779
2760
|
// Truncate the title to one line
|
2780
2761
|
display: "-webkit-box",
|
2781
2762
|
overflow: "hidden",
|
2782
|
-
|
2783
|
-
|
2763
|
+
WebkitLineClamp: "1",
|
2764
|
+
WebkitBoxOrient: "vertical"
|
2784
2765
|
},
|
2785
2766
|
color: "darkGrey"
|
2786
2767
|
},
|
2787
2768
|
title
|
2788
2769
|
)),
|
2789
|
-
/* @__PURE__ */
|
2790
|
-
)), /* @__PURE__ */
|
2770
|
+
/* @__PURE__ */ React84__default.createElement(AccordionIcon, { color: "darkGrey" })
|
2771
|
+
)), /* @__PURE__ */ React84__default.createElement(AccordionPanel, null, children))
|
2791
2772
|
));
|
2792
2773
|
};
|
2793
2774
|
var StaticAlert = ({
|
@@ -2795,35 +2776,23 @@ var StaticAlert = ({
|
|
2795
2776
|
title,
|
2796
2777
|
...props
|
2797
2778
|
}) => {
|
2798
|
-
return /* @__PURE__ */
|
2779
|
+
return /* @__PURE__ */ React84__default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React84__default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React84__default.createElement(Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React84__default.createElement(Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React84__default.createElement(Box, null, children)));
|
2799
2780
|
};
|
2800
2781
|
var Breadcrumb = (props) => {
|
2801
2782
|
const iconColor = useColorModeValue("blackAlpha.400", "whiteAlpha.400");
|
2802
|
-
return /* @__PURE__ */
|
2783
|
+
return /* @__PURE__ */ React84__default.createElement(
|
2803
2784
|
Breadcrumb$1,
|
2804
2785
|
{
|
2805
|
-
separator: /* @__PURE__ */
|
2786
|
+
separator: /* @__PURE__ */ React84__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
|
2806
2787
|
...props
|
2807
2788
|
}
|
2808
2789
|
);
|
2809
2790
|
};
|
2810
2791
|
var BreadcrumbItem = BreadcrumbItem$1;
|
2811
2792
|
var BreadcrumbLink = BreadcrumbLink$1;
|
2812
|
-
var Card2 = forwardRef(
|
2813
|
-
({ size: size2 = "sm", colorScheme = "white", children, ...props }, ref) => {
|
2814
|
-
console.warn(
|
2815
|
-
"Warning: Card is deprecated. Use `StaticCard` or `PressableCard` instead."
|
2816
|
-
);
|
2817
|
-
const styles3 = useStyleConfig("Card", {
|
2818
|
-
colorScheme,
|
2819
|
-
size: size2
|
2820
|
-
});
|
2821
|
-
return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
|
2822
|
-
}
|
2823
|
-
);
|
2824
2793
|
var Badge = forwardRef(
|
2825
2794
|
({ icon, colorScheme = "grey", children, ...props }, ref) => {
|
2826
|
-
return /* @__PURE__ */
|
2795
|
+
return /* @__PURE__ */ React84__default.createElement(
|
2827
2796
|
Badge$1,
|
2828
2797
|
{
|
2829
2798
|
colorScheme,
|
@@ -2831,12 +2800,12 @@ var Badge = forwardRef(
|
|
2831
2800
|
paddingLeft: icon ? 1 : void 0,
|
2832
2801
|
ref
|
2833
2802
|
},
|
2834
|
-
icon &&
|
2803
|
+
icon && React84__default.cloneElement(icon, { marginRight: 1 }),
|
2835
2804
|
children
|
2836
2805
|
);
|
2837
2806
|
}
|
2838
2807
|
);
|
2839
|
-
var Code = forwardRef((props, ref) => /* @__PURE__ */
|
2808
|
+
var Code = forwardRef((props, ref) => /* @__PURE__ */ React84__default.createElement(Code$1, { ...props, ref }));
|
2840
2809
|
var Heading2 = ({
|
2841
2810
|
as,
|
2842
2811
|
variant = "xl-display",
|
@@ -2846,11 +2815,11 @@ var Heading2 = ({
|
|
2846
2815
|
}) => {
|
2847
2816
|
const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
|
2848
2817
|
const color2 = useColorModeValue("text.primary.light", "text.primary.dark");
|
2849
|
-
return /* @__PURE__ */
|
2818
|
+
return /* @__PURE__ */ React84__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
|
2850
2819
|
};
|
2851
2820
|
var Text4 = forwardRef(
|
2852
2821
|
({ variant = "sm", ...props }, ref) => {
|
2853
|
-
return /* @__PURE__ */
|
2822
|
+
return /* @__PURE__ */ React84__default.createElement(Text, { ...props, textStyle: variant, ref });
|
2854
2823
|
}
|
2855
2824
|
);
|
2856
2825
|
function CalendarCell({
|
@@ -2893,7 +2862,7 @@ function CalendarCell({
|
|
2893
2862
|
{ passive: false, once: true }
|
2894
2863
|
);
|
2895
2864
|
}, []);
|
2896
|
-
return /* @__PURE__ */
|
2865
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React84__default.createElement(
|
2897
2866
|
Box,
|
2898
2867
|
{
|
2899
2868
|
as: "button",
|
@@ -2955,8 +2924,8 @@ function CalendarGrid({
|
|
2955
2924
|
const weeksInMonth = getWeeksInMonth(state2.visibleRange.start, locale);
|
2956
2925
|
const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
|
2957
2926
|
const styles3 = useMultiStyleConfig("Datepicker", { variant });
|
2958
|
-
return /* @__PURE__ */
|
2959
|
-
return /* @__PURE__ */
|
2927
|
+
return /* @__PURE__ */ React84__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React84__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React84__default.createElement("tr", null, weekDays[language].map((day, index) => {
|
2928
|
+
return /* @__PURE__ */ React84__default.createElement(
|
2960
2929
|
Text4,
|
2961
2930
|
{
|
2962
2931
|
as: "th",
|
@@ -2966,8 +2935,8 @@ function CalendarGrid({
|
|
2966
2935
|
},
|
2967
2936
|
day
|
2968
2937
|
);
|
2969
|
-
}))), /* @__PURE__ */
|
2970
|
-
(date, dayIndex) => date ? /* @__PURE__ */
|
2938
|
+
}))), /* @__PURE__ */ React84__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React84__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
|
2939
|
+
(date, dayIndex) => date ? /* @__PURE__ */ React84__default.createElement(
|
2971
2940
|
CalendarCell,
|
2972
2941
|
{
|
2973
2942
|
variant,
|
@@ -2976,7 +2945,7 @@ function CalendarGrid({
|
|
2976
2945
|
date,
|
2977
2946
|
currentMonth: startDate
|
2978
2947
|
}
|
2979
|
-
) : /* @__PURE__ */
|
2948
|
+
) : /* @__PURE__ */ React84__default.createElement("td", { key: dayIndex })
|
2980
2949
|
)))));
|
2981
2950
|
}
|
2982
2951
|
function CalendarNavigationButton({
|
@@ -2986,7 +2955,7 @@ function CalendarNavigationButton({
|
|
2986
2955
|
}) {
|
2987
2956
|
const ref = useRef(null);
|
2988
2957
|
const { buttonProps } = useButton(rest, ref);
|
2989
|
-
return /* @__PURE__ */
|
2958
|
+
return /* @__PURE__ */ React84__default.createElement(
|
2990
2959
|
IconButton,
|
2991
2960
|
{
|
2992
2961
|
...buttonProps,
|
@@ -3020,7 +2989,7 @@ function CalendarHeader({
|
|
3020
2989
|
);
|
3021
2990
|
const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
|
3022
2991
|
const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
|
3023
|
-
return /* @__PURE__ */
|
2992
|
+
return /* @__PURE__ */ React84__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React84__default.createElement(
|
3024
2993
|
CalendarNavigator,
|
3025
2994
|
{
|
3026
2995
|
title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
|
@@ -3030,7 +2999,7 @@ function CalendarHeader({
|
|
3030
2999
|
isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
|
3031
3000
|
isPreviousDisabled: !state2.isNextVisibleRangeInvalid
|
3032
3001
|
}
|
3033
|
-
), isYearPickerVisible && /* @__PURE__ */
|
3002
|
+
), isYearPickerVisible && /* @__PURE__ */ React84__default.createElement(
|
3034
3003
|
CalendarNavigator,
|
3035
3004
|
{
|
3036
3005
|
title: jsDate.getFullYear().toString(),
|
@@ -3052,15 +3021,15 @@ var CalendarNavigator = ({
|
|
3052
3021
|
isNextDisabled
|
3053
3022
|
}) => {
|
3054
3023
|
const { t: t2 } = useTranslation();
|
3055
|
-
return /* @__PURE__ */
|
3024
|
+
return /* @__PURE__ */ React84__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React84__default.createElement(
|
3056
3025
|
CalendarNavigationButton,
|
3057
3026
|
{
|
3058
3027
|
onPress: onPrevious,
|
3059
3028
|
isDisabled: isPreviousDisabled,
|
3060
|
-
icon: /* @__PURE__ */
|
3029
|
+
icon: /* @__PURE__ */ React84__default.createElement(ArrowLeftOutline24Icon, null),
|
3061
3030
|
"aria-label": `${t2(texts12.previous)} ${t2(texts12[unit])}`
|
3062
3031
|
}
|
3063
|
-
), /* @__PURE__ */
|
3032
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3064
3033
|
Box,
|
3065
3034
|
{
|
3066
3035
|
role: "heading",
|
@@ -3070,12 +3039,12 @@ var CalendarNavigator = ({
|
|
3070
3039
|
textAlign: "center"
|
3071
3040
|
},
|
3072
3041
|
capitalize(title)
|
3073
|
-
), /* @__PURE__ */
|
3042
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3074
3043
|
CalendarNavigationButton,
|
3075
3044
|
{
|
3076
3045
|
onPress: onNext,
|
3077
3046
|
isDisabled: isNextDisabled,
|
3078
|
-
icon: /* @__PURE__ */
|
3047
|
+
icon: /* @__PURE__ */ React84__default.createElement(ArrowRightOutline24Icon, null),
|
3079
3048
|
"aria-label": `${t2(texts12.next)} ${t2(texts12[unit])}`
|
3080
3049
|
}
|
3081
3050
|
));
|
@@ -3123,7 +3092,7 @@ function Calendar({
|
|
3123
3092
|
const { calendarProps } = useCalendar(props, state2);
|
3124
3093
|
const calendarAriaLabel = calendarProps["aria-label"];
|
3125
3094
|
const ariaLabel = t2(texts13.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
|
3126
|
-
return /* @__PURE__ */
|
3095
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React84__default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React84__default.createElement(CalendarGrid, { variant, state: state2 }));
|
3127
3096
|
}
|
3128
3097
|
var texts13 = createTexts({
|
3129
3098
|
calendar: {
|
@@ -3134,28 +3103,30 @@ var texts13 = createTexts({
|
|
3134
3103
|
}
|
3135
3104
|
});
|
3136
3105
|
var CalendarTriggerButton = forwardRef(
|
3137
|
-
({ variant, ...buttonProps }, ref) => {
|
3106
|
+
({ variant, isDisabled, ariaLabelledby, ...buttonProps }, ref) => {
|
3138
3107
|
const { t: t2 } = useTranslation();
|
3139
3108
|
const styles3 = useMultiStyleConfig("Datepicker", { variant });
|
3140
3109
|
const { onPress, ...filteredButtonProps } = buttonProps;
|
3141
|
-
const
|
3142
|
-
if (
|
3143
|
-
|
3144
|
-
|
3110
|
+
const handleCommand = (event) => {
|
3111
|
+
if (event.key === "Enter" || event.key === " ") {
|
3112
|
+
event.preventDefault();
|
3113
|
+
onPress == null ? void 0 : onPress(event);
|
3145
3114
|
}
|
3146
3115
|
};
|
3147
|
-
return /* @__PURE__ */
|
3148
|
-
|
3116
|
+
return /* @__PURE__ */ React84__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React84__default.createElement(
|
3117
|
+
IconButton,
|
3149
3118
|
{
|
3150
3119
|
ref,
|
3151
|
-
|
3152
|
-
|
3120
|
+
role: "button",
|
3121
|
+
icon: /* @__PURE__ */ React84__default.createElement(CalendarOutline24Icon, null),
|
3153
3122
|
"aria-label": t2(texts14.openCalendar),
|
3154
3123
|
sx: styles3.calendarTriggerButton,
|
3124
|
+
variant: "ghost",
|
3155
3125
|
...filteredButtonProps,
|
3156
|
-
|
3157
|
-
|
3158
|
-
|
3126
|
+
isDisabled,
|
3127
|
+
onKeyDown: handleCommand,
|
3128
|
+
"aria-labelledby": ariaLabelledby
|
3129
|
+
}
|
3159
3130
|
));
|
3160
3131
|
}
|
3161
3132
|
);
|
@@ -3168,7 +3139,7 @@ var texts14 = createTexts({
|
|
3168
3139
|
}
|
3169
3140
|
});
|
3170
3141
|
var DateTimeSegment = forwardRef$1(
|
3171
|
-
({ segment, state: state2 }, externalRef) => {
|
3142
|
+
({ segment, state: state2, ariaLabel, ariaDescription }, externalRef) => {
|
3172
3143
|
const internalRef = useRef(null);
|
3173
3144
|
const ref = externalRef ?? internalRef;
|
3174
3145
|
const { segmentProps } = useDateSegment(
|
@@ -3180,7 +3151,7 @@ var DateTimeSegment = forwardRef$1(
|
|
3180
3151
|
isPlaceholder: segment.isPlaceholder,
|
3181
3152
|
isEditable: segment.isEditable
|
3182
3153
|
});
|
3183
|
-
return /* @__PURE__ */
|
3154
|
+
return /* @__PURE__ */ React84__default.createElement(
|
3184
3155
|
Box,
|
3185
3156
|
{
|
3186
3157
|
...segmentProps,
|
@@ -3193,7 +3164,9 @@ var DateTimeSegment = forwardRef$1(
|
|
3193
3164
|
outline: "none",
|
3194
3165
|
borderRadius: "xs",
|
3195
3166
|
fontSize: ["mobile.sm", "desktop.sm"],
|
3196
|
-
sx: styles3.dateTimeSegment
|
3167
|
+
sx: styles3.dateTimeSegment,
|
3168
|
+
"aria-description": ariaDescription,
|
3169
|
+
"aria-labelledby": ariaLabel
|
3197
3170
|
},
|
3198
3171
|
isPaddable(segment.type) ? segment.text.padStart(2, "0") : segment.text
|
3199
3172
|
);
|
@@ -3211,7 +3184,7 @@ function createCalendar2(identifier) {
|
|
3211
3184
|
}
|
3212
3185
|
}
|
3213
3186
|
var DateField = forwardRef$1(
|
3214
|
-
(props, externalRef) => {
|
3187
|
+
({ labelId, ...props }, externalRef) => {
|
3215
3188
|
var _a6;
|
3216
3189
|
const locale = useCurrentLocale();
|
3217
3190
|
const styles3 = useMultiStyleConfig("Datepicker", {});
|
@@ -3220,24 +3193,33 @@ var DateField = forwardRef$1(
|
|
3220
3193
|
locale,
|
3221
3194
|
createCalendar: createCalendar2
|
3222
3195
|
});
|
3196
|
+
const { t: t2 } = useTranslation();
|
3223
3197
|
const internalRef = useRef(null);
|
3224
3198
|
const ref = externalRef ?? internalRef;
|
3225
|
-
const { fieldProps
|
3199
|
+
const { fieldProps } = useDateField(
|
3226
3200
|
props,
|
3227
3201
|
state2,
|
3228
3202
|
ref
|
3229
3203
|
);
|
3230
|
-
return /* @__PURE__ */
|
3204
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React84__default.createElement(
|
3231
3205
|
FormLabel$1,
|
3232
3206
|
{
|
3233
|
-
...props.labelProps,
|
3234
|
-
...labelProps,
|
3235
3207
|
sx: styles3.inputLabel,
|
3236
3208
|
position: "absolute",
|
3237
|
-
paddingTop: "2px"
|
3209
|
+
paddingTop: "2px",
|
3210
|
+
id: labelId
|
3238
3211
|
},
|
3239
3212
|
props.label
|
3240
|
-
), /* @__PURE__ */
|
3213
|
+
), /* @__PURE__ */ React84__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React84__default.createElement(
|
3214
|
+
DateTimeSegment,
|
3215
|
+
{
|
3216
|
+
key: i,
|
3217
|
+
segment,
|
3218
|
+
ariaDescription: t2(getAriaLabel(segment.type)),
|
3219
|
+
ariaLabel: labelId,
|
3220
|
+
state: state2
|
3221
|
+
}
|
3222
|
+
))), /* @__PURE__ */ React84__default.createElement(
|
3241
3223
|
"input",
|
3242
3224
|
{
|
3243
3225
|
type: "hidden",
|
@@ -3247,19 +3229,53 @@ var DateField = forwardRef$1(
|
|
3247
3229
|
));
|
3248
3230
|
}
|
3249
3231
|
);
|
3232
|
+
var texts15 = createTexts({
|
3233
|
+
day: {
|
3234
|
+
nb: "Velg dag",
|
3235
|
+
nn: "Vel dag",
|
3236
|
+
sv: "V\xE4lj dag",
|
3237
|
+
en: "Choose day"
|
3238
|
+
},
|
3239
|
+
month: {
|
3240
|
+
nb: "Velg m\xE5ned",
|
3241
|
+
nn: "Vel m\xE5nad",
|
3242
|
+
sv: "V\xE4lj m\xE5nad",
|
3243
|
+
en: "Choose month"
|
3244
|
+
},
|
3245
|
+
year: {
|
3246
|
+
nb: "Velg \xE5r",
|
3247
|
+
nn: "Vel \xE5r",
|
3248
|
+
sv: "V\xE4lj \xE5r",
|
3249
|
+
en: "Choose year"
|
3250
|
+
}
|
3251
|
+
});
|
3252
|
+
var getAriaLabel = (segmentType) => {
|
3253
|
+
switch (segmentType) {
|
3254
|
+
case "day":
|
3255
|
+
return texts15.day;
|
3256
|
+
case "month":
|
3257
|
+
return texts15.month;
|
3258
|
+
case "year":
|
3259
|
+
return texts15.year;
|
3260
|
+
default:
|
3261
|
+
return texts15.day;
|
3262
|
+
}
|
3263
|
+
};
|
3250
3264
|
var StyledField = forwardRef(
|
3251
|
-
({ children, variant, ...otherProps }, ref) => {
|
3265
|
+
({ children, variant, isDisabled, ariaLabelledby, ...otherProps }, ref) => {
|
3252
3266
|
const { isInvalid } = useFormControlContext() ?? {
|
3253
3267
|
isInvalid: false
|
3254
3268
|
};
|
3255
3269
|
const styles3 = useMultiStyleConfig("Datepicker", { variant });
|
3256
|
-
return /* @__PURE__ */
|
3270
|
+
return /* @__PURE__ */ React84__default.createElement(
|
3257
3271
|
Box,
|
3258
3272
|
{
|
3259
3273
|
...otherProps,
|
3260
3274
|
__css: styles3.wrapper,
|
3261
3275
|
ref,
|
3262
|
-
"aria-invalid": isInvalid
|
3276
|
+
"aria-invalid": isInvalid,
|
3277
|
+
"aria-disabled": isDisabled,
|
3278
|
+
"aria-labelledby": ariaLabelledby
|
3263
3279
|
},
|
3264
3280
|
children
|
3265
3281
|
);
|
@@ -3288,7 +3304,6 @@ var DatePicker = forwardRef$1(
|
|
3288
3304
|
const internalRef = useRef(null);
|
3289
3305
|
const ref = externalRef ?? internalRef;
|
3290
3306
|
const {
|
3291
|
-
groupProps,
|
3292
3307
|
labelProps,
|
3293
3308
|
fieldProps,
|
3294
3309
|
buttonProps,
|
@@ -3300,12 +3315,14 @@ var DatePicker = forwardRef$1(
|
|
3300
3315
|
state2,
|
3301
3316
|
ref
|
3302
3317
|
);
|
3318
|
+
const labelId = `label-${useId()}`;
|
3319
|
+
const inputGroupId = `input-group-${useId()}`;
|
3303
3320
|
const styles3 = useMultiStyleConfig("Datepicker", { variant });
|
3304
3321
|
const locale = useCurrentLocale();
|
3305
3322
|
const onFieldClick = () => {
|
3306
3323
|
state2.setOpen(true);
|
3307
3324
|
};
|
3308
|
-
const popoverContent = /* @__PURE__ */
|
3325
|
+
const popoverContent = /* @__PURE__ */ React84__default.createElement(PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React84__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React84__default.createElement(PopoverBody, null, /* @__PURE__ */ React84__default.createElement(FocusLock, null, /* @__PURE__ */ React84__default.createElement(
|
3309
3326
|
Calendar,
|
3310
3327
|
{
|
3311
3328
|
...calendarProps,
|
@@ -3313,7 +3330,7 @@ var DatePicker = forwardRef$1(
|
|
3313
3330
|
showYearNavigation
|
3314
3331
|
}
|
3315
3332
|
))));
|
3316
|
-
return /* @__PURE__ */
|
3333
|
+
return /* @__PURE__ */ React84__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React84__default.createElement(
|
3317
3334
|
Box,
|
3318
3335
|
{
|
3319
3336
|
position: "relative",
|
@@ -3321,7 +3338,7 @@ var DatePicker = forwardRef$1(
|
|
3321
3338
|
flexDirection: "column",
|
3322
3339
|
width
|
3323
3340
|
},
|
3324
|
-
/* @__PURE__ */
|
3341
|
+
/* @__PURE__ */ React84__default.createElement(
|
3325
3342
|
Popover$1,
|
3326
3343
|
{
|
3327
3344
|
...dialogProps,
|
@@ -3330,34 +3347,47 @@ var DatePicker = forwardRef$1(
|
|
3330
3347
|
onClose: state2.close,
|
3331
3348
|
flip: false
|
3332
3349
|
},
|
3333
|
-
/* @__PURE__ */
|
3334
|
-
|
3350
|
+
/* @__PURE__ */ React84__default.createElement(
|
3351
|
+
InputGroup,
|
3335
3352
|
{
|
3336
|
-
|
3337
|
-
|
3338
|
-
|
3339
|
-
minHeight
|
3353
|
+
display: "inline-flex",
|
3354
|
+
id: inputGroupId,
|
3355
|
+
"aria-labelledby": labelId
|
3340
3356
|
},
|
3341
|
-
/* @__PURE__ */
|
3342
|
-
|
3357
|
+
/* @__PURE__ */ React84__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React84__default.createElement(
|
3358
|
+
StyledField,
|
3343
3359
|
{
|
3344
3360
|
variant,
|
3345
|
-
|
3346
|
-
|
3347
|
-
|
3348
|
-
|
3349
|
-
|
3350
|
-
|
3351
|
-
|
3352
|
-
|
3353
|
-
|
3354
|
-
|
3355
|
-
|
3356
|
-
|
3357
|
-
|
3358
|
-
|
3359
|
-
|
3360
|
-
|
3361
|
+
onClick: onFieldClick,
|
3362
|
+
paddingX: 3,
|
3363
|
+
minHeight,
|
3364
|
+
isDisabled: props.isDisabled,
|
3365
|
+
ariaLabelledby: labelId
|
3366
|
+
},
|
3367
|
+
/* @__PURE__ */ React84__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React84__default.createElement(
|
3368
|
+
CalendarTriggerButton,
|
3369
|
+
{
|
3370
|
+
variant,
|
3371
|
+
ref,
|
3372
|
+
isDisabled: props.isDisabled,
|
3373
|
+
ariaLabelledby: labelId,
|
3374
|
+
...buttonProps
|
3375
|
+
}
|
3376
|
+
)),
|
3377
|
+
/* @__PURE__ */ React84__default.createElement(
|
3378
|
+
DateField,
|
3379
|
+
{
|
3380
|
+
label: props.label,
|
3381
|
+
labelProps,
|
3382
|
+
labelId,
|
3383
|
+
name: props.name,
|
3384
|
+
...fieldProps
|
3385
|
+
}
|
3386
|
+
)
|
3387
|
+
))
|
3388
|
+
),
|
3389
|
+
/* @__PURE__ */ React84__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
|
3390
|
+
state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React84__default.createElement(Portal, null, popoverContent),
|
3361
3391
|
state2.isOpen && !props.isDisabled && !withPortal && popoverContent
|
3362
3392
|
)
|
3363
3393
|
));
|
@@ -3373,7 +3403,7 @@ function RangeCalendar(props) {
|
|
3373
3403
|
});
|
3374
3404
|
const ref = useRef(null);
|
3375
3405
|
const { calendarProps, title } = useRangeCalendar(props, state2, ref);
|
3376
|
-
return /* @__PURE__ */
|
3406
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React84__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React84__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React84__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React84__default.createElement(
|
3377
3407
|
CalendarGrid,
|
3378
3408
|
{
|
3379
3409
|
variant: props.variant,
|
@@ -3420,8 +3450,8 @@ function DateRangePicker({
|
|
3420
3450
|
const onFieldClick = () => {
|
3421
3451
|
state2.setOpen(true);
|
3422
3452
|
};
|
3423
|
-
const popoverContent = /* @__PURE__ */
|
3424
|
-
return /* @__PURE__ */
|
3453
|
+
const popoverContent = /* @__PURE__ */ React84__default.createElement(PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React84__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React84__default.createElement(PopoverBody, null, /* @__PURE__ */ React84__default.createElement(FocusLock, null, /* @__PURE__ */ React84__default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
|
3454
|
+
return /* @__PURE__ */ React84__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React84__default.createElement(Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React84__default.createElement(FormLabel$1, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React84__default.createElement(
|
3425
3455
|
Popover$1,
|
3426
3456
|
{
|
3427
3457
|
...dialogProps,
|
@@ -3430,7 +3460,7 @@ function DateRangePicker({
|
|
3430
3460
|
onClose: state2.close,
|
3431
3461
|
flip: false
|
3432
3462
|
},
|
3433
|
-
/* @__PURE__ */
|
3463
|
+
/* @__PURE__ */ React84__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React84__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React84__default.createElement(
|
3434
3464
|
StyledField,
|
3435
3465
|
{
|
3436
3466
|
alignItems: "center",
|
@@ -3440,7 +3470,7 @@ function DateRangePicker({
|
|
3440
3470
|
onKeyPress: handleEnterClick,
|
3441
3471
|
minHeight
|
3442
3472
|
},
|
3443
|
-
variant && /* @__PURE__ */
|
3473
|
+
variant && /* @__PURE__ */ React84__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React84__default.createElement(
|
3444
3474
|
CalendarTriggerButton,
|
3445
3475
|
{
|
3446
3476
|
paddingLeft: 1,
|
@@ -3450,7 +3480,7 @@ function DateRangePicker({
|
|
3450
3480
|
...buttonProps
|
3451
3481
|
}
|
3452
3482
|
)),
|
3453
|
-
/* @__PURE__ */
|
3483
|
+
/* @__PURE__ */ React84__default.createElement(
|
3454
3484
|
DateField,
|
3455
3485
|
{
|
3456
3486
|
...startFieldProps,
|
@@ -3459,8 +3489,8 @@ function DateRangePicker({
|
|
3459
3489
|
labelProps
|
3460
3490
|
}
|
3461
3491
|
),
|
3462
|
-
/* @__PURE__ */
|
3463
|
-
/* @__PURE__ */
|
3492
|
+
/* @__PURE__ */ React84__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
|
3493
|
+
/* @__PURE__ */ React84__default.createElement(
|
3464
3494
|
DateField,
|
3465
3495
|
{
|
3466
3496
|
...endFieldProps,
|
@@ -3470,14 +3500,14 @@ function DateRangePicker({
|
|
3470
3500
|
}
|
3471
3501
|
)
|
3472
3502
|
))),
|
3473
|
-
state2.isOpen && withPortal && /* @__PURE__ */
|
3503
|
+
state2.isOpen && withPortal && /* @__PURE__ */ React84__default.createElement(Portal, null, popoverContent),
|
3474
3504
|
state2.isOpen && !withPortal && popoverContent
|
3475
3505
|
)));
|
3476
3506
|
}
|
3477
3507
|
var TimeField = ({ state: state2, ...props }) => {
|
3478
3508
|
const ref = useRef(null);
|
3479
3509
|
const { labelProps, fieldProps } = useTimeField(props, state2, ref);
|
3480
|
-
return /* @__PURE__ */
|
3510
|
+
return /* @__PURE__ */ React84__default.createElement(Box, null, /* @__PURE__ */ React84__default.createElement(
|
3481
3511
|
FormLabel,
|
3482
3512
|
{
|
3483
3513
|
...labelProps,
|
@@ -3489,7 +3519,7 @@ var TimeField = ({ state: state2, ...props }) => {
|
|
3489
3519
|
paddingTop: "2px"
|
3490
3520
|
},
|
3491
3521
|
props.label
|
3492
|
-
), /* @__PURE__ */
|
3522
|
+
), /* @__PURE__ */ React84__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React84__default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React84__default.createElement(
|
3493
3523
|
"input",
|
3494
3524
|
{
|
3495
3525
|
type: "hidden",
|
@@ -3515,7 +3545,7 @@ var TimePicker = ({
|
|
3515
3545
|
const isDisabled = isDisabledExternally ?? isFormControlDisabled ?? false;
|
3516
3546
|
const { t: t2 } = useTranslation();
|
3517
3547
|
const locale = useCurrentLocale();
|
3518
|
-
const label = externalLabel ?? t2(
|
3548
|
+
const label = externalLabel ?? t2(texts16.time);
|
3519
3549
|
const state2 = useTimeFieldState({
|
3520
3550
|
value,
|
3521
3551
|
defaultValue,
|
@@ -3548,17 +3578,17 @@ var TimePicker = ({
|
|
3548
3578
|
})
|
3549
3579
|
);
|
3550
3580
|
};
|
3551
|
-
const backwardsLabel = `${t2(
|
3552
|
-
|
3581
|
+
const backwardsLabel = `${t2(texts16.backwards)} ${minuteInterval} ${t2(
|
3582
|
+
texts16.minutes
|
3553
3583
|
)}`;
|
3554
|
-
const forwardsLabel = `${t2(
|
3555
|
-
|
3584
|
+
const forwardsLabel = `${t2(texts16.forwards)} ${minuteInterval} ${t2(
|
3585
|
+
texts16.minutes
|
3556
3586
|
)}`;
|
3557
|
-
const inputLabel = label ?? t2(
|
3587
|
+
const inputLabel = label ?? t2(texts16.time);
|
3558
3588
|
const ariaLabel = `${inputLabel} \u2013 ${t2(
|
3559
|
-
|
3589
|
+
texts16.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
|
3560
3590
|
)}`;
|
3561
|
-
return /* @__PURE__ */
|
3591
|
+
return /* @__PURE__ */ React84__default.createElement(
|
3562
3592
|
StyledField,
|
3563
3593
|
{
|
3564
3594
|
variant: "base",
|
@@ -3574,7 +3604,7 @@ var TimePicker = ({
|
|
3574
3604
|
"aria-label": ariaLabel,
|
3575
3605
|
...boxProps
|
3576
3606
|
},
|
3577
|
-
/* @__PURE__ */
|
3607
|
+
/* @__PURE__ */ React84__default.createElement(
|
3578
3608
|
IconButton,
|
3579
3609
|
{
|
3580
3610
|
variant: "ghost",
|
@@ -3582,14 +3612,14 @@ var TimePicker = ({
|
|
3582
3612
|
borderRadius: "xs",
|
3583
3613
|
"aria-label": backwardsLabel,
|
3584
3614
|
title: backwardsLabel,
|
3585
|
-
icon: /* @__PURE__ */
|
3615
|
+
icon: /* @__PURE__ */ React84__default.createElement(DropdownLeftFill18Icon, null),
|
3586
3616
|
onClick: handleBackwardsClick,
|
3587
3617
|
isDisabled,
|
3588
3618
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
3589
3619
|
}
|
3590
3620
|
),
|
3591
|
-
/* @__PURE__ */
|
3592
|
-
/* @__PURE__ */
|
3621
|
+
/* @__PURE__ */ React84__default.createElement(TimeField, { label, state: state2, name }),
|
3622
|
+
/* @__PURE__ */ React84__default.createElement(
|
3593
3623
|
IconButton,
|
3594
3624
|
{
|
3595
3625
|
variant: "ghost",
|
@@ -3597,7 +3627,7 @@ var TimePicker = ({
|
|
3597
3627
|
borderRadius: "xs",
|
3598
3628
|
"aria-label": forwardsLabel,
|
3599
3629
|
title: forwardsLabel,
|
3600
|
-
icon: /* @__PURE__ */
|
3630
|
+
icon: /* @__PURE__ */ React84__default.createElement(DropdownRightFill18Icon, null),
|
3601
3631
|
onClick: handleForwardClick,
|
3602
3632
|
isDisabled,
|
3603
3633
|
style: isDisabled ? { backgroundColor: "transparent" } : {}
|
@@ -3605,7 +3635,7 @@ var TimePicker = ({
|
|
3605
3635
|
)
|
3606
3636
|
);
|
3607
3637
|
};
|
3608
|
-
var
|
3638
|
+
var texts16 = createTexts({
|
3609
3639
|
selectedTimeIs: (time) => ({
|
3610
3640
|
nb: `Valgt tidspunkt er ${time}`,
|
3611
3641
|
nn: `Valt tidspunkt er ${time}`,
|
@@ -3699,7 +3729,7 @@ var LineIcon = ({
|
|
3699
3729
|
if (!Icon) {
|
3700
3730
|
return null;
|
3701
3731
|
}
|
3702
|
-
return /* @__PURE__ */
|
3732
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx } }, /* @__PURE__ */ React84__default.createElement(Icon, { sx: styles3.icon }));
|
3703
3733
|
};
|
3704
3734
|
|
3705
3735
|
// src/linjetag/InfoTag.tsx
|
@@ -3715,7 +3745,7 @@ var InfoTag = ({
|
|
3715
3745
|
size: size2,
|
3716
3746
|
...customProps
|
3717
3747
|
});
|
3718
|
-
return /* @__PURE__ */
|
3748
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React84__default.createElement(
|
3719
3749
|
LineIcon,
|
3720
3750
|
{
|
3721
3751
|
variant,
|
@@ -3723,7 +3753,7 @@ var InfoTag = ({
|
|
3723
3753
|
sx: styles3.iconContainer,
|
3724
3754
|
...customProps
|
3725
3755
|
}
|
3726
|
-
), /* @__PURE__ */
|
3756
|
+
), /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React84__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React84__default.createElement(Box, { as: "span", sx: styles3.description }, description)));
|
3727
3757
|
};
|
3728
3758
|
var TravelTag = forwardRef(
|
3729
3759
|
({
|
@@ -3733,25 +3763,31 @@ var TravelTag = forwardRef(
|
|
3733
3763
|
title,
|
3734
3764
|
description,
|
3735
3765
|
isDisabled,
|
3766
|
+
foregroundColor,
|
3767
|
+
backgroundColor,
|
3768
|
+
customIconVariant,
|
3736
3769
|
...rest
|
3737
3770
|
}, ref) => {
|
3738
3771
|
const styles3 = useMultiStyleConfig("TravelTag", {
|
3739
3772
|
variant,
|
3740
3773
|
size: size2,
|
3741
3774
|
deviationLevel,
|
3742
|
-
foregroundColor: variant === "custom" ?
|
3743
|
-
backgroundColor: variant === "custom" ?
|
3775
|
+
foregroundColor: variant === "custom" ? foregroundColor : void 0,
|
3776
|
+
backgroundColor: variant === "custom" ? backgroundColor : void 0
|
3744
3777
|
});
|
3745
3778
|
const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
|
3746
|
-
return /* @__PURE__ */
|
3779
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React84__default.createElement(
|
3747
3780
|
LineIcon,
|
3748
3781
|
{
|
3749
3782
|
variant,
|
3750
3783
|
size: size2,
|
3751
3784
|
sx: styles3.iconContainer,
|
3785
|
+
foregroundColor,
|
3786
|
+
backgroundColor,
|
3787
|
+
customIconVariant,
|
3752
3788
|
...rest
|
3753
3789
|
}
|
3754
|
-
), /* @__PURE__ */
|
3790
|
+
), /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React84__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React84__default.createElement(Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React84__default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
|
3755
3791
|
}
|
3756
3792
|
);
|
3757
3793
|
var getDeviationLevelIcon = ({
|
@@ -3775,16 +3811,16 @@ var TextLink = forwardRef(
|
|
3775
3811
|
var _a6;
|
3776
3812
|
const { t: t2 } = useTranslation();
|
3777
3813
|
const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
|
3778
|
-
return /* @__PURE__ */
|
3814
|
+
return /* @__PURE__ */ React84__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React84__default.createElement(
|
3779
3815
|
LinkOutOutline24Icon,
|
3780
3816
|
{
|
3781
3817
|
marginLeft: 0.5,
|
3782
|
-
"aria-label": t2(
|
3818
|
+
"aria-label": t2(texts17.externalLink)
|
3783
3819
|
}
|
3784
3820
|
));
|
3785
3821
|
}
|
3786
3822
|
);
|
3787
|
-
var
|
3823
|
+
var texts17 = createTexts({
|
3788
3824
|
externalLink: {
|
3789
3825
|
nb: "Ekstern lenke",
|
3790
3826
|
nn: "Ekstern lenke",
|
@@ -3796,7 +3832,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3796
3832
|
const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
|
3797
3833
|
const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
|
3798
3834
|
const id = useId();
|
3799
|
-
return /* @__PURE__ */
|
3835
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React84__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React84__default.createElement(
|
3800
3836
|
"path",
|
3801
3837
|
{
|
3802
3838
|
fillRule: "evenodd",
|
@@ -3804,7 +3840,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3804
3840
|
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",
|
3805
3841
|
fill: mainColor
|
3806
3842
|
}
|
3807
|
-
), /* @__PURE__ */
|
3843
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3808
3844
|
"mask",
|
3809
3845
|
{
|
3810
3846
|
id: `${id}-a`,
|
@@ -3815,7 +3851,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3815
3851
|
width: "94",
|
3816
3852
|
height: "54"
|
3817
3853
|
},
|
3818
|
-
/* @__PURE__ */
|
3854
|
+
/* @__PURE__ */ React84__default.createElement(
|
3819
3855
|
"path",
|
3820
3856
|
{
|
3821
3857
|
fillRule: "evenodd",
|
@@ -3824,7 +3860,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3824
3860
|
fill: mainColor
|
3825
3861
|
}
|
3826
3862
|
)
|
3827
|
-
), /* @__PURE__ */
|
3863
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3828
3864
|
"g",
|
3829
3865
|
{
|
3830
3866
|
mask: `url(#${id}-a)`,
|
@@ -3832,9 +3868,9 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3832
3868
|
clipRule: "evenodd",
|
3833
3869
|
fill: mainColor
|
3834
3870
|
},
|
3835
|
-
/* @__PURE__ */
|
3836
|
-
/* @__PURE__ */
|
3837
|
-
), /* @__PURE__ */
|
3871
|
+
/* @__PURE__ */ React84__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" }),
|
3872
|
+
/* @__PURE__ */ React84__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" })
|
3873
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3838
3874
|
"path",
|
3839
3875
|
{
|
3840
3876
|
fillRule: "evenodd",
|
@@ -3842,7 +3878,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3842
3878
|
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",
|
3843
3879
|
fill: accentColor
|
3844
3880
|
}
|
3845
|
-
), /* @__PURE__ */
|
3881
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3846
3882
|
"path",
|
3847
3883
|
{
|
3848
3884
|
fillRule: "evenodd",
|
@@ -3850,7 +3886,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3850
3886
|
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",
|
3851
3887
|
fill: mainColor
|
3852
3888
|
}
|
3853
|
-
), /* @__PURE__ */
|
3889
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3854
3890
|
"mask",
|
3855
3891
|
{
|
3856
3892
|
id: `${id}-b`,
|
@@ -3861,7 +3897,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3861
3897
|
width: "78",
|
3862
3898
|
height: "54"
|
3863
3899
|
},
|
3864
|
-
/* @__PURE__ */
|
3900
|
+
/* @__PURE__ */ React84__default.createElement(
|
3865
3901
|
"path",
|
3866
3902
|
{
|
3867
3903
|
fillRule: "evenodd",
|
@@ -3870,25 +3906,25 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
|
|
3870
3906
|
fill: mainColor
|
3871
3907
|
}
|
3872
3908
|
)
|
3873
|
-
), /* @__PURE__ */
|
3909
|
+
), /* @__PURE__ */ React84__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React84__default.createElement(
|
3874
3910
|
"path",
|
3875
3911
|
{
|
3876
3912
|
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",
|
3877
3913
|
fill: mainColor
|
3878
3914
|
}
|
3879
|
-
), /* @__PURE__ */
|
3915
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3880
3916
|
"path",
|
3881
3917
|
{
|
3882
3918
|
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",
|
3883
3919
|
fill: mainColor
|
3884
3920
|
}
|
3885
|
-
), /* @__PURE__ */
|
3921
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3886
3922
|
"path",
|
3887
3923
|
{
|
3888
3924
|
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",
|
3889
3925
|
fill: accentColor
|
3890
3926
|
}
|
3891
|
-
)), /* @__PURE__ */
|
3927
|
+
)), /* @__PURE__ */ React84__default.createElement(
|
3892
3928
|
"path",
|
3893
3929
|
{
|
3894
3930
|
fillRule: "evenodd",
|
@@ -3909,7 +3945,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3909
3945
|
const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
|
3910
3946
|
const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
|
3911
3947
|
const id = useId();
|
3912
|
-
return /* @__PURE__ */
|
3948
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React84__default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React84__default.createElement(
|
3913
3949
|
"svg",
|
3914
3950
|
{
|
3915
3951
|
width: "108",
|
@@ -3918,7 +3954,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3918
3954
|
fill: "none",
|
3919
3955
|
xmlns: "http://www.w3.org/2000/svg"
|
3920
3956
|
},
|
3921
|
-
/* @__PURE__ */
|
3957
|
+
/* @__PURE__ */ React84__default.createElement(
|
3922
3958
|
"path",
|
3923
3959
|
{
|
3924
3960
|
fillRule: "evenodd",
|
@@ -3927,7 +3963,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3927
3963
|
fill: pinkColor
|
3928
3964
|
}
|
3929
3965
|
),
|
3930
|
-
/* @__PURE__ */
|
3966
|
+
/* @__PURE__ */ React84__default.createElement(
|
3931
3967
|
"mask",
|
3932
3968
|
{
|
3933
3969
|
id: `${id}-a-pride`,
|
@@ -3938,7 +3974,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3938
3974
|
width: "95",
|
3939
3975
|
height: "55"
|
3940
3976
|
},
|
3941
|
-
/* @__PURE__ */
|
3977
|
+
/* @__PURE__ */ React84__default.createElement(
|
3942
3978
|
"path",
|
3943
3979
|
{
|
3944
3980
|
fillRule: "evenodd",
|
@@ -3948,7 +3984,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3948
3984
|
}
|
3949
3985
|
)
|
3950
3986
|
),
|
3951
|
-
/* @__PURE__ */
|
3987
|
+
/* @__PURE__ */ React84__default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React84__default.createElement(
|
3952
3988
|
"path",
|
3953
3989
|
{
|
3954
3990
|
fillRule: "evenodd",
|
@@ -3956,7 +3992,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3956
3992
|
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",
|
3957
3993
|
fill: purpleColor
|
3958
3994
|
}
|
3959
|
-
), /* @__PURE__ */
|
3995
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3960
3996
|
"path",
|
3961
3997
|
{
|
3962
3998
|
fillRule: "evenodd",
|
@@ -3964,7 +4000,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3964
4000
|
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",
|
3965
4001
|
fill: darkPurpleColor
|
3966
4002
|
}
|
3967
|
-
), /* @__PURE__ */
|
4003
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3968
4004
|
"path",
|
3969
4005
|
{
|
3970
4006
|
fillRule: "evenodd",
|
@@ -3972,7 +4008,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3972
4008
|
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",
|
3973
4009
|
fill: greenColor
|
3974
4010
|
}
|
3975
|
-
), /* @__PURE__ */
|
4011
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3976
4012
|
"path",
|
3977
4013
|
{
|
3978
4014
|
fillRule: "evenodd",
|
@@ -3980,7 +4016,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3980
4016
|
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",
|
3981
4017
|
fill: darkGreenColor
|
3982
4018
|
}
|
3983
|
-
), /* @__PURE__ */
|
4019
|
+
), /* @__PURE__ */ React84__default.createElement(
|
3984
4020
|
"path",
|
3985
4021
|
{
|
3986
4022
|
fillRule: "evenodd",
|
@@ -3989,7 +4025,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3989
4025
|
fill: darkPurpleColor
|
3990
4026
|
}
|
3991
4027
|
)),
|
3992
|
-
/* @__PURE__ */
|
4028
|
+
/* @__PURE__ */ React84__default.createElement(
|
3993
4029
|
"path",
|
3994
4030
|
{
|
3995
4031
|
fillRule: "evenodd",
|
@@ -3998,7 +4034,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
3998
4034
|
fill: blueColor
|
3999
4035
|
}
|
4000
4036
|
),
|
4001
|
-
/* @__PURE__ */
|
4037
|
+
/* @__PURE__ */ React84__default.createElement(
|
4002
4038
|
"path",
|
4003
4039
|
{
|
4004
4040
|
fillRule: "evenodd",
|
@@ -4007,7 +4043,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4007
4043
|
fill: blueColor
|
4008
4044
|
}
|
4009
4045
|
),
|
4010
|
-
/* @__PURE__ */
|
4046
|
+
/* @__PURE__ */ React84__default.createElement(
|
4011
4047
|
"path",
|
4012
4048
|
{
|
4013
4049
|
fillRule: "evenodd",
|
@@ -4016,7 +4052,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4016
4052
|
fill: greenColor
|
4017
4053
|
}
|
4018
4054
|
),
|
4019
|
-
/* @__PURE__ */
|
4055
|
+
/* @__PURE__ */ React84__default.createElement(
|
4020
4056
|
"mask",
|
4021
4057
|
{
|
4022
4058
|
id: `${id}-b-pride`,
|
@@ -4027,7 +4063,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4027
4063
|
width: "78",
|
4028
4064
|
height: "55"
|
4029
4065
|
},
|
4030
|
-
/* @__PURE__ */
|
4066
|
+
/* @__PURE__ */ React84__default.createElement(
|
4031
4067
|
"path",
|
4032
4068
|
{
|
4033
4069
|
fillRule: "evenodd",
|
@@ -4037,7 +4073,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4037
4073
|
}
|
4038
4074
|
)
|
4039
4075
|
),
|
4040
|
-
/* @__PURE__ */
|
4076
|
+
/* @__PURE__ */ React84__default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React84__default.createElement(
|
4041
4077
|
"path",
|
4042
4078
|
{
|
4043
4079
|
fillRule: "evenodd",
|
@@ -4045,7 +4081,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4045
4081
|
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",
|
4046
4082
|
fill: greenColor
|
4047
4083
|
}
|
4048
|
-
), /* @__PURE__ */
|
4084
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4049
4085
|
"path",
|
4050
4086
|
{
|
4051
4087
|
fillRule: "evenodd",
|
@@ -4053,7 +4089,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4053
4089
|
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",
|
4054
4090
|
fill: darkGreenColor
|
4055
4091
|
}
|
4056
|
-
), /* @__PURE__ */
|
4092
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4057
4093
|
"path",
|
4058
4094
|
{
|
4059
4095
|
fillRule: "evenodd",
|
@@ -4061,7 +4097,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4061
4097
|
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",
|
4062
4098
|
fill: redColor
|
4063
4099
|
}
|
4064
|
-
), /* @__PURE__ */
|
4100
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4065
4101
|
"path",
|
4066
4102
|
{
|
4067
4103
|
fillRule: "evenodd",
|
@@ -4069,7 +4105,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4069
4105
|
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",
|
4070
4106
|
fill: orangeColor
|
4071
4107
|
}
|
4072
|
-
), /* @__PURE__ */
|
4108
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4073
4109
|
"path",
|
4074
4110
|
{
|
4075
4111
|
fillRule: "evenodd",
|
@@ -4078,7 +4114,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
|
|
4078
4114
|
fill: yellowColor
|
4079
4115
|
}
|
4080
4116
|
)),
|
4081
|
-
/* @__PURE__ */
|
4117
|
+
/* @__PURE__ */ React84__default.createElement(
|
4082
4118
|
"path",
|
4083
4119
|
{
|
4084
4120
|
fillRule: "evenodd",
|
@@ -4095,109 +4131,109 @@ var CargonetLogo = ({
|
|
4095
4131
|
}) => {
|
4096
4132
|
const mainColor = "#DF8200";
|
4097
4133
|
const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
|
4098
|
-
return /* @__PURE__ */
|
4134
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React84__default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React84__default.createElement(
|
4099
4135
|
"path",
|
4100
4136
|
{
|
4101
4137
|
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",
|
4102
4138
|
fill: accentColor
|
4103
4139
|
}
|
4104
|
-
), /* @__PURE__ */
|
4140
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4105
4141
|
"path",
|
4106
4142
|
{
|
4107
4143
|
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",
|
4108
4144
|
fill: accentColor
|
4109
4145
|
}
|
4110
|
-
), /* @__PURE__ */
|
4146
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4111
4147
|
"path",
|
4112
4148
|
{
|
4113
4149
|
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",
|
4114
4150
|
fill: accentColor
|
4115
4151
|
}
|
4116
|
-
), /* @__PURE__ */
|
4152
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4117
4153
|
"path",
|
4118
4154
|
{
|
4119
4155
|
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",
|
4120
4156
|
fill: accentColor
|
4121
4157
|
}
|
4122
|
-
), /* @__PURE__ */
|
4158
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4123
4159
|
"path",
|
4124
4160
|
{
|
4125
4161
|
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",
|
4126
4162
|
fill: accentColor
|
4127
4163
|
}
|
4128
|
-
), /* @__PURE__ */
|
4164
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4129
4165
|
"path",
|
4130
4166
|
{
|
4131
4167
|
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",
|
4132
4168
|
fill: mainColor
|
4133
4169
|
}
|
4134
|
-
), /* @__PURE__ */
|
4170
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4135
4171
|
"path",
|
4136
4172
|
{
|
4137
4173
|
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",
|
4138
4174
|
fill: mainColor
|
4139
4175
|
}
|
4140
|
-
), /* @__PURE__ */
|
4176
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4141
4177
|
"path",
|
4142
4178
|
{
|
4143
4179
|
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",
|
4144
4180
|
fill: mainColor
|
4145
4181
|
}
|
4146
|
-
), /* @__PURE__ */
|
4182
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4147
4183
|
"path",
|
4148
4184
|
{
|
4149
4185
|
d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
|
4150
4186
|
fill: mainColor
|
4151
4187
|
}
|
4152
|
-
), /* @__PURE__ */
|
4188
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4153
4189
|
"path",
|
4154
4190
|
{
|
4155
4191
|
d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
|
4156
4192
|
fill: mainColor
|
4157
4193
|
}
|
4158
|
-
), /* @__PURE__ */
|
4194
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4159
4195
|
"path",
|
4160
4196
|
{
|
4161
4197
|
d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
|
4162
4198
|
fill: mainColor
|
4163
4199
|
}
|
4164
|
-
), /* @__PURE__ */
|
4200
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4165
4201
|
"path",
|
4166
4202
|
{
|
4167
4203
|
d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
|
4168
4204
|
fill: mainColor
|
4169
4205
|
}
|
4170
|
-
), /* @__PURE__ */
|
4206
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4171
4207
|
"path",
|
4172
4208
|
{
|
4173
4209
|
d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
|
4174
4210
|
fill: mainColor
|
4175
4211
|
}
|
4176
|
-
), /* @__PURE__ */
|
4212
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4177
4213
|
"path",
|
4178
4214
|
{
|
4179
4215
|
d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
|
4180
4216
|
fill: mainColor
|
4181
4217
|
}
|
4182
|
-
), /* @__PURE__ */
|
4218
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4183
4219
|
"path",
|
4184
4220
|
{
|
4185
4221
|
d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
|
4186
4222
|
fill: mainColor
|
4187
4223
|
}
|
4188
|
-
), /* @__PURE__ */
|
4224
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4189
4225
|
"path",
|
4190
4226
|
{
|
4191
4227
|
d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
|
4192
4228
|
fill: mainColor
|
4193
4229
|
}
|
4194
|
-
), /* @__PURE__ */
|
4230
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4195
4231
|
"path",
|
4196
4232
|
{
|
4197
4233
|
d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
|
4198
4234
|
fill: mainColor
|
4199
4235
|
}
|
4200
|
-
), /* @__PURE__ */
|
4236
|
+
), /* @__PURE__ */ React84__default.createElement(
|
4201
4237
|
"path",
|
4202
4238
|
{
|
4203
4239
|
d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
|
@@ -4216,19 +4252,19 @@ var JumpButton = ({
|
|
4216
4252
|
variant: "jumpSkip",
|
4217
4253
|
size: size2
|
4218
4254
|
});
|
4219
|
-
return /* @__PURE__ */
|
4255
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4220
4256
|
Center,
|
4221
4257
|
{
|
4222
4258
|
as: "button",
|
4223
4259
|
sx: styles3.container,
|
4224
|
-
"aria-label": direction2 === "forward" ? t2(
|
4260
|
+
"aria-label": direction2 === "forward" ? t2(texts18.forward) : t2(texts18.backward),
|
4225
4261
|
disabled: isDisabled,
|
4226
4262
|
...props
|
4227
4263
|
},
|
4228
|
-
direction2 === "forward" ? /* @__PURE__ */
|
4264
|
+
direction2 === "forward" ? /* @__PURE__ */ React84__default.createElement(Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React84__default.createElement(Backward15MediaControllerFill30Icon, { sx: styles3.icon })
|
4229
4265
|
);
|
4230
4266
|
};
|
4231
|
-
var
|
4267
|
+
var texts18 = createTexts({
|
4232
4268
|
forward: {
|
4233
4269
|
nb: "15 sekunder frem",
|
4234
4270
|
nn: "15 sekunder fram",
|
@@ -4253,19 +4289,19 @@ var PlayPauseButton = ({
|
|
4253
4289
|
variant: "play",
|
4254
4290
|
size: size2
|
4255
4291
|
});
|
4256
|
-
return /* @__PURE__ */
|
4292
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4257
4293
|
Center,
|
4258
4294
|
{
|
4259
4295
|
as: "button",
|
4260
4296
|
sx: styles3.container,
|
4261
|
-
"aria-label": isPlaying ? t2(
|
4297
|
+
"aria-label": isPlaying ? t2(texts19.pause) : t2(texts19.play),
|
4262
4298
|
disabled: isDisabled,
|
4263
4299
|
...props
|
4264
4300
|
},
|
4265
|
-
isPlaying ? /* @__PURE__ */
|
4301
|
+
isPlaying ? /* @__PURE__ */ React84__default.createElement(PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React84__default.createElement(PlayMediaControllerFill24Icon, { sx: styles3.icon })
|
4266
4302
|
);
|
4267
4303
|
};
|
4268
|
-
var
|
4304
|
+
var texts19 = createTexts({
|
4269
4305
|
pause: {
|
4270
4306
|
nb: "Pause",
|
4271
4307
|
nn: "Pause",
|
@@ -4290,19 +4326,19 @@ var SkipButton = ({
|
|
4290
4326
|
variant: "jumpSkip",
|
4291
4327
|
size: size2
|
4292
4328
|
});
|
4293
|
-
return /* @__PURE__ */
|
4329
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4294
4330
|
Center,
|
4295
4331
|
{
|
4296
4332
|
as: "button",
|
4297
4333
|
sx: styles3.container,
|
4298
|
-
"aria-label": direction2 === "forward" ? t2(
|
4334
|
+
"aria-label": direction2 === "forward" ? t2(texts20.next) : t2(texts20.previous),
|
4299
4335
|
disabled: isDisabled,
|
4300
4336
|
...props
|
4301
4337
|
},
|
4302
|
-
direction2 === "forward" ? /* @__PURE__ */
|
4338
|
+
direction2 === "forward" ? /* @__PURE__ */ React84__default.createElement(NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React84__default.createElement(PreviousMediaControllerFill30Icon, { sx: styles3.icon })
|
4303
4339
|
);
|
4304
4340
|
};
|
4305
|
-
var
|
4341
|
+
var texts20 = createTexts({
|
4306
4342
|
next: {
|
4307
4343
|
nb: "Neste",
|
4308
4344
|
nn: "Neste",
|
@@ -4322,13 +4358,13 @@ var ModalHeader = forwardRef(
|
|
4322
4358
|
fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
|
4323
4359
|
textAlign: size2 === "lg" ? "center" : "left"
|
4324
4360
|
};
|
4325
|
-
return /* @__PURE__ */
|
4361
|
+
return /* @__PURE__ */ React84__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
|
4326
4362
|
}
|
4327
4363
|
);
|
4328
4364
|
|
4329
4365
|
// src/modal/Drawer.tsx
|
4330
4366
|
var Drawer = (props) => {
|
4331
|
-
return /* @__PURE__ */
|
4367
|
+
return /* @__PURE__ */ React84__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React84__default.createElement(Drawer$1, { ...props }));
|
4332
4368
|
};
|
4333
4369
|
var DrawerContent = forwardRef(
|
4334
4370
|
({ children, ...props }, ref) => {
|
@@ -4345,7 +4381,7 @@ var DrawerContent = forwardRef(
|
|
4345
4381
|
});
|
4346
4382
|
const isTopOrBottom = placement === "top" || placement === "bottom";
|
4347
4383
|
const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
|
4348
|
-
return /* @__PURE__ */
|
4384
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React84__default.createElement(
|
4349
4385
|
DrawerContent$1,
|
4350
4386
|
{
|
4351
4387
|
...widthConstraits,
|
@@ -4354,13 +4390,13 @@ var DrawerContent = forwardRef(
|
|
4354
4390
|
...props,
|
4355
4391
|
ref
|
4356
4392
|
},
|
4357
|
-
/* @__PURE__ */
|
4393
|
+
/* @__PURE__ */ React84__default.createElement(Box, { position: "relative" }, /* @__PURE__ */ React84__default.createElement(Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React84__default.createElement(Notch, null), /* @__PURE__ */ React84__default.createElement(Box, null, children)))
|
4358
4394
|
));
|
4359
4395
|
}
|
4360
4396
|
);
|
4361
4397
|
var Notch = forwardRef((props, ref) => {
|
4362
4398
|
const placement = useDrawerContext();
|
4363
|
-
return /* @__PURE__ */
|
4399
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4364
4400
|
Box,
|
4365
4401
|
{
|
4366
4402
|
position: "absolute",
|
@@ -4372,14 +4408,14 @@ var Notch = forwardRef((props, ref) => {
|
|
4372
4408
|
...props,
|
4373
4409
|
ref
|
4374
4410
|
},
|
4375
|
-
/* @__PURE__ */
|
4411
|
+
/* @__PURE__ */ React84__default.createElement(
|
4376
4412
|
Center,
|
4377
4413
|
{
|
4378
4414
|
background: placement === "bottom" ? "bottom" : "top",
|
4379
4415
|
padding: 2,
|
4380
4416
|
borderRadius: "md"
|
4381
4417
|
},
|
4382
|
-
/* @__PURE__ */
|
4418
|
+
/* @__PURE__ */ React84__default.createElement(
|
4383
4419
|
Box,
|
4384
4420
|
{
|
4385
4421
|
width: "2.265rem",
|
@@ -4391,17 +4427,17 @@ var Notch = forwardRef((props, ref) => {
|
|
4391
4427
|
)
|
4392
4428
|
);
|
4393
4429
|
});
|
4394
|
-
var DrawerContext =
|
4395
|
-
var DrawerProvider = (props) => /* @__PURE__ */
|
4430
|
+
var DrawerContext = React84__default.createContext(void 0);
|
4431
|
+
var DrawerProvider = (props) => /* @__PURE__ */ React84__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
|
4396
4432
|
var useDrawerContext = () => {
|
4397
|
-
return
|
4433
|
+
return React84__default.useContext(DrawerContext);
|
4398
4434
|
};
|
4399
4435
|
var FullScreenDrawer = ({
|
4400
4436
|
children,
|
4401
4437
|
title,
|
4402
4438
|
placement = "bottom",
|
4403
|
-
leftButton = /* @__PURE__ */
|
4404
|
-
rightButton = /* @__PURE__ */
|
4439
|
+
leftButton = /* @__PURE__ */ React84__default.createElement(DrawerBackButton, null),
|
4440
|
+
rightButton = /* @__PURE__ */ React84__default.createElement(DrawerCloseButton2, null),
|
4405
4441
|
isOpen,
|
4406
4442
|
onClose,
|
4407
4443
|
body
|
@@ -4418,7 +4454,7 @@ var FullScreenDrawer = ({
|
|
4418
4454
|
useEffect(() => {
|
4419
4455
|
setContentBoxScrolled(false);
|
4420
4456
|
}, [isOpen]);
|
4421
|
-
return /* @__PURE__ */
|
4457
|
+
return /* @__PURE__ */ React84__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React84__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React84__default.createElement(
|
4422
4458
|
DrawerContent$1,
|
4423
4459
|
{
|
4424
4460
|
height: "100vh",
|
@@ -4426,7 +4462,7 @@ var FullScreenDrawer = ({
|
|
4426
4462
|
backgroundPosition: "top",
|
4427
4463
|
backgroundRepeat: "no-repeat"
|
4428
4464
|
},
|
4429
|
-
/* @__PURE__ */
|
4465
|
+
/* @__PURE__ */ React84__default.createElement(
|
4430
4466
|
DrawerTopMenu,
|
4431
4467
|
{
|
4432
4468
|
isScrolled: isContentBoxScrolled,
|
@@ -4435,7 +4471,7 @@ var FullScreenDrawer = ({
|
|
4435
4471
|
rightButton
|
4436
4472
|
}
|
4437
4473
|
),
|
4438
|
-
/* @__PURE__ */
|
4474
|
+
/* @__PURE__ */ React84__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
|
4439
4475
|
));
|
4440
4476
|
};
|
4441
4477
|
var DrawerTopMenu = ({
|
@@ -4448,7 +4484,7 @@ var DrawerTopMenu = ({
|
|
4448
4484
|
"bg.default.light",
|
4449
4485
|
"bg.default.dark"
|
4450
4486
|
);
|
4451
|
-
return /* @__PURE__ */
|
4487
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4452
4488
|
Flex,
|
4453
4489
|
{
|
4454
4490
|
width: "100%",
|
@@ -4461,8 +4497,8 @@ var DrawerTopMenu = ({
|
|
4461
4497
|
transition: "box-shadow 0.2s",
|
4462
4498
|
boxShadow: isScrolled ? "md" : void 0
|
4463
4499
|
},
|
4464
|
-
/* @__PURE__ */
|
4465
|
-
/* @__PURE__ */
|
4500
|
+
/* @__PURE__ */ React84__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React84__default.createElement(Box, { width: "fit-content" }, leftButton)),
|
4501
|
+
/* @__PURE__ */ React84__default.createElement(
|
4466
4502
|
DrawerHeader,
|
4467
4503
|
{
|
4468
4504
|
as: "h2",
|
@@ -4475,7 +4511,7 @@ var DrawerTopMenu = ({
|
|
4475
4511
|
},
|
4476
4512
|
title
|
4477
4513
|
),
|
4478
|
-
/* @__PURE__ */
|
4514
|
+
/* @__PURE__ */ React84__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React84__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
|
4479
4515
|
);
|
4480
4516
|
};
|
4481
4517
|
var DrawerCloseButton2 = () => {
|
@@ -4485,26 +4521,26 @@ var DrawerCloseButton2 = () => {
|
|
4485
4521
|
`(min-width: ${tokens11__default.size.breakpoint.sm})`
|
4486
4522
|
);
|
4487
4523
|
if (isScreenSizeMinSm) {
|
4488
|
-
return /* @__PURE__ */
|
4524
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4489
4525
|
Button2,
|
4490
4526
|
{
|
4491
4527
|
variant: "ghost",
|
4492
|
-
leftIcon: /* @__PURE__ */
|
4528
|
+
leftIcon: /* @__PURE__ */ React84__default.createElement(CloseFill24Icon, null),
|
4493
4529
|
onClick: onClose,
|
4494
|
-
"aria-label": t2(
|
4530
|
+
"aria-label": t2(texts21.close),
|
4495
4531
|
width: "fit-content",
|
4496
4532
|
marginLeft: "auto"
|
4497
4533
|
},
|
4498
|
-
t2(
|
4534
|
+
t2(texts21.close)
|
4499
4535
|
);
|
4500
4536
|
}
|
4501
|
-
return /* @__PURE__ */
|
4537
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4502
4538
|
IconButton,
|
4503
4539
|
{
|
4504
4540
|
variant: "ghost",
|
4505
|
-
icon: /* @__PURE__ */
|
4541
|
+
icon: /* @__PURE__ */ React84__default.createElement(CloseFill30Icon, null),
|
4506
4542
|
onClick: onClose,
|
4507
|
-
"aria-label": t2(
|
4543
|
+
"aria-label": t2(texts21.close)
|
4508
4544
|
}
|
4509
4545
|
);
|
4510
4546
|
};
|
@@ -4515,30 +4551,30 @@ var DrawerBackButton = () => {
|
|
4515
4551
|
`(min-width: ${tokens11__default.size.breakpoint.sm})`
|
4516
4552
|
);
|
4517
4553
|
if (isScreenSizeMinSm) {
|
4518
|
-
return /* @__PURE__ */
|
4554
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4519
4555
|
Button2,
|
4520
4556
|
{
|
4521
4557
|
variant: "ghost",
|
4522
|
-
leftIcon: /* @__PURE__ */
|
4558
|
+
leftIcon: /* @__PURE__ */ React84__default.createElement(ArrowLeftFill24Icon, null),
|
4523
4559
|
onClick: onClose,
|
4524
|
-
"aria-label": t2(
|
4560
|
+
"aria-label": t2(texts21.backAriaLabel),
|
4525
4561
|
width: "fit-content",
|
4526
4562
|
marginLeft: "auto"
|
4527
4563
|
},
|
4528
|
-
t2(
|
4564
|
+
t2(texts21.back)
|
4529
4565
|
);
|
4530
4566
|
}
|
4531
|
-
return /* @__PURE__ */
|
4567
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4532
4568
|
IconButton,
|
4533
4569
|
{
|
4534
4570
|
variant: "ghost",
|
4535
|
-
icon: /* @__PURE__ */
|
4571
|
+
icon: /* @__PURE__ */ React84__default.createElement(ArrowLeftFill30Icon, null),
|
4536
4572
|
onClick: onClose,
|
4537
|
-
"aria-label": t2(
|
4573
|
+
"aria-label": t2(texts21.close)
|
4538
4574
|
}
|
4539
4575
|
);
|
4540
4576
|
};
|
4541
|
-
var
|
4577
|
+
var texts21 = createTexts({
|
4542
4578
|
close: {
|
4543
4579
|
nb: "Lukk",
|
4544
4580
|
nn: "Lukk",
|
@@ -4571,7 +4607,7 @@ var SimpleDrawer = ({
|
|
4571
4607
|
body,
|
4572
4608
|
...props
|
4573
4609
|
}) => {
|
4574
|
-
return /* @__PURE__ */
|
4610
|
+
return /* @__PURE__ */ React84__default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React84__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React84__default.createElement(DrawerContent, null, /* @__PURE__ */ React84__default.createElement(DrawerCloseButton, null), title && /* @__PURE__ */ React84__default.createElement(ModalHeader, null, title), /* @__PURE__ */ React84__default.createElement(DrawerBody, { ...body }, children)));
|
4575
4611
|
};
|
4576
4612
|
var EXPIRATION_DELAY = 1e3 * 60 * 60 * 24 * 30;
|
4577
4613
|
var Nudge = ({
|
@@ -4593,7 +4629,7 @@ var Nudge = ({
|
|
4593
4629
|
}
|
4594
4630
|
return null;
|
4595
4631
|
}
|
4596
|
-
return /* @__PURE__ */
|
4632
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4597
4633
|
Popover$1,
|
4598
4634
|
{
|
4599
4635
|
arrowSize: 12,
|
@@ -4601,11 +4637,11 @@ var Nudge = ({
|
|
4601
4637
|
defaultIsOpen: true,
|
4602
4638
|
...props
|
4603
4639
|
},
|
4604
|
-
/* @__PURE__ */
|
4605
|
-
/* @__PURE__ */
|
4640
|
+
/* @__PURE__ */ React84__default.createElement(PopoverAnchor, null, children),
|
4641
|
+
/* @__PURE__ */ React84__default.createElement(PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React84__default.createElement(DarkMode, null, /* @__PURE__ */ React84__default.createElement(PopoverArrow, null), /* @__PURE__ */ React84__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React84__default.createElement(PopoverBody, { margin: 1 }, /* @__PURE__ */ React84__default.createElement(Box, { marginRight: 4 }, content), /* @__PURE__ */ React84__default.createElement(Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React84__default.createElement(ButtonGroup, null, /* @__PURE__ */ React84__default.createElement(Button2, { variant: "tertiary", size: "xs" }, t2(texts22.close)), /* @__PURE__ */ React84__default.createElement(Button2, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts22.showMe)))))))
|
4606
4642
|
);
|
4607
4643
|
};
|
4608
|
-
var
|
4644
|
+
var texts22 = createTexts({
|
4609
4645
|
close: {
|
4610
4646
|
nb: "Lukk",
|
4611
4647
|
nn: "Lukk",
|
@@ -4630,19 +4666,19 @@ var WizardNudge = ({
|
|
4630
4666
|
const totalSteps = content.length;
|
4631
4667
|
const isLastStep = totalSteps === currentStep;
|
4632
4668
|
const onNext = () => setCurrentStep((prev) => prev + 1);
|
4633
|
-
return /* @__PURE__ */
|
4669
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4634
4670
|
Nudge,
|
4635
4671
|
{
|
4636
4672
|
onClose,
|
4637
4673
|
name,
|
4638
4674
|
content: content[currentStep - 1],
|
4639
|
-
actions: /* @__PURE__ */
|
4675
|
+
actions: /* @__PURE__ */ React84__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React84__default.createElement(
|
4640
4676
|
ProgressIndicator,
|
4641
4677
|
{
|
4642
4678
|
activeStep: currentStep,
|
4643
4679
|
numberOfSteps: totalSteps
|
4644
4680
|
}
|
4645
|
-
), /* @__PURE__ */
|
4681
|
+
), /* @__PURE__ */ React84__default.createElement(Box, null, /* @__PURE__ */ React84__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
|
4646
4682
|
...props
|
4647
4683
|
},
|
4648
4684
|
children
|
@@ -4651,19 +4687,19 @@ var WizardNudge = ({
|
|
4651
4687
|
var NextOrCloseButton = ({ isLastStep, onNext }) => {
|
4652
4688
|
const { onClose } = usePopoverContext();
|
4653
4689
|
const { t: t2 } = useTranslation();
|
4654
|
-
return /* @__PURE__ */
|
4690
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4655
4691
|
Button2,
|
4656
4692
|
{
|
4657
4693
|
variant: "tertiary",
|
4658
4694
|
size: "xs",
|
4659
|
-
leftIcon: isLastStep ? void 0 : /* @__PURE__ */
|
4695
|
+
leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React84__default.createElement(ArrowRightFill18Icon, null),
|
4660
4696
|
onClick: isLastStep ? onClose : onNext,
|
4661
4697
|
width: "fit-content"
|
4662
4698
|
},
|
4663
|
-
t2(isLastStep ?
|
4699
|
+
t2(isLastStep ? texts23.finish : texts23.nextStep)
|
4664
4700
|
);
|
4665
4701
|
};
|
4666
|
-
var
|
4702
|
+
var texts23 = createTexts({
|
4667
4703
|
nextStep: {
|
4668
4704
|
nb: "Neste",
|
4669
4705
|
nn: "Neste",
|
@@ -4720,7 +4756,7 @@ var Pagination = ({
|
|
4720
4756
|
}
|
4721
4757
|
}
|
4722
4758
|
return displayPageNumbers.map(
|
4723
|
-
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */
|
4759
|
+
(pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React84__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React84__default.createElement(Center, null, "...")) : /* @__PURE__ */ React84__default.createElement(
|
4724
4760
|
Link,
|
4725
4761
|
{
|
4726
4762
|
key: index,
|
@@ -4737,7 +4773,7 @@ var Pagination = ({
|
|
4737
4773
|
)
|
4738
4774
|
);
|
4739
4775
|
};
|
4740
|
-
return /* @__PURE__ */
|
4776
|
+
return /* @__PURE__ */ React84__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React84__default.createElement(
|
4741
4777
|
UnorderedList,
|
4742
4778
|
{
|
4743
4779
|
display: "flex",
|
@@ -4746,26 +4782,26 @@ var Pagination = ({
|
|
4746
4782
|
padding: 0,
|
4747
4783
|
margin: 0
|
4748
4784
|
},
|
4749
|
-
/* @__PURE__ */
|
4785
|
+
/* @__PURE__ */ React84__default.createElement(ListItem, { "aria-label": t2(texts24.previousPage) }, /* @__PURE__ */ React84__default.createElement(
|
4750
4786
|
TextLink,
|
4751
4787
|
{
|
4752
4788
|
onClick: () => onPageChange(selectedPage - 1),
|
4753
4789
|
sx: hasPreviousPage ? style.link : style.disabled
|
4754
4790
|
},
|
4755
|
-
/* @__PURE__ */
|
4791
|
+
/* @__PURE__ */ React84__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
|
4756
4792
|
)),
|
4757
4793
|
renderPaginationButtons(),
|
4758
|
-
/* @__PURE__ */
|
4794
|
+
/* @__PURE__ */ React84__default.createElement(ListItem, { "aria-label": t2(texts24.nextPage) }, /* @__PURE__ */ React84__default.createElement(
|
4759
4795
|
TextLink,
|
4760
4796
|
{
|
4761
4797
|
onClick: () => onPageChange(selectedPage + 1),
|
4762
4798
|
sx: hasNextPage ? style.link : style.disabled
|
4763
4799
|
},
|
4764
|
-
/* @__PURE__ */
|
4800
|
+
/* @__PURE__ */ React84__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
|
4765
4801
|
))
|
4766
4802
|
));
|
4767
4803
|
};
|
4768
|
-
var
|
4804
|
+
var texts24 = createTexts({
|
4769
4805
|
previousPage: {
|
4770
4806
|
nb: "Forrige side",
|
4771
4807
|
nn: "F\xF8rre side",
|
@@ -4781,7 +4817,7 @@ var texts23 = createTexts({
|
|
4781
4817
|
});
|
4782
4818
|
var ProgressDot = ({ isActive }) => {
|
4783
4819
|
const style = useMultiStyleConfig("ProgressIndicator");
|
4784
|
-
return /* @__PURE__ */
|
4820
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4785
4821
|
Box,
|
4786
4822
|
{
|
4787
4823
|
as: "svg",
|
@@ -4791,7 +4827,7 @@ var ProgressDot = ({ isActive }) => {
|
|
4791
4827
|
viewBox: "0 0 100 100",
|
4792
4828
|
"aria-current": isActive ? "step" : void 0
|
4793
4829
|
},
|
4794
|
-
/* @__PURE__ */
|
4830
|
+
/* @__PURE__ */ React84__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
|
4795
4831
|
);
|
4796
4832
|
};
|
4797
4833
|
|
@@ -4802,7 +4838,7 @@ var ProgressIndicator = ({
|
|
4802
4838
|
}) => {
|
4803
4839
|
const { t: t2 } = useTranslation();
|
4804
4840
|
const style = useMultiStyleConfig("ProgressIndicator");
|
4805
|
-
return /* @__PURE__ */
|
4841
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4806
4842
|
Box,
|
4807
4843
|
{
|
4808
4844
|
__css: style.root,
|
@@ -4810,9 +4846,9 @@ var ProgressIndicator = ({
|
|
4810
4846
|
"aria-valuemin": 1,
|
4811
4847
|
"aria-valuemax": numberOfSteps,
|
4812
4848
|
"aria-valuenow": activeStep,
|
4813
|
-
"aria-valuetext": t2(
|
4849
|
+
"aria-valuetext": t2(texts25.stepsOf(activeStep, numberOfSteps))
|
4814
4850
|
},
|
4815
|
-
/* @__PURE__ */
|
4851
|
+
/* @__PURE__ */ React84__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React84__default.createElement(
|
4816
4852
|
ProgressDot,
|
4817
4853
|
{
|
4818
4854
|
key: i,
|
@@ -4822,7 +4858,7 @@ var ProgressIndicator = ({
|
|
4822
4858
|
)))
|
4823
4859
|
);
|
4824
4860
|
};
|
4825
|
-
var
|
4861
|
+
var texts25 = createTexts({
|
4826
4862
|
stepsOf: (activeStep, numberOfSteps) => ({
|
4827
4863
|
nb: `Steg ${activeStep} av ${numberOfSteps}`,
|
4828
4864
|
nn: `Steg ${activeStep} av ${numberOfSteps}`,
|
@@ -4839,9 +4875,9 @@ var SporProvider = ({
|
|
4839
4875
|
}) => {
|
4840
4876
|
const brandCustomizations = brandTheme[brand] ?? {};
|
4841
4877
|
const extendedTheme = deepmerge(theme3, brandCustomizations);
|
4842
|
-
return /* @__PURE__ */
|
4878
|
+
return /* @__PURE__ */ React84__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React84__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React84__default.createElement(Global, { styles: fontFaces }), children));
|
4843
4879
|
};
|
4844
|
-
var StepperContext =
|
4880
|
+
var StepperContext = React84__default.createContext(null);
|
4845
4881
|
var StepperProvider = ({
|
4846
4882
|
activeStep,
|
4847
4883
|
children,
|
@@ -4849,7 +4885,7 @@ var StepperProvider = ({
|
|
4849
4885
|
numberOfSteps,
|
4850
4886
|
variant
|
4851
4887
|
}) => {
|
4852
|
-
return /* @__PURE__ */
|
4888
|
+
return /* @__PURE__ */ React84__default.createElement(
|
4853
4889
|
StepperContext.Provider,
|
4854
4890
|
{
|
4855
4891
|
value: { activeStep, onClick, numberOfSteps, variant }
|
@@ -4858,7 +4894,7 @@ var StepperProvider = ({
|
|
4858
4894
|
);
|
4859
4895
|
};
|
4860
4896
|
var useStepper = () => {
|
4861
|
-
const context =
|
4897
|
+
const context = React84__default.useContext(StepperContext);
|
4862
4898
|
if (!context) {
|
4863
4899
|
throw new Error(
|
4864
4900
|
"useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
|
@@ -4886,7 +4922,7 @@ var Stepper = ({
|
|
4886
4922
|
const { t: t2 } = useTranslation();
|
4887
4923
|
const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
|
4888
4924
|
const shownHeading = heading || title;
|
4889
|
-
return /* @__PURE__ */
|
4925
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React84__default.createElement(
|
4890
4926
|
StepperProvider,
|
4891
4927
|
{
|
4892
4928
|
onClick,
|
@@ -4894,7 +4930,7 @@ var Stepper = ({
|
|
4894
4930
|
variant,
|
4895
4931
|
numberOfSteps
|
4896
4932
|
},
|
4897
|
-
/* @__PURE__ */
|
4933
|
+
/* @__PURE__ */ React84__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React84__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React84__default.createElement(
|
4898
4934
|
Flex,
|
4899
4935
|
{
|
4900
4936
|
justifyContent: "space-between",
|
@@ -4902,11 +4938,11 @@ var Stepper = ({
|
|
4902
4938
|
gap: 2,
|
4903
4939
|
flex: 1
|
4904
4940
|
},
|
4905
|
-
/* @__PURE__ */
|
4941
|
+
/* @__PURE__ */ React84__default.createElement(
|
4906
4942
|
IconButton,
|
4907
4943
|
{
|
4908
|
-
"aria-label": t2(
|
4909
|
-
icon: /* @__PURE__ */
|
4944
|
+
"aria-label": t2(texts26.back),
|
4945
|
+
icon: /* @__PURE__ */ React84__default.createElement(ArrowLeftFill24Icon, null),
|
4910
4946
|
variant: "ghost",
|
4911
4947
|
size: "sm",
|
4912
4948
|
visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
|
@@ -4919,9 +4955,9 @@ var Stepper = ({
|
|
4919
4955
|
}
|
4920
4956
|
}
|
4921
4957
|
),
|
4922
|
-
shownHeading && /* @__PURE__ */
|
4923
|
-
/* @__PURE__ */
|
4924
|
-
)), /* @__PURE__ */
|
4958
|
+
shownHeading && /* @__PURE__ */ React84__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
|
4959
|
+
/* @__PURE__ */ React84__default.createElement(Box, { sx: style.stepCounter }, t2(texts26.stepsOf(activeStep, numberOfSteps)))
|
4960
|
+
)), /* @__PURE__ */ React84__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React84__default.createElement(
|
4925
4961
|
StepperStep,
|
4926
4962
|
{
|
4927
4963
|
key: index,
|
@@ -4934,7 +4970,7 @@ var Stepper = ({
|
|
4934
4970
|
))))
|
4935
4971
|
));
|
4936
4972
|
};
|
4937
|
-
var
|
4973
|
+
var texts26 = createTexts({
|
4938
4974
|
stepsOf: (activeStep, numberOfSteps) => ({
|
4939
4975
|
nb: `Steg ${activeStep}/${numberOfSteps}`,
|
4940
4976
|
nn: `Steg ${activeStep}/${numberOfSteps}`,
|
@@ -4966,14 +5002,14 @@ var StepperStep = ({
|
|
4966
5002
|
);
|
4967
5003
|
const iconColor = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
|
4968
5004
|
const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
|
4969
|
-
return /* @__PURE__ */
|
5005
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React84__default.createElement(
|
4970
5006
|
DropdownRightFill18Icon,
|
4971
5007
|
{
|
4972
5008
|
marginX: 5,
|
4973
5009
|
display: ["none", null, "block"],
|
4974
5010
|
color: iconColor
|
4975
5011
|
}
|
4976
|
-
), isDisabled ? /* @__PURE__ */
|
5012
|
+
), isDisabled ? /* @__PURE__ */ React84__default.createElement(
|
4977
5013
|
Text4,
|
4978
5014
|
{
|
4979
5015
|
variant: "xs",
|
@@ -4983,7 +5019,7 @@ var StepperStep = ({
|
|
4983
5019
|
paddingX: 2
|
4984
5020
|
},
|
4985
5021
|
children
|
4986
|
-
) : /* @__PURE__ */
|
5022
|
+
) : /* @__PURE__ */ React84__default.createElement(
|
4987
5023
|
Button2,
|
4988
5024
|
{
|
4989
5025
|
size: "xs",
|
@@ -5006,11 +5042,11 @@ var getState = (stepNumber, activeStep) => {
|
|
5006
5042
|
return "disabled";
|
5007
5043
|
};
|
5008
5044
|
var Tabs = forwardRef((props, ref) => {
|
5009
|
-
return /* @__PURE__ */
|
5045
|
+
return /* @__PURE__ */ React84.createElement(Tabs$1, { ...props, ref });
|
5010
5046
|
});
|
5011
5047
|
var Table = forwardRef((props, ref) => {
|
5012
5048
|
const { variant, size: size2, colorScheme, children, ...rest } = props;
|
5013
|
-
return /* @__PURE__ */
|
5049
|
+
return /* @__PURE__ */ React84__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React84__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React84__default.createElement(
|
5014
5050
|
Table$1,
|
5015
5051
|
{
|
5016
5052
|
variant,
|
@@ -6826,16 +6862,16 @@ Object.assign({}, space, layout, flexbox, grid, position);
|
|
6826
6862
|
function defineStyle(styles3) {
|
6827
6863
|
return styles3;
|
6828
6864
|
}
|
6829
|
-
function defineStyleConfig(
|
6830
|
-
return
|
6865
|
+
function defineStyleConfig(config44) {
|
6866
|
+
return config44;
|
6831
6867
|
}
|
6832
6868
|
function createMultiStyleConfigHelpers(parts20) {
|
6833
6869
|
return {
|
6834
|
-
definePartsStyle(
|
6835
|
-
return
|
6870
|
+
definePartsStyle(config44) {
|
6871
|
+
return config44;
|
6836
6872
|
},
|
6837
|
-
defineMultiStyleConfig(
|
6838
|
-
return { parts: parts20, ...
|
6873
|
+
defineMultiStyleConfig(config44) {
|
6874
|
+
return { parts: parts20, ...config44 };
|
6839
6875
|
}
|
6840
6876
|
};
|
6841
6877
|
}
|
@@ -10096,7 +10132,6 @@ __export(components_exports, {
|
|
10096
10132
|
Badge: () => badge_default,
|
10097
10133
|
Breadcrumb: () => breadcrumb_default,
|
10098
10134
|
Button: () => button_default,
|
10099
|
-
Card: () => card_default,
|
10100
10135
|
CardSelect: () => card_select_default,
|
10101
10136
|
Checkbox: () => checkbox_default,
|
10102
10137
|
ChoiceChip: () => choice_chip_default,
|
@@ -10410,9 +10445,13 @@ var config2 = helpers.defineMultiStyleConfig({
|
|
10410
10445
|
justifyContent: "space-between",
|
10411
10446
|
...baseText("default", props),
|
10412
10447
|
textAlign: "left",
|
10448
|
+
fontSize: ["mobile.sm", null, "desktop.sm"],
|
10413
10449
|
fontFamily: "body",
|
10414
10450
|
fontWeight: "bold",
|
10415
10451
|
outlineOffset: "-2px",
|
10452
|
+
paddingX: [2, null, 3],
|
10453
|
+
paddingY: [1, null, 1.5],
|
10454
|
+
minHeight: [6, null, 7],
|
10416
10455
|
...focusVisibleStyles(props),
|
10417
10456
|
_disabled: {
|
10418
10457
|
pointerEvents: "none",
|
@@ -10421,7 +10460,9 @@ var config2 = helpers.defineMultiStyleConfig({
|
|
10421
10460
|
},
|
10422
10461
|
panel: {
|
10423
10462
|
paddingY: 2,
|
10424
|
-
|
10463
|
+
paddingX: [2, null, 3],
|
10464
|
+
borderBottomRadius: "sm",
|
10465
|
+
fontSize: ["mobile.sm", null, "desktop.sm"]
|
10425
10466
|
},
|
10426
10467
|
icon: {
|
10427
10468
|
fontSize: "1.25em"
|
@@ -10478,47 +10519,8 @@ var config2 = helpers.defineMultiStyleConfig({
|
|
10478
10519
|
}
|
10479
10520
|
})
|
10480
10521
|
},
|
10481
|
-
sizes: {
|
10482
|
-
sm: {
|
10483
|
-
button: {
|
10484
|
-
fontSize: ["mobile.xs", null, "desktop.xs"],
|
10485
|
-
paddingX: 2,
|
10486
|
-
paddingY: 1,
|
10487
|
-
minHeight: 6
|
10488
|
-
},
|
10489
|
-
panel: {
|
10490
|
-
fontSize: ["mobile.xs", null, "desktop.xs"],
|
10491
|
-
paddingX: 2
|
10492
|
-
}
|
10493
|
-
},
|
10494
|
-
md: {
|
10495
|
-
button: {
|
10496
|
-
fontSize: ["mobile.sm", null, "desktop.sm"],
|
10497
|
-
paddingX: 3,
|
10498
|
-
paddingY: 1,
|
10499
|
-
minHeight: 7
|
10500
|
-
},
|
10501
|
-
panel: {
|
10502
|
-
fontSize: ["mobile.sm", null, "desktop.sm"],
|
10503
|
-
paddingX: 3
|
10504
|
-
}
|
10505
|
-
},
|
10506
|
-
lg: {
|
10507
|
-
button: {
|
10508
|
-
fontSize: ["mobile.sm", null, "desktop.sm"],
|
10509
|
-
paddingX: 3,
|
10510
|
-
paddingY: 2,
|
10511
|
-
minHeight: 8
|
10512
|
-
},
|
10513
|
-
panel: {
|
10514
|
-
fontSize: ["mobile.sm", null, "desktop.sm"],
|
10515
|
-
paddingX: 3
|
10516
|
-
}
|
10517
|
-
}
|
10518
|
-
},
|
10519
10522
|
defaultProps: {
|
10520
|
-
variant: "
|
10521
|
-
size: "sm"
|
10523
|
+
variant: "base"
|
10522
10524
|
}
|
10523
10525
|
});
|
10524
10526
|
var accordion_default = config2;
|
@@ -10954,507 +10956,113 @@ var config6 = defineStyleConfig$1({
|
|
10954
10956
|
}
|
10955
10957
|
});
|
10956
10958
|
var button_default = config6;
|
10957
|
-
|
10958
|
-
|
10959
|
-
var
|
10960
|
-
|
10961
|
-
|
10962
|
-
|
10963
|
-
|
10964
|
-
|
10965
|
-
|
10966
|
-
|
10967
|
-
|
10968
|
-
|
10969
|
-
|
10970
|
-
|
10971
|
-
|
10972
|
-
|
10973
|
-
|
10974
|
-
|
10975
|
-
|
10976
|
-
|
10959
|
+
var parts3 = anatomy("card-select").parts("trigger", "card");
|
10960
|
+
var helpers4 = createMultiStyleConfigHelpers(parts3.keys);
|
10961
|
+
var config7 = helpers4.defineMultiStyleConfig({
|
10962
|
+
baseStyle: (props) => ({
|
10963
|
+
trigger: {
|
10964
|
+
appearance: "none",
|
10965
|
+
display: "flex",
|
10966
|
+
alignItems: "center",
|
10967
|
+
transitionProperty: "outline",
|
10968
|
+
transitionDuration: "fast",
|
10969
|
+
...baseText("default", props),
|
10970
|
+
...focusVisibleStyles(props)
|
10971
|
+
},
|
10972
|
+
card: {
|
10973
|
+
borderRadius: "sm",
|
10974
|
+
boxShadow: "md",
|
10975
|
+
padding: 3,
|
10976
|
+
...baseText("default", props),
|
10977
|
+
backgroundColor: mode(
|
10978
|
+
"white",
|
10979
|
+
`color-mix(in srgb, white 10%, var(--spor-colors-bg-default-dark))`
|
10980
|
+
)(props)
|
10981
|
+
}
|
10982
|
+
}),
|
10983
|
+
variants: {
|
10984
|
+
base: (props) => ({
|
10985
|
+
trigger: {
|
10986
|
+
...baseBorder("default", props),
|
10987
|
+
_hover: {
|
10988
|
+
...baseBorder("hover", props)
|
10989
|
+
},
|
10990
|
+
_active: {
|
10991
|
+
...baseBackground("active", props),
|
10992
|
+
...baseBorder("default", props)
|
10993
|
+
},
|
10994
|
+
_expanded: {
|
10995
|
+
...baseBackground("active", props)
|
10996
|
+
}
|
10997
|
+
}
|
10998
|
+
}),
|
10999
|
+
ghost: (props) => ({
|
11000
|
+
trigger: {
|
11001
|
+
_hover: {
|
11002
|
+
...ghostBackground("hover", props)
|
11003
|
+
},
|
11004
|
+
_active: {
|
11005
|
+
...ghostBackground("active", props)
|
11006
|
+
},
|
11007
|
+
_expanded: {
|
11008
|
+
...ghostBackground("selected", props)
|
11009
|
+
}
|
11010
|
+
}
|
11011
|
+
}),
|
11012
|
+
floating: (props) => ({
|
11013
|
+
trigger: {
|
11014
|
+
boxShadow: "sm",
|
11015
|
+
...floatingBackground("default", props),
|
11016
|
+
...floatingBorder("default", props),
|
11017
|
+
transition: "all .1s ease-out",
|
11018
|
+
_hover: {
|
11019
|
+
...floatingBackground("hover", props),
|
11020
|
+
...floatingBorder("hover", props)
|
11021
|
+
},
|
11022
|
+
_active: {
|
11023
|
+
...floatingBackground("active", props),
|
11024
|
+
...floatingBorder("active", props)
|
11025
|
+
},
|
11026
|
+
_expanded: {
|
11027
|
+
...floatingBackground("active", props)
|
11028
|
+
}
|
11029
|
+
},
|
11030
|
+
card: {}
|
11031
|
+
})
|
11032
|
+
},
|
11033
|
+
sizes: {
|
11034
|
+
sm: {
|
11035
|
+
trigger: {
|
11036
|
+
paddingX: 1.5,
|
11037
|
+
paddingY: 1,
|
11038
|
+
minHeight: "1.25rem",
|
11039
|
+
fontSize: "xs",
|
11040
|
+
borderRadius: "sm"
|
11041
|
+
}
|
11042
|
+
},
|
11043
|
+
md: {
|
11044
|
+
trigger: {
|
11045
|
+
paddingX: 2,
|
11046
|
+
paddingY: 1.5,
|
11047
|
+
minHeight: "2.625rem",
|
11048
|
+
fontSize: "sm",
|
11049
|
+
borderRadius: "sm"
|
11050
|
+
}
|
11051
|
+
},
|
11052
|
+
lg: {
|
11053
|
+
trigger: {
|
11054
|
+
paddingX: 3,
|
11055
|
+
paddingY: 2,
|
11056
|
+
minHeight: "3.375rem",
|
11057
|
+
fontSize: "sm",
|
11058
|
+
borderRadius: "sm"
|
11059
|
+
}
|
11060
|
+
}
|
11061
|
+
}
|
10977
11062
|
});
|
10978
|
-
var
|
10979
|
-
none: "0",
|
10980
|
-
sm: `${tokens11__default.size.stroke.sm} solid`,
|
10981
|
-
"sm-dashed": `${tokens11__default.size.stroke.sm} dashed`,
|
10982
|
-
md: `${tokens11__default.size.stroke.md} solid`,
|
10983
|
-
"md-dashed": `${tokens11__default.size.stroke.md} dashed`,
|
10984
|
-
lg: `${tokens11__default.size.stroke.lg} solid`,
|
10985
|
-
"lg-dashed": `${tokens11__default.size.stroke.lg} dashed`
|
10986
|
-
};
|
10987
|
-
var breakpoints2 = {
|
10988
|
-
base: "0px",
|
10989
|
-
sm: tokens11__default.size.breakpoint.sm,
|
10990
|
-
md: tokens11__default.size.breakpoint.md,
|
10991
|
-
lg: tokens11__default.size.breakpoint.lg,
|
10992
|
-
xl: tokens11__default.size.breakpoint.xl,
|
10993
|
-
"2xl": tokens11__default.size.breakpoint.xl
|
10994
|
-
};
|
10995
|
-
var colors2 = {
|
10996
|
-
...tokens11__default.color.alias,
|
10997
|
-
...tokens11__default.color.palette,
|
10998
|
-
...tokens11__default.color.vyDigital,
|
10999
|
-
linjetag: tokens11__default.color.linjetag
|
11000
|
-
};
|
11001
|
-
|
11002
|
-
// src/theme/foundations/config.ts
|
11003
|
-
var config7 = {
|
11004
|
-
cssVarPrefix: "spor",
|
11005
|
-
initialColorMode: "light",
|
11006
|
-
useSystemColorMode: false
|
11007
|
-
};
|
11008
|
-
var fonts = {
|
11009
|
-
body: `${tokens11__default.font.family.body}, arial, sans-serif`,
|
11010
|
-
heading: `${tokens11__default.font.family.heading}, arial, sans-serif`,
|
11011
|
-
mono: `${tokens11__default.font.family.monospace}, monospace`
|
11012
|
-
};
|
11013
|
-
var fontSizes = {
|
11014
|
-
"2xs": tokens11__default.size.font.xs.mobile,
|
11015
|
-
xs: tokens11__default.size.font.sm.mobile,
|
11016
|
-
sm: tokens11__default.size.font.md.mobile,
|
11017
|
-
md: tokens11__default.size.font.lg.mobile,
|
11018
|
-
lg: tokens11__default.size.font.xl.mobile,
|
11019
|
-
xl: tokens11__default.size.font.xxl.mobile,
|
11020
|
-
"2xl": tokens11__default.size.font.xl.desktop,
|
11021
|
-
"3xl": tokens11__default.size.font.xxl.desktop,
|
11022
|
-
mobile: {
|
11023
|
-
xs: tokens11__default.size.font.xs.mobile,
|
11024
|
-
sm: tokens11__default.size.font.sm.mobile,
|
11025
|
-
md: tokens11__default.size.font.md.mobile,
|
11026
|
-
lg: tokens11__default.size.font.lg.mobile,
|
11027
|
-
xl: tokens11__default.size.font.xl.mobile,
|
11028
|
-
xxl: tokens11__default.size.font.xxl.mobile
|
11029
|
-
},
|
11030
|
-
desktop: {
|
11031
|
-
xs: tokens11__default.size.font.xs.desktop,
|
11032
|
-
sm: tokens11__default.size.font.sm.desktop,
|
11033
|
-
md: tokens11__default.size.font.md.desktop,
|
11034
|
-
lg: tokens11__default.size.font.lg.desktop,
|
11035
|
-
xl: tokens11__default.size.font.xl.desktop,
|
11036
|
-
xxl: tokens11__default.size.font.xxl.desktop
|
11037
|
-
}
|
11038
|
-
};
|
11039
|
-
|
11040
|
-
// src/theme/foundations/fontWeights.ts
|
11041
|
-
var fontWeights = {
|
11042
|
-
light: 300,
|
11043
|
-
medium: 400,
|
11044
|
-
bold: 700
|
11045
|
-
};
|
11046
|
-
var lineHeights = {
|
11047
|
-
base: tokens11__default.font.style.lg["line-height"],
|
11048
|
-
normal: tokens11__default.font.style.lg["line-height"]
|
11049
|
-
};
|
11050
|
-
var radii2 = {
|
11051
|
-
none: tokens11__default.size["border-radius"].none,
|
11052
|
-
xs: tokens11__default.size["border-radius"].xs,
|
11053
|
-
sm: tokens11__default.size["border-radius"].sm,
|
11054
|
-
md: tokens11__default.size["border-radius"].md,
|
11055
|
-
lg: tokens11__default.size["border-radius"].lg,
|
11056
|
-
xl: tokens11__default.size["border-radius"].xl,
|
11057
|
-
"2xl": tokens11__default.size["border-radius"]["2xl"],
|
11058
|
-
round: "50%"
|
11059
|
-
};
|
11060
|
-
var shadows2 = {
|
11061
|
-
none: "none",
|
11062
|
-
sm: tokens11__default.depth.shadow.sm.value,
|
11063
|
-
md: tokens11__default.depth.shadow.md.value,
|
11064
|
-
lg: tokens11__default.depth.shadow.lg.value
|
11065
|
-
};
|
11066
|
-
var spacing2 = Object.entries(tokens11__default.size.spacing).reduce(
|
11067
|
-
(tokens16, [key, token]) => ({
|
11068
|
-
...tokens16,
|
11069
|
-
[Number(key)]: token
|
11070
|
-
}),
|
11071
|
-
{}
|
11072
|
-
);
|
11073
|
-
var space2 = spacing2;
|
11074
|
-
|
11075
|
-
// src/theme/foundations/sizes.ts
|
11076
|
-
var largeSizes2 = {
|
11077
|
-
max: "max-content",
|
11078
|
-
min: "min-content",
|
11079
|
-
full: "100%",
|
11080
|
-
"3xs": "14rem",
|
11081
|
-
"2xs": "16rem",
|
11082
|
-
xs: "20rem",
|
11083
|
-
sm: "24rem",
|
11084
|
-
md: "28rem",
|
11085
|
-
lg: "32rem",
|
11086
|
-
xl: "36rem",
|
11087
|
-
"2xl": "42rem",
|
11088
|
-
"3xl": "48rem",
|
11089
|
-
"4xl": "56rem",
|
11090
|
-
"5xl": "64rem",
|
11091
|
-
"6xl": "72rem",
|
11092
|
-
"7xl": "80rem",
|
11093
|
-
"8xl": "90rem"
|
11094
|
-
};
|
11095
|
-
var container2 = {
|
11096
|
-
sm: "640px",
|
11097
|
-
md: "768px",
|
11098
|
-
lg: "1024px",
|
11099
|
-
xl: "1280px"
|
11100
|
-
};
|
11101
|
-
var sizes24 = {
|
11102
|
-
...spacing2,
|
11103
|
-
...largeSizes2,
|
11104
|
-
container: container2
|
11105
|
-
};
|
11106
|
-
var textStyles = {
|
11107
|
-
"2xl": {
|
11108
|
-
fontSize: [
|
11109
|
-
tokens11__default.font.style.xxl["font-size"].mobile,
|
11110
|
-
null,
|
11111
|
-
null,
|
11112
|
-
tokens11__default.font.style.xxl["font-size"].desktop
|
11113
|
-
],
|
11114
|
-
fontFamily: tokens11__default.font.style.xxl["font-family"],
|
11115
|
-
lineHeight: tokens11__default.font.style.xxl["line-height"]
|
11116
|
-
},
|
11117
|
-
"xl-display": {
|
11118
|
-
fontSize: [
|
11119
|
-
tokens11__default.font.style["xl-display"]["font-size"].mobile,
|
11120
|
-
null,
|
11121
|
-
null,
|
11122
|
-
tokens11__default.font.style["xl-display"]["font-size"].desktop
|
11123
|
-
],
|
11124
|
-
fontFamily: tokens11__default.font.style["xl-display"]["font-family"],
|
11125
|
-
lineHeight: tokens11__default.font.style["xl-display"]["line-height"]
|
11126
|
-
},
|
11127
|
-
"xl-sans": {
|
11128
|
-
fontSize: [
|
11129
|
-
tokens11__default.font.style["xl-sans"]["font-size"].mobile,
|
11130
|
-
null,
|
11131
|
-
null,
|
11132
|
-
tokens11__default.font.style["xl-sans"]["font-size"].desktop
|
11133
|
-
],
|
11134
|
-
fontFamily: tokens11__default.font.style["xl-sans"]["font-family"],
|
11135
|
-
lineHeight: tokens11__default.font.style["xl-sans"]["line-height"]
|
11136
|
-
},
|
11137
|
-
lg: {
|
11138
|
-
fontSize: [
|
11139
|
-
tokens11__default.font.style.lg["font-size"].mobile,
|
11140
|
-
null,
|
11141
|
-
null,
|
11142
|
-
tokens11__default.font.style.lg["font-size"].desktop
|
11143
|
-
],
|
11144
|
-
fontFamily: tokens11__default.font.style.lg["font-family"],
|
11145
|
-
lineHeight: tokens11__default.font.style.lg["line-height"]
|
11146
|
-
},
|
11147
|
-
md: {
|
11148
|
-
fontSize: [
|
11149
|
-
tokens11__default.font.style.md["font-size"].mobile,
|
11150
|
-
null,
|
11151
|
-
null,
|
11152
|
-
tokens11__default.font.style.md["font-size"].desktop
|
11153
|
-
],
|
11154
|
-
fontFamily: tokens11__default.font.style.md["font-family"],
|
11155
|
-
lineHeight: tokens11__default.font.style.md["line-height"]
|
11156
|
-
},
|
11157
|
-
sm: {
|
11158
|
-
fontSize: [
|
11159
|
-
tokens11__default.font.style.sm["font-size"].mobile,
|
11160
|
-
null,
|
11161
|
-
null,
|
11162
|
-
tokens11__default.font.style.sm["font-size"].desktop
|
11163
|
-
],
|
11164
|
-
fontFamily: tokens11__default.font.style.sm["font-family"],
|
11165
|
-
lineHeight: tokens11__default.font.style.sm["line-height"]
|
11166
|
-
},
|
11167
|
-
xs: {
|
11168
|
-
fontSize: [
|
11169
|
-
tokens11__default.font.style.xs["font-size"].mobile,
|
11170
|
-
null,
|
11171
|
-
null,
|
11172
|
-
tokens11__default.font.style.xs["font-size"].desktop
|
11173
|
-
],
|
11174
|
-
fontFamily: tokens11__default.font.style.xs["font-family"],
|
11175
|
-
lineHeight: tokens11__default.font.style.xs["line-height"]
|
11176
|
-
}
|
11177
|
-
};
|
11178
|
-
var zIndices2 = {
|
11179
|
-
hide: tokens11__default.depth["z-index"].hide,
|
11180
|
-
auto: "auto",
|
11181
|
-
base: tokens11__default.depth["z-index"].base,
|
11182
|
-
docked: tokens11__default.depth["z-index"].docked,
|
11183
|
-
dropdown: tokens11__default.depth["z-index"].dropdown,
|
11184
|
-
sticky: tokens11__default.depth["z-index"].sticky,
|
11185
|
-
banner: tokens11__default.depth["z-index"].banner,
|
11186
|
-
overlay: tokens11__default.depth["z-index"].overlay,
|
11187
|
-
modal: tokens11__default.depth["z-index"].modal,
|
11188
|
-
popover: tokens11__default.depth["z-index"].popover,
|
11189
|
-
skipLink: tokens11__default.depth["z-index"].skipLink,
|
11190
|
-
toast: tokens11__default.depth["z-index"].toast,
|
11191
|
-
tooltip: tokens11__default.depth["z-index"].tooltip
|
11192
|
-
};
|
11193
|
-
var styles2 = {
|
11194
|
-
global: (props) => ({
|
11195
|
-
"html, body": {
|
11196
|
-
color: mode("darkGrey", "lightGrey")(props)
|
11197
|
-
},
|
11198
|
-
svg: {
|
11199
|
-
display: "initial"
|
11200
|
-
}
|
11201
|
-
})
|
11202
|
-
};
|
11203
|
-
|
11204
|
-
// src/theme/components/card.ts
|
11205
|
-
var config8 = defineStyleConfig$1({
|
11206
|
-
baseStyle: (props) => ({
|
11207
|
-
appearance: "none",
|
11208
|
-
border: "none",
|
11209
|
-
overflow: "hidden",
|
11210
|
-
fontSize: "inherit",
|
11211
|
-
display: "block",
|
11212
|
-
transitionProperty: "common",
|
11213
|
-
transitionDuration: "fast",
|
11214
|
-
borderRadius: "md",
|
11215
|
-
// Except for white cards, all cards are light mode always
|
11216
|
-
color: "text.default.light",
|
11217
|
-
...getColorSchemeBaseProps(props),
|
11218
|
-
"button&, a&, label&, &.is-clickable": {
|
11219
|
-
outline: "1px solid",
|
11220
|
-
...getColorSchemeClickableProps(props),
|
11221
|
-
...focusVisibleStyles(props),
|
11222
|
-
_hover: getColorSchemeHoverProps(props),
|
11223
|
-
_active: getColorSchemeActiveProps(props),
|
11224
|
-
_disabled: {
|
11225
|
-
...baseBackground("disabled", props),
|
11226
|
-
...baseBorder("disabled", props),
|
11227
|
-
...baseText("disabled", props),
|
11228
|
-
pointerEvents: "none"
|
11229
|
-
}
|
11230
|
-
}
|
11231
|
-
}),
|
11232
|
-
sizes: {
|
11233
|
-
sm: {
|
11234
|
-
"button&, a&, label&, &.is-clickable": {
|
11235
|
-
boxShadow: "sm",
|
11236
|
-
_hover: {
|
11237
|
-
boxShadow: "md"
|
11238
|
-
},
|
11239
|
-
_active: {
|
11240
|
-
boxShadow: "none"
|
11241
|
-
}
|
11242
|
-
}
|
11243
|
-
},
|
11244
|
-
lg: {
|
11245
|
-
"button&, a&, label&, &.is-clickable": {
|
11246
|
-
boxShadow: "md",
|
11247
|
-
_hover: {
|
11248
|
-
boxShadow: "lg"
|
11249
|
-
},
|
11250
|
-
_active: {
|
11251
|
-
boxShadow: "sm"
|
11252
|
-
}
|
11253
|
-
}
|
11254
|
-
}
|
11255
|
-
}
|
11256
|
-
});
|
11257
|
-
var card_default = config8;
|
11258
|
-
var getColorSchemeBaseProps = (props) => {
|
11259
|
-
var _a6;
|
11260
|
-
switch (props.colorScheme) {
|
11261
|
-
case "white":
|
11262
|
-
return {
|
11263
|
-
...baseBorder("default", props),
|
11264
|
-
backgroundColor: mode(
|
11265
|
-
"white",
|
11266
|
-
`color-mix(in srgb, white 10%, var(--spor-colors-bg-default-dark))`
|
11267
|
-
)(props),
|
11268
|
-
color: "inherit"
|
11269
|
-
};
|
11270
|
-
case "grey":
|
11271
|
-
return {
|
11272
|
-
backgroundColor: "lightGrey"
|
11273
|
-
};
|
11274
|
-
case "green": {
|
11275
|
-
return {
|
11276
|
-
backgroundColor: "seaMist"
|
11277
|
-
};
|
11278
|
-
}
|
11279
|
-
case "red": {
|
11280
|
-
return {
|
11281
|
-
backgroundColor: "pink"
|
11282
|
-
};
|
11283
|
-
}
|
11284
|
-
default:
|
11285
|
-
return {
|
11286
|
-
backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[100]) ?? "platinum"
|
11287
|
-
};
|
11288
|
-
}
|
11289
|
-
};
|
11290
|
-
function getColorSchemeClickableProps(props) {
|
11291
|
-
var _a6, _b5;
|
11292
|
-
switch (props.colorScheme) {
|
11293
|
-
case "white":
|
11294
|
-
return {
|
11295
|
-
...floatingBorder("default", props)
|
11296
|
-
};
|
11297
|
-
case "grey":
|
11298
|
-
return {
|
11299
|
-
outlineColor: "steel"
|
11300
|
-
};
|
11301
|
-
default:
|
11302
|
-
return {
|
11303
|
-
backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[100]) ?? "platinum",
|
11304
|
-
outlineColor: ((_b5 = colors2[props.colorScheme]) == null ? void 0 : _b5[200]) ?? "silver"
|
11305
|
-
};
|
11306
|
-
}
|
11307
|
-
}
|
11308
|
-
var getColorSchemeHoverProps = (props) => {
|
11309
|
-
var _a6, _b5;
|
11310
|
-
switch (props.colorScheme) {
|
11311
|
-
case "white":
|
11312
|
-
return {
|
11313
|
-
backgroundColor: mode(
|
11314
|
-
"white",
|
11315
|
-
`color-mix(in srgb, white 20%, var(--spor-colors-bg-default-dark))`
|
11316
|
-
)(props),
|
11317
|
-
...floatingBorder("hover", props)
|
11318
|
-
};
|
11319
|
-
case "grey":
|
11320
|
-
return {
|
11321
|
-
outlineColor: "osloGrey"
|
11322
|
-
};
|
11323
|
-
default:
|
11324
|
-
return {
|
11325
|
-
backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[200]) ?? "silver",
|
11326
|
-
outlineColor: ((_b5 = colors2[props.colorScheme]) == null ? void 0 : _b5[400]) ?? "silver"
|
11327
|
-
};
|
11328
|
-
}
|
11329
|
-
};
|
11330
|
-
var getColorSchemeActiveProps = (props) => {
|
11331
|
-
var _a6, _b5;
|
11332
|
-
const { colorScheme } = props;
|
11333
|
-
switch (colorScheme) {
|
11334
|
-
case "white":
|
11335
|
-
return {
|
11336
|
-
backgroundColor: mode("bg.tertiary.light", `bg.default.dark`)(props),
|
11337
|
-
...floatingBorder("active", props)
|
11338
|
-
};
|
11339
|
-
case "grey":
|
11340
|
-
return {
|
11341
|
-
backgroundColor: "white",
|
11342
|
-
outlineColor: "steel"
|
11343
|
-
};
|
11344
|
-
default:
|
11345
|
-
return {
|
11346
|
-
backgroundColor: ((_a6 = colors2[colorScheme]) == null ? void 0 : _a6[50]) ?? "lightGrey",
|
11347
|
-
outlineColor: ((_b5 = colors2[colorScheme]) == null ? void 0 : _b5[100]) ?? "silver"
|
11348
|
-
};
|
11349
|
-
}
|
11350
|
-
};
|
11351
|
-
var parts3 = anatomy("card-select").parts("trigger", "card");
|
11352
|
-
var helpers4 = createMultiStyleConfigHelpers(parts3.keys);
|
11353
|
-
var config9 = helpers4.defineMultiStyleConfig({
|
11354
|
-
baseStyle: (props) => ({
|
11355
|
-
trigger: {
|
11356
|
-
appearance: "none",
|
11357
|
-
display: "flex",
|
11358
|
-
alignItems: "center",
|
11359
|
-
transitionProperty: "outline",
|
11360
|
-
transitionDuration: "fast",
|
11361
|
-
...baseText("default", props),
|
11362
|
-
...focusVisibleStyles(props)
|
11363
|
-
},
|
11364
|
-
card: {
|
11365
|
-
borderRadius: "sm",
|
11366
|
-
boxShadow: "md",
|
11367
|
-
padding: 3,
|
11368
|
-
...baseText("default", props),
|
11369
|
-
backgroundColor: mode(
|
11370
|
-
"white",
|
11371
|
-
`color-mix(in srgb, white 10%, var(--spor-colors-bg-default-dark))`
|
11372
|
-
)(props)
|
11373
|
-
}
|
11374
|
-
}),
|
11375
|
-
variants: {
|
11376
|
-
base: (props) => ({
|
11377
|
-
trigger: {
|
11378
|
-
...baseBorder("default", props),
|
11379
|
-
_hover: {
|
11380
|
-
...baseBorder("hover", props)
|
11381
|
-
},
|
11382
|
-
_active: {
|
11383
|
-
...baseBackground("active", props),
|
11384
|
-
...baseBorder("default", props)
|
11385
|
-
},
|
11386
|
-
_expanded: {
|
11387
|
-
...baseBackground("active", props)
|
11388
|
-
}
|
11389
|
-
}
|
11390
|
-
}),
|
11391
|
-
ghost: (props) => ({
|
11392
|
-
trigger: {
|
11393
|
-
_hover: {
|
11394
|
-
...ghostBackground("hover", props)
|
11395
|
-
},
|
11396
|
-
_active: {
|
11397
|
-
...ghostBackground("active", props)
|
11398
|
-
},
|
11399
|
-
_expanded: {
|
11400
|
-
...ghostBackground("selected", props)
|
11401
|
-
}
|
11402
|
-
}
|
11403
|
-
}),
|
11404
|
-
floating: (props) => ({
|
11405
|
-
trigger: {
|
11406
|
-
boxShadow: "sm",
|
11407
|
-
...floatingBackground("default", props),
|
11408
|
-
...floatingBorder("default", props),
|
11409
|
-
transition: "all .1s ease-out",
|
11410
|
-
_hover: {
|
11411
|
-
...floatingBackground("hover", props),
|
11412
|
-
...floatingBorder("hover", props)
|
11413
|
-
},
|
11414
|
-
_active: {
|
11415
|
-
...floatingBackground("active", props),
|
11416
|
-
...floatingBorder("active", props)
|
11417
|
-
},
|
11418
|
-
_expanded: {
|
11419
|
-
...floatingBackground("active", props)
|
11420
|
-
}
|
11421
|
-
},
|
11422
|
-
card: {}
|
11423
|
-
})
|
11424
|
-
},
|
11425
|
-
sizes: {
|
11426
|
-
sm: {
|
11427
|
-
trigger: {
|
11428
|
-
paddingX: 1.5,
|
11429
|
-
paddingY: 1,
|
11430
|
-
minHeight: "1.25rem",
|
11431
|
-
fontSize: "xs",
|
11432
|
-
borderRadius: "sm"
|
11433
|
-
}
|
11434
|
-
},
|
11435
|
-
md: {
|
11436
|
-
trigger: {
|
11437
|
-
paddingX: 2,
|
11438
|
-
paddingY: 1.5,
|
11439
|
-
minHeight: "2.625rem",
|
11440
|
-
fontSize: "sm",
|
11441
|
-
borderRadius: "sm"
|
11442
|
-
}
|
11443
|
-
},
|
11444
|
-
lg: {
|
11445
|
-
trigger: {
|
11446
|
-
paddingX: 3,
|
11447
|
-
paddingY: 2,
|
11448
|
-
minHeight: "3.375rem",
|
11449
|
-
fontSize: "sm",
|
11450
|
-
borderRadius: "sm"
|
11451
|
-
}
|
11452
|
-
}
|
11453
|
-
}
|
11454
|
-
});
|
11455
|
-
var card_select_default = config9;
|
11063
|
+
var card_select_default = config7;
|
11456
11064
|
var helpers5 = createMultiStyleConfigHelpers$1(checkboxAnatomy.keys);
|
11457
|
-
var
|
11065
|
+
var config8 = helpers5.defineMultiStyleConfig({
|
11458
11066
|
baseStyle: (props) => ({
|
11459
11067
|
container: {
|
11460
11068
|
_hover: {
|
@@ -11525,10 +11133,10 @@ var config10 = helpers5.defineMultiStyleConfig({
|
|
11525
11133
|
}
|
11526
11134
|
})
|
11527
11135
|
});
|
11528
|
-
var checkbox_default =
|
11136
|
+
var checkbox_default = config8;
|
11529
11137
|
var parts4 = anatomy$1("choice-chip").parts("container", "icon", "label");
|
11530
11138
|
var helpers6 = createMultiStyleConfigHelpers$1(parts4.keys);
|
11531
|
-
var
|
11139
|
+
var config9 = helpers6.defineMultiStyleConfig({
|
11532
11140
|
baseStyle: (props) => ({
|
11533
11141
|
container: {
|
11534
11142
|
display: "inline-flex",
|
@@ -11671,64 +11279,312 @@ var config11 = helpers6.defineMultiStyleConfig({
|
|
11671
11279
|
}
|
11672
11280
|
}
|
11673
11281
|
},
|
11674
|
-
defaultProps: {
|
11675
|
-
size: "sm"
|
11282
|
+
defaultProps: {
|
11283
|
+
size: "sm"
|
11284
|
+
}
|
11285
|
+
});
|
11286
|
+
var choice_chip_default = config9;
|
11287
|
+
var $size6 = cssVar$1("close-button-size");
|
11288
|
+
var config10 = defineStyleConfig$1({
|
11289
|
+
baseStyle: (props) => ({
|
11290
|
+
w: [$size6.reference],
|
11291
|
+
h: [$size6.reference],
|
11292
|
+
transitionProperty: "common",
|
11293
|
+
transitionDuration: "normal",
|
11294
|
+
borderRadius: "md",
|
11295
|
+
backgroundColor: "transparent",
|
11296
|
+
color: mode("darkGrey", "white")(props),
|
11297
|
+
fontWeight: "normal",
|
11298
|
+
...focusVisibleStyles(props),
|
11299
|
+
_hover: {
|
11300
|
+
...ghostBackground("hover", props),
|
11301
|
+
_disabled: {
|
11302
|
+
color: "dimGrey"
|
11303
|
+
}
|
11304
|
+
},
|
11305
|
+
_active: {
|
11306
|
+
...ghostBackground("active", props)
|
11307
|
+
}
|
11308
|
+
}),
|
11309
|
+
sizes: {
|
11310
|
+
lg: {
|
11311
|
+
[$size6.variable]: "40px",
|
11312
|
+
fontSize: "xs"
|
11313
|
+
},
|
11314
|
+
md: {
|
11315
|
+
[$size6.variable]: "32px",
|
11316
|
+
fontSize: "0.75rem"
|
11317
|
+
},
|
11318
|
+
sm: {
|
11319
|
+
[$size6.variable]: "24px",
|
11320
|
+
fontSize: "0.625rem"
|
11321
|
+
}
|
11322
|
+
},
|
11323
|
+
defaultProps: {
|
11324
|
+
size: "md"
|
11325
|
+
}
|
11326
|
+
});
|
11327
|
+
var close_button_default = config10;
|
11328
|
+
var { variants: variants13, defaultProps: defaultProps2 } = badge_default;
|
11329
|
+
var config11 = defineStyleConfig$1({
|
11330
|
+
baseStyle: {
|
11331
|
+
fontFamily: "monospace",
|
11332
|
+
fontSize: ["mobile.xs", "desktop.xs"],
|
11333
|
+
borderRadius: "xs",
|
11334
|
+
paddingX: 1
|
11335
|
+
},
|
11336
|
+
variants: variants13,
|
11337
|
+
defaultProps: defaultProps2
|
11338
|
+
});
|
11339
|
+
var code_default = config11;
|
11340
|
+
|
11341
|
+
// src/theme/foundations/index.ts
|
11342
|
+
var foundations_exports = {};
|
11343
|
+
__export(foundations_exports, {
|
11344
|
+
borders: () => borders2,
|
11345
|
+
breakpoints: () => breakpoints2,
|
11346
|
+
colors: () => colors2,
|
11347
|
+
config: () => config12,
|
11348
|
+
fontSizes: () => fontSizes,
|
11349
|
+
fontWeights: () => fontWeights,
|
11350
|
+
fonts: () => fonts,
|
11351
|
+
lineHeights: () => lineHeights,
|
11352
|
+
radii: () => radii2,
|
11353
|
+
shadows: () => shadows2,
|
11354
|
+
sizes: () => sizes24,
|
11355
|
+
space: () => space2,
|
11356
|
+
spacing: () => spacing2,
|
11357
|
+
styles: () => styles2,
|
11358
|
+
textStyles: () => textStyles,
|
11359
|
+
zIndices: () => zIndices2
|
11360
|
+
});
|
11361
|
+
var borders2 = {
|
11362
|
+
none: "0",
|
11363
|
+
sm: `${tokens11__default.size.stroke.sm} solid`,
|
11364
|
+
"sm-dashed": `${tokens11__default.size.stroke.sm} dashed`,
|
11365
|
+
md: `${tokens11__default.size.stroke.md} solid`,
|
11366
|
+
"md-dashed": `${tokens11__default.size.stroke.md} dashed`,
|
11367
|
+
lg: `${tokens11__default.size.stroke.lg} solid`,
|
11368
|
+
"lg-dashed": `${tokens11__default.size.stroke.lg} dashed`
|
11369
|
+
};
|
11370
|
+
var breakpoints2 = {
|
11371
|
+
base: "0px",
|
11372
|
+
sm: tokens11__default.size.breakpoint.sm,
|
11373
|
+
md: tokens11__default.size.breakpoint.md,
|
11374
|
+
lg: tokens11__default.size.breakpoint.lg,
|
11375
|
+
xl: tokens11__default.size.breakpoint.xl,
|
11376
|
+
"2xl": tokens11__default.size.breakpoint.xl
|
11377
|
+
};
|
11378
|
+
var colors2 = {
|
11379
|
+
...tokens11__default.color.alias,
|
11380
|
+
...tokens11__default.color.palette,
|
11381
|
+
...tokens11__default.color.vyDigital,
|
11382
|
+
linjetag: tokens11__default.color.linjetag
|
11383
|
+
};
|
11384
|
+
|
11385
|
+
// src/theme/foundations/config.ts
|
11386
|
+
var config12 = {
|
11387
|
+
cssVarPrefix: "spor",
|
11388
|
+
initialColorMode: "light",
|
11389
|
+
useSystemColorMode: false
|
11390
|
+
};
|
11391
|
+
var fonts = {
|
11392
|
+
body: `${tokens11__default.font.family.body}, arial, sans-serif`,
|
11393
|
+
heading: `${tokens11__default.font.family.heading}, arial, sans-serif`,
|
11394
|
+
mono: `${tokens11__default.font.family.monospace}, monospace`
|
11395
|
+
};
|
11396
|
+
var fontSizes = {
|
11397
|
+
"2xs": tokens11__default.size.font.xs.mobile,
|
11398
|
+
xs: tokens11__default.size.font.sm.mobile,
|
11399
|
+
sm: tokens11__default.size.font.md.mobile,
|
11400
|
+
md: tokens11__default.size.font.lg.mobile,
|
11401
|
+
lg: tokens11__default.size.font.xl.mobile,
|
11402
|
+
xl: tokens11__default.size.font.xxl.mobile,
|
11403
|
+
"2xl": tokens11__default.size.font.xl.desktop,
|
11404
|
+
"3xl": tokens11__default.size.font.xxl.desktop,
|
11405
|
+
mobile: {
|
11406
|
+
xs: tokens11__default.size.font.xs.mobile,
|
11407
|
+
sm: tokens11__default.size.font.sm.mobile,
|
11408
|
+
md: tokens11__default.size.font.md.mobile,
|
11409
|
+
lg: tokens11__default.size.font.lg.mobile,
|
11410
|
+
xl: tokens11__default.size.font.xl.mobile,
|
11411
|
+
xxl: tokens11__default.size.font.xxl.mobile
|
11412
|
+
},
|
11413
|
+
desktop: {
|
11414
|
+
xs: tokens11__default.size.font.xs.desktop,
|
11415
|
+
sm: tokens11__default.size.font.sm.desktop,
|
11416
|
+
md: tokens11__default.size.font.md.desktop,
|
11417
|
+
lg: tokens11__default.size.font.lg.desktop,
|
11418
|
+
xl: tokens11__default.size.font.xl.desktop,
|
11419
|
+
xxl: tokens11__default.size.font.xxl.desktop
|
11676
11420
|
}
|
11677
|
-
}
|
11678
|
-
|
11679
|
-
|
11680
|
-
var
|
11681
|
-
|
11682
|
-
|
11683
|
-
|
11684
|
-
|
11685
|
-
|
11686
|
-
|
11687
|
-
|
11688
|
-
|
11689
|
-
|
11690
|
-
|
11691
|
-
|
11692
|
-
|
11693
|
-
|
11694
|
-
|
11695
|
-
|
11696
|
-
|
11697
|
-
|
11698
|
-
|
11699
|
-
|
11421
|
+
};
|
11422
|
+
|
11423
|
+
// src/theme/foundations/fontWeights.ts
|
11424
|
+
var fontWeights = {
|
11425
|
+
light: 300,
|
11426
|
+
medium: 400,
|
11427
|
+
bold: 700
|
11428
|
+
};
|
11429
|
+
var lineHeights = {
|
11430
|
+
base: tokens11__default.font.style.lg["line-height"],
|
11431
|
+
normal: tokens11__default.font.style.lg["line-height"]
|
11432
|
+
};
|
11433
|
+
var radii2 = {
|
11434
|
+
none: tokens11__default.size["border-radius"].none,
|
11435
|
+
xs: tokens11__default.size["border-radius"].xs,
|
11436
|
+
sm: tokens11__default.size["border-radius"].sm,
|
11437
|
+
md: tokens11__default.size["border-radius"].md,
|
11438
|
+
lg: tokens11__default.size["border-radius"].lg,
|
11439
|
+
xl: tokens11__default.size["border-radius"].xl,
|
11440
|
+
"2xl": tokens11__default.size["border-radius"]["2xl"],
|
11441
|
+
round: "50%"
|
11442
|
+
};
|
11443
|
+
var shadows2 = {
|
11444
|
+
none: "none",
|
11445
|
+
sm: tokens11__default.depth.shadow.sm.value,
|
11446
|
+
md: tokens11__default.depth.shadow.md.value,
|
11447
|
+
lg: tokens11__default.depth.shadow.lg.value
|
11448
|
+
};
|
11449
|
+
var spacing2 = Object.entries(tokens11__default.size.spacing).reduce(
|
11450
|
+
(tokens16, [key, token]) => ({
|
11451
|
+
...tokens16,
|
11452
|
+
[Number(key)]: token
|
11700
11453
|
}),
|
11701
|
-
|
11702
|
-
|
11703
|
-
|
11704
|
-
|
11705
|
-
|
11706
|
-
|
11707
|
-
|
11708
|
-
|
11709
|
-
|
11710
|
-
|
11711
|
-
|
11712
|
-
|
11713
|
-
|
11454
|
+
{}
|
11455
|
+
);
|
11456
|
+
var space2 = spacing2;
|
11457
|
+
|
11458
|
+
// src/theme/foundations/sizes.ts
|
11459
|
+
var largeSizes2 = {
|
11460
|
+
max: "max-content",
|
11461
|
+
min: "min-content",
|
11462
|
+
full: "100%",
|
11463
|
+
"3xs": "14rem",
|
11464
|
+
"2xs": "16rem",
|
11465
|
+
xs: "20rem",
|
11466
|
+
sm: "24rem",
|
11467
|
+
md: "28rem",
|
11468
|
+
lg: "32rem",
|
11469
|
+
xl: "36rem",
|
11470
|
+
"2xl": "42rem",
|
11471
|
+
"3xl": "48rem",
|
11472
|
+
"4xl": "56rem",
|
11473
|
+
"5xl": "64rem",
|
11474
|
+
"6xl": "72rem",
|
11475
|
+
"7xl": "80rem",
|
11476
|
+
"8xl": "90rem"
|
11477
|
+
};
|
11478
|
+
var container2 = {
|
11479
|
+
sm: "640px",
|
11480
|
+
md: "768px",
|
11481
|
+
lg: "1024px",
|
11482
|
+
xl: "1280px"
|
11483
|
+
};
|
11484
|
+
var sizes24 = {
|
11485
|
+
...spacing2,
|
11486
|
+
...largeSizes2,
|
11487
|
+
container: container2
|
11488
|
+
};
|
11489
|
+
var textStyles = {
|
11490
|
+
"2xl": {
|
11491
|
+
fontSize: [
|
11492
|
+
tokens11__default.font.style.xxl["font-size"].mobile,
|
11493
|
+
null,
|
11494
|
+
null,
|
11495
|
+
tokens11__default.font.style.xxl["font-size"].desktop
|
11496
|
+
],
|
11497
|
+
fontFamily: tokens11__default.font.style.xxl["font-family"],
|
11498
|
+
lineHeight: tokens11__default.font.style.xxl["line-height"]
|
11714
11499
|
},
|
11715
|
-
|
11716
|
-
|
11717
|
-
|
11718
|
-
|
11719
|
-
|
11720
|
-
|
11721
|
-
|
11722
|
-
|
11723
|
-
|
11724
|
-
fontSize: ["mobile.xs", "desktop.xs"],
|
11725
|
-
borderRadius: "xs",
|
11726
|
-
paddingX: 1
|
11500
|
+
"xl-display": {
|
11501
|
+
fontSize: [
|
11502
|
+
tokens11__default.font.style["xl-display"]["font-size"].mobile,
|
11503
|
+
null,
|
11504
|
+
null,
|
11505
|
+
tokens11__default.font.style["xl-display"]["font-size"].desktop
|
11506
|
+
],
|
11507
|
+
fontFamily: tokens11__default.font.style["xl-display"]["font-family"],
|
11508
|
+
lineHeight: tokens11__default.font.style["xl-display"]["line-height"]
|
11727
11509
|
},
|
11728
|
-
|
11729
|
-
|
11730
|
-
|
11731
|
-
|
11510
|
+
"xl-sans": {
|
11511
|
+
fontSize: [
|
11512
|
+
tokens11__default.font.style["xl-sans"]["font-size"].mobile,
|
11513
|
+
null,
|
11514
|
+
null,
|
11515
|
+
tokens11__default.font.style["xl-sans"]["font-size"].desktop
|
11516
|
+
],
|
11517
|
+
fontFamily: tokens11__default.font.style["xl-sans"]["font-family"],
|
11518
|
+
lineHeight: tokens11__default.font.style["xl-sans"]["line-height"]
|
11519
|
+
},
|
11520
|
+
lg: {
|
11521
|
+
fontSize: [
|
11522
|
+
tokens11__default.font.style.lg["font-size"].mobile,
|
11523
|
+
null,
|
11524
|
+
null,
|
11525
|
+
tokens11__default.font.style.lg["font-size"].desktop
|
11526
|
+
],
|
11527
|
+
fontFamily: tokens11__default.font.style.lg["font-family"],
|
11528
|
+
lineHeight: tokens11__default.font.style.lg["line-height"]
|
11529
|
+
},
|
11530
|
+
md: {
|
11531
|
+
fontSize: [
|
11532
|
+
tokens11__default.font.style.md["font-size"].mobile,
|
11533
|
+
null,
|
11534
|
+
null,
|
11535
|
+
tokens11__default.font.style.md["font-size"].desktop
|
11536
|
+
],
|
11537
|
+
fontFamily: tokens11__default.font.style.md["font-family"],
|
11538
|
+
lineHeight: tokens11__default.font.style.md["line-height"]
|
11539
|
+
},
|
11540
|
+
sm: {
|
11541
|
+
fontSize: [
|
11542
|
+
tokens11__default.font.style.sm["font-size"].mobile,
|
11543
|
+
null,
|
11544
|
+
null,
|
11545
|
+
tokens11__default.font.style.sm["font-size"].desktop
|
11546
|
+
],
|
11547
|
+
fontFamily: tokens11__default.font.style.sm["font-family"],
|
11548
|
+
lineHeight: tokens11__default.font.style.sm["line-height"]
|
11549
|
+
},
|
11550
|
+
xs: {
|
11551
|
+
fontSize: [
|
11552
|
+
tokens11__default.font.style.xs["font-size"].mobile,
|
11553
|
+
null,
|
11554
|
+
null,
|
11555
|
+
tokens11__default.font.style.xs["font-size"].desktop
|
11556
|
+
],
|
11557
|
+
fontFamily: tokens11__default.font.style.xs["font-family"],
|
11558
|
+
lineHeight: tokens11__default.font.style.xs["line-height"]
|
11559
|
+
}
|
11560
|
+
};
|
11561
|
+
var zIndices2 = {
|
11562
|
+
hide: tokens11__default.depth["z-index"].hide,
|
11563
|
+
auto: "auto",
|
11564
|
+
base: tokens11__default.depth["z-index"].base,
|
11565
|
+
docked: tokens11__default.depth["z-index"].docked,
|
11566
|
+
dropdown: tokens11__default.depth["z-index"].dropdown,
|
11567
|
+
sticky: tokens11__default.depth["z-index"].sticky,
|
11568
|
+
banner: tokens11__default.depth["z-index"].banner,
|
11569
|
+
overlay: tokens11__default.depth["z-index"].overlay,
|
11570
|
+
modal: tokens11__default.depth["z-index"].modal,
|
11571
|
+
popover: tokens11__default.depth["z-index"].popover,
|
11572
|
+
skipLink: tokens11__default.depth["z-index"].skipLink,
|
11573
|
+
toast: tokens11__default.depth["z-index"].toast,
|
11574
|
+
tooltip: tokens11__default.depth["z-index"].tooltip
|
11575
|
+
};
|
11576
|
+
var styles2 = {
|
11577
|
+
global: (props) => ({
|
11578
|
+
"html, body": {
|
11579
|
+
color: mode("darkGrey", "lightGrey")(props)
|
11580
|
+
},
|
11581
|
+
svg: {
|
11582
|
+
display: "initial"
|
11583
|
+
}
|
11584
|
+
})
|
11585
|
+
};
|
11586
|
+
|
11587
|
+
// src/theme/components/datepicker.ts
|
11732
11588
|
var parts5 = anatomy$1("datepicker").parts(
|
11733
11589
|
"wrapper",
|
11734
11590
|
"calendarTriggerButton",
|
@@ -11744,7 +11600,7 @@ var parts5 = anatomy$1("datepicker").parts(
|
|
11744
11600
|
);
|
11745
11601
|
var $arrowBackground = cssVar$1("popper-arrow-bg");
|
11746
11602
|
var helpers7 = createMultiStyleConfigHelpers$1(parts5.keys);
|
11747
|
-
var
|
11603
|
+
var config13 = helpers7.defineMultiStyleConfig({
|
11748
11604
|
baseStyle: (props) => ({
|
11749
11605
|
wrapper: {
|
11750
11606
|
transitionProperty: "box-shadow",
|
@@ -11759,7 +11615,9 @@ var config14 = helpers7.defineMultiStyleConfig({
|
|
11759
11615
|
},
|
11760
11616
|
_disabled: {
|
11761
11617
|
pointerEvents: "none",
|
11762
|
-
...baseBackground("disabled", props)
|
11618
|
+
...baseBackground("disabled", props),
|
11619
|
+
...baseBorder("disabled", props),
|
11620
|
+
...baseText("disabled", props)
|
11763
11621
|
},
|
11764
11622
|
_focusWithin: {
|
11765
11623
|
...focusVisibleStyles(props)._focusVisible
|
@@ -11767,15 +11625,10 @@ var config14 = helpers7.defineMultiStyleConfig({
|
|
11767
11625
|
},
|
11768
11626
|
inputLabel: {
|
11769
11627
|
fontSize: "mobile.xs",
|
11770
|
-
color: mode("darkGrey", "white")(props),
|
11771
11628
|
margin: 0,
|
11772
11629
|
cursor: "text"
|
11773
11630
|
},
|
11774
11631
|
dateTimeSegment: {
|
11775
|
-
color: mode(
|
11776
|
-
"darkGrey",
|
11777
|
-
props.isPlaceholder ? "whiteAlpha.400" : "white"
|
11778
|
-
)(props),
|
11779
11632
|
_focus: {
|
11780
11633
|
...brandBackground("hover", props),
|
11781
11634
|
color: "white"
|
@@ -11786,13 +11639,9 @@ var config14 = helpers7.defineMultiStyleConfig({
|
|
11786
11639
|
display: "flex",
|
11787
11640
|
alignItems: "center",
|
11788
11641
|
justifyContent: "center",
|
11789
|
-
borderLeftRadius: "sm",
|
11790
11642
|
transitionProperty: "box-shadow, background-color",
|
11791
11643
|
transitionSpeed: "fast",
|
11792
11644
|
position: "relative",
|
11793
|
-
paddingTop: 1,
|
11794
|
-
paddingBottom: 1,
|
11795
|
-
borderRadius: "sm",
|
11796
11645
|
right: "9px",
|
11797
11646
|
...focusVisibleStyles(props),
|
11798
11647
|
_hover: {
|
@@ -11887,9 +11736,6 @@ var config14 = helpers7.defineMultiStyleConfig({
|
|
11887
11736
|
},
|
11888
11737
|
_invalid: {
|
11889
11738
|
...baseBorder("invalid", props)
|
11890
|
-
},
|
11891
|
-
_disabled: {
|
11892
|
-
...baseBorder("disabled", props)
|
11893
11739
|
}
|
11894
11740
|
}
|
11895
11741
|
}),
|
@@ -11903,9 +11749,6 @@ var config14 = helpers7.defineMultiStyleConfig({
|
|
11903
11749
|
},
|
11904
11750
|
_invalid: {
|
11905
11751
|
...baseBorder("invalid", props)
|
11906
|
-
},
|
11907
|
-
_disabled: {
|
11908
|
-
...baseBorder("disabled", props)
|
11909
11752
|
}
|
11910
11753
|
}
|
11911
11754
|
}),
|
@@ -11921,7 +11764,7 @@ var config14 = helpers7.defineMultiStyleConfig({
|
|
11921
11764
|
})
|
11922
11765
|
}
|
11923
11766
|
});
|
11924
|
-
var datepicker_default =
|
11767
|
+
var datepicker_default = config13;
|
11925
11768
|
var baseStyle43 = defineStyle((props) => ({
|
11926
11769
|
borderColor: mode("blackAlpha.300", "whiteAlpha.300")(props)
|
11927
11770
|
}));
|
@@ -11977,7 +11820,7 @@ var bg = (bg2, props) => {
|
|
11977
11820
|
|
11978
11821
|
// src/theme/components/drawer.ts
|
11979
11822
|
var helpers8 = createMultiStyleConfigHelpers$1(modalAnatomy.keys);
|
11980
|
-
var
|
11823
|
+
var config14 = helpers8.defineMultiStyleConfig({
|
11981
11824
|
baseStyle: (props) => ({
|
11982
11825
|
overlay: {
|
11983
11826
|
backgroundColor: "blackAlpha.600",
|
@@ -12056,10 +11899,10 @@ function getSize5(value) {
|
|
12056
11899
|
dialog: { maxWidth: value }
|
12057
11900
|
};
|
12058
11901
|
}
|
12059
|
-
var drawer_default =
|
11902
|
+
var drawer_default = config14;
|
12060
11903
|
var parts6 = anatomy$1("fab").parts("container", "icon", "text");
|
12061
11904
|
var helpers9 = createMultiStyleConfigHelpers$1(parts6.keys);
|
12062
|
-
var
|
11905
|
+
var config15 = helpers9.defineMultiStyleConfig({
|
12063
11906
|
baseStyle: (props) => ({
|
12064
11907
|
container: {
|
12065
11908
|
display: "flex",
|
@@ -12141,7 +11984,7 @@ var config16 = helpers9.defineMultiStyleConfig({
|
|
12141
11984
|
variant: "brand"
|
12142
11985
|
}
|
12143
11986
|
});
|
12144
|
-
var fab_default =
|
11987
|
+
var fab_default = config15;
|
12145
11988
|
var getPositionProps = (props) => {
|
12146
11989
|
switch (props.placement) {
|
12147
11990
|
case "top left":
|
@@ -12155,7 +11998,7 @@ var getPositionProps = (props) => {
|
|
12155
11998
|
}
|
12156
11999
|
};
|
12157
12000
|
var helpers10 = createMultiStyleConfigHelpers$1(formAnatomy.keys);
|
12158
|
-
var
|
12001
|
+
var config16 = helpers10.defineMultiStyleConfig({
|
12159
12002
|
baseStyle: (props) => ({
|
12160
12003
|
container: {
|
12161
12004
|
width: "100%",
|
@@ -12175,8 +12018,8 @@ var config17 = helpers10.defineMultiStyleConfig({
|
|
12175
12018
|
}
|
12176
12019
|
})
|
12177
12020
|
});
|
12178
|
-
var form_default =
|
12179
|
-
var
|
12021
|
+
var form_default = config16;
|
12022
|
+
var config17 = defineStyleConfig$1({
|
12180
12023
|
baseStyle: {
|
12181
12024
|
fontSize: "mobile.sm",
|
12182
12025
|
marginEnd: 3,
|
@@ -12189,7 +12032,7 @@ var config18 = defineStyleConfig$1({
|
|
12189
12032
|
}
|
12190
12033
|
}
|
12191
12034
|
});
|
12192
|
-
var form_label_default =
|
12035
|
+
var form_label_default = config17;
|
12193
12036
|
|
12194
12037
|
// src/theme/utils/sr-utils.ts
|
12195
12038
|
var srOnly2 = {
|
@@ -12213,7 +12056,7 @@ var parts7 = anatomy("InfoSelect").parts(
|
|
12213
12056
|
"arrowIcon"
|
12214
12057
|
);
|
12215
12058
|
var helpers11 = createMultiStyleConfigHelpers$1(parts7.keys);
|
12216
|
-
var
|
12059
|
+
var config18 = helpers11.defineMultiStyleConfig({
|
12217
12060
|
baseStyle: (props) => ({
|
12218
12061
|
container: {},
|
12219
12062
|
label: {
|
@@ -12280,7 +12123,7 @@ var config19 = helpers11.defineMultiStyleConfig({
|
|
12280
12123
|
variant: "base"
|
12281
12124
|
}
|
12282
12125
|
});
|
12283
|
-
var info_select_default =
|
12126
|
+
var info_select_default = config18;
|
12284
12127
|
var parts8 = anatomy$1("travel-tag").parts(
|
12285
12128
|
"container",
|
12286
12129
|
"iconContainer",
|
@@ -12291,7 +12134,7 @@ var parts8 = anatomy$1("travel-tag").parts(
|
|
12291
12134
|
"deviationIcon"
|
12292
12135
|
);
|
12293
12136
|
var helpers12 = createMultiStyleConfigHelpers$1(parts8.keys);
|
12294
|
-
var
|
12137
|
+
var config19 = helpers12.defineMultiStyleConfig({
|
12295
12138
|
baseStyle: (props) => ({
|
12296
12139
|
container: {
|
12297
12140
|
position: "relative",
|
@@ -12482,7 +12325,7 @@ var config20 = helpers12.defineMultiStyleConfig({
|
|
12482
12325
|
size: "md"
|
12483
12326
|
}
|
12484
12327
|
});
|
12485
|
-
var travel_tag_default =
|
12328
|
+
var travel_tag_default = config19;
|
12486
12329
|
var getDeviationContainerStyle = (props) => {
|
12487
12330
|
switch (props.deviationLevel) {
|
12488
12331
|
case "critical":
|
@@ -12537,7 +12380,7 @@ var parts9 = anatomy$1("info-tag").parts(
|
|
12537
12380
|
"description"
|
12538
12381
|
);
|
12539
12382
|
var helpers13 = createMultiStyleConfigHelpers$1(parts9.keys);
|
12540
|
-
var
|
12383
|
+
var config20 = helpers13.defineMultiStyleConfig({
|
12541
12384
|
baseStyle: (props) => ({
|
12542
12385
|
...travel_tag_default.baseStyle(props),
|
12543
12386
|
iconContainer: {
|
@@ -12584,9 +12427,9 @@ var config21 = helpers13.defineMultiStyleConfig({
|
|
12584
12427
|
})
|
12585
12428
|
}
|
12586
12429
|
});
|
12587
|
-
var info_tag_default =
|
12430
|
+
var info_tag_default = config20;
|
12588
12431
|
var helpers14 = createMultiStyleConfigHelpers$1(inputAnatomy.keys);
|
12589
|
-
var
|
12432
|
+
var config21 = helpers14.defineMultiStyleConfig({
|
12590
12433
|
baseStyle: (props) => ({
|
12591
12434
|
field: {
|
12592
12435
|
appearance: "none",
|
@@ -12652,10 +12495,10 @@ var config22 = helpers14.defineMultiStyleConfig({
|
|
12652
12495
|
}
|
12653
12496
|
})
|
12654
12497
|
});
|
12655
|
-
var input_default =
|
12498
|
+
var input_default = config21;
|
12656
12499
|
var parts10 = anatomy$1("line-tag").parts("iconContainer", "icon");
|
12657
12500
|
var helpers15 = createMultiStyleConfigHelpers$1(parts10.keys);
|
12658
|
-
var
|
12501
|
+
var config22 = helpers15.defineMultiStyleConfig({
|
12659
12502
|
baseStyle: {
|
12660
12503
|
iconContainer: {
|
12661
12504
|
display: "flex",
|
@@ -12772,8 +12615,8 @@ var config23 = helpers15.defineMultiStyleConfig({
|
|
12772
12615
|
size: "md"
|
12773
12616
|
}
|
12774
12617
|
});
|
12775
|
-
var line_icon_default =
|
12776
|
-
var
|
12618
|
+
var line_icon_default = config22;
|
12619
|
+
var config23 = defineStyleConfig$1({
|
12777
12620
|
baseStyle: (props) => ({
|
12778
12621
|
transitionProperty: "common",
|
12779
12622
|
transitionDuration: "fast",
|
@@ -12841,7 +12684,7 @@ var config24 = defineStyleConfig$1({
|
|
12841
12684
|
variant: "primary"
|
12842
12685
|
}
|
12843
12686
|
});
|
12844
|
-
var link_default =
|
12687
|
+
var link_default = config23;
|
12845
12688
|
|
12846
12689
|
// src/theme/components/list.ts
|
12847
12690
|
var { defineMultiStyleConfig: defineMultiStyleConfig28, definePartsStyle: definePartsStyle28 } = createMultiStyleConfigHelpers(listAnatomy.keys);
|
@@ -12889,7 +12732,7 @@ var parts11 = anatomy("ListBox").parts(
|
|
12889
12732
|
"description"
|
12890
12733
|
);
|
12891
12734
|
var helpers16 = createMultiStyleConfigHelpers$1(parts11.keys);
|
12892
|
-
var
|
12735
|
+
var config24 = helpers16.defineMultiStyleConfig({
|
12893
12736
|
baseStyle: (props) => ({
|
12894
12737
|
container: {
|
12895
12738
|
...surface("default", props),
|
@@ -12933,10 +12776,10 @@ var config25 = helpers16.defineMultiStyleConfig({
|
|
12933
12776
|
}
|
12934
12777
|
})
|
12935
12778
|
});
|
12936
|
-
var listbox_default =
|
12779
|
+
var listbox_default = config24;
|
12937
12780
|
var parts12 = anatomy$1("media-controller-button").parts("container", "icon");
|
12938
12781
|
var helpers17 = createMultiStyleConfigHelpers$1(parts12.keys);
|
12939
|
-
var
|
12782
|
+
var config25 = helpers17.defineMultiStyleConfig({
|
12940
12783
|
baseStyle: (props) => ({
|
12941
12784
|
container: {
|
12942
12785
|
fontSize: 30,
|
@@ -13019,9 +12862,9 @@ var config26 = helpers17.defineMultiStyleConfig({
|
|
13019
12862
|
})
|
13020
12863
|
}
|
13021
12864
|
});
|
13022
|
-
var media_controller_button_default =
|
12865
|
+
var media_controller_button_default = config25;
|
13023
12866
|
var helpers18 = createMultiStyleConfigHelpers$1(modalAnatomy.keys);
|
13024
|
-
var
|
12867
|
+
var config26 = helpers18.defineMultiStyleConfig({
|
13025
12868
|
baseStyle: (props) => ({
|
13026
12869
|
overlay: {
|
13027
12870
|
backgroundColor: "blackAlpha.600",
|
@@ -13084,7 +12927,7 @@ var config27 = helpers18.defineMultiStyleConfig({
|
|
13084
12927
|
size: "md"
|
13085
12928
|
}
|
13086
12929
|
});
|
13087
|
-
var modal_default =
|
12930
|
+
var modal_default = config26;
|
13088
12931
|
function getSize6(value) {
|
13089
12932
|
if (value === "full") {
|
13090
12933
|
return {
|
@@ -13109,7 +12952,7 @@ var parts13 = anatomy("NumericStepper").parts(
|
|
13109
12952
|
"input"
|
13110
12953
|
);
|
13111
12954
|
var helpers19 = createMultiStyleConfigHelpers$1(parts13.keys);
|
13112
|
-
var
|
12955
|
+
var config27 = helpers19.defineMultiStyleConfig({
|
13113
12956
|
baseStyle: (props) => ({
|
13114
12957
|
container: {
|
13115
12958
|
display: "flex",
|
@@ -13154,7 +12997,7 @@ var config28 = helpers19.defineMultiStyleConfig({
|
|
13154
12997
|
}
|
13155
12998
|
})
|
13156
12999
|
});
|
13157
|
-
var numeric_stepper_default =
|
13000
|
+
var numeric_stepper_default = config27;
|
13158
13001
|
var parts14 = anatomy$1("Pagination").parts(
|
13159
13002
|
"listItem",
|
13160
13003
|
"link",
|
@@ -13163,7 +13006,7 @@ var parts14 = anatomy$1("Pagination").parts(
|
|
13163
13006
|
"icon"
|
13164
13007
|
);
|
13165
13008
|
var helpers20 = createMultiStyleConfigHelpers$1(parts14.keys);
|
13166
|
-
var
|
13009
|
+
var config28 = helpers20.defineMultiStyleConfig({
|
13167
13010
|
baseStyle: (props) => ({
|
13168
13011
|
activeButton: {
|
13169
13012
|
fontWeight: "bold",
|
@@ -13219,12 +13062,12 @@ var commonStyles = {
|
|
13219
13062
|
borderRadius: 50,
|
13220
13063
|
fontSize: "xs"
|
13221
13064
|
};
|
13222
|
-
var pagination_default =
|
13065
|
+
var pagination_default = config28;
|
13223
13066
|
var $popperBg2 = cssVar$1("popper-bg");
|
13224
13067
|
var $arrowBg3 = cssVar$1("popper-arrow-bg");
|
13225
13068
|
var $arrowShadowColor2 = cssVar$1("popper-arrow-shadow-color");
|
13226
13069
|
var helpers21 = createMultiStyleConfigHelpers$1(popoverAnatomy.keys);
|
13227
|
-
var
|
13070
|
+
var config29 = helpers21.defineMultiStyleConfig({
|
13228
13071
|
baseStyle: (props) => ({
|
13229
13072
|
popper: {
|
13230
13073
|
zIndex: "popover"
|
@@ -13279,7 +13122,7 @@ var config30 = helpers21.defineMultiStyleConfig({
|
|
13279
13122
|
}
|
13280
13123
|
}
|
13281
13124
|
});
|
13282
|
-
var popover_default =
|
13125
|
+
var popover_default = config29;
|
13283
13126
|
var parts15 = anatomy("progressBar").parts(
|
13284
13127
|
"container",
|
13285
13128
|
"background",
|
@@ -13287,7 +13130,7 @@ var parts15 = anatomy("progressBar").parts(
|
|
13287
13130
|
"description"
|
13288
13131
|
);
|
13289
13132
|
var helpers22 = createMultiStyleConfigHelpers(parts15.keys);
|
13290
|
-
var
|
13133
|
+
var config30 = helpers22.defineMultiStyleConfig({
|
13291
13134
|
baseStyle: (props) => ({
|
13292
13135
|
container: {
|
13293
13136
|
minWidth: "100px"
|
@@ -13319,14 +13162,14 @@ var config31 = helpers22.defineMultiStyleConfig({
|
|
13319
13162
|
}
|
13320
13163
|
})
|
13321
13164
|
});
|
13322
|
-
var progress_bar_default =
|
13165
|
+
var progress_bar_default = config30;
|
13323
13166
|
var parts16 = anatomy$1("progress-indicator").parts(
|
13324
13167
|
"root",
|
13325
13168
|
"container",
|
13326
13169
|
"progressDot"
|
13327
13170
|
);
|
13328
13171
|
var helpers23 = createMultiStyleConfigHelpers$1(parts16.keys);
|
13329
|
-
var
|
13172
|
+
var config31 = helpers23.defineMultiStyleConfig({
|
13330
13173
|
baseStyle: (props) => ({
|
13331
13174
|
root: {
|
13332
13175
|
width: "100%"
|
@@ -13357,7 +13200,7 @@ var config32 = helpers23.defineMultiStyleConfig({
|
|
13357
13200
|
variant: "base"
|
13358
13201
|
}
|
13359
13202
|
});
|
13360
|
-
var progress_indicator_default =
|
13203
|
+
var progress_indicator_default = config31;
|
13361
13204
|
var parts17 = anatomy$1("radio-card").parts(
|
13362
13205
|
"container",
|
13363
13206
|
"checked",
|
@@ -13366,7 +13209,7 @@ var parts17 = anatomy$1("radio-card").parts(
|
|
13366
13209
|
"focusedChecked"
|
13367
13210
|
);
|
13368
13211
|
var helpers24 = createMultiStyleConfigHelpers$1(parts17.keys);
|
13369
|
-
var
|
13212
|
+
var config32 = helpers24.defineMultiStyleConfig({
|
13370
13213
|
baseStyle: (props) => ({
|
13371
13214
|
container: {
|
13372
13215
|
overflow: "hidden",
|
@@ -13482,9 +13325,9 @@ var config33 = helpers24.defineMultiStyleConfig({
|
|
13482
13325
|
})
|
13483
13326
|
}
|
13484
13327
|
});
|
13485
|
-
var radio_card_default =
|
13328
|
+
var radio_card_default = config32;
|
13486
13329
|
var helpers25 = createMultiStyleConfigHelpers$1(radioAnatomy.keys);
|
13487
|
-
var
|
13330
|
+
var config33 = helpers25.defineMultiStyleConfig({
|
13488
13331
|
baseStyle: (props) => ({
|
13489
13332
|
container: {
|
13490
13333
|
_hover: {
|
@@ -13540,10 +13383,10 @@ var config34 = helpers25.defineMultiStyleConfig({
|
|
13540
13383
|
}
|
13541
13384
|
})
|
13542
13385
|
});
|
13543
|
-
var radio_default =
|
13386
|
+
var radio_default = config33;
|
13544
13387
|
var parts18 = selectAnatomy.extend("root");
|
13545
13388
|
var helpers26 = createMultiStyleConfigHelpers$1(parts18.keys);
|
13546
|
-
var
|
13389
|
+
var config34 = helpers26.defineMultiStyleConfig({
|
13547
13390
|
baseStyle: (props) => ({
|
13548
13391
|
root: {
|
13549
13392
|
width: "100%",
|
@@ -13583,14 +13426,14 @@ var config35 = helpers26.defineMultiStyleConfig({
|
|
13583
13426
|
}
|
13584
13427
|
})
|
13585
13428
|
});
|
13586
|
-
var select_default =
|
13429
|
+
var select_default = config34;
|
13587
13430
|
var fade = (startColor, endColor) => keyframes({
|
13588
13431
|
from: { borderColor: startColor, background: startColor },
|
13589
13432
|
to: { borderColor: endColor, background: endColor }
|
13590
13433
|
});
|
13591
13434
|
var $startColor2 = cssVar$1("skeleton-start-color");
|
13592
13435
|
var $endColor2 = cssVar$1("skeleton-end-color");
|
13593
|
-
var
|
13436
|
+
var config35 = defineStyleConfig$1({
|
13594
13437
|
baseStyle: (props) => {
|
13595
13438
|
const defaultStartColor = mode("blackAlpha.300", "whiteAlpha.300")(props);
|
13596
13439
|
const defaultEndColor = mode("blackAlpha.100", "whiteAlpha.100")(props);
|
@@ -13613,7 +13456,7 @@ var config36 = defineStyleConfig$1({
|
|
13613
13456
|
};
|
13614
13457
|
}
|
13615
13458
|
});
|
13616
|
-
var skeleton_default =
|
13459
|
+
var skeleton_default = config35;
|
13617
13460
|
var parts19 = anatomy$1("stepper").parts(
|
13618
13461
|
"root",
|
13619
13462
|
"container",
|
@@ -13627,7 +13470,7 @@ var parts19 = anatomy$1("stepper").parts(
|
|
13627
13470
|
"closeButton"
|
13628
13471
|
);
|
13629
13472
|
var helpers27 = createMultiStyleConfigHelpers$1(parts19.keys);
|
13630
|
-
var
|
13473
|
+
var config36 = helpers27.defineMultiStyleConfig({
|
13631
13474
|
baseStyle: {
|
13632
13475
|
root: {
|
13633
13476
|
display: "flex",
|
@@ -13696,14 +13539,14 @@ var config37 = helpers27.defineMultiStyleConfig({
|
|
13696
13539
|
variant: "base"
|
13697
13540
|
}
|
13698
13541
|
});
|
13699
|
-
var stepper_default =
|
13542
|
+
var stepper_default = config36;
|
13700
13543
|
var $width2 = cssVar$1("switch-track-width");
|
13701
13544
|
var $height3 = cssVar$1("switch-track-height");
|
13702
13545
|
var $diff2 = cssVar$1("switch-track-diff");
|
13703
13546
|
var diffValue2 = calc$1.subtract($width2, $height3);
|
13704
13547
|
var $translateX2 = cssVar$1("switch-thumb-x");
|
13705
13548
|
var helpers28 = createMultiStyleConfigHelpers$1(switchAnatomy.keys);
|
13706
|
-
var
|
13549
|
+
var config37 = helpers28.defineMultiStyleConfig({
|
13707
13550
|
baseStyle: (props) => ({
|
13708
13551
|
container: {
|
13709
13552
|
[$diff2.variable]: diffValue2,
|
@@ -13796,14 +13639,14 @@ var config38 = helpers28.defineMultiStyleConfig({
|
|
13796
13639
|
size: "md"
|
13797
13640
|
}
|
13798
13641
|
});
|
13799
|
-
var switch_default =
|
13642
|
+
var switch_default = config37;
|
13800
13643
|
var helpers29 = createMultiStyleConfigHelpers$1(tableAnatomy.keys);
|
13801
13644
|
var numericStyles2 = {
|
13802
13645
|
"&[data-is-numeric=true]": {
|
13803
13646
|
textAlign: "end"
|
13804
13647
|
}
|
13805
13648
|
};
|
13806
|
-
var
|
13649
|
+
var config38 = helpers29.defineMultiStyleConfig({
|
13807
13650
|
baseStyle: (props) => ({
|
13808
13651
|
table: {
|
13809
13652
|
borderCollapse: "collapse",
|
@@ -13949,9 +13792,9 @@ var config39 = helpers29.defineMultiStyleConfig({
|
|
13949
13792
|
colorScheme: "grey"
|
13950
13793
|
}
|
13951
13794
|
});
|
13952
|
-
var table_default =
|
13795
|
+
var table_default = config38;
|
13953
13796
|
var helpers30 = createMultiStyleConfigHelpers$1(tabsAnatomy.keys);
|
13954
|
-
var
|
13797
|
+
var config39 = helpers30.defineMultiStyleConfig({
|
13955
13798
|
baseStyle: (props) => ({
|
13956
13799
|
root: {
|
13957
13800
|
display: "flex",
|
@@ -14074,8 +13917,8 @@ var config40 = helpers30.defineMultiStyleConfig({
|
|
14074
13917
|
variant: "base"
|
14075
13918
|
}
|
14076
13919
|
});
|
14077
|
-
var tabs_default =
|
14078
|
-
var
|
13920
|
+
var tabs_default = config39;
|
13921
|
+
var config40 = defineStyleConfig$1({
|
14079
13922
|
baseStyle: (props) => ({
|
14080
13923
|
...input_default.baseStyle(props).field,
|
14081
13924
|
minHeight: "5rem",
|
@@ -14092,8 +13935,8 @@ var config41 = defineStyleConfig$1({
|
|
14092
13935
|
}
|
14093
13936
|
})
|
14094
13937
|
});
|
14095
|
-
var textarea_default =
|
14096
|
-
var
|
13938
|
+
var textarea_default = config40;
|
13939
|
+
var config41 = defineStyleConfig$1({
|
14097
13940
|
baseStyle: {
|
14098
13941
|
display: "flex",
|
14099
13942
|
alignItems: "center",
|
@@ -14117,8 +13960,8 @@ var config42 = defineStyleConfig$1({
|
|
14117
13960
|
}
|
14118
13961
|
}
|
14119
13962
|
});
|
14120
|
-
var toast_default =
|
14121
|
-
var
|
13963
|
+
var toast_default = config41;
|
13964
|
+
var config42 = defineStyleConfig$1({
|
14122
13965
|
baseStyle: (props) => ({
|
14123
13966
|
appearance: "none",
|
14124
13967
|
border: "none",
|
@@ -14128,11 +13971,11 @@ var config43 = defineStyleConfig$1({
|
|
14128
13971
|
borderRadius: "md",
|
14129
13972
|
color: "text.default.light",
|
14130
13973
|
...focusVisibleStyles(props),
|
14131
|
-
...
|
13974
|
+
...getColorSchemeBaseProps(props)
|
14132
13975
|
})
|
14133
13976
|
});
|
14134
|
-
var static_card_default =
|
14135
|
-
var
|
13977
|
+
var static_card_default = config42;
|
13978
|
+
var getColorSchemeBaseProps = (props) => {
|
14136
13979
|
var _a6;
|
14137
13980
|
switch (props.colorScheme) {
|
14138
13981
|
case "white":
|
@@ -14177,7 +14020,7 @@ var getColorSchemeBaseProps2 = (props) => {
|
|
14177
14020
|
};
|
14178
14021
|
}
|
14179
14022
|
};
|
14180
|
-
var
|
14023
|
+
var config43 = defineStyleConfig$1({
|
14181
14024
|
baseStyle: (props) => ({
|
14182
14025
|
appearance: "none",
|
14183
14026
|
border: "none",
|
@@ -14241,7 +14084,7 @@ var config44 = defineStyleConfig$1({
|
|
14241
14084
|
})
|
14242
14085
|
}
|
14243
14086
|
});
|
14244
|
-
var pressable_card_default =
|
14087
|
+
var pressable_card_default = config43;
|
14245
14088
|
var fontFaces = `
|
14246
14089
|
@font-face {
|
14247
14090
|
font-family: ${tokens11__default.asset.font["vy-sans"]["light"].name};
|
@@ -14346,16 +14189,16 @@ var brandTheme = {
|
|
14346
14189
|
};
|
14347
14190
|
var BaseToast = ({ children, variant, id }) => {
|
14348
14191
|
const styles3 = useStyleConfig("Toast", { variant });
|
14349
|
-
return /* @__PURE__ */
|
14192
|
+
return /* @__PURE__ */ React84__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React84__default.createElement(ToastIcon, { variant }), children);
|
14350
14193
|
};
|
14351
14194
|
var ToastIcon = ({ variant }) => {
|
14352
14195
|
const Icon = getIcon3(variant);
|
14353
14196
|
const { t: t2 } = useTranslation();
|
14354
|
-
return /* @__PURE__ */
|
14197
|
+
return /* @__PURE__ */ React84__default.createElement(
|
14355
14198
|
Icon,
|
14356
14199
|
{
|
14357
14200
|
flexShrink: 0,
|
14358
|
-
"aria-label": t2(
|
14201
|
+
"aria-label": t2(texts27[variant]),
|
14359
14202
|
marginRight: 1,
|
14360
14203
|
marginY: 1.5,
|
14361
14204
|
color: "darkGrey"
|
@@ -14372,7 +14215,7 @@ var getIcon3 = (variant) => {
|
|
14372
14215
|
return ErrorOutline24Icon;
|
14373
14216
|
}
|
14374
14217
|
};
|
14375
|
-
var
|
14218
|
+
var texts27 = createTexts({
|
14376
14219
|
info: {
|
14377
14220
|
nb: "Informasjon",
|
14378
14221
|
nn: "Informasjon",
|
@@ -14401,7 +14244,7 @@ var ActionToast = ({
|
|
14401
14244
|
buttonText,
|
14402
14245
|
id
|
14403
14246
|
}) => {
|
14404
|
-
return /* @__PURE__ */
|
14247
|
+
return /* @__PURE__ */ React84__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React84__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React84__default.createElement(Button2, { variant: "tertiary", size: "sm", onClick }, buttonText));
|
14405
14248
|
};
|
14406
14249
|
var ClosableToast = ({
|
14407
14250
|
children,
|
@@ -14411,18 +14254,18 @@ var ClosableToast = ({
|
|
14411
14254
|
}) => {
|
14412
14255
|
const styles3 = useMultiStyleConfig("Toast", { variant });
|
14413
14256
|
const { t: t2 } = useTranslation();
|
14414
|
-
return /* @__PURE__ */
|
14257
|
+
return /* @__PURE__ */ React84__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React84__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React84__default.createElement(
|
14415
14258
|
IconButton,
|
14416
14259
|
{
|
14417
14260
|
sx: styles3.dismissButton,
|
14418
14261
|
variant: "ghost",
|
14419
|
-
"aria-label": t2(
|
14420
|
-
icon: /* @__PURE__ */
|
14262
|
+
"aria-label": t2(texts28.dismiss),
|
14263
|
+
icon: /* @__PURE__ */ React84__default.createElement(CloseFill18Icon, null),
|
14421
14264
|
onClick: onClose
|
14422
14265
|
}
|
14423
14266
|
));
|
14424
14267
|
};
|
14425
|
-
var
|
14268
|
+
var texts28 = createTexts({
|
14426
14269
|
dismiss: {
|
14427
14270
|
nb: "Lukk",
|
14428
14271
|
nn: "Lukk",
|
@@ -14445,7 +14288,7 @@ var useToast = () => {
|
|
14445
14288
|
};
|
14446
14289
|
var getToastComponent = (opts) => {
|
14447
14290
|
if ("isClosable" in opts && opts.isClosable) {
|
14448
|
-
return ({ onClose, id }) => /* @__PURE__ */
|
14291
|
+
return ({ onClose, id }) => /* @__PURE__ */ React84__default.createElement(
|
14449
14292
|
ClosableToast,
|
14450
14293
|
{
|
14451
14294
|
id,
|
@@ -14461,7 +14304,7 @@ var getToastComponent = (opts) => {
|
|
14461
14304
|
);
|
14462
14305
|
}
|
14463
14306
|
if ("buttonText" in opts) {
|
14464
|
-
return ({ id }) => /* @__PURE__ */
|
14307
|
+
return ({ id }) => /* @__PURE__ */ React84__default.createElement(
|
14465
14308
|
ActionToast,
|
14466
14309
|
{
|
14467
14310
|
id,
|
@@ -14472,7 +14315,7 @@ var getToastComponent = (opts) => {
|
|
14472
14315
|
opts.text
|
14473
14316
|
);
|
14474
14317
|
}
|
14475
|
-
return ({ id }) => /* @__PURE__ */
|
14318
|
+
return ({ id }) => /* @__PURE__ */ React84__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
|
14476
14319
|
};
|
14477
14320
|
var Tooltip = ({
|
14478
14321
|
children,
|
@@ -14485,7 +14328,7 @@ var Tooltip = ({
|
|
14485
14328
|
withCloseButton = false,
|
14486
14329
|
...props
|
14487
14330
|
}) => {
|
14488
|
-
return /* @__PURE__ */
|
14331
|
+
return /* @__PURE__ */ React84__default.createElement(
|
14489
14332
|
Popover$1,
|
14490
14333
|
{
|
14491
14334
|
onClose,
|
@@ -14497,8 +14340,8 @@ var Tooltip = ({
|
|
14497
14340
|
arrowShadowColor: "none",
|
14498
14341
|
...props
|
14499
14342
|
},
|
14500
|
-
/* @__PURE__ */
|
14501
|
-
/* @__PURE__ */
|
14343
|
+
/* @__PURE__ */ React84__default.createElement(PopoverTrigger, null, children),
|
14344
|
+
/* @__PURE__ */ React84__default.createElement(PopoverContent, null, /* @__PURE__ */ React84__default.createElement(PopoverArrow, null), withCloseButton && /* @__PURE__ */ React84__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React84__default.createElement(PopoverBody, null, content))
|
14502
14345
|
);
|
14503
14346
|
};
|
14504
14347
|
|
@@ -14607,4 +14450,4 @@ function slugify(text, maxLength = 50) {
|
|
14607
14450
|
return text.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[\u00C6\u00E6]/g, "ae").replace(/[\u00D8\u00F8]/g, "oe").replace(/[\u00C5\u00E5]/g, "aa").toLowerCase().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "").substring(0, maxLength);
|
14608
14451
|
}
|
14609
14452
|
|
14610
|
-
export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button2 as Button, ButtonGroup,
|
14453
|
+
export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button2 as Button, ButtonGroup, CardSelect, CargonetLogo, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel, FullScreenDrawer, Heading2 as Heading, IconButton, InfoSelect, InfoTag, Input, InputLeftElement2 as InputLeftElement, InputRightElement2 as InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightSpinner, LineIcon, ListBox, ModalHeader, NativeSelect, Nudge, NumericStepper, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioGroup, SearchInput, SimpleDrawer, Skeleton, SkeletonCircle, SkeletonText, SkipButton, SporProvider, Stack, StaticAlert, StaticCard, Stepper, StepperStep, Switch, Table, Tabs, Text4 as Text, TextLink, Textarea, TimePicker, Tooltip, TravelTag, VyLogo, VyLogoPride, WizardNudge, brandTheme, createTexts, fontFaces, slugify, theme, useSize, useToast, useTranslation };
|