@conduction/theme 1.1.58 → 1.1.59

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

@@ -1,8 +1,8 @@
-/**
- * @license SEE LICENSE.md
- * Copyright (c) 2021 NL Design System Community
- * All rights reserved
- */
-
-@import "./design-tokens.css";
-@import "./font.css";
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+@import "./design-tokens.css";
+@import "./font.css";

package/municipalities/bct-design-tokens/style-dictionary.config.js

@@ -1,6 +1,6 @@
-const config = require("./src/config.json");
-const { createConfig } = require('../../style-dictionary-config');
-
-module.exports = createConfig({
-  selector: `.${config.prefix}-theme`,
-});
+const config = require("./src/config.json");
+const { createConfig } = require('../../style-dictionary-config');
+
+module.exports = createConfig({
+  selector: `.${config.prefix}-theme`,
+});

package/municipalities/beek-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/beek-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/beek-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/beek-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/beek-design-tokens/src/component/amsterdam/date-input.tokens.json

@@ -1,29 +1,29 @@
-{
-  "ams": {
-    "date-input": {
-      "background-color": { "value": "{utrecht.textbox.background-color}" },
-      "box-shadow": { "value": "" },
-      "color": { "value": "{utrecht.textbox.color}" },
-      "font-family": { "value": "{utrecht.textbox.font-family}" },
-      "font-size": { "value": "{utrecht.textbox.font-size}" },
-      "font-weight": { "value": "{utrecht.textbox.font-weight}" },
-      "line-height": { "value": "{utrecht.textbox.line-height}" },
-      "min-block-size": {},
-      "min-inline-size": {},
-      "outline-offset": {},
-      "padding-block": { "value": "{beek.size.xs}" },
-      "padding-inline": { "value": "{beek.size.xs}" },
-      "calender-picker-indicator-background-image": {
-        "value": "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=')"
-      },
-      "hover-calender-picker-indicator-background-image": {
-        "value": "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=')"
-      },
-      "border-color": { "value": "{utrecht.textbox.border-color}" },
-      "border-style": { "value": "solid" },
-      "border-width": { "value": "{utrecht.textbox.border-width}" },
-      "border-radius": { "value": "{utrecht.textbox.border-radius}" },
-      "margin-block": {}
-    }
-  }
-}
+{
+  "ams": {
+    "date-input": {
+      "background-color": { "value": "{utrecht.textbox.background-color}" },
+      "box-shadow": { "value": "" },
+      "color": { "value": "{utrecht.textbox.color}" },
+      "font-family": { "value": "{utrecht.textbox.font-family}" },
+      "font-size": { "value": "{utrecht.textbox.font-size}" },
+      "font-weight": { "value": "{utrecht.textbox.font-weight}" },
+      "line-height": { "value": "{utrecht.textbox.line-height}" },
+      "min-block-size": {},
+      "min-inline-size": {},
+      "outline-offset": {},
+      "padding-block": { "value": "{beek.size.xs}" },
+      "padding-inline": { "value": "{beek.size.xs}" },
+      "calender-picker-indicator-background-image": {
+        "value": "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=')"
+      },
+      "hover-calender-picker-indicator-background-image": {
+        "value": "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=')"
+      },
+      "border-color": { "value": "{utrecht.textbox.border-color}" },
+      "border-style": { "value": "solid" },
+      "border-width": { "value": "{utrecht.textbox.border-width}" },
+      "border-radius": { "value": "{utrecht.textbox.border-radius}" },
+      "margin-block": {}
+    }
+  }
+}

package/municipalities/beek-design-tokens/src/component/amsterdam/pagination.tokens.json

