@vygruppen/spor-react 9.4.1 → 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.
- package/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +12 -0
- package/dist/{CountryCodeSelect-5QKP6VFT.mjs → CountryCodeSelect-2KOFVXIQ.mjs} +1 -1
- package/dist/{chunk-JRXSGTL2.mjs → chunk-XXA3IGVH.mjs} +232 -64
- package/dist/index.d.mts +107 -9
- package/dist/index.d.ts +107 -9
- package/dist/index.js +268 -78
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/index.tsx +1 -0
- package/src/pagination/Pagination.tsx +156 -0
- package/src/pagination/index.tsx +1 -0
- package/src/theme/components/datepicker.ts +2 -2
- package/src/theme/components/index.ts +1 -0
- package/src/theme/components/pagination.ts +74 -0
package/.turbo/turbo-build.log
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
|
2
|
-
> @vygruppen/spor-react@9.
|
2
|
+
> @vygruppen/spor-react@9.5.0 build
|
3
3
|
> tsup src/index.tsx --dts --treeshake --format cjs,esm
|
4
4
|
|
5
5
|
[34mCLI[39m Building entry: src/index.tsx
|
@@ -9,12 +9,12 @@
|
|
9
9
|
[34mCJS[39m Build start
|
10
10
|
[34mESM[39m Build start
|
11
11
|
[34mDTS[39m Build start
|
12
|
-
[32mCJS[39m [1mdist/index.js [22m[
|
13
|
-
[32mCJS[39m ⚡️ Build success in
|
14
|
-
[32mESM[39m [1mdist/index.mjs [22m[32m2.
|
15
|
-
[32mESM[39m [1mdist/CountryCodeSelect-
|
16
|
-
[32mESM[39m [1mdist/chunk-
|
17
|
-
[32mESM[39m ⚡️ Build success in
|
18
|
-
[32mDTS[39m ⚡️ Build success in
|
19
|
-
[32mDTS[39m [1mdist/index.d.ts [22m[
|
20
|
-
[32mDTS[39m [1mdist/index.d.mts [22m[
|
12
|
+
[32mCJS[39m [1mdist/index.js [22m[32m500.82 KB[39m
|
13
|
+
[32mCJS[39m ⚡️ Build success in 2080ms
|
14
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m2.07 KB[39m
|
15
|
+
[32mESM[39m [1mdist/CountryCodeSelect-2KOFVXIQ.mjs [22m[32m1.19 KB[39m
|
16
|
+
[32mESM[39m [1mdist/chunk-XXA3IGVH.mjs [22m[32m392.05 KB[39m
|
17
|
+
[32mESM[39m ⚡️ Build success in 2081ms
|
18
|
+
[32mDTS[39m ⚡️ Build success in 12704ms
|
19
|
+
[32mDTS[39m [1mdist/index.d.ts [22m[32m324.57 KB[39m
|
20
|
+
[32mDTS[39m [1mdist/index.d.mts [22m[32m324.57 KB[39m
|
package/CHANGELOG.md
CHANGED
@@ -1,5 +1,17 @@
|
|
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
|
+
|
3
15
|
## 9.4.1
|
4
16
|
|
5
17
|
### Patch Changes
|
@@ -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(
|
919
|
-
return
|
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-
|
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(
|
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
|
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(
|
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(
|
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
|
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(
|
6295
|
-
return
|
6396
|
+
function defineStyleConfig(config43) {
|
6397
|
+
return config43;
|
6296
6398
|
}
|
6297
|
-
function createMultiStyleConfigHelpers(
|
6399
|
+
function createMultiStyleConfigHelpers(parts19) {
|
6298
6400
|
return {
|
6299
|
-
definePartsStyle(
|
6300
|
-
return
|
6401
|
+
definePartsStyle(config43) {
|
6402
|
+
return config43;
|
6301
6403
|
},
|
6302
|
-
defineMultiStyleConfig(
|
6303
|
-
return { parts:
|
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
|
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:
|
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
|
-
...
|
11368
|
+
...floatingBackground("default", props),
|
11266
11369
|
...baseText("default", props),
|
11267
|
-
...
|
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
|
12559
|
-
var
|
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 =
|
12615
|
-
var
|
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
|
12622
|
-
var
|
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 =
|
12653
|
-
var
|
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
|
12659
|
-
var
|
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 =
|
12691
|
-
var
|
12692
|
-
var
|
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 =
|
12746
|
-
var
|
12747
|
-
var
|
12748
|
-
var
|
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 =
|
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
|
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 =
|
12819
|
-
var
|
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
|
12832
|
-
var
|
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 =
|
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
|
12908
|
-
var
|
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 =
|
13002
|
-
var
|
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
|
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 =
|
13155
|
-
var
|
13156
|
-
var
|
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 =
|
13280
|
-
var
|
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 =
|
13298
|
-
var
|
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 =
|
13323
|
-
var
|
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 =
|
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(
|
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
|
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(
|
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
|
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 };
|