@conduction/theme 1.0.32 → 1.0.34

package/municipalities/rotterdam-design-tokens/{node_modules/@nl-design-system-unstable/rotterdam-design-tokens/package.json → package.json}

@@ -1,38 +1,33 @@
-{
-  "version": "1.0.0-alpha.109",
-  "author": "Community for NL Design System",
-  "description": "NL Design System design tokens for Gemeente Rotterdam",
-  "website": "https://www.rotterdam.nl/",
-  "keywords": [
-    "nl-design-system"
-  ],
-  "license": "SEE LICENSE IN LICENSE.md",
-  "name": "@nl-design-system-unstable/rotterdam-design-tokens",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git+ssh",
-    "url": "git@github.com:nl-design-system/themes.git"
-  },
-  "scripts": {
-    "clean": "rimraf -rf dist/",
-    "download": "src/font/download.sh",
-    "prebuild": "npm run clean",
-    "watch": "npm-run-all watch:**",
-    "watch:style-dictionary": "chokidar --follow-symlinks --command 'npm run --ignore-scripts build' 'src/**/*.tokens.json'",
-    "build": "npm-run-all build:**",
-    "build:font": "mkdir -p dist/font && cp -R src/font/* dist/font",
-    "build:scss": "sass --no-source-map src/:dist/",
-    "build:style-dictionary": "style-dictionary build --config ./style-dictionary.config.js"
-  },
-  "devDependencies": {
-    "@nl-design-system-unstable/theme-toolkit": "1.0.0-alpha.0",
-    "chokidar-cli": "3.0.0",
-    "npm-run-all": "4.1.5",
-    "rimraf": "3.0.2",
-    "style-dictionary": "3.8.0"
-  },
-  "gitHead": "4e7855245e5ffc8369d18a1861cc69484e3880e2"
-}
+{
+  "version": "1.0.0-alpha.1",
+  "author": "Community for NL Design System",
+  "description": "NL Design System design tokens for Gemeente Rotterdam",
+  "website": "https://rotterdam.nl/",
+  "keywords": ["nl-design-system", "conduction"],
+  "license": "SEE LICENSE IN LICENSE.md",
+  "name": "@conduction/rotterdam-design-tokens",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ConductionNL/conduction-theme.git"
+  },
+  "scripts": {
+    "clean": "rimraf -rf dist/",
+    "prebuild": "npm run clean",
+    "watch": "npm-run-all watch:**",
+    "watch:style-dictionary": "chokidar --follow-symlinks --command 'npm run --ignore-scripts build' 'src/**/*.tokens.json'",
+    "build-all": "npm i && npm run build",
+    "build": "npm-run-all build:**",
+    "build:scss": "sass --no-source-map src/:dist/",
+    "build:style-dictionary": "style-dictionary build --config ./style-dictionary.config.js"
+  },
+  "dependencies": { "@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100" },
+
+  "bugs": {
+    "url": "https://github.com/ConductionNL/conduction-theme/issues"
+  },
+  "homepage": "https://github.com/ConductionNL/conduction-theme#readme"
+}

package/municipalities/rotterdam-design-tokens/src/component/conduction/card-header.tokens.json

