@vygruppen/spor-react 12.8.2 → 12.8.5

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.8.2 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.8.5 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,18 +11,18 @@ CLI Cleaning output folder
 ESM Build start
 CJS Build start
 DTS Build start
-ESM dist/index.mjs           291.85 KB
+ESM dist/index.mjs           293.38 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       625.25 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 3028ms
-CJS dist/index.cjs           312.53 KB
+ESM dist/index.mjs.map       628.34 KB
+ESM ⚡️ Build success in 3041ms
+CJS dist/index.cjs           314.21 KB
 CJS dist/icons/index.cjs     381.00 B
 CJS dist/icons/index.cjs.map 157.00 B
-CJS dist/index.cjs.map       625.25 KB
-CJS ⚡️ Build success in 3030ms
-DTS ⚡️ Build success in 28779ms
+CJS dist/index.cjs.map       628.34 KB
+CJS ⚡️ Build success in 3040ms
+DTS ⚡️ Build success in 31071ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        155.95 KB
+DTS dist/index.d.ts        156.34 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       155.95 KB
+DTS dist/index.d.cts       156.34 KB

package/.turbo/turbo-postinstall.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.8.2 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.8.5 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
 ┌  Chakra CLI ⚡️

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @vygruppen/spor-react
 
+## 12.8.5
+
+### Patch Changes
+
+- e8d7d4d: Fix: Combobox, make sure combobox-props do not get spread to input.
+
+## 12.8.4
+
+### Patch Changes
+
+- 736a159: Fix Broken ARIA reference in combobox.
+
+## 12.8.3
+
+### Patch Changes
+
+- d76d180: Add new component, Tooltip, that looks similar to Popover, but is triggered on hover.
+
 ## 12.8.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -2616,6 +2616,17 @@ var Combobox = (props) => {
     inputRef: externalInputRef,
     children,
     variant,
+    allowsEmptyCollection,
+    onSelectionChange,
+    inputValue,
+    onInputChange,
+    menuTrigger,
+    allowsCustomValue,
+    onFocusChange,
+    defaultInputValue,
+    defaultItems,
+    defaultSelectedKey,
+    onOpenChange,
     ...restProps
   } = props;
   const { contains } = reactAria.useFilter({ sensitivity: "base" });
@@ -2623,11 +2634,22 @@ var Combobox = (props) => {
   const inputRef = externalInputRef ?? fallbackInputRef;
   const listBoxRef = React27.useRef(null);
   const popoverRef = React27.useRef(null);
-  const listboxId = `${React27.useId()}-listbox`;
+  const listboxId = React27.useId();
   const inputWidth = useInputWidth(inputRef);
   const state = reactStately.useComboBoxState({
     defaultFilter: contains,
     shouldCloseOnBlur: true,
+    allowsEmptyCollection,
+    onSelectionChange,
+    inputValue,
+    onInputChange,
+    menuTrigger,
+    allowsCustomValue,
+    onFocusChange,
+    defaultInputValue,
+    defaultItems,
+    defaultSelectedKey,
+    onOpenChange,
     ...props
   });
   const comboBoxProps = {
@@ -2644,22 +2666,29 @@ var Combobox = (props) => {
     paddingTop,
     paddingLeft,
     paddingX,
-    paddingY,
-    leftIcon
+    paddingY
   };
-  const {
-    inputProps: { ...inputProps },
-    listBoxProps
-  } = reactAria.useComboBox(
+  const { inputProps, listBoxProps } = reactAria.useComboBox(
     {
       ...props,
       inputRef,
       listBoxRef,
       popoverRef,
-      label
+      label,
+      onSelectionChange,
+      inputValue,
+      onInputChange,
+      menuTrigger,
+      allowsCustomValue,
+      onFocusChange,
+      defaultInputValue,
+      defaultItems,
+      defaultSelectedKey,
+      onOpenChange
     },
     state
   );
+  const { "aria-labelledby": _, id: __, ...filteredInputProps } = inputProps;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       Input,
@@ -2682,7 +2711,7 @@ var Combobox = (props) => {
         borderBottomLeftRadius: state.isOpen && !loading ? 0 : borderBottomLeftRadius,
         borderBottomRightRadius: state.isOpen && !loading ? 0 : borderBottomRightRadius,
         _active: { backgroundColor: "core.surface.active" },
-        ...inputProps,
+        ...filteredInputProps,
         startElement: leftIcon,
         endElement: loading ? /* @__PURE__ */ jsxRuntime.jsx(
           ColorSpinner,
@@ -8551,6 +8580,7 @@ var popoverSlotRecipe = react.defineSlotRecipe({
       position: "relative",
       display: "flex",
       flexDirection: "row-reverse",
+      color: "text.inverted",
       gap: "0.625rem",
       padding: "0.563rem 0.75rem",
       textStyle: "sm",
@@ -9760,7 +9790,8 @@ var slotRecipes = {
   travelTag: travelTagSlotRecipe,
   toast: toastSlotRecipe,
   checkboxCard: choiceChipSlotRecipe,
-  collapsible: collapsibleSlotRecipe
+  collapsible: collapsibleSlotRecipe,
+  tooltip: popoverSlotRecipe
 };
 var animations = react.defineTokens.animations({
   spin: {
@@ -10576,6 +10607,21 @@ var themes = {
   )
 };
 var system = themes["VyDigital" /* VyDigital */];
+var Tooltip = react.Tooltip.Root;
+var TooltipTrigger = React27.forwardRef(({ children, ...props }, ref) => {
+  const isStringChild = typeof children === "string";
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Trigger, { ...props, ref, asChild: !isStringChild, children });
+});
+TooltipTrigger.displayName = "TooltipTrigger";
+var TooltipContent = React27.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Tooltip.Content, { ref, ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Arrow, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Content, { ...props, children })
+    ] }) }) });
+  }
+);
+TooltipContent.displayName = "TooltipContent";
 
 Object.defineProperty(exports, "Box", {
   enumerable: true,
@@ -10951,6 +10997,9 @@ exports.Text = Text3;
 exports.TextLink = TextLink;
 exports.Textarea = Textarea;
 exports.TimePicker = TimePicker;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipTrigger = TooltipTrigger;
 exports.TravelTag = TravelTag;
 exports.VyLogo = VyLogo;
 exports.VyLogoPride = VyLogoPride;