@conduction/theme 1.0.48 → 1.0.50

package/README.md

@@ -6,6 +6,8 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 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.
   - 1.0.46: 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:48:54 GMT
+ * Generated on Tue, 17 Oct 2023 12:24:38 GMT
  */
 
 .conduction-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:48:54 GMT
+ * Generated on Tue, 17 Oct 2023 12:24:38 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 13 Oct 2023 13:48:54 GMT
+// Generated on Tue, 17 Oct 2023 12:24:38 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 Fri, 13 Oct 2023 13:48:54 GMT
+// Generated on Tue, 17 Oct 2023 12:24:38 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": {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:50:30 GMT
+ * Generated on Tue, 17 Oct 2023 12:27:11 GMT
  */
 
 .dimpact-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:50:30 GMT
+ * Generated on Tue, 17 Oct 2023 12:27:11 GMT
  */
 
 export const dimpactColorPrimary = "#00377a";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 13 Oct 2023 13:50:30 GMT
+// Generated on Tue, 17 Oct 2023 12:27:11 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 Fri, 13 Oct 2023 13:50:30 GMT
+// Generated on Tue, 17 Oct 2023 12:27:11 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

@@ -8289,6 +8289,7 @@
           ]
         },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": {
             "value": "Tisa-sans-web-pro, Monospace, Arial, sans-serif",
@@ -8313,8 +8314,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/dinkelland-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:49:34 GMT
+ * Generated on Tue, 17 Oct 2023 12:25:15 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;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:49:34 GMT
+ * Generated on Tue, 17 Oct 2023 12:25:14 GMT
  */
 
 export const dinkellandColorPrimary = "#006cb9";
@@ -433,6 +433,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",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 13 Oct 2023 13:49:34 GMT
+// Generated on Tue, 17 Oct 2023 12:25:15 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;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 13 Oct 2023 13:49:34 GMT
+// Generated on Tue, 17 Oct 2023 12:25:15 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;

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

@@ -9229,6 +9229,7 @@
           ]
         },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": {
             "value": "\"Lato\", Arial, sans-serif",
@@ -9253,8 +9254,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/epe-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:49:43 GMT
+ * Generated on Tue, 17 Oct 2023 12:25:25 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 Fri, 13 Oct 2023 13:49:43 GMT
+ * Generated on Tue, 17 Oct 2023 12:25:25 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";

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

@@ -513,6 +513,52 @@
       "font-family"
     ]
   },
+  {
+    "value": "#c1cce6",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.blue.83}"
+    },
+    "name": "conductionInputSelectListOptionHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#000000",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.black.0}"
+    },
+    "name": "conductionInputSelectListOptionHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "hover",
+      "color"
+    ]
+  },
   {
     "value": "\"Source Sans\"",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -536,6 +582,52 @@
       "font-family"
     ]
   },
+  {
+    "value": "#c1cce6",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.blue.83}"
+    },
+    "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": "#000000",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.black.0}"
+    },
+    "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",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 13 Oct 2023 13:49:43 GMT
+// Generated on Tue, 17 Oct 2023 12:25:25 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -185,6 +185,10 @@
 @conduction-table-wrapper-scroll-button-color: @epe-color-black-0;
 @conduction-table-wrapper-scroll-button-background-color: @epe-color-white-100;
 @conduction-input-select-placeholder-font-family: @epe-typography-source-sans-font-family;
+@conduction-input-select-list-option-selected-color: @epe-color-black-0;
+@conduction-input-select-list-option-selected-background-color: @epe-color-blue-83;
+@conduction-input-select-list-option-hover-color: @epe-color-black-0;
+@conduction-input-select-list-option-hover-background-color: @epe-color-blue-83;
 @conduction-input-select-list-option-hover-font-family: @epe-typography-source-sans-font-family;
 @conduction-input-select-list-option-font-family: @epe-typography-source-sans-font-family;
 @conduction-input-select-invalid-border-color: @epe-color-error;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 13 Oct 2023 13:49:43 GMT
+// Generated on Tue, 17 Oct 2023 12:25:25 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -185,6 +185,10 @@ $conduction-table-wrapper-scroll-button-padding-inline-start: $epe-size-sm;
 $conduction-table-wrapper-scroll-button-color: $epe-color-black-0;
 $conduction-table-wrapper-scroll-button-background-color: $epe-color-white-100;
 $conduction-input-select-placeholder-font-family: $epe-typography-source-sans-font-family;
+$conduction-input-select-list-option-selected-color: $epe-color-black-0;
+$conduction-input-select-list-option-selected-background-color: $epe-color-blue-83;
+$conduction-input-select-list-option-hover-color: $epe-color-black-0;
+$conduction-input-select-list-option-hover-background-color: $epe-color-blue-83;
 $conduction-input-select-list-option-hover-font-family: $epe-typography-source-sans-font-family;
 $conduction-input-select-list-option-font-family: $epe-typography-source-sans-font-family;
 $conduction-input-select-invalid-border-color: $epe-color-error;