npm - @conduction/theme - Versions diffs - 1.0.29 → 1.0.31 - Mend

@conduction/theme 1.0.29 → 1.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (97) hide show

package/README.md CHANGED Viewed

@@ -6,7 +6,9 @@ Conduction's design tokens theme
 - **Version 1**
-  - 1.0.29:
+  - 1.0.31: Added surface tokens to all themes.
+  - 1.0.30: Added Noaberkracht theme.
+  - 1.0.29:
     - Added extra select tokens to all themes.
     - Updated table tokens in noordwijk theme.
     - Updated card-header tokens in epe theme.

package/conduction-design-tokens/dist/design-tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:14:35 GMT
+ * Generated on Fri, 25 Aug 2023 13:31:42 GMT
  */
 .conduction-theme {
@@ -90,6 +90,7 @@
   --conduction-color-error: #dc3545;
   --conduction-color-primary-hover: #2e5ed9;
   --conduction-color-primary: #4376fc;
+  --utrecht-surface-background-color: var(--conduction-color-white-98);
   --utrecht-paragraph-font-weight: var(--conduction-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--conduction-font-size-md);
   --utrecht-paragraph-font-family: var(--conduction-typography-sans-serif-font-family);

package/conduction-design-tokens/dist/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:14:35 GMT
+ * Generated on Fri, 25 Aug 2023 13:31:42 GMT
  */
 export const conductionColorPrimary = "#4376fc";
@@ -306,3 +306,4 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSurfaceBackgroundColor = "#fafafa";

package/conduction-design-tokens/dist/index.json CHANGED Viewed

@@ -5190,6 +5190,25 @@
       "xs"
     ]
   },
+  {
+    "value": "#fafafa",
+    "filePath": "src/component/utrecht/surface.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.white.98}"
+    },
+    "name": "utrechtSurfaceBackgroundColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "surface",
+      "item": "background-color"
+    },
+    "path": [
+      "utrecht",
+      "surface",
+      "background-color"
+    ]
+  },
   {
     "value": "#ffffff",
     "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",

package/conduction-design-tokens/dist/index.less CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:14:35 GMT
+// Generated on Fri, 25 Aug 2023 13:31:42 GMT
 @utrecht-paragraph-margin-block-end: 0;
 @utrecht-paragraph-margin-block-start: 0;
@@ -88,6 +88,7 @@
 @conduction-color-error: #dc3545;
 @conduction-color-primary-hover: #2e5ed9;
 @conduction-color-primary: #4376fc;
+@utrecht-surface-background-color: @conduction-color-white-98;
 @utrecht-paragraph-font-weight: @conduction-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @conduction-font-size-md;
 @utrecht-paragraph-font-family: @conduction-typography-sans-serif-font-family;

package/conduction-design-tokens/dist/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:14:35 GMT
+// Generated on Fri, 25 Aug 2023 13:31:42 GMT
 $utrecht-paragraph-margin-block-end: 0;
 $utrecht-paragraph-margin-block-start: 0;
@@ -88,6 +88,7 @@ $conduction-color-alert-error: #721c24;
 $conduction-color-error: #dc3545;
 $conduction-color-primary-hover: #2e5ed9;
 $conduction-color-primary: #4376fc;
+$utrecht-surface-background-color: $conduction-color-white-98;
 $utrecht-paragraph-font-weight: $conduction-typography-font-weight-normal;
 $utrecht-paragraph-font-size: $conduction-font-size-md;
 $utrecht-paragraph-font-family: $conduction-typography-sans-serif-font-family;

package/conduction-design-tokens/dist/tokens.json CHANGED Viewed

@@ -6470,6 +6470,28 @@
         "font-weight": {},
         "line-height": {}
       }
+    },
+    "surface": {
+      "background-color": {
+        "value": "#fafafa",
+        "filePath": "src/component/utrecht/surface.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.color.white.98}"
+        },
+        "name": "utrechtSurfaceBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "surface",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "surface",
+          "background-color"
+        ]
+      },
+      "color": {}
     }
   }
 }

package/conduction-design-tokens/src/component/utrecht/surface.tokens.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "surface": {
+      "background-color": { "value": "{conduction.color.white.98}" },
+      "color": {}
+    }
+  }
+}

