@conduction/theme 1.0.36 → 1.0.38

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

@@ -392,7 +392,7 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/select.tokens.json",
     "isSource": true,
     "original": {
@@ -459,7 +459,7 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/select.tokens.json",
     "isSource": true,
     "original": {
@@ -541,7 +541,7 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/select.tokens.json",
     "isSource": true,
     "original": {
@@ -809,7 +809,7 @@
     ]
   },
   {
-    "value": "\"Roboto Slab\", Arial, sans-serif",
+    "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/pagination.tokens.json",
     "isSource": true,
     "original": {
@@ -1112,6 +1112,224 @@
       "page-hover-text-decoration-thickness"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionTableWrapperScrollButtonBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#000000",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.black.0}"
+    },
+    "name": "conductionTableWrapperScrollButtonColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionTableWrapperScrollButtonHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#6096c7",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.light-blue.58}"
+    },
+    "name": "conductionTableWrapperScrollButtonHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.sm}"
+    },
+    "name": "conductionTableWrapperScrollButtonPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.sm}"
+    },
+    "name": "conductionTableWrapperScrollButtonPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "value": "#6096c7",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.light-blue.58}"
+    },
+    "name": "conductionTabsScrollButtonBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionTabsScrollButtonColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "color"
+    ]
+  },
+  {
+    "value": "#4685be",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.light-blue.51}"
+    },
+    "name": "conductionTabsScrollButtonHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionTabsScrollButtonHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "hover",
+      "color"
+    ]
+  },
   {
     "value": "transparent",
     "filePath": "src/component/conduction/tabs.tokens.json",
@@ -1176,7 +1394,7 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/tabs.tokens.json",
     "isSource": true,
     "original": {
@@ -1666,7 +1884,7 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/tabs.tokens.json",
     "isSource": true,
     "original": {
@@ -2871,11 +3089,11 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/brand/noordwijk/typography.tokens.json",
     "isSource": true,
     "original": {
-      "value": "\"Roboto\",  Arial, sans-serif"
+      "value": "\"Roboto\", Monospace, Arial, sans-serif"
     },
     "name": "noordwijkTypographyRobotoFontFamily",
     "attributes": {
@@ -2892,11 +3110,11 @@
     ]
   },
   {
-    "value": "\"Roboto Slab\", Arial, sans-serif",
+    "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
     "filePath": "src/brand/noordwijk/typography.tokens.json",
     "isSource": true,
     "original": {
-      "value": "\"Roboto Slab\", Arial, sans-serif"
+      "value": "\"Roboto Slab\", Monospace, Arial, sans-serif"
     },
     "name": "noordwijkTypographyRobotoSlabFontFamily",
     "attributes": {
@@ -3615,7 +3833,7 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/extra-tokens/badge-counter.tokens.json",
     "isSource": true,
     "original": {
@@ -3904,7 +4122,7 @@
     ]
   },
   {
-    "value": "\"Roboto Slab\", Arial, sans-serif",
+    "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/button.tokens.json",
     "isSource": true,
     "original": {
@@ -4830,7 +5048,7 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/document.tokens.json",
     "isSource": true,
     "original": {
@@ -4888,7 +5106,7 @@
   },
   {
     "value": "#8c8c8c",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.color.grey.55}"
@@ -4907,7 +5125,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.size.4xs}"
@@ -4926,7 +5144,7 @@
   },
   {
     "value": "#4a4a4a",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.color.grey.29}"
@@ -4965,8 +5183,8 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.typography.roboto.font-family}"
@@ -4985,7 +5203,7 @@
   },
   {
     "value": "15px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "15px"
@@ -5004,7 +5222,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.size.xs}"
@@ -5023,7 +5241,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.size.xs}"
@@ -5042,7 +5260,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.size.sm}"
@@ -5061,7 +5279,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.size.sm}"
@@ -5119,7 +5337,7 @@
     ]
   },
   {
-    "value": "\"Roboto Slab\", Arial, sans-serif",
+    "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/heading.tokens.json",
     "isSource": true,
     "original": {
@@ -5233,7 +5451,7 @@
     ]
   },
   {
-    "value": "\"Roboto Slab\", Arial, sans-serif",
+    "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/heading.tokens.json",
     "isSource": true,
     "original": {
@@ -5347,7 +5565,7 @@
     ]
   },
   {
-    "value": "\"Roboto Slab\", Arial, sans-serif",
+    "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/heading.tokens.json",
     "isSource": true,
     "original": {
@@ -5461,7 +5679,7 @@
     ]
   },
   {
-    "value": "\"Roboto Slab\", Arial, sans-serif",
+    "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/heading.tokens.json",
     "isSource": true,
     "original": {
@@ -5575,7 +5793,7 @@
     ]
   },
   {
-    "value": "\"Roboto Slab\", Arial, sans-serif",
+    "value": "\"Roboto Slab\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/heading.tokens.json",
     "isSource": true,
     "original": {
@@ -6355,7 +6573,7 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/paragraph.tokens.json",
     "isSource": true,
     "original": {
@@ -6969,7 +7187,7 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/table.tokens.json",
     "isSource": true,
     "original": {
@@ -7212,7 +7430,7 @@
   },
   {
     "value": "#8c8c8c",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.color.grey.55}"
@@ -7231,7 +7449,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.size.4xs}"
@@ -7250,7 +7468,7 @@
   },
   {
     "value": "#4a4a4a",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.color.grey.29}"
@@ -7289,8 +7507,8 @@
     ]
   },
   {
-    "value": "\"Roboto\",  Arial, sans-serif",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "value": "\"Roboto\", Monospace, Arial, sans-serif",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.typography.roboto.font-family}"
@@ -7309,7 +7527,7 @@
   },
   {
     "value": "15px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "15px"
@@ -7328,7 +7546,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.size.xs}"
@@ -7347,7 +7565,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.size.xs}"
@@ -7366,7 +7584,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.size.sm}"
@@ -7385,7 +7603,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noordwijk.size.sm}"

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 13 Sep 2023 08:36:36 GMT
+// Generated on Tue, 19 Sep 2023 14:31:10 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -64,8 +64,8 @@
 @noordwijk-typography-font-weight-normal: 300;
 @noordwijk-typography-font-weight-bold: 700;
 @noordwijk-typography-monospace-font-family: Monospace, "Lucida Console";
