@conduction/theme 1.0.27 → 1.0.29

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

@@ -9,7 +9,22 @@
       "padding-block-end": { "value": 0 },
       "padding-block-start": { "value": 0 },
       "hover": {},
-      "focus": {}
+      "focus": {},
+      "list-option": {
+        "font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
+        "background-color": {},
+        "hover": {
+          "font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
+          "color": {},
+          "background-color": {}
+        }
+      },
+      "placeholder": {
+        "color": {
+          "value": "{utrecht.form-input.placeholder.color}"
+        },
+        "font-family": { "value": "{leiden.typography.sans-serif.font-family}" }
+      }
     }
   }
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 16:58:36 GMT
+ * Generated on Thu, 24 Aug 2023 11:15:21 GMT
  */
 
 .noordwijk-theme {
@@ -97,6 +97,11 @@
   --noordwijk-color-alert-error-background: #f8d7da;
   --noordwijk-color-alert-error: #721c24;
   --noordwijk-color-error: #dc3545;
+  --conduction-input-select-placeholder-font-family: var(--noordwijk-typography-roboto-font-family);
+  --conduction-input-select-list-option-hover-background-color: var(--noordwijk-color-white-100);
+  --conduction-input-select-list-option-hover-font-family: var(--noordwijk-typography-roboto-font-family);
+  --conduction-input-select-list-option-background-color: var(--noordwijk-color-white-100);
+  --conduction-input-select-list-option-font-family: var(--noordwijk-typography-roboto-font-family);
   --conduction-input-select-invalid-border-color: var(--noordwijk-color-error);
   --conduction-input-select-border-radius: [object Object];
   --conduction-input-select-border: var(--noordwijk-size-4xs) solid var(--noordwijk-color-grey-46);
@@ -168,10 +173,6 @@
   --utrecht-table-cell-padding-block-end: var(--noordwijk-size-md);
   --utrecht-table-header-cell-font-weight: var(--noordwijk-typography-font-weight-bold);
   --utrecht-table-margin-block-start: var(--noordwijk-size-md);
-  --utrecht-table-border-width: var(--noordwijk-size-4xs);
-  --utrecht-table-border-color: var(--noordwijk-color-black-0);
-  --utrecht-table-row-border-block-end-width: var(--noordwijk-size-4xs);
-  --utrecht-table-row-border-block-end-color: var(--noordwijk-color-black-0);
   --utrecht-table-header-font-weight: var(--noordwijk-typography-font-weight-bold);
   --utrecht-table-background-color: var(--noordwijk-color-white-100);
   --utrecht-page-header-padding-block-end: var(--noordwijk-size-sm);
@@ -286,6 +287,8 @@
   --noordwijk-typography-scale-4xs: var(--noordwijk-font-size-4xs);
   --noordwijk-color-primary-hover: var(--noordwijk-color-blue-15);
   --noordwijk-color-primary: var(--noordwijk-color-blue-30);
+  --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
+  --conduction-input-select-list-option-hover-color: var(--noordwijk-color-primary);
   --conduction-card-header-title-color: var(--noordwijk-color-primary);
   --conduction-card-header-color: var(--utrecht-document-color);
   --utrecht-paragraph-color: var(--utrecht-document-color);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 16:58:35 GMT
+ * Generated on Thu, 24 Aug 2023 11:15:21 GMT
  */
 
 export const noordwijkColorPrimary = "#2c2276";
@@ -198,10 +198,6 @@ export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderFontWeight = "700";
 export const utrechtTableHeaderColor = "#000000";
 export const utrechtTableHeaderTextTransform = "unset";
-export const utrechtTableRowBorderBlockEndColor = "#000000";
-export const utrechtTableRowBorderBlockEndWidth = "1px";
-export const utrechtTableBorderColor = "#000000";
-export const utrechtTableBorderWidth = "1px";
 export const utrechtTableFontFamily = "\"Roboto\",  Arial, sans-serif";
 export const utrechtTableFontSize = "16px";
 export const utrechtTableMarginBlockEnd = 0;
@@ -312,3 +308,10 @@ export const conductionInputSelectBorderRadius = {};
 export const conductionInputSelectInvalidBorderColor = "#dc3545";
 export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
+export const conductionInputSelectListOptionFontFamily = "\"Roboto\",  Arial, sans-serif";
+export const conductionInputSelectListOptionBackgroundColor = "#ffffff";
+export const conductionInputSelectListOptionHoverFontFamily = "\"Roboto\",  Arial, sans-serif";
+export const conductionInputSelectListOptionHoverColor = "#2c2276";
+export const conductionInputSelectListOptionHoverBackgroundColor = "#ffffff";
+export const conductionInputSelectPlaceholderColor = "#757575";
+export const conductionInputSelectPlaceholderFontFamily = "\"Roboto\",  Arial, sans-serif";

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

@@ -370,6 +370,117 @@
       "invalid-border-color"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.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"
+    ]
+  },
+  {
+    "value": "\"Roboto\",  Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.typography.roboto.font-family}"
+    },
+    "name": "conductionInputSelectListOptionFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "font-family"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "font-family"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "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": "#2c2276",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.primary}"
+    },
+    "name": "conductionInputSelectListOptionHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "\"Roboto\",  Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.typography.roboto.font-family}"
+    },
+    "name": "conductionInputSelectListOptionHoverFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "hover",
+      "state": "font-family"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "hover",
+      "font-family"
+    ]
+  },
   {
     "value": 0,
     "filePath": "src/component/conduction/select.tokens.json",
@@ -408,6 +519,48 @@
       "padding-block-start"
     ]
   },
