@vygruppen/spor-react 11.0.1 → 11.0.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@11.0.1 build
+> @vygruppen/spor-react@11.0.3 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -9,12 +9,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-CJS dist/index.js 542.11 KB
-CJS ⚡️ Build success in 2302ms
+CJS dist/index.js 542.21 KB
+CJS ⚡️ Build success in 2273ms
 ESM dist/index.mjs                      2.16 KB
-ESM dist/CountryCodeSelect-BANGPTJ2.mjs 1.22 KB
-ESM dist/chunk-LZYJMYST.mjs             428.19 KB
-ESM ⚡️ Build success in 2302ms
-DTS ⚡️ Build success in 16073ms
-DTS dist/index.d.ts  342.86 KB
-DTS dist/index.d.mts 342.86 KB
+ESM dist/CountryCodeSelect-YX5EDQZV.mjs 1.22 KB
+ESM dist/chunk-ILLONWJI.mjs             428.29 KB
+ESM ⚡️ Build success in 2274ms
+DTS ⚡️ Build success in 15604ms
+DTS dist/index.d.ts  342.87 KB
+DTS dist/index.d.mts 342.87 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @vygruppen/spor-react
 
+## 11.0.3
+
+### Patch Changes
+
+- 5fe5e88: Add boxProps to ClosaleAlert"
+
+## 11.0.2
+
+### Patch Changes
+
+- 89d1702: Text for multiple notifications
+
 ## 11.0.1
 
 ### Patch Changes

package/dist/{CountryCodeSelect-BANGPTJ2.mjs → CountryCodeSelect-YX5EDQZV.mjs}

@@ -1,4 +1,4 @@
-import { createTexts, useTranslation, InfoSelect, Item } from './chunk-LZYJMYST.mjs';
+import { createTexts, useTranslation, InfoSelect, Item } from './chunk-ILLONWJI.mjs';
 import React from 'react';
 import { getSupportedCallingCodes } from 'awesome-phonenumber';
 

package/dist/{chunk-LZYJMYST.mjs → chunk-ILLONWJI.mjs}

@@ -1844,7 +1844,7 @@ var texts4 = createTexts({
     sv: "Landskod"
   }
 });
-var LazyCountryCodeSelect = React85__default.lazy(() => import('./CountryCodeSelect-BANGPTJ2.mjs'));
+var LazyCountryCodeSelect = React85__default.lazy(() => import('./CountryCodeSelect-YX5EDQZV.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React85__default.createElement(Radio$1, { ...props, ref });
 });
