@conduction/theme 1.0.36 → 1.0.38

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

@@ -1083,6 +1083,287 @@
       "page-hover-text-decoration-thickness"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.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": "#f5f5f5",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.lightgrey.96}"
+    },
+    "name": "conductionTableWrapperScrollButtonBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "border-color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "border-color"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionTableWrapperScrollButtonBorderStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "border-style"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "border-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.size.4xs}"
+    },
+    "name": "conductionTableWrapperScrollButtonBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "border-width"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#003790",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.document.color}"
+    },
+    "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": "{noaberkracht.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": "#f0b800",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.yellow.47}"
+    },
+    "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": "{noaberkracht.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": "{noaberkracht.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": "#ffffff",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.white.100}"
+    },
+    "name": "conductionTabsScrollButtonBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#003790",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.document.color}"
+    },
+    "name": "conductionTabsScrollButtonColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.white.100}"
+    },
+    "name": "conductionTabsScrollButtonHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#f0b800",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.yellow.47}"
+    },
+    "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",
@@ -4690,7 +4971,7 @@
   },
   {
     "value": "#003790",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.color.blue.22}"
@@ -4709,7 +4990,7 @@
   },
   {
     "value": "9999px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "9999px"
@@ -4728,7 +5009,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": "{noaberkracht.size.4xs}"
@@ -4747,7 +5028,7 @@
   },
   {
     "value": "#003790",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.color.blue.22}"
@@ -4787,7 +5068,7 @@
   },
   {
     "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/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.typography.greycliff-cf.font-family}"
@@ -4806,7 +5087,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": "14px"
@@ -4825,7 +5106,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": "{noaberkracht.size.xs}"
@@ -4844,7 +5125,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": "{noaberkracht.size.xs}"
@@ -4863,7 +5144,7 @@
   },
   {
     "value": "18px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.size.md}"
@@ -4882,7 +5163,7 @@
   },
   {
     "value": "18px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.size.md}"
@@ -6647,11 +6928,11 @@
     ]
   },
   {
-    "value": "#fafafa",
+    "value": "#ffffff",
     "filePath": "src/component/utrecht/surface.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{noaberkracht.color.white.98}"
+      "value": "{noaberkracht.color.white.100}"
     },
     "name": "utrechtSurfaceBackgroundColor",
     "attributes": {
@@ -6665,6 +6946,25 @@
       "background-color"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.white.100}"
+    },
+    "name": "utrechtTableBackgroundColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "table",
+      "item": "background-color"
+    },
+    "path": [
+      "utrecht",
+      "table",
+      "background-color"
+    ]
+  },
   {
     "value": "#f5f5f5",
     "filePath": "src/component/utrecht/table.tokens.json",
@@ -7073,7 +7373,7 @@
   },
   {
     "value": "#003790",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.color.blue.22}"
@@ -7092,7 +7392,7 @@
   },
   {
     "value": "9999px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "9999px"
@@ -7111,7 +7411,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.size.4xs}"
@@ -7130,7 +7430,7 @@
   },
   {
     "value": "#003790",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.color.blue.22}"
