@ultraviolet/ui 3.7.1 → 3.8.0

package/dist/components/Stack/styles.css.d.ts

@@ -6,23 +6,23 @@ export type JustifyContentType = (typeof justifyContentValues)[number];
 export declare const responsiveProperties: {
     conditions: {
         defaultCondition: "xxsmall";
-        conditionNames: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[];
-        responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
+        conditionNames: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[];
+        responsiveArray: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[] & {
             length: 5;
         };
     };
     styles: {
         alignItems: {
-            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
+            responsiveArray: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[] & {
                 length: 5;
             };
             values: {
                 normal: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -31,9 +31,9 @@ export declare const responsiveProperties: {
                 stretch: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -42,9 +42,9 @@ export declare const responsiveProperties: {
                 center: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -53,9 +53,9 @@ export declare const responsiveProperties: {
                 end: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -64,9 +64,9 @@ export declare const responsiveProperties: {
                 "flex-end": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -75,9 +75,9 @@ export declare const responsiveProperties: {
                 "flex-start": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -86,9 +86,9 @@ export declare const responsiveProperties: {
                 start: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -97,9 +97,9 @@ export declare const responsiveProperties: {
                 baseline: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -108,9 +108,9 @@ export declare const responsiveProperties: {
                 "self-end": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -119,9 +119,9 @@ export declare const responsiveProperties: {
                 "self-start": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -130,9 +130,9 @@ export declare const responsiveProperties: {
                 "first baseline": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -141,9 +141,9 @@ export declare const responsiveProperties: {
                 "last baseline": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -152,9 +152,9 @@ export declare const responsiveProperties: {
                 "safe center": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -163,9 +163,9 @@ export declare const responsiveProperties: {
                 "unsafe center": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -174,16 +174,16 @@ export declare const responsiveProperties: {
             };
         };
         flexDirection: {
-            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
+            responsiveArray: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[] & {
                 length: 5;
             };
             values: {
                 column: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -192,9 +192,9 @@ export declare const responsiveProperties: {
                 "column-reverse": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -203,9 +203,9 @@ export declare const responsiveProperties: {
                 row: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -214,9 +214,9 @@ export declare const responsiveProperties: {
                 "row-reverse": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -225,16 +225,16 @@ export declare const responsiveProperties: {
             };
         };
         flexWrap: {
-            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
+            responsiveArray: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[] & {
                 length: 5;
             };
             values: {
                 nowrap: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -243,9 +243,9 @@ export declare const responsiveProperties: {
                 wrap: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -254,9 +254,9 @@ export declare const responsiveProperties: {
                 "wrap-reverse": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -265,16 +265,16 @@ export declare const responsiveProperties: {
             };
         };
         gap: {
-            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
+            responsiveArray: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[] & {
                 length: 5;
             };
             values: {
                 [x: string]: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -283,16 +283,16 @@ export declare const responsiveProperties: {
             };
         };
         justifyContent: {
-            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
+            responsiveArray: ("small" | "large" | "medium" | "xlarge" | "xsmall" | "xxsmall")[] & {
                 length: 5;
             };
             values: {
                 normal: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -301,9 +301,9 @@ export declare const responsiveProperties: {
                 left: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -312,9 +312,9 @@ export declare const responsiveProperties: {
                 right: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -323,9 +323,9 @@ export declare const responsiveProperties: {
                 "space-around": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -334,9 +334,9 @@ export declare const responsiveProperties: {
                 "space-between": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -345,9 +345,9 @@ export declare const responsiveProperties: {
                 "space-evenly": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -356,9 +356,9 @@ export declare const responsiveProperties: {
                 stretch: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -367,9 +367,9 @@ export declare const responsiveProperties: {
                 center: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -378,9 +378,9 @@ export declare const responsiveProperties: {
                 end: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -389,9 +389,9 @@ export declare const responsiveProperties: {
                 "flex-end": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -400,9 +400,9 @@ export declare const responsiveProperties: {
                 "flex-start": {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -411,9 +411,9 @@ export declare const responsiveProperties: {
                 start: {
                     defaultClass: string;
                     conditions: {
+                        small: string;
                         large: string;
                         medium: string;
-                        small: string;
                         xlarge: string;
                         xsmall: string;
                         xxsmall: string;
@@ -425,41 +425,41 @@ export declare const responsiveProperties: {
 };
 export declare const sprinkles: ((props: {
     alignItems?: ("normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | {
+        small?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
         large?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
         medium?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
-        small?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
         xlarge?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
         xsmall?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
         xxsmall?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
     } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | null>;
     flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
+        small?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         large?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         medium?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        small?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         xlarge?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         xsmall?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         xxsmall?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
     } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, "column" | "column-reverse" | "row" | "row-reverse" | null>;
     flexWrap?: ("nowrap" | "wrap" | "wrap-reverse" | {
+        small?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
         large?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
         medium?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
-        small?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
         xlarge?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
         xsmall?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
         xxsmall?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
     } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, "nowrap" | "wrap" | "wrap-reverse" | null>;
     gap?: (string | {
+        small?: string | undefined;
         large?: string | undefined;
         medium?: string | undefined;
-        small?: string | undefined;
         xlarge?: string | undefined;
         xsmall?: string | undefined;
         xxsmall?: string | undefined;
     } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, string | null>;
     justifyContent?: ("normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
+        small?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
         large?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
         medium?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
-        small?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
         xlarge?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
         xsmall?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
         xxsmall?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;

package/dist/components/Stepper/styles.css.d.ts

@@ -53,7 +53,7 @@ export declare const stepperContainerRecipe: import("@vanilla-extract/recipes").
         small: {};
     };
 }>;
-export declare const animationStepperContainer: Record<"medium" | "small", string>;
+export declare const animationStepperContainer: Record<"small" | "medium", string>;
 export declare const stepperInteractive: Record<"active" | "inactive", string>;
 export declare const stepBullet: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {

package/dist/components/SwitchButton/Option.js

@@ -2,9 +2,9 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
 import { useRef, useEffect } from "react";
-import { SelectableCard } from "../SelectableCard/index.js";
 import { useSwitchButton } from "./SwitchButtonContext.js";
 import { switchButtonOptionNeutral, switchButtonOptionPrimary, switchButtonOptionBase } from "./styles.css.js";
+import { SelectableCard } from "../SelectableCard/SelectableCard.js";
 const Option = ({
   value,
   children,

package/dist/components/SwitchButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAA;AAWd,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;mIAatB,iBAAiB;;;;;;;;;CA2JnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAA;AAWd,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;mIAatB,iBAAiB;;;;;;;;;CAyJnB,CAAA"}

package/dist/components/SwitchButton/index.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { useRef, useState, useCallback, useEffect, useMemo } from "react";
 import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";
@@ -105,10 +106,12 @@ const SwitchButton = ({
       sentiment
     ]
   );
-  return /* @__PURE__ */ jsx(SwitchButtonContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsx(Stack, { className, "data-testid": dataTestId, direction: "row", children: /* @__PURE__ */ jsxs(
-    "div",
+  return /* @__PURE__ */ jsx(SwitchButtonContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(
+    Stack,
     {
-      className: switchButtonContainer[size],
+      className: cn(className, switchButtonContainer[size]),
+      "data-testid": dataTestId,
+      direction: "row",
       onMouseDown: (event) => {
         const rect = event.currentTarget.getBoundingClientRect();
         const clickX = event.clientX - rect.left;
@@ -149,7 +152,7 @@ const SwitchButton = ({
         children
       ]
     }
-  ) }) }) });
+  ) }) });
 };
 SwitchButton.Option = Option;
 export {

package/dist/components/SwitchButton/styles.css.d.ts

@@ -1,9 +1,9 @@
-export declare const switchButtonContainer: Record<"medium" | "small", string>;
+export declare const switchButtonContainer: Record<"small" | "medium", string>;
 export declare const switchButtonOptionBase: string;
 /**
  * Create style variant so it is easier to deal with the global styles
  */
 export declare const switchButtonOptionPrimary: string;
 export declare const switchButtonOptionNeutral: string;
-export declare const focusOverlay: Record<"primary" | "neutral", string>;
+export declare const focusOverlay: Record<"neutral" | "primary", string>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/SwitchButton/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/styles.css.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,qBAAqB,oCAGhC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAuBjC,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,QAAY,CAAA;AAClD,eAAO,MAAM,yBAAyB,QAAY,CAAA;AAUlD,eAAO,MAAM,YAAY,uCASvB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/styles.css.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,qBAAqB,oCAGhC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAuBjC,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,QAAY,CAAA;AAClD,eAAO,MAAM,yBAAyB,QAAY,CAAA;AAUlD,eAAO,MAAM,YAAY,uCASvB,CAAA"}

package/dist/components/Table/HeaderRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,kCAAkC,cAAc,4CA6BzE,CAAA"}
+{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,kCAAkC,cAAc,4CA4BzE,CAAA"}

package/dist/components/Table/HeaderRow.js

@@ -9,31 +9,28 @@ const HeaderRow = ({ children, hasSelectAllColumn }) => {
   const { allRowSelectValue, selectAllHandler, selectedRowIds, expandButton } = useTableContext();
   const theme = useTheme();
   const selectableRowCount = Object.keys(selectedRowIds).length;
-  return (
-    // biome-ignore  lint/a11y/noRedundantRoles: to fix
-    /* @__PURE__ */ jsxs("tr", { role: "row", children: [
-      hasSelectAllColumn ? /* @__PURE__ */ jsx(
-        HeaderCell,
-        {
-          isCheckbox: true,
-          maxWidth: theme.sizing[SELECTABLE_CHECKBOX_SIZE],
-          children: /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              "aria-label": "select all",
-              checked: allRowSelectValue,
-              disabled: selectableRowCount === 0,
-              name: "table-select-all-checkbox",
-              onChange: selectAllHandler,
-              value: "all"
-            }
-          )
-        }
-      ) : null,
-      expandButton ? /* @__PURE__ */ jsx(HeaderCell, { children: null }) : null,
-      children
-    ] })
-  );
+  return /* @__PURE__ */ jsxs("tr", { children: [
+    hasSelectAllColumn ? /* @__PURE__ */ jsx(
+      HeaderCell,
+      {
+        isCheckbox: true,
+        maxWidth: theme.sizing[SELECTABLE_CHECKBOX_SIZE],
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            "aria-label": "select all",
+            checked: allRowSelectValue,
+            disabled: selectableRowCount === 0,
+            name: "table-select-all-checkbox",
+            onChange: selectAllHandler,
+            value: "all"
+          }
+        )
+      }
+    ) : null,
+    expandButton ? /* @__PURE__ */ jsx(HeaderCell, { children: null }) : null,
+    children
+  ] });
 };
 export {
   HeaderRow

package/dist/components/Table/SkeletonRows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SkeletonRows.tsx"],"names":[],"mappings":"AAMA,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,4BAA4B,iBAAiB,4CAwBzE,CAAA"}
+{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SkeletonRows.tsx"],"names":[],"mappings":"AAMA,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,4BAA4B,iBAAiB,4CAkBzE,CAAA"}

package/dist/components/Table/SkeletonRows.js

@@ -6,19 +6,10 @@ import { tableSkeletonRow, tableSkeleton } from "./styles.css.js";
 const SkeletonRows = ({ selectable, rows, cols }) => {
   const rowArray = Array.from({ length: rows }, (_, index) => index);
   const colArray = Array.from({ length: cols }, (_, index) => index);
-  return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs(
-    "tr",
-    {
-      className: tableSkeletonRow,
-      id: `skeleton-${index}`,
-      role: "row",
-      children: [
-        selectable ? /* @__PURE__ */ jsx(Cell, {}) : null,
-        colArray.map((columnIndex) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Skeleton, { className: tableSkeleton, variant: "line" }) }, columnIndex))
-      ]
-    },
-    index
-  )) });
+  return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs("tr", { className: tableSkeletonRow, id: `skeleton-${index}`, children: [
+    selectable ? /* @__PURE__ */ jsx(Cell, {}) : null,
+    colArray.map((columnIndex) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Skeleton, { className: tableSkeleton, variant: "line" }) }, columnIndex))
+  ] }, index)) });
 };
 export {
   SkeletonRows

package/dist/components/Tabs/index.d.ts

@@ -24,7 +24,7 @@ export declare const Tabs: {
         tooltip?: string;
         value?: string | number;
         style?: import("react").CSSProperties;
-    } & Omit<any, "tooltip" | "disabled" | "as" | "className" | "role" | "children" | "value" | "badge" | "counter">, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    } & Omit<any, "children" | "value" | "tooltip" | "disabled" | "as" | "className" | "role" | "badge" | "counter">, "ref"> & import("react").RefAttributes<HTMLElement>>;
     Menu: import("react").ForwardRefExoticComponent<{
         children: ReactNode;
         disclosure: ReactNode;
@@ -43,7 +43,7 @@ export declare const Tabs: {
         children: ReactNode;
         onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
         borderless?: boolean;
-        sentiment?: "primary" | "neutral" | "danger";
+        sentiment?: "danger" | "neutral" | "primary";
         active?: boolean;
         'data-testid'?: string;
         searchText?: string;