@vygruppen/spor-react 9.4.0 → 9.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
 
2
- > @vygruppen/spor-react@9.4.0 build
2
+ > @vygruppen/spor-react@9.5.0 build
3
3
  > tsup src/index.tsx --dts --treeshake --format cjs,esm
4
4
 
5
5
  CLI Building entry: src/index.tsx
@@ -9,12 +9,12 @@
9
9
  CJS Build start
10
10
  ESM Build start
11
11
  DTS Build start
12
- ESM dist/index.mjs 2.05 KB
13
- ESM dist/CountryCodeSelect-5QKP6VFT.mjs 1.19 KB
14
- ESM dist/chunk-JRXSGTL2.mjs 387.05 KB
15
- ESM ⚡️ Build success in 2142ms
16
- CJS dist/index.js 494.50 KB
17
- CJS ⚡️ Build success in 2143ms
18
- DTS ⚡️ Build success in 12334ms
19
- DTS dist/index.d.ts 321.14 KB
20
- DTS dist/index.d.mts 321.14 KB
12
+ CJS dist/index.js 500.82 KB
13
+ CJS ⚡️ Build success in 2080ms
14
+ ESM dist/index.mjs 2.07 KB
15
+ ESM dist/CountryCodeSelect-2KOFVXIQ.mjs 1.19 KB
16
+ ESM dist/chunk-XXA3IGVH.mjs 392.05 KB
17
+ ESM ⚡️ Build success in 2081ms
18
+ DTS ⚡️ Build success in 12704ms
19
+ DTS dist/index.d.ts 324.57 KB
20
+ DTS dist/index.d.mts 324.57 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,26 @@
1
1
  # @vygruppen/spor-react
2
2
 
3
+ ## 9.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 03f9162: ## New component update
8
+
9
+ New component for Pagination has been added.
10
+
11
+ ### Patch Changes
12
+
13
+ - 4a4f271: Added missing floating background color and floating border to datepicker.
14
+
15
+ ## 9.4.1
16
+
17
+ ### Patch Changes
18
+
19
+ - 043fc98: All text tokens are now using rem instead of px
20
+ - Updated dependencies [7c6c056]
21
+ - Updated dependencies [e9dfee0]
22
+ - @vygruppen/spor-design-tokens@3.5.4
23
+
3
24
  ## 9.4.0
4
25
 
5
26
  ### Minor Changes
@@ -1,4 +1,4 @@
1
- import { createTexts, useTranslation, InfoSelect, Item } from './chunk-JRXSGTL2.mjs';
1
+ import { createTexts, useTranslation, InfoSelect, Item } from './chunk-XXA3IGVH.mjs';
2
2
  import React from 'react';
3
3
  import { getSupportedCallingCodes } from 'awesome-phonenumber';
4
4
 
@@ -1,7 +1,7 @@
1
1
  import tokens11__default from '@vygruppen/spor-design-tokens';
2
2
  import * as tokens11 from '@vygruppen/spor-design-tokens';
3
3
  export { tokens11 as tokens };
