npm - @conduction/theme - Versions diffs - 1.0.35 → 1.0.38 - Mend

@conduction/theme 1.0.35 → 1.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (585) hide show

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

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -1,9 +1,20 @@
 /**
  * Do not edit directly
- * Generated on Thu, 31 Aug 2023 09:13:28 GMT
+ * Generated on Tue, 19 Sep 2023 14:31:22 GMT
  */
 .noaberkracht-theme {
+  --conduction-tabs-tab-list-border-bottom-style: solid;
+  --conduction-tabs-tab-list-margin-block-end: 0px;
+  --conduction-tabs-tab-list-padding-inline-start: 0px;
+  --conduction-tabs-tab-selected-border-bottom-style: solid;
+  --conduction-tabs-tab-selected-background-color: transparent;
+  --conduction-tabs-tab-min-height: 61px;
+  --conduction-tabs-tab-min-width: 160px;
+  --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;
@@ -45,6 +56,8 @@
   --utrecht-button-font-weight: inherit;
   --utrecht-button-font-size: inherit;
   --utrecht-button-border-radius: 9999px;
+  --utrecht-badge-counter-text-decoration: none;
+  --utrecht-badge-counter-border-radius: 50%;
   --utrecht-action-submit-cursor: pointer;
   --utrecht-action-disabled-cursor: not-allowed;
   --utrecht-action-busy-cursor: wait;
@@ -97,6 +110,35 @@
   --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);
+  --conduction-tabs-tab-panel-padding-block-start: var(--noaberkracht-size-lg);
+  --conduction-tabs-tab-list-border-bottom-color: var(--noaberkracht-color-yellow-47);
+  --conduction-tabs-tab-list-border-bottom-width: var(--noaberkracht-size-3xs);
+  --conduction-tabs-tab-selected-font-family: var(--noaberkracht-typography-oceanwide-font-family);
+  --conduction-tabs-tab-selected-font-weight: var(--noaberkracht-typography-font-weight-bold);
+  --conduction-tabs-tab-selected-border-bottom-color: var(--noaberkracht-color-blue-22);
+  --conduction-tabs-tab-selected-border-bottom-width: var(--noaberkracht-size-3xs);
+  --conduction-tabs-tab-selected-color: var(--noaberkracht-color-blue-22);
+  --conduction-tabs-tab-font-family: var(--noaberkracht-typography-oceanwide-font-family);
+  --conduction-tabs-tab-font-weight: var(--noaberkracht-typography-font-weight-normal);
+  --conduction-tabs-tab-font-size: var(--noaberkracht-font-size-sm);
+  --conduction-tabs-tab-padding-inline-end: var(--noaberkracht-size-sm);
+  --conduction-tabs-tab-padding-inline-start: var(--noaberkracht-size-sm);
+  --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);
@@ -134,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);
@@ -187,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);
@@ -197,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);
@@ -209,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);
@@ -220,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);
@@ -230,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);
@@ -281,6 +324,12 @@
   --utrecht-blockquote-content-color: var(--noaberkracht-color-black-0);
   --utrecht-blockquote-margin-inline-end: var(--noaberkracht-size-xl);
   --utrecht-blockquote-margin-inline-start: var(--noaberkracht-size-xl);
+  --utrecht-badge-counter-font-family: var(--noaberkracht-typography-oceanwide-font-family);
+  --utrecht-badge-counter-padding-inline: var(--noaberkracht-size-2xs);
+  --utrecht-badge-counter-padding-block: var(--noaberkracht-size-2xs);
+  --utrecht-badge-counter-font-weight: var(--noaberkracht-typography-font-weight-normal);
+  --utrecht-badge-counter-color: var(--noaberkracht-color-blue-22);
+  --utrecht-badge-counter-background-color: var(--noaberkracht-color-yellow-47);
   --utrecht-alert-icon-gap: var(--noaberkracht-size-xs);
   --utrecht-alert-icon-ok-color: var(--noaberkracht-color-alert-succes);
   --utrecht-alert-icon-warning-color: var(--noaberkracht-color-alert-warning);
@@ -328,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);
@@ -340,4 +391,5 @@
   --utrecht-table-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-family: var(--utrecht-document-font-family);
   --utrecht-table-header-color: var(--utrecht-document-color);
+  --utrecht-badge-counter-font-size: var(--utrecht-document-font-size);
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 31 Aug 2023 09:13:28 GMT
+ * Generated on Tue, 19 Sep 2023 14:31:22 GMT
  */
 export const noaberkrachtColorPrimary = "#4376fc";
@@ -102,6 +102,15 @@ export const utrechtAlertIconErrorColor = "#721c24";
 export const utrechtAlertIconWarningColor = "#856404";
 export const utrechtAlertIconOkColor = "#155724";
 export const utrechtAlertIconGap = "8px";
+export const utrechtBadgeCounterBackgroundColor = "#f0b800";
+export const utrechtBadgeCounterBorderRadius = "50%";
+export const utrechtBadgeCounterColor = "#003790";
+export const utrechtBadgeCounterFontSize = "18px";
+export const utrechtBadgeCounterFontWeight = "400";
+export const utrechtBadgeCounterPaddingBlock = "4px";
+export const utrechtBadgeCounterPaddingInline = "4px";
+export const utrechtBadgeCounterFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const utrechtBadgeCounterTextDecoration = "none";
 export const utrechtBlockquoteMarginInlineStart = "32px";
 export const utrechtBlockquoteMarginInlineEnd = "32px";
 export const utrechtBlockquoteContentColor = "#000000";
@@ -160,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";
@@ -170,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";
@@ -186,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";
@@ -206,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";
@@ -216,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";
@@ -282,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";
@@ -339,3 +349,45 @@ 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";
+export const conductionTabsTabPaddingBlockStart = "8px";
+export const conductionTabsTabPaddingBlockEnd = "8px";
+export const conductionTabsTabPaddingInlineStart = "14px";
+export const conductionTabsTabPaddingInlineEnd = "14px";
+export const conductionTabsTabFontSize = "18px";
+export const conductionTabsTabFontWeight = "400";
+export const conductionTabsTabFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const conductionTabsTabMaxWidth = "unset";
+export const conductionTabsTabMinWidth = "160px";
+export const conductionTabsTabMinHeight = "61px";
+export const conductionTabsTabSelectedBackgroundColor = "transparent";
+export const conductionTabsTabSelectedColor = "#003790";
+export const conductionTabsTabSelectedBorderBottomWidth = "2px";
+export const conductionTabsTabSelectedBorderBottomStyle = "solid";
+export const conductionTabsTabSelectedBorderBottomColor = "#003790";
+export const conductionTabsTabSelectedFontWeight = "700";
+export const conductionTabsTabSelectedFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const conductionTabsTabListPaddingInlineStart = "0px";
+export const conductionTabsTabListMarginBlockEnd = "0px";
+export const conductionTabsTabListBorderBottomWidth = "2px";
+export const conductionTabsTabListBorderBottomStyle = "solid";
+export const conductionTabsTabListBorderBottomColor = "#f0b800";
+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";