@vygruppen/spor-react 13.0.3 → 13.1.1

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 (70) hide show
  1. package/.turbo/turbo-build.log +12 -12
  2. package/.turbo/turbo-postinstall.log +2 -2
  3. package/CHANGELOG.md +24 -0
  4. package/dist/index.cjs +509 -427
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.d.cts +178 -177
  7. package/dist/index.d.ts +178 -177
  8. package/dist/index.mjs +509 -426
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +6 -10
  11. package/src/alert/AlertIcon.tsx +2 -2
  12. package/src/alert/ServiceAlert.tsx +2 -1
  13. package/src/calendar/CalendarCell.tsx +4 -4
  14. package/src/datepicker/CalendarHeader.tsx +1 -1
  15. package/src/dialog/Drawer.tsx +1 -1
  16. package/src/input/CardSelect.tsx +4 -4
  17. package/src/input/Combobox.tsx +1 -1
  18. package/src/input/Field.tsx +1 -1
  19. package/src/input/Menu.tsx +9 -5
  20. package/src/input/Popover.tsx +9 -7
  21. package/src/linjetag/LineIcon.tsx +1 -1
  22. package/src/loader/ColorInlineLoader.tsx +2 -1
  23. package/src/loader/ColorSpinner.tsx +2 -1
  24. package/src/loader/ContentLoader.tsx +2 -1
  25. package/src/loader/DarkFullScreenLoader.tsx +2 -1
  26. package/src/loader/DarkInlineLoader.tsx +2 -1
  27. package/src/loader/DarkSpinner.tsx +2 -1
  28. package/src/loader/LightFullScreenLoader.tsx +2 -1
  29. package/src/loader/LightInlineLoader.tsx +2 -1
  30. package/src/loader/LightSpinner.tsx +2 -1
  31. package/src/loader/Lottie.tsx +3 -2
  32. package/src/loader/text.ts +15 -0
  33. package/src/stepper/StepperStep.tsx +2 -2
  34. package/src/theme/recipes/badge.ts +120 -48
  35. package/src/theme/recipes/button.ts +22 -22
  36. package/src/theme/recipes/close-button.ts +2 -2
  37. package/src/theme/recipes/input.ts +9 -9
  38. package/src/theme/recipes/link.ts +1 -1
  39. package/src/theme/recipes/pressable-card.ts +12 -12
  40. package/src/theme/recipes/skeleton.ts +1 -1
  41. package/src/theme/recipes/static-card.ts +8 -8
  42. package/src/theme/semantic-tokens/colors.ts +1 -1
  43. package/src/theme/slot-recipes/accordion.ts +10 -10
  44. package/src/theme/slot-recipes/alert-expandable.ts +35 -35
  45. package/src/theme/slot-recipes/alert-service.ts +10 -10
  46. package/src/theme/slot-recipes/alert.ts +11 -11
  47. package/src/theme/slot-recipes/autocomplete.ts +5 -5
  48. package/src/theme/slot-recipes/breadcrumb.ts +4 -4
  49. package/src/theme/slot-recipes/checkbox.ts +11 -17
  50. package/src/theme/slot-recipes/choice-chip.ts +21 -21
  51. package/src/theme/slot-recipes/datepicker.ts +29 -29
  52. package/src/theme/slot-recipes/field.ts +3 -3
  53. package/src/theme/slot-recipes/floating-action-button.ts +14 -14
  54. package/src/theme/slot-recipes/input-chip.ts +10 -10
  55. package/src/theme/slot-recipes/listbox.ts +9 -9
  56. package/src/theme/slot-recipes/media-controller-button.ts +9 -9
  57. package/src/theme/slot-recipes/menu.ts +7 -7
  58. package/src/theme/slot-recipes/numeric-stepper.ts +4 -4
  59. package/src/theme/slot-recipes/pagination.ts +4 -4
  60. package/src/theme/slot-recipes/popover.ts +4 -4
  61. package/src/theme/slot-recipes/progress-bar.ts +2 -2
  62. package/src/theme/slot-recipes/progress-indicator.ts +1 -1
  63. package/src/theme/slot-recipes/radio-card.ts +11 -11
  64. package/src/theme/slot-recipes/radio.ts +5 -5
  65. package/src/theme/slot-recipes/select.ts +16 -16
  66. package/src/theme/slot-recipes/stepper.ts +5 -5
  67. package/src/theme/slot-recipes/switch.ts +6 -6
  68. package/src/theme/slot-recipes/table.ts +2 -2
  69. package/src/theme/slot-recipes/tabs.ts +18 -18
  70. package/src/theme/slot-recipes/toast.ts +3 -3