+  {
+    "value": "#757575",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.form-input.placeholder.color}"
+    },
+    "name": "conductionInputSelectPlaceholderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "placeholder",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "placeholder",
+      "color"
+    ]
+  },
+  {
+    "value": "\"Roboto\",  Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.typography.roboto.font-family}"
+    },
+    "name": "conductionInputSelectPlaceholderFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "placeholder",
+      "subitem": "font-family"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "placeholder",
+      "font-family"
+    ]
+  },
   {
     "value": "#721c24",
     "filePath": "src/brand/noordwijk/color.tokens.json",
@@ -5367,44 +5520,6 @@
       "background-color"
     ]
   },
-  {
-    "value": "#000000",
-    "filePath": "src/component/utrecht/table.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "{noordwijk.color.black.0}"
-    },
-    "name": "utrechtTableBorderColor",
-    "attributes": {
-      "category": "utrecht",
-      "type": "table",
-      "item": "border-color"
-    },
-    "path": [
-      "utrecht",
-      "table",
-      "border-color"
-    ]
-  },
-  {
-    "value": "1px",
-    "filePath": "src/component/utrecht/table.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "{noordwijk.size.4xs}"
-    },
-    "name": "utrechtTableBorderWidth",
-    "attributes": {
-      "category": "utrecht",
-      "type": "table",
-      "item": "border-width"
-    },
-    "path": [
-      "utrecht",
-      "table",
-      "border-width"
-    ]
-  },
   {
     "value": "18px",
     "filePath": "src/component/utrecht/table.tokens.json",
@@ -5712,48 +5827,6 @@
       "margin-block-start"
     ]
   },
