@conduction/theme 1.0.30 → 1.0.32

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

@@ -1,30 +1,81 @@
 {
+  "rotterdam": {
+    "color": {},
+    "typography": {}
+  },
   "utrecht": {
-    "alert": {
-      "icon": {
-        "gap": {
-          "value": "var(--rotterdam-space-scale-2)",
-          "filePath": "src/component/conduction/alert.tokens.json",
+    "action": {
+      "busy": {
+        "cursor": {
+          "value": "wait",
+          "filePath": "src/common/utrecht/action.tokens.json",
           "isSource": true,
           "original": {
-            "value": "var(--rotterdam-space-scale-2)"
+            "value": "wait"
           },
-          "name": "utrechtAlertIconGap",
+          "name": "utrechtActionBusyCursor",
           "attributes": {
             "category": "utrecht",
-            "type": "alert",
-            "item": "icon",
-            "subitem": "gap"
+            "type": "action",
+            "item": "busy",
+            "subitem": "cursor"
           },
           "path": [
             "utrecht",
-            "alert",
-            "icon",
-            "gap"
+            "action",
+            "busy",
+            "cursor"
+          ]
+        }
+      },
+      "disabled": {
+        "cursor": {
+          "value": "not-allowed",
+          "filePath": "src/common/utrecht/action.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "not-allowed"
+          },
+          "name": "utrechtActionDisabledCursor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "action",
+            "item": "disabled",
+            "subitem": "cursor"
+          },
+          "path": [
+            "utrecht",
+            "action",
+            "disabled",
+            "cursor"
+          ]
+        }
+      },
+      "submit": {
+        "cursor": {
+          "value": "pointer",
+          "filePath": "src/common/utrecht/action.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "pointer"
+          },
+          "name": "utrechtActionSubmitCursor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "action",
+            "item": "submit",
+            "subitem": "cursor"
+          },
+          "path": [
+            "utrecht",
+            "action",
+            "submit",
+            "cursor"
           ]
         }
       }
     },
+    "link": {},
     "page": {
       "background-color": {},
       "color": {},
@@ -86,5 +137,288 @@
         ]
       }
     }
+  },
+  "conduction": {
+    "card-header": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "color": {
+        "value": "var(--utrecht-document-color)",
+        "filePath": "src/component/conduction/card-header.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "var(--utrecht-document-color)"
+        },
+        "name": "conductionCardHeaderColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-header",
+          "item": "color"
+        },
+        "path": [
+          "conduction",
+          "card-header",
+          "color"
+        ]
+      },
+      "hover": {
+        "background-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
+      },
+      "title": {
+        "color": {
+          "value": "var(--rotterdam-color-green-tint-01)",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--rotterdam-color-green-tint-01)"
+          },
+          "name": "conductionCardHeaderTitleColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "title",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "title",
+            "color"
+          ]
+        }
+      },
+      "date": {
+        "color": {
+          "value": "var(--rotterdam-color-gray-tint-11)",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--rotterdam-color-gray-tint-11)"
+          },
+          "name": "conductionCardHeaderDateColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "color"
+          ]
+        },
+        "font-size": {
+          "value": "16px",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "16px"
+          },
+          "name": "conductionCardHeaderDateFontSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "font-size"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "400",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "400"
+          },
+          "name": "conductionCardHeaderDateFontWeight",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "font-weight"
+          ]
+        },
+        "margin-block-end": {
+          "value": "8px",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "8px"
+          },
+          "name": "conductionCardHeaderDateMarginBlockEnd",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "margin-block-end"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "margin-block-end"
+          ]
+        }
+      }
+    },
+    "card-wrapper": {
+      "background-color": {
+        "value": "var(--rotterdam-color-base-white)",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "var(--rotterdam-color-base-white)"
+        },
+        "name": "conductionCardWrapperBackgroundColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "background-color"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "background-color"
+        ]
+      },
+      "border-color": {},
+      "border-width": {},
+      "border-style": {},
+      "border-radius": {
+        "value": "0px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "conductionCardWrapperBorderRadius",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "border-radius"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "border-radius"
+        ]
+      },
+      "color": {
+        "value": "var(--rotterdam-color-gray-tint-11)",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "var(--rotterdam-color-gray-tint-11)"
+        },
+        "name": "conductionCardWrapperColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "color"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "color"
+        ]
+      },
+      "hover": {
+        "background-color": {}
+      },
+      "padding-inline-end": {
+        "value": "16px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "16px"
+        },
+        "name": "conductionCardWrapperPaddingInlineEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-inline-end"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-inline-end"
+        ]
+      },
+      "padding-inline-start": {
+        "value": "16px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "16px"
+        },
+        "name": "conductionCardWrapperPaddingInlineStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-inline-start"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-inline-start"
+        ]
+      },
+      "padding-block-end": {
+        "value": "16px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "16px"
+        },
+        "name": "conductionCardWrapperPaddingBlockEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "16px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "16px"
+        },
+        "name": "conductionCardWrapperPaddingBlockStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-block-start"
+        ]
+      }
+    }
   }
 }

