@vygruppen/spor-react 12.4.0 → 12.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +8 -8
- package/.turbo/turbo-postinstall.log +1 -1
- package/CHANGELOG.md +13 -0
- package/dist/index.js +15 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/input/CountryCodeSelect.tsx +1 -1
- package/src/input/PhoneNumberInput.tsx +1 -1
- package/src/theme/slot-recipes/select.ts +12 -1
package/dist/index.mjs
CHANGED
|
@@ -4156,7 +4156,7 @@ var CountryCodeSelect = forwardRef((props, ref) => {
|
|
|
4156
4156
|
lazyMount: true,
|
|
4157
4157
|
"aria-label": t(texts15.countryCode),
|
|
4158
4158
|
variant: "rightSideSquare",
|
|
4159
|
-
children: callingCodes.items.map((code) => /* @__PURE__ */ jsx(SelectItem, { item: code, children: code.label }, code.label))
|
|
4159
|
+
children: callingCodes.items.map((code) => /* @__PURE__ */ jsx(SelectItem, { as: "option", item: code, children: code.label }, code.label))
|
|
4160
4160
|
}
|
|
4161
4161
|
);
|
|
4162
4162
|
});
|
|
@@ -4225,6 +4225,7 @@ var PhoneNumberInput = forwardRef((props, ref) => {
|
|
|
4225
4225
|
{
|
|
4226
4226
|
ref,
|
|
4227
4227
|
type: "tel",
|
|
4228
|
+
...props,
|
|
4228
4229
|
value: value.nationalNumber,
|
|
4229
4230
|
invalid,
|
|
4230
4231
|
errorText,
|
|
@@ -4238,7 +4239,6 @@ var PhoneNumberInput = forwardRef((props, ref) => {
|
|
|
4238
4239
|
},
|
|
4239
4240
|
variant,
|
|
4240
4241
|
"data-state": "on",
|
|
4241
|
-
...props,
|
|
4242
4242
|
label
|
|
4243
4243
|
}
|
|
4244
4244
|
)
|
|
@@ -9283,7 +9283,8 @@ var selectSlotRecipe = defineSlotRecipe({
|
|
|
9283
9283
|
_open: {
|
|
9284
9284
|
animationStyle: "slide-fade-in",
|
|
9285
9285
|
animationDuration: "fast",
|
|
9286
|
-
zIndex: "popover"
|
|
9286
|
+
zIndex: "popover",
|
|
9287
|
+
outline: "none"
|
|
9287
9288
|
},
|
|
9288
9289
|
_closed: {
|
|
9289
9290
|
animationStyle: "slide-fade-out",
|
|
@@ -9303,6 +9304,17 @@ var selectSlotRecipe = defineSlotRecipe({
|
|
|
9303
9304
|
color: "ghost.text",
|
|
9304
9305
|
cursor: "pointer",
|
|
9305
9306
|
outline: "none",
|
|
9307
|
+
"&[data-highlighted]:hover": {
|
|
9308
|
+
outlineOffset: "2px",
|
|
9309
|
+
outline: "2px solid",
|
|
9310
|
+
outlineColor: "outline.focus",
|
|
9311
|
+
backgroundColor: "ghost.surface.hover"
|
|
9312
|
+
},
|
|
9313
|
+
"&[data-highlighted]": {
|
|
9314
|
+
outlineOffset: "2px",
|
|
9315
|
+
outline: "2px solid",
|
|
9316
|
+
outlineColor: "outline.focus"
|
|
9317
|
+
},
|
|
9306
9318
|
_active: {
|
|
9307
9319
|
backgroundColor: "ghost.surface.active",
|
|
9308
9320
|
color: "green"
|