@xsolla/xui-multi-select 0.134.0 → 0.136.0

package/web/index.mjs

@@ -1014,14 +1014,10 @@ var StyledIcon4 = styled32.div`
 var Icon4 = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx390(StyledIcon4, { ...props, children });
 };
-var SELECTABLE_BORDER_RADIUS = 8;
 var Tag = ({
   size = "md",
   tone = "primary",
   type = "solid",
-  variant = "default",
-  selected = false,
-  onPress,
   children,
   iconLeft,
   iconRight,
@@ -1032,20 +1028,6 @@ var Tag = ({
   const { theme } = useResolvedTheme({ themeMode, themeProductContext });
   const sizeStyles = theme.sizing.tag(size);
   const resolveColors = () => {
-    if (variant === "selectable") {
-      if (selected) {
-        return {
-          bg: theme.colors.control.brand.secondary.bg,
-          text: theme.colors.content.brand.primary,
-          border: theme.colors.border.secondary
-        };
-      }
-      return {
-        bg: theme.colors.overlay.mono,
-        text: theme.colors.content.primary,
-        border: theme.colors.border.secondary
-      };
-    }
     const isOutlined = type === "outlined";
     switch (tone) {
       case "primary":
@@ -1099,16 +1081,12 @@ var Tag = ({
     }
   };
   const { bg, text, border } = resolveColors();
-  const isSelectable = variant === "selectable";
-  const borderRadius = isSelectable ? SELECTABLE_BORDER_RADIUS : sizeStyles.radius;
   const isIconOnly = !children && (!!iconLeft || !!iconRight);
   return /* @__PURE__ */ jsxs(
     Box2,
     {
-      as: isSelectable ? "button" : void 0,
-      onPress: isSelectable ? onPress : void 0,
       backgroundColor: bg,
-      borderRadius,
+      borderRadius: sizeStyles.radius,
       height: sizeStyles.height,
       width: isIconOnly ? sizeStyles.height : void 0,
       paddingHorizontal: isIconOnly ? 0 : sizeStyles.padding,
@@ -1119,8 +1097,6 @@ var Tag = ({
       borderWidth: sizeStyles.borderWidth,
       borderColor: border,
       borderStyle: "solid",
-      cursor: isSelectable ? "pointer" : "default",
-      hoverStyle: isSelectable && !selected ? { backgroundColor: theme.colors.control.brand.tertiary.bgHover } : void 0,
       style: {
         overflow: "hidden",
         textOverflow: "ellipsis",