@conduction/theme 1.0.49 → 1.0.51

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

@@ -370,6 +370,52 @@
       "invalid-border-color"
     ]
   },
+  {
+    "value": "#5897fb",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.blue.66}"
+    },
+    "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": "#ffffff",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.white.100}"
+    },
+    "name": "conductionInputSelectListOptionFocusColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "focus",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "focus",
+      "color"
+    ]
+  },
   {
     "value": "neue-haas-grotesk-text, sans-serif",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -391,6 +437,52 @@
       "font-family"
     ]
   },
+  {
+    "value": "#5897fb",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.blue.66}"
+    },
+    "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": "#ffffff",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.white.100}"
+    },
+    "name": "conductionInputSelectListOptionHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "hover",
+      "color"
+    ]
+  },
   {
     "value": "neue-haas-grotesk-text, sans-serif",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -414,6 +506,52 @@
       "font-family"
     ]
   },
+  {
+    "value": "#dddddd",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.lightgrey.87}"
+    },
+    "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": "#1a1a1a",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.10}"
+    },
+    "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",
@@ -7739,6 +7877,27 @@
       "0-22t"
     ]
   },
+  {
+    "value": "#1a1a1a",
+    "filePath": "src/brand/xxllnc/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#1a1a1a"
+    },
+    "name": "xxllncColorBlack10",
+    "attributes": {
+      "category": "xxllnc",
+      "type": "color",
+      "item": "black",
+      "subitem": "10"
+    },
+    "path": [
+      "xxllnc",
+      "color",
+      "black",
+      "10"
+    ]
+  },
   {
     "value": "#1e1e2010",
     "comment": "Black with transparency between 6% and 7%",
@@ -7913,6 +8072,27 @@
       "6"
     ]
   },
+  {
+    "value": "#5897fb",
+    "filePath": "src/brand/xxllnc/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#5897fb"
+    },
+    "name": "xxllncColorBlue66",
+    "attributes": {
+      "category": "xxllnc",
+      "type": "color",
+      "item": "blue",
+      "subitem": "66"
+    },
+    "path": [
+      "xxllnc",
+      "color",
+      "blue",
+      "66"
+    ]
+  },
   {
     "value": "#dc3545",
     "filePath": "src/brand/xxllnc/color.tokens.json",
@@ -8060,6 +8240,27 @@
       "86"
     ]
   },
+  {
+    "value": "#dddddd",
+    "filePath": "src/brand/xxllnc/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#dddddd"
+    },
+    "name": "xxllncColorLightgrey87",
+    "attributes": {
+      "category": "xxllnc",
+      "type": "color",
+      "item": "lightgrey",
+      "subitem": "87"
+    },
+    "path": [
+      "xxllnc",
+      "color",
+      "lightgrey",
+      "87"
+    ]
+  },
   {
     "value": "#f5f5f5",
     "filePath": "src/brand/xxllnc/color.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:13:30 GMT
+// Generated on Mon, 23 Oct 2023 11:36:05 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -121,7 +121,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
@@ -135,6 +137,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
@@ -182,6 +185,12 @@
 @conduction-table-wrapper-scroll-button-color: @xxllnc-color-black-16;
 @conduction-table-wrapper-scroll-button-background-color: @xxllnc-color-white-100;
 @conduction-input-select-placeholder-font-family: @xxllnc-typography-sans-serif-font-family;
+@conduction-input-select-list-option-focus-color: @xxllnc-color-white-100;
+@conduction-input-select-list-option-focus-background-color: @xxllnc-color-blue-66;
+@conduction-input-select-list-option-selected-color: @xxllnc-color-black-10;
+@conduction-input-select-list-option-selected-background-color: @xxllnc-color-lightgrey-87;
+@conduction-input-select-list-option-hover-color: @xxllnc-color-white-100;
+@conduction-input-select-list-option-hover-background-color: @xxllnc-color-blue-66;
 @conduction-input-select-list-option-hover-font-family: @xxllnc-typography-sans-serif-font-family;
 @conduction-input-select-list-option-font-family: @xxllnc-typography-sans-serif-font-family;
 @conduction-input-select-invalid-border-color: @xxllnc-color-error;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:13:30 GMT
+// Generated on Mon, 23 Oct 2023 11:36:05 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -121,7 +121,9 @@ $xxllnc-font-size-xs: 12px;
 $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
@@ -135,6 +137,7 @@ $xxllnc-color-black-21: #333338;
 $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
@@ -182,6 +185,12 @@ $conduction-table-wrapper-scroll-button-padding-inline-start: $xxllnc-size-sm;
 $conduction-table-wrapper-scroll-button-color: $xxllnc-color-black-16;
 $conduction-table-wrapper-scroll-button-background-color: $xxllnc-color-white-100;
 $conduction-input-select-placeholder-font-family: $xxllnc-typography-sans-serif-font-family;
+$conduction-input-select-list-option-focus-color: $xxllnc-color-white-100;
+$conduction-input-select-list-option-focus-background-color: $xxllnc-color-blue-66;
+$conduction-input-select-list-option-selected-color: $xxllnc-color-black-10;
+$conduction-input-select-list-option-selected-background-color: $xxllnc-color-lightgrey-87;
+$conduction-input-select-list-option-hover-color: $xxllnc-color-white-100;
+$conduction-input-select-list-option-hover-background-color: $xxllnc-color-blue-66;
 $conduction-input-select-list-option-hover-font-family: $xxllnc-typography-sans-serif-font-family;
 $conduction-input-select-list-option-font-family: $xxllnc-typography-sans-serif-font-family;
 $conduction-input-select-invalid-border-color: $xxllnc-color-error;

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

@@ -362,6 +362,27 @@
             "6"
           ]
         },
