@vygruppen/spor-react 12.13.3 → 12.13.4

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.13.3 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.13.4 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           296.52 KB
+ESM dist/index.mjs           297.26 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       633.98 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2612ms
-CJS dist/index.cjs           318.00 KB
+ESM dist/index.mjs.map       635.10 KB
+ESM ⚡️ Build success in 2617ms
+CJS dist/index.cjs           318.74 KB
 CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       633.98 KB
+CJS dist/index.cjs.map       635.10 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2612ms
-DTS ⚡️ Build success in 18933ms
+CJS ⚡️ Build success in 2618ms
+DTS ⚡️ Build success in 18619ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        156.16 KB
+DTS dist/index.d.ts        157.02 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       156.16 KB
+DTS dist/index.d.cts       157.02 KB

package/.turbo/turbo-postinstall.log

@@ -1,7 +1,8 @@
 
-> @vygruppen/spor-react@12.13.3 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.13.4 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
+[dotenv@17.2.2] injecting env (0) from .env -- tip: ⚙️  enable debug logging with { debug: true }
 ┌  Chakra CLI ⚡️
 [?25l│
 ◒  Generating conditions types...

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vygruppen/spor-react
 
+## 12.13.4
+
+### Patch Changes
+
+- 3200ed0: datepicker - exposed onClick & changed hover style to be focus color when isActive=true
+
 ## 12.13.3
 
 ### Patch Changes

package/dist/index.cjs

@@ -1906,9 +1906,11 @@ var StyledField = React27.forwardRef(
       react.Box,
       {
         ...otherProps,
-        css: styles.wrapper,
+        css: {
+          ...styles.wrapper,
+          outlineColor: overrideBorderColor || void 0
+        },
         "data-active": isActive ? "" : void 0,
-        style: overrideBorderColor ? { outlineColor: overrideBorderColor } : void 0,
         ref,
         "aria-invalid": invalid,
         "aria-disabled": isDisabled,
@@ -1953,9 +1955,11 @@ var DatePicker = React27.forwardRef(
     const locale = useCurrentLocale();
     const shouldShowCalendar = state.isOpen && !props.isDisabled && !props.noCalendar;
     const onFieldClick = () => {
-      if (props.noCalendar)
-        return;
-      state.setOpen(true);
+      var _a5;
+      if (!props.noCalendar) {
+        state.setOpen(true);
+      }
+      (_a5 = props.onClick) == null ? void 0 : _a5.call(props);
     };
     const popoverContent = /* @__PURE__ */ jsxRuntime.jsx(react.Popover.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Popover.Content, { css: styles.calendarPopover, children: /* @__PURE__ */ jsxRuntime.jsx(react.Popover.Body, { minWidth: "20rem", children: /* @__PURE__ */ jsxRuntime.jsx(
       Calendar,
@@ -1986,7 +1990,7 @@ var DatePicker = React27.forwardRef(
                 StyledField,
                 {
                   variant,
-                  onClick: props.noCalendar ? void 0 : onFieldClick,
+                  onClick: onFieldClick,
                   paddingX: 3,
                   minHeight,
                   isDisabled: props.isDisabled,
@@ -7175,7 +7179,10 @@ var datePickerSlotRecipe = react.defineSlotRecipe({
       },
       "&[data-active]": {
         outline: "2px solid",
-        outlineColor: "outline.focus"
+        outlineColor: "outline.focus",
+        "&:hover": {
+          outlineColor: "outline.focus"
+        }
       }
     },
     inputLabel: {
@@ -7302,6 +7309,13 @@ var datePickerSlotRecipe = react.defineSlotRecipe({
               backgroundColor: "ghost.surface.active",
               outline: "1px solid",
               outlineColor: "core.outline"
+            },
+            "&[data-active]": {
+              outline: "2px solid",
+              outlineColor: "outline.focus",
+              _hover: {
+                outlineColor: "outline.focus"
+              }
             }
           },
           _invalid: {
@@ -7326,6 +7340,13 @@ var datePickerSlotRecipe = react.defineSlotRecipe({
               backgroundColor: "ghost.surface.active",
               outline: "1px solid",
               outlineColor: "core.outline"
+            },
+            "&[data-active]": {
+              outline: "2px solid",
+              outlineColor: "outline.focus",
+              _hover: {
+                outlineColor: "outline.focus"
+              }
             }
           },
           _invalid: {
@@ -7343,6 +7364,13 @@ var datePickerSlotRecipe = react.defineSlotRecipe({
               backgroundColor: "ghost.surface.active",
               outline: "1px solid",
               outlineColor: "core.outline"
+            },
+            "&[data-active]": {
+              outline: "2px solid",
+              outlineColor: "outline.focus",
+              _hover: {
+                outlineColor: "outline.focus"
+              }
             }
           },
           _invalid: {