@conduction/theme 1.1.58 → 1.1.59

package/conduction-design-tokens/src/component/utrecht/accordion.tokens.json

@@ -1,68 +1,68 @@
-{
-  "utrecht": {
-    "accordion": {
-      "button": {
-        "background-color": { "value": "{conduction.color.primary}" },
-        "border-color": { "value": "{conduction.color.primary}" },
-        "border-width": {},
-        "color": { "value": "{conduction.color.white.100}" },
-        "active": {
-          "background-color": { "value": "{conduction.color.primary}" },
-          "border-color": { "value": "{conduction.color.primary}" },
-          "color": { "value": "{conduction.color.white.100}" }
-        },
-        "expanded": {
-          "background-color": { "value": "{conduction.color.primary-hover}" },
-          "border-color": { "value": "{conduction.color.primary-hover}" },
-          "color": { "value": "{conduction.color.white.100}" }
-        },
-        "focus": {
-          "background-color": { "value": "{conduction.color.primary}" },
-          "border-color": { "value": "{conduction.color.primary}" },
-          "color": { "value": "{conduction.color.white.100}" }
-        },
-        "font-family": { "value": "{conduction.typography.aldritch.font-family}" },
-        "font-size": { "value": "{conduction.font-size.xl}" },
-        "font-weight": { "value": "{conduction.typography.font-weight.normal}" },
-        "hover": {
-          "background-color": { "value": "{conduction.color.primary-hover}" },
-          "border-color": { "value": "{conduction.color.primary-hover}" },
-          "color": { "value": "{conduction.color.white.100}" }
-        },
-        "icon": {
-          "margin-inline-start": { "value": "{conduction.size.xs}" },
-          "margin-inline-end": { "value": "{conduction.size.xs}" },
-          "margin-block-start": { "value": "{conduction.size.xs}" },
-          "margin-block-end": { "value": "{conduction.size.xs}" },
-          "size": {},
-          "background-color": {},
-          "fill": { "value": "currentColor" }
-        },
-        "line-height": {},
-        "padding-block-end": { "value": "{conduction.size.xs}" },
-        "padding-block-start": { "value": "{conduction.size.xs}" },
-        "padding-inline-end": { "value": "{conduction.size.xs}" },
-        "padding-inline-start": { "value": "{conduction.size.xs}" }
-      },
-      "panel": {
-        "padding-inline-start": { "value": "{conduction.size.md}" },
-        "padding-inline-end": { "value": "{conduction.size.md}" },
-        "padding-block-start": { "value": "{conduction.size.md}" },
-        "padding-block-end": { "value": "{conduction.size.md}" },
-        "border-width": { "value": "{conduction.size.4xs}" },
-        "border-color": { "value": "{conduction.color.black.0}" }
-      },
-      "section": {
-        "margin-block-start": {},
-        "margin-block-end": {},
-        "border-width": {},
-        "border-color": {},
-        "border-block-end-width": {}
-      },
-      "border-radius": { "value": "0px" },
-      "icon": {
-        "arrow-down": { "value": "transparent" }
-      }
-    }
-  }
-}
+{
+  "utrecht": {
+    "accordion": {
+      "button": {
+        "background-color": { "value": "{conduction.color.primary}" },
+        "border-color": { "value": "{conduction.color.primary}" },
+        "border-width": {},
+        "color": { "value": "{conduction.color.white.100}" },
+        "active": {
+          "background-color": { "value": "{conduction.color.primary}" },
+          "border-color": { "value": "{conduction.color.primary}" },
+          "color": { "value": "{conduction.color.white.100}" }
+        },
+        "expanded": {
+          "background-color": { "value": "{conduction.color.primary-hover}" },
+          "border-color": { "value": "{conduction.color.primary-hover}" },
+          "color": { "value": "{conduction.color.white.100}" }
+        },
+        "focus": {
+          "background-color": { "value": "{conduction.color.primary}" },
+          "border-color": { "value": "{conduction.color.primary}" },
+          "color": { "value": "{conduction.color.white.100}" }
+        },
+        "font-family": { "value": "{conduction.typography.aldritch.font-family}" },
+        "font-size": { "value": "{conduction.font-size.xl}" },
+        "font-weight": { "value": "{conduction.typography.font-weight.normal}" },
+        "hover": {
+          "background-color": { "value": "{conduction.color.primary-hover}" },
+          "border-color": { "value": "{conduction.color.primary-hover}" },
+          "color": { "value": "{conduction.color.white.100}" }
+        },
+        "icon": {
+          "margin-inline-start": { "value": "{conduction.size.xs}" },
+          "margin-inline-end": { "value": "{conduction.size.xs}" },
+          "margin-block-start": { "value": "{conduction.size.xs}" },
+          "margin-block-end": { "value": "{conduction.size.xs}" },
+          "size": {},
+          "background-color": {},
+          "fill": { "value": "currentColor" }
+        },
+        "line-height": {},
+        "padding-block-end": { "value": "{conduction.size.xs}" },
+        "padding-block-start": { "value": "{conduction.size.xs}" },
+        "padding-inline-end": { "value": "{conduction.size.xs}" },
+        "padding-inline-start": { "value": "{conduction.size.xs}" }
+      },
+      "panel": {
+        "padding-inline-start": { "value": "{conduction.size.md}" },
+        "padding-inline-end": { "value": "{conduction.size.md}" },
+        "padding-block-start": { "value": "{conduction.size.md}" },
+        "padding-block-end": { "value": "{conduction.size.md}" },
+        "border-width": { "value": "{conduction.size.4xs}" },
+        "border-color": { "value": "{conduction.color.black.0}" }
+      },
+      "section": {
+        "margin-block-start": {},
+        "margin-block-end": {},
+        "border-width": {},
+        "border-color": {},
+        "border-block-end-width": {}
+      },
+      "border-radius": { "value": "0px" },
+      "icon": {
+        "arrow-down": { "value": "transparent" }
+      }
+    }
+  }
+}

