@conduction/theme 1.0.36 → 1.0.38

package/municipalities/leiden-design-tokens/src/font.scss

@@ -1 +1,363 @@
 /* Place any @font-face definitions here */
+
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Open Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.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: 'Open Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+  }
+  /* hebrew */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
+    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.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: 'Open Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.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: 'Open Sans';
+    font-style: italic;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.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: 'Open Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.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: 'Open Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+  }
+  /* hebrew */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
+    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.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: 'Open Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.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: 'Open Sans';
+    font-style: italic;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+  }
+  /* hebrew */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
+    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+  }
+  /* hebrew */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
+    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+  }
+  /* hebrew */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
+    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: 'Open Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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/leiden-design-tokens/src/index.scss

@@ -5,7 +5,4 @@
  */
 
 @import "./design-tokens.css";
-
-/* stylelint-disable block-no-empty */
-.example-theme {
-}
+@import "./font.css"

package/municipalities/noaberkracht-design-tokens/README.md

@@ -0,0 +1,3 @@
+# NL Design System design tokens Gemeente Tubbergen
+
+These tokens have been obtained by analysing the [website of Gemeente Tubbergen](https://www.tubbergen.nl/).

package/municipalities/noaberkracht-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 08:36:45 GMT
+ * Generated on Tue, 19 Sep 2023 14:31:22 GMT
  */
 
 .noaberkracht-theme {
@@ -14,6 +14,7 @@
   --conduction-tabs-tab-max-width: unset;
   --conduction-tabs-tab-bottom: -2px;
   --conduction-tabs-tab-background-color: transparent;
+  --conduction-table-wrapper-scroll-button-border-style: solid;
   --conduction-input-select-padding-block-start: 0;
   --conduction-input-select-padding-block-end: 0;
   --conduction-input-select-border-focus: unset;
@@ -109,6 +110,9 @@
   --noaberkracht-color-error: #dc3545;
   --noaberkracht-color-primary-hover: #2e5ed9;
   --noaberkracht-color-primary: #4376fc;
+  --conduction-tabs-scroll-button-hover-color: var(--noaberkracht-color-yellow-47);
+  --conduction-tabs-scroll-button-hover-background-color: var(--noaberkracht-color-white-100);
+  --conduction-tabs-scroll-button-background-color: var(--noaberkracht-color-white-100);
   --conduction-tabs-tab-panel-padding-inline-end: var(--noaberkracht-size-lg);
   --conduction-tabs-tab-panel-padding-inline-start: var(--noaberkracht-size-lg);
   --conduction-tabs-tab-panel-padding-block-end: var(--noaberkracht-size-lg);
@@ -128,6 +132,13 @@
   --conduction-tabs-tab-padding-block-end: var(--noaberkracht-size-xs);
   --conduction-tabs-tab-padding-block-start: var(--noaberkracht-size-xs);
   --conduction-tabs-tab-color: var(--noaberkracht-color-blue-22);
+  --conduction-table-wrapper-scroll-button-hover-color: var(--noaberkracht-color-yellow-47);
+  --conduction-table-wrapper-scroll-button-hover-background-color: var(--noaberkracht-color-white-100);
+  --conduction-table-wrapper-scroll-button-border-color: var(--noaberkracht-color-lightgrey-96);
+  --conduction-table-wrapper-scroll-button-border-width: var(--noaberkracht-size-4xs);
+  --conduction-table-wrapper-scroll-button-padding-inline-end: var(--noaberkracht-size-sm);
+  --conduction-table-wrapper-scroll-button-padding-inline-start: var(--noaberkracht-size-sm);
+  --conduction-table-wrapper-scroll-button-background-color: var(--noaberkracht-color-white-100);
   --conduction-input-select-placeholder-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
   --conduction-input-select-list-option-hover-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
   --conduction-input-select-list-option-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
@@ -165,7 +176,7 @@
   --conduction-card-header-date-font-size: var(--noaberkracht-font-size-xs);
   --conduction-card-header-date-color: var(--noaberkracht-color-blue-22);
   --conduction-card-header-title-color: var(--noaberkracht-color-blue-22);
-  --utrecht-surface-background-color: var(--noaberkracht-color-white-98);
+  --utrecht-surface-background-color: var(--noaberkracht-color-white-100);
   --utrecht-paragraph-font-weight: var(--noaberkracht-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--noaberkracht-font-size-sm);
   --utrecht-paragraph-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
@@ -218,8 +229,6 @@
   --utrecht-heading-1-font-size: var(--noaberkracht-font-size-2xl);
   --utrecht-heading-1-font-family: var(--noaberkracht-typography-oceanwide-font-family);
   --utrecht-heading-1-color: var(--noaberkracht-color-blue-22);
-  --utrecht-textbox-focus-background-color: var(--noaberkracht-color-white-100);
-  --utrecht-textbox-placeholder-color: var(--noaberkracht-color-blue-22);
   --utrecht-textbox-padding-inline-start: var(--noaberkracht-size-md);
   --utrecht-textbox-padding-inline-end: var(--noaberkracht-size-md);
   --utrecht-textbox-padding-block-start: var(--noaberkracht-size-xs);
@@ -228,6 +237,8 @@
   --utrecht-textbox-color: var(--noaberkracht-color-blue-22);
   --utrecht-textbox-border-width: var(--noaberkracht-size-4xs);
   --utrecht-textbox-border-color: var(--noaberkracht-color-blue-22);
+  --utrecht-textbox-focus-background-color: var(--noaberkracht-color-white-100);
+  --utrecht-textbox-placeholder-color: var(--noaberkracht-color-blue-22);
   --utrecht-textbox-background-color: var(--noaberkracht-color-white-100);
   --utrecht-table-cell-padding-inline-start: var(--noaberkracht-size-md);
   --utrecht-table-cell-padding-inline-end: var(--noaberkracht-size-md);
@@ -240,6 +251,7 @@
   --utrecht-table-row-border-block-end-width: var(--noaberkracht-size-4xs);
   --utrecht-table-row-border-block-end-color: var(--noaberkracht-color-lightgrey-96);
   --utrecht-table-header-font-weight: var(--noaberkracht-typography-font-weight-bold);
+  --utrecht-table-background-color: var(--noaberkracht-color-white-100);
   --utrecht-page-header-padding-block-end: var(--noaberkracht-size-sm);
   --utrecht-page-header-padding-block-start: var(--noaberkracht-size-sm);
   --utrecht-page-header-color: var(--noaberkracht-color-white-100);
@@ -251,8 +263,6 @@
   --utrecht-page-footer-color: var(--noaberkracht-color-white-100);
   --utrecht-page-footer-background-color: var(--noaberkracht-color-yellow-47);
   --utrecht-icon-gap: var(--noaberkracht-size-xs);
-  --utrecht-form-input-focus-background-color: var(--noaberkracht-color-white-100);
-  --utrecht-form-input-placeholder-color: var(--noaberkracht-color-blue-22);
   --utrecht-form-input-padding-inline-start: var(--noaberkracht-size-md);
   --utrecht-form-input-padding-inline-end: var(--noaberkracht-size-md);
   --utrecht-form-input-padding-block-start: var(--noaberkracht-size-xs);
@@ -261,6 +271,8 @@
   --utrecht-form-input-color: var(--noaberkracht-color-blue-22);
   --utrecht-form-input-border-width: var(--noaberkracht-size-4xs);
   --utrecht-form-input-border-color: var(--noaberkracht-color-blue-22);
+  --utrecht-form-input-focus-background-color: var(--noaberkracht-color-white-100);
+  --utrecht-form-input-placeholder-color: var(--noaberkracht-color-blue-22);
   --utrecht-form-input-background-color: var(--noaberkracht-color-white-100);
   --utrecht-document-font-size: var(--noaberkracht-font-size-sm);
   --utrecht-document-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
@@ -365,6 +377,8 @@
   --noaberkracht-typography-scale-3xs: var(--noaberkracht-font-size-3xs);
   --noaberkracht-typography-scale-4xs: var(--noaberkracht-font-size-4xs);
   --noaberkracht-color-info: var(--noaberkracht-color-primary);
+  --conduction-tabs-scroll-button-color: var(--utrecht-document-color);
+  --conduction-table-wrapper-scroll-button-color: var(--utrecht-document-color);
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
   --conduction-pagination-item-font-family: var(--utrecht-document-font-family);
   --conduction-pagination-item-font-size: var(--utrecht-document-font-size);

package/municipalities/noaberkracht-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 08:36:45 GMT
+ * Generated on Tue, 19 Sep 2023 14:31:22 GMT
  */
 
 export const noaberkrachtColorPrimary = "#4376fc";
@@ -169,6 +169,8 @@ export const utrechtDocumentColor = "#003790";
 export const utrechtDocumentFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
 export const utrechtDocumentFontSize = "18px";
 export const utrechtFormInputBackgroundColor = "#ffffff";
+export const utrechtFormInputPlaceholderColor = "#003790";
+export const utrechtFormInputFocusBackgroundColor = "#ffffff";
 export const utrechtFormInputBorderColor = "#003790";
 export const utrechtFormInputBorderRadius = "9999px";
 export const utrechtFormInputBorderWidth = "1px";
@@ -179,8 +181,6 @@ export const utrechtFormInputPaddingBlockEnd = "8px";
 export const utrechtFormInputPaddingBlockStart = "8px";
 export const utrechtFormInputPaddingInlineEnd = "18px";
 export const utrechtFormInputPaddingInlineStart = "18px";
-export const utrechtFormInputPlaceholderColor = "#003790";
-export const utrechtFormInputFocusBackgroundColor = "#ffffff";
 export const utrechtIconGap = "8px";
 export const utrechtPageFooterLogoMaxWidth = "150px";
 export const utrechtPageFooterBackgroundColor = "#f0b800";
@@ -195,6 +195,7 @@ export const utrechtPageHeaderBackgroundColor = "#012c9d99";
 export const utrechtPageHeaderColor = "#ffffff";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderFontWeight = "700";
 export const utrechtTableHeaderColor = "#003790";
 export const utrechtTableHeaderTextTransform = "unset";
@@ -215,6 +216,8 @@ export const utrechtTableCellPaddingBlockStart = "18px";
 export const utrechtTableCellPaddingInlineEnd = "18px";
 export const utrechtTableCellPaddingInlineStart = "18px";
 export const utrechtTextboxBackgroundColor = "#ffffff";
+export const utrechtTextboxPlaceholderColor = "#003790";
+export const utrechtTextboxFocusBackgroundColor = "#ffffff";
 export const utrechtTextboxBorderColor = "#003790";
 export const utrechtTextboxBorderRadius = "9999px";
 export const utrechtTextboxBorderWidth = "1px";
@@ -225,8 +228,6 @@ export const utrechtTextboxPaddingBlockEnd = "8px";
 export const utrechtTextboxPaddingBlockStart = "8px";
 export const utrechtTextboxPaddingInlineEnd = "18px";
 export const utrechtTextboxPaddingInlineStart = "18px";
-export const utrechtTextboxPlaceholderColor = "#003790";
-export const utrechtTextboxFocusBackgroundColor = "#ffffff";
 export const utrechtHeading1Color = "#003790";
 export const utrechtHeading1FontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
 export const utrechtHeading1FontSize = "60px";
@@ -291,7 +292,7 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
-export const utrechtSurfaceBackgroundColor = "#fafafa";
+export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderColor = "#003790";
 export const conductionCardHeaderTitleColor = "#003790";
 export const conductionCardHeaderDateColor = "#003790";
@@ -348,6 +349,15 @@ export const conductionInputSelectListOptionFontFamily = "greycliff-cf,ui-sans-s
 export const conductionInputSelectListOptionHoverFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
 export const conductionInputSelectPlaceholderColor = "#003790";
 export const conductionInputSelectPlaceholderFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const conductionTableWrapperScrollButtonBackgroundColor = "#ffffff";
+export const conductionTableWrapperScrollButtonColor = "#003790";
+export const conductionTableWrapperScrollButtonPaddingInlineStart = "14px";
+export const conductionTableWrapperScrollButtonPaddingInlineEnd = "14px";
+export const conductionTableWrapperScrollButtonBorderWidth = "1px";
+export const conductionTableWrapperScrollButtonBorderStyle = "solid";
+export const conductionTableWrapperScrollButtonBorderColor = "#f5f5f5";
+export const conductionTableWrapperScrollButtonHoverBackgroundColor = "#ffffff";
+export const conductionTableWrapperScrollButtonHoverColor = "#f0b800";
 export const conductionTabsTabBackgroundColor = "transparent";
 export const conductionTabsTabColor = "#003790";
 export const conductionTabsTabBottom = "-2px";
@@ -377,3 +387,7 @@ export const conductionTabsTabPanelPaddingBlockStart = "24px";
 export const conductionTabsTabPanelPaddingBlockEnd = "24px";
 export const conductionTabsTabPanelPaddingInlineStart = "24px";
 export const conductionTabsTabPanelPaddingInlineEnd = "24px";
+export const conductionTabsScrollButtonBackgroundColor = "#ffffff";
+export const conductionTabsScrollButtonColor = "#003790";
+export const conductionTabsScrollButtonHoverBackgroundColor = "#ffffff";
+export const conductionTabsScrollButtonHoverColor = "#f0b800";