@@ -1,149 +1,149 @@
-{
-  "ams": {
-    "pagination": {
-      "background-color": {},
-      "padding-block-start": {},
-      "padding-block-end": {},
-      "padding-inline-start": {},
-      "padding-inline-end": {},
-      "color": { "value": "{beek.color.black.0}" },
-      "gap": { "value": "{beek.size.2xs}" },
-      "font-size": { "value": "{utrecht.document.font-size}" },
-      "font-family": { "value": "{utrecht.document.font-family}" },
-      "line-height": {},
-      "icon": {
-        "color": { "value": "{beek.color.primary}" }
-      },
-      "button": {
-        "background-color": {},
-        "border-color": {},
-        "border-radius": {},
-        "border-width": {},
-        "color": { "value": "{beek.color.primary}" },
-        "font-weight": { "value": "{beek.typography.font-weight.normal}" },
-        "min-block-size": {},
-        "min-inline-size": {},
-        "padding-inline-start": { "value": "{beek.size.xs}" },
-        "padding-inline-end": { "value": "{beek.size.xs}" },
-        "padding-inline": { "value": "{beek.size.xs}" },
-        "padding-block-start": { "value": "{beek.size.xs}" },
-        "padding-block-end": { "value": "{beek.size.xs}" },
-        "padding-block": { "value": "{beek.size.xs}" },
-        "text-decoration": { "value": "underline" },
-        "text-decoration-thickness": { "value": "{beek.size.4xs}" },
-        "active": {
-          "background-color": {},
-          "border-color": {},
-          "color": { "value": "{beek.color.grey.40}" },
-          "text-decoration": { "value": "unset" },
-          "text-decoration-thickness": {}
-        },
-        "current": {
-          "background-color": { "value": "{beek.color.white.100}" },
-          "border-color": {},
-          "color": { "value": "{beek.color.grey.40}" },
-          "font-weight": { "value": "{beek.typography.font-weight.normal}" },
-          "text-decoration": { "value": "unset" },
-          "text-decoration-thickness": {}
-        },
-        "focus": {
-          "background-color": {},
-          "color": { "value": "{beek.color.primary}" },
-          "text-decoration": {},
-          "text-decoration-thickness": {}
-        },
-        "hover": {
-          "background-color": {},
-          "border-color": {},
-          "color": { "value": "{beek.color.primary}" },
-          "text-decoration": { "value": "unset" },
-          "text-decoration-thickness": {}
-        }
-      },
-      "navigation-button": {
-        "background-color": {},
-        "border-color": {},
-        "border-radius": {},
-        "border-width": {},
-        "color": { "value": "{beek.color.primary}" },
-        "font-weight": { "value": "{beek.typography.font-weight.normal}" },
-        "min-block-size": {},
-        "min-inline-size": {},
-        "padding-block-end": { "value": "{beek.size.xs}" },
-        "padding-block-start": { "value": "{beek.size.xs}" },
-        "padding-inline-end": { "value": "{beek.size.xs}" },
-        "padding-inline-start": { "value": "{beek.size.xs}" },
-        "text-decoration": {},
-        "hover": {
-          "background-color": {},
-          "border-color": {},
-          "border-radius": {},
-          "border-width": {},
-          "color": { "value": "{beek.color.primary}" },
-          "font-weight": { "value": "{beek.typography.font-weight.normal}" },
-          "min-block-size": {},
-          "min-inline-size": {},
-          "padding-block-end": { "value": "{beek.size.xs}" },
-          "padding-block-start": { "value": "{beek.size.xs}" },
-          "padding-inline-end": { "value": "{beek.size.xs}" },
-          "padding-inline-start": { "value": "{beek.size.xs}" },
-          "text-decoration": {},
-          "text-decoration-thickness": {}
-        }
-      },
-      "description": {
-        "color": {},
-        "font-weight": {}
-      },
-      "ellipses": {
-        "color": { "value": "{beek.color.grey.40}" },
-        "font-weight": { "value": "{beek.typography.font-weight.normal}" },
-        "padding-block-end": { "value": "{beek.size.xs}" },
-        "padding-block-start": { "value": "{beek.size.xs}" },
-        "padding-inline-end": { "value": "{beek.size.xs}" },
-        "padding-inline-start": { "value": "{beek.size.xs}" }
-      },
-      "relative-link": {
-        "background-color": {},
-        "border-color": {},
-        "border-radius": {},
-        "border-width": {},
-        "color": {},
-        "font-weight": {},
-        "min-block-size": {},
-        "min-inline-size": {},
-        "padding-block-end": {},
-        "padding-block-start": {},
-        "padding-inline-end": {},
-        "padding-inline-start": {},
-        "text-decoration": {},
-        "active": {
-          "background-color": {},
-          "border-color": {},
-          "color": {},
-          "text-decoration": {}
-        },
-        "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
-        "focus": {
-          "background-color": {},
-          "color": {},
-          "text-decoration": {}
-        },
-        "hover": {
-          "background-color": {},
-          "border-color": {},
-          "color": {},
-          "text-decoration": {}
-        },
-        "icon": {
-          "margin-inline": {},
-          "size": {}
-        }
-      }
-    }
-  }
-}
+{
+  "ams": {
+    "pagination": {
+      "background-color": {},
+      "padding-block-start": {},
+      "padding-block-end": {},
+      "padding-inline-start": {},
+      "padding-inline-end": {},
+      "color": { "value": "{beek.color.black.0}" },
+      "gap": { "value": "{beek.size.2xs}" },
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "line-height": {},
+      "icon": {
+        "color": { "value": "{beek.color.primary}" }
+      },
+      "button": {
+        "background-color": {},
+        "border-color": {},
+        "border-radius": {},
+        "border-width": {},
+        "color": { "value": "{beek.color.primary}" },
+        "font-weight": { "value": "{beek.typography.font-weight.normal}" },
+        "min-block-size": {},
+        "min-inline-size": {},
+        "padding-inline-start": { "value": "{beek.size.xs}" },
+        "padding-inline-end": { "value": "{beek.size.xs}" },
+        "padding-inline": { "value": "{beek.size.xs}" },
+        "padding-block-start": { "value": "{beek.size.xs}" },
+        "padding-block-end": { "value": "{beek.size.xs}" },
+        "padding-block": { "value": "{beek.size.xs}" },
+        "text-decoration": { "value": "underline" },
+        "text-decoration-thickness": { "value": "{beek.size.4xs}" },
+        "active": {
+          "background-color": {},
+          "border-color": {},
+          "color": { "value": "{beek.color.grey.40}" },
+          "text-decoration": { "value": "unset" },
+          "text-decoration-thickness": {}
+        },
+        "current": {
+          "background-color": { "value": "{beek.color.white.100}" },
+          "border-color": {},
+          "color": { "value": "{beek.color.grey.40}" },
+          "font-weight": { "value": "{beek.typography.font-weight.normal}" },
+          "text-decoration": { "value": "unset" },
+          "text-decoration-thickness": {}
+        },
+        "focus": {
+          "background-color": {},
+          "color": { "value": "{beek.color.primary}" },
+          "text-decoration": {},
+          "text-decoration-thickness": {}
+        },
+        "hover": {
+          "background-color": {},
+          "border-color": {},
+          "color": { "value": "{beek.color.primary}" },
+          "text-decoration": { "value": "unset" },
+          "text-decoration-thickness": {}
+        }
+      },
+      "navigation-button": {
+        "background-color": {},
+        "border-color": {},
+        "border-radius": {},
+        "border-width": {},
+        "color": { "value": "{beek.color.primary}" },
+        "font-weight": { "value": "{beek.typography.font-weight.normal}" },
+        "min-block-size": {},
+        "min-inline-size": {},
+        "padding-block-end": { "value": "{beek.size.xs}" },
+        "padding-block-start": { "value": "{beek.size.xs}" },
+        "padding-inline-end": { "value": "{beek.size.xs}" },
+        "padding-inline-start": { "value": "{beek.size.xs}" },
+        "text-decoration": {},
+        "hover": {
+          "background-color": {},
+          "border-color": {},
+          "border-radius": {},
+          "border-width": {},
+          "color": { "value": "{beek.color.primary}" },
+          "font-weight": { "value": "{beek.typography.font-weight.normal}" },
+          "min-block-size": {},
+          "min-inline-size": {},
+          "padding-block-end": { "value": "{beek.size.xs}" },
+          "padding-block-start": { "value": "{beek.size.xs}" },
+          "padding-inline-end": { "value": "{beek.size.xs}" },
+          "padding-inline-start": { "value": "{beek.size.xs}" },
+          "text-decoration": {},
+          "text-decoration-thickness": {}
+        }
+      },
+      "description": {
+        "color": {},
+        "font-weight": {}
+      },
+      "ellipses": {
+        "color": { "value": "{beek.color.grey.40}" },
+        "font-weight": { "value": "{beek.typography.font-weight.normal}" },
+        "padding-block-end": { "value": "{beek.size.xs}" },
+        "padding-block-start": { "value": "{beek.size.xs}" },
+        "padding-inline-end": { "value": "{beek.size.xs}" },
+        "padding-inline-start": { "value": "{beek.size.xs}" }
+      },
+      "relative-link": {
+        "background-color": {},
+        "border-color": {},
+        "border-radius": {},
+        "border-width": {},
+        "color": {},
+        "font-weight": {},
+        "min-block-size": {},
+        "min-inline-size": {},
+        "padding-block-end": {},
+        "padding-block-start": {},
+        "padding-inline-end": {},
+        "padding-inline-start": {},
+        "text-decoration": {},
+        "active": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "text-decoration": {}
+        },
+        "disabled": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "color": {},
+          "text-decoration": {}
+        },
+        "hover": {
+          "background-color": {},
+          "border-color": {},
+          "color": {},
+          "text-decoration": {}
+        },
+        "icon": {
+          "margin-inline": {},
+          "size": {}
+        }
+      }
+    }
+  }
+}