+        "10": {
+          "value": "#1a1a1a",
+          "filePath": "src/brand/xxllnc/color.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#1a1a1a"
+          },
+          "name": "xxllncColorBlack10",
+          "attributes": {
+            "category": "xxllnc",
+            "type": "color",
+            "item": "black",
+            "subitem": "10"
+          },
+          "path": [
+            "xxllnc",
+            "color",
+            "black",
+            "10"
+          ]
+        },
         "14": {
           "value": "#202125",
           "filePath": "src/brand/xxllnc/color.tokens.json",
@@ -651,6 +672,27 @@
             "86"
           ]
         },
+        "87": {
+          "value": "#dddddd",
+          "filePath": "src/brand/xxllnc/color.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#dddddd"
+          },
+          "name": "xxllncColorLightgrey87",
+          "attributes": {
+            "category": "xxllnc",
+            "type": "color",
+            "item": "lightgrey",
+            "subitem": "87"
+          },
+          "path": [
+            "xxllnc",
+            "color",
+            "lightgrey",
+            "87"
+          ]
+        },
         "96": {
           "value": "#f5f5f5",
           "filePath": "src/brand/xxllnc/color.tokens.json",
@@ -672,6 +714,29 @@
             "96"
           ]
         }
+      },
+      "blue": {
+        "66": {
+          "value": "#5897fb",
+          "filePath": "src/brand/xxllnc/color.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#5897fb"
+          },
+          "name": "xxllncColorBlue66",
+          "attributes": {
+            "category": "xxllnc",
+            "type": "color",
+            "item": "blue",
+            "subitem": "66"
+          },
+          "path": [
+            "xxllnc",
+            "color",
+            "blue",
+            "66"
+          ]
+        }
       }
     },
     "font-size": {
@@ -4274,6 +4339,9 @@
       },
       "background-size": {},
       "background-position": {},
+      "mobile": {
+        "background-position": {}
+      },
       "background-color": {
         "value": "#ffffff",
         "filePath": "src/component/utrecht/page-footer.tokens.json",
@@ -8527,6 +8595,7 @@
           ]
         },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": {
             "value": "neue-haas-grotesk-text, sans-serif",
@@ -8551,8 +8620,148 @@
               "font-family"
             ]
           },
-          "color": {},
-          "background-color": {}
+          "background-color": {
+            "value": "#5897fb",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{xxllnc.color.blue.66}"
+            },
+            "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": "#ffffff",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{xxllnc.color.white.100}"
+            },
+            "name": "conductionInputSelectListOptionHoverColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "hover",
+              "color"
+            ]
+          }
+        },
+        "selected": {
+          "background-color": {
+            "value": "#dddddd",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{xxllnc.color.lightgrey.87}"
+            },
+            "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": "#1a1a1a",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{xxllnc.color.black.10}"
+            },
+            "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": "#5897fb",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{xxllnc.color.blue.66}"
+            },
+            "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": "#ffffff",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{xxllnc.color.white.100}"
+            },
+            "name": "conductionInputSelectListOptionFocusColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "focus",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "focus",
+              "color"
+            ]
+          }
         }
       },
       "placeholder": {

package/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json

@@ -42,6 +42,9 @@
         "6": {
           "value": "#0e0d10"
         },
+        "10": {
+          "value": "#1a1a1a"
+        },
         "12-6-7t": {
           "value": "#1e1e2010",
           "comment": "Black with transparency between 6% and 7%"
@@ -87,9 +90,17 @@
         "86": {
           "value": "#dbdbdb"
         },
+        "87": {
+          "value": "#dddddd"
+        },
         "96": {
           "value": "#f5f5f5"
         }
+      },
+      "blue": {
+        "66": {
+          "value": "#5897fb"
+        }
       }
     }
   }

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

@@ -13,10 +13,19 @@
       "list-option": {
         "font-family": { "value": "{xxllnc.typography.sans-serif.font-family}" },
         "background-color": {},
+        "color": {},
         "hover": {
           "font-family": { "value": "{xxllnc.typography.sans-serif.font-family}" },
-          "color": {},
-          "background-color": {}
+          "background-color": { "value": "{xxllnc.color.blue.66}" },
+          "color": { "value": "{xxllnc.color.white.100}" }
+        },
+        "selected": {
+          "background-color": { "value": "{xxllnc.color.lightgrey.87}" },
+          "color": { "value": "{xxllnc.color.black.10}" }
+        },
+        "focus": {
+          "background-color": { "value": "{xxllnc.color.blue.66}" },
+          "color": { "value": "{xxllnc.color.white.100}" }
         }
       },
       "placeholder": {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/theme",
-  "version": "1.0.49",
+  "version": "1.0.51",
   "description": "Conduction's design tokens theme",
   "main": "index.js",
   "repository": {