@conduction/theme 1.0.49 → 1.0.51

package/README.md

@@ -6,6 +6,8 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 1.0.51: Added mobile tokens to footer-background-image in all themes.
+  - 1.0.50: Updated select tokens in all themes.
   - 1.0.49: Updated Table-row hover color in Noordwijk theme.
   - 1.0.48: Updated Page-Footer tokens in all themes.
   - 1.0.47: Updated Pagination tokens in all themes.

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:13:10 GMT
+ * Generated on Mon, 23 Oct 2023 11:35:50 GMT
  */
 
 .conduction-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:13:10 GMT
+ * Generated on Mon, 23 Oct 2023 11:35:50 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:13:10 GMT
+// Generated on Mon, 23 Oct 2023 11:35:50 GMT
 
 @utrecht-separator-margin-block-start: 0px;
 @utrecht-separator-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:13:10 GMT
+// Generated on Mon, 23 Oct 2023 11:35:50 GMT
 
 $utrecht-separator-margin-block-start: 0px;
 $utrecht-separator-margin-block-end: 0px;

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

@@ -3197,6 +3197,7 @@
           ]
         },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": {
             "value": "\"Noto Sans\", Arial, sans-serif",
@@ -3221,8 +3222,16 @@
               "font-family"
             ]
           },
-          "color": {},
-          "background-color": {}
+          "background-color": {},
+          "color": {}
+        },
+        "selected": {
+          "background-color": {},
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "color": {}
         }
       },
       "placeholder": {
@@ -7178,6 +7187,9 @@
       },
       "background-size": {},
       "background-position": {},
+      "mobile": {
+        "background-position": {}
+      },
       "background-color": {
         "value": "#f5f5f5",
         "filePath": "src/component/utrecht/page-footer.tokens.json",

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

@@ -13,10 +13,19 @@
       "list-option": {
         "font-family": { "value": "{conduction.typography.sans-serif.font-family}" },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": { "value": "{conduction.typography.sans-serif.font-family}" },
-          "color": {},
-          "background-color": {}
+          "background-color": {},
+          "color": {}
+        },
+        "selected": {
+          "background-color": {},
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "color": {}
         }
       },
       "placeholder": {

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

@@ -7,7 +7,10 @@
         "max-width": { "value": "100px" }
       },
       "background-size": {},
-      "background-position": {}
+      "background-position": {},
+      "mobile": {
+        "background-position": {}
+      }
     }
   }
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:14:33 GMT
+ * Generated on Mon, 23 Oct 2023 11:37:14 GMT
  */
 
 .dimpact-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:14:33 GMT
+ * Generated on Mon, 23 Oct 2023 11:37:14 GMT
  */
 
 export const dimpactColorPrimary = "#00377a";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:14:33 GMT
+// Generated on Mon, 23 Oct 2023 11:37:14 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:14:33 GMT
+// Generated on Mon, 23 Oct 2023 11:37:14 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;

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

@@ -4166,6 +4166,9 @@
       },
       "background-size": {},
       "background-position": {},
+      "mobile": {
+        "background-position": {}
+      },
       "background-color": {
         "value": "#00377a",
         "filePath": "src/component/utrecht/page-footer.tokens.json",
@@ -8289,6 +8292,7 @@
           ]
         },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": {
             "value": "Tisa-sans-web-pro, Monospace, Arial, sans-serif",
@@ -8313,8 +8317,16 @@
               "font-family"
             ]
           },
-          "color": {},
-          "background-color": {}
+          "background-color": {},
+          "color": {}
+        },
+        "selected": {
+          "background-color": {},
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "color": {}
         }
       },
       "placeholder": {

package/municipalities/dimpact-design-tokens/src/component/conduction/select.tokens.json

@@ -13,10 +13,19 @@
       "list-option": {
         "font-family": { "value": "{dimpact.typography.sans-serif.font-family}" },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": { "value": "{dimpact.typography.sans-serif.font-family}" },
-          "color": {},
-          "background-color": {}
+          "background-color": {},
+          "color": {}
+        },
+        "selected": {
+          "background-color": {},
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "color": {}
         }
       },
       "placeholder": {

package/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json

@@ -7,7 +7,10 @@
         "max-width": { "value": "160px" }
       },
       "background-size": {},
-      "background-position": {}
+      "background-position": {},
+      "mobile": {
+        "background-position": {}
+      }
     }
   }
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:13:45 GMT
+ * Generated on Mon, 23 Oct 2023 11:36:20 GMT
  */
 
 .dinkelland-theme {
@@ -25,6 +25,8 @@
   --conduction-tabs-tab-bottom: 0px;
   --conduction-tabs-tab-border-bottom: 0;
   --conduction-tabs-tab-border-style: solid;
+  --conduction-input-select-list-option-selected-color: var(--rotterdam-color-base-white);
+  --conduction-input-select-list-option-selected-background-color: var(--rotterdam-color-green-tint-01);
   --conduction-input-select-padding-block-start: 0;
   --conduction-input-select-padding-block-end: 0;
   --conduction-input-select-border-focus: unset;
@@ -93,6 +95,7 @@
   --utrecht-page-header-logo-max-width: 150px;
   --utrecht-page-footer-background-image: url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg);
   --utrecht-page-footer-background-color: unset;