package/src/theme/slot-recipes/table.ts CHANGED
@@ -48,10 +48,10 @@ export const tableSlotRecipe = defineSlotRecipe({
48
48
  backgroundColor: "bg",
49
49
  },
50
50
  header: {
51
- backgroundColor: "bg.tertiary",
51
+ backgroundColor: "bg.brand",
52
52
  },
53
53
  columnHeader: {
54
- color: "text.secondary",
54
+ color: "text.highlight",
55
55
  },
56
56
  },
57
57
  grey: {
package/src/theme/slot-recipes/tabs.ts CHANGED
@@ -63,26 +63,26 @@ export const tabsSlotRecipe = defineSlotRecipe({
63
63
  variant: {
64
64
  core: {
65
65
  list: {
66
- color: "core.text",
66
+ color: "text.core",
67
67
  border: "sm",
68
68
  },
69
69
  trigger: {
70
- color: "core.text",
70
+ color: "text.core",
71
71
  border: "md",
72
72
  borderColor: "transparent",
73
73
  _hover: {
74
74
  outline: "2px solid",
75
- outlineColor: "core.outline.hover",
75
+ outlineColor: "outline.core.hover",
76
76
  outlineOffset: "-2px",
77
77
  },
78
78
  _active: {
79
- backgroundColor: "brand.surface.active",
80
- color: "brand.text",
79
+ backgroundColor: "surface.brand.active",
80
+ color: "text.brand",
81
81
  outline: "none",
82
82
  },
83
83
  _selected: {
84
- backgroundColor: "brand.surface",
85
- color: "brand.text",
84
+ backgroundColor: "surface.brand",
85
+ color: "text.brand",
86
86
  _hover: {
87
87
  outline: "none",
88
88
  },
@@ -95,29 +95,29 @@ export const tabsSlotRecipe = defineSlotRecipe({
95
95
  },
96
96
  accent: {
97
97
  list: {
98
- backgroundColor: "accent.bg",
99
- color: "accent.text",
98
+ backgroundColor: "bg.accent",
99
+ color: "text.accent",
100
100
  },
101
101
  trigger: {
102
- color: "accent.text",
102
+ color: "text.accent",
103
103
 
104
104
  _disabled: {
105
105
  backgroundColor: "surface.disabled",
106
106
  color: "icon.disabled",
107
107
  },
108
108
  _hover: {
109
- backgroundColor: "accent.surface.hover",
109
+ backgroundColor: "surface.accent.hover",
110
110
  _active: {
111
- backgroundColor: "brand.surface.active",
112
- color: "brand.text",
111
+ backgroundColor: "surface.brand.active",
112
+ color: "text.brand",
113
113
  },
114
114
  },
115
115
  _selected: {
116
- backgroundColor: "brand.surface",
117
- color: "brand.text",
116
+ backgroundColor: "surface.brand",
117
+ color: "text.brand",
118
118
  _hover: {
119
- backgroundColor: "brand.surface.hover",
120
- color: "brand.text",
119
+ backgroundColor: "surface.brand.hover",
120
+ color: "text.brand",
121
121
  outline: "none",
122
122
  },
123
123
  },
@@ -165,7 +165,7 @@ export const tabsSlotRecipe = defineSlotRecipe({
165
165
  paddingX: 3,
166
166
  _focus: {
167
167
  border: "md",
168
- borderColor: "accent.surface",
168
+ borderColor: "surface.accent",
169
169
  },
170
170
  },
171
171
  },
package/src/theme/slot-recipes/toast.ts CHANGED
@@ -29,14 +29,14 @@ export const toastSlotRecipe = defineSlotRecipe({
29
29
 
30
30
  color: "text",
31
31
  "&[data-type=success]": {
32
- backgroundColor: "alert.success.surface",
32
+ backgroundColor: "surface.success",
33
33
  },
34
34
  "&[data-type=error]": {
35
- backgroundColor: "alert.error.surface",
35
+ backgroundColor: "surface.critical",
36
36
  },
37
37
 
38
38
  "&[data-type=info]": {
39
- backgroundColor: "alert.info.surface",
39
+ backgroundColor: "surface.info",
40
40
  },
41
41
  },
42
42