-  {
-    "value": "#000000",
-    "filePath": "src/component/utrecht/table.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "{noordwijk.color.black.0}"
-    },
-    "name": "utrechtTableRowBorderBlockEndColor",
-    "attributes": {
-      "category": "utrecht",
-      "type": "table",
-      "item": "row",
-      "subitem": "border-block-end-color"
-    },
-    "path": [
-      "utrecht",
-      "table",
-      "row",
-      "border-block-end-color"
-    ]
-  },
-  {
-    "value": "1px",
-    "filePath": "src/component/utrecht/table.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "{noordwijk.size.4xs}"
-    },
-    "name": "utrechtTableRowBorderBlockEndWidth",
-    "attributes": {
-      "category": "utrecht",
-      "type": "table",
-      "item": "row",
-      "subitem": "border-block-end-width"
-    },
-    "path": [
-      "utrecht",
-      "table",
-      "row",
-      "border-block-end-width"
-    ]
-  },
   {
     "value": "#ffffff",
     "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 23 Aug 2023 16:58:36 GMT
+// Generated on Thu, 24 Aug 2023 11:15:21 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
@@ -95,6 +95,11 @@
 @noordwijk-color-alert-error-background: #f8d7da;
 @noordwijk-color-alert-error: #721c24;
 @noordwijk-color-error: #dc3545;
+@conduction-input-select-placeholder-font-family: @noordwijk-typography-roboto-font-family;
+@conduction-input-select-list-option-hover-background-color: @noordwijk-color-white-100;
+@conduction-input-select-list-option-hover-font-family: @noordwijk-typography-roboto-font-family;
+@conduction-input-select-list-option-background-color: @noordwijk-color-white-100;
+@conduction-input-select-list-option-font-family: @noordwijk-typography-roboto-font-family;
 @conduction-input-select-invalid-border-color: @noordwijk-color-error;
 @conduction-input-select-border-radius: [object Object];
 @conduction-input-select-border: @noordwijk-size-4xs solid @noordwijk-color-grey-46;
@@ -166,10 +171,6 @@
 @utrecht-table-cell-padding-block-end: @noordwijk-size-md;
 @utrecht-table-header-cell-font-weight: @noordwijk-typography-font-weight-bold;
 @utrecht-table-margin-block-start: @noordwijk-size-md;
-@utrecht-table-border-width: @noordwijk-size-4xs;
-@utrecht-table-border-color: @noordwijk-color-black-0;
-@utrecht-table-row-border-block-end-width: @noordwijk-size-4xs;
-@utrecht-table-row-border-block-end-color: @noordwijk-color-black-0;
 @utrecht-table-header-font-weight: @noordwijk-typography-font-weight-bold;
 @utrecht-table-background-color: @noordwijk-color-white-100;
 @utrecht-page-header-padding-block-end: @noordwijk-size-sm;
@@ -284,6 +285,8 @@
 @noordwijk-typography-scale-4xs: @noordwijk-font-size-4xs;
 @noordwijk-color-primary-hover: @noordwijk-color-blue-15;
 @noordwijk-color-primary: @noordwijk-color-blue-30;
+@conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
+@conduction-input-select-list-option-hover-color: @noordwijk-color-primary;
 @conduction-card-header-title-color: @noordwijk-color-primary;
 @conduction-card-header-color: @utrecht-document-color;
 @utrecht-paragraph-color: @utrecht-document-color;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 23 Aug 2023 16:58:36 GMT
+// Generated on Thu, 24 Aug 2023 11:15:21 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
@@ -95,6 +95,11 @@ $noordwijk-color-warning: #ffc107;
 $noordwijk-color-alert-error-background: #f8d7da;
 $noordwijk-color-alert-error: #721c24;
 $noordwijk-color-error: #dc3545;
+$conduction-input-select-placeholder-font-family: $noordwijk-typography-roboto-font-family;
+$conduction-input-select-list-option-hover-background-color: $noordwijk-color-white-100;
+$conduction-input-select-list-option-hover-font-family: $noordwijk-typography-roboto-font-family;
+$conduction-input-select-list-option-background-color: $noordwijk-color-white-100;
+$conduction-input-select-list-option-font-family: $noordwijk-typography-roboto-font-family;
 $conduction-input-select-invalid-border-color: $noordwijk-color-error;
 $conduction-input-select-border-radius: [object Object];
 $conduction-input-select-border: $noordwijk-size-4xs solid $noordwijk-color-grey-46;
@@ -166,10 +171,6 @@ $utrecht-table-cell-padding-block-start: $noordwijk-size-md;
 $utrecht-table-cell-padding-block-end: $noordwijk-size-md;
 $utrecht-table-header-cell-font-weight: $noordwijk-typography-font-weight-bold;
 $utrecht-table-margin-block-start: $noordwijk-size-md;
-$utrecht-table-border-width: $noordwijk-size-4xs;
-$utrecht-table-border-color: $noordwijk-color-black-0;
-$utrecht-table-row-border-block-end-width: $noordwijk-size-4xs;
-$utrecht-table-row-border-block-end-color: $noordwijk-color-black-0;
 $utrecht-table-header-font-weight: $noordwijk-typography-font-weight-bold;
 $utrecht-table-background-color: $noordwijk-color-white-100;
 $utrecht-page-header-padding-block-end: $noordwijk-size-sm;
@@ -284,6 +285,8 @@ $noordwijk-typography-scale-3xs: $noordwijk-font-size-3xs;
 $noordwijk-typography-scale-4xs: $noordwijk-font-size-4xs;
 $noordwijk-color-primary-hover: $noordwijk-color-blue-15;
 $noordwijk-color-primary: $noordwijk-color-blue-30;
+$conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-color;
+$conduction-input-select-list-option-hover-color: $noordwijk-color-primary;
 $conduction-card-header-title-color: $noordwijk-color-primary;
 $conduction-card-header-color: $utrecht-document-color;
 $utrecht-paragraph-color: $utrecht-document-color;