@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.
@@ -1,5 +1,5 @@
1
1
 
2
- > @vygruppen/spor-react@13.4.4 build /home/runner/work/spor/spor/packages/spor-react
2
+ > @vygruppen/spor-react@13.4.6 build /home/runner/work/spor/spor/packages/spor-react
3
3
  > tsup
4
4
 
5
5
  CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,17 +11,17 @@ CLI Cleaning output folder
11
11
  ESM Build start
12
12
  CJS Build start
13
13
  DTS Build start
14
+ ESM dist/index.mjs 351.42 KB
14
15
  ESM dist/icons/index.mjs 110.00 B
15
- ESM dist/index.mjs 350.97 KB
16
+ ESM dist/index.mjs.map 747.49 KB
16
17
  ESM dist/icons/index.mjs.map 157.00 B
17
- ESM dist/index.mjs.map 746.78 KB
18
- ESM ⚡️ Build success in 2870ms
19
- CJS dist/index.cjs 375.55 KB
18
+ ESM ⚡️ Build success in 2649ms
19
+ CJS dist/index.cjs 376.00 KB
20
20
  CJS dist/icons/index.cjs 381.00 B
21
- CJS dist/index.cjs.map 746.78 KB
22
21
  CJS dist/icons/index.cjs.map 157.00 B
23
- CJS ⚡️ Build success in 2871ms
24
- DTS ⚡️ Build success in 22625ms
22
+ CJS dist/index.cjs.map 747.49 KB
23
+ CJS ⚡️ Build success in 2649ms
24
+ DTS ⚡️ Build success in 20906ms
25
25
  DTS dist/icons/index.d.ts 44.00 B
26
26
  DTS dist/index.d.ts 154.14 KB
27
27
  DTS dist/icons/index.d.cts 44.00 B
@@ -1,8 +1,8 @@
1
1
 
2
- > @vygruppen/spor-react@13.4.4 postinstall /home/runner/work/spor/spor/packages/spor-react
2
+ > @vygruppen/spor-react@13.4.6 postinstall /home/runner/work/spor/spor/packages/spor-react
3
3
  > chakra typegen src/theme/index.ts
4
4
 
5
- ◇ injected env (0) from .env // tip: encrypted .env [www.dotenvx.com]
5
+ ◇ injected env (0) from .env // tip: suppress logs { quiet: true }
6
6
  ┌ Chakra CLI ⚡️
7
7
  [?25l│
8
8
  ◒ Generating conditions types...
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @vygruppen/spor-react
2
2
 
3
+ ## 13.4.6
4
+
5
+ ### Patch Changes
6
+
7
+ - 4500a7b: Select: Fix border radius and spacing when dropdown opens above the trigger
8
+ - Updated dependencies [cc9028e]
9
+ - Updated dependencies [5ee8079]
10
+ - @vygruppen/spor-design-tokens@5.0.6
11
+ - @vygruppen/spor-icon-react@5.0.2
12
+
13
+ ## 13.4.5
14
+
15
+ ### Patch Changes
16
+
17
+ - 5b62e2e: Time/Date-picker: Make the fontsize of the label smaller
18
+
3
19
  ## 13.4.4
4
20
 
5
21
  ### Patch Changes
package/dist/index.cjs CHANGED
@@ -2548,11 +2548,20 @@ var DateField = ({
2548
2548
  ref
2549
2549
  );
2550
2550
  return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { minWidth: "6rem", width: "100%", children: [
2551
- props.label && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { css: styles.inputLabel, position: "absolute", paddingTop: "2px", children: /* @__PURE__ */ jsxRuntime.jsxs(Label, { padding: "0", ...props.labelProps, children: [
2552
- props.label,
2553
- " ",
2554
- /* @__PURE__ */ jsxRuntime.jsx(react.Field.RequiredIndicator, {})
2555
- ] }) }),
2551
+ props.label && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { css: styles.inputLabel, position: "absolute", paddingTop: "2px", children: /* @__PURE__ */ jsxRuntime.jsxs(
2552
+ Label,
2553
+ {
2554
+ padding: "0",
2555
+ fontSize: ["mobile.2xs", "desktop.2xs"],
2556
+ color: "text.subtle",
2557
+ ...props.labelProps,
2558
+ children: [
2559
+ props.label,
2560
+ " ",
2561
+ /* @__PURE__ */ jsxRuntime.jsx(react.Field.RequiredIndicator, {})
2562
+ ]
2563
+ }
2564
+ ) }),
2556
2565
  /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5", children: state.segments.map((segment, index) => /* @__PURE__ */ jsxRuntime.jsx(
2557
2566
  DateTimeSegment,
2558
2567
  {
@@ -2901,7 +2910,8 @@ var TimeField = ({ state, ...props }) => {
2901
2910
  ...labelProps,
2902
2911
  htmlFor: fieldProps.id,
2903
2912
  marginBottom: 0,
2904
- fontSize: ["mobile.xs", "desktop.xs"],
2913
+ fontSize: ["mobile.2xs", "desktop.2xs"],
2914
+ color: "text.subtle",
2905
2915
  top: 0,
2906
2916
  cursor: "text",
2907
2917
  left: "50%",
@@ -11377,6 +11387,12 @@ var selectSlotRecipe = react.defineSlotRecipe({
11377
11387
  listStyle: "none",
11378
11388
  borderBottomRadius: "sm",
11379
11389
  marginTop: -1,
11390
+ "&[data-placement^='top']": {
11391
+ borderTopRadius: "sm",
11392
+ borderBottomRadius: 0,
11393
+ marginTop: 0,
11394
+ marginBottom: -1
11395
+ },
11380
11396
  _open: {
11381
11397
  animationStyle: "slide-fade-in",
11382
11398
  animationDuration: "fast",
@@ -11445,6 +11461,10 @@ var selectSlotRecipe = react.defineSlotRecipe({
11445
11461
  _open: {
11446
11462
  borderBottomRadius: 0
11447
11463
  },
11464
+ "&:has([data-placement^='top'][data-state='open'])": {
11465
+ borderTopRadius: 0,
11466
+ borderBottomRadius: "sm"
11467
+ },
11448
11468
  _invalid: {
11449
11469
  outline: "2px solid",
11450
11470
  outlineColor: "outline.error"