package/municipalities/dinkelland-design-tokens/dist/design-tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:15:05 GMT
+ * Generated on Fri, 25 Aug 2023 13:32:11 GMT
  */
 .dinkelland-theme {
@@ -120,6 +120,7 @@
   --conduction-card-header-date-font-size: var(--dinkelland-font-size-sm);
   --conduction-card-header-date-color: var(--dinkelland-color-black-0);
   --conduction-card-header-title-color: var(--dinkelland-color-black-0);
+  --utrecht-surface-background-color: var(--dinkelland-color-white-100);
   --utrecht-paragraph-font-weight: var(--dinkelland-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--dinkelland-font-size-md);
   --utrecht-paragraph-font-family: var(--dinkelland-typography-lato-font-family);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:15:05 GMT
+ * Generated on Fri, 25 Aug 2023 13:32:11 GMT
  */
 export const dinkellandColorPrimary = "#006cb9";
@@ -314,6 +314,7 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderColor = "#333333";
 export const conductionCardHeaderTitleColor = "#000000";
 export const conductionCardHeaderDateColor = "#000000";

package/municipalities/dinkelland-design-tokens/dist/index.json CHANGED Viewed

@@ -5782,6 +5782,25 @@
       "xs"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/utrecht/surface.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{dinkelland.color.white.100}"
+    },
+    "name": "utrechtSurfaceBackgroundColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "surface",
+      "item": "background-color"
+    },
+    "path": [
+      "utrecht",
+      "surface",
+      "background-color"
+    ]
+  },
   {
     "value": "#ffffff",
     "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:15:05 GMT
+// Generated on Fri, 25 Aug 2023 13:32:11 GMT
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
@@ -118,6 +118,7 @@
 @conduction-card-header-date-font-size: @dinkelland-font-size-sm;
 @conduction-card-header-date-color: @dinkelland-color-black-0;
 @conduction-card-header-title-color: @dinkelland-color-black-0;
+@utrecht-surface-background-color: @dinkelland-color-white-100;
 @utrecht-paragraph-font-weight: @dinkelland-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @dinkelland-font-size-md;
 @utrecht-paragraph-font-family: @dinkelland-typography-lato-font-family;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:15:05 GMT
+// Generated on Fri, 25 Aug 2023 13:32:11 GMT
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
@@ -118,6 +118,7 @@ $conduction-card-header-date-font-weight: $dinkelland-typography-font-weight-lig
 $conduction-card-header-date-font-size: $dinkelland-font-size-sm;
 $conduction-card-header-date-color: $dinkelland-color-black-0;
 $conduction-card-header-title-color: $dinkelland-color-black-0;
+$utrecht-surface-background-color: $dinkelland-color-white-100;
 $utrecht-paragraph-font-weight: $dinkelland-typography-font-weight-normal;
 $utrecht-paragraph-font-size: $dinkelland-font-size-md;
 $utrecht-paragraph-font-family: $dinkelland-typography-lato-font-family;

package/municipalities/dinkelland-design-tokens/dist/tokens.json CHANGED Viewed

@@ -6623,6 +6623,28 @@
         "font-weight": {},
         "line-height": {}
       }
+    },
+    "surface": {
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/surface.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{dinkelland.color.white.100}"
+        },
+        "name": "utrechtSurfaceBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "surface",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "surface",
+          "background-color"
+        ]
+      },
+      "color": {}
     }
   },
   "conduction": {

package/municipalities/dinkelland-design-tokens/src/component/utrecht/surface.tokens.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "surface": {
+      "background-color": { "value": "{dinkelland.color.white.100}" },
+      "color": {}
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:15:13 GMT
+ * Generated on Fri, 25 Aug 2023 13:32:18 GMT
  */
 .epe-theme {
@@ -131,6 +131,7 @@
   --conduction-card-header-hover-border-bottom-width: var(--epe-size-4xs);
   --conduction-card-header-border-bottom-color: var(--epe-color-yellow-42);
   --conduction-card-header-border-bottom-width: var(--epe-size-4xs);
+  --utrecht-surface-background-color: var(--epe-color-white-100);
   --utrecht-paragraph-font-weight: var(--epe-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--epe-font-size-md);
   --utrecht-paragraph-font-family: var(--epe-typography-source-sans-font-family);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:15:13 GMT
+ * Generated on Fri, 25 Aug 2023 13:32:18 GMT
  */
 export const epeColorPrimary = "#01699d";
@@ -302,6 +302,7 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderBorderBottomWidth = "1px";
 export const conductionCardHeaderBorderBottomStyle = "solid";
 export const conductionCardHeaderBorderBottomColor = "#d6a100";

package/municipalities/epe-design-tokens/dist/index.json CHANGED Viewed

@@ -5765,6 +5765,25 @@
       "xs"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/utrecht/surface.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.white.100}"
+    },
+    "name": "utrechtSurfaceBackgroundColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "surface",
+      "item": "background-color"
+    },
+    "path": [
+      "utrecht",
+      "surface",
+      "background-color"
+    ]
+  },
   {
     "value": "#ffffff",
     "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:15:13 GMT
+// Generated on Fri, 25 Aug 2023 13:32:18 GMT
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
@@ -129,6 +129,7 @@
 @conduction-card-header-hover-border-bottom-width: @epe-size-4xs;
 @conduction-card-header-border-bottom-color: @epe-color-yellow-42;
 @conduction-card-header-border-bottom-width: @epe-size-4xs;
+@utrecht-surface-background-color: @epe-color-white-100;
 @utrecht-paragraph-font-weight: @epe-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @epe-font-size-md;
 @utrecht-paragraph-font-family: @epe-typography-source-sans-font-family;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:15:13 GMT
+// Generated on Fri, 25 Aug 2023 13:32:18 GMT
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
@@ -129,6 +129,7 @@ $conduction-card-header-hover-border-bottom-color: $epe-color-blue-31;
 $conduction-card-header-hover-border-bottom-width: $epe-size-4xs;
 $conduction-card-header-border-bottom-color: $epe-color-yellow-42;
 $conduction-card-header-border-bottom-width: $epe-size-4xs;
+$utrecht-surface-background-color: $epe-color-white-100;
 $utrecht-paragraph-font-weight: $epe-typography-font-weight-normal;
 $utrecht-paragraph-font-size: $epe-font-size-md;
 $utrecht-paragraph-font-family: $epe-typography-source-sans-font-family;

package/municipalities/epe-design-tokens/dist/tokens.json CHANGED Viewed

@@ -6380,6 +6380,28 @@
         "font-weight": {},
         "line-height": {}
       }