@@ -0,0 +1,26 @@
+{
+  "conduction": {
+    "card-header": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "color": { "value": "var(--utrecht-document-color)" },
+      "hover": {
+        "background-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
+      },
+      "title": {
+        "color": { "value": "var(--rotterdam-color-green-tint-01)" }
+      },
+      "date": {
+        "color": { "value": "var(--rotterdam-color-gray-tint-11)" },
+        "font-size": { "value": "16px" },
+        "font-weight": { "value": "400" },
+        "margin-block-end": { "value": "8px" }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/src/component/conduction/card-wrapper.tokens.json

@@ -0,0 +1,25 @@
+{
+  "conduction": {
+    "card-wrapper": {
+      "background-color": { "value": "var(--rotterdam-color-base-white)" },
+      "border-color": {},
+      "border-style": {},
+      "border-width": {},
+      "border-bottom-color": { "value": "var(--rotterdam-color-gray-tint-04)" },
+      "border-bottom-style": { "value": "solid" },
+      "border-bottom-width": { "value": "4px" },
+      "border-radius": { "value": "0px" },
+      "color": { "value": "var(--rotterdam-color-gray-tint-11)" },
+      "hover": {
+        "background-color": {},
+        "border-bottom-color": { "value": "var(--rotterdam-color-green-tint-01)" },
+        "border-bottom-style": { "value": "solid" },
+        "border-bottom-width": { "value": "4px" }
+      },
+      "padding-inline-end": { "value": "16px" },
+      "padding-inline-start": { "value": "16px" },
+      "padding-block-end": { "value": "16px" },
+      "padding-block-start": { "value": "16px" }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/src/component/conduction/pagination.tokens.json

@@ -0,0 +1,50 @@
+{
+  "conduction": {
+    "pagination": {
+      "container-background-color": { "value": "unset" },
+      "container-padding-inline-start": { "value": "0px" },
+      "container-padding-inline-end": { "value": "0px" },
+      "container-padding-block-start": { "value": "0px" },
+      "container-padding-block-end": { "value": "0px" },
+
+      "item-gap": { "value": "8px" },
+      "item-color": { "value": "var(--rotterdam-color-gray-tint-11)" },
+      "item-background-color": { "value": "var(--rotterdam-color-base-white)" },
+      "item-border-radius": { "value": "0px" },
+      "item-padding-inline-start": { "value": "14px" },
+      "item-padding-inline-end": { "value": "14px" },
+      "item-padding-block-start": { "value": "8px" },
+      "item-padding-block-end": { "value": "8px" },
+      "item-font-size": { "value": "var(--utrecht-document-font-size)" },
+      "item-font-weight": { "value": "var(--rotterdam-typography-weight-scale-normal-font-weight)" },
+      "item-font-family": { "value": "var(--utrecht-document-font-family)" },
+      "item-border-width": { "value": "1px" },
+      "item-border-style": { "value": "solid" },
+      "item-border-color": { "value": "var(--rotterdam-color-base-white)" },
+
+      "navigation-button-padding-inline-start": { "value": "8px" },
+      "navigation-button-padding-inline-end": { "value": "8px" },
+      "navigation-button-padding-block-start": { "value": "8px" },
+      "navigation-button-padding-block-end": { "value": "8px" },
+
+      "disabled-color": { "value": "var(--rotterdam-color-gray-tint-07)" },
+      "disabled-background-color": { "value": "var(--rotterdam-color-base-white)" },
+
+      "current-page-color": { "value": "var(--rotterdam-color-green-tint-03)" },
+      "current-page-background-color": { "value": "var(--rotterdam-color-soft-green-tint-01)" },
+      "current-page-font-weight": { "value": "var(--rotterdam-typography-weight-scale-bold-font-weight)" },
+      "current-page-text-decoration": { "value": "unset" },
+      "current-page-border-width": { "value": "1px" },
+      "current-page-border-style": { "value": "solid" },
+      "current-page-border-color": { "value": "var(--rotterdam-color-green-tint-03)" },
+
+      "page-hover-color": { "value": "var(--rotterdam-color-green-tint-01)" },
+      "page-hover-background-color": { "value": "var(--rotterdam-color-base-white)" },
+      "page-hover-text-decoration": { "value": "unset" },
+      "page-hover-text-decoration-thickness": { "value": "0px" },
+      "page-hover-border-width": { "value": "1px" },
+      "page-hover-border-style": { "value": "solid" },
+      "page-hover-border-color": { "value": "var(--rotterdam-color-green-tint-01)" }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/src/component/conduction/select.tokens.json

@@ -0,0 +1,30 @@
+{
+  "conduction": {
+    "input-select": {
+      "background-color": { "value": "var(--utrecht-form-select-background-color)" },
+      "border": { "value": "var(--utrecht-form-select-border-width) solid var(--rotterdam-color-gray-tint-08)" },
+      "border-focus": { "value": "unset" },
+      "border-radius": { "value": "var(--utrecht-form-control-border-radius)" },
+      "invalid-border-color": { "value": "var(--rotterdam-color-red-tint-01)" },
+      "padding-block-end": { "value": 0 },
+      "padding-block-start": { "value": 0 },
+      "hover": {},
+      "focus": {},
+      "list-option": {
+        "font-family": { "value": "var(--utrecht-document-font-family)" },
+        "background-color": { "value": "var(--utrecht-form-select-background-color)" },
+        "hover": {
+          "font-family": { "value": "var(--utrecht-document-font-family)" },
+          "color": { "value": "var(--utrecht-form-select-background-color)" },
+          "background-color": { "value": "var(--rotterdam-color-green-tint-01)" }
+        }
+      },
+      "placeholder": {
+        "color": {
+          "value": "var(--rotterdam-color-gray-tint-09)"
+        },
+        "font-family": { "value": "var(--utrecht-document-font-family)" }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/src/component/utrecht/alert.tokens.json

@@ -0,0 +1,46 @@
+{
+  "utrecht": {
+    "alert": {
+      "background-color": { "value": "#e8f4fb" },
+      "border-color": { "value": "#b4dbf1" },
+      "border-width": { "value": "1px" },
+      "color": { "value": "var(--utrecht-document-color)" },
+      "padding-block-start": { "value": "24px" },
+      "padding-block-end": { "value": "24px" },
+      "padding-inline-start": { "value": "24px" },
+      "padding-inline-end": { "value": "24px" },
+      "margin-block-start": {},
+      "margin-block-end": {},
+      "warning": {
+        "background-color": { "value": "#fef8e6" },
+        "color": { "value": "var(--utrecht-document-color)" },
+        "border-color": { "value": "#f9e7ac" },
+        "border-width": { "value": "1px" }
+      },
+      "error": {
+        "background-color": { "value": "#fdf0ee" },
+        "color": { "value": "var(--utrecht-document-color)" },
+        "border-color": { "value": "#f7ccc5" },
+        "border-width": { "value": "1px" }
+      },
+      "ok": {
+        "background-color": { "value": "#e6f3e9" },
+        "color": { "value": "var(--utrecht-document-color)" },
+        "border-color": { "value": "#acd6b7" },
+        "border-width": { "value": "1px" }
+      },
+      "icon": {
+        "color": { "value": "#00689e" },
+        "error": {
+          "color": { "value": "var(--rotterdam-color-red-tint-02)" }
+        },
+        "warning": {
+          "color": { "value": "#a65600" }
+        },
+        "ok": {
+          "color": { "value": "var(--rotterdam-color-green-tint-01)" }
+        }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/src/component/utrecht/code.tokens.json

@@ -0,0 +1,11 @@
+{
+  "utrecht": {
+    "code": {
+      "background-color": { "value": "var(--rotterdam-color-gray-tint-01)" },
+      "color": { "value": "var(--rotterdam-color-gray-tint-11)" },
+      "font-family": {},
+      "font-size": { "value": "inherit" },
+      "line-height": {}
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json

@@ -0,0 +1,9 @@
+{
+  "utrecht": {
+    "alert": {
+      "icon": {
+        "gap": { "value": "8px" }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/button.tokens.json

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "button": {
+      "icon": {
+        "gap": { "value": "8px" },
+        "size": {}
+      }
+    }
+  }
+}

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

@@ -0,0 +1,7 @@
+{
+  "utrecht": {
+    "icon": {
+      "gap": { "value": "8px" }
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+{
+  "utrecht": {
+    "page-footer": {
+      "min-height": {},
+      "logo": {
+        "max-height": { "value": "48px" },
+        "max-width": { "value": "240px" }
+      },
+      "background-position": {}
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "page-header": {
+      "logo": {
+        "max-height": {},
+        "max-width": { "value": "222px" }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,24 @@
+{
+  "utrecht": {
+    "table": {
+      "background-color": { "value": "var(--rotterdam-color-base-white)" },
+      "header": {
+        "border-block-end-color": { "value": "var(--rotterdam-color-gray-tint-11)" },
+        "border-block-end-width": { "value": "0.2rem" },
+        "font-family": {}
+      },
+      "row": {
+        "hover": {
+          "background-color": { "value": "var(--rotterdam-color-gray-tint-01)" },
+          "color": {}
+        }
+      },
+      "body": {
+        "border": {}
+      },
+      "caption": {
+        "font-style": {}
+      }
+    }
+  }
+}

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

@@ -0,0 +1,33 @@
+{
+  "utrecht": {
+    "ordered-list": {
+      "font-size": { "value": "var(--utrecht-document-font-size)" },
+      "line-height": {},
+      "margin-block-start": { "value": "14px" },
+      "margin-block-end": { "value": "14px" },
+      "padding-inline-start": { "value": "32px" },
+      "item": {
+        "margin-block-start": { "value": "4px" },
+        "margin-block-end": { "value": "4px" },
+        "padding-inline-start": { "value": "1ch" }
+      }
+    },
+
+    "unordered-list": {
+      "font-size": { "value": "var(--utrecht-document-font-size)" },
+      "line-height": {},
+      "margin-block-start": { "value": "18px" },
+      "margin-block-end": { "value": 0 },
+      "padding-inline-start": { "value": "2ch" },
+      "item": {
+        "margin-block-start": { "value": "8px" },
+        "margin-block-end": { "value": "8px" },
+        "padding-inline-start": { "value": "1ch" }
+      },
+
+      "marker": {
+        "color": { "value": "var(--rotterdam-color-green-tint-01)" }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "page-header": {
+      "background-color": { "value": "var(--rotterdam-color-base-white)" },
+      "color": { "value": "var(--rotterdam-color-gray-tint-11)" },
+      "padding-block-start": { "value": "14px" },
+      "padding-block-end": { "value": "14px" }
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+{
+  "utrecht": {
+    "page": {
+      "background-color": {},
+      "color": {},
+      "margin-inline-start": { "value": "var(--utrecht-space-block-xl)" },
+      "margin-inline-end": { "value": "var(--utrecht-space-block-xl)" },
+      "max-inline-size": { "value": "1140px" }
+    }
+  }
+}

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

@@ -0,0 +1,19 @@
+{
+  "utrecht": {
+    "table": {
+      "font-family": { "value": "var(--utrecht-document-font-family)" },
+      "font-size": { "value": "var(--utrecht-document-font-size)" },
+      "margin-block-end": { "value": 0 },
+      "margin-block-start": { "value": "18px" },
+      "header": {
+        "color": { "value": "var(--utrecht-document-color)" }
+      },
+      "header-cell": {
+        "font-size": { "value": "var(--utrecht-document-font-size)" },
+        "font-weight": { "value": "var(--rotterdam-typography-weight-scale-bold-font-weight)" },
+        "color": { "value": "var(--utrecht-document-color)" },
+        "text-transform": { "value": "unset" }
+      }
+    }
+  }
+}

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

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

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

@@ -0,0 +1 @@
+/* Place any @font-face definitions here */

package/municipalities/rotterdam-design-tokens/src/index.scss

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

package/municipalities/rotterdam-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/tubbergen-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 30 Aug 2023 11:45:02 GMT
+ * Generated on Thu, 31 Aug 2023 09:03:18 GMT
  */
 
 .tubbergen-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 30 Aug 2023 11:45:02 GMT
+ * Generated on Thu, 31 Aug 2023 09:03:18 GMT
  */
 
 export const tubbergenColorPrimary = "#0b612d";

package/municipalities/tubbergen-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 30 Aug 2023 11:45:02 GMT
+// Generated on Thu, 31 Aug 2023 09:03:18 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;

package/municipalities/tubbergen-design-tokens/dist/index.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 30 Aug 2023 11:45:02 GMT
+// Generated on Thu, 31 Aug 2023 09:03:18 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;

package/municipalities/tubbergen-design-tokens/dist/tokens.json

@@ -6897,6 +6897,7 @@
         ]
       },
       "border-color": {},
+      "border-style": {},
       "border-width": {
         "value": "unset",
         "filePath": "src/component/conduction/card-wrapper.tokens.json",
@@ -6916,7 +6917,9 @@
           "border-width"
         ]
       },
-      "border-style": {},
+      "border-bottom-color": {},
+      "border-bottom-style": {},
+      "border-bottom-width": {},
       "border-radius": {
         "value": "0px",
         "filePath": "src/component/conduction/card-wrapper.tokens.json",
@@ -6956,7 +6959,10 @@
         ]
       },
       "hover": {
-        "background-color": {}
+        "background-color": {},
+        "border-bottom-color": {},
+        "border-bottom-style": {},
+        "border-bottom-width": {}
       },
       "padding-inline-end": {
         "value": "32px",
@@ -7340,6 +7346,9 @@
           "item-font-family"
         ]
       },
+      "item-border-width": {},
+      "item-border-style": {},
+      "item-border-color": {},
       "navigation-button-padding-inline-start": {
         "value": "8px",
         "filePath": "src/component/conduction/pagination.tokens.json",
@@ -7530,6 +7539,9 @@
           "current-page-text-decoration"
         ]
       },
+      "current-page-border-width": {},
+      "current-page-border-style": {},
+      "current-page-border-color": {},
       "page-hover-color": {
         "value": "#ffffff",
         "filePath": "src/component/conduction/pagination.tokens.json",
@@ -7605,7 +7617,10 @@
           "pagination",
           "page-hover-text-decoration-thickness"
         ]
-      }
+      },
+      "page-hover-border-width": {},
+      "page-hover-border-style": {},
+      "page-hover-border-color": {}
     },
     "input-select": {
       "background-color": {

package/municipalities/tubbergen-design-tokens/src/component/conduction/card-wrapper.tokens.json

@@ -3,12 +3,18 @@
     "card-wrapper": {
       "background-color": { "value": "{tubbergen.color.green.89}" },
       "border-color": {},
-      "border-width": { "value": "unset" },
       "border-style": {},
+      "border-width": { "value": "unset" },
+      "border-bottom-color": {},
+      "border-bottom-style": {},
+      "border-bottom-width": {},
       "border-radius": { "value": "0px" },
       "color": { "value": "{utrecht.document.color}" },
       "hover": {
-        "background-color": {}
+        "background-color": {},
+        "border-bottom-color": {},
+        "border-bottom-style": {},
+        "border-bottom-width": {}
       },
       "padding-inline-end": { "value": "{tubbergen.size.xl}" },
       "padding-inline-start": { "value": "{tubbergen.size.xl}" },

package/municipalities/tubbergen-design-tokens/src/component/conduction/pagination.tokens.json

@@ -18,6 +18,9 @@
       "item-font-size": { "value": "17.6px" },
       "item-font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
       "item-font-family": { "value": "{utrecht.document.font-family}" },
+      "item-border-width": {},
+      "item-border-style": {},
+      "item-border-color": {},
 
       "navigation-button-padding-inline-start": { "value": "{tubbergen.size.xs}" },
       "navigation-button-padding-inline-end": { "value": "{tubbergen.size.xs}" },
@@ -31,11 +34,17 @@
       "current-page-background-color": { "value": "{tubbergen.color.white.100}" },
       "current-page-font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
       "current-page-text-decoration": { "value": "unset" },
+      "current-page-border-width": {},
+      "current-page-border-style": {},
+      "current-page-border-color": {},
 
       "page-hover-color": { "value": "{tubbergen.color.white.100}" },
       "page-hover-background-color": { "value": "{tubbergen.color.green.16}" },
       "page-hover-text-decoration": { "value": "unset" },
-      "page-hover-text-decoration-thickness": { "value": "0px" }
+      "page-hover-text-decoration-thickness": { "value": "0px" },
+      "page-hover-border-width": {},
+      "page-hover-border-style": {},
+      "page-hover-border-color": {}
     }
   }
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 30 Aug 2023 11:44:54 GMT
+ * Generated on Thu, 31 Aug 2023 09:03:11 GMT
  */
 
 .xxllnc-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 30 Aug 2023 11:44:54 GMT
+ * Generated on Thu, 31 Aug 2023 09:03:11 GMT
  */
 
 export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency

package/municipalities/xxllnc-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 30 Aug 2023 11:44:54 GMT
+// Generated on Thu, 31 Aug 2023 09:03:11 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;