@vygruppen/spor-react 9.0.1 → 9.0.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@9.0.1 build
+> @vygruppen/spor-react@9.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 487.82 KB
-CJS ⚡️ Build success in 2091ms
+CJS dist/index.js 487.81 KB
+CJS ⚡️ Build success in 2121ms
 ESM dist/index.mjs                      2.02 KB
-ESM dist/CountryCodeSelect-OVMXGXPY.mjs 1.19 KB
-ESM dist/chunk-W7IAYOJH.mjs             381.88 KB
-ESM ⚡️ Build success in 2092ms
-DTS ⚡️ Build success in 11319ms
+ESM dist/CountryCodeSelect-ANZFGZSX.mjs 1.19 KB
+ESM dist/chunk-A5E3F3T5.mjs             381.87 KB
+ESM ⚡️ Build success in 2123ms
+DTS ⚡️ Build success in 10634ms
 DTS dist/index.d.ts  307.91 KB
 DTS dist/index.d.mts 307.91 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vygruppen/spor-react
 
+## 9.0.2
+
+### Patch Changes
+
+- 6bd954e: Use CSS variable to avoid possible nullpointer"
+
 ## 9.0.1
 
 ### Patch Changes

package/dist/{CountryCodeSelect-OVMXGXPY.mjs → CountryCodeSelect-ANZFGZSX.mjs}

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

package/dist/{chunk-W7IAYOJH.mjs → chunk-A5E3F3T5.mjs}

@@ -3340,7 +3340,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-OVMXGXPY.mjs'));
+var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-ANZFGZSX.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React69__default.createElement(Radio$1, { ...props, ref });
 });
@@ -10585,7 +10585,7 @@ var getColorSchemeBaseProps = (props) => {
         outlineColor: "silver",
         backgroundColor: mode(
           "white",
-          `color-mix(in srgb, white 10%, ${props.theme.colors.surface.default.dark})`
+          `color-mix(in srgb, white 10%, var(--spor-colors-surface-default-dark))`
         )(props),
         color: "inherit"
       };
@@ -10634,7 +10634,7 @@ var getColorSchemeHoverProps = (props) => {
       return {
         backgroundColor: mode(
           "white",
-          `color-mix(in srgb, white 20%, ${props.theme.colors.surface.default.dark})`
+          `color-mix(in srgb, white 20%, var(--spor-colors-surface-default-dark))`
         )(props),
         outlineColor: "steel"
       };

package/dist/index.js

@@ -12078,7 +12078,7 @@ var init_card2 = __esm({
             outlineColor: "silver",
             backgroundColor: themeTools.mode(
               "white",
-              `color-mix(in srgb, white 10%, ${props.theme.colors.surface.default.dark})`
+              `color-mix(in srgb, white 10%, var(--spor-colors-surface-default-dark))`
             )(props),
             color: "inherit"
           };
@@ -12109,7 +12109,7 @@ var init_card2 = __esm({
           return {
             backgroundColor: themeTools.mode(
               "white",
-              `color-mix(in srgb, white 20%, ${props.theme.colors.surface.default.dark})`
+              `color-mix(in srgb, white 20%, var(--spor-colors-surface-default-dark))`
             )(props),
             outlineColor: "steel"
           };

package/dist/index.mjs

@@ -1 +1 @@
-export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, 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, 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, PasswordInput, PhoneNumberInput, PlayPauseButton, Portal, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, ScaleFade, SearchInput, Section, SimpleDrawer, SimpleGrid, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Slide, SlideFade, Spacer, SporProvider, Stack, StaticAlert, 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, 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-W7IAYOJH.mjs';
+export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, 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, 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, PasswordInput, PhoneNumberInput, PlayPauseButton, Portal, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, ScaleFade, SearchInput, Section, SimpleDrawer, SimpleGrid, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Slide, SlideFade, Spacer, SporProvider, Stack, StaticAlert, 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, 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-A5E3F3T5.mjs';

package/package.json

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

package/src/theme/components/card.ts

@@ -84,7 +84,7 @@ const getColorSchemeBaseProps = (props: CardThemeProps) => {
         outlineColor: "silver",
         backgroundColor: mode(
           "white",
-          `color-mix(in srgb, white 10%, ${props.theme.colors.surface.default.dark})`,
+          `color-mix(in srgb, white 10%, var(--spor-colors-surface-default-dark))`,
         )(props),
         color: "inherit",
       };
@@ -133,7 +133,7 @@ const getColorSchemeHoverProps = (props: CardThemeProps) => {
       return {
         backgroundColor: mode(
           "white",
-          `color-mix(in srgb, white 20%, ${props.theme.colors.surface.default.dark})`,
+          `color-mix(in srgb, white 20%, var(--spor-colors-surface-default-dark))`,
         )(props),
         outlineColor: "steel",
       };