@vygruppen/spor-react 9.6.4 → 9.6.5

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@9.6.4 build
+> @vygruppen/spor-react@9.6.5 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 506.52 KB
+CJS ⚡️ Build success in 2221ms
 ESM dist/index.mjs                      2.08 KB
-ESM dist/CountryCodeSelect-7H2EVFV3.mjs 1.19 KB
-ESM dist/chunk-V5JHGMIB.mjs             396.29 KB
-ESM ⚡️ Build success in 2241ms
-CJS dist/index.js 506.14 KB
-CJS ⚡️ Build success in 2242ms
-DTS ⚡️ Build success in 12386ms
+ESM dist/CountryCodeSelect-VSNXCJ6M.mjs 1.19 KB
+ESM dist/chunk-F6WDIMSM.mjs             396.60 KB
+ESM ⚡️ Build success in 2222ms
+DTS ⚡️ Build success in 12894ms
 DTS dist/index.d.ts  348.30 KB
 DTS dist/index.d.mts 348.30 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vygruppen/spor-react
 
+## 9.6.5
+
+### Patch Changes
+
+- 50935a3: Added dark color variants to static card
+
 ## 9.6.4
 
 ### Patch Changes

package/dist/{CountryCodeSelect-7H2EVFV3.mjs → CountryCodeSelect-VSNXCJ6M.mjs}

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

package/dist/{chunk-V5JHGMIB.mjs → chunk-F6WDIMSM.mjs}

@@ -3365,7 +3365,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React71__default.lazy(() => import('./CountryCodeSelect-7H2EVFV3.mjs'));
+var LazyCountryCodeSelect = React71__default.lazy(() => import('./CountryCodeSelect-VSNXCJ6M.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React71__default.createElement(Radio$1, { ...props, ref });
 });
@@ -13543,6 +13543,23 @@ var getColorSchemeBaseProps2 = (props) => {
         backgroundColor: "pink"
       };
     }
+    case "darkBlue": {
+      return {
+        backgroundColor: "darkBlue",
+        color: "white"
+      };
+    }
+    case "darkGreen": {
+      return {
+        backgroundColor: "pine",
+        color: "white"
+      };
+    }
+    case "darkYellow": {
+      return {
+        backgroundColor: "banana"
+      };
+    }
     default:
       return {
         backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[100]) ?? "default",

package/dist/index.d.mts

@@ -6975,16 +6975,16 @@ declare const theme: {
                 borderRadius: string;
             } | {
                 backgroundColor: string;
+                color: string;
                 appearance: string;
                 border: string;
                 overflow: string;
                 fontSize: string;
                 display: string;
                 borderRadius: string;
-                color: string;
             } | {
-                color: string;
                 backgroundColor: string;
+                color: string;
                 appearance: string;
                 border: string;
                 overflow: string;

package/dist/index.d.ts

@@ -6975,16 +6975,16 @@ declare const theme: {
                 borderRadius: string;
             } | {
                 backgroundColor: string;
+                color: string;
                 appearance: string;
                 border: string;
                 overflow: string;
                 fontSize: string;
                 display: string;
                 borderRadius: string;
-                color: string;
             } | {
-                color: string;
                 backgroundColor: string;
+                color: string;
                 appearance: string;
                 border: string;
                 overflow: string;

package/dist/index.js

@@ -15344,6 +15344,23 @@ var init_static_card = __esm({
             backgroundColor: "pink"
           };
         }
+        case "darkBlue": {
+          return {
+            backgroundColor: "darkBlue",
+            color: "white"
+          };
+        }
+        case "darkGreen": {
+          return {
+            backgroundColor: "pine",
+            color: "white"
+          };
+        }
+        case "darkYellow": {
+          return {
+            backgroundColor: "banana"
+          };
+        }
         default:
           return {
             backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[100]) ?? "default",

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, 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, RadioGroup, ScaleFade, SearchInput, Section, 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, 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-V5JHGMIB.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, 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, RadioGroup, ScaleFade, SearchInput, Section, 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, 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-F6WDIMSM.mjs';

package/package.json

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

package/src/theme/components/static-card.ts

@@ -23,12 +23,14 @@ type CardThemeProps = {
   colorScheme:
     | "white"
     | "grey"
-    | "blue"
     | "green"
-    | "teal"
-    | "yellow"
     | "orange"
-    | "red";
+    | "red"
+    | "yellow"
+    | "blue"
+    | "darkBlue"
+    | "darkGreen"
+    | "darkYellow";
   theme: any;
   colorMode: "light" | "dark";
 };
@@ -58,6 +60,23 @@ const getColorSchemeBaseProps = (props: CardThemeProps) => {
         backgroundColor: "pink",
       };
     }
+    case "darkBlue": {
+      return {
+        backgroundColor: "darkBlue",
+        color: "white",
+      };
+    }
+    case "darkGreen": {
+      return {
+        backgroundColor: "pine",
+        color: "white",
+      };
+    }
+    case "darkYellow": {
+      return {
+        backgroundColor: "banana",
+      };
+    }
     default:
       return {
         backgroundColor: colors[props.colorScheme]?.[100] ?? "default",