Skip to main content
type TokenValue = {
  value: string | number;
  unit?: "px" | "none";
  modify?:   | {
     type: "color-alpha";
     value: number | string;
   }
     | {
     type: "color-hsl";
     value: [number, number, number];
   }
     | {
     type: "color-mix";
     value: ReadonlyArray<string | readonly [string, string]>;
   }
     | {
     type: "multiply";
     value: number | string;
   };
};
Represents a single theme value, which can be a direct value or a reference with modifications.

​
Properties

PropertyTypeDescription
valuestring | numberThe value of the token.
unit?"px" | "none"Unit for numeric values. Defaults to “px” if not specified. Use “none” for unitless values like z-index.
modify?| { type: "color-alpha"; value: number | string; } | { type: "color-hsl"; value: [number, number, number]; } | { type: "color-mix"; value: ReadonlyArray<string | readonly [string, string]>; } | { type: "multiply"; value: number | string; }Modifications to the value.