@vygruppen/spor-react 3.8.0 → 3.8.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@3.8.0 build
+> @vygruppen/spor-react@3.8.1 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -8,15 +8,15 @@
 CLI Target: node16
 CJS Build start
 ESM Build start
-"toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/chunk-HL3ESNVB.mjs".
 "toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/index.js".
+"toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/chunk-HCSXVAA5.mjs".
 DTS Build start
+CJS dist/index.js 548.76 KB
+CJS ⚡️ Build success in 2577ms
 ESM dist/index.mjs                      2.09 KB
-ESM dist/CountryCodeSelect-BA3A7ODU.mjs 1.19 KB
-ESM dist/chunk-HL3ESNVB.mjs             438.29 KB
-ESM ⚡️ Build success in 2793ms
-CJS dist/index.js 548.73 KB
-CJS ⚡️ Build success in 2794ms
-DTS ⚡️ Build success in 14107ms
-DTS dist/index.d.ts  264.64 KB
-DTS dist/index.d.mts 264.64 KB
+ESM dist/CountryCodeSelect-UG3JHWO3.mjs 1.19 KB
+ESM dist/chunk-HCSXVAA5.mjs             438.31 KB
+ESM ⚡️ Build success in 2578ms
+DTS ⚡️ Build success in 12922ms
+DTS dist/index.d.ts  264.69 KB
+DTS dist/index.d.mts 264.69 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vygruppen/spor-react
 
+## 3.8.1
+
+### Patch Changes
+
+- c1e025e0: Card: add support for clickable labels, and .is-clickable override
+
 ## 3.8.0
 
 ### Minor Changes

package/dist/{CountryCodeSelect-BA3A7ODU.mjs → CountryCodeSelect-UG3JHWO3.mjs}

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

package/dist/{chunk-HL3ESNVB.mjs → chunk-HCSXVAA5.mjs}

@@ -5085,7 +5085,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-BA3A7ODU.mjs'));
+var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-UG3JHWO3.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React69__default.createElement(Radio$1, { ...props, ref });
 });
@@ -11679,7 +11679,7 @@ var config7 = defineStyleConfig$1({
     transitionDuration: "fast",
     borderRadius: "md",
     ...getColorSchemeBaseProps(props),
-    "button&, a&": {
+    "button&, a&, label&, &.is-clickable": {
       ...getColorSchemeClickableProps(props),
       _hover: getColorSchemeHoverProps(props),
       _active: getColorSchemeActiveProps(props),

package/dist/index.d.mts

@@ -2411,7 +2411,7 @@ declare const theme: {
         };
         Card: {
             baseStyle?: ((props: any) => {
-                "button&, a&": {
+                "button&, a&, label&, &.is-clickable": {
                     _disabled: {
                         backgroundColor: string;
                         boxShadow: string;
@@ -2469,7 +2469,7 @@ declare const theme: {
                 transitionDuration: string;
                 borderRadius: string;
             } | {
-                "button&, a&": {
+                "button&, a&, label&, &.is-clickable": {
                     _disabled: {
                         backgroundColor: string;
                         boxShadow: string;

package/dist/index.d.ts

@@ -2411,7 +2411,7 @@ declare const theme: {
         };
         Card: {
             baseStyle?: ((props: any) => {
-                "button&, a&": {
+                "button&, a&, label&, &.is-clickable": {
                     _disabled: {
                         backgroundColor: string;
                         boxShadow: string;
@@ -2469,7 +2469,7 @@ declare const theme: {
                 transitionDuration: string;
                 borderRadius: string;
             } | {
-                "button&, a&": {
+                "button&, a&, label&, &.is-clickable": {
                     _disabled: {
                         backgroundColor: string;
                         boxShadow: string;

package/dist/index.js

@@ -13233,7 +13233,7 @@ var init_card2 = __esm({
         transitionDuration: "fast",
         borderRadius: "md",
         ...getColorSchemeBaseProps(props),
-        "button&, a&": {
+        "button&, a&, label&, &.is-clickable": {
           ...getColorSchemeClickableProps(props),
           _hover: getColorSchemeHoverProps(props),
           _active: getColorSchemeActiveProps(props),

package/dist/index.mjs

@@ -1 +1 @@
-export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, 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, NumericStepper, OrderedList, PasswordInput, PhoneNumberInput, PlayPauseButton, Popover, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, PopoverWizardBody, ProgressBar, 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, createTexts, extendTheme, fontFaces, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToast, useToken, useTranslation } from './chunk-HL3ESNVB.mjs';
+export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, 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, NumericStepper, OrderedList, PasswordInput, PhoneNumberInput, PlayPauseButton, Popover, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, PopoverWizardBody, ProgressBar, 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, createTexts, extendTheme, fontFaces, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToast, useToken, useTranslation } from './chunk-HCSXVAA5.mjs';

package/package.json

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

package/src/theme/components/card.ts

@@ -1,8 +1,8 @@
 import { defineStyleConfig } from "@chakra-ui/react";
+import { mode } from "@chakra-ui/theme-tools";
 import { colors } from "../foundations";
 import { getBoxShadowString } from "../utils/box-shadow-utils";
 import { focusVisible } from "../utils/focus-utils";
-import { mode } from "@chakra-ui/theme-tools";
 
 const config = defineStyleConfig({
   baseStyle: (props: any) => ({
@@ -16,7 +16,7 @@ const config = defineStyleConfig({
     borderRadius: "md",
     ...getColorSchemeBaseProps(props),
 
-    "button&, a&": {
+    "button&, a&, label&, &.is-clickable": {
       ...getColorSchemeClickableProps(props),
       _hover: getColorSchemeHoverProps(props),
       _active: getColorSchemeActiveProps(props),
@@ -62,7 +62,7 @@ type CardThemeProps = {
   size: "sm" | "lg";
 };
 
-const getColorSchemeBaseProps= (props: CardThemeProps) => {
+const getColorSchemeBaseProps = (props: CardThemeProps) => {
   const { colorScheme, size } = props;
   const baseShadow = size === "lg" ? "md" : "sm";
   switch (colorScheme) {
@@ -89,7 +89,7 @@ const getColorSchemeBaseProps= (props: CardThemeProps) => {
         backgroundColor: colors[colorScheme]?.[100] ?? "platinum",
       };
   }
-}
+};
 
 function getColorSchemeClickableProps({ colorScheme, size }: CardThemeProps) {
   const baseShadow = size === "lg" ? "md" : "sm";
@@ -129,7 +129,7 @@ const getColorSchemeHoverProps = (props: CardThemeProps) => {
     case "white":
       return {
         backgroundColor: mode("white", "whiteAlpha.200")(props),
-        boxShadow: getBoxShadowString({   
+        boxShadow: getBoxShadowString({
           baseShadow,
           borderColor: colors.steel,
           isInset: false,
@@ -153,7 +153,7 @@ const getColorSchemeHoverProps = (props: CardThemeProps) => {
         }),
       };
   }
-}
+};
 const getColorSchemeActiveProps = (props: CardThemeProps) => {
   const { colorScheme, size } = props;
   const baseShadow = size === "lg" ? "sm" : "none";
@@ -186,4 +186,4 @@ const getColorSchemeActiveProps = (props: CardThemeProps) => {
         }),
       };
   }
-}
+};