@vygruppen/spor-react 12.10.3 → 12.10.4

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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vygruppen/spor-react",
3
3
  "type": "module",
4
- "version": "12.10.3",
4
+ "version": "12.10.4",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
@@ -47,8 +47,8 @@
47
47
  "react-swipeable": "^7.0.1",
48
48
  "usehooks-ts": "^3.1.0",
49
49
  "@vygruppen/spor-design-tokens": "4.0.8",
50
- "@vygruppen/spor-icon-react": "4.2.1",
51
- "@vygruppen/spor-loader": "0.7.0"
50
+ "@vygruppen/spor-loader": "0.7.0",
51
+ "@vygruppen/spor-icon-react": "4.2.1"
52
52
  },
53
53
  "devDependencies": {
54
54
  "@react-types/datepicker": "^3.10.0",
@@ -68,8 +68,8 @@
68
68
  "vitest": "^0.26.3",
69
69
  "vitest-axe": "^0.1.0",
70
70
  "vitest-canvas-mock": "^0.2.2",
71
- "@vygruppen/tsconfig": "0.1.1",
72
- "@vygruppen/eslint-config": "1.2.3"
71
+ "@vygruppen/eslint-config": "1.2.3",
72
+ "@vygruppen/tsconfig": "0.1.1"
73
73
  },
74
74
  "peerDependencies": {
75
75
  "react": ">=18.0.0 <19.0.0",
@@ -81,6 +81,7 @@ export const Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {
81
81
  </HStack>
82
82
  {children && (
83
83
  <ChakraAlert.Description
84
+ width="100%"
84
85
  paddingLeft={title ? 0.5 : 0}
85
86
  paddingRight={closable ? 6 : 0}
86
87
  >
@@ -86,7 +86,7 @@ export const LineIcon = forwardRef<HTMLDivElement, LineIconProps>(
86
86
  };
87
87
 
88
88
  const borderContainer = () => {
89
- return variant === "walk" && target === "travelTag" ? 0 : 0.5;
89
+ return variant === "walk" && target === "travelTag" ? 0 : "1px";
90
90
  };
91
91
 
92
92
  const Icon: React.ElementType = getCorrectIcon({
@@ -79,6 +79,12 @@ export const lineIconSlotRecipe = defineSlotRecipe({
79
79
  title: {
80
80
  color: "text",
81
81
  },
82
+ iconContainer: {
83
+ backgroundColor: "none",
84
+ },
85
+ icon: {
86
+ color: "text",
87
+ },
82
88
  },
83
89
  custom: {
84
90
  iconContainer: {},
@@ -137,9 +137,10 @@ export const travelTagSlotRecipe = defineSlotRecipe({
137
137
  walk: {
138
138
  textContainer: {
139
139
  position: "absolute",
140
- left: "1.3rem",
140
+ left: "0.875rem",
141
141
  bottom: 0,
142
142
  },
143
+
143
144
  title: {
144
145
  fontSize: "mobile.xs",
145
146
  fontWeight: "normal",