4
- import { forwardRef, Divider as Divider$1, Stack as Stack$1, Accordion as Accordion$1, Skeleton as Skeleton$1, useButtonGroup, useStyleConfig, Box, Center, Flex, ButtonGroup as ButtonGroup$1, IconButton as IconButton$1, useMultiStyleConfig, chakra, Badge as Badge$1, Code as Code$1, Text, PopoverAnchor, FormLabel, useFormControlContext, PopoverContent, PopoverArrow, PopoverBody, FocusLock, Popover, InputGroup, PopoverTrigger, Portal, Checkbox as Checkbox$1, useCheckbox, FormControl as FormControl$1, InputLeftElement, Input as Input$1, InputRightElement, Select, useDisclosure, Button as Button$1, useControllableState, Radio as Radio$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Textarea as Textarea$1, 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, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, useColorMode, SkeletonCircle as SkeletonCircle$1, SkeletonText as SkeletonText$1, useColorModeValue, Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1, BreadcrumbLink as BreadcrumbLink$1, Heading as Heading$1, CheckboxGroup as CheckboxGroup$1, List, ListItem, useFormControlProps, useFormControl, Drawer as Drawer$1, DrawerOverlay, DrawerBody, DrawerHeader, useMediaQuery, DrawerCloseButton, DarkMode, PopoverCloseButton, usePopoverContext, ChakraProvider, useToast as useToast$1, useInterval } from '@chakra-ui/react';
4
+ import { forwardRef, Divider as Divider$1, Stack as Stack$1, Accordion as Accordion$1, Skeleton as Skeleton$1, useButtonGroup, useStyleConfig, Box, Center, Flex, ButtonGroup as ButtonGroup$1, IconButton as IconButton$1, useMultiStyleConfig, chakra, Badge as Badge$1, Code as Code$1, Text, PopoverAnchor, FormLabel, useFormControlContext, PopoverContent, PopoverArrow, PopoverBody, FocusLock, Popover, InputGroup, PopoverTrigger, Portal, Checkbox as Checkbox$1, useCheckbox, FormControl as FormControl$1, InputLeftElement, Input as Input$1, InputRightElement, Select, useDisclosure, Button as Button$1, useControllableState, Radio as Radio$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Textarea as Textarea$1, 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, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, useColorMode, SkeletonCircle as SkeletonCircle$1, SkeletonText as SkeletonText$1, useColorModeValue, Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1, BreadcrumbLink as BreadcrumbLink$1, Heading as Heading$1, CheckboxGroup as CheckboxGroup$1, List, ListItem, useFormControlProps, useFormControl, 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
6
  import * as React70 from 'react';
7
7
  import React70__default, { createContext, useEffect, forwardRef as forwardRef$1, useRef, useState, useId, Suspense, useContext, useCallback, useMemo, useLayoutEffect } from 'react';
@@ -915,8 +915,8 @@ function useTranslation() {
915
915
  };
916
916
  return { t: t2, language };
917
917
  }
918
- function createTexts(texts27) {
919
- return texts27;
918
+ function createTexts(texts28) {
919
+ return texts28;
920
920
  }
921
921
  var hydrating = true;
922
922
  function useHydrated() {
@@ -3355,7 +3355,7 @@ var texts14 = createTexts({
3355
3355
  sv: "Telefonnummer"
3356
3356
  }
3357
3357
  });
3358
- var LazyCountryCodeSelect = React70__default.lazy(() => import('./CountryCodeSelect-5QKP6VFT.mjs'));
3358
+ var LazyCountryCodeSelect = React70__default.lazy(() => import('./CountryCodeSelect-2KOFVXIQ.mjs'));
3359
3359
  var Radio = forwardRef((props, ref) => {
3360
3360
  return /* @__PURE__ */ React70__default.createElement(Radio$1, { ...props, ref });
3361
3361
  });
@@ -4244,6 +4244,108 @@ var texts22 = createTexts({
4244
4244
  en: "Finish"
4245
4245
  }
4246
4246
  });