+  --utrecht-page-footer-mobile-background-position: bottom;
   --utrecht-page-footer-background-size: cover;
   --utrecht-page-footer-logo-max-width: 250px;
   --utrecht-page-footer-logo-max-height: 100px;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:13:45 GMT
+ * Generated on Mon, 23 Oct 2023 11:36:19 GMT
  */
 
 export const dinkellandColorPrimary = "#006cb9";
@@ -224,6 +224,7 @@ export const utrechtPageFooterMinHeight = "300px";
 export const utrechtPageFooterLogoMaxHeight = "100px";
 export const utrechtPageFooterLogoMaxWidth = "250px";
 export const utrechtPageFooterBackgroundSize = "cover";
+export const utrechtPageFooterMobileBackgroundPosition = "bottom";
 export const utrechtPageFooterBackgroundColor = "unset";
 export const utrechtPageFooterBackgroundImage = "url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg)";
 export const utrechtPageFooterColor = "#ffffff";
@@ -433,6 +434,8 @@ export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
 export const conductionInputSelectListOptionFontFamily = "\"Lato\", Arial, sans-serif";
 export const conductionInputSelectListOptionHoverFontFamily = "\"Lato\", Arial, sans-serif";
+export const conductionInputSelectListOptionSelectedBackgroundColor = "var(--rotterdam-color-green-tint-01)";
+export const conductionInputSelectListOptionSelectedColor = "var(--rotterdam-color-base-white)";
 export const conductionInputSelectPlaceholderColor = "#6b6b6b";
 export const conductionInputSelectPlaceholderFontFamily = "\"Lato\", Arial, sans-serif";
 export const conductionTableWrapperScrollButtonBackgroundColor = "#f2f4f7";

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

@@ -414,6 +414,52 @@
       "font-family"
     ]
   },
+  {
+    "value": "var(--rotterdam-color-green-tint-01)",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "var(--rotterdam-color-green-tint-01)"
+    },
+    "name": "conductionInputSelectListOptionSelectedBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "selected",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "selected",
+      "background-color"
+    ]
+  },
+  {
+    "value": "var(--rotterdam-color-base-white)",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "var(--rotterdam-color-base-white)"
+    },
+    "name": "conductionInputSelectListOptionSelectedColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "selected",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "selected",
+      "color"
+    ]
+  },
   {
     "value": 0,
     "filePath": "src/component/conduction/select.tokens.json",
@@ -8304,6 +8350,27 @@
       "min-height"
     ]
   },
+  {
+    "value": "bottom",
+    "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "bottom"
+    },
+    "name": "utrechtPageFooterMobileBackgroundPosition",
+    "attributes": {
+      "category": "utrecht",
+      "type": "page-footer",
+      "item": "mobile",
+      "subitem": "background-position"
+    },
+    "path": [
+      "utrecht",
+      "page-footer",
+      "mobile",
+      "background-position"
+    ]
+  },
   {
     "value": "48px",
     "filePath": "src/component/utrecht/page-footer.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:13:45 GMT
+// Generated on Mon, 23 Oct 2023 11:36:20 GMT
 
 @conduction-tabs-scroll-button-border-style: solid;
 @conduction-tabs-tab-panel-border-top: 0;
@@ -23,6 +23,8 @@
 @conduction-tabs-tab-bottom: 0px;
 @conduction-tabs-tab-border-bottom: 0;
 @conduction-tabs-tab-border-style: solid;
+@conduction-input-select-list-option-selected-color: var(--rotterdam-color-base-white);
+@conduction-input-select-list-option-selected-background-color: var(--rotterdam-color-green-tint-01);
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
 @conduction-input-select-border-focus: unset;
@@ -91,6 +93,7 @@
 @utrecht-page-header-logo-max-width: 150px;
 @utrecht-page-footer-background-image: url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg);
 @utrecht-page-footer-background-color: unset;
+@utrecht-page-footer-mobile-background-position: bottom;
 @utrecht-page-footer-background-size: cover;
 @utrecht-page-footer-logo-max-width: 250px;
 @utrecht-page-footer-logo-max-height: 100px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:13:45 GMT
+// Generated on Mon, 23 Oct 2023 11:36:20 GMT
 
 $conduction-tabs-scroll-button-border-style: solid;
 $conduction-tabs-tab-panel-border-top: 0;
@@ -23,6 +23,8 @@ $conduction-tabs-tab-max-width: unset;
 $conduction-tabs-tab-bottom: 0px;
 $conduction-tabs-tab-border-bottom: 0;
 $conduction-tabs-tab-border-style: solid;
+$conduction-input-select-list-option-selected-color: var(--rotterdam-color-base-white);
+$conduction-input-select-list-option-selected-background-color: var(--rotterdam-color-green-tint-01);
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
 $conduction-input-select-border-focus: unset;
