@vygruppen/spor-react 12.4.7 → 12.4.9

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { useSlotRecipe, Accordion as Accordion$1, Stack, Box, HStack, Progress, defineRecipe, chakra, Text, useRecipe, Circle, Skeleton as Skeleton$1, Button as Button$1, Group as Group$1, Badge as Badge$1, Code as Code$1, Clipboard as Clipboard$1, IconButton as IconButton$1, useDisclosure, Alert as Alert$1, Span, Flex, Breadcrumb as Breadcrumb$1, ClientOnly as ClientOnly$1, Field, defineStyle, defineSlotRecipe, PopoverAnchor, useFieldContext, Popover as Popover$1, Portal, Dialog, createContext as createContext$1, Drawer as Drawer$1, Grid, GridItem, usePopoverContext, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, Fieldset as Fieldset$1, Input as Input$1, InputElement, NativeSelect as NativeSelect$1, useControllableState, createListCollection, RadioGroup as RadioGroup$1, Select as Select$1, useSelectContext, Switch as Switch$1, Textarea as Textarea$1, RadioCard as RadioCard$1, Separator as Separator$1, Link, List as List$1, Center, PopoverCloseTrigger, Pagination as Pagination$1, usePaginationContext, createToaster, Tabs as Tabs$1, Table as Table$1, defineSemanticTokens, defineTokens, defineAnimationStyles, defineGlobalStyles, defineTextStyles, createSystem, defaultBaseConfig, VisuallyHidden, defineConfig, ListItem, ChakraProvider, Toaster as Toaster$1, Toast, Icon } from '@chakra-ui/react';
-export { Box, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, ClientOnly, Collapsible, Container, Em, Flex, For, FormatByte, FormatNumber, Grid, GridItem, HStack, Image, Kbd, LocaleProvider, Portal, Show, SimpleGrid, Spacer, Span, Stack, TableBody, TableCaption, TableCell, TableColumn, TableColumnHeader, TableFooter, TableHeader, TableRoot, TableRow, VStack, VisuallyHidden, createListCollection, createSystem, defineConfig, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
+export { Box, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, ClientOnly, Collapsible, Container, Em, Flex, For, FormatByte, FormatNumber, Grid, GridItem, HStack, Image, Kbd, LocaleProvider, Portal, Show, SimpleGrid, Spacer, Span, Stack, TableBody, TableCaption, TableCell, TableColumn, TableColumnGroup, TableColumnHeader, TableFooter, TableHeader, TableRoot, TableRow, VStack, VisuallyHidden, createListCollection, createSystem, defineConfig, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
 import { DropdownDownFill24Icon, CopyOutline18Icon, CheckmarkFill18Icon, CloseFill18Icon, CloseFill30Icon, CloseFill24Icon, ServiceFill24Icon, QuestionFill24Icon, ErrorOutline24Icon, ErrorFill24Icon, AltTransportFill24Icon, WarningFill24Icon, SuccessFill24Icon, InformationFill24Icon, DropdownDownFill18Icon, DropdownRightFill18Icon, CalendarOutline24Icon, ArrowLeftFill24Icon, CloseOutline24Icon, SearchOutline24Icon, InformationFill18Icon, WarningFill18Icon, ErrorFill18Icon, Forward15MediaControllerFill30Icon, Backward15MediaControllerFill30Icon, PauseMediaControllerFill24Icon, PlayMediaControllerFill24Icon, NextMediaControllerFill30Icon, PreviousMediaControllerFill30Icon, ArrowRightFill18Icon, DropdownLeftOutline18Icon, DropdownRightOutline18Icon, WalkFill30Icon, WalkFill24Icon, WalkFill18Icon, AltTransportFill30Icon, AltTransportFill18Icon, TramFill30Icon, TramFill24Icon, TramFill18Icon, SubwayFill30Icon, SubwayFill24Icon, SubwayFill18Icon, FerryFill30Icon, FerryFill24Icon, FerryFill18Icon, BusFill30Icon, BusFill24Icon, BusFill18Icon, ExpressBusFill30Icon, ExpressBusFill24Icon, ExpressBusFill18Icon, TrainFill30Icon, TrainFill24Icon, TrainFill18Icon, LinkOutOutline24Icon, ArrowLeftOutline24Icon, ArrowRightOutline24Icon, DropdownLeftFill18Icon, SuccessFill18Icon } from '@vygruppen/spor-icon-react';
 import * as React28 from 'react';
 import React28__default, { forwardRef, createContext, useId, cloneElement, useEffect, useRef, isValidElement, useState, useMemo, useLayoutEffect, useContext } from 'react';
@@ -73,7 +73,13 @@ var Accordion = forwardRef(
   }
 );
 var AccordionItemTrigger = forwardRef(function AccordionItemTrigger2(props, ref) {
-  const { startElement, children, headingLevel, ...rest } = props;
+  const {
+    startElement,
+    children,
+    headingLevel,
+    showChevron = true,
+    ...rest
+  } = props;
   warnAboutMismatchingIcon({ icon: startElement });
   const recipe = useSlotRecipe({ key: "accordion" });
   const styles = recipe();
@@ -82,7 +88,7 @@ var AccordionItemTrigger = forwardRef(function AccordionItemTrigger2(props, ref)
       startElement && startElement,
       children
     ] }),
-    /* @__PURE__ */ jsx(Accordion$1.ItemIndicator, { children: /* @__PURE__ */ jsx(DropdownDownFill24Icon, {}) })
+    showChevron && /* @__PURE__ */ jsx(Accordion$1.ItemIndicator, { children: /* @__PURE__ */ jsx(DropdownDownFill24Icon, {}) })
   ] }) });
 });
 var AccordionItemContent = forwardRef(function AccordionItemContent2(props, ref) {
@@ -3326,6 +3332,7 @@ var inputRecipe = defineRecipe({
     borderRadius: "sm",
     transitionProperty: "common",
     transitionDuration: "fast",
+    color: "text",
     position: "relative",
     paddingX: 3,
     paddingTop: 3,
@@ -4153,7 +4160,7 @@ var SearchInput = forwardRef(
         type: "search",
         variant,
         ...props,
-        startElement: /* @__PURE__ */ jsx(SearchOutline24Icon, {}),
+        startElement: /* @__PURE__ */ jsx(SearchOutline24Icon, { color: "icon" }),
         endElement: clearButton && /* @__PURE__ */ jsx(
           IconButton,
           {
@@ -6218,15 +6225,11 @@ var tableSlotRecipe = defineSlotRecipe({
     columnHeader: {
       fontWeight: "bold",
       textAlign: "start",
-      borderBottom: "sm",
-      borderColor: "outline.disabled",
       ...numericStyles,
       paddingX: 1.5,
       paddingY: 1
     },
     row: {
-      borderBottom: "sm",
-      borderColor: "outline.disabled",
       ...numericStyles
     },
     cell: {
@@ -6280,48 +6283,53 @@ var tableSlotRecipe = defineSlotRecipe({
           backgroundColor: "none"
         },
         columnHeader: {
-          borderLeft: "none",
           borderBottom: "sm",
           borderColor: "outline.disabled",
           backgroundColor: "none",
           color: "text"
         },
         cell: {
+          ...numericStyles
+        },
+        row: {
           borderBottom: "sm",
           borderColor: "outline.disabled",
-          ...numericStyles,
-          _first: {
-            borderLeft: "none"
-          }
+          ...numericStyles
         }
       },
       core: {
+        root: {
+          boxShadow: "0 0 0 1px var(--shadow-color)",
+          shadowColor: "outline.disabled",
+          borderRadius: "sm"
+        },
         table: {
-          borderRadius: "md",
-          overflow: "hidden",
-          border: "sm",
-          borderColor: "outline.disabled"
+          overflow: "hidden"
         },
         cell: {
-          borderLeft: "sm",
-          borderColor: "outline.disabled",
           ...numericStyles,
-          _first: {
-            borderLeft: "none"
+          borderRight: "sm",
+          borderColor: "outline.disabled",
+          _last: {
+            borderRight: "none"
           }
         },
-        header: {
-          border: "none"
-        },
         columnHeader: {
-          borderBottom: "sm",
-          borderLeft: "sm",
-          borderLeftColor: "outline.disabled",
           ...numericStyles,
+          borderRight: "sm",
+          borderColor: "outline.disabled",
           _first: {
-            borderLeft: "none"
+            borderTopLeftRadius: "sm"
+          },
+          _last: {
+            borderTopRightRadius: "sm",
+            borderRight: "none"
           }
         },
+        header: {
+          borderBottom: "sm",
+          borderColor: "outline.disabled"
+        },
         row: {
           ...numericStyles,
           borderBottom: "sm",
@@ -6397,7 +6405,7 @@ var Table = forwardRef((props, ref) => {
   const { variant = "ghost", size, colorPalette = "green", children } = props;
   const recipe = useSlotRecipe({ recipe: tableSlotRecipe });
   const styles = recipe({ variant, size });
-  return /* @__PURE__ */ jsx(Box, { overflowX: "auto", role: "region", ...getStyleProps(props), ...props, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     Table$1.Root,
     {
       variant,
@@ -6405,18 +6413,12 @@ var Table = forwardRef((props, ref) => {
       colorPalette,
       css: styles,
       ref,
+      ...props,
       children
     }
-  ) });
+  );
 });
 Table.displayName = "Table";
-function getStyleProps(props) {
-  return props.variant === "core" ? {
-    borderRadius: "sm",
-    border: "sm",
-    borderColor: "outline.disabled"
-  } : {};
-}
 var buttonRecipe = defineRecipe({
   className: "spor-button",
   base: {