copilot/packages/ui-toolkit/.snapguidist/__snapshots__/Theme-0.snap

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>
`;