@@ -7170,7 +7470,7 @@
   },
   {
     "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/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.typography.greycliff-cf.font-family}"
@@ -7189,7 +7489,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "14px"
@@ -7208,7 +7508,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.size.xs}"
@@ -7227,7 +7527,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.size.xs}"
@@ -7246,7 +7546,7 @@
   },
   {
     "value": "18px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.size.md}"
@@ -7265,7 +7565,7 @@
   },
   {
     "value": "18px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{noaberkracht.size.md}"

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 13 Sep 2023 08:36:45 GMT
+// Generated on Tue, 19 Sep 2023 14:31:22 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -12,6 +12,7 @@
 @conduction-tabs-tab-max-width: unset;
 @conduction-tabs-tab-bottom: -2px;
 @conduction-tabs-tab-background-color: transparent;
+@conduction-table-wrapper-scroll-button-border-style: solid;
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
 @conduction-input-select-border-focus: unset;
@@ -107,6 +108,9 @@
 @noaberkracht-color-error: #dc3545;
 @noaberkracht-color-primary-hover: #2e5ed9;
 @noaberkracht-color-primary: #4376fc;
+@conduction-tabs-scroll-button-hover-color: @noaberkracht-color-yellow-47;
+@conduction-tabs-scroll-button-hover-background-color: @noaberkracht-color-white-100;
+@conduction-tabs-scroll-button-background-color: @noaberkracht-color-white-100;
 @conduction-tabs-tab-panel-padding-inline-end: @noaberkracht-size-lg;
 @conduction-tabs-tab-panel-padding-inline-start: @noaberkracht-size-lg;
 @conduction-tabs-tab-panel-padding-block-end: @noaberkracht-size-lg;
@@ -126,6 +130,13 @@
 @conduction-tabs-tab-padding-block-end: @noaberkracht-size-xs;
 @conduction-tabs-tab-padding-block-start: @noaberkracht-size-xs;
 @conduction-tabs-tab-color: @noaberkracht-color-blue-22;
+@conduction-table-wrapper-scroll-button-hover-color: @noaberkracht-color-yellow-47;
+@conduction-table-wrapper-scroll-button-hover-background-color: @noaberkracht-color-white-100;
+@conduction-table-wrapper-scroll-button-border-color: @noaberkracht-color-lightgrey-96;
+@conduction-table-wrapper-scroll-button-border-width: @noaberkracht-size-4xs;
+@conduction-table-wrapper-scroll-button-padding-inline-end: @noaberkracht-size-sm;
+@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-hover-font-family: @noaberkracht-typography-greycliff-cf-font-family;
 @conduction-input-select-list-option-font-family: @noaberkracht-typography-greycliff-cf-font-family;
@@ -163,7 +174,7 @@
 @conduction-card-header-date-font-size: @noaberkracht-font-size-xs;
 @conduction-card-header-date-color: @noaberkracht-color-blue-22;
 @conduction-card-header-title-color: @noaberkracht-color-blue-22;
-@utrecht-surface-background-color: @noaberkracht-color-white-98;
+@utrecht-surface-background-color: @noaberkracht-color-white-100;
 @utrecht-paragraph-font-weight: @noaberkracht-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @noaberkracht-font-size-sm;
 @utrecht-paragraph-font-family: @noaberkracht-typography-greycliff-cf-font-family;
@@ -216,8 +227,6 @@
 @utrecht-heading-1-font-size: @noaberkracht-font-size-2xl;
 @utrecht-heading-1-font-family: @noaberkracht-typography-oceanwide-font-family;
 @utrecht-heading-1-color: @noaberkracht-color-blue-22;
-@utrecht-textbox-focus-background-color: @noaberkracht-color-white-100;
-@utrecht-textbox-placeholder-color: @noaberkracht-color-blue-22;
 @utrecht-textbox-padding-inline-start: @noaberkracht-size-md;
 @utrecht-textbox-padding-inline-end: @noaberkracht-size-md;
 @utrecht-textbox-padding-block-start: @noaberkracht-size-xs;
@@ -226,6 +235,8 @@
 @utrecht-textbox-color: @noaberkracht-color-blue-22;
 @utrecht-textbox-border-width: @noaberkracht-size-4xs;
 @utrecht-textbox-border-color: @noaberkracht-color-blue-22;
+@utrecht-textbox-focus-background-color: @noaberkracht-color-white-100;
+@utrecht-textbox-placeholder-color: @noaberkracht-color-blue-22;
 @utrecht-textbox-background-color: @noaberkracht-color-white-100;
 @utrecht-table-cell-padding-inline-start: @noaberkracht-size-md;
 @utrecht-table-cell-padding-inline-end: @noaberkracht-size-md;
@@ -238,6 +249,7 @@
 @utrecht-table-row-border-block-end-width: @noaberkracht-size-4xs;
 @utrecht-table-row-border-block-end-color: @noaberkracht-color-lightgrey-96;
 @utrecht-table-header-font-weight: @noaberkracht-typography-font-weight-bold;
+@utrecht-table-background-color: @noaberkracht-color-white-100;
 @utrecht-page-header-padding-block-end: @noaberkracht-size-sm;
 @utrecht-page-header-padding-block-start: @noaberkracht-size-sm;
 @utrecht-page-header-color: @noaberkracht-color-white-100;
@@ -249,8 +261,6 @@
 @utrecht-page-footer-color: @noaberkracht-color-white-100;
 @utrecht-page-footer-background-color: @noaberkracht-color-yellow-47;
 @utrecht-icon-gap: @noaberkracht-size-xs;
-@utrecht-form-input-focus-background-color: @noaberkracht-color-white-100;
-@utrecht-form-input-placeholder-color: @noaberkracht-color-blue-22;
 @utrecht-form-input-padding-inline-start: @noaberkracht-size-md;
 @utrecht-form-input-padding-inline-end: @noaberkracht-size-md;
 @utrecht-form-input-padding-block-start: @noaberkracht-size-xs;
@@ -259,6 +269,8 @@
 @utrecht-form-input-color: @noaberkracht-color-blue-22;
 @utrecht-form-input-border-width: @noaberkracht-size-4xs;
 @utrecht-form-input-border-color: @noaberkracht-color-blue-22;
+@utrecht-form-input-focus-background-color: @noaberkracht-color-white-100;
+@utrecht-form-input-placeholder-color: @noaberkracht-color-blue-22;
 @utrecht-form-input-background-color: @noaberkracht-color-white-100;
 @utrecht-document-font-size: @noaberkracht-font-size-sm;
 @utrecht-document-font-family: @noaberkracht-typography-greycliff-cf-font-family;
@@ -363,6 +375,8 @@
 @noaberkracht-typography-scale-3xs: @noaberkracht-font-size-3xs;
 @noaberkracht-typography-scale-4xs: @noaberkracht-font-size-4xs;
 @noaberkracht-color-info: @noaberkracht-color-primary;
+@conduction-tabs-scroll-button-color: @utrecht-document-color;
+@conduction-table-wrapper-scroll-button-color: @utrecht-document-color;
 @conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
 @conduction-pagination-item-font-family: @utrecht-document-font-family;
 @conduction-pagination-item-font-size: @utrecht-document-font-size;