@conduction/theme 1.0.48 → 1.0.50

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

@@ -492,6 +492,52 @@
       "background-color"
     ]
   },
+  {
+    "value": "var(--utrecht-form-select-background-color)",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "var(--utrecht-form-select-background-color)"
+    },
+    "name": "conductionInputSelectListOptionFocusBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "focus",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "focus",
+      "background-color"
+    ]
+  },
+  {
+    "value": "var(--rotterdam-color-base-black)",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "var(--rotterdam-color-base-black)"
+    },
+    "name": "conductionInputSelectListOptionFocusColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "focus",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "focus",
+      "color"
+    ]
+  },
   {
     "value": "var(--utrecht-document-font-family)",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -582,6 +628,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/rotterdam-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 13 Oct 2023 13:50:13 GMT
+// Generated on Tue, 17 Oct 2023 12:26:48 GMT
 
 @utrecht-page-max-inline-size: 1140px;
 @utrecht-page-margin-inline-end: var(--utrecht-space-block-xl);
@@ -129,8 +129,12 @@
 @conduction-table-wrapper-scroll-button-background-color: var(--rotterdam-color-base-white);
 @conduction-input-select-placeholder-font-family: var(--utrecht-document-font-family);
 @conduction-input-select-placeholder-color: var(--rotterdam-color-gray-tint-09);
-@conduction-input-select-list-option-hover-background-color: var(--rotterdam-color-green-tint-01);
+@conduction-input-select-list-option-focus-color: var(--rotterdam-color-base-black);
+@conduction-input-select-list-option-focus-background-color: var(--utrecht-form-select-background-color);
+@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-list-option-hover-color: var(--utrecht-form-select-background-color);
+@conduction-input-select-list-option-hover-background-color: var(--rotterdam-color-green-tint-01);
 @conduction-input-select-list-option-hover-font-family: var(--utrecht-document-font-family);
 @conduction-input-select-list-option-background-color: var(--utrecht-form-select-background-color);
 @conduction-input-select-list-option-font-family: var(--utrecht-document-font-family);

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 13 Oct 2023 13:50:13 GMT
+// Generated on Tue, 17 Oct 2023 12:26:48 GMT
 
 $utrecht-page-max-inline-size: 1140px;
 $utrecht-page-margin-inline-end: var(--utrecht-space-block-xl);
@@ -129,8 +129,12 @@ $conduction-table-wrapper-scroll-button-color: var(--utrecht-document-color);
 $conduction-table-wrapper-scroll-button-background-color: var(--rotterdam-color-base-white);
 $conduction-input-select-placeholder-font-family: var(--utrecht-document-font-family);
 $conduction-input-select-placeholder-color: var(--rotterdam-color-gray-tint-09);
-$conduction-input-select-list-option-hover-background-color: var(--rotterdam-color-green-tint-01);
+$conduction-input-select-list-option-focus-color: var(--rotterdam-color-base-black);
+$conduction-input-select-list-option-focus-background-color: var(--utrecht-form-select-background-color);
+$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-list-option-hover-color: var(--utrecht-form-select-background-color);
+$conduction-input-select-list-option-hover-background-color: var(--rotterdam-color-green-tint-01);
 $conduction-input-select-list-option-hover-font-family: var(--utrecht-document-font-family);
 $conduction-input-select-list-option-background-color: var(--utrecht-form-select-background-color);
 $conduction-input-select-list-option-font-family: var(--utrecht-document-font-family);

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

@@ -2253,6 +2253,7 @@
             "background-color"
           ]
         },
+        "color": {},
         "hover": {
           "font-family": {
             "value": "var(--utrecht-document-font-family)",
@@ -2277,6 +2278,29 @@
               "font-family"
             ]
           },
+          "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": "conductionInputSelectListOptionHoverBackgroundColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "hover",
+              "background-color"
+            ]
+          },
           "color": {
             "value": "var(--utrecht-form-select-background-color)",
             "filePath": "src/component/conduction/select.tokens.json",
@@ -2299,7 +2323,9 @@
               "hover",
               "color"
             ]
