@vygruppen/spor-react 13.4.4 → 13.4.6
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 +2 -2
- package/CHANGELOG.md +16 -0
- package/dist/index.cjs +26 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +26 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/datepicker/DateField.tsx +6 -1
- package/src/datepicker/TimeField.tsx +2 -1
- package/src/theme/slot-recipes/select.ts +11 -0
package/dist/index.mjs
CHANGED
|
@@ -2529,11 +2529,20 @@ var DateField = ({
|
|
|
2529
2529
|
ref
|
|
2530
2530
|
);
|
|
2531
2531
|
return /* @__PURE__ */ jsxs(Box, { minWidth: "6rem", width: "100%", children: [
|
|
2532
|
-
props.label && /* @__PURE__ */ jsx(Box, { css: styles.inputLabel, position: "absolute", paddingTop: "2px", children: /* @__PURE__ */ jsxs(
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2532
|
+
props.label && /* @__PURE__ */ jsx(Box, { css: styles.inputLabel, position: "absolute", paddingTop: "2px", children: /* @__PURE__ */ jsxs(
|
|
2533
|
+
Label,
|
|
2534
|
+
{
|
|
2535
|
+
padding: "0",
|
|
2536
|
+
fontSize: ["mobile.2xs", "desktop.2xs"],
|
|
2537
|
+
color: "text.subtle",
|
|
2538
|
+
...props.labelProps,
|
|
2539
|
+
children: [
|
|
2540
|
+
props.label,
|
|
2541
|
+
" ",
|
|
2542
|
+
/* @__PURE__ */ jsx(Field.RequiredIndicator, {})
|
|
2543
|
+
]
|
|
2544
|
+
}
|
|
2545
|
+
) }),
|
|
2537
2546
|
/* @__PURE__ */ jsx(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5", children: state.segments.map((segment, index) => /* @__PURE__ */ jsx(
|
|
2538
2547
|
DateTimeSegment,
|
|
2539
2548
|
{
|
|
@@ -2882,7 +2891,8 @@ var TimeField = ({ state, ...props }) => {
|
|
|
2882
2891
|
...labelProps,
|
|
2883
2892
|
htmlFor: fieldProps.id,
|
|
2884
2893
|
marginBottom: 0,
|
|
2885
|
-
fontSize: ["mobile.
|
|
2894
|
+
fontSize: ["mobile.2xs", "desktop.2xs"],
|
|
2895
|
+
color: "text.subtle",
|
|
2886
2896
|
top: 0,
|
|
2887
2897
|
cursor: "text",
|
|
2888
2898
|
left: "50%",
|
|
@@ -11358,6 +11368,12 @@ var selectSlotRecipe = defineSlotRecipe({
|
|
|
11358
11368
|
listStyle: "none",
|
|
11359
11369
|
borderBottomRadius: "sm",
|
|
11360
11370
|
marginTop: -1,
|
|
11371
|
+
"&[data-placement^='top']": {
|
|
11372
|
+
borderTopRadius: "sm",
|
|
11373
|
+
borderBottomRadius: 0,
|
|
11374
|
+
marginTop: 0,
|
|
11375
|
+
marginBottom: -1
|
|
11376
|
+
},
|
|
11361
11377
|
_open: {
|
|
11362
11378
|
animationStyle: "slide-fade-in",
|
|
11363
11379
|
animationDuration: "fast",
|
|
@@ -11426,6 +11442,10 @@ var selectSlotRecipe = defineSlotRecipe({
|
|
|
11426
11442
|
_open: {
|
|
11427
11443
|
borderBottomRadius: 0
|
|
11428
11444
|
},
|
|
11445
|
+
"&:has([data-placement^='top'][data-state='open'])": {
|
|
11446
|
+
borderTopRadius: 0,
|
|
11447
|
+
borderBottomRadius: "sm"
|
|
11448
|
+
},
|
|
11429
11449
|
_invalid: {
|
|
11430
11450
|
outline: "2px solid",
|
|
11431
11451
|
outlineColor: "outline.error"
|