@@ -91,6 +93,7 @@ $utrecht-table-border-collapse: collapse;
 $utrecht-page-header-logo-max-width: 150px;
 $utrecht-page-footer-background-image: url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg);
 $utrecht-page-footer-background-color: unset;
+$utrecht-page-footer-mobile-background-position: bottom;
 $utrecht-page-footer-background-size: cover;
 $utrecht-page-footer-logo-max-width: 250px;
 $utrecht-page-footer-logo-max-height: 100px;

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

@@ -4761,6 +4761,29 @@
         ]
       },
       "background-position": {},
+      "mobile": {
+        "background-position": {
+          "value": "bottom",
+          "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "bottom"
+          },
+          "name": "utrechtPageFooterMobileBackgroundPosition",
+          "attributes": {
+            "category": "utrecht",
+            "type": "page-footer",
+            "item": "mobile",
+            "subitem": "background-position"
+          },
+          "path": [
+            "utrecht",
+            "page-footer",
+            "mobile",
+            "background-position"
+          ]
+        }
+      },
       "background-color": {
         "value": "unset",
         "filePath": "src/component/utrecht/page-footer.tokens.json",
@@ -9229,6 +9252,7 @@
           ]
         },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": {
             "value": "\"Lato\", Arial, sans-serif",
@@ -9253,8 +9277,60 @@
               "font-family"
             ]
           },
-          "color": {},
-          "background-color": {}
+          "background-color": {},
+          "color": {}
+        },
+        "selected": {
+          "background-color": {
+            "value": "var(--rotterdam-color-green-tint-01)",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-green-tint-01)"
+            },
+            "name": "conductionInputSelectListOptionSelectedBackgroundColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "selected",
+              "state": "background-color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "selected",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "var(--rotterdam-color-base-white)",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-base-white)"
+            },
+            "name": "conductionInputSelectListOptionSelectedColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "selected",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "selected",
+              "color"
+            ]
+          }
+        },
+        "focus": {
+          "background-color": {},
+          "color": {}
         }
       },
       "placeholder": {

package/municipalities/dinkelland-design-tokens/src/component/conduction/select.tokens.json

@@ -13,10 +13,19 @@
       "list-option": {
         "font-family": { "value": "{dinkelland.typography.lato.font-family}" },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": { "value": "{dinkelland.typography.lato.font-family}" },
-          "color": {},
-          "background-color": {}
+          "background-color": {},
+          "color": {}
+        },
+        "selected": {
+          "background-color": { "value": "var(--rotterdam-color-green-tint-01)" },
+          "color": { "value": "var(--rotterdam-color-base-white)" }
+        },
+        "focus": {
+          "background-color": {},
+          "color": {}
         }
       },
       "placeholder": {

package/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json

@@ -7,7 +7,10 @@
         "max-width": { "value": "250px" }
       },
       "background-size": { "value": "cover" },
-      "background-position": {}
+      "background-position": {},
+      "mobile": {
+        "background-position": { "value": "bottom" }
+      }
     }
   }
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:13:53 GMT
+ * Generated on Mon, 23 Oct 2023 11:36:27 GMT
  */
 
 .epe-theme {
@@ -187,6 +187,10 @@
   --conduction-table-wrapper-scroll-button-color: var(--epe-color-black-0);
   --conduction-table-wrapper-scroll-button-background-color: var(--epe-color-white-100);
   --conduction-input-select-placeholder-font-family: var(--epe-typography-source-sans-font-family);
+  --conduction-input-select-list-option-selected-color: var(--epe-color-black-0);
+  --conduction-input-select-list-option-selected-background-color: var(--epe-color-blue-83);
+  --conduction-input-select-list-option-hover-color: var(--epe-color-black-0);
+  --conduction-input-select-list-option-hover-background-color: var(--epe-color-blue-83);
   --conduction-input-select-list-option-hover-font-family: var(--epe-typography-source-sans-font-family);
   --conduction-input-select-list-option-font-family: var(--epe-typography-source-sans-font-family);
   --conduction-input-select-invalid-border-color: var(--epe-color-error);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:13:53 GMT
+ * Generated on Mon, 23 Oct 2023 11:36:27 GMT
  */
 
 export const epeColorPrimary = "#01699d";
@@ -426,6 +426,10 @@ export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
 export const conductionInputSelectListOptionFontFamily = "\"Source Sans\"";
 export const conductionInputSelectListOptionHoverFontFamily = "\"Source Sans\"";
+export const conductionInputSelectListOptionHoverBackgroundColor = "#c1cce6";
+export const conductionInputSelectListOptionHoverColor = "#000000";
+export const conductionInputSelectListOptionSelectedBackgroundColor = "#c1cce6";
+export const conductionInputSelectListOptionSelectedColor = "#000000";
 export const conductionInputSelectPlaceholderColor = "#757575";
 export const conductionInputSelectPlaceholderFontFamily = "\"Source Sans\"";
 export const conductionTableWrapperScrollButtonBackgroundColor = "#ffffff";