@vygruppen/spor-react 13.5.0 → 13.6.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vygruppen/spor-react",
   "type": "module",
-  "version": "13.5.0",
+  "version": "13.6.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -46,7 +46,7 @@
     "react-stately": "^3.31.1",
     "react-swipeable": "^7.0.1",
     "usehooks-ts": "^3.1.0",
-    "@vygruppen/spor-design-tokens": "5.0.6",
+    "@vygruppen/spor-design-tokens": "5.1.0",
     "@vygruppen/spor-icon-react": "5.0.2",
     "@vygruppen/spor-loader": "0.7.0"
   },

package/src/theme/brand.ts

@@ -1,6 +1,11 @@
 export enum Brand {
   VyDigital = "VyDigital",
+  /**
+   * @deprecated The VyUtvikling theme is deprecated and will be removed in a
+   * future major version. Use {@link Brand.VyTeknologi} instead.
+   */
   VyUtvikling = "VyUtvikling",
+  VyTeknologi = "VyTeknologi",
   CargoNet = "CargoNet",
 }
 

package/src/theme/index.ts

@@ -48,6 +48,10 @@ export const themes = {
     defaultBaseConfig,
     generateTheme(Brand.VyUtvikling),
   ),
+  [Brand.VyTeknologi]: createSystem(
+    defaultBaseConfig,
+    generateTheme(Brand.VyTeknologi),
+  ),
 };
 
 export const system = themes[Brand.VyDigital];

package/src/theme/semantic-tokens/colors.ts

@@ -3,7 +3,12 @@ import tokens from "@vygruppen/spor-design-tokens/raw-tokens";
 
 export enum Brand {
   VyDigital = "VyDigital",
+  /**
+   * @deprecated The VyUtvikling theme is deprecated and will be removed in a
+   * future major version. Use {@link Brand.VyTeknologi} instead.
+   */
   VyUtvikling = "VyUtvikling",
+  VyTeknologi = "VyTeknologi",
   CargoNet = "CargoNet",
 }
 
@@ -11,10 +16,18 @@ export const vyDigitalColors = defineSemanticTokens.colors({
   ...tokens.color["vy-digital"].color.vyDigital,
 });
 
+/**
+ * @deprecated The VyUtvikling theme is deprecated and will be removed in a
+ * future major version. Use {@link vyTeknologiColors} instead.
+ */
 export const vyUtviklingColors = defineSemanticTokens.colors({
   ...tokens.color["vy-utvikling"].color.vyUtvikling,
 });
 
+export const vyTeknologiColors = defineSemanticTokens.colors({
+  ...tokens.color["vy-teknologi"].color.vyTeknologi,
+});
+
 export const cargonetColors = defineSemanticTokens.colors({
   ...tokens.color["cargonet"].color.cargonet,
 });

package/src/theme/semantic-tokens/index.ts

@@ -1,5 +1,10 @@
 import { Brand } from "../brand";
-import { cargonetColors, vyDigitalColors, vyUtviklingColors } from "./colors";
+import {
+  cargonetColors,
+  vyDigitalColors,
+  vyTeknologiColors,
+  vyUtviklingColors,
+} from "./colors";
 import { radii } from "./radii";
 import { shadows } from "./shadows";
 
@@ -13,6 +18,10 @@ export const semanticTokens = {
     ...baseSemanticTokens,
     colors: vyUtviklingColors,
   },
+  [Brand.VyTeknologi]: {
+    ...baseSemanticTokens,
+    colors: vyTeknologiColors,
+  },
   [Brand.CargoNet]: {
     ...baseSemanticTokens,
     colors: cargonetColors,