@@ -2806,7 +2806,8 @@ var ClosableAlert = ({
   title,
   children,
   onClose: externalOnClose = () => {
-  }
+  },
+  ...boxProps
 }) => {
   const { isOpen, onClose } = useDisclosure({ defaultIsOpen: true });
   const styles3 = useMultiStyleConfig("Alert", { variant });
@@ -2818,7 +2819,7 @@ var ClosableAlert = ({
     externalOnClose();
     onClose();
   };
-  return /* @__PURE__ */ React85__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React85__default.createElement(
+  return /* @__PURE__ */ React85__default.createElement(BaseAlert, { variant, ...boxProps }, /* @__PURE__ */ React85__default.createElement(
     IconButton,
     {
       variant: "ghost",
@@ -2989,8 +2990,8 @@ var texts12 = createTexts({
   notification: (notification) => {
     const numNotification = Number(notification);
     return {
-      nb: `${numNotification} varsel`,
-      nn: `${numNotification} varsel`,
+      nb: `${numNotification} ${numNotification > 1 ? "varsler" : "varsel"}`,
+      nn: `${numNotification} ${numNotification > 1 ? "varslar" : "varsel"}`,
       sv: `${numNotification} ${numNotification > 1 ? "underr\xE4ttelser" : "underr\xE4ttelse"}`,
       en: `${numNotification} ${numNotification > 1 ? "notifications" : "notification"}`
     };

package/dist/index.d.mts

@@ -329,7 +329,7 @@ type ClosableAlertProps = BaseAlertProps & {
  *   <Text>Some info here</Text>
  * </ClosableAlert>
  */
-declare const ClosableAlert: ({ variant, title, children, onClose: externalOnClose, }: ClosableAlertProps) => React.JSX.Element | null;
+declare const ClosableAlert: ({ variant, title, children, onClose: externalOnClose, ...boxProps }: ClosableAlertProps) => React.JSX.Element | null;
 
 type ExpandableAlertProps = BaseAlertProps & {
     /** The title string  */

package/dist/index.d.ts

@@ -329,7 +329,7 @@ type ClosableAlertProps = BaseAlertProps & {
  *   <Text>Some info here</Text>
  * </ClosableAlert>
  */
-declare const ClosableAlert: ({ variant, title, children, onClose: externalOnClose, }: ClosableAlertProps) => React.JSX.Element | null;
+declare const ClosableAlert: ({ variant, title, children, onClose: externalOnClose, ...boxProps }: ClosableAlertProps) => React.JSX.Element | null;
 
 type ExpandableAlertProps = BaseAlertProps & {
     /** The title string  */

package/dist/index.js

@@ -3307,7 +3307,8 @@ var init_ClosableAlert = __esm({
       title,
       children,
       onClose: externalOnClose = () => {
-      }
+      },
+      ...boxProps
     }) => {
       const { isOpen, onClose } = react.useDisclosure({ defaultIsOpen: true });
       const styles3 = react.useMultiStyleConfig("Alert", { variant });
@@ -3319,7 +3320,7 @@ var init_ClosableAlert = __esm({
         externalOnClose();
         onClose();
       };
-      return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React86__namespace.default.createElement(
+      return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { variant, ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement(
         exports.IconButton,
         {
           variant: "ghost",
@@ -3512,8 +3513,8 @@ var init_ServiceAlert = __esm({
       notification: (notification) => {
         const numNotification = Number(notification);
         return {
-          nb: `${numNotification} varsel`,
-          nn: `${numNotification} varsel`,
+          nb: `${numNotification} ${numNotification > 1 ? "varsler" : "varsel"}`,
+          nn: `${numNotification} ${numNotification > 1 ? "varslar" : "varsel"}`,
           sv: `${numNotification} ${numNotification > 1 ? "underr\xE4ttelser" : "underr\xE4ttelse"}`,
           en: `${numNotification} ${numNotification > 1 ? "notifications" : "notification"}`
         };

package/dist/index.mjs

@@ -1 +1 @@
-export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, CardSelect, CargonetLogo, Center, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, Collapse, ColorInlineLoader, ColorSpinner, Combobox, Container, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkMode, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, ModalHeader as DrawerHeader, DrawerOverlay, Expandable, ExpandableAlert, ExpandableItem, Fade, Flex, FloatingActionButton, FormControl, FormErrorMessage, FormHelperText, FormLabel, FullScreenDrawer, Grid, GridItem, HStack, Heading, IconButton, Image, Img, InfoSelect, InfoTag, Input, InputGroup, InputLeftElement, InputRightElement, Item, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightMode, LightSpinner, LineIcon, ListBox, ListItem, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, NativeSelect, Nudge, NumericStepper, OrderedList, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, Portal, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioGroup, ScaleFade, SearchInput, Section, ServiceAlert, SimpleDrawer, SimpleGrid, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Slide, SlideFade, Spacer, SporProvider, Stack, StaticAlert, StaticCard, Stepper, StepperStep, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableCaption, Tabs, Tbody, Td, Text, TextLink, Textarea, Tfoot, Th, Thead, Time, TimePicker, Tooltip, Tr, TravelTag, UnorderedList, VStack, VyLogo, VyLogoPride, WizardNudge, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, slugify, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-LZYJMYST.mjs';
+export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, CardSelect, CargonetLogo, Center, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, Collapse, ColorInlineLoader, ColorSpinner, Combobox, Container, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkMode, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, ModalHeader as DrawerHeader, DrawerOverlay, Expandable, ExpandableAlert, ExpandableItem, Fade, Flex, FloatingActionButton, FormControl, FormErrorMessage, FormHelperText, FormLabel, FullScreenDrawer, Grid, GridItem, HStack, Heading, IconButton, Image, Img, InfoSelect, InfoTag, Input, InputGroup, InputLeftElement, InputRightElement, Item, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightMode, LightSpinner, LineIcon, ListBox, ListItem, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, NativeSelect, Nudge, NumericStepper, OrderedList, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, Portal, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioGroup, ScaleFade, SearchInput, Section, ServiceAlert, SimpleDrawer, SimpleGrid, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Slide, SlideFade, Spacer, SporProvider, Stack, StaticAlert, StaticCard, Stepper, StepperStep, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableCaption, Tabs, Tbody, Td, Text, TextLink, Textarea, Tfoot, Th, Thead, Time, TimePicker, Tooltip, Tr, TravelTag, UnorderedList, VStack, VyLogo, VyLogoPride, WizardNudge, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, slugify, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-ILLONWJI.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "11.0.1",
+  "version": "11.0.3",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/alert/ClosableAlert.tsx

@@ -42,6 +42,7 @@ export const ClosableAlert = ({
   title,
   children,
   onClose: externalOnClose = () => {},
+  ...boxProps
 }: ClosableAlertProps) => {
   const { isOpen, onClose } = useDisclosure({ defaultIsOpen: true });
   const styles = useMultiStyleConfig("Alert", { variant });
@@ -56,7 +57,7 @@ export const ClosableAlert = ({
   };
 
   return (
-    <BaseAlert variant={variant}>
+    <BaseAlert variant={variant} {...boxProps}>
       <IconButton
         variant="ghost"
         size="sm"

package/src/alert/ServiceAlert.tsx

@@ -157,8 +157,8 @@ const texts = createTexts({
   notification: (notification) => {
     const numNotification = Number(notification);
     return {
-      nb: `${numNotification} varsel`,
-      nn: `${numNotification} varsel`,
+      nb: `${numNotification} ${numNotification > 1 ? "varsler" : "varsel"}`,
+      nn: `${numNotification} ${numNotification > 1 ? "varslar" : "varsel"}`,
       sv: `${numNotification} ${numNotification > 1 ? "underrättelser" : "underrättelse"}`,
       en: `${numNotification} ${numNotification > 1 ? "notifications" : "notification"}`,
     };