@vygruppen/spor-react 8.1.1 → 8.2.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@8.1.1 build
+> @vygruppen/spor-react@8.2.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-RKXDHLUI.mjs".
-CJS dist/index.js 503.36 KB
-CJS ⚡️ Build success in 2174ms
+"Collapse" is imported from external module "@chakra-ui/react" but never used in "dist/chunk-D4IHIS3H.mjs".
+CJS dist/index.js 503.28 KB
+CJS ⚡️ Build success in 2095ms
 ESM dist/index.mjs                      2.01 KB
-ESM dist/CountryCodeSelect-SJXGMMQ7.mjs 1.19 KB
-ESM dist/chunk-RKXDHLUI.mjs             395.62 KB
-ESM ⚡️ Build success in 2176ms
-DTS ⚡️ Build success in 10811ms
-DTS dist/index.d.ts  271.53 KB
-DTS dist/index.d.mts 271.53 KB
+ESM dist/CountryCodeSelect-POM47KR5.mjs 1.19 KB
+ESM dist/chunk-D4IHIS3H.mjs             395.57 KB
+ESM ⚡️ Build success in 2097ms
+DTS ⚡️ Build success in 10536ms
+DTS dist/index.d.ts  271.35 KB
+DTS dist/index.d.mts 271.35 KB

package/CHANGELOG.md

@@ -1,6 +1,10 @@
 # @vygruppen/spor-react
 
-## 8.1.1
+## 8.2.0
+
+### Minor Changes
+
+- f96483c: ListBox: Fix a focus bug
 
 ### Patch Changes
 

package/dist/{CountryCodeSelect-SJXGMMQ7.mjs → CountryCodeSelect-POM47KR5.mjs}

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

package/dist/{chunk-RKXDHLUI.mjs → chunk-D4IHIS3H.mjs}

@@ -3433,7 +3433,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-SJXGMMQ7.mjs'));
+var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-POM47KR5.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React69__default.createElement(Radio$1, { ...props, ref });
 });
@@ -12449,8 +12449,7 @@ var config24 = helpers15.defineMultiStyleConfig({
         ...ghostBackground("hover", props)
       },
       _focus: {
-        ...ghostBackground("selected", props),
-        ...focusVisibleStyles(props)._focusVisible
+        ...ghostBackground("selected", props)
       },
       _selected: {
         ...ghostBackground("selected", props)

package/dist/index.d.mts

@@ -4346,10 +4346,6 @@ declare const theme: {
                         backgroundColor: string;
                     };
                     _focus: {
-                        outlineWidth: string;
-                        outlineColor: string;
-                        outlineStyle: string;
-                        outlineOffset: string;
                         backgroundColor: string;
                     };
                     _selected: {

package/dist/index.d.ts

@@ -4346,10 +4346,6 @@ declare const theme: {
                         backgroundColor: string;
                     };
                     _focus: {
-                        outlineWidth: string;
-                        outlineColor: string;
-                        outlineStyle: string;
-                        outlineOffset: string;
                         backgroundColor: string;
                     };
                     _selected: {

package/dist/index.js

@@ -14007,7 +14007,6 @@ var init_listbox = __esm({
     init_dist4();
     init_foundations();
     init_background_utils();
-    init_focus_util();
     parts10 = anatomy("ListBox").parts(
       "container",
       "item",
@@ -14046,8 +14045,7 @@ var init_listbox = __esm({
             ...ghostBackground("hover", props)
           },
           _focus: {
-            ...ghostBackground("selected", props),
-            ...focusVisibleStyles(props)._focusVisible
+            ...ghostBackground("selected", props)
           },
           _selected: {
             ...ghostBackground("selected", props)

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, 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-RKXDHLUI.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, 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-D4IHIS3H.mjs';

package/package.json

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

package/src/theme/components/listbox.ts

@@ -3,7 +3,6 @@ import { createMultiStyleConfigHelpers } from "@chakra-ui/react";
 import { mode } from "@chakra-ui/theme-tools";
 import { colors } from "../foundations";
 import { ghostBackground } from "../utils/background-utils";
-import { focusVisibleStyles } from "../utils/focus-util";
 
 const parts = anatomy("ListBox").parts(
   "container",
@@ -46,7 +45,6 @@ const config = helpers.defineMultiStyleConfig({
       },
       _focus: {
         ...ghostBackground("selected", props),
-        ...focusVisibleStyles(props)._focusVisible,
       },
       _selected: {
         ...ghostBackground("selected", props),