# MotionValue

<pre class="nacara-api__signature"><code><span class="tok-keyword">type</span> <span class="tok-type">MotionValue</span> <span class="tok-operator">=</span>
    <span class="tok-punctuation">|</span> <a class="tok-constructor" href="#token">Token</a> <span class="tok-keyword">of</span> <span class="tok-parameter">path</span><span class="tok-punctuation">:</span> <span class="tok-type">string</span> <span class="tok-operator">*</span> <span class="tok-parameter">fallback</span><span class="tok-punctuation">:</span> <span class="tok-type">string</span> <span class="tok-type">option</span>
    <span class="tok-punctuation">|</span> <a class="tok-constructor" href="#literal">Literal</a> <span class="tok-keyword">of</span> <span class="tok-parameter">css</span><span class="tok-punctuation">:</span> <span class="tok-type">string</span></code></pre>

| | |
|---|---|
| Assembly | `Partas.Nacara.Plugins.Motion` |

A value a hover animates between: a design token or a literal CSS value.

## Cases

<div class="nacara-api__entry" id="token">
<a class="nacara-api__anchor"
                           href="#token"
                           aria-label="Link to Token"
                           data-pagefind-ignore></a>
<details class="nacara-api__member">
<summary>
<pre class="nacara-api__signature nacara-api__signature--hanging"><code><span class="tok-constructor">Token</span> <span class="tok-keyword">of</span> <span class="tok-parameter">path</span><span class="tok-punctuation">:</span> <span class="tok-type">string</span> <span class="tok-operator">*</span> <span class="tok-parameter">fallback</span><span class="tok-punctuation">:</span> <span class="tok-type">string</span> <span class="tok-type">option</span></code></pre>
</summary>
<div class="nacara-api__body">

A design token, by its dotted path, and the CSS value it falls back to where the site does not define it.

The fallback is the value Figma resolves the token to; a document written before it carries none.


</div>
</details>
</div>

<div class="nacara-api__entry" id="literal">
<a class="nacara-api__anchor"
                           href="#literal"
                           aria-label="Link to Literal"
                           data-pagefind-ignore></a>
<details class="nacara-api__member">
<summary>
<pre class="nacara-api__signature nacara-api__signature--hanging"><code><span class="tok-constructor">Literal</span> <span class="tok-keyword">of</span> <span class="tok-parameter">css</span><span class="tok-punctuation">:</span> <span class="tok-type">string</span></code></pre>
</summary>
<div class="nacara-api__body">

A literal CSS value.


</div>
</details>
</div>

## Properties

<div class="nacara-api__entry" id="isliteral">
<a class="nacara-api__anchor"
                           href="#isliteral"
                           aria-label="Link to IsLiteral"
                           data-pagefind-ignore></a>
<div class="nacara-api__member">
<pre class="nacara-api__signature nacara-api__signature--hanging"><code><span class="tok-keyword">member</span> <span class="tok-property">IsLiteral</span><span class="tok-punctuation">:</span> <span class="tok-type">bool</span></code></pre>
</div>
</div>

<div class="nacara-api__entry" id="istoken">
<a class="nacara-api__anchor"
                           href="#istoken"
                           aria-label="Link to IsToken"
                           data-pagefind-ignore></a>
<div class="nacara-api__member">
<pre class="nacara-api__signature nacara-api__signature--hanging"><code><span class="tok-keyword">member</span> <span class="tok-property">IsToken</span><span class="tok-punctuation">:</span> <span class="tok-type">bool</span></code></pre>
</div>
</div>