package/conduction-design-tokens/src/component/utrecht/badge-status.tokens.json

@@ -1,8 +1,8 @@
-{
-  "utrecht": {
-    "badge-status": {
-      "letter-spacing": {},
-      "text-transform": {}
-    }
-  }
-}
+{
+  "utrecht": {
+    "badge-status": {
+      "letter-spacing": {},
+      "text-transform": {}
+    }
+  }
+}

package/conduction-design-tokens/src/component/utrecht/extra-tokens/accordion.tokens.json

@@ -1,36 +1,36 @@
-{
-  "utrecht": {
-    "accordion": {
-      "button": {
-        "border-radius": {},
-        "border-top-left-radius": {},
-        "border-top-right-radius": {},
-        "border-bottom-left-radius": {},
-        "border-bottom-right-radius": {},
-        "active": {
-          "border-bottom": {
-            "left-radius": {},
-            "right-radius": {},
-            "width": {},
-            "color": {},
-            "style": {}
-          }
-        }
-      },
-      "panel": {
-        "border-radius": {},
-        "border-top": {
-          "left-radius": {},
-          "right-radius": {},
-          "width": {},
-          "color": {},
-          "style": {}
-        },
-        "border-bottom-left-radius": {},
-        "border-bottom-right-radius": {},
-        "background-color": {},
-        "line-height": {}
-      }
-    }
-  }
-}
+{
+  "utrecht": {
+    "accordion": {
+      "button": {
+        "border-radius": {},
+        "border-top-left-radius": {},
+        "border-top-right-radius": {},
+        "border-bottom-left-radius": {},
+        "border-bottom-right-radius": {},
+        "active": {
+          "border-bottom": {
+            "left-radius": {},
+            "right-radius": {},
+            "width": {},
+            "color": {},
+            "style": {}
+          }
+        }
+      },
+      "panel": {
+        "border-radius": {},
+        "border-top": {
+          "left-radius": {},
+          "right-radius": {},
+          "width": {},
+          "color": {},
+          "style": {}
+        },
+        "border-bottom-left-radius": {},
+        "border-bottom-right-radius": {},
+        "background-color": {},
+        "line-height": {}
+      }
+    }
+  }
+}

