@conduction/theme 1.0.49 → 1.0.51

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:13:20 GMT
+// Generated on Mon, 23 Oct 2023 11:35:57 GMT
 
 $conduction-tabs-tab-list-border-bottom-width: 0px;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -181,7 +181,15 @@ $conduction-table-wrapper-scroll-button-padding-inline-start: $leiden-size-sm;
 $conduction-table-wrapper-scroll-button-color: $leiden-color-black-9;
 $conduction-table-wrapper-scroll-button-background-color: $leiden-color-white-100;
 $conduction-input-select-placeholder-font-family: $leiden-typography-sans-serif-font-family;
+$conduction-input-select-list-option-focus-color: $leiden-color-lightblue-37;
+$conduction-input-select-list-option-focus-background-color: $leiden-color-white-100;
+$conduction-input-select-list-option-selected-color: $leiden-color-white-100;
+$conduction-input-select-list-option-selected-background-color: $leiden-color-lightblue-37;
+$conduction-input-select-list-option-hover-color: $leiden-color-white-100;
+$conduction-input-select-list-option-hover-background-color: $leiden-color-lightblue-37;
 $conduction-input-select-list-option-hover-font-family: $leiden-typography-sans-serif-font-family;
+$conduction-input-select-list-option-color: $leiden-color-lightblue-37;
+$conduction-input-select-list-option-background-color: $leiden-color-white-100;
 $conduction-input-select-list-option-font-family: $leiden-typography-sans-serif-font-family;
 $conduction-input-select-invalid-border-color: $leiden-color-error;
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;

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

@@ -4174,6 +4174,9 @@
       },
       "background-size": {},
       "background-position": {},
+      "mobile": {
+        "background-position": {}
+      },
       "background-color": {
         "value": "#0d1921",
         "filePath": "src/component/utrecht/page-footer.tokens.json",
@@ -8407,7 +8410,48 @@
             "font-family"
           ]
         },
-        "background-color": {},
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/conduction/select.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.white.100}"
+          },
+          "name": "conductionInputSelectListOptionBackgroundColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-select",
+            "item": "list-option",
+            "subitem": "background-color"
+          },
+          "path": [
+            "conduction",
+            "input-select",
+            "list-option",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#057aba",
+          "filePath": "src/component/conduction/select.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{leiden.color.lightblue.37}"
+          },
+          "name": "conductionInputSelectListOptionColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-select",
+            "item": "list-option",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "input-select",
+            "list-option",
+            "color"
+          ]
+        },
         "hover": {
           "font-family": {
             "value": "\"Open Sans\", Monospace, Arial, sans-serif",
@@ -8432,8 +8476,148 @@
               "font-family"
             ]
           },
-          "color": {},
-          "background-color": {}
+          "background-color": {
+            "value": "#057aba",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.lightblue.37}"
+            },
+            "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": "{leiden.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": "#057aba",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.lightblue.37}"
+            },
+            "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": "#ffffff",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.white.100}"
+            },
+            "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": "#ffffff",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.white.100}"
+            },
+            "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": "#057aba",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{leiden.color.lightblue.37}"
+            },
+            "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/leiden-design-tokens/src/component/conduction/select.tokens.json

