@conduction/theme 1.0.40 → 1.0.41

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

@@ -0,0 +1,31 @@
+{
+  "utrecht": {
+    "textbox": {
+      "border-bottom-width": {},
+      "border-color": { "value": "{dimpact.color.grey.84}" },
+      "border-radius": { "value": "5px" },
+      "border-width": { "value": "{dimpact.size.4xs}" },
+      "color": { "value": "{dimpact.color.primary}" },
+      "font-family": { "value": "{dimpact.typography.sans-serif.font-family}" },
+      "font-size": { "value": "15px" },
+      "min-inline-height": {},
+      "max-inline-size": {},
+      "padding-block-end": { "value": "{dimpact.size.xs}" },
+      "padding-block-start": { "value": "{dimpact.size.xs}" },
+      "padding-inline-end": { "value": "{dimpact.size.sm}" },
+      "padding-inline-start": { "value": "{dimpact.size.sm}" },
+      "disabled": {
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "border-color": {},
+        "border-width": {}
+      },
+      "read-only": {
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

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

@@ -0,0 +1,47 @@
+{
+  "fullName": "Dimpact",
+  "name": "Dimpact",
+  "prefix": "dimpact",
+  "npm": "@nl-design-system-unstable/dimpact-design-tokens",
+  "stories": [
+    "react-utrecht-alert--default",
+    "react-utrecht-alert--warning",
+    "react-utrecht-alert--error",
+    "react-utrecht-alert--ok",
+    "react-utrecht-badge-counter--default",
+    "react-utrecht-button--default",
+    "react-utrecht-button--hover",
+    "react-utrecht-button--primary-action-button",
+    "react-utrecht-button--secondary-action-button",
+    "react-utrecht-code--default",
+    "react-utrecht-code-block--default",
+    "react-utrecht-heading-1--default",
+    "react-utrecht-heading-2--default",
+    "react-utrecht-heading-3--default",
+    "react-utrecht-heading-4--default",
+    "react-utrecht-alert--default",
+    "react-utrecht-link--default",
+    "react-utrecht-link--hover",
+    "react-utrecht-link--focus",
+    "react-utrecht-ordered-list--default",
+    "react-utrecht-unordered-list--default",
+    "react-utrecht-page-header--default",
+    "react-utrecht-page-footer--default",
+    "react-utrecht-paragraph--default",
+    "react-utrecht-surface--default",
+    "react-utrecht-table--default",
+    "react-utrecht-textbox--default",
+    "react-conduction-card-header--default",
+    "react-conduction-card-header--hover",
+    "react-conduction-card-wrapper--default",
+    "react-conduction-card-wrapper--hover",
+    "react-conduction-pagination--default",
+    "react-conduction-input-select--default",
+    "react-conduction-input-select--list-option",
+    "react-conduction-input-select--placeholder",
+    "react-conduction-tabs--default",
+    "react-conduction-tabs--selected",
+    "react-conduction-tabs--hover",
+    "react-conduction-tabs--list",
+    "react-conduction-tabs--panel"
+  ]}

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

@@ -0,0 +1,6 @@
+/* Place any @font-face definitions here */
+
+@font-face {
+  font-family: "Tisa-sans-web-pro";
+  src: url("../src/font/TisaSansPro-Regular.woff2") format("woff2");
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:30 GMT
+ * Generated on Thu, 28 Sep 2023 18:53:23 GMT
  */
 
 .dinkelland-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:30 GMT
+ * Generated on Thu, 28 Sep 2023 18:53:23 GMT
  */
 
 export const dinkellandColorPrimary = "#006cb9";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:31 GMT
+// Generated on Thu, 28 Sep 2023 18:53:24 GMT
 
 @conduction-tabs-scroll-button-border-style: solid;
 @conduction-tabs-tab-panel-border-top: 0;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:31 GMT
+// Generated on Thu, 28 Sep 2023 18:53:23 GMT
 
 $conduction-tabs-scroll-button-border-style: solid;
 $conduction-tabs-tab-panel-border-top: 0;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:40 GMT
+ * Generated on Thu, 28 Sep 2023 18:53:36 GMT
  */
 
 .epe-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:40 GMT
+ * Generated on Thu, 28 Sep 2023 18:53:36 GMT
  */
 
 export const epeColorPrimary = "#01699d";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:41 GMT
+// Generated on Thu, 28 Sep 2023 18:53:36 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:41 GMT
+// Generated on Thu, 28 Sep 2023 18:53:36 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:17:47 GMT
+ * Generated on Thu, 28 Sep 2023 18:52:43 GMT
  */
 
 .leiden-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:17:47 GMT
+ * Generated on Thu, 28 Sep 2023 18:52:43 GMT
  */
 
 export const leidenColorPrimary = "#d62410";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:17:47 GMT
+// Generated on Thu, 28 Sep 2023 18:52:43 GMT
 
 @conduction-tabs-tab-list-border-bottom-width: 0px;
 @conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:17:47 GMT
+// Generated on Thu, 28 Sep 2023 18:52:43 GMT
 
 $conduction-tabs-tab-list-border-bottom-width: 0px;
 $conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:19:07 GMT
+ * Generated on Thu, 28 Sep 2023 18:54:05 GMT
  */
 
 .noaberkracht-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:19:07 GMT
+ * Generated on Thu, 28 Sep 2023 18:54:05 GMT
  */
 
 export const noaberkrachtColorPrimary = "#4376fc";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:19:07 GMT
+// Generated on Thu, 28 Sep 2023 18:54:05 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:19:07 GMT
+// Generated on Thu, 28 Sep 2023 18:54:05 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:55 GMT
+ * Generated on Thu, 28 Sep 2023 18:53:50 GMT
  */
 
 .noordwijk-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:55 GMT
+ * Generated on Thu, 28 Sep 2023 18:53:50 GMT
  */
 
 export const noordwijkColorPrimary = "#2c2276";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:55 GMT
+// Generated on Thu, 28 Sep 2023 18:53:50 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:55 GMT
+// Generated on Thu, 28 Sep 2023 18:53:50 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;

package/municipalities/open-webconcept-design-tokens/README.md

@@ -1,34 +1,3 @@
-# NL Design System design tokens Gemeente Example
+# NL Design System design tokens Open Webconcept
 
-These tokens have been obtained by analysing the [website of Gemeente Example](https://www.example.com/).
-
----
-
-✂ In your own directory: **remove the "Getting started" section below!**
-
----
-
-## Getting started with your own NL Design System theme
-
-1. Kies een unieke prefix voor jouw organisatie, die je gebruikt voor je npm package, BEM class names, CSS variabelen, etcetera. Wij gebruiken `nl-`, jij kiest iets anders. Gebruik alleen letters en cijfers in de prefix, geen andere tekens zoals het koppelstreepje. Bijvoorbeeld: gemeente Den Haag gebruikt `denhaag`.
-2. Kopieer `proprietary/example-design-tokens/` naar `proprietary/prefix-design-tokens`, waarbij je `prefix` vervangt door de prefix die je kiest.
-3. Gebruik "_Find and replace_" in `proprietary/prefix-design-tokens`, vervang _case-sensitive_ `example` door jouw `prefix`.
-4. Gebruik "_Find and replace_" in `proprietary/prefix-design-tokens`, vervang _case-sensitive_ `Example Organisation` door jouw de naam van jouw organisatie.
-5. Bewerk `packages/storybook/package.json`, en voeg `"@nl-design-system-unstable/prefix-design-tokens": "workspace:*",` toe onder `"dependencies"`. Vervang weer de `prefix` met je eigen prefix.
-6. Doe `pnpm install` vanuit de root van je project, zodat jouw nieuwe npm package aan de pnpm workspace toegevoegd wordt.
-7. Bewerk `proprietary/prefix-design-tokens/README.md` en pas het aan met je eigen gegevens, voeg een contactpersoon toe. Verwijder de instructies van de template.
-8. Bewerk `proprietary/prefix-design-tokens/package.json` en pas het aan met een link naar je eigen website.
-9. Bewerk `proprietary/prefix-design-tokens/src/package.json` en pas het aan met gegevens van jouw organisatie.
-10. Bewerk `packages/storybook/config/preview.js`
-    a. Voeg de naam van jouw organisatie toe aan de alfabetische lijst met teams, zodat je op alfabetische volgorde te vinden bent in Storybook.
-    b. Voeg een `import` toe voor de CSS met het thema van jouw organisatie.
-    c. Optioneel: voeg een `import` toe voor de webfonts voor jouw thema.
-11. Voeg in `proprietary/prefix-design-tokens/src/` jouw design tokens, bijvoorbeeld `color.tokens.json`. Op de [website van NL Design System](https://nldesignsystem.nl/) wordt uitgelegd hoe je een eigen thema kan maken met design tokens.
-12. Maak een Pull Request op GitHub om jouw code toe te voegen aan de [NL Design System themes repository](http://github.com/nl-design-system/themes).
-13. Als de code is gemerged in de themes repository, dan zal je eigen thema als npm pakketje na een paar minuten beschikbaar worden via [npmjs.com](http://npmjs.com). Dan kun je het thema installeren in jouw project met `npm install --save-dev @nl-design-system-unstable/prefix-design-tokens`.
-
----
-
-✂ In your own directory: **remove the "Getting started" section above!**
-
----
+These tokens have been obtained by analysing the [website of Open Webconcept](https://openwebconcept.nl/).

package/municipalities/open-webconcept-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:19:36 GMT
+ * Generated on Thu, 28 Sep 2023 18:54:38 GMT
  */
 
 .open-webconcept-theme {

package/municipalities/open-webconcept-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:19:36 GMT
+ * Generated on Thu, 28 Sep 2023 18:54:38 GMT
  */
 
 export const openWebconceptColorPrimary = "#1abc9c";

package/municipalities/open-webconcept-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:19:36 GMT
+// Generated on Thu, 28 Sep 2023 18:54:38 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;

package/municipalities/open-webconcept-design-tokens/dist/index.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:19:36 GMT
+// Generated on Thu, 28 Sep 2023 18:54:38 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:19:26 GMT
+ * Generated on Thu, 28 Sep 2023 18:54:23 GMT
  */
 
 .rotterdam-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:19:26 GMT
+ * Generated on Thu, 28 Sep 2023 18:54:23 GMT
  */
 
 export const conductionCardHeaderColor = "var(--utrecht-document-color)";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:19:26 GMT
+// Generated on Thu, 28 Sep 2023 18:54:23 GMT
 
 @utrecht-page-max-inline-size: 1140px;
 @utrecht-page-margin-inline-end: var(--utrecht-space-block-xl);

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:19:26 GMT
+// Generated on Thu, 28 Sep 2023 18:54:23 GMT
 
 $utrecht-page-max-inline-size: 1140px;
 $utrecht-page-margin-inline-end: var(--utrecht-space-block-xl);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:16 GMT
+ * Generated on Thu, 28 Sep 2023 18:53:11 GMT
  */
 
 .tubbergen-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:16 GMT
+ * Generated on Thu, 28 Sep 2023 18:53:10 GMT
  */
 
 export const tubbergenColorPrimary = "#0b612d";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:16 GMT
+// Generated on Thu, 28 Sep 2023 18:53:11 GMT
 
 @conduction-tabs-scroll-button-border-style: solid;
 @conduction-tabs-tab-panel-border-top: 0;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:16 GMT
+// Generated on Thu, 28 Sep 2023 18:53:11 GMT
 
 $conduction-tabs-scroll-button-border-style: solid;
 $conduction-tabs-tab-panel-border-top: 0;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:01 GMT
+ * Generated on Thu, 28 Sep 2023 18:52:58 GMT
  */
 
 .xxllnc-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:01 GMT
+ * Generated on Thu, 28 Sep 2023 18:52:58 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 Thu, 28 Sep 2023 14:18:01 GMT
+// Generated on Thu, 28 Sep 2023 18:52:58 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:01 GMT
+// Generated on Thu, 28 Sep 2023 18:52:58 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/theme",
-  "version": "1.0.40",
+  "version": "1.0.41",
   "description": "Conduction's design tokens theme",
   "main": "index.js",
   "repository": {
@@ -18,7 +18,8 @@
     "build:noordwijk": "cd ./municipalities/noordwijk-design-tokens && npm run build",
     "build:noaberkracht": "cd ./municipalities/noaberkracht-design-tokens && npm run build",
     "build:rotterdam": "cd ./municipalities/rotterdam-design-tokens && npm run build-all",
-    "build:open-webconcept": "cd ./municipalities/open-webconcept-design-tokens && npm run build"
+    "build:open-webconcept": "cd ./municipalities/open-webconcept-design-tokens && npm run build",
+    "build:dimpact": "cd ./municipalities/dimpact-design-tokens && npm run build"
   },
   "dependencies": { "@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100" },
   "author": "",