package/conduction-design-tokens/src/component/utrecht/select.tokens.json

@@ -1,47 +1,47 @@
-{
-  "utrecht": {
-    "select": {
-      "background-color": { "value": "{conduction.color.white.100}" },
-      "background-image": {
-        "value": "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTQgOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI5Mjg5MyAwLjI5Mjg5M0MwLjY4MzQxNyAtMC4wOTc2MzExIDEuMzE2NTggLTAuMDk3NjMxMSAxLjcwNzExIDAuMjkyODkzTDcgNS41ODU3OUwxMi4yOTI5IDAuMjkyODkzQzEyLjY4MzQgLTAuMDk3NjMxMSAxMy4zMTY2IC0wLjA5NzYzMTEgMTMuNzA3MSAwLjI5Mjg5M0MxNC4wOTc2IDAuNjgzNDE3IDE0LjA5NzYgMS4zMTY1OCAxMy43MDcxIDEuNzA3MTFMNy43MDcxMSA3LjcwNzExQzcuMzE2NTggOC4wOTc2MyA2LjY4MzQyIDguMDk3NjMgNi4yOTI4OSA3LjcwNzExTDAuMjkyODkzIDEuNzA3MTFDLTAuMDk3NjMxMSAxLjMxNjU4IC0wLjA5NzYzMTEgMC42ODM0MTcgMC4yOTI4OTMgMC4yOTI4OTNaIiBmaWxsPSIjY2NjY2NjIi8+PC9zdmc+')"
-      },
-      "border-block-end-width": {},
-      "border-bottom-width": {},
-      "border-color": { "value": "{conduction.color.grey.48}" },
-      "border-radius": { "value": "3px" },
-      "border-width": { "value": "{conduction.size.4xs}" },
-      "color": {},
-      "font-family": {},
-      "font-size": {},
-      "font-weight": {},
-      "line-height": {},
-      "min-block-size": {},
-      "max-inline-size": {},
-      "padding-block-end": { "value": "{conduction.size.3xs}" },
-      "padding-block-start": { "value": "{conduction.size.3xs}" },
-      "padding-inline-end": { "value": "{conduction.size.xs}" },
-      "padding-inline-start": { "value": "{conduction.size.xs}" },
-      "disabled": {
-        "background-color": { "value": "{conduction.color.grey.82}" },
-        "border-color": { "value": "{conduction.color.grey.82}" },
-        "color": { "value": "{conduction.color.grey.50}" }
-      },
-      "hover": {
-        "background-color": {},
-        "border-color": { "value": "{conduction.color.grey.70}" },
-        "color": {}
-      },
-      "focus": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
-      },
-      "invalid": {
-        "background-color": {},
-        "border-block-end-width": {},
-        "border-color": { "value": "{conduction.color.error}" },
-        "border-width": {}
-      }
-    }
-  }
-}
+{
+  "utrecht": {
+    "select": {
+      "background-color": { "value": "{conduction.color.white.100}" },
+      "background-image": {
+        "value": "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTQgOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI5Mjg5MyAwLjI5Mjg5M0MwLjY4MzQxNyAtMC4wOTc2MzExIDEuMzE2NTggLTAuMDk3NjMxMSAxLjcwNzExIDAuMjkyODkzTDcgNS41ODU3OUwxMi4yOTI5IDAuMjkyODkzQzEyLjY4MzQgLTAuMDk3NjMxMSAxMy4zMTY2IC0wLjA5NzYzMTEgMTMuNzA3MSAwLjI5Mjg5M0MxNC4wOTc2IDAuNjgzNDE3IDE0LjA5NzYgMS4zMTY1OCAxMy43MDcxIDEuNzA3MTFMNy43MDcxMSA3LjcwNzExQzcuMzE2NTggOC4wOTc2MyA2LjY4MzQyIDguMDk3NjMgNi4yOTI4OSA3LjcwNzExTDAuMjkyODkzIDEuNzA3MTFDLTAuMDk3NjMxMSAxLjMxNjU4IC0wLjA5NzYzMTEgMC42ODM0MTcgMC4yOTI4OTMgMC4yOTI4OTNaIiBmaWxsPSIjY2NjY2NjIi8+PC9zdmc+')"
+      },
+      "border-block-end-width": {},
+      "border-bottom-width": {},
+      "border-color": { "value": "{conduction.color.grey.48}" },
+      "border-radius": { "value": "3px" },
+      "border-width": { "value": "{conduction.size.4xs}" },
+      "color": {},
+      "font-family": {},
+      "font-size": {},
+      "font-weight": {},
+      "line-height": {},
+      "min-block-size": {},
+      "max-inline-size": {},
+      "padding-block-end": { "value": "{conduction.size.3xs}" },
+      "padding-block-start": { "value": "{conduction.size.3xs}" },
+      "padding-inline-end": { "value": "{conduction.size.xs}" },
+      "padding-inline-start": { "value": "{conduction.size.xs}" },
+      "disabled": {
+        "background-color": { "value": "{conduction.color.grey.82}" },
+        "border-color": { "value": "{conduction.color.grey.82}" },
+        "color": { "value": "{conduction.color.grey.50}" }
+      },
+      "hover": {
+        "background-color": {},
+        "border-color": { "value": "{conduction.color.grey.70}" },
+        "color": {}
+      },
+      "focus": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "border-block-end-width": {},
+        "border-color": { "value": "{conduction.color.error}" },
+        "border-width": {}
+      }
+    }
+  }
+}