@@ -12,11 +12,20 @@
       "focus": {},
       "list-option": {
         "font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
-        "background-color": {},
+        "background-color": { "value": "{leiden.color.white.100}" },
+        "color": { "value": "{leiden.color.lightblue.37}" },
         "hover": {
           "font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
-          "color": {},
-          "background-color": {}
+          "background-color": { "value": "{leiden.color.lightblue.37}" },
+          "color": { "value": "{leiden.color.white.100}" }
+        },
+        "selected": {
+          "background-color": { "value": "{leiden.color.lightblue.37}" },
+          "color": { "value": "{leiden.color.white.100}" }
+        },
+        "focus": {
+          "background-color": { "value": "{leiden.color.white.100}" },
+          "color": { "value": "{leiden.color.lightblue.37}" }
         }
       },
       "placeholder": {

package/municipalities/leiden-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/municipalities/noaberkracht-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:14:07 GMT
+ * Generated on Mon, 23 Oct 2023 11:36:43 GMT
  */
 
 .noaberkracht-theme {
@@ -126,6 +126,7 @@
   --noaberkracht-color-blue-31-10t: #012c9d1a; /* Blue with 10% transparency */
   --noaberkracht-color-blue-93: #e5e9f5;
   --noaberkracht-color-blue-59: #6780c4; /* Blue color for over 31-60t color */
+  --noaberkracht-color-blue-46: #1967d2;
   --noaberkracht-color-blue-31: #012c9d;
   --noaberkracht-color-blue-22: #003790; /* Base/Blue from Huisstijlhandboek, base color of website is #012c9d */
   --noaberkracht-color-alert-info-background: #cce5ff;
@@ -171,7 +172,14 @@
   --conduction-table-wrapper-scroll-button-padding-inline-start: var(--noaberkracht-size-sm);
   --conduction-table-wrapper-scroll-button-background-color: var(--noaberkracht-color-white-100);
   --conduction-input-select-placeholder-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
+  --conduction-input-select-list-option-focus-color: var(--noaberkracht-color-white-100);
+  --conduction-input-select-list-option-focus-background-color: var(--noaberkracht-color-blue-46);
+  --conduction-input-select-list-option-selected-color: var(--noaberkracht-color-white-100);
+  --conduction-input-select-list-option-selected-background-color: var(--noaberkracht-color-blue-46);
+  --conduction-input-select-list-option-hover-color: var(--noaberkracht-color-white-100);
+  --conduction-input-select-list-option-hover-background-color: var(--noaberkracht-color-blue-46);
   --conduction-input-select-list-option-hover-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
+  --conduction-input-select-list-option-color: var(--noaberkracht-color-blue-31);
   --conduction-input-select-list-option-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
   --conduction-input-select-invalid-border-color: var(--noaberkracht-color-error);
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:14:07 GMT
+ * Generated on Mon, 23 Oct 2023 11:36:42 GMT
  */
 
 export const noaberkrachtColorPrimary = "#4376fc";
@@ -19,6 +19,7 @@ export const noaberkrachtColorAlertInfo = "#004085";
 export const noaberkrachtColorAlertInfoBackground = "#cce5ff";
 export const noaberkrachtColorBlue22 = "#003790"; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
 export const noaberkrachtColorBlue31 = "#012c9d";
+export const noaberkrachtColorBlue46 = "#1967d2";
 export const noaberkrachtColorBlue59 = "#6780c4"; // Blue color for over 31-60t color
 export const noaberkrachtColorBlue93 = "#e5e9f5";
 export const noaberkrachtColorBlue3110t = "#012c9d1a"; // Blue with 10% transparency
@@ -408,7 +409,14 @@ export const conductionInputSelectInvalidBorderColor = "#dc3545";
 export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
 export const conductionInputSelectListOptionFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const conductionInputSelectListOptionColor = "#012c9d";
 export const conductionInputSelectListOptionHoverFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const conductionInputSelectListOptionHoverBackgroundColor = "#1967d2";
+export const conductionInputSelectListOptionHoverColor = "#ffffff";
+export const conductionInputSelectListOptionSelectedBackgroundColor = "#1967d2";
+export const conductionInputSelectListOptionSelectedColor = "#ffffff";
+export const conductionInputSelectListOptionFocusBackgroundColor = "#1967d2";
+export const conductionInputSelectListOptionFocusColor = "#ffffff";
 export const conductionInputSelectPlaceholderColor = "#003790";
 export const conductionInputSelectPlaceholderFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
 export const conductionTableWrapperScrollButtonBackgroundColor = "#ffffff";

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

@@ -408,6 +408,73 @@
       "invalid-border-color"
     ]
   },
+  {
+    "value": "#012c9d",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.blue.31}"
+    },
+    "name": "conductionInputSelectListOptionColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "color"
+    ]
+  },
+  {
+    "value": "#1967d2",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.blue.46}"
+    },
+    "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": "{noaberkracht.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": "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -429,6 +496,52 @@
       "font-family"
     ]
   },
+  {
+    "value": "#1967d2",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.blue.46}"
+    },
+    "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": "{noaberkracht.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": "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -452,6 +565,52 @@
       "font-family"
     ]
   },
+  {
+    "value": "#1967d2",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.blue.46}"
+    },
+    "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": "#ffffff",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.white.100}"
+    },
+    "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",
@@ -3253,6 +3412,27 @@
       "31-80t"
     ]
   },