-          },
+          }
+        },
+        "selected": {
           "background-color": {
             "value": "var(--rotterdam-color-green-tint-01)",
             "filePath": "src/component/conduction/select.tokens.json",
@@ -2307,21 +2333,92 @@
             "original": {
               "value": "var(--rotterdam-color-green-tint-01)"
             },
-            "name": "conductionInputSelectListOptionHoverBackgroundColor",
+            "name": "conductionInputSelectListOptionSelectedBackgroundColor",
             "attributes": {
               "category": "conduction",
               "type": "input-select",
               "item": "list-option",
-              "subitem": "hover",
+              "subitem": "selected",
               "state": "background-color"
             },
             "path": [
               "conduction",
               "input-select",
               "list-option",
-              "hover",
+              "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": {
+            "value": "var(--utrecht-form-select-background-color)",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--utrecht-form-select-background-color)"
+            },
+            "name": "conductionInputSelectListOptionFocusBackgroundColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "focus",
+              "state": "background-color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "focus",
               "background-color"
             ]
+          },
+          "color": {
+            "value": "var(--rotterdam-color-base-black)",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--rotterdam-color-base-black)"
+            },
+            "name": "conductionInputSelectListOptionFocusColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "focus",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "focus",
+              "color"
+            ]
           }
         }
       },

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

@@ -13,10 +13,19 @@
       "list-option": {
         "font-family": { "value": "var(--utrecht-document-font-family)" },
         "background-color": { "value": "var(--utrecht-form-select-background-color)" },
+        "color": {},
         "hover": {
           "font-family": { "value": "var(--utrecht-document-font-family)" },
-          "color": { "value": "var(--utrecht-form-select-background-color)" },
-          "background-color": { "value": "var(--rotterdam-color-green-tint-01)" }
+          "background-color": { "value": "var(--rotterdam-color-green-tint-01)" },
+          "color": { "value": "var(--utrecht-form-select-background-color)" }
+        },
+        "selected": {
+          "background-color": { "value": "var(--rotterdam-color-green-tint-01)" },
+          "color": { "value": "var(--rotterdam-color-base-white)" }
+        },
+        "focus": {
+          "background-color": { "value": "var(--utrecht-form-select-background-color)" },
+          "color": { "value": "var(--rotterdam-color-base-black)" }
         }
       },
       "placeholder": {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:49:25 GMT
+ * Generated on Tue, 17 Oct 2023 12:25:04 GMT
  */
 
 .tubbergen-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:49:25 GMT
+ * Generated on Tue, 17 Oct 2023 12:25:04 GMT
  */
 
 export const tubbergenColorPrimary = "#0b612d";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 13 Oct 2023 13:49:25 GMT
+// Generated on Tue, 17 Oct 2023 12:25:04 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 Fri, 13 Oct 2023 13:49:25 GMT
+// Generated on Tue, 17 Oct 2023 12:25:04 GMT
 
 $conduction-tabs-scroll-button-border-style: solid;
 $conduction-tabs-tab-panel-border-top: 0;

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

@@ -9295,6 +9295,7 @@
           ]
         },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": {
             "value": "\"Lato\", Arial, sans-serif",
@@ -9319,8 +9320,12 @@
               "font-family"
             ]
           },
