> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cloud.coinbase.com/llms.txt
> Use this file to discover all available pages before exploring further.

# TokenValue

```ts theme={null}
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

| Property                    | Type                                                                                                                                                                                                                                                                                                        | Description                                                                                              |
| --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
| <a id="value" /> `value`    | `string` \| `number`                                                                                                                                                                                                                                                                                        | The value of the token.                                                                                  |
| <a id="unit" /> `unit?`     | `"px"` \| `"none"`                                                                                                                                                                                                                                                                                          | Unit for numeric values. Defaults to "px" if not specified. Use "none" for unitless values like z-index. |
| <a id="modify" /> `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.                                                                              |