+  {
+    "value": "#1967d2",
+    "filePath": "src/brand/noaberkracht/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#1967d2"
+    },
+    "name": "noaberkrachtColorBlue46",
+    "attributes": {
+      "category": "noaberkracht",
+      "type": "color",
+      "item": "blue",
+      "subitem": "46"
+    },
+    "path": [
+      "noaberkracht",
+      "color",
+      "blue",
+      "46"
+    ]
+  },
   {
     "value": "#6780c4",
     "comment": "Blue color for over 31-60t color",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:14:07 GMT
+// Generated on Mon, 23 Oct 2023 11:36:43 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -124,6 +124,7 @@
 @noaberkracht-color-blue-31-10t: #012c9d1a; // Blue with 10% transparency
 @noaberkracht-color-blue-93: #e5e9f5;
 @noaberkracht-color-blue-59: #6780c4; // Blue color for over 31-60t color
+@noaberkracht-color-blue-46: #1967d2;
 @noaberkracht-color-blue-31: #012c9d;
 @noaberkracht-color-blue-22: #003790; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
 @noaberkracht-color-alert-info-background: #cce5ff;
@@ -169,7 +170,14 @@
 @conduction-table-wrapper-scroll-button-padding-inline-start: @noaberkracht-size-sm;
 @conduction-table-wrapper-scroll-button-background-color: @noaberkracht-color-white-100;
 @conduction-input-select-placeholder-font-family: @noaberkracht-typography-greycliff-cf-font-family;
+@conduction-input-select-list-option-focus-color: @noaberkracht-color-white-100;
+@conduction-input-select-list-option-focus-background-color: @noaberkracht-color-blue-46;
+@conduction-input-select-list-option-selected-color: @noaberkracht-color-white-100;
+@conduction-input-select-list-option-selected-background-color: @noaberkracht-color-blue-46;
+@conduction-input-select-list-option-hover-color: @noaberkracht-color-white-100;
+@conduction-input-select-list-option-hover-background-color: @noaberkracht-color-blue-46;
 @conduction-input-select-list-option-hover-font-family: @noaberkracht-typography-greycliff-cf-font-family;
+@conduction-input-select-list-option-color: @noaberkracht-color-blue-31;
 @conduction-input-select-list-option-font-family: @noaberkracht-typography-greycliff-cf-font-family;
 @conduction-input-select-invalid-border-color: @noaberkracht-color-error;
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:14:07 GMT
+// Generated on Mon, 23 Oct 2023 11:36:43 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -124,6 +124,7 @@ $noaberkracht-color-blue-31-50t: #012c9d80; // Blue with 50% transparency
 $noaberkracht-color-blue-31-10t: #012c9d1a; // Blue with 10% transparency
 $noaberkracht-color-blue-93: #e5e9f5;
 $noaberkracht-color-blue-59: #6780c4; // Blue color for over 31-60t color
+$noaberkracht-color-blue-46: #1967d2;
 $noaberkracht-color-blue-31: #012c9d;
 $noaberkracht-color-blue-22: #003790; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
 $noaberkracht-color-alert-info-background: #cce5ff;
@@ -169,7 +170,14 @@ $conduction-table-wrapper-scroll-button-padding-inline-end: $noaberkracht-size-s
 $conduction-table-wrapper-scroll-button-padding-inline-start: $noaberkracht-size-sm;
 $conduction-table-wrapper-scroll-button-background-color: $noaberkracht-color-white-100;
 $conduction-input-select-placeholder-font-family: $noaberkracht-typography-greycliff-cf-font-family;
+$conduction-input-select-list-option-focus-color: $noaberkracht-color-white-100;
+$conduction-input-select-list-option-focus-background-color: $noaberkracht-color-blue-46;
+$conduction-input-select-list-option-selected-color: $noaberkracht-color-white-100;
+$conduction-input-select-list-option-selected-background-color: $noaberkracht-color-blue-46;
+$conduction-input-select-list-option-hover-color: $noaberkracht-color-white-100;
+$conduction-input-select-list-option-hover-background-color: $noaberkracht-color-blue-46;
 $conduction-input-select-list-option-hover-font-family: $noaberkracht-typography-greycliff-cf-font-family;
+$conduction-input-select-list-option-color: $noaberkracht-color-blue-31;
 $conduction-input-select-list-option-font-family: $noaberkracht-typography-greycliff-cf-font-family;
 $conduction-input-select-invalid-border-color: $noaberkracht-color-error;
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;