@vygruppen/spor-react 12.8.8 → 12.8.10
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 +12 -12
- package/.turbo/turbo-postinstall.log +1 -1
- package/CHANGELOG.md +12 -0
- package/dist/index.cjs +32 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +13 -7
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/input/Field.tsx +2 -0
- package/src/input/Input.tsx +1 -0
- package/src/input/NativeSelect.tsx +1 -0
- package/src/input/NumericStepper.tsx +1 -1
- package/src/input/Select.tsx +1 -0
- package/src/input/Switch.tsx +1 -0
- package/src/util/externals.tsx +5 -0
package/.turbo/turbo-build.log
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
|
2
|
-
> @vygruppen/spor-react@12.8.
|
2
|
+
> @vygruppen/spor-react@12.8.10 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,18 +11,18 @@ CLI Cleaning output folder
|
|
11
11
|
ESM Build start
|
12
12
|
CJS Build start
|
13
13
|
DTS Build start
|
14
|
-
ESM dist/index.mjs 293.57 KB
|
15
|
-
ESM dist/icons/index.mjs 110.00 B
|
16
|
-
ESM dist/index.mjs.map 628.65 KB
|
17
|
-
ESM dist/icons/index.mjs.map 157.00 B
|
18
|
-
ESM ⚡️ Build success in 2969ms
|
19
|
-
CJS dist/index.cjs 314.45 KB
|
20
14
|
CJS dist/icons/index.cjs 381.00 B
|
21
|
-
CJS dist/index.cjs.map 628.65 KB
|
22
15
|
CJS dist/icons/index.cjs.map 157.00 B
|
23
|
-
CJS
|
24
|
-
|
16
|
+
CJS dist/index.cjs 315.14 KB
|
17
|
+
CJS dist/index.cjs.map 629.02 KB
|
18
|
+
CJS ⚡️ Build success in 3030ms
|
19
|
+
ESM dist/icons/index.mjs 110.00 B
|
20
|
+
ESM dist/index.mjs 293.75 KB
|
21
|
+
ESM dist/icons/index.mjs.map 157.00 B
|
22
|
+
ESM dist/index.mjs.map 629.02 KB
|
23
|
+
ESM ⚡️ Build success in 3037ms
|
24
|
+
DTS ⚡️ Build success in 30729ms
|
25
25
|
DTS dist/icons/index.d.ts 44.00 B
|
26
|
-
DTS dist/index.d.ts 156.
|
26
|
+
DTS dist/index.d.ts 156.40 KB
|
27
27
|
DTS dist/icons/index.d.cts 44.00 B
|
28
|
-
DTS dist/index.d.cts 156.
|
28
|
+
DTS dist/index.d.cts 156.40 KB
|
package/CHANGELOG.md
CHANGED
@@ -1,5 +1,17 @@
|
|
1
1
|
# @vygruppen/spor-react
|
2
2
|
|
3
|
+
## 12.8.10
|
4
|
+
|
5
|
+
### Patch Changes
|
6
|
+
|
7
|
+
- 6fc5a24: Export some more externals from chakra-ui
|
8
|
+
|
9
|
+
## 12.8.9
|
10
|
+
|
11
|
+
### Patch Changes
|
12
|
+
|
13
|
+
- 979903e: Fix bug where specifying id on inputs gives missing label error.
|
14
|
+
|
3
15
|
## 12.8.8
|
4
16
|
|
5
17
|
### Patch Changes
|
package/dist/index.cjs
CHANGED
@@ -982,11 +982,11 @@ var useScrollDirection = () => {
|
|
982
982
|
var AlertIcon = React27.forwardRef(
|
983
983
|
({ variant, customIcon }, ref) => {
|
984
984
|
const { t } = useTranslation();
|
985
|
-
const
|
985
|
+
const Icon3 = customIcon ?? getIcon(variant);
|
986
986
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
987
987
|
react.Box,
|
988
988
|
{
|
989
|
-
as:
|
989
|
+
as: Icon3,
|
990
990
|
ref,
|
991
991
|
"aria-label": t(texts5[variant]),
|
992
992
|
color: customIcon ? `alert.${variant}.icon` : void 0
|
@@ -1397,6 +1397,7 @@ var Field3 = React27__namespace.forwardRef(
|
|
1397
1397
|
readOnly,
|
1398
1398
|
required,
|
1399
1399
|
direction,
|
1400
|
+
id,
|
1400
1401
|
...rest
|
1401
1402
|
} = props;
|
1402
1403
|
const recipe = react.useSlotRecipe({ key: "field" });
|
@@ -1411,6 +1412,7 @@ var Field3 = React27__namespace.forwardRef(
|
|
1411
1412
|
required,
|
1412
1413
|
css: styles.root,
|
1413
1414
|
direction,
|
1415
|
+
id,
|
1414
1416
|
children: [
|
1415
1417
|
label && !floatingLabel && /* @__PURE__ */ jsxRuntime.jsxs(Label, { children: [
|
1416
1418
|
label,
|
@@ -2833,6 +2835,7 @@ var Input = React27.forwardRef(
|
|
2833
2835
|
helperText,
|
2834
2836
|
required,
|
2835
2837
|
errorText,
|
2838
|
+
id: props.id,
|
2836
2839
|
label: (
|
2837
2840
|
// Render startElement invisibly to align label text with input content when an icon is present
|
2838
2841
|
/* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { children: [
|
@@ -2995,6 +2998,7 @@ var NativeSelect = React27__namespace.forwardRef(function NativeSelect2(props, r
|
|
2995
2998
|
required,
|
2996
2999
|
helperText,
|
2997
3000
|
errorText,
|
3001
|
+
id: rest.id,
|
2998
3002
|
floatingLabel: true,
|
2999
3003
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
3000
3004
|
react.NativeSelect.Root,
|
@@ -3049,7 +3053,7 @@ var NumericStepper = React27__namespace.default.forwardRef((props, ref) => {
|
|
3049
3053
|
var _a5;
|
3050
3054
|
(_a5 = addButtonRef.current) == null ? void 0 : _a5.focus();
|
3051
3055
|
};
|
3052
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Field3, { css: styles.root, width: "auto", ...rest, ref, children: [
|
3056
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Field3, { css: styles.root, width: "auto", ...rest, id: idProp, ref, children: [
|
3053
3057
|
/* @__PURE__ */ jsxRuntime.jsx(
|
3054
3058
|
VerySmallButton,
|
3055
3059
|
{
|
@@ -3511,6 +3515,7 @@ var Select = React27__namespace.forwardRef(
|
|
3511
3515
|
invalid,
|
3512
3516
|
helperText,
|
3513
3517
|
required: props.required,
|
3518
|
+
id: rest.id,
|
3514
3519
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
3515
3520
|
react.Select.Root,
|
3516
3521
|
{
|
@@ -3636,6 +3641,7 @@ var Switch = React27.forwardRef(
|
|
3636
3641
|
errorText,
|
3637
3642
|
helperText,
|
3638
3643
|
required: props.required,
|
3644
|
+
id: rest.id,
|
3639
3645
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
3640
3646
|
react.Switch.Root,
|
3641
3647
|
{
|
@@ -3843,14 +3849,14 @@ var LineIcon = React27.forwardRef(
|
|
3843
3849
|
const borderContainer = () => {
|
3844
3850
|
return variant === "walk" && target === "travelTag" ? 0 : 0.5;
|
3845
3851
|
};
|
3846
|
-
const
|
3852
|
+
const Icon3 = getCorrectIcon({
|
3847
3853
|
variant: variant === "custom" && "customIconVariant" in rest ? rest.customIconVariant : (
|
3848
3854
|
// eslint-disable-next-line unicorn/no-nested-ternary
|
3849
3855
|
variant === "custom" ? "local-train" : variant
|
3850
3856
|
),
|
3851
3857
|
size
|
3852
3858
|
});
|
3853
|
-
if (!
|
3859
|
+
if (!Icon3) {
|
3854
3860
|
return null;
|
3855
3861
|
}
|
3856
3862
|
if (foregroundColor) {
|
@@ -3865,7 +3871,7 @@ var LineIcon = React27.forwardRef(
|
|
3865
3871
|
borderColor: variant === "walk" ? "core.outline" : "transparent",
|
3866
3872
|
"aria-label": label,
|
3867
3873
|
ref,
|
3868
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
3874
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icon3, { css: styles.icon })
|
3869
3875
|
}
|
3870
3876
|
);
|
3871
3877
|
}
|
@@ -10645,6 +10651,10 @@ var TooltipContent = React27.forwardRef(
|
|
10645
10651
|
);
|
10646
10652
|
TooltipContent.displayName = "TooltipContent";
|
10647
10653
|
|
10654
|
+
Object.defineProperty(exports, "AspectRatio", {
|
10655
|
+
enumerable: true,
|
10656
|
+
get: function () { return react.AspectRatio; }
|
10657
|
+
});
|
10648
10658
|
Object.defineProperty(exports, "Box", {
|
10649
10659
|
enumerable: true,
|
10650
10660
|
get: function () { return react.Box; }
|
@@ -10709,6 +10719,10 @@ Object.defineProperty(exports, "HStack", {
|
|
10709
10719
|
enumerable: true,
|
10710
10720
|
get: function () { return react.HStack; }
|
10711
10721
|
});
|
10722
|
+
Object.defineProperty(exports, "Icon", {
|
10723
|
+
enumerable: true,
|
10724
|
+
get: function () { return react.Icon; }
|
10725
|
+
});
|
10712
10726
|
Object.defineProperty(exports, "Image", {
|
10713
10727
|
enumerable: true,
|
10714
10728
|
get: function () { return react.Image; }
|
@@ -10793,6 +10807,10 @@ Object.defineProperty(exports, "VisuallyHidden", {
|
|
10793
10807
|
enumerable: true,
|
10794
10808
|
get: function () { return react.VisuallyHidden; }
|
10795
10809
|
});
|
10810
|
+
Object.defineProperty(exports, "createIcon", {
|
10811
|
+
enumerable: true,
|
10812
|
+
get: function () { return react.createIcon; }
|
10813
|
+
});
|
10796
10814
|
Object.defineProperty(exports, "createListCollection", {
|
10797
10815
|
enumerable: true,
|
10798
10816
|
get: function () { return react.createListCollection; }
|
@@ -10841,6 +10859,14 @@ Object.defineProperty(exports, "useMediaQuery", {
|
|
10841
10859
|
enumerable: true,
|
10842
10860
|
get: function () { return react.useMediaQuery; }
|
10843
10861
|
});
|
10862
|
+
Object.defineProperty(exports, "useRecipe", {
|
10863
|
+
enumerable: true,
|
10864
|
+
get: function () { return react.useRecipe; }
|
10865
|
+
});
|
10866
|
+
Object.defineProperty(exports, "useSlotRecipe", {
|
10867
|
+
enumerable: true,
|
10868
|
+
get: function () { return react.useSlotRecipe; }
|
10869
|
+
});
|
10844
10870
|
Object.defineProperty(exports, "useToken", {
|
10845
10871
|
enumerable: true,
|
10846
10872
|
get: function () { return react.useToken; }
|