package/municipalities/almere-design-tokens/LICENSE.md

@@ -1,17 +1,17 @@
-# Auteursrecht Gemeente Almere
-
-Copyright (c) 2023 Gemeente Almere
-
-## 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 Almere.
-
-Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Almere 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 Almere.
+# Auteursrecht Gemeente Almere
+
+Copyright (c) 2023 Gemeente Almere
+
+## 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 Almere.
+
+Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Almere 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 Almere.

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

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

package/municipalities/almere-design-tokens/documentation/color.stories.mdx

@@ -1,17 +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>
+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/almere-design-tokens/documentation/components.stories.mdx

@@ -1,11 +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>
+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/almere-design-tokens/documentation/design-tokens.stories.mdx

@@ -1,14 +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>
+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/almere-design-tokens/documentation/readme.stories.mdx

@@ -1,7 +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>
+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/almere-design-tokens/package.json

@@ -1,40 +1,40 @@
-{
-  "version": "1.0.0-alpha.1",
-  "author": "Community for NL Design System",
-  "description": "NL Design System design tokens for Gemeente Almere",
-  "website": "https://www.almere.nl/",
-  "keywords": [
-    "nl-design-system",
-    "conduction"
-  ],
-  "license": "SEE LICENSE IN LICENSE.md",
-  "name": "@nl-design-system-unstable/almere-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/",
-    "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: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": "workspace:*",
-    "chokidar-cli": "3.0.0",
-    "npm-run-all": "4.1.5",
-    "rimraf": "3.0.2",
-    "style-dictionary": "3.8.0"
-  },
-  "bugs": {
-    "url": "https://github.com/ConductionNL/conduction-theme/issues"
-  },
-  "homepage": "https://github.com/ConductionNL/conduction-theme#readme"
-}
+{
+  "version": "1.0.0-alpha.1",
+  "author": "Community for NL Design System",
+  "description": "NL Design System design tokens for Gemeente Almere",
+  "website": "https://www.almere.nl/",
+  "keywords": [
+    "nl-design-system",
+    "conduction"
+  ],
+  "license": "SEE LICENSE IN LICENSE.md",
+  "name": "@nl-design-system-unstable/almere-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/",
+    "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: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": "workspace:*",
+    "chokidar-cli": "3.0.0",
+    "npm-run-all": "4.1.5",
+    "rimraf": "3.0.2",
+    "style-dictionary": "3.8.0"
+  },
+  "bugs": {
+    "url": "https://github.com/ConductionNL/conduction-theme/issues"
+  },
+  "homepage": "https://github.com/ConductionNL/conduction-theme#readme"
+}