@conduction/theme 1.1.34 → 1.1.36

package/municipalities/hof-van-twente-design-tokens/src/font.scss

@@ -0,0 +1,422 @@
+/* Place any @font-face definitions here */
+
+/* Roboto Font-Family */
+/* cyrillic-ext */
+@font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+      U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+0370-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+      U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
+      U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
+      U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2)
+      format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+      U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+      U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2)
+      format("woff2");
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+      U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)
+      format("woff2");
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)
+      format("woff2");
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)
+      format("woff2");
+    unicode-range: U+0370-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)
+      format("woff2");
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+      U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
+      U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)
+      format("woff2");
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
+      U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2)
+      format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+      U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+      U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+      U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+0370-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+      U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
+      U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)
+      format("woff2");
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
+      U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2)
+      format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+      U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+      U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  
+  /* Roboto Condensed Font-Family */
+  /* cyrillic-ext */
+@font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBD5XxxKA.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBK5XxxKA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBC5XxxKA.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBN5XxxKA.woff2) format('woff2');
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBB5XxxKA.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBA5XxxKA.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBO5Xw.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* cyrillic-ext */
+@font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBD5XxxKA.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBK5XxxKA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBC5XxxKA.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBN5XxxKA.woff2) format('woff2');
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBB5XxxKA.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBA5XxxKA.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBO5Xw.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* cyrillic-ext */
+@font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBD5XxxKA.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBK5XxxKA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBC5XxxKA.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBN5XxxKA.woff2) format('woff2');
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBB5XxxKA.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBA5XxxKA.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Roboto Condensed';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBO5Xw.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }

package/municipalities/hof-van-twente-design-tokens/src/index.scss

@@ -0,0 +1,8 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+@import "./design-tokens.css";
+@import "./font.css";

package/municipalities/hof-van-twente-design-tokens/style-dictionary.config.js

@@ -0,0 +1,6 @@
+const config = require("./src/config.json");
+const { createConfig } = require("../../style-dictionary-config");
+
+module.exports = createConfig({
+  selector: `.${config.prefix}-theme`,
+});

package/municipalities/moerdijk-design-tokens/documentation/color.stories.mdx

@@ -1,17 +1,17 @@
-import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs";
-import tokens from "../dist/tokens.json";
-import { ColorSearch } from "@nl-design-system-unstable/theme-toolkit/src/ColorSearch";
-import { ColorTable } from "@nl-design-system-unstable/theme-toolkit/src/ColorTable";
-import config from "../src/config.json";
-
-<Meta title={`${config.name}/Color`} />
-
-# Color
-
-## Find a color
-
-<ColorSearch tokens={tokens[config.prefix]["color"]}></ColorSearch>
-
-## Color palette
-
-<ColorTable tokens={tokens[config.prefix]["color"]}></ColorTable>
+import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs";
+import tokens from "../dist/tokens.json";
+import { ColorSearch } from "@nl-design-system-unstable/theme-toolkit/src/ColorSearch";
+import { ColorTable } from "@nl-design-system-unstable/theme-toolkit/src/ColorTable";
+import config from "../src/config.json";
+
+<Meta title={`${config.name}/Color`} />
+
+# Color
+
+## Find a color
+
+<ColorSearch tokens={tokens[config.prefix]["color"]}></ColorSearch>
+
+## Color palette
+
+<ColorTable tokens={tokens[config.prefix]["color"]}></ColorTable>

package/municipalities/moerdijk-design-tokens/documentation/components.stories.mdx

@@ -1,11 +1,11 @@
-import { Meta, Story } from "@storybook/addon-docs";
-import { ComponentStories } from "@nl-design-system-unstable/theme-toolkit/src/ComponentStories";
-import config from "../src/config.json";
-
-<Meta title={`${config.name}`} />
-
-# Components
-
-<Story name="Components">
-  <ComponentStories config={config} />
-</Story>
+import { Meta, Story } from "@storybook/addon-docs";
+import { ComponentStories } from "@nl-design-system-unstable/theme-toolkit/src/ComponentStories";
+import config from "../src/config.json";
+
+<Meta title={`${config.name}`} />
+
+# Components
+
+<Story name="Components">
+  <ComponentStories config={config} />
+</Story>

package/municipalities/moerdijk-design-tokens/documentation/design-tokens.stories.mdx

@@ -1,14 +1,14 @@
-import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs";
-import { DesignTokensTable } from "@nl-design-system-unstable/theme-toolkit/src/DesignTokensTable";
-import tokens from "../dist/index.json";
-import config from "../src/config.json";
-
-<Meta title={`${config.name}/Design Tokens`} />
-
-# Design Tokens
-
-<DesignTokensTable tokens={tokens.filter((token) => token.path[0] !== config.prefix)}></DesignTokensTable>
-
-## Proprietary Design Tokens
-
-<DesignTokensTable tokens={tokens.filter((token) => token.path[0] === config.prefix)}></DesignTokensTable>
+import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs";
+import { DesignTokensTable } from "@nl-design-system-unstable/theme-toolkit/src/DesignTokensTable";
+import tokens from "../dist/index.json";
+import config from "../src/config.json";
+
+<Meta title={`${config.name}/Design Tokens`} />
+
+# Design Tokens
+
+<DesignTokensTable tokens={tokens.filter((token) => token.path[0] !== config.prefix)}></DesignTokensTable>
+
+## Proprietary Design Tokens
+
+<DesignTokensTable tokens={tokens.filter((token) => token.path[0] === config.prefix)}></DesignTokensTable>

package/municipalities/moerdijk-design-tokens/documentation/readme.stories.mdx

