@vygruppen/spor-react 12.22.1 → 12.23.0

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.
Files changed (25) hide show
  1. package/.turbo/turbo-build.log +10 -10
  2. package/.turbo/turbo-postinstall.log +2 -2
  3. package/CHANGELOG.md +25 -0
  4. package/dist/index.cjs +209 -130
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.d.cts +26 -4
  7. package/dist/index.d.ts +26 -4
  8. package/dist/index.mjs +222 -135
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +5 -5
  11. package/src/alert/AlertIcon.tsx +5 -1
  12. package/src/input/AttachedInputs.tsx +2 -2
  13. package/src/input/Autocomplete.tsx +42 -22
  14. package/src/input/CountryCodeSelect.tsx +1 -0
  15. package/src/input/Field.tsx +3 -1
  16. package/src/input/FloatingLabel.tsx +2 -2
  17. package/src/input/Input.tsx +6 -1
  18. package/src/input/NumericStepper.tsx +1 -4
  19. package/src/input/Textarea.tsx +12 -20
  20. package/src/table/Table.tsx +142 -14
  21. package/src/table/index.tsx +0 -6
  22. package/src/table/sort-utils.ts +51 -0
  23. package/src/theme/recipes/attached-inputs.ts +3 -2
  24. package/src/theme/slot-recipes/autocomplete.ts +0 -1
  25. package/src/theme/tokens/text-styles.ts +0 -18
package/src/theme/recipes/attached-inputs.ts CHANGED
@@ -8,12 +8,13 @@ export const attachedInputsRecipe = defineRecipe({
8
8
  "& select": {
9
9
  borderEndRadius: 0,
10
10
  },
11
+
11
12
  "& > *": {
12
13
  position: "relative",
13
- zIndex: 0,
14
+ zIndex: 100,
14
15
  },
15
16
  "& > *:focus-within": {
16
- zIndex: 1,
17
+ zIndex: 101,
17
18
  },
18
19
  },
19
20
  variants: {
package/src/theme/slot-recipes/autocomplete.ts CHANGED
@@ -16,7 +16,6 @@ export const comboboxSlotRecipe = defineSlotRecipe({
16
16
  label: {
17
17
  fontWeight: "medium",
18
18
  userSelect: "none",
19
- textStyle: "sm",
20
19
  },
21
20
 
22
21
  input: {
package/src/theme/tokens/text-styles.ts CHANGED
@@ -6,8 +6,6 @@ export const textStyles = defineTextStyles({
6
6
  value: {
7
7
  fontSize: [
8
8
  tokens.font.style.xxl["font-size"].mobile,
9
- null,
10
- null,
11
9
  tokens.font.style.xxl["font-size"].desktop,
12
10
  ],
13
11
  fontFamily: tokens.font.style.xxl["font-family"],
@@ -18,8 +16,6 @@ export const textStyles = defineTextStyles({
18
16
  value: {
19
17
  fontSize: [
20
18
  tokens.font.style["xl-display"]["font-size"].mobile,
21
- null,
22
- null,
23
19
  tokens.font.style["xl-display"]["font-size"].desktop,
24
20
  ],
25
21
  fontFamily: tokens.font.style["xl-display"]["font-family"],
@@ -30,8 +26,6 @@ export const textStyles = defineTextStyles({
30
26
  value: {
31
27
  fontSize: [
32
28
  tokens.font.style["xl-sans"]["font-size"].mobile,
33
- null,
34
- null,
35
29
  tokens.font.style["xl-sans"]["font-size"].desktop,
36
30
  ],
37
31
  fontFamily: tokens.font.style["xl-sans"]["font-family"],
@@ -42,8 +36,6 @@ export const textStyles = defineTextStyles({
42
36
  value: {
43
37
  fontSize: [
44
38
  tokens.font.style.lg["font-size"].mobile,
45
- null,
46
- null,
47
39
  tokens.font.style.lg["font-size"].desktop,
48
40
  ],
49
41
  fontFamily: tokens.font.style.lg["font-family"],
@@ -54,8 +46,6 @@ export const textStyles = defineTextStyles({
54
46
  value: {
55
47
  fontSize: [
56
48
  tokens.font.style["md-lg"]["font-size"].mobile,
57
- null,
58
- null,
59
49
  tokens.font.style["md-lg"]["font-size"].desktop,
60
50
  ],
61
51
  fontFamily: tokens.font.style["md-lg"]["font-family"],
@@ -66,8 +56,6 @@ export const textStyles = defineTextStyles({
66
56
  value: {
67
57
  fontSize: [
68
58
  tokens.font.style.md["font-size"].mobile,
69
- null,
70
- null,
71
59
  tokens.font.style.md["font-size"].desktop,
72
60
  ],
73
61
  fontFamily: tokens.font.style.md["font-family"],
@@ -78,8 +66,6 @@ export const textStyles = defineTextStyles({
78
66
  value: {
79
67
  fontSize: [
80
68
  tokens.font.style.sm["font-size"].mobile,
81
- null,
82
- null,
83
69
  tokens.font.style.sm["font-size"].desktop,
84
70
  ],
85
71
  fontFamily: tokens.font.style.sm["font-family"],
@@ -90,8 +76,6 @@ export const textStyles = defineTextStyles({
90
76
  value: {
91
77
  fontSize: [
92
78
  tokens.font.style.xs["font-size"].mobile,
93
- null,
94
- null,
95
79
  tokens.font.style.xs["font-size"].desktop,
96
80
  ],
97
81
  fontFamily: tokens.font.style.xs["font-family"],
@@ -102,8 +86,6 @@ export const textStyles = defineTextStyles({
102
86
  value: {
103
87
  fontSize: [
104
88
  tokens.font.style["2xs"]["font-size"].mobile,
105
- null,
106
- null,
107
89
  tokens.font.style["2xs"]["font-size"].desktop,
108
90
  ],
109
91
  fontFamily: tokens.font.style["2xs"]["font-family"],