joyent-portal/packages/ui-toolkit/.snapguidist/__snapshots__/Theme-0.snap

1228 lines
26 KiB
Plaintext

exports[`Theme-0 1`] = `
<div
className="Row__Row-kNtYPA bvOcuL">
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt hAyHqn" />
<div
className="colors__InnerBox-feqZGG eibEOU">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Primary
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
primary
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#3B46CC
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt edISuI" />
<div
className="colors__InnerBox-feqZGG PkziW">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Primary Active
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
primaryActive
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#2D3884
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt edISuI" />
<div
className="colors__InnerBox-feqZGG PkziW">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Primary Desaturated Active
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
primaryDesaturatedActive
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#2D3884
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt cMrSAM" />
<div
className="colors__InnerBox-feqZGG dEKYap">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Primary Desaturated
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
primaryDesaturated
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#3B4AAF
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt fckQid" />
<div
className="colors__InnerBox-feqZGG fNgVVv">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Primary Desaturated Hover
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
primaryDesaturatedHover
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#475AD1
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt fckQid" />
<div
className="colors__InnerBox-feqZGG fNgVVv">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Primary Hover
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
primaryHover
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#475AD1
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy eziUcd">
<div
className="colors__Preview-hyhXQt cTTQiN" />
<div
className="colors__InnerBox-feqZGG bVSKeY">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Brand Background
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
brandBackground
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#1E313B
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt iIMwLK" />
<div
className="colors__InnerBox-feqZGG efCvAh">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Green
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
green
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#00AF66
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt itdKza" />
<div
className="colors__InnerBox-feqZGG izbvgv">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Green Dark
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
greenDark
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#009858
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt hHRPiG" />
<div
className="colors__InnerBox-feqZGG hDcYaP">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Orange
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
orange
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#E38200
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt hHRPiG" />
<div
className="colors__InnerBox-feqZGG hDcYaP">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Input Warning
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
inputWarning
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#E38200
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt kZNMLk" />
<div
className="colors__InnerBox-feqZGG hAingP">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Orange Dark
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
orangeDark
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#CB7400
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt fDvPBC" />
<div
className="colors__InnerBox-feqZGG CtJqR">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Red
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
red
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#DA4B42
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt fDvPBC" />
<div
className="colors__InnerBox-feqZGG CtJqR">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Input Error
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
inputError
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#DA4B42
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt cxZpNL" />
<div
className="colors__InnerBox-feqZGG fkkuIe">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Red Dark
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
redDark
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#CD251B
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt dysjbb" />
<div
className="colors__InnerBox-feqZGG kQVMeP">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Secondary
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
secondary
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#464646
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt iUIDoG" />
<div
className="colors__InnerBox-feqZGG keSUad">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Background
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
background
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#FAFAFA
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt jOoYIA" />
<div
className="colors__InnerBox-feqZGG kseEJb">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
White Hover
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
whiteHover
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#F8F8F8
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt dzSrnR" />
<div
className="colors__InnerBox-feqZGG hfYibY">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Text
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
text
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#494949
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt iUIDoG" />
<div
className="colors__InnerBox-feqZGG keSUad">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Disabled
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
disabled
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#FAFAFA
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt fLYVqG" />
<div
className="colors__InnerBox-feqZGG klZAIV">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
White
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
white
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#FFFFFF
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt hhpUOX" />
<div
className="colors__InnerBox-feqZGG fAUgEc">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
White Active
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
whiteActive
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#E9E9E9
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy eziUcd">
<div
className="colors__Preview-hyhXQt gYUaLm" />
<div
className="colors__InnerBox-feqZGG grxpPl">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Topology Background
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
topologyBackground
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#343434
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy eziUcd">
<div
className="colors__Preview-hyhXQt gYUaLm" />
<div
className="colors__InnerBox-feqZGG grxpPl">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Secondary Active
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
secondaryActive
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#343434
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt kMpsEy" />
<div
className="colors__InnerBox-feqZGG hqVUuE">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Secondary Hover
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
secondaryHover
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#3F3F3F
</code>
</p>
</div>
</div>
</div>
<div
className="Col__Col-hCQanm iekBVn">
<div
className="colors__Box-ilkpOy jmrYNN">
<div
className="colors__Preview-hyhXQt bimOcm" />
<div
className="colors__InnerBox-feqZGG gZPyCq">
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Name
</strong>
:
<br />
Grey
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Property
</strong>
:
<br />
<code>
grey
</code>
</p>
<br />
<p
className="sc-bwzfXH UILuU">
<strong
className="src__Strong-laomNI gABlxY">
Hex
</strong>
:
<br />
<code>
#D8D8D8
</code>
</p>
</div>
</div>
</div>
</div>
`;