+    },
+    "surface": {
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/surface.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{epe.color.white.100}"
+        },
+        "name": "utrechtSurfaceBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "surface",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "surface",
+          "background-color"
+        ]
+      },
+      "color": {}
     }
   },
   "conduction": {

package/municipalities/epe-design-tokens/src/component/utrecht/surface.tokens.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "surface": {
+      "background-color": { "value": "{epe.color.white.100}" },
+      "color": {}
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:14:43 GMT
+ * Generated on Fri, 25 Aug 2023 13:31:49 GMT
  */
 .leiden-theme {
@@ -104,6 +104,7 @@
   --conduction-card-header-date-font-size: var(--leiden-font-size-sm);
   --conduction-card-header-date-color: var(--leiden-color-black-9);
   --conduction-card-header-title-color: var(--leiden-color-black-9);
+  --utrecht-surface-background-color: var(--leiden-color-white-100);
   --utrecht-paragraph-font-weight: var(--leiden-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--leiden-font-size-md);
   --utrecht-paragraph-font-family: var(--leiden-typography-sans-serif-font-family);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:14:43 GMT
+ * Generated on Fri, 25 Aug 2023 13:31:49 GMT
  */
 export const leidenColorPrimary = "#d62410";
@@ -272,6 +272,7 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderColor = "#0d1921";
 export const conductionCardHeaderTitleColor = "#0d1921";
 export const conductionCardHeaderDateColor = "#0d1921";

package/municipalities/leiden-design-tokens/dist/index.json CHANGED Viewed

@@ -5062,6 +5062,25 @@
       "xs"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/utrecht/surface.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.white.100}"
+    },
+    "name": "utrechtSurfaceBackgroundColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "surface",
+      "item": "background-color"
+    },
+    "path": [
+      "utrecht",
+      "surface",
+      "background-color"
+    ]
+  },
   {
     "value": "#e4e4e4",
     "filePath": "src/component/utrecht/table.tokens.json",

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:14:43 GMT
+// Generated on Fri, 25 Aug 2023 13:31:49 GMT
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
@@ -102,6 +102,7 @@
 @conduction-card-header-date-font-size: @leiden-font-size-sm;
 @conduction-card-header-date-color: @leiden-color-black-9;
 @conduction-card-header-title-color: @leiden-color-black-9;
+@utrecht-surface-background-color: @leiden-color-white-100;
 @utrecht-paragraph-font-weight: @leiden-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @leiden-font-size-md;
 @utrecht-paragraph-font-family: @leiden-typography-sans-serif-font-family;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:14:43 GMT
+// Generated on Fri, 25 Aug 2023 13:31:49 GMT
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
@@ -102,6 +102,7 @@ $conduction-card-header-date-font-weight: $leiden-typography-font-weight-light;
 $conduction-card-header-date-font-size: $leiden-font-size-sm;
 $conduction-card-header-date-color: $leiden-color-black-9;
 $conduction-card-header-title-color: $leiden-color-black-9;
+$utrecht-surface-background-color: $leiden-color-white-100;
 $utrecht-paragraph-font-weight: $leiden-typography-font-weight-normal;
 $utrecht-paragraph-font-size: $leiden-font-size-md;
 $utrecht-paragraph-font-family: $leiden-typography-sans-serif-font-family;

package/municipalities/leiden-design-tokens/dist/tokens.json CHANGED Viewed

@@ -5750,6 +5750,28 @@
         "font-weight": {},
         "line-height": {}
       }
+    },
+    "surface": {
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/surface.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.white.100}"
+        },
+        "name": "utrechtSurfaceBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "surface",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "surface",
+          "background-color"
+        ]
+      },
+      "color": {}
     }
   },
   "conduction": {

package/municipalities/leiden-design-tokens/src/component/utrecht/surface.tokens.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "surface": {
+      "background-color": { "value": "{leiden.color.white.100}" },
+      "color": {}
+    }
+  }
+}

package/municipalities/noaberkracht-design-tokens/LICENSE.md ADDED Viewed

@@ -0,0 +1,17 @@
+# Auteursrecht Noaberkracht
+Copyright (c) 2023 Noaberkracht
+## Logo en huisstijl
+Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door Noaberkracht.
+Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Noaberkracht 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 Noaberkracht.