@conduction/theme 1.0.17 → 1.0.18

package/municipalities/tubbergen-design-tokens/src/component/utrecht/heading.tokens.json

@@ -0,0 +1,53 @@
+{
+  "utrecht": {
+    "heading-1": {
+      "color": { "value": "{tubbergen.color.black.13}" },
+      "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.2xl}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.bold}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{tubbergen.size.sm}" },
+      "margin-block-start": { "value": "{tubbergen.size.sm}" }
+    },
+
+    "heading-2": {
+      "color": { "value": "{tubbergen.color.black.13}" },
+      "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.xl}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.bold}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{tubbergen.size.xs}" },
+      "margin-block-start": { "value": 0 }
+    },
+
+    "heading-3": {
+      "color": { "value": "{tubbergen.color.black.13}" },
+      "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.lg}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{tubbergen.size.2xs}" },
+      "margin-block-start": { "value": 0 }
+    },
+
+    "heading-4": {
+      "color": { "value": "{tubbergen.color.black.13}" },
+      "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.md}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
+      "line-height": {},
+      "margin-block-end": { "value": 0 },
+      "margin-block-start": { "value": 0 }
+    },
+
+    "heading-5": {
+      "color": { "value": "{tubbergen.color.black.13}" },
+      "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.md}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.light}" },
+      "line-height": {},
+      "margin-block-end": { "value": 0 },
+      "margin-block-start": { "value": 0 }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/icon.tokens.json

