@vygruppen/spor-react 12.4.0 → 12.4.1

package/.turbo/turbo-build.log

@@ -1,8 +1,8 @@
 
-> @vygruppen/spor-react@12.4.0 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.4.1 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
-CLI Building entry: src/index.tsx
+CLI Building entry: src/index.tsx, src/icons/index.tsx
 CLI Using tsconfig: tsconfig.json
 CLI tsup v7.3.0
 CLI Using tsup config: /home/runner/work/spor/spor/packages/spor-react/tsup.config.ts
@@ -10,12 +10,18 @@ CLI Target: node16
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/index.mjs     294.87 KB
-ESM dist/index.mjs.map 633.26 KB
-ESM ⚡️ Build success in 2911ms
-CJS dist/index.js     315.49 KB
-CJS dist/index.js.map 633.26 KB
-CJS ⚡️ Build success in 2912ms
-DTS ⚡️ Build success in 25961ms
-DTS dist/index.d.ts  126.10 KB
-DTS dist/index.d.mts 126.10 KB
+ESM dist/icons/index.mjs     110.00 B
+ESM dist/index.mjs           295.23 KB
+ESM dist/icons/index.mjs.map 157.00 B
+ESM dist/index.mjs.map       633.84 KB
+ESM ⚡️ Build success in 2800ms
+CJS dist/index.js           315.85 KB
+CJS dist/icons/index.js     380.00 B
+CJS dist/index.js.map       633.84 KB
+CJS dist/icons/index.js.map 157.00 B
+CJS ⚡️ Build success in 2801ms
+DTS ⚡️ Build success in 30877ms
+DTS dist/icons/index.d.ts  44.00 B
+DTS dist/index.d.ts        126.10 KB
+DTS dist/icons/index.d.mts 44.00 B
+DTS dist/index.d.mts       126.10 KB

package/.turbo/turbo-postinstall.log

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

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @vygruppen/spor-react
 
+## 12.4.1
+
+### Patch Changes
+
+- 184803a: Support exporting icons directly from spor, which seems to fix SSR issues for icons.
+- 812afc9: CountryCodeSelect: Fixed onValueChange and UU styling in select.
+
 ## 12.4.0
 
 ### Minor Changes

package/dist/icons/index.d.mts

@@ -0,0 +1 @@
+export * from '@vygruppen/spor-icon-react';

package/dist/icons/index.d.ts

@@ -0,0 +1 @@
+export * from '@vygruppen/spor-icon-react';

package/dist/icons/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var sporIconReact = require('@vygruppen/spor-icon-react');
+
+
+
+Object.keys(sporIconReact).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return sporIconReact[k]; }
+	});
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/index.tsx"],"names":[],"mappings":";AAAA,cAAc","sourcesContent":["export * from \"@vygruppen/spor-icon-react\";\n"]}

package/dist/icons/index.mjs

@@ -0,0 +1,3 @@
+export * from '@vygruppen/spor-icon-react';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/icons/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/index.tsx"],"names":[],"mappings":";AAAA,cAAc","sourcesContent":["export * from \"@vygruppen/spor-icon-react\";\n"]}

package/dist/index.js

@@ -4181,7 +4181,7 @@ var CountryCodeSelect = React28.forwardRef((props, ref) => {
       lazyMount: true,
       "aria-label": t(texts15.countryCode),
       variant: "rightSideSquare",
-      children: callingCodes.items.map((code) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { item: code, children: code.label }, code.label))
+      children: callingCodes.items.map((code) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { as: "option", item: code, children: code.label }, code.label))
     }
   );
 });
@@ -4250,6 +4250,7 @@ var PhoneNumberInput = React28.forwardRef((props, ref) => {
           {
             ref,
             type: "tel",
+            ...props,
             value: value.nationalNumber,
             invalid,
             errorText,
@@ -4263,7 +4264,6 @@ var PhoneNumberInput = React28.forwardRef((props, ref) => {
             },
             variant,
             "data-state": "on",
-            ...props,
             label
           }
         )
@@ -9308,7 +9308,8 @@ var selectSlotRecipe = react.defineSlotRecipe({
       _open: {
         animationStyle: "slide-fade-in",
         animationDuration: "fast",
-        zIndex: "popover"
+        zIndex: "popover",
+        outline: "none"
       },
       _closed: {
         animationStyle: "slide-fade-out",
@@ -9328,6 +9329,17 @@ var selectSlotRecipe = react.defineSlotRecipe({
       color: "ghost.text",
       cursor: "pointer",
       outline: "none",
+      "&[data-highlighted]:hover": {
+        outlineOffset: "2px",
+        outline: "2px solid",
+        outlineColor: "outline.focus",
+        backgroundColor: "ghost.surface.hover"
+      },
+      "&[data-highlighted]": {
+        outlineOffset: "2px",
+        outline: "2px solid",
+        outlineColor: "outline.focus"
+      },
       _active: {
         backgroundColor: "ghost.surface.active",
         color: "green"