@vygruppen/spor-react 12.7.1 → 12.8.0

package/dist/index.d.cts

@@ -1631,8 +1631,9 @@ type SelectProps = SelectRootProps & FieldProps & {
 /**
  * A Select component.
  *
- * This component is useful to choose an item from a dropdown list of items. The list has four different variants, core, floating, rightSideSquare, leftSideSquare.
- * The last two variants are useful in attachecdInput for example in the PhoneNumberInput and CountryCodeSelect components.
+ * This component is useful to choose an item from a dropdown list of items. The list has two different variants, core, floating and floating.
+ * It also has a sideRadiusVariant that can be used to make the sides square, rightSideSquare, leftSideSquare.
+ * The sideRadiusVariant is useful in attachecdInput for example in the PhoneNumberInput and CountryCodeSelect components.
  *
  * @example
  * ```tsx

package/dist/index.d.ts

@@ -1631,8 +1631,9 @@ type SelectProps = SelectRootProps & FieldProps & {
 /**
  * A Select component.
  *
- * This component is useful to choose an item from a dropdown list of items. The list has four different variants, core, floating, rightSideSquare, leftSideSquare.
- * The last two variants are useful in attachecdInput for example in the PhoneNumberInput and CountryCodeSelect components.
+ * This component is useful to choose an item from a dropdown list of items. The list has two different variants, core, floating and floating.
+ * It also has a sideRadiusVariant that can be used to make the sides square, rightSideSquare, leftSideSquare.
+ * The sideRadiusVariant is useful in attachecdInput for example in the PhoneNumberInput and CountryCodeSelect components.
  *
  * @example
  * ```tsx

package/dist/index.mjs

@@ -1374,7 +1374,7 @@ var Field3 = React28.forwardRef(
     } = props;
     const recipe = useSlotRecipe({ key: "field" });
     const styles = recipe();
-    return /* @__PURE__ */ jsxs(Stack, { gap: "2", ref, ...rest, children: [
+    return /* @__PURE__ */ jsxs(Stack, { gap: "2", ref, width: "100%", ...rest, children: [
       /* @__PURE__ */ jsxs(
         Field.Root,
         {
@@ -2578,10 +2578,10 @@ var Combobox = (props) => {
     loading,
     leftIcon,
     rightIcon,
-    borderBottomLeftRadius = "sm",
-    borderBottomRightRadius = "sm",
-    borderTopLeftRadius = "sm",
-    borderTopRightRadius = "sm",
+    borderBottomLeftRadius,
+    borderBottomRightRadius,
+    borderTopLeftRadius,
+    borderTopRightRadius,
     marginBottom,
     marginTop,
     marginX,
@@ -2680,7 +2680,8 @@ var Combobox = (props) => {
             }
           }
         ) : rightIcon,
-        placeholder: ""
+        placeholder: "",
+        "data-attachable": true
       }
     ),
     /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-trigger": "multiselect" }),
@@ -3254,7 +3255,7 @@ var CountryCodeSelect = forwardRef((props, ref) => {
       collection: callingCodes,
       lazyMount: true,
       "aria-label": t(texts15.countryCode),
-      variant: "rightSideSquare",
+      sideRadiusVariant: "rightSideSquare",
       children: callingCodes.items.map((code) => /* @__PURE__ */ jsx(SelectItem, { as: "option", item: code, children: code.label }, code.label))
     }
   );
@@ -9041,7 +9042,9 @@ var selectSlotRecipe = defineSlotRecipe({
           outline: "1px solid",
           outlineColor: "floating.outline"
         }
-      },
+      }
+    },
+    sideRadiusVariant: {
       rightSideSquare: {
         control: {
           outline: "1px solid",