@vygruppen/spor-react 5.5.0 → 6.0.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@5.5.0 build
+> @vygruppen/spor-react@6.0.0 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -10,13 +10,13 @@
 ESM Build start
 "Collapse" is imported from external module "@chakra-ui/react" but never used in "dist/index.js".
 DTS Build start
-"Collapse" is imported from external module "@chakra-ui/react" but never used in "dist/chunk-2L6AHVGG.mjs".
-CJS dist/index.js 507.36 KB
-CJS ⚡️ Build success in 2092ms
+"Collapse" is imported from external module "@chakra-ui/react" but never used in "dist/chunk-GAHDJA6T.mjs".
+CJS dist/index.js 507.31 KB
+CJS ⚡️ Build success in 2004ms
 ESM dist/index.mjs                      2.16 KB
-ESM dist/CountryCodeSelect-KRCJWBUE.mjs 1.19 KB
-ESM dist/chunk-2L6AHVGG.mjs             397.95 KB
-ESM ⚡️ Build success in 2093ms
-DTS ⚡️ Build success in 12617ms
-DTS dist/index.d.ts  265.22 KB
-DTS dist/index.d.mts 265.22 KB
+ESM dist/CountryCodeSelect-EM747ZM6.mjs 1.19 KB
+ESM dist/chunk-GAHDJA6T.mjs             397.90 KB
+ESM ⚡️ Build success in 2005ms
+DTS ⚡️ Build success in 12323ms
+DTS dist/index.d.ts  265.18 KB
+DTS dist/index.d.mts 265.18 KB

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @vygruppen/spor-react
 
+## 6.0.0
+
+### Major Changes
+
+- d8be7e4: CardSelect: _Breaking change_: We have changed some variant prop names, so it's aligned with the rest of the design system.
+  To migrate,. old "outline" has become "base" and old "card" is now "floating".
+
 ## 5.5.0
 
 ### Minor Changes

package/dist/{CountryCodeSelect-KRCJWBUE.mjs → CountryCodeSelect-EM747ZM6.mjs}

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

package/dist/{chunk-2L6AHVGG.mjs → chunk-GAHDJA6T.mjs}

@@ -3427,7 +3427,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-KRCJWBUE.mjs'));
+var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-EM747ZM6.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React69__default.createElement(Radio$1, { ...props, ref });
 });
@@ -10583,8 +10583,7 @@ var config8 = helpers3.defineMultiStyleConfig({
       borderRadius: "sm",
       boxShadow: "md",
       padding: 3,
-      color: mode("darkGrey", "white")(props),
-      ...floatingBackground("default", props)
+      color: mode("darkGrey", "white")(props)
     }
   }),
   variants: {

package/dist/index.d.mts

@@ -649,10 +649,10 @@ type CardSelectProps = BoxProps & {
     /** The design of the trigger button.
      *
      * - `ghost` is a transparent button with text
-     * - `outline` is a button with a border and text
-     * - `card` is a button with a drop shadow (like a card) and text
+     * - `base` is a button with a border and text
+     * - `floating` is a button with a drop shadow (like a card) and text
      */
-    variant: "ghost" | "outline" | "card";
+    variant: "base" | "ghost" | "floating";
     /** The size of the trigger button */
     size: "sm" | "md" | "lg";
     /** Whether the card select is open / active, if controlled */
@@ -2541,7 +2541,6 @@ declare const theme: {
                     alignItems: string;
                 };
                 card: {
-                    backgroundColor: string;
                     borderRadius: string;
                     boxShadow: string;
                     padding: number;

package/dist/index.d.ts

@@ -649,10 +649,10 @@ type CardSelectProps = BoxProps & {
     /** The design of the trigger button.
      *
      * - `ghost` is a transparent button with text
-     * - `outline` is a button with a border and text
-     * - `card` is a button with a drop shadow (like a card) and text
+     * - `base` is a button with a border and text
+     * - `floating` is a button with a drop shadow (like a card) and text
      */
-    variant: "ghost" | "outline" | "card";
+    variant: "base" | "ghost" | "floating";
     /** The size of the trigger button */
     size: "sm" | "md" | "lg";
     /** Whether the card select is open / active, if controlled */
@@ -2541,7 +2541,6 @@ declare const theme: {
                     alignItems: string;
                 };
                 card: {
-                    backgroundColor: string;
                     borderRadius: string;
                     boxShadow: string;
                     padding: number;

package/dist/index.js

@@ -12049,8 +12049,7 @@ var init_card_select = __esm({
           borderRadius: "sm",
           boxShadow: "md",
           padding: 3,
-          color: themeTools.mode("darkGrey", "white")(props),
-          ...floatingBackground("default", props)
+          color: themeTools.mode("darkGrey", "white")(props)
         }
       }),
       variants: {

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, 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, NumericStepper, OrderedList, PasswordInput, PhoneNumberInput, PlayPauseButton, Popover, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, PopoverWizardBody, Portal, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, ScaleFade, SearchInput, Section, SimpleDrawer, SimpleGrid, SimplePopover, 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, Tr, TravelTag, UnorderedList, VStack, VyLogo, WizardPopover, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-2L6AHVGG.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, 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, NumericStepper, OrderedList, PasswordInput, PhoneNumberInput, PlayPauseButton, Popover, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, PopoverWizardBody, Portal, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, ScaleFade, SearchInput, Section, SimpleDrawer, SimpleGrid, SimplePopover, 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, Tr, TravelTag, UnorderedList, VStack, VyLogo, WizardPopover, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-GAHDJA6T.mjs';

package/package.json

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

package/src/input/CardSelect.tsx

@@ -21,10 +21,10 @@ type CardSelectProps = BoxProps & {
   /** The design of the trigger button.
    *
    * - `ghost` is a transparent button with text
-   * - `outline` is a button with a border and text
-   * - `card` is a button with a drop shadow (like a card) and text
+   * - `base` is a button with a border and text
+   * - `floating` is a button with a drop shadow (like a card) and text
    */
-  variant: "ghost" | "outline" | "card";
+  variant: "base" | "ghost" | "floating";
   /** The size of the trigger button */
   size: "sm" | "md" | "lg";
   /** Whether the card select is open / active, if controlled */

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

@@ -34,7 +34,6 @@ const config = helpers.defineMultiStyleConfig({
       boxShadow: "md",
       padding: 3,
       color: mode("darkGrey", "white")(props),
-      ...floatingBackground("default", props),
     },
   }),
   variants: {