@@ -1,7 +1,7 @@
-import { Meta, Description } from "@storybook/addon-docs";
-import markdown from "../README.md";
-import config from "../src/config.json";
-
-<Meta title={`${config.name}/README`} />
-
-<Description>{markdown}</Description>
+import { Meta, Description } from "@storybook/addon-docs";
+import markdown from "../README.md";
+import config from "../src/config.json";
+
+<Meta title={`${config.name}/README`} />
+
+<Description>{markdown}</Description>

package/municipalities/moerdijk-design-tokens/src/component/conduction/logo.tokens.json

@@ -1,27 +1,27 @@
-{
-  "conduction": {
-    "logo": {
-      "header": {
-        "inline-size": { "value": "325px" },
-        "block-size": { "value": "43px" },
-        "background-image": {
-          "value": "url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOTIwIDI1NSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTkyMCAyNTUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJNT0VSRElKSyIgZmlsbD0iIzAwNDQyYiI+CgkJPHBhdGggZD0ibTI3OS4zIDAuOWgtMzkuOC0zNi42bC02My4yIDYzLjItMzEuNy0zMS41LTMxLjYtMzEuN2gtMzgtMzguNHYyNTMuMWgyNC4xIDUyLjNsNjMuMi02My4yIDYzLjIgNjMuMmg3Ni40bDAuMS0yNTMuMXptLTEwOCAxNTguMi0zMS42LTMxLjYtMzEuNyAzMS42LTYzLjIgNjMuMnYtMTkwaDAuMWwtMC4xIDAuMSAzMS42IDMxLjYgMzEuNiAzMS45IDMxLjYgMzEuNiAzMS42LTMxLjYgMzEuOC0zMS43IDMxLjYtMzEuNnYxODkuOGwtNjMuMy02My4zeiIvPgoJCQk8cGF0aCBkPSJNNTUyLjUsMjIuOUg1OTJ2MjA4LjNoLTQ0LjZWOTIuM2wtNjcsODUuM2wtNjYuOC04NC43djEzOC4zaC00NC43VjIyLjloNDAuMmw3MS4zLDkwLjhMNTUyLjUsMjIuOXoiLz4KCQkJPHBhdGggZD0ibTY1OC45IDUwLjRjMjEuOC0yMS4yIDQ4LjYtMzEuOCA4MC4zLTMxLjhzNTguNSAxMC42IDgwLjMgMzEuOCAzMi44IDQ2LjggMzIuOCA3Ni43LTEwLjkgNTUuNS0zMi44IDc2LjhjLTIxLjggMjEuMy00OC42IDMxLjktODAuMyAzMS45cy01OC41LTEwLjYtODAuMy0zMS45LTMyLjgtNDYuOC0zMi44LTc2LjggMTEtNTUuNSAzMi44LTc2Ljd6bTMyLjkgMTI1LjNjMTMgMTMuMiAyOC44IDE5LjggNDcuNCAxOS44czM0LjUtNi42IDQ3LjQtMTkuOGMxMy0xMy4yIDE5LjUtMjkuNCAxOS41LTQ4LjZzLTYuNS0zNS40LTE5LjUtNDguN2MtMTMtMTMuMi0yOC44LTE5LjgtNDcuNC0xOS44cy0zNC41IDYuNi00Ny40IDE5LjhjLTEzIDEzLjItMTkuNSAyOS40LTE5LjUgNDguN3M2LjUgMzUuNCAxOS41IDQ4LjZ6Ii8+CgkJCTxwYXRoIGQ9Ik0xMDQyLjgsMTkxLjF2NDAuMUg4ODYuNVYyMi45aDE1My4zdjQwLjJIOTMxLjJ2NDEuN2g4NC43djQwLjFoLTg0Ljd2NDYuMkgxMDQyLjh6Ii8+CgkJCTxwYXRoIGQ9Im0xMDc2LjggMjIuOWg5Mi4yYzIwLjYgMCAzNy43IDYuNiA1MS4yIDE5LjhzMjAuMyAyOS40IDIwLjMgNDguNmMwIDguMy0xLjMgMTYuMS0zLjkgMjMuNHMtNS43IDEzLjEtOS4yIDE3LjYtNy4xIDguMy0xMC44IDExLjUtNi44IDUuNC05LjQgNi41bC0zLjggMiA0NC42IDc4LjloLTQ3LjZsLTQwLjEtNzIuOWgtMzguNnY3Mi45aC00NC43di0yMDguM3ptMTExIDQ4LjJjLTUuNC01LjMtMTIuMS04LTIwLjMtOGgtNDZ2NTUuMWg0NmM4LjEgMCAxNC45LTIuNiAyMC4zLTcuOHM4LjEtMTEuNSA4LjEtMTkuMWMwLTguMS0yLjctMTQuOC04LjEtMjAuMnoiLz4KCQkJPHBhdGggZD0ibTEzNTggMjIuOWMzMC4zIDAgNTUuNyAxMC4xIDc2LjMgMzAuMiAyMC41IDIwLjEgMzAuOCA0NC44IDMwLjggNzMuOSAwIDI5LjItMTAuMyA1My44LTMwLjggNzMuOXMtNDYgMzAuMi03Ni4zIDMwLjJoLTc3LjR2LTIwOC4yaDc3LjR6bS0zMi43IDQwLjJ2MTI4aDMyLjdjMTcuMiAwIDMyLTYuMiA0NC4yLTE4LjZzMTguMy0yNy41IDE4LjMtNDUuNC02LTMzLTE3LjktNDUuNC0yNi44LTE4LjYtNDQuNi0xOC42aC0zMi43eiIvPgoJCQk8cGF0aCBkPSJNMTQ5OS4yLDIyLjloNDQuN3YyMDguM2gtNDQuN1YyMi45eiIvPgoJCQk8cGF0aCBkPSJtMTY5MS4xIDIyLjl2MTQxLjNjMCAyMS4yLTYuNyAzOC40LTIwLjEgNTEuNnMtMzEgMTkuOC01Mi44IDE5LjhjLTEwLjYgMC0yMC40LTIuMS0yOS42LTYuNHMtMTUuNy04LjUtMTkuNS0xMi42bC02LTYuMiAyNi43LTI2LjljMC42IDAuOCAxLjUgMS45IDIuOCAzLjNzNC4yIDMuMiA4LjYgNS40YzQuNSAyLjIgOS4xIDMuMyAxMy44IDMuMyA5LjcgMCAxNy4zLTIuOCAyMi45LTguM3M4LjQtMTMuMiA4LjQtMjN2LTE0MS4zaDQ0Ljh6Ii8+CgkJCTxwYXRoIGQ9Im0xNzgwLjMgMTEzLjcgODEuOC05MC44aDUybC03Ny4zIDg2LjMgODMuMiAxMjJoLTUybC02MS04OS4yLTI2LjcgMjkuNnY1OS42aC00NC43di0yMDguM2g0NC43djkwLjh6Ii8+CjwvZz4KPC9zdmc+\")"
-        }
-      },
-      "footer": {
-        "inline-size": { "value": "226px" },
-        "block-size": { "value": "30px" },
-        "background-image": {
-          "value": "url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOTIwIDI1NSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTkyMCAyNTUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJNT0VSRElKSyIgZmlsbD0iI2ZmZmZmZiI+CgkJPHBhdGggZD0ibTI3OS4zIDAuOWgtMzkuOC0zNi42bC02My4yIDYzLjItMzEuNy0zMS41LTMxLjYtMzEuN2gtMzgtMzguNHYyNTMuMWgyNC4xIDUyLjNsNjMuMi02My4yIDYzLjIgNjMuMmg3Ni40bDAuMS0yNTMuMXptLTEwOCAxNTguMi0zMS42LTMxLjYtMzEuNyAzMS42LTYzLjIgNjMuMnYtMTkwaDAuMWwtMC4xIDAuMSAzMS42IDMxLjYgMzEuNiAzMS45IDMxLjYgMzEuNiAzMS42LTMxLjYgMzEuOC0zMS43IDMxLjYtMzEuNnYxODkuOGwtNjMuMy02My4zeiIvPgoJCQk8cGF0aCBkPSJNNTUyLjUsMjIuOUg1OTJ2MjA4LjNoLTQ0LjZWOTIuM2wtNjcsODUuM2wtNjYuOC04NC43djEzOC4zaC00NC43VjIyLjloNDAuMmw3MS4zLDkwLjhMNTUyLjUsMjIuOXoiLz4KCQkJPHBhdGggZD0ibTY1OC45IDUwLjRjMjEuOC0yMS4yIDQ4LjYtMzEuOCA4MC4zLTMxLjhzNTguNSAxMC42IDgwLjMgMzEuOCAzMi44IDQ2LjggMzIuOCA3Ni43LTEwLjkgNTUuNS0zMi44IDc2LjhjLTIxLjggMjEuMy00OC42IDMxLjktODAuMyAzMS45cy01OC41LTEwLjYtODAuMy0zMS45LTMyLjgtNDYuOC0zMi44LTc2LjggMTEtNTUuNSAzMi44LTc2Ljd6bTMyLjkgMTI1LjNjMTMgMTMuMiAyOC44IDE5LjggNDcuNCAxOS44czM0LjUtNi42IDQ3LjQtMTkuOGMxMy0xMy4yIDE5LjUtMjkuNCAxOS41LTQ4LjZzLTYuNS0zNS40LTE5LjUtNDguN2MtMTMtMTMuMi0yOC44LTE5LjgtNDcuNC0xOS44cy0zNC41IDYuNi00Ny40IDE5LjhjLTEzIDEzLjItMTkuNSAyOS40LTE5LjUgNDguN3M2LjUgMzUuNCAxOS41IDQ4LjZ6Ii8+CgkJCTxwYXRoIGQ9Ik0xMDQyLjgsMTkxLjF2NDAuMUg4ODYuNVYyMi45aDE1My4zdjQwLjJIOTMxLjJ2NDEuN2g4NC43djQwLjFoLTg0Ljd2NDYuMkgxMDQyLjh6Ii8+CgkJCTxwYXRoIGQ9Im0xMDc2LjggMjIuOWg5Mi4yYzIwLjYgMCAzNy43IDYuNiA1MS4yIDE5LjhzMjAuMyAyOS40IDIwLjMgNDguNmMwIDguMy0xLjMgMTYuMS0zLjkgMjMuNHMtNS43IDEzLjEtOS4yIDE3LjYtNy4xIDguMy0xMC44IDExLjUtNi44IDUuNC05LjQgNi41bC0zLjggMiA0NC42IDc4LjloLTQ3LjZsLTQwLjEtNzIuOWgtMzguNnY3Mi45aC00NC43di0yMDguM3ptMTExIDQ4LjJjLTUuNC01LjMtMTIuMS04LTIwLjMtOGgtNDZ2NTUuMWg0NmM4LjEgMCAxNC45LTIuNiAyMC4zLTcuOHM4LjEtMTEuNSA4LjEtMTkuMWMwLTguMS0yLjctMTQuOC04LjEtMjAuMnoiLz4KCQkJPHBhdGggZD0ibTEzNTggMjIuOWMzMC4zIDAgNTUuNyAxMC4xIDc2LjMgMzAuMiAyMC41IDIwLjEgMzAuOCA0NC44IDMwLjggNzMuOSAwIDI5LjItMTAuMyA1My44LTMwLjggNzMuOXMtNDYgMzAuMi03Ni4zIDMwLjJoLTc3LjR2LTIwOC4yaDc3LjR6bS0zMi43IDQwLjJ2MTI4aDMyLjdjMTcuMiAwIDMyLTYuMiA0NC4yLTE4LjZzMTguMy0yNy41IDE4LjMtNDUuNC02LTMzLTE3LjktNDUuNC0yNi44LTE4LjYtNDQuNi0xOC42aC0zMi43eiIvPgoJCQk8cGF0aCBkPSJNMTQ5OS4yLDIyLjloNDQuN3YyMDguM2gtNDQuN1YyMi45eiIvPgoJCQk8cGF0aCBkPSJtMTY5MS4xIDIyLjl2MTQxLjNjMCAyMS4yLTYuNyAzOC40LTIwLjEgNTEuNnMtMzEgMTkuOC01Mi44IDE5LjhjLTEwLjYgMC0yMC40LTIuMS0yOS42LTYuNHMtMTUuNy04LjUtMTkuNS0xMi42bC02LTYuMiAyNi43LTI2LjljMC42IDAuOCAxLjUgMS45IDIuOCAzLjNzNC4yIDMuMiA4LjYgNS40YzQuNSAyLjIgOS4xIDMuMyAxMy44IDMuMyA5LjcgMCAxNy4zLTIuOCAyMi45LTguM3M4LjQtMTMuMiA4LjQtMjN2LTE0MS4zaDQ0Ljh6Ii8+CgkJCTxwYXRoIGQ9Im0xNzgwLjMgMTEzLjcgODEuOC05MC44aDUybC03Ny4zIDg2LjMgODMuMiAxMjJoLTUybC02MS04OS4yLTI2LjcgMjkuNnY1OS42aC00NC43di0yMDguM2g0NC43djkwLjh6Ii8+CjwvZz4KPC9zdmc+\")"
-        }
-      },
-      "navbar": {
-        "inline-size": { "value": "265px" },
-        "block-size": { "value": "45px" },
-        "background-image": {
-          "value": "url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOTIwIDI1NSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTkyMCAyNTUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJNT0VSRElKSyIgZmlsbD0iI2ZmZmZmZiI+CgkJPHBhdGggZD0ibTI3OS4zIDAuOWgtMzkuOC0zNi42bC02My4yIDYzLjItMzEuNy0zMS41LTMxLjYtMzEuN2gtMzgtMzguNHYyNTMuMWgyNC4xIDUyLjNsNjMuMi02My4yIDYzLjIgNjMuMmg3Ni40bDAuMS0yNTMuMXptLTEwOCAxNTguMi0zMS42LTMxLjYtMzEuNyAzMS42LTYzLjIgNjMuMnYtMTkwaDAuMWwtMC4xIDAuMSAzMS42IDMxLjYgMzEuNiAzMS45IDMxLjYgMzEuNiAzMS42LTMxLjYgMzEuOC0zMS43IDMxLjYtMzEuNnYxODkuOGwtNjMuMy02My4zeiIvPgoJCQk8cGF0aCBkPSJNNTUyLjUsMjIuOUg1OTJ2MjA4LjNoLTQ0LjZWOTIuM2wtNjcsODUuM2wtNjYuOC04NC43djEzOC4zaC00NC43VjIyLjloNDAuMmw3MS4zLDkwLjhMNTUyLjUsMjIuOXoiLz4KCQkJPHBhdGggZD0ibTY1OC45IDUwLjRjMjEuOC0yMS4yIDQ4LjYtMzEuOCA4MC4zLTMxLjhzNTguNSAxMC42IDgwLjMgMzEuOCAzMi44IDQ2LjggMzIuOCA3Ni43LTEwLjkgNTUuNS0zMi44IDc2LjhjLTIxLjggMjEuMy00OC42IDMxLjktODAuMyAzMS45cy01OC41LTEwLjYtODAuMy0zMS45LTMyLjgtNDYuOC0zMi44LTc2LjggMTEtNTUuNSAzMi44LTc2Ljd6bTMyLjkgMTI1LjNjMTMgMTMuMiAyOC44IDE5LjggNDcuNCAxOS44czM0LjUtNi42IDQ3LjQtMTkuOGMxMy0xMy4yIDE5LjUtMjkuNCAxOS41LTQ4LjZzLTYuNS0zNS40LTE5LjUtNDguN2MtMTMtMTMuMi0yOC44LTE5LjgtNDcuNC0xOS44cy0zNC41IDYuNi00Ny40IDE5LjhjLTEzIDEzLjItMTkuNSAyOS40LTE5LjUgNDguN3M2LjUgMzUuNCAxOS41IDQ4LjZ6Ii8+CgkJCTxwYXRoIGQ9Ik0xMDQyLjgsMTkxLjF2NDAuMUg4ODYuNVYyMi45aDE1My4zdjQwLjJIOTMxLjJ2NDEuN2g4NC43djQwLjFoLTg0Ljd2NDYuMkgxMDQyLjh6Ii8+CgkJCTxwYXRoIGQ9Im0xMDc2LjggMjIuOWg5Mi4yYzIwLjYgMCAzNy43IDYuNiA1MS4yIDE5LjhzMjAuMyAyOS40IDIwLjMgNDguNmMwIDguMy0xLjMgMTYuMS0zLjkgMjMuNHMtNS43IDEzLjEtOS4yIDE3LjYtNy4xIDguMy0xMC44IDExLjUtNi44IDUuNC05LjQgNi41bC0zLjggMiA0NC42IDc4LjloLTQ3LjZsLTQwLjEtNzIuOWgtMzguNnY3Mi45aC00NC43di0yMDguM3ptMTExIDQ4LjJjLTUuNC01LjMtMTIuMS04LTIwLjMtOGgtNDZ2NTUuMWg0NmM4LjEgMCAxNC45LTIuNiAyMC4zLTcuOHM4LjEtMTEuNSA4LjEtMTkuMWMwLTguMS0yLjctMTQuOC04LjEtMjAuMnoiLz4KCQkJPHBhdGggZD0ibTEzNTggMjIuOWMzMC4zIDAgNTUuNyAxMC4xIDc2LjMgMzAuMiAyMC41IDIwLjEgMzAuOCA0NC44IDMwLjggNzMuOSAwIDI5LjItMTAuMyA1My44LTMwLjggNzMuOXMtNDYgMzAuMi03Ni4zIDMwLjJoLTc3LjR2LTIwOC4yaDc3LjR6bS0zMi43IDQwLjJ2MTI4aDMyLjdjMTcuMiAwIDMyLTYuMiA0NC4yLTE4LjZzMTguMy0yNy41IDE4LjMtNDUuNC02LTMzLTE3LjktNDUuNC0yNi44LTE4LjYtNDQuNi0xOC42aC0zMi43eiIvPgoJCQk8cGF0aCBkPSJNMTQ5OS4yLDIyLjloNDQuN3YyMDguM2gtNDQuN1YyMi45eiIvPgoJCQk8cGF0aCBkPSJtMTY5MS4xIDIyLjl2MTQxLjNjMCAyMS4yLTYuNyAzOC40LTIwLjEgNTEuNnMtMzEgMTkuOC01Mi44IDE5LjhjLTEwLjYgMC0yMC40LTIuMS0yOS42LTYuNHMtMTUuNy04LjUtMTkuNS0xMi42bC02LTYuMiAyNi43LTI2LjljMC42IDAuOCAxLjUgMS45IDIuOCAzLjNzNC4yIDMuMiA4LjYgNS40YzQuNSAyLjIgOS4xIDMuMyAxMy44IDMuMyA5LjcgMCAxNy4zLTIuOCAyMi45LTguM3M4LjQtMTMuMiA4LjQtMjN2LTE0MS4zaDQ0Ljh6Ii8+CgkJCTxwYXRoIGQ9Im0xNzgwLjMgMTEzLjcgODEuOC05MC44aDUybC03Ny4zIDg2LjMgODMuMiAxMjJoLTUybC02MS04OS4yLTI2LjcgMjkuNnY1OS42aC00NC43di0yMDguM2g0NC43djkwLjh6Ii8+CjwvZz4KPC9zdmc+\")"
-        }
-      }
-    }
-  }
-}
+{
+  "conduction": {
+    "logo": {
+      "header": {
+        "inline-size": { "value": "325px" },
+        "block-size": { "value": "43px" },
+        "background-image": {
+          "value": "url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOTIwIDI1NSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTkyMCAyNTUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJNT0VSRElKSyIgZmlsbD0iIzAwNDQyYiI+CgkJPHBhdGggZD0ibTI3OS4zIDAuOWgtMzkuOC0zNi42bC02My4yIDYzLjItMzEuNy0zMS41LTMxLjYtMzEuN2gtMzgtMzguNHYyNTMuMWgyNC4xIDUyLjNsNjMuMi02My4yIDYzLjIgNjMuMmg3Ni40bDAuMS0yNTMuMXptLTEwOCAxNTguMi0zMS42LTMxLjYtMzEuNyAzMS42LTYzLjIgNjMuMnYtMTkwaDAuMWwtMC4xIDAuMSAzMS42IDMxLjYgMzEuNiAzMS45IDMxLjYgMzEuNiAzMS42LTMxLjYgMzEuOC0zMS43IDMxLjYtMzEuNnYxODkuOGwtNjMuMy02My4zeiIvPgoJCQk8cGF0aCBkPSJNNTUyLjUsMjIuOUg1OTJ2MjA4LjNoLTQ0LjZWOTIuM2wtNjcsODUuM2wtNjYuOC04NC43djEzOC4zaC00NC43VjIyLjloNDAuMmw3MS4zLDkwLjhMNTUyLjUsMjIuOXoiLz4KCQkJPHBhdGggZD0ibTY1OC45IDUwLjRjMjEuOC0yMS4yIDQ4LjYtMzEuOCA4MC4zLTMxLjhzNTguNSAxMC42IDgwLjMgMzEuOCAzMi44IDQ2LjggMzIuOCA3Ni43LTEwLjkgNTUuNS0zMi44IDc2LjhjLTIxLjggMjEuMy00OC42IDMxLjktODAuMyAzMS45cy01OC41LTEwLjYtODAuMy0zMS45LTMyLjgtNDYuOC0zMi44LTc2LjggMTEtNTUuNSAzMi44LTc2Ljd6bTMyLjkgMTI1LjNjMTMgMTMuMiAyOC44IDE5LjggNDcuNCAxOS44czM0LjUtNi42IDQ3LjQtMTkuOGMxMy0xMy4yIDE5LjUtMjkuNCAxOS41LTQ4LjZzLTYuNS0zNS40LTE5LjUtNDguN2MtMTMtMTMuMi0yOC44LTE5LjgtNDcuNC0xOS44cy0zNC41IDYuNi00Ny40IDE5LjhjLTEzIDEzLjItMTkuNSAyOS40LTE5LjUgNDguN3M2LjUgMzUuNCAxOS41IDQ4LjZ6Ii8+CgkJCTxwYXRoIGQ9Ik0xMDQyLjgsMTkxLjF2NDAuMUg4ODYuNVYyMi45aDE1My4zdjQwLjJIOTMxLjJ2NDEuN2g4NC43djQwLjFoLTg0Ljd2NDYuMkgxMDQyLjh6Ii8+CgkJCTxwYXRoIGQ9Im0xMDc2LjggMjIuOWg5Mi4yYzIwLjYgMCAzNy43IDYuNiA1MS4yIDE5LjhzMjAuMyAyOS40IDIwLjMgNDguNmMwIDguMy0xLjMgMTYuMS0zLjkgMjMuNHMtNS43IDEzLjEtOS4yIDE3LjYtNy4xIDguMy0xMC44IDExLjUtNi44IDUuNC05LjQgNi41bC0zLjggMiA0NC42IDc4LjloLTQ3LjZsLTQwLjEtNzIuOWgtMzguNnY3Mi45aC00NC43di0yMDguM3ptMTExIDQ4LjJjLTUuNC01LjMtMTIuMS04LTIwLjMtOGgtNDZ2NTUuMWg0NmM4LjEgMCAxNC45LTIuNiAyMC4zLTcuOHM4LjEtMTEuNSA4LjEtMTkuMWMwLTguMS0yLjctMTQuOC04LjEtMjAuMnoiLz4KCQkJPHBhdGggZD0ibTEzNTggMjIuOWMzMC4zIDAgNTUuNyAxMC4xIDc2LjMgMzAuMiAyMC41IDIwLjEgMzAuOCA0NC44IDMwLjggNzMuOSAwIDI5LjItMTAuMyA1My44LTMwLjggNzMuOXMtNDYgMzAuMi03Ni4zIDMwLjJoLTc3LjR2LTIwOC4yaDc3LjR6bS0zMi43IDQwLjJ2MTI4aDMyLjdjMTcuMiAwIDMyLTYuMiA0NC4yLTE4LjZzMTguMy0yNy41IDE4LjMtNDUuNC02LTMzLTE3LjktNDUuNC0yNi44LTE4LjYtNDQuNi0xOC42aC0zMi43eiIvPgoJCQk8cGF0aCBkPSJNMTQ5OS4yLDIyLjloNDQuN3YyMDguM2gtNDQuN1YyMi45eiIvPgoJCQk8cGF0aCBkPSJtMTY5MS4xIDIyLjl2MTQxLjNjMCAyMS4yLTYuNyAzOC40LTIwLjEgNTEuNnMtMzEgMTkuOC01Mi44IDE5LjhjLTEwLjYgMC0yMC40LTIuMS0yOS42LTYuNHMtMTUuNy04LjUtMTkuNS0xMi42bC02LTYuMiAyNi43LTI2LjljMC42IDAuOCAxLjUgMS45IDIuOCAzLjNzNC4yIDMuMiA4LjYgNS40YzQuNSAyLjIgOS4xIDMuMyAxMy44IDMuMyA5LjcgMCAxNy4zLTIuOCAyMi45LTguM3M4LjQtMTMuMiA4LjQtMjN2LTE0MS4zaDQ0Ljh6Ii8+CgkJCTxwYXRoIGQ9Im0xNzgwLjMgMTEzLjcgODEuOC05MC44aDUybC03Ny4zIDg2LjMgODMuMiAxMjJoLTUybC02MS04OS4yLTI2LjcgMjkuNnY1OS42aC00NC43di0yMDguM2g0NC43djkwLjh6Ii8+CjwvZz4KPC9zdmc+\")"
+        }
+      },
+      "footer": {
+        "inline-size": { "value": "226px" },
+        "block-size": { "value": "30px" },
+        "background-image": {
+          "value": "url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOTIwIDI1NSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTkyMCAyNTUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJNT0VSRElKSyIgZmlsbD0iI2ZmZmZmZiI+CgkJPHBhdGggZD0ibTI3OS4zIDAuOWgtMzkuOC0zNi42bC02My4yIDYzLjItMzEuNy0zMS41LTMxLjYtMzEuN2gtMzgtMzguNHYyNTMuMWgyNC4xIDUyLjNsNjMuMi02My4yIDYzLjIgNjMuMmg3Ni40bDAuMS0yNTMuMXptLTEwOCAxNTguMi0zMS42LTMxLjYtMzEuNyAzMS42LTYzLjIgNjMuMnYtMTkwaDAuMWwtMC4xIDAuMSAzMS42IDMxLjYgMzEuNiAzMS45IDMxLjYgMzEuNiAzMS42LTMxLjYgMzEuOC0zMS43IDMxLjYtMzEuNnYxODkuOGwtNjMuMy02My4zeiIvPgoJCQk8cGF0aCBkPSJNNTUyLjUsMjIuOUg1OTJ2MjA4LjNoLTQ0LjZWOTIuM2wtNjcsODUuM2wtNjYuOC04NC43djEzOC4zaC00NC43VjIyLjloNDAuMmw3MS4zLDkwLjhMNTUyLjUsMjIuOXoiLz4KCQkJPHBhdGggZD0ibTY1OC45IDUwLjRjMjEuOC0yMS4yIDQ4LjYtMzEuOCA4MC4zLTMxLjhzNTguNSAxMC42IDgwLjMgMzEuOCAzMi44IDQ2LjggMzIuOCA3Ni43LTEwLjkgNTUuNS0zMi44IDc2LjhjLTIxLjggMjEuMy00OC42IDMxLjktODAuMyAzMS45cy01OC41LTEwLjYtODAuMy0zMS45LTMyLjgtNDYuOC0zMi44LTc2LjggMTEtNTUuNSAzMi44LTc2Ljd6bTMyLjkgMTI1LjNjMTMgMTMuMiAyOC44IDE5LjggNDcuNCAxOS44czM0LjUtNi42IDQ3LjQtMTkuOGMxMy0xMy4yIDE5LjUtMjkuNCAxOS41LTQ4LjZzLTYuNS0zNS40LTE5LjUtNDguN2MtMTMtMTMuMi0yOC44LTE5LjgtNDcuNC0xOS44cy0zNC41IDYuNi00Ny40IDE5LjhjLTEzIDEzLjItMTkuNSAyOS40LTE5LjUgNDguN3M2LjUgMzUuNCAxOS41IDQ4LjZ6Ii8+CgkJCTxwYXRoIGQ9Ik0xMDQyLjgsMTkxLjF2NDAuMUg4ODYuNVYyMi45aDE1My4zdjQwLjJIOTMxLjJ2NDEuN2g4NC43djQwLjFoLTg0Ljd2NDYuMkgxMDQyLjh6Ii8+CgkJCTxwYXRoIGQ9Im0xMDc2LjggMjIuOWg5Mi4yYzIwLjYgMCAzNy43IDYuNiA1MS4yIDE5LjhzMjAuMyAyOS40IDIwLjMgNDguNmMwIDguMy0xLjMgMTYuMS0zLjkgMjMuNHMtNS43IDEzLjEtOS4yIDE3LjYtNy4xIDguMy0xMC44IDExLjUtNi44IDUuNC05LjQgNi41bC0zLjggMiA0NC42IDc4LjloLTQ3LjZsLTQwLjEtNzIuOWgtMzguNnY3Mi45aC00NC43di0yMDguM3ptMTExIDQ4LjJjLTUuNC01LjMtMTIuMS04LTIwLjMtOGgtNDZ2NTUuMWg0NmM4LjEgMCAxNC45LTIuNiAyMC4zLTcuOHM4LjEtMTEuNSA4LjEtMTkuMWMwLTguMS0yLjctMTQuOC04LjEtMjAuMnoiLz4KCQkJPHBhdGggZD0ibTEzNTggMjIuOWMzMC4zIDAgNTUuNyAxMC4xIDc2LjMgMzAuMiAyMC41IDIwLjEgMzAuOCA0NC44IDMwLjggNzMuOSAwIDI5LjItMTAuMyA1My44LTMwLjggNzMuOXMtNDYgMzAuMi03Ni4zIDMwLjJoLTc3LjR2LTIwOC4yaDc3LjR6bS0zMi43IDQwLjJ2MTI4aDMyLjdjMTcuMiAwIDMyLTYuMiA0NC4yLTE4LjZzMTguMy0yNy41IDE4LjMtNDUuNC02LTMzLTE3LjktNDUuNC0yNi44LTE4LjYtNDQuNi0xOC42aC0zMi43eiIvPgoJCQk8cGF0aCBkPSJNMTQ5OS4yLDIyLjloNDQuN3YyMDguM2gtNDQuN1YyMi45eiIvPgoJCQk8cGF0aCBkPSJtMTY5MS4xIDIyLjl2MTQxLjNjMCAyMS4yLTYuNyAzOC40LTIwLjEgNTEuNnMtMzEgMTkuOC01Mi44IDE5LjhjLTEwLjYgMC0yMC40LTIuMS0yOS42LTYuNHMtMTUuNy04LjUtMTkuNS0xMi42bC02LTYuMiAyNi43LTI2LjljMC42IDAuOCAxLjUgMS45IDIuOCAzLjNzNC4yIDMuMiA4LjYgNS40YzQuNSAyLjIgOS4xIDMuMyAxMy44IDMuMyA5LjcgMCAxNy4zLTIuOCAyMi45LTguM3M4LjQtMTMuMiA4LjQtMjN2LTE0MS4zaDQ0Ljh6Ii8+CgkJCTxwYXRoIGQ9Im0xNzgwLjMgMTEzLjcgODEuOC05MC44aDUybC03Ny4zIDg2LjMgODMuMiAxMjJoLTUybC02MS04OS4yLTI2LjcgMjkuNnY1OS42aC00NC43di0yMDguM2g0NC43djkwLjh6Ii8+CjwvZz4KPC9zdmc+\")"
+        }
+      },
+      "navbar": {
+        "inline-size": { "value": "265px" },
+        "block-size": { "value": "45px" },
+        "background-image": {
+          "value": "url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOTIwIDI1NSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTkyMCAyNTUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJNT0VSRElKSyIgZmlsbD0iI2ZmZmZmZiI+CgkJPHBhdGggZD0ibTI3OS4zIDAuOWgtMzkuOC0zNi42bC02My4yIDYzLjItMzEuNy0zMS41LTMxLjYtMzEuN2gtMzgtMzguNHYyNTMuMWgyNC4xIDUyLjNsNjMuMi02My4yIDYzLjIgNjMuMmg3Ni40bDAuMS0yNTMuMXptLTEwOCAxNTguMi0zMS42LTMxLjYtMzEuNyAzMS42LTYzLjIgNjMuMnYtMTkwaDAuMWwtMC4xIDAuMSAzMS42IDMxLjYgMzEuNiAzMS45IDMxLjYgMzEuNiAzMS42LTMxLjYgMzEuOC0zMS43IDMxLjYtMzEuNnYxODkuOGwtNjMuMy02My4zeiIvPgoJCQk8cGF0aCBkPSJNNTUyLjUsMjIuOUg1OTJ2MjA4LjNoLTQ0LjZWOTIuM2wtNjcsODUuM2wtNjYuOC04NC43djEzOC4zaC00NC43VjIyLjloNDAuMmw3MS4zLDkwLjhMNTUyLjUsMjIuOXoiLz4KCQkJPHBhdGggZD0ibTY1OC45IDUwLjRjMjEuOC0yMS4yIDQ4LjYtMzEuOCA4MC4zLTMxLjhzNTguNSAxMC42IDgwLjMgMzEuOCAzMi44IDQ2LjggMzIuOCA3Ni43LTEwLjkgNTUuNS0zMi44IDc2LjhjLTIxLjggMjEuMy00OC42IDMxLjktODAuMyAzMS45cy01OC41LTEwLjYtODAuMy0zMS45LTMyLjgtNDYuOC0zMi44LTc2LjggMTEtNTUuNSAzMi44LTc2Ljd6bTMyLjkgMTI1LjNjMTMgMTMuMiAyOC44IDE5LjggNDcuNCAxOS44czM0LjUtNi42IDQ3LjQtMTkuOGMxMy0xMy4yIDE5LjUtMjkuNCAxOS41LTQ4LjZzLTYuNS0zNS40LTE5LjUtNDguN2MtMTMtMTMuMi0yOC44LTE5LjgtNDcuNC0xOS44cy0zNC41IDYuNi00Ny40IDE5LjhjLTEzIDEzLjItMTkuNSAyOS40LTE5LjUgNDguN3M2LjUgMzUuNCAxOS41IDQ4LjZ6Ii8+CgkJCTxwYXRoIGQ9Ik0xMDQyLjgsMTkxLjF2NDAuMUg4ODYuNVYyMi45aDE1My4zdjQwLjJIOTMxLjJ2NDEuN2g4NC43djQwLjFoLTg0Ljd2NDYuMkgxMDQyLjh6Ii8+CgkJCTxwYXRoIGQ9Im0xMDc2LjggMjIuOWg5Mi4yYzIwLjYgMCAzNy43IDYuNiA1MS4yIDE5LjhzMjAuMyAyOS40IDIwLjMgNDguNmMwIDguMy0xLjMgMTYuMS0zLjkgMjMuNHMtNS43IDEzLjEtOS4yIDE3LjYtNy4xIDguMy0xMC44IDExLjUtNi44IDUuNC05LjQgNi41bC0zLjggMiA0NC42IDc4LjloLTQ3LjZsLTQwLjEtNzIuOWgtMzguNnY3Mi45aC00NC43di0yMDguM3ptMTExIDQ4LjJjLTUuNC01LjMtMTIuMS04LTIwLjMtOGgtNDZ2NTUuMWg0NmM4LjEgMCAxNC45LTIuNiAyMC4zLTcuOHM4LjEtMTEuNSA4LjEtMTkuMWMwLTguMS0yLjctMTQuOC04LjEtMjAuMnoiLz4KCQkJPHBhdGggZD0ibTEzNTggMjIuOWMzMC4zIDAgNTUuNyAxMC4xIDc2LjMgMzAuMiAyMC41IDIwLjEgMzAuOCA0NC44IDMwLjggNzMuOSAwIDI5LjItMTAuMyA1My44LTMwLjggNzMuOXMtNDYgMzAuMi03Ni4zIDMwLjJoLTc3LjR2LTIwOC4yaDc3LjR6bS0zMi43IDQwLjJ2MTI4aDMyLjdjMTcuMiAwIDMyLTYuMiA0NC4yLTE4LjZzMTguMy0yNy41IDE4LjMtNDUuNC02LTMzLTE3LjktNDUuNC0yNi44LTE4LjYtNDQuNi0xOC42aC0zMi43eiIvPgoJCQk8cGF0aCBkPSJNMTQ5OS4yLDIyLjloNDQuN3YyMDguM2gtNDQuN1YyMi45eiIvPgoJCQk8cGF0aCBkPSJtMTY5MS4xIDIyLjl2MTQxLjNjMCAyMS4yLTYuNyAzOC40LTIwLjEgNTEuNnMtMzEgMTkuOC01Mi44IDE5LjhjLTEwLjYgMC0yMC40LTIuMS0yOS42LTYuNHMtMTUuNy04LjUtMTkuNS0xMi42bC02LTYuMiAyNi43LTI2LjljMC42IDAuOCAxLjUgMS45IDIuOCAzLjNzNC4yIDMuMiA4LjYgNS40YzQuNSAyLjIgOS4xIDMuMyAxMy44IDMuMyA5LjcgMCAxNy4zLTIuOCAyMi45LTguM3M4LjQtMTMuMiA4LjQtMjN2LTE0MS4zaDQ0Ljh6Ii8+CgkJCTxwYXRoIGQ9Im0xNzgwLjMgMTEzLjcgODEuOC05MC44aDUybC03Ny4zIDg2LjMgODMuMiAxMjJoLTUybC02MS04OS4yLTI2LjcgMjkuNnY1OS42aC00NC43di0yMDguM2g0NC43djkwLjh6Ii8+CjwvZz4KPC9zdmc+\")"
+        }
+      }
+    }
+  }
+}