@supernova-studio/model 0.58.27 → 0.59.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supernova-studio/model",
-  "version": "0.58.27",
+  "version": "0.59.0",
   "description": "Supernova Data Models",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/dsm/elements/raw-element.ts

@@ -93,14 +93,32 @@ const stringTokenTypes: Set<DesignTokenType> = new Set([
   "FontWeight",
 ] satisfies DesignTokenType[]);
 
-export function areTokenTypesCompatible(lhs: DesignTokenType, rhs: DesignTokenType): boolean {
+const fallbackNumberValue = 14;
+
+export function areTokenTypesCompatible(
+  lhs: DesignTokenType,
+  rhs: DesignTokenType,
+  isNonCompatibleTypeChangesEnabled = false
+): boolean {
   if (lhs === rhs) return true;
   if (numberTokenTypes.has(lhs) && numberTokenTypes.has(rhs)) return true;
   if (stringTokenTypes.has(lhs) && stringTokenTypes.has(rhs)) return true;
 
+  if (isNonCompatibleTypeChangesEnabled && stringTokenTypes.has(lhs) && numberTokenTypes.has(rhs)) return true;
+
   return false;
 }
 
+export function castStringToDimensionValue(lhs: DesignTokenType, rhs: DesignTokenType, value?: unknown) {
+  if (stringTokenTypes.has(lhs) && numberTokenTypes.has(rhs) && value) {
+    const newValue = Number.parseFloat(value?.toString() ?? "");
+    const measure = Number.isNaN(newValue) ? fallbackNumberValue : newValue;
+    return { unit: "Pixels", measure };
+  }
+
+  return value;
+}
+
 //
 // Element category
 //

package/src/dsm/elements/tokens.ts

@@ -35,7 +35,7 @@ import {
   VisibilityTokenData,
   ZIndexTokenData,
 } from "./data";
-import { areTokenTypesCompatible, DesignTokenType } from "./raw-element";
+import { areTokenTypesCompatible, castStringToDimensionValue, DesignTokenType } from "./raw-element";
 
 //
 // Base
@@ -279,15 +279,21 @@ export function extractTokenTypedData<T extends DesignTokenType, I extends Desig
 
 export function convertTokenTypedData<I extends DesignTokenType, O extends DesignTokenType>(
   source: DesignTokenTypedDataOfType<I>,
-  type: O
+  type: O,
+  isNonCompatibleTypeChangesEnabled: boolean
 ): DesignTokenTypedDataOfType<O> {
-  if (!areTokenTypesCompatible(source.type, type)) {
+  if (!areTokenTypesCompatible(source.type, type, isNonCompatibleTypeChangesEnabled)) {
     throw SupernovaException.invalidOperation(`Cannot convert token from ${source.type} to ${type}`);
   }
 
+  const data = source.data;
+  if (isNonCompatibleTypeChangesEnabled) {
+    data.value = castStringToDimensionValue(source.type, type, source.data.value);
+  }
+
   return {
-    type: type,
-    data: source.data,
+    type,
+    data,
   } as DesignTokenTypedDataOfType<O>;
 }
 

package/src/dsm/import/support/import-context.ts

@@ -60,6 +60,7 @@ export const FeatureFlagsKeepAliases = z.object({
   isTypographyPropsKeepAliasesEnabled: z.boolean().default(false),
   isGradientPropsKeepAliasesEnabled: z.boolean().default(false),
   isShadowPropsKeepAliasesEnabled: z.boolean().default(false),
+  isNonCompatibleTypeChangesEnabled: z.boolean().default(false),
 });
 export type FeatureFlagsKeepAliases = z.infer<typeof FeatureFlagsKeepAliases>;
 

package/src/feature-flags/feature-flags.ts

@@ -8,6 +8,7 @@ export const FlaggedFeature = z.enum([
   "TypographyPropsKeepAliases",
   "GradientPropsKeepAliases",
   "ShadowPropsKeepAliases",
+  "NonCompatibleTypeChanges",
 ]);
 export const FeatureFlagMap = z.record(FlaggedFeature, z.boolean());
 export const FeatureFlag = z.object({