@vygruppen/spor-react 12.10.0 → 12.10.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 (38) hide show
  1. package/.turbo/turbo-build.log +12 -12
  2. package/.turbo/turbo-postinstall.log +1 -1
  3. package/CHANGELOG.md +8 -0
  4. package/dist/index.cjs +86 -130
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.d.cts +8 -39
  7. package/dist/index.d.ts +8 -39
  8. package/dist/index.mjs +86 -130
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +5 -4
  11. package/src/dialog/Drawer.tsx +2 -2
  12. package/src/linjetag/LineIcon.tsx +4 -2
  13. package/src/linjetag/TravelTag.tsx +2 -1
  14. package/src/loader/DarkFullScreenLoader.tsx +2 -1
  15. package/src/loader/LightFullScreenLoader.tsx +1 -7
  16. package/src/loader/LightInlineLoader.tsx +1 -7
  17. package/src/theme/recipes/badge.ts +1 -1
  18. package/src/theme/recipes/close-button.ts +2 -2
  19. package/src/theme/recipes/link.ts +3 -3
  20. package/src/theme/recipes/pressable-card.ts +0 -1
  21. package/src/theme/recipes/skeleton.ts +1 -1
  22. package/src/theme/slot-recipes/alert-service.ts +1 -1
  23. package/src/theme/slot-recipes/checkbox.ts +2 -3
  24. package/src/theme/slot-recipes/choice-chip.ts +7 -7
  25. package/src/theme/slot-recipes/datepicker.ts +1 -2
  26. package/src/theme/slot-recipes/dialog.ts +1 -0
  27. package/src/theme/slot-recipes/drawer.ts +1 -0
  28. package/src/theme/slot-recipes/field.ts +4 -3
  29. package/src/theme/slot-recipes/floating-action-button.ts +1 -1
  30. package/src/theme/slot-recipes/line-icon.ts +3 -36
  31. package/src/theme/slot-recipes/radio-card.ts +0 -1
  32. package/src/theme/slot-recipes/select.ts +0 -1
  33. package/src/theme/slot-recipes/switch.ts +2 -4
  34. package/src/theme/slot-recipes/table.ts +0 -1
  35. package/src/theme/slot-recipes/tabs.ts +3 -4
  36. package/src/theme/slot-recipes/toast.ts +0 -9
  37. package/src/theme/slot-recipes/travel-tag.ts +11 -9
  38. package/src/toast/toast.tsx +1 -1
package/dist/index.d.cts CHANGED
@@ -572,7 +572,6 @@ declare const datePickerSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell"
572
572
  wrapper: {
573
573
  outline: "1px solid";
574
574
  outlineColor: "core.outline";
575
- backgroundColor: "core.surface";
576
575
  _hover: {
577
576
  outline: "2px solid";
578
577
  outlineColor: "core.outline.hover";
@@ -2110,38 +2109,14 @@ declare const lineIconSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" |
2110
2109
  iconContainer: {
2111
2110
  backgroundColor: "linjetag.altTransport";
2112
2111
  };
2113
- icon: {
2114
- color: "darkGrey";
2115
- "[aria-disabled=true] &": {
2116
- color: "white";
2117
- };
2118
- };
2119
2112
  };
2120
2113
  walk: {
2121
2114
  title: {
2122
2115
  color: "text";
2123
2116
  };
2124
- icon: {
2125
- color: "linjetag.walkLight";
2126
- "[aria-disabled=true] &": {
2127
- color: "icon.disabled";
2128
- };
2129
- };
2130
- _disabled: {
2131
- icon: {
2132
- color: string;
2133
- };
2134
- title: {
2135
- color: string;
2136
- };
2137
- };
2138
2117
  };
2139
2118
  custom: {
2140
- iconContainer: {
2141
- _disabled: {
2142
- backgroundColor: "surface.disabled";
2143
- };
2144
- };
2119
+ iconContainer: {};
2145
2120
  };
2146
2121
  };
2147
2122
  size: {
@@ -2213,10 +2188,10 @@ declare const travelTagSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon"
2213
2188
  critical: {
2214
2189
  container: {
2215
2190
  border: "1px solid";
2216
- borderColor: "error.text";
2191
+ borderColor: "outline.error";
2217
2192
  };
2218
2193
  deviationIcon: {
2219
- color: "brightRed";
2194
+ color: "outline.error";
2220
2195
  };
2221
2196
  };
2222
2197
  major: {
@@ -2226,11 +2201,7 @@ declare const travelTagSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon"
2226
2201
  };
2227
2202
  };
2228
2203
  minor: {};
2229
- info: {
2230
- deviationIcon: {
2231
- color: "ocean";
2232
- };
2233
- };
2204
+ info: {};
2234
2205
  none: {};
2235
2206
  };
2236
2207
  variant: {
@@ -2751,7 +2722,7 @@ declare const skeletonRecipe: _chakra_ui_react.RecipeDefinition<{
2751
2722
  };
2752
2723
  none: {
2753
2724
  animation: "none";
2754
- background: "steel";
2725
+ background: "surface.color.grey";
2755
2726
  };
2756
2727
  };
2757
2728
  }>;
@@ -3174,7 +3145,6 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
3174
3145
  variant: {
3175
3146
  core: {
3176
3147
  list: {
3177
- backgroundColor: "core.surface";
3178
3148
  color: "core.text";
3179
3149
  border: "sm";
3180
3150
  };
@@ -3184,7 +3154,7 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
3184
3154
  borderColor: "transparent";
3185
3155
  _hover: {
3186
3156
  outline: "2px solid";
3187
- outlineColor: "core.surface.hover";
3157
+ outlineColor: "core.outline.hover";
3188
3158
  outlineOffset: "-2px";
3189
3159
  };
3190
3160
  _active: {
@@ -3201,7 +3171,7 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
3201
3171
  };
3202
3172
  _disabled: {
3203
3173
  backgroundColor: "surface.disabled";
3204
- color: "brand.text.disabled";
3174
+ color: "surface.disabled";
3205
3175
  };
3206
3176
  };
3207
3177
  };
