@vygruppen/spor-react 12.0.1 → 12.0.3

package/src/theme/slot-recipes/table.ts

@@ -1,4 +1,5 @@
 import { defineSlotRecipe } from "@chakra-ui/react";
+
 import { tableAnatomy } from "./anatomy";
 
 const numericStyles = {
@@ -15,6 +16,8 @@ export const tableSlotRecipe = defineSlotRecipe({
       tableLayout: "fixed",
       borderCollapse: "collapse",
       width: "100%",
+      minWidth: "36rem",
+      overflowX: "auto",
     },
     columnHeader: {
       fontWeight: "bold",

package/src/theme/slot-recipes/tabs.ts

@@ -1,4 +1,5 @@
 import { defineSlotRecipe } from "@chakra-ui/react";
+
 import { tabsAnatomy } from "./anatomy";
 
 export const tabsSlotRecipe = defineSlotRecipe({

package/src/theme/slot-recipes/toast.ts

@@ -1,4 +1,5 @@
 import { defineSlotRecipe } from "@chakra-ui/react";
+
 import { toastAnatomy } from "./anatomy";
 
 export const toastSlotRecipe = defineSlotRecipe({

package/src/theme/slot-recipes/travel-tag.ts

@@ -1,4 +1,5 @@
 import { defineSlotRecipe } from "@chakra-ui/react";
+
 import { travelTagAnatomy } from "./anatomy";
 
 export const travelTagSlotRecipe = defineSlotRecipe({

package/src/theme/tokens/colors.ts

@@ -1,7 +1,7 @@
 import { defineTokens } from "@chakra-ui/react";
+import aliasJson from "@vygruppen/spor-design-tokens/tokens/color/alias.json";
 import linjetagJson from "@vygruppen/spor-design-tokens/tokens/color/linjetag.json";
 import paletteJson from "@vygruppen/spor-design-tokens/tokens/color/palette.json";
-import aliasJson from "@vygruppen/spor-design-tokens/tokens/color/alias.json";
 
 export const colors = defineTokens.colors({
   ...aliasJson.color.alias,

package/src/theme/tokens/index.ts

@@ -1,20 +1,20 @@
-import { aspectRatios } from "./aspect-ratios";
 import { animations } from "./animations";
+import { aspectRatios } from "./aspect-ratios";
 import { blurs } from "./blurs";
 import { borders } from "./borders";
 import { colors } from "./colors";
+import { cursor } from "./cursor";
 import { durations } from "./durations";
 import { easings } from "./easings";
-import { fonts } from "./fonts";
 import { fontSizes } from "./font-sizes";
 import { fontWeights } from "./font-weights";
+import { fonts } from "./fonts";
 import { letterSpacings } from "./letter-spacings";
 import { lineHeights } from "./line-heights";
 import { radii } from "./radii";
-import { spacing } from "./spacing";
 import { sizes } from "./sizes";
+import { spacing } from "./spacing";
 import { zIndex } from "./z-index";
-import { cursor } from "./cursor";
 
 export const tokens = {
   aspectRatios,

package/src/theme/tokens/sizes.ts

@@ -1,5 +1,6 @@
 import { defineTokens } from "@chakra-ui/react";
 import tokens from "@vygruppen/spor-design-tokens";
+
 import { spacing } from "./spacing";
 
 export const largeSizes = defineTokens.sizes({

package/src/theme/utils/input-utils.ts

@@ -1,7 +1,7 @@
 import { coreBackground, coreBorder, coreText } from "./core-utils";
 import { floatingBackground, floatingBorder } from "./floating-utils";
-import { InputState } from "./types";
 import { surface } from "./surface-utils";
+import { InputState } from "./types";
 
 export function inputVariant(state: InputState) {
   switch (state) {

package/src/toast/toast.tsx

@@ -1,21 +1,21 @@
 "use client";
 
-import React from "react";
-
 import {
-  Toaster as ChakraToaster,
+  createToaster,
   Icon,
   Portal,
   Stack,
   Toast,
-  createToaster,
+  Toaster as ChakraToaster,
 } from "@chakra-ui/react";
-import { createTexts, useTranslation } from "@/i18n";
 import {
+  ErrorFill18Icon,
   InformationFill18Icon,
   SuccessFill18Icon,
-  ErrorFill18Icon,
 } from "@vygruppen/spor-icon-react";
+import React from "react";
+
+import { createTexts, useTranslation } from "@/i18n";
 
 const toaster = createToaster({
   placement: "bottom",

package/src/transition/index.ts

@@ -1,2 +1,2 @@
-export { Collapsible } from "@chakra-ui/react";
 export type { CollapsibleRootProps } from "@chakra-ui/react";
+export { Collapsible } from "@chakra-ui/react";

package/src/typography/Badge.tsx

@@ -1,9 +1,8 @@
 "use client";
-
 import {
-  Box,
   Badge as ChakraBadge,
   BadgeProps as ChakraBadgeProps,
+  Box,
 } from "@chakra-ui/react";
 import { IconComponent } from "@vygruppen/spor-icon-react";
 import React, { forwardRef } from "react";

package/src/typography/Code.tsx

@@ -1,12 +1,13 @@
 "use client";
 
-import React from "react"; // Added explicit React import
 import {
   chakra,
   Code as ChakraCode,
   CodeProps,
   RecipeVariantProps,
 } from "@chakra-ui/react";
+import React from "react"; // Added explicit React import
+
 import { codeRecipie } from "../theme/recipes/code";
 
 type CodeVariantProps = RecipeVariantProps<typeof codeRecipie> & CodeProps;

package/src/typography/Heading.tsx

@@ -1,10 +1,11 @@
 "use client";
 import {
-  HeadingProps as ChakraHeadingProps,
   ConditionalValue,
+  HeadingProps as ChakraHeadingProps,
   Text,
 } from "@chakra-ui/react";
 import React, { forwardRef } from "react";
+
 import { slugify } from "..";
 
 export type HeadingProps = Omit<ChakraHeadingProps, "textStyle" | "as"> & {

package/src/typography/index.ts

@@ -1,5 +1,5 @@
-export { Em, Kbd } from "@chakra-ui/react";
 export * from "./Badge";
 export * from "./Code";
 export * from "./Heading";
 export * from "./Text";
+export { Em, Kbd } from "@chakra-ui/react";

package/src/util/externals.tsx

@@ -1,22 +1,22 @@
 /** This file works as a proxy for all Chakra UI exports */
+export type { PortalProps, UseDisclosureProps } from "@chakra-ui/react";
 export {
+  createListCollection,
+  defineRecipe,
+  defineStyle,
+  For,
+  FormatByte,
+  FormatNumber,
+  LocaleProvider,
   Portal,
+  Show,
   useBreakpointValue,
+  useCheckbox,
   useClipboard,
   useControllableProp,
   useDisclosure,
   useMediaQuery,
   useToken,
-  defineRecipe,
-  defineStyle,
-  For,
-  FormatNumber,
-  FormatByte,
-  LocaleProvider,
-  Show,
   VisuallyHidden,
-  createListCollection,
-  useCheckbox,
 } from "@chakra-ui/react";
-export { useMap, useOnClickOutside, useIsClient } from "usehooks-ts";
-export type { PortalProps, UseDisclosureProps } from "@chakra-ui/react";
+export { useIsClient, useMap, useOnClickOutside } from "usehooks-ts";