@@ -0,0 +1,13 @@
+{
+  "utrecht": {
+    "icon": {
+      "color": {},
+      "gap": { "value": "{tubbergen.size.xs}" },
+      "size": {},
+      "inset-block-start": {},
+      "baseline": {
+        "inset-block-start": {}
+      }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/link.tokens.json

@@ -0,0 +1,33 @@
+{
+  "utrecht": {
+    "link": {
+      "color": { "value": "{tubbergen.color.primary}" },
+      "text-decoration": { "value": "none" },
+      "text-decoration-color": { "value": "unset" },
+      "text-decoration-thickness": { "value": 0 },
+      "text-underline-offset": { "value": "{tubbergen.size.3xs}" },
+      "active": {
+        "color": {}
+      },
+      "focus": {
+        "color": {},
+        "text-decoration": {},
+        "text-decoration-thickness": {}
+      },
+      "hover": {
+        "color": { "value": "{tubbergen.color.primary-hover}" },
+        "text-decoration": { "value": "underline" },
+        "text-decoration-thickness": { "value": "{tubbergen.size.4xs}" }
+      },
+      "placeholder": {
+        "color": {}
+      },
+      "visited": {
+        "color": { "value": "{tubbergen.color.primary}" }
+      },
+      "icon": {
+        "size": { "value": "{tubbergen.size.md}" }
+      }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/list.tokens.json

@@ -0,0 +1,32 @@
+{
+  "utrecht": {
+    "ordered-list": {
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-start": { "value": "{tubbergen.size.sm}" },
+      "margin-block-end": { "value": "{tubbergen.size.sm}" },
+      "padding-inline-start": { "value": "{tubbergen.size.xl}" },
+      "item": {
+        "margin-block-start": { "value": "{tubbergen.size.2xs}" },
+        "margin-block-end": { "value": "{tubbergen.size.2xs}" },
+        "padding-inline-start": { "value": "1ch" }
+      }
+    },
+
+    "unordered-list": {
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-start": { "value": "{tubbergen.size.md}" },
+      "margin-block-end": { "value": 0 },
+      "padding-inline-start": { "value": "2ch" },
+      "item": {
+        "margin-block-start": { "value": "{tubbergen.size.xs}" },
+        "margin-block-end": { "value": "{tubbergen.size.xs}" },
+        "padding-inline-start": { "value": "1ch" }
+      },
+      "marker": {
+        "color": { "value": "{utrecht.document.color}" }
+      }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/page-footer.tokens.json

@@ -0,0 +1,16 @@
+{
+  "utrecht": {
+    "page-footer": {
+      "background-color": { "value": "unset" },
+      "background-image": {
+        "value": "url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg)"
+      },
+      "color": { "value": "{tubbergen.color.white.100}" },
+      "padding-inline-end": { "value": "{tubbergen.size.sm}" },
+      "padding-inline-start": { "value": "{tubbergen.size.sm}" },
+      "padding-block-end": { "value": "{tubbergen.size.2xl}" },
+      "padding-block-start": { "value": "{tubbergen.size.2xl}" },
+      "min-height": { "value": "300px" }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/page-header.tokens.json

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "page-header": {
+      "background-color": { "value": "{tubbergen.color.white.100}" },
+      "color": { "value": "{tubbergen.color.black.20}" },
+      "padding-block-start": { "value": "{tubbergen.size.sm}" },
+      "padding-block-end": { "value": "{tubbergen.size.sm}" }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/page.tokens.json

@@ -0,0 +1,11 @@
+{
+  "utrecht": {
+    "page": {
+      "background-color": {},
+      "color": {},
+      "padding-inline-start": { "value": "{tubbergen.size.lg}" },
+      "padding-inline-end": { "value": "{tubbergen.size.lg}" },
+      "max-inline-size": { "value": "1140px" }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/paragraph.tokens.json

@@ -0,0 +1,25 @@
+{
+  "utrecht": {
+    "paragraph": {
+      "color": { "value": "{utrecht.document.color}" },
+      "font-family": { "value": "{tubbergen.typography.lato.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.md}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
+      "line-height": { "value": "1.5em" },
+      "margin-block-start": { "value": 0 },
+      "margin-block-end": { "value": 0 },
+      "lead": {
+        "color": {},
+        "font-size": {},
+        "font-weight": {},
+        "line-height": {}
+      },
+      "small": {
+        "color": {},
+        "font-size": {},
+        "font-weight": {},
+        "line-height": {}
+      }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/table.tokens.json

@@ -0,0 +1,60 @@
+{
+  "utrecht": {
+    "table": {
+      "border-color": {},
+      "border-width": {},
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-end": { "value": 0 },
+      "margin-block-start": { "value": "{tubbergen.size.md}" },
+      "caption": {
+        "font-weight": {},
+        "font-family": {},
+        "font-size": {},
+        "color": {},
+        "line-height": {},
+        "text-align": {},
+        "margin-block-end": {}
+      },
+      "header": {
+        "font-weight": { "value": "{tubbergen.typography.font-weight.bold}" },
+        "background-color": {},
+        "color": { "value": "{utrecht.document.color}" },
+        "text-transform": { "value": "unset" },
+        "border-block-end-color": {},
+        "border-block-end-width": {}
+      },
+      "header-cell": {
+        "font-size": { "value": "{utrecht.document.font-size}" },
+        "font-weight": { "value": "{tubbergen.typography.font-weight.bold}" },
+        "color": { "value": "{utrecht.document.color}" },
+        "text-transform": { "value": "unset" }
+      },
+      "cell": {
+        "line-height": {},
+        "padding-block-end": { "value": "{tubbergen.size.md}" },
+        "padding-block-start": { "value": "{tubbergen.size.md}" },
+        "padding-inline-end": { "value": "{tubbergen.size.md}" },
+        "padding-inline-start": { "value": "{tubbergen.size.md}" },
+        "icon": {
+          "size": {}
+        }
+      },
+      "row": {
+        "border-block-end-color": { "value": "{tubbergen.color.lightgrey.89}" },
+        "border-block-end-width": { "value": "{tubbergen.size.4xs}" },
+        "padding-inline-end": {},
+        "padding-inline-start": {},
+        "alternate-odd": {
+          "background-color": { "value": "{tubbergen.color.white.100}" },
+          "color": {}
+        },
+        "alternate-even": {
+          "background-color": { "value": "{tubbergen.color.blue.96}" },
+          "color": {}
+        }
+      }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/textbox.tokens.json

@@ -0,0 +1,44 @@
+{
+  "utrecht": {
+    "textbox": {
+      "background-color": { "value": "{tubbergen.color.white.100}" },
+      "border-bottom-width": {},
+      "border-color": { "value": "{tubbergen.color.grey.46}" },
+      "border-radius": { "value": "0px" },
+      "border-width": { "value": "{tubbergen.size.4xs}" },
+      "color": { "value": "{tubbergen.color.black.33}" },
+      "font-family": { "value": "{tubbergen.typography.lato.font-family}" },
+      "font-size": { "value": "15px" },
+      "line-height": {},
+      "max-inline-size": {},
+      "padding-block-end": { "value": "{tubbergen.size.xs}" },
+      "padding-block-start": { "value": "{tubbergen.size.xs}" },
+      "padding-inline-end": { "value": "{tubbergen.size.sm}" },
+      "padding-inline-start": { "value": "{tubbergen.size.sm}" },
+      "placeholder": {
+        "color": { "value": "{tubbergen.color.grey.42}" }
+      },
+      "disabled": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "focus": {
+        "background-color": {},
+        "border-color": { "value": "{tubbergen.color.blue.48}" },
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "border-color": {},
+        "border-width": {},
+        "color": {}
+      },
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/config.json

@@ -0,0 +1,7 @@
+{
+  "fullName": "Gemeente Tubbergen",
+  "name": "Tubbergen",
+  "prefix": "tubbergen",
+  "npm": "@conduction/tubbergen-design-tokens",
+  "stories": ["react-utrecht-link--default"]
+}

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

@@ -0,0 +1,149 @@
+/* Place any @font-face definitions here */
+
+/* Lato Font-Family */
+/* latin-ext */
+@font-face {
+  font-family: "Lato";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.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: "Lato";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.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;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Lato";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.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: "Lato";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.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;
+}
+
+/* Montserrat Font-Family */
+/* cyrillic-ext */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.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: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)
+    format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.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: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.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: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.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: "Montserrat";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.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: "Montserrat";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)
+    format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.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: "Montserrat";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.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: "Montserrat";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.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/tubbergen-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/tubbergen-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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/theme",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "Conduction's design tokens theme",
   "main": "index.js",
   "repository": {