4247
+ var Pagination = ({
4248
+ totalPages,
4249
+ selectedPage,
4250
+ onPageChange
4251
+ }) => {
4252
+ const { t: t2 } = useTranslation();
4253
+ const style = useMultiStyleConfig("Pagination", { selectedPage });
4254
+ const hasPreviousPage = selectedPage > 1;
4255
+ const hasNextPage = selectedPage < totalPages;
4256
+ const renderPaginationButtons = () => {
4257
+ const displayPageNumbers = [];
4258
+ const maxVisiblePages = 8;
4259
+ if (totalPages <= maxVisiblePages) {
4260
+ displayPageNumbers.push(
4261
+ ...Array.from({ length: totalPages }, (_, i) => i + 1)
4262
+ );
4263
+ } else {
4264
+ if (selectedPage <= Math.floor(maxVisiblePages / 2) + 1) {
4265
+ displayPageNumbers.push(
4266
+ ...Array.from({ length: maxVisiblePages - 1 }, (_, i) => i + 1)
4267
+ );
4268
+ displayPageNumbers.push("...");
4269
+ displayPageNumbers.push(totalPages);
4270
+ } else if (selectedPage >= totalPages - Math.floor(maxVisiblePages / 2)) {
4271
+ displayPageNumbers.push(1);
4272
+ displayPageNumbers.push("...");
4273
+ displayPageNumbers.push(
4274
+ ...Array.from(
4275
+ { length: maxVisiblePages - 1 },
4276
+ (_, i) => totalPages - maxVisiblePages + 2 + i
4277
+ )
4278
+ );
4279
+ } else {
4280
+ displayPageNumbers.push(1);
4281
+ displayPageNumbers.push("...");
4282
+ for (let i = selectedPage - Math.floor((maxVisiblePages - 3) / 2); i <= selectedPage + Math.floor((maxVisiblePages - 3) / 2); i++) {
4283
+ displayPageNumbers.push(i);
4284
+ }
4285
+ displayPageNumbers.push("...");
4286
+ displayPageNumbers.push(totalPages);
4287
+ }
4288
+ }
4289
+ return displayPageNumbers.map(
4290
+ (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React70__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React70__default.createElement(Center, null, "...")) : /* @__PURE__ */ React70__default.createElement(
4291
+ Link,
4292
+ {
4293
+ key: index,
4294
+ as: ListItem,
4295
+ onClick: () => {
4296
+ if (pageNumber !== "...") {
4297
+ onPageChange(+pageNumber);
4298
+ }
4299
+ },
4300
+ padding: pageNumber === "..." ? 0 : void 0,
4301
+ sx: pageNumber === selectedPage ? style.activeButton : style.link
4302
+ },
4303
+ pageNumber
4304
+ )
4305
+ );
4306
+ };
4307
+ return /* @__PURE__ */ React70__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React70__default.createElement(
4308
+ UnorderedList,
4309
+ {
4310
+ display: "flex",
4311
+ listStyleType: "none",
4312
+ gap: [0, 1],
4313
+ padding: 0,
4314
+ margin: 0
4315
+ },
4316
+ /* @__PURE__ */ React70__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React70__default.createElement(
4317
+ TextLink,
4318
+ {
4319
+ onClick: () => onPageChange(selectedPage - 1),
4320
+ sx: hasPreviousPage ? style.link : style.disabled
4321
+ },
4322
+ /* @__PURE__ */ React70__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
4323
+ )),
4324
+ renderPaginationButtons(),
4325
+ /* @__PURE__ */ React70__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React70__default.createElement(
4326
+ TextLink,
4327
+ {
4328
+ onClick: () => onPageChange(selectedPage + 1),
4329
+ sx: hasNextPage ? style.link : style.disabled
4330
+ },
4331
+ /* @__PURE__ */ React70__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
4332
+ ))
4333
+ ));
4334
+ };
4335
+ var texts23 = createTexts({
4336
+ previousPage: {
4337
+ nb: "Forrige side",
4338
+ nn: "F\xF8rre side",
4339
+ en: "Previous page",
4340
+ sv: "F\xF6reg\xE5ende sida"
4341
+ },
4342
+ nextPage: {
4343
+ nb: "Neste side",
4344
+ nn: "Neste side",
4345
+ en: "Next page",
4346
+ sv: "N\xE4sta sida"
4347
+ }
4348
+ });
4247
4349
  var ProgressDot = ({ isActive }) => {
4248
4350
  const style = useMultiStyleConfig("ProgressIndicator");
4249
4351
  return /* @__PURE__ */ React70__default.createElement(
@@ -4275,7 +4377,7 @@ var ProgressIndicator = ({
4275
4377
  "aria-valuemin": 1,
4276
4378
  "aria-valuemax": numberOfSteps,
4277
4379
  "aria-valuenow": activeStep,
4278
- "aria-valuetext": t2(texts23.stepsOf(activeStep, numberOfSteps))
4380
+ "aria-valuetext": t2(texts24.stepsOf(activeStep, numberOfSteps))
4279
4381
  },
4280
4382
  /* @__PURE__ */ React70__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React70__default.createElement(
4281
4383
  ProgressDot,
@@ -4287,7 +4389,7 @@ var ProgressIndicator = ({
4287
4389
  )))
4288
4390
  );
4289
4391
  };
4290
- var texts23 = createTexts({
4392
+ var texts24 = createTexts({
4291
4393
  stepsOf: (activeStep, numberOfSteps) => ({
4292
4394
  nb: `Steg ${activeStep} av ${numberOfSteps}`,
4293
4395
  nn: `Steg ${activeStep} av ${numberOfSteps}`,
@@ -4370,7 +4472,7 @@ var Stepper = ({
4370
4472
  /* @__PURE__ */ React70__default.createElement(
4371
4473
  IconButton,
4372
4474
  {
4373
- "aria-label": t2(texts24.back),
4475
+ "aria-label": t2(texts25.back),
4374
4476
  icon: /* @__PURE__ */ React70__default.createElement(ArrowLeftFill24Icon, null),
4375
4477
  variant: "ghost",
4376
4478
  size: "sm",
@@ -4385,7 +4487,7 @@ var Stepper = ({
4385
4487
  }
4386
4488
  ),
4387
4489
  shownHeading && /* @__PURE__ */ React70__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
4388
- /* @__PURE__ */ React70__default.createElement(Box, { sx: style.stepCounter }, t2(texts24.stepsOf(activeStep, numberOfSteps)))
4490
+ /* @__PURE__ */ React70__default.createElement(Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
4389
4491
  )), /* @__PURE__ */ React70__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React70__default.createElement(
4390
4492
  StepperStep,
4391
4493
  {
@@ -4399,7 +4501,7 @@ var Stepper = ({
4399
4501
  ))))
4400
4502
  ));
4401
4503
  };
4402
- var texts24 = createTexts({
4504
+ var texts25 = createTexts({
4403
4505
  stepsOf: (activeStep, numberOfSteps) => ({
4404
4506
  nb: `Steg ${activeStep}/${numberOfSteps}`,
4405
4507
  nn: `Steg ${activeStep}/${numberOfSteps}`,
@@ -6291,16 +6393,16 @@ Object.assign({}, space, layout, flexbox, grid, position);
6291
6393
  function defineStyle(styles3) {
6292
6394
  return styles3;
6293
6395
  }
6294
- function defineStyleConfig(config42) {
6295
- return config42;
6396
+ function defineStyleConfig(config43) {
6397
+ return config43;
6296
6398
  }
6297
- function createMultiStyleConfigHelpers(parts18) {
6399
+ function createMultiStyleConfigHelpers(parts19) {
6298
6400
  return {
6299
- definePartsStyle(config42) {
6300
- return config42;
6401
+ definePartsStyle(config43) {
6402
+ return config43;
6301
6403
  },
6302
- defineMultiStyleConfig(config42) {
6303
- return { parts: parts18, ...config42 };
6404
+ defineMultiStyleConfig(config43) {
6405
+ return { parts: parts19, ...config43 };
6304
6406
  }
6305
6407
  };
6306
6408
  }
@@ -6463,7 +6565,7 @@ function anatomy(name, map = {}) {
6463
6565
  "[anatomy] .part(...) should only be called once. Did you mean to use .extend(...) ?"
6464
6566
  );
6465
6567
  }
6466
- function parts18(...values) {
6568
+ function parts19(...values) {
6467
6569
  assert();
6468
6570
  for (const part of values) {
6469
6571
  map[part] = toPart(part);
@@ -6503,7 +6605,7 @@ function anatomy(name, map = {}) {
6503
6605
  }
6504
6606
  const __type = {};
6505
6607
  return {
6506
- parts: parts18,
6608
+ parts: parts19,
6507
6609
  toPart,
6508
6610
  extend,
6509
6611
  selectors,
@@ -9583,6 +9685,7 @@ __export(components_exports, {
9583
9685
  MediaControllerButton: () => media_controller_button_default,
9584
9686
  Modal: () => modal_default,
9585
9687
  NumericStepper: () => numeric_stepper_default,
9688
+ Pagination: () => pagination_default,
9586
9689
  Popover: () => popover_default,
9587
9690
  ProgressBar: () => progress_bar_default,
9588
9691
  ProgressIndicator: () => progress_indicator_default,
@@ -11262,9 +11365,9 @@ var config14 = helpers7.defineMultiStyleConfig({
11262
11365
  [$arrowBackground.variable]: surface("default", props).backgroundColor
11263
11366
  },
11264
11367
  calendarPopover: {
11265
- ...baseBackground("default", props),
11368
+ ...floatingBackground("default", props),
11266
11369
  ...baseText("default", props),
11267
- ...baseBorder("default", props),
11370
+ ...floatingBorder("default", props),
11268
11371
  boxShadow: "md"
11269
11372
  },
11270
11373
  weekdays: {
@@ -12552,11 +12655,76 @@ var config28 = helpers19.defineMultiStyleConfig({
12552
12655
  })
12553
12656
  });
12554
12657
  var numeric_stepper_default = config28;
12658
+ var parts14 = anatomy$1("Pagination").parts(
12659
+ "listItem",
12660
+ "link",
12661
+ "activeButton",
12662
+ "disabled",
12663
+ "icon"
12664
+ );
12665
+ var helpers20 = createMultiStyleConfigHelpers$1(parts14.keys);
12666
+ var config29 = helpers20.defineMultiStyleConfig({
12667
+ baseStyle: (props) => ({
12668
+ activeButton: {
12669
+ fontWeight: "bold",
12670
+ ...commonStyles,
12671
+ ...ghostBackground("active", props),
12672
+ _hover: {
12673
+ ...ghostBackground("hover", props),
12674
+ borderRadius: 50
12675
+ },
12676
+ _active: {
12677
+ borderRadius: 50,
12678
+ ...ghostBackground("active", props)
12679
+ }
12680
+ },
12681
+ disabled: {
12682
+ ...commonStyles,
12683
+ cursor: "not-allowed",
12684
+ pointerEvents: "none",
12685
+ boxShadow: "none",
12686
+ ...baseText("disabled", props)
12687
+ },
12688
+ listItem: {
12689
+ display: "flex"
12690
+ },
12691
+ link: {
12692
+ ...commonStyles,
12693
+ ...ghostBackground("default", props),
12694
+ ...baseText("default", props),
12695
+ _hover: {
12696
+ ...ghostBackground("hover", props),
12697
+ borderRadius: 50,
12698
+ _disabled: {
12699
+ ...baseText("disabled", props)
12700
+ }
12701
+ },
12702
+ _active: {
12703
+ borderRadius: 50,
12704
+ ...ghostBackground("active", props)
12705
+ }
12706
+ },
12707
+ icon: {
12708
+ bottom: "-0.03em !important"
12709
+ }
12710
+ })
12711
+ });
12712
+ var commonStyles = {
12713
+ display: "flex",
12714
+ alignItems: "center",
12715
+ justifyContent: "center",
12716
+ width: 5,
12717
+ height: 5,
12718
+ backgroundImage: "none",
12719
+ borderRadius: 50,
12720
+ fontSize: "xs"
12721
+ };
12722
+ var pagination_default = config29;
12555
12723
  var $popperBg2 = cssVar$1("popper-bg");
12556
12724
  var $arrowBg3 = cssVar$1("popper-arrow-bg");
12557
12725
  var $arrowShadowColor2 = cssVar$1("popper-arrow-shadow-color");
12558
- var helpers20 = createMultiStyleConfigHelpers$1(popoverAnatomy.keys);
12559
- var config29 = helpers20.defineMultiStyleConfig({
12726
+ var helpers21 = createMultiStyleConfigHelpers$1(popoverAnatomy.keys);
12727
+ var config30 = helpers21.defineMultiStyleConfig({
12560
12728
  baseStyle: (props) => ({
12561
12729
  popper: {
12562
12730
  zIndex: "popover"
@@ -12611,15 +12779,15 @@ var config29 = helpers20.defineMultiStyleConfig({
12611
12779
  }
12612
12780
  }
12613
12781
  });
12614
- var popover_default = config29;
12615
- var parts14 = anatomy("progressBar").parts(
12782
+ var popover_default = config30;
12783
+ var parts15 = anatomy("progressBar").parts(
12616
12784
  "container",
12617
12785
  "background",
12618
12786
  "progress",
12619
12787
  "description"
12620
12788
  );
12621
- var helpers21 = createMultiStyleConfigHelpers(parts14.keys);
12622
- var config30 = helpers21.defineMultiStyleConfig({
12789
+ var helpers22 = createMultiStyleConfigHelpers(parts15.keys);
12790
+ var config31 = helpers22.defineMultiStyleConfig({
12623
12791
  baseStyle: (props) => ({
12624
12792
  container: {
12625
12793
  minWidth: "100px"
@@ -12649,14 +12817,14 @@ var config30 = helpers21.defineMultiStyleConfig({
12649
12817
  }
12650
12818
  })
12651
12819
  });
12652
- var progress_bar_default = config30;
12653
- var parts15 = anatomy$1("progress-indicator").parts(
12820
+ var progress_bar_default = config31;
12821
+ var parts16 = anatomy$1("progress-indicator").parts(
12654
12822
  "root",
12655
12823
  "container",
12656
12824
  "progressDot"
12657
12825
  );
12658
- var helpers22 = createMultiStyleConfigHelpers$1(parts15.keys);
12659
- var config31 = helpers22.defineMultiStyleConfig({
12826
+ var helpers23 = createMultiStyleConfigHelpers$1(parts16.keys);
12827
+ var config32 = helpers23.defineMultiStyleConfig({
12660
12828
  baseStyle: (props) => ({
12661
12829
  root: {
12662
12830
  width: "100%"
@@ -12687,9 +12855,9 @@ var config31 = helpers22.defineMultiStyleConfig({
12687
12855
  variant: "base"
12688
12856
  }
12689
12857
  });
12690
- var progress_indicator_default = config31;
12691
- var helpers23 = createMultiStyleConfigHelpers$1(radioAnatomy.keys);
12692
- var config32 = helpers23.defineMultiStyleConfig({
12858
+ var progress_indicator_default = config32;
12859
+ var helpers24 = createMultiStyleConfigHelpers$1(radioAnatomy.keys);
12860
+ var config33 = helpers24.defineMultiStyleConfig({
12693
12861
  baseStyle: (props) => ({
12694
12862
  container: {
12695
12863
  _hover: {
@@ -12742,10 +12910,10 @@ var config32 = helpers23.defineMultiStyleConfig({
12742
12910
  }
12743
12911
  })
12744
12912
  });
12745
- var radio_default = config32;
12746
- var parts16 = selectAnatomy.extend("root");
12747
- var helpers24 = createMultiStyleConfigHelpers$1(parts16.keys);
12748
- var config33 = helpers24.defineMultiStyleConfig({
12913
+ var radio_default = config33;
12914
+ var parts17 = selectAnatomy.extend("root");
12915
+ var helpers25 = createMultiStyleConfigHelpers$1(parts17.keys);
12916
+ var config34 = helpers25.defineMultiStyleConfig({
12749
12917
  baseStyle: (props) => ({
12750
12918
  root: {
12751
12919
  width: "100%",
@@ -12785,14 +12953,14 @@ var config33 = helpers24.defineMultiStyleConfig({
12785
12953
  }
12786
12954
  })
12787
12955
  });
12788
- var select_default = config33;
12956
+ var select_default = config34;
12789
12957
  var fade = (startColor, endColor) => keyframes({
12790
12958
  from: { borderColor: startColor, background: startColor },
12791
12959
  to: { borderColor: endColor, background: endColor }
12792
12960
  });
12793
12961
  var $startColor2 = cssVar$1("skeleton-start-color");
12794
12962
  var $endColor2 = cssVar$1("skeleton-end-color");
12795
- var config34 = defineStyleConfig$1({
12963
+ var config35 = defineStyleConfig$1({
12796
12964
  baseStyle: (props) => {
12797
12965
  const defaultStartColor = mode("blackAlpha.300", "whiteAlpha.300")(props);
12798
12966
  const defaultEndColor = mode("blackAlpha.100", "whiteAlpha.100")(props);
@@ -12815,8 +12983,8 @@ var config34 = defineStyleConfig$1({
12815
12983
  };
12816
12984
  }
12817
12985
  });
12818
- var skeleton_default = config34;
12819
- var parts17 = anatomy$1("stepper").parts(
12986
+ var skeleton_default = config35;
12987
+ var parts18 = anatomy$1("stepper").parts(
12820
12988
  "root",
12821
12989
  "container",
12822
12990
  "innerContainer",
@@ -12828,8 +12996,8 @@ var parts17 = anatomy$1("stepper").parts(
12828
12996
  "stepTitle",
12829
12997
  "closeButton"
12830
12998
  );
12831
- var helpers25 = createMultiStyleConfigHelpers$1(parts17.keys);
12832
- var config35 = helpers25.defineMultiStyleConfig({
12999
+ var helpers26 = createMultiStyleConfigHelpers$1(parts18.keys);
13000
+ var config36 = helpers26.defineMultiStyleConfig({
12833
13001
  baseStyle: {
12834
13002
  root: {
12835
13003
  display: "flex",
@@ -12898,14 +13066,14 @@ var config35 = helpers25.defineMultiStyleConfig({
12898
13066
  variant: "base"
12899
13067
  }
12900
13068
  });
12901
- var stepper_default = config35;
13069
+ var stepper_default = config36;
12902
13070
  var $width2 = cssVar$1("switch-track-width");
12903
13071
  var $height3 = cssVar$1("switch-track-height");
12904
13072
  var $diff2 = cssVar$1("switch-track-diff");
12905
13073
  var diffValue2 = calc$1.subtract($width2, $height3);
12906
13074
  var $translateX2 = cssVar$1("switch-thumb-x");
12907
- var helpers26 = createMultiStyleConfigHelpers$1(switchAnatomy.keys);
12908
- var config36 = helpers26.defineMultiStyleConfig({
13075
+ var helpers27 = createMultiStyleConfigHelpers$1(switchAnatomy.keys);
13076
+ var config37 = helpers27.defineMultiStyleConfig({
12909
13077
  baseStyle: (props) => ({
12910
13078
  container: {
12911
13079
  [$diff2.variable]: diffValue2,
@@ -12998,14 +13166,14 @@ var config36 = helpers26.defineMultiStyleConfig({
12998
13166
  size: "md"
12999
13167
  }
13000
13168
  });
13001
- var switch_default = config36;
13002
- var helpers27 = createMultiStyleConfigHelpers$1(tableAnatomy.keys);
13169
+ var switch_default = config37;
13170
+ var helpers28 = createMultiStyleConfigHelpers$1(tableAnatomy.keys);
13003
13171
  var numericStyles2 = {
13004
13172
  "&[data-is-numeric=true]": {
13005
13173
  textAlign: "end"
13006
13174
  }
13007
13175
  };
13008
- var config37 = helpers27.defineMultiStyleConfig({
13176
+ var config38 = helpers28.defineMultiStyleConfig({
13009
13177
  baseStyle: (props) => ({
13010
13178
  table: {
13011
13179
  borderCollapse: "collapse",
@@ -13151,9 +13319,9 @@ var config37 = helpers27.defineMultiStyleConfig({
13151
13319
  colorScheme: "grey"
13152
13320
  }
13153
13321
  });
13154
- var table_default = config37;
13155
- var helpers28 = createMultiStyleConfigHelpers$1(tabsAnatomy.keys);
13156
- var config38 = helpers28.defineMultiStyleConfig({
13322
+ var table_default = config38;
13323
+ var helpers29 = createMultiStyleConfigHelpers$1(tabsAnatomy.keys);
13324
+ var config39 = helpers29.defineMultiStyleConfig({
13157
13325
  baseStyle: (props) => ({
13158
13326
  root: {
13159
13327
  display: "flex",
@@ -13276,8 +13444,8 @@ var config38 = helpers28.defineMultiStyleConfig({
13276
13444
  variant: "base"
13277
13445
  }
13278
13446
  });
13279
- var tabs_default = config38;
13280
- var config39 = defineStyleConfig$1({
13447
+ var tabs_default = config39;
13448
+ var config40 = defineStyleConfig$1({
13281
13449
  baseStyle: (props) => ({
13282
13450
  ...input_default.baseStyle(props).field,
13283
13451
  minHeight: "5rem",
@@ -13294,8 +13462,8 @@ var config39 = defineStyleConfig$1({
13294
13462
  }
13295
13463
  })
13296
13464
  });
13297
- var textarea_default = config39;
13298
- var config40 = defineStyleConfig$1({
13465
+ var textarea_default = config40;
13466
+ var config41 = defineStyleConfig$1({
13299
13467
  baseStyle: {
13300
13468
  display: "flex",
13301
13469
  alignItems: "center",
@@ -13319,8 +13487,8 @@ var config40 = defineStyleConfig$1({
13319
13487
  }
13320
13488
  }
13321
13489
  });
13322
- var toast_default = config40;
13323
- var config41 = defineStyleConfig$1({
13490
+ var toast_default = config41;
13491
+ var config42 = defineStyleConfig$1({
13324
13492
  baseStyle: (props) => ({
13325
13493
  appearance: "none",
13326
13494
  border: "none",
@@ -13333,7 +13501,7 @@ var config41 = defineStyleConfig$1({
13333
13501
  ...getColorSchemeBaseProps2(props)
13334
13502
  })
13335
13503
  });
13336
- var static_card_default = config41;
13504
+ var static_card_default = config42;
13337
13505
  var getColorSchemeBaseProps2 = (props) => {
13338
13506
  var _a6;
13339
13507
  switch (props.colorScheme) {
@@ -13476,7 +13644,7 @@ var ToastIcon = ({ variant }) => {
13476
13644
  Icon,
13477
13645
  {
13478
13646
  flexShrink: 0,
13479
- "aria-label": t2(texts25[variant]),
13647
+ "aria-label": t2(texts26[variant]),
13480
13648
  marginRight: 1,
13481
13649
  marginY: 1.5,
13482
13650
  color: "darkGrey"
@@ -13493,7 +13661,7 @@ var getIcon3 = (variant) => {
13493
13661
  return ErrorOutline24Icon;
13494
13662
  }
13495
13663
  };
13496
- var texts25 = createTexts({
13664
+ var texts26 = createTexts({
13497
13665
  info: {
13498
13666
  nb: "Informasjon",
13499
13667
  nn: "Informasjon",
@@ -13537,13 +13705,13 @@ var ClosableToast = ({
13537
13705
  {
13538
13706
  sx: styles3.dismissButton,
13539
13707
  variant: "ghost",
13540
- "aria-label": t2(texts26.dismiss),
13708
+ "aria-label": t2(texts27.dismiss),
13541
13709
  icon: /* @__PURE__ */ React70__default.createElement(CloseFill18Icon, null),
13542
13710
  onClick: onClose
13543
13711
  }
13544
13712
  ));
13545
13713
  };
13546
- var texts26 = createTexts({
13714
+ var texts27 = createTexts({
13547
13715
  dismiss: {
13548
13716
  nb: "Lukk",
13549
13717
  nn: "Lukk",
@@ -13728,4 +13896,4 @@ function slugify(text, maxLength = 50) {
13728
13896
  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);
13729
13897
  }
13730
13898
 
13731
- export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel3 as FormLabel, FullScreenDrawer, 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, PasswordInput, PhoneNumberInput, PlayPauseButton, ProgressBar, ProgressIndicator, ProgressLoader, Radio, 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, WizardNudge, brandTheme, createTexts, fontFaces, slugify, theme, useSize, useToast, useTranslation };
13899
+ export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel3 as FormLabel, FullScreenDrawer, 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, ProgressBar, ProgressIndicator, ProgressLoader, Radio, 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, WizardNudge, brandTheme, createTexts, fontFaces, slugify, theme, useSize, useToast, useTranslation };