@vygruppen/spor-react 12.4.7 → 12.4.9

package/dist/index.js

@@ -93,7 +93,13 @@ var Accordion = React28.forwardRef(
   }
 );
 var AccordionItemTrigger = React28.forwardRef(function AccordionItemTrigger2(props, ref) {
-  const { startElement, children, headingLevel, ...rest } = props;
+  const {
+    startElement,
+    children,
+    headingLevel,
+    showChevron = true,
+    ...rest
+  } = props;
   warnAboutMismatchingIcon({ icon: startElement });
   const recipe = react.useSlotRecipe({ key: "accordion" });
   const styles = recipe();
@@ -102,7 +108,7 @@ var AccordionItemTrigger = React28.forwardRef(function AccordionItemTrigger2(pro
       startElement && startElement,
       children
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.Accordion.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.DropdownDownFill24Icon, {}) })
+    showChevron && /* @__PURE__ */ jsxRuntime.jsx(react.Accordion.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.DropdownDownFill24Icon, {}) })
   ] }) });
 });
 var AccordionItemContent = React28.forwardRef(function AccordionItemContent2(props, ref) {
@@ -3346,6 +3352,7 @@ var inputRecipe = react.defineRecipe({
     borderRadius: "sm",
     transitionProperty: "common",
     transitionDuration: "fast",
+    color: "text",
     position: "relative",
     paddingX: 3,
     paddingTop: 3,
@@ -4173,7 +4180,7 @@ var SearchInput = React28.forwardRef(
         type: "search",
         variant,
         ...props,
-        startElement: /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.SearchOutline24Icon, {}),
+        startElement: /* @__PURE__ */ jsxRuntime.jsx(sporIconReact.SearchOutline24Icon, { color: "icon" }),
         endElement: clearButton && /* @__PURE__ */ jsxRuntime.jsx(
           IconButton,
           {
@@ -6238,15 +6245,11 @@ var tableSlotRecipe = react.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: {
@@ -6300,48 +6303,53 @@ var tableSlotRecipe = react.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",
@@ -6417,7 +6425,7 @@ var Table = React28.forwardRef((props, ref) => {
   const { variant = "ghost", size, colorPalette = "green", children } = props;
   const recipe = react.useSlotRecipe({ recipe: tableSlotRecipe });
   const styles = recipe({ variant, size });
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { overflowX: "auto", role: "region", ...getStyleProps(props), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     react.Table.Root,
     {
       variant,
@@ -6425,18 +6433,12 @@ var Table = React28.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 = react.defineRecipe({
   className: "spor-button",
   base: {
@@ -10642,6 +10644,10 @@ Object.defineProperty(exports, "TableColumn", {
   enumerable: true,
   get: function () { return react.TableColumn; }
 });
+Object.defineProperty(exports, "TableColumnGroup", {
+  enumerable: true,
+  get: function () { return react.TableColumnGroup; }
+});
 Object.defineProperty(exports, "TableColumnHeader", {
   enumerable: true,
   get: function () { return react.TableColumnHeader; }