package/municipalities/rotterdam-design-tokens/node_modules/.package-lock.json

@@ -0,0 +1,13 @@
+{
+  "name": "@conduction/rotterdam-design-tokens",
+  "version": "1.0.0-alpha.1",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "node_modules/@nl-design-system-unstable/rotterdam-design-tokens": {
+      "version": "1.0.0-alpha.109",
+      "resolved": "https://registry.npmjs.org/@nl-design-system-unstable/rotterdam-design-tokens/-/rotterdam-design-tokens-1.0.0-alpha.109.tgz",
+      "integrity": "sha512-tH8lY6pjwf2q1AKYJsD8UCY5TOVv5Mpn6vZd8oK/vP1JDeetoYX2T2ntuooYEX+b5iTi7JS3ya15NMLKAysNcw=="
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/LICENSE.md

@@ -0,0 +1,17 @@
+# Auteursrecht Gemeente Rotterdam
+
+Copyright (c) 2021 Gemeente Rotterdam
+
+## Logo en huisstijl
+
+Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door Gemeente Rotterdam.
+
+Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Rotterdam gebruiken en je ontwerpt een eigen huisstijl.
+
+## Lettertype
+
+Lettertypes die worden gebruikt voor de huisstijl zijn niet allemaal gratis en open source. Let op dat bij gebruik van die bijgeleverde lettertypes je een (betaalde) licentie regelt. Pas anders de configuratie aan om minder of andere lettertypes te gebruiken.
+
+## Toestemming
+
+Wanneer je het logo of de huisstijl wilt gebruiken kun je voor toestemming contact opnemen met Gemeente Rotterdam.

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/README.md

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

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 11:04:40 GMT
+ * Generated on Thu, 24 Aug 2023 15:25:12 GMT
  */
 
 .rotterdam-theme {

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 11:04:40 GMT
+ * Generated on Thu, 24 Aug 2023 15:25:12 GMT
  */
 
 export const rotterdamColorBaseWhite = "#ffffff"; // Base/White

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 16 Aug 2023 11:04:40 GMT
+// Generated on Thu, 24 Aug 2023 15:25:12 GMT
 
 @utrecht-textbox-invalid-border-bottom-width: 2px;
 @utrecht-textbox-padding-inline-start: 16px;

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 16 Aug 2023 11:04:40 GMT
+// Generated on Thu, 24 Aug 2023 15:25:12 GMT
 
 $utrecht-textbox-invalid-border-bottom-width: 2px;
 $utrecht-textbox-padding-inline-start: 16px;

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/documentation/color.stories.mdx

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

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/documentation/components.stories.mdx

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

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/documentation/design-tokens.stories.mdx

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

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/documentation/readme.stories.mdx

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

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

@@ -0,0 +1,38 @@
+{
+  "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"
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/_responsive.scss

@@ -0,0 +1,24 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+/* stylelint-disable no-duplicate-selectors */
+.rotterdam-theme {
+  @media (min-width: 768px) {
+    & {
+      --utrecht-page-footer-padding-inline-start: 24px;
+      --utrecht-page-footer-padding-inline-end: 24px;
+      --utrecht-page-footer-block-end: 115px;
+      --utrecht-page-footer-block-start: 52px;
+    }
+  }
+  @media (max-width: 375px) {
+    & {
+      --utrecht-page-footer-padding-inline-start: 24px;
+      --utrecht-page-footer-padding-inline-end: 24px;
+      --utrecht-page-footer-block-end: 48px;
+    }
+  }
+}