@@ -3214,7 +3184,7 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
3214
3184
  color: "accent.text";
3215
3185
  _disabled: {
3216
3186
  backgroundColor: "surface.disabled";
3217
- color: "accent.text.disabled";
3187
+ color: "icon.disabled";
3218
3188
  };
3219
3189
  _hover: {
3220
3190
  backgroundColor: "accent.surface.hover";
@@ -3367,7 +3337,6 @@ declare const tableSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "b
3367
3337
  backgroundColor: "bg";
3368
3338
  };
3369
3339
  columnHeader: {
3370
- color: "brand.text.inverted";
3371
3340
  backgroundColor: "surface.disabled";
3372
3341
  _hover: {
3373
3342
  backgroundColor: "surface.disabled";
package/dist/index.d.ts CHANGED
@@ -572,7 +572,6 @@ declare const datePickerSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell"
572
572
  wrapper: {
573
573
  outline: "1px solid";
574
574
  outlineColor: "core.outline";
575
- backgroundColor: "core.surface";
576
575
  _hover: {
577
576
  outline: "2px solid";
578
577
  outlineColor: "core.outline.hover";
@@ -2110,38 +2109,14 @@ declare const lineIconSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" |
2110
2109
  iconContainer: {
2111
2110
  backgroundColor: "linjetag.altTransport";
2112
2111
  };
2113
- icon: {
2114
- color: "darkGrey";
2115
- "[aria-disabled=true] &": {
2116
- color: "white";
2117
- };
2118
- };
2119
2112
  };
2120
2113
  walk: {
2121
2114
  title: {
2122
2115
  color: "text";
2123
2116
  };
2124
- icon: {
2125
- color: "linjetag.walkLight";
2126
- "[aria-disabled=true] &": {
2127
- color: "icon.disabled";
2128
- };
2129
- };
2130
- _disabled: {
2131
- icon: {
2132
- color: string;
2133
- };
2134
- title: {
2135
- color: string;
2136
- };
2137
- };
2138
2117
  };
2139
2118
  custom: {
2140
- iconContainer: {
2141
- _disabled: {
2142
- backgroundColor: "surface.disabled";
2143
- };
2144
- };
2119
+ iconContainer: {};
2145
2120
  };
2146
2121
  };
2147
2122
  size: {
@@ -2213,10 +2188,10 @@ declare const travelTagSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon"
2213
2188
  critical: {
2214
2189
  container: {
2215
2190
  border: "1px solid";
2216
- borderColor: "error.text";
2191
+ borderColor: "outline.error";
2217
2192
  };
2218
2193
  deviationIcon: {
2219
- color: "brightRed";
2194
+ color: "outline.error";
2220
2195
  };
2221
2196
  };
2222
2197
  major: {
@@ -2226,11 +2201,7 @@ declare const travelTagSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon"
2226
2201
  };
2227
2202
  };
2228
2203
  minor: {};
2229
- info: {
2230
- deviationIcon: {
2231
- color: "ocean";
2232
- };
2233
- };
2204
+ info: {};
2234
2205
  none: {};
2235
2206
  };
2236
2207
  variant: {
@@ -2751,7 +2722,7 @@ declare const skeletonRecipe: _chakra_ui_react.RecipeDefinition<{
2751
2722
  };
2752
2723
  none: {
2753
2724
  animation: "none";
2754
- background: "steel";
2725
+ background: "surface.color.grey";
2755
2726
  };
2756
2727
  };
2757
2728
  }>;
@@ -3174,7 +3145,6 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
3174
3145
  variant: {
3175
3146
  core: {
3176
3147
  list: {
3177
- backgroundColor: "core.surface";
3178
3148
  color: "core.text";
3179
3149
  border: "sm";
3180
3150
  };
@@ -3184,7 +3154,7 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
3184
3154
  borderColor: "transparent";
3185
3155
  _hover: {
3186
3156
  outline: "2px solid";
3187
- outlineColor: "core.surface.hover";
3157
+ outlineColor: "core.outline.hover";
3188
3158
  outlineOffset: "-2px";
3189
3159
  };
3190
3160
  _active: {
@@ -3201,7 +3171,7 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
3201
3171
  };
3202
3172
  _disabled: {
3203
3173
  backgroundColor: "surface.disabled";
3204
- color: "brand.text.disabled";
3174
+ color: "surface.disabled";
3205
3175
  };
3206
3176
  };
3207
3177
  };
@@ -3214,7 +3184,7 @@ declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "in
3214
3184
  color: "accent.text";
3215
3185
  _disabled: {
3216
3186
  backgroundColor: "surface.disabled";
3217
- color: "accent.text.disabled";
3187
+ color: "icon.disabled";
3218
3188
  };
3219
3189
  _hover: {
3220
3190
  backgroundColor: "accent.surface.hover";
@@ -3367,7 +3337,6 @@ declare const tableSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "b
3367
3337
  backgroundColor: "bg";
3368
3338
  };
3369
3339
  columnHeader: {
3370
- color: "brand.text.inverted";
3371
3340
  backgroundColor: "surface.disabled";
3372
3341
  _hover: {
3373
3342
  backgroundColor: "surface.disabled";