@vygruppen/spor-react 12.10.3 → 12.10.5

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.5",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
@@ -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({
@@ -124,6 +124,7 @@ export const TravelTag = forwardRef<HTMLDivElement, TravelTagProps>(
124
124
  aria-disabled={disabled}
125
125
  ref={ref}
126
126
  className={clsx("light", rest.className)}
127
+ backgroundColor={backgroundColor}
127
128
  {...rest}
128
129
  >
129
130
  <LineIcon
@@ -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",
@@ -34,7 +34,7 @@ export const createToast = ({
34
34
  text,
35
35
  variant,
36
36
  id,
37
- duration = 600_000,
37
+ duration = 6000,
38
38
  }: ToastProps) =>
39
39
  toaster.create({
40
40
  description: text,