@vygruppen/spor-react 11.0.0 → 11.0.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@11.0.0 build
+> @vygruppen/spor-react@11.0.2 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.03 KB
-CJS ⚡️ Build success in 2210ms
 ESM dist/index.mjs                      2.16 KB
-ESM dist/CountryCodeSelect-46H2DYJ5.mjs 1.22 KB
-ESM dist/chunk-ROHXFJX2.mjs             428.12 KB
-ESM ⚡️ Build success in 2211ms
-DTS ⚡️ Build success in 15356ms
+ESM dist/CountryCodeSelect-AWMN54K6.mjs 1.22 KB
+ESM dist/chunk-QXIAB7O5.mjs             428.26 KB
+ESM ⚡️ Build success in 2120ms
+CJS dist/index.js 542.18 KB
+CJS ⚡️ Build success in 2120ms
+DTS ⚡️ Build success in 15580ms
 DTS dist/index.d.ts  342.86 KB
 DTS dist/index.d.mts 342.86 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @vygruppen/spor-react
 
+## 11.0.2
+
+### Patch Changes
+
+- 89d1702: Text for multiple notifications
+
+## 11.0.1
+
+### Patch Changes
+
+- e2d26fd: Fix isDisabled for RadioCard and ChoiceChip
+
 ## 11.0.0
 
 ### Major Changes

package/dist/{CountryCodeSelect-46H2DYJ5.mjs → CountryCodeSelect-AWMN54K6.mjs}

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

package/dist/{chunk-ROHXFJX2.mjs → chunk-QXIAB7O5.mjs}

@@ -1010,7 +1010,7 @@ var ChoiceChip = forwardRef(
         {
           ...getInputProps({}, ref),
           id,
-          disabled: isDisabled
+          disabled: isDisabled || state2.isDisabled
         }
       ),
       /* @__PURE__ */ React85__default.createElement(
@@ -1022,7 +1022,7 @@ var ChoiceChip = forwardRef(
           "data-hover": dataAttr(state2.isHovered),
           "data-focus": dataAttr(state2.isFocused),
           "data-active": dataAttr(state2.isActive),
-          "data-disabled": dataAttr(state2.isDisabled)
+          "data-disabled": dataAttr(isDisabled || state2.isDisabled)
         },
         icon && /* @__PURE__ */ React85__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
         chipType !== "icon" && /* @__PURE__ */ React85__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, children),
@@ -1844,7 +1844,7 @@ var texts4 = createTexts({
     sv: "Landskod"
   }
 });
-var LazyCountryCodeSelect = React85__default.lazy(() => import('./CountryCodeSelect-46H2DYJ5.mjs'));
+var LazyCountryCodeSelect = React85__default.lazy(() => import('./CountryCodeSelect-AWMN54K6.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React85__default.createElement(Radio$1, { ...props, ref });
 });
@@ -2090,9 +2090,9 @@ var RadioCard = forwardRef(
           as: "label",
           name,
           htmlFor: inputId,
-          "aria-checked": isChecked,
-          "data-checked": isChecked,
-          "data-disabled": isDisabled,
+          "aria-checked": dataAttr(isChecked),
+          "data-checked": dataAttr(isChecked),
+          "data-disabled": dataAttr(isDisabled),
           ...props,
           __css: {
             ...styles3.container,
@@ -2989,8 +2989,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.js

@@ -1105,7 +1105,7 @@ var init_ChoiceChip = __esm({
             {
               ...getInputProps({}, ref),
               id,
-              disabled: isDisabled
+              disabled: isDisabled || state2.isDisabled
             }
           ),
           /* @__PURE__ */ React86__namespace.default.createElement(
@@ -1117,7 +1117,7 @@ var init_ChoiceChip = __esm({
               "data-hover": dataAttr(state2.isHovered),
               "data-focus": dataAttr(state2.isFocused),
               "data-active": dataAttr(state2.isActive),
-              "data-disabled": dataAttr(state2.isDisabled)
+              "data-disabled": dataAttr(isDisabled || state2.isDisabled)
             },
             icon && /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
             chipType !== "icon" && /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.span, { __css: styles3.label, ...getCheckboxProps() }, children),
@@ -2301,6 +2301,7 @@ exports.RadioCard = void 0;
 var init_RadioCard = __esm({
   "src/layout/RadioCard.tsx"() {
     init_RadioCardGroup();
+    init_dist();
     exports.RadioCard = react.forwardRef(
       ({ children, value, isDisabled, ...props }, ref) => {
         const context = React86.useContext(exports.RadioCardGroupContext);
@@ -2363,9 +2364,9 @@ var init_RadioCard = __esm({
               as: "label",
               name,
               htmlFor: inputId,
-              "aria-checked": isChecked,
-              "data-checked": isChecked,
-              "data-disabled": isDisabled,
+              "aria-checked": dataAttr(isChecked),
+              "data-checked": dataAttr(isChecked),
+              "data-disabled": dataAttr(isDisabled),
               ...props,
               __css: {
                 ...styles3.container,
@@ -3511,8 +3512,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-ROHXFJX2.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-QXIAB7O5.mjs';

package/package.json

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

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"}`,
     };

package/src/input/ChoiceChip.tsx

@@ -93,7 +93,7 @@ export const ChoiceChip = forwardRef(
         <chakra.input
           {...getInputProps({}, ref)}
           id={id}
-          disabled={isDisabled}
+          disabled={isDisabled || state.isDisabled}
         />
         <chakra.div
           {...getLabelProps()}
@@ -102,7 +102,7 @@ export const ChoiceChip = forwardRef(
           data-hover={dataAttr(state.isHovered)}
           data-focus={dataAttr(state.isFocused)}
           data-active={dataAttr(state.isActive)}
-          data-disabled={dataAttr(state.isDisabled)}
+          data-disabled={dataAttr(isDisabled || state.isDisabled)}
         >
           {icon && (
             <chakra.span __css={styles.icon}>

package/src/layout/RadioCard.tsx

@@ -7,6 +7,7 @@ import {
 } from "@chakra-ui/react";
 import React, { useContext, useEffect, useId, useState } from "react";
 import { RadioCardGroupContext } from "./RadioCardGroup";
+import { dataAttr } from "@chakra-ui/utils";
 
 /**
  * Radio cards are used to present a set of options where only one option can be selected.
@@ -107,9 +108,9 @@ export const RadioCard = forwardRef(
           as="label"
           name={name}
           htmlFor={inputId}
-          aria-checked={isChecked}
-          data-checked={isChecked}
-          data-disabled={isDisabled}
+          aria-checked={dataAttr(isChecked)}
+          data-checked={dataAttr(isChecked)}
+          data-disabled={dataAttr(isDisabled)}
           {...props}
           __css={{
             ...styles.container,