-@noordwijk-typography-roboto-slab-font-family: "Roboto Slab", Arial, sans-serif;
-@noordwijk-typography-roboto-font-family: "Roboto",  Arial, sans-serif;
+@noordwijk-typography-roboto-slab-font-family: "Roboto Slab", Monospace, Arial, sans-serif;
+@noordwijk-typography-roboto-font-family: "Roboto", Monospace, Arial, sans-serif;
 @noordwijk-size-4xl: 96px;
 @noordwijk-size-3xl: 72px;
 @noordwijk-size-2xl: 48px;
@@ -116,6 +116,10 @@
 @noordwijk-color-alert-error-background: #f8d7da;
 @noordwijk-color-alert-error: #721c24;
 @noordwijk-color-error: #dc3545;
+@conduction-tabs-scroll-button-hover-color: @noordwijk-color-white-100;
+@conduction-tabs-scroll-button-hover-background-color: @noordwijk-color-light-blue-51;
+@conduction-tabs-scroll-button-color: @noordwijk-color-white-100;
+@conduction-tabs-scroll-button-background-color: @noordwijk-color-light-blue-58;
 @conduction-tabs-tab-panel-padding-inline-end: @noordwijk-size-lg;
 @conduction-tabs-tab-panel-padding-inline-start: @noordwijk-size-lg;
 @conduction-tabs-tab-panel-padding-block-end: @noordwijk-size-lg;
@@ -133,6 +137,12 @@
 @conduction-tabs-tab-padding-block-end: @noordwijk-size-xs;
 @conduction-tabs-tab-padding-block-start: @noordwijk-size-xs;
 @conduction-tabs-tab-color: @noordwijk-color-grey-29;
+@conduction-table-wrapper-scroll-button-hover-color: @noordwijk-color-light-blue-58;
+@conduction-table-wrapper-scroll-button-hover-background-color: @noordwijk-color-white-100;
+@conduction-table-wrapper-scroll-button-padding-inline-end: @noordwijk-size-sm;
+@conduction-table-wrapper-scroll-button-padding-inline-start: @noordwijk-size-sm;
+@conduction-table-wrapper-scroll-button-color: @noordwijk-color-black-0;
+@conduction-table-wrapper-scroll-button-background-color: @noordwijk-color-white-100;
 @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;
@@ -208,8 +218,6 @@
 @utrecht-heading-1-font-weight: @noordwijk-typography-font-weight-bold;
 @utrecht-heading-1-font-size: @noordwijk-font-size-2xl;
 @utrecht-heading-1-font-family: @noordwijk-typography-roboto-slab-font-family;
-@utrecht-textbox-focus-background-color: @noordwijk-color-white-100;
-@utrecht-textbox-placeholder-color: @noordwijk-color-grey-46;
 @utrecht-textbox-padding-inline-start: @noordwijk-size-sm;
 @utrecht-textbox-padding-inline-end: @noordwijk-size-sm;
 @utrecht-textbox-padding-block-start: @noordwijk-size-xs;
@@ -218,6 +226,8 @@
 @utrecht-textbox-color: @noordwijk-color-grey-29;
 @utrecht-textbox-border-width: @noordwijk-size-4xs;
 @utrecht-textbox-border-color: @noordwijk-color-grey-55;
+@utrecht-textbox-focus-background-color: @noordwijk-color-white-100;
+@utrecht-textbox-placeholder-color: @noordwijk-color-grey-46;
 @utrecht-textbox-background-color: @noordwijk-color-white-100;
 @utrecht-table-cell-padding-inline-start: @noordwijk-size-md;
 @utrecht-table-cell-padding-inline-end: @noordwijk-size-md;
@@ -238,8 +248,6 @@
 @utrecht-page-footer-color: @noordwijk-color-black-0;
 @utrecht-page-footer-background-color: @noordwijk-color-light-blue-96;
 @utrecht-icon-gap: @noordwijk-size-xs;
-@utrecht-form-input-focus-background-color: @noordwijk-color-white-100;
-@utrecht-form-input-placeholder-color: @noordwijk-color-grey-46;
 @utrecht-form-input-padding-inline-start: @noordwijk-size-sm;
 @utrecht-form-input-padding-inline-end: @noordwijk-size-sm;
 @utrecht-form-input-padding-block-start: @noordwijk-size-xs;
@@ -248,6 +256,8 @@
 @utrecht-form-input-color: @noordwijk-color-grey-29;
 @utrecht-form-input-border-width: @noordwijk-size-4xs;
 @utrecht-form-input-border-color: @noordwijk-color-grey-55;
+@utrecht-form-input-focus-background-color: @noordwijk-color-white-100;
+@utrecht-form-input-placeholder-color: @noordwijk-color-grey-46;
 @utrecht-form-input-background-color: @noordwijk-color-white-100;
 @utrecht-document-font-size: @noordwijk-font-size-md;
 @utrecht-document-font-family: @noordwijk-typography-roboto-font-family;