-          "color": {},
-          "background-color": {}
+          "background-color": {},
+          "color": {}
+        },
+        "selected": {
+          "background-color": {},
+          "color": {}
         }
       },
       "placeholder": {

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

@@ -13,10 +13,15 @@
       "list-option": {
         "font-family": { "value": "{tubbergen.typography.lato.font-family}" },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": { "value": "{tubbergen.typography.lato.font-family}" },
-          "color": {},
-          "background-color": {}
+          "background-color": {},
+          "color": {}
+        },
+        "selected": {
+          "background-color": {},
+          "color": {}
         }
       },
       "placeholder": {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:49:17 GMT
+ * Generated on Tue, 17 Oct 2023 12:24:55 GMT
  */
 
 .xxllnc-theme {
@@ -123,7 +123,9 @@
   --xxllnc-font-size-2xs: 10px;
   --xxllnc-font-size-3xs: 8px;
   --xxllnc-font-size-4xs: 5px;
+  --xxllnc-color-blue-66: #5897fb;
   --xxllnc-color-lightgrey-96: #f5f5f5;
+  --xxllnc-color-lightgrey-87: #dddddd;
   --xxllnc-color-lightgrey-86: #dbdbdb;
   --xxllnc-color-grey-90-hover: #e5e5e5cc; /* Grey with 80% transparency */
   --xxllnc-color-grey-92: #eaeaea; /* Base/Grey */
@@ -137,6 +139,7 @@
   --xxllnc-color-black-17: #2b2b2b;
   --xxllnc-color-black-16: #28282c; /* Base/Black */
   --xxllnc-color-black-14: #202125;
+  --xxllnc-color-black-10: #1a1a1a;
   --xxllnc-color-black-6: #0e0d10;
   --xxllnc-color-white-100-0t: #ffffff; /* White with 0% transparency */
   --xxllnc-color-white-100: #ffffff; /* Base/White */
@@ -184,6 +187,12 @@
   --conduction-table-wrapper-scroll-button-color: var(--xxllnc-color-black-16);
   --conduction-table-wrapper-scroll-button-background-color: var(--xxllnc-color-white-100);
   --conduction-input-select-placeholder-font-family: var(--xxllnc-typography-sans-serif-font-family);
+  --conduction-input-select-list-option-focus-color: var(--xxllnc-color-white-100);
+  --conduction-input-select-list-option-focus-background-color: var(--xxllnc-color-blue-66);
+  --conduction-input-select-list-option-selected-color: var(--xxllnc-color-black-10);
+  --conduction-input-select-list-option-selected-background-color: var(--xxllnc-color-lightgrey-87);
+  --conduction-input-select-list-option-hover-color: var(--xxllnc-color-white-100);
+  --conduction-input-select-list-option-hover-background-color: var(--xxllnc-color-blue-66);
   --conduction-input-select-list-option-hover-font-family: var(--xxllnc-typography-sans-serif-font-family);
   --conduction-input-select-list-option-font-family: var(--xxllnc-typography-sans-serif-font-family);
   --conduction-input-select-invalid-border-color: var(--xxllnc-color-error);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 13 Oct 2023 13:49:17 GMT
+ * Generated on Tue, 17 Oct 2023 12:24:55 GMT
  */
 
 export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
@@ -21,6 +21,7 @@ export const xxllncColorWhite95 = "#f1f1f1";
 export const xxllncColorWhite100 = "#ffffff"; // Base/White
 export const xxllncColorWhite1000t = "#ffffff"; // White with 0% transparency
 export const xxllncColorBlack6 = "#0e0d10";
+export const xxllncColorBlack10 = "#1a1a1a";
 export const xxllncColorBlack14 = "#202125";
 export const xxllncColorBlack16 = "#28282c"; // Base/Black
 export const xxllncColorBlack17 = "#2b2b2b";
@@ -34,7 +35,9 @@ export const xxllncColorGrey90 = "#e5e5e5";
 export const xxllncColorGrey92 = "#eaeaea"; // Base/Grey
 export const xxllncColorGrey90Hover = "#e5e5e5cc"; // Grey with 80% transparency
 export const xxllncColorLightgrey86 = "#dbdbdb";
+export const xxllncColorLightgrey87 = "#dddddd";
 export const xxllncColorLightgrey96 = "#f5f5f5";
+export const xxllncColorBlue66 = "#5897fb";
 export const xxllncFontSize4xs = "5px";
 export const xxllncFontSize3xs = "8px";
 export const xxllncFontSize2xs = "10px";
@@ -398,6 +401,12 @@ export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
 export const conductionInputSelectListOptionFontFamily = "neue-haas-grotesk-text, sans-serif";
 export const conductionInputSelectListOptionHoverFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const conductionInputSelectListOptionHoverBackgroundColor = "#5897fb";
+export const conductionInputSelectListOptionHoverColor = "#ffffff";
+export const conductionInputSelectListOptionSelectedBackgroundColor = "#dddddd";
+export const conductionInputSelectListOptionSelectedColor = "#1a1a1a";
+export const conductionInputSelectListOptionFocusBackgroundColor = "#5897fb";
+export const conductionInputSelectListOptionFocusColor = "#ffffff";
 export const conductionInputSelectPlaceholderColor = "#6d6d6d";
 export const conductionInputSelectPlaceholderFontFamily = "neue-haas-grotesk-text, sans-serif";
 export const conductionTableWrapperScrollButtonBackgroundColor = "#ffffff";