@vygruppen/spor-react 10.4.0 → 10.4.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@10.4.0 build
+> @vygruppen/spor-react@10.4.1 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 531.29 KB
-CJS ⚡️ Build success in 2167ms
 ESM dist/index.mjs                      2.15 KB
-ESM dist/chunk-T4CLCBB5.mjs             419.22 KB
-ESM dist/CountryCodeSelect-XMQTDWRD.mjs 1.22 KB
-ESM ⚡️ Build success in 2167ms
-DTS ⚡️ Build success in 15490ms
-DTS dist/index.d.ts  335.33 KB
-DTS dist/index.d.mts 335.33 KB
+ESM dist/CountryCodeSelect-QNKQE3C6.mjs 1.22 KB
+ESM dist/chunk-PH4RK5L3.mjs             419.16 KB
+ESM ⚡️ Build success in 2411ms
+CJS dist/index.js 531.22 KB
+CJS ⚡️ Build success in 2412ms
+DTS ⚡️ Build success in 16011ms
+DTS dist/index.d.ts  335.24 KB
+DTS dist/index.d.mts 335.24 KB

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @vygruppen/spor-react
 
+## 10.4.1
+
+### Patch Changes
+
+- aeefe3f: Changed styling of LineTag deviation icons to be more similar to the design
+- 72b88be: adjusted z-index of the TravelTag deviation icon, so that it does not end atop banners and dropdowns e.t.c
+
 ## 10.4.0
 
 ### Minor Changes

package/dist/{CountryCodeSelect-XMQTDWRD.mjs → CountryCodeSelect-QNKQE3C6.mjs}

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

package/dist/{chunk-T4CLCBB5.mjs → chunk-PH4RK5L3.mjs}

@@ -1833,7 +1833,7 @@ var texts4 = createTexts({
     sv: "Landskod"
   }
 });
-var LazyCountryCodeSelect = React84__default.lazy(() => import('./CountryCodeSelect-XMQTDWRD.mjs'));
+var LazyCountryCodeSelect = React84__default.lazy(() => import('./CountryCodeSelect-QNKQE3C6.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React84__default.createElement(Radio$1, { ...props, ref });
 });
@@ -12413,15 +12413,12 @@ var getDeviationIconStyle = (props) => {
     top: "0",
     right: "0",
     transform: "translate(50%, -50%)",
-    zIndex: "banner",
-    stroke: "white",
+    zIndex: "docked",
     color: deviationIconColor[props.deviationLevel] || "inherit"
   };
 };
 var deviationIconColor = {
   critical: "brightRed",
-  major: "golden",
-  minor: "golden",
   info: "ocean"
 };
 

package/dist/index.d.mts

@@ -4289,8 +4289,7 @@ declare const theme: {
                     right: string;
                     transform: string;
                     zIndex: string;
-                    stroke: string;
-                    color: "brightRed" | "golden" | "ocean";
+                    color: "brightRed" | "ocean";
                 };
             }) | undefined;
             sizes?: {
@@ -7191,8 +7190,7 @@ declare const theme: {
                     right: string;
                     transform: string;
                     zIndex: string;
-                    stroke: string;
-                    color: "brightRed" | "golden" | "ocean";
+                    color: "brightRed" | "ocean";
                 };
             }) | undefined;
             sizes?: {

package/dist/index.d.ts

@@ -4289,8 +4289,7 @@ declare const theme: {
                     right: string;
                     transform: string;
                     zIndex: string;
-                    stroke: string;
-                    color: "brightRed" | "golden" | "ocean";
+                    color: "brightRed" | "ocean";
                 };
             }) | undefined;
             sizes?: {
@@ -7191,8 +7190,7 @@ declare const theme: {
                     right: string;
                     transform: string;
                     zIndex: string;
-                    stroke: string;
-                    color: "brightRed" | "golden" | "ocean";
+                    color: "brightRed" | "ocean";
                 };
             }) | undefined;
             sizes?: {

package/dist/index.js

@@ -14023,15 +14023,12 @@ var init_travel_tag = __esm({
         top: "0",
         right: "0",
         transform: "translate(50%, -50%)",
-        zIndex: "banner",
-        stroke: "white",
+        zIndex: "docked",
         color: deviationIconColor[props.deviationLevel] || "inherit"
       };
     };
     deviationIconColor = {
       critical: "brightRed",
-      major: "golden",
-      minor: "golden",
       info: "ocean"
     };
   }

package/dist/index.mjs

@@ -1 +1 @@
-export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, CardSelect, CargonetLogo, 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, RadioCard, RadioCardGroup, RadioCardGroupContext, 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, VyLogoPride, 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-T4CLCBB5.mjs';
+export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, CardSelect, CargonetLogo, 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, RadioCard, RadioCardGroup, RadioCardGroupContext, 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, VyLogoPride, 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-PH4RK5L3.mjs';

package/package.json

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

package/src/theme/components/travel-tag.ts

@@ -241,8 +241,7 @@ const getDeviationIconStyle = (props: StyleFunctionProps) => {
     top: "0",
     right: "0",
     transform: "translate(50%, -50%)",
-    zIndex: "banner",
-    stroke: "white",
+    zIndex: "docked",
     color:
       deviationIconColor[
         props.deviationLevel as keyof typeof deviationIconColor
@@ -252,7 +251,5 @@ const getDeviationIconStyle = (props: StyleFunctionProps) => {
 
 const deviationIconColor = {
   critical: "brightRed",
-  major: "golden",
-  minor: "golden",
   info: "ocean",
 } as const;