npm - @conduction/theme - Versions diffs - 1.0.36 → 1.0.38 - Mend

@conduction/theme 1.0.36 → 1.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (506) hide show

package/municipalities/epe-design-tokens/dist/index.json CHANGED Viewed

@@ -1186,6 +1186,224 @@
       "page-hover-text-decoration-thickness"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.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": "{epe.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": "{epe.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": "#01699d",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.primary}"
+    },
+    "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": "{epe.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": "{epe.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": "{epe.color.white.100}"
+    },
+    "name": "conductionTabsScrollButtonBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#2e2e33",
+    "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": "{epe.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": "#01699d",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.primary}"
+    },
+    "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",
@@ -5172,7 +5390,7 @@
   },
   {
     "value": "#575757",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.color.grey.34}"
@@ -5191,7 +5409,7 @@
   },
   {
     "value": "4px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.size.2xs}"
@@ -5210,7 +5428,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": "{epe.size.4xs}"
@@ -5229,7 +5447,7 @@
   },
   {
     "value": "#000000",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.color.black.0}"
@@ -5269,7 +5487,7 @@
   },
   {
     "value": "\"Source Sans\"",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.typography.source-sans.font-family}"
@@ -5288,7 +5506,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": "{epe.size.md}"
@@ -5307,7 +5525,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": "{epe.size.xs}"
@@ -5326,7 +5544,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": "{epe.size.xs}"
@@ -5345,7 +5563,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": "{epe.size.sm}"
@@ -5364,7 +5582,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": "{epe.size.sm}"
@@ -7660,7 +7878,7 @@
   },
   {
     "value": "#575757",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.color.grey.34}"
@@ -7679,7 +7897,7 @@
   },
   {
     "value": "4px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.size.2xs}"
@@ -7698,7 +7916,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.size.4xs}"
@@ -7717,7 +7935,7 @@
   },
   {
     "value": "#000000",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.color.black.0}"
@@ -7757,7 +7975,7 @@
   },
   {
     "value": "\"Source Sans\"",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.typography.source-sans.font-family}"
@@ -7776,7 +7994,7 @@
   },
   {
     "value": "18px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.size.md}"
@@ -7795,7 +8013,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.size.xs}"
@@ -7814,7 +8032,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.size.xs}"
@@ -7833,7 +8051,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.size.sm}"
@@ -7852,7 +8070,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{epe.size.sm}"

package/municipalities/epe-design-tokens/dist/index.less CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Wed, 13 Sep 2023 08:36:27 GMT
+// Generated on Tue, 19 Sep 2023 14:30:56 GMT
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -133,6 +133,8 @@
 @epe-color-warning: #ffc107;
 @epe-color-alert-error-background: #f8d7da;
 @epe-color-error: #dc3545;
+@conduction-tabs-scroll-button-hover-background-color: @epe-color-white-100;
+@conduction-tabs-scroll-button-background-color: @epe-color-white-100;
 @conduction-tabs-tab-panel-padding-inline-end: @epe-size-lg;
 @conduction-tabs-tab-panel-padding-inline-start: @epe-size-lg;
 @conduction-tabs-tab-panel-padding-block-end: @epe-size-lg;
@@ -149,6 +151,11 @@
 @conduction-tabs-tab-padding-block-end: @epe-size-xs;
 @conduction-tabs-tab-padding-block-start: @epe-size-xs;
 @conduction-tabs-tab-color: @epe-color-black-19;
+@conduction-table-wrapper-scroll-button-hover-background-color: @epe-color-white-100;
+@conduction-table-wrapper-scroll-button-padding-inline-end: @epe-size-sm;
+@conduction-table-wrapper-scroll-button-padding-inline-start: @epe-size-sm;
+@conduction-table-wrapper-scroll-button-color: @epe-color-black-0;
+@conduction-table-wrapper-scroll-button-background-color: @epe-color-white-100;
 @conduction-input-select-placeholder-font-family: @epe-typography-source-sans-font-family;
 @conduction-input-select-list-option-hover-font-family: @epe-typography-source-sans-font-family;
 @conduction-input-select-list-option-font-family: @epe-typography-source-sans-font-family;
@@ -219,8 +226,6 @@
 @utrecht-heading-1-margin-block-end: @epe-size-sm;
 @utrecht-heading-1-font-family: @epe-typography-source-sans-font-family;
 @utrecht-heading-1-color: @epe-color-black-19;
-@utrecht-textbox-focus-background-color: @epe-color-white-100;
-@utrecht-textbox-placeholder-color: @epe-color-grey-46;
 @utrecht-textbox-padding-inline-start: @epe-size-sm;
 @utrecht-textbox-padding-inline-end: @epe-size-sm;
 @utrecht-textbox-padding-block-start: @epe-size-xs;
@@ -231,6 +236,8 @@
 @utrecht-textbox-border-width: @epe-size-4xs;
 @utrecht-textbox-border-radius: @epe-size-2xs;
 @utrecht-textbox-border-color: @epe-color-grey-34;
+@utrecht-textbox-focus-background-color: @epe-color-white-100;
+@utrecht-textbox-placeholder-color: @epe-color-grey-46;
 @utrecht-textbox-background-color: @epe-color-white-100;
 @utrecht-table-cell-padding-inline-start: @epe-size-md;
 @utrecht-table-cell-padding-inline-end: @epe-size-md;
@@ -252,8 +259,6 @@
 @utrecht-page-footer-padding-inline-end: @epe-size-sm;
 @utrecht-page-footer-color: @epe-color-white-100;
 @utrecht-icon-gap: @epe-size-xs;
-@utrecht-form-input-focus-background-color: @epe-color-white-100;
-@utrecht-form-input-placeholder-color: @epe-color-grey-46;
 @utrecht-form-input-padding-inline-start: @epe-size-sm;
 @utrecht-form-input-padding-inline-end: @epe-size-sm;
 @utrecht-form-input-padding-block-start: @epe-size-xs;
@@ -264,6 +269,8 @@
 @utrecht-form-input-border-width: @epe-size-4xs;
 @utrecht-form-input-border-radius: @epe-size-2xs;
 @utrecht-form-input-border-color: @epe-color-grey-34;
+@utrecht-form-input-focus-background-color: @epe-color-white-100;
+@utrecht-form-input-placeholder-color: @epe-color-grey-46;
 @utrecht-form-input-background-color: @epe-color-white-100;
 @utrecht-document-font-size: @epe-font-size-md;
 @utrecht-document-font-family: @epe-typography-source-sans-font-family;
@@ -372,9 +379,12 @@
 @epe-color-alert-error: @epe-color-black-19;
 @epe-color-primary-hover: @epe-color-light-blue-21;
 @epe-color-primary: @epe-color-light-blue-31;
+@conduction-tabs-scroll-button-hover-color: @epe-color-primary;
+@conduction-tabs-scroll-button-color: @utrecht-document-color;
 @conduction-tabs-tab-selected-font-family: @utrecht-document-font-family;
 @conduction-tabs-tab-selected-border-bottom-color: @epe-color-primary;
 @conduction-tabs-tab-font-family: @utrecht-document-font-family;
+@conduction-table-wrapper-scroll-button-hover-color: @epe-color-primary;
 @conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
 @conduction-pagination-item-font-family: @utrecht-document-font-family;

package/municipalities/epe-design-tokens/dist/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Wed, 13 Sep 2023 08:36:27 GMT
+// Generated on Tue, 19 Sep 2023 14:30:56 GMT
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -133,6 +133,8 @@ $epe-color-alert-warning-background: #fff3cd;
 $epe-color-warning: #ffc107;
 $epe-color-alert-error-background: #f8d7da;
 $epe-color-error: #dc3545;
+$conduction-tabs-scroll-button-hover-background-color: $epe-color-white-100;
+$conduction-tabs-scroll-button-background-color: $epe-color-white-100;
 $conduction-tabs-tab-panel-padding-inline-end: $epe-size-lg;
 $conduction-tabs-tab-panel-padding-inline-start: $epe-size-lg;
 $conduction-tabs-tab-panel-padding-block-end: $epe-size-lg;
@@ -149,6 +151,11 @@ $conduction-tabs-tab-padding-inline-start: $epe-size-sm;
 $conduction-tabs-tab-padding-block-end: $epe-size-xs;
 $conduction-tabs-tab-padding-block-start: $epe-size-xs;
 $conduction-tabs-tab-color: $epe-color-black-19;
+$conduction-table-wrapper-scroll-button-hover-background-color: $epe-color-white-100;
+$conduction-table-wrapper-scroll-button-padding-inline-end: $epe-size-sm;
+$conduction-table-wrapper-scroll-button-padding-inline-start: $epe-size-sm;
+$conduction-table-wrapper-scroll-button-color: $epe-color-black-0;
+$conduction-table-wrapper-scroll-button-background-color: $epe-color-white-100;
 $conduction-input-select-placeholder-font-family: $epe-typography-source-sans-font-family;
 $conduction-input-select-list-option-hover-font-family: $epe-typography-source-sans-font-family;
 $conduction-input-select-list-option-font-family: $epe-typography-source-sans-font-family;
@@ -219,8 +226,6 @@ $utrecht-heading-1-margin-block-start: $epe-size-sm;
 $utrecht-heading-1-margin-block-end: $epe-size-sm;
 $utrecht-heading-1-font-family: $epe-typography-source-sans-font-family;
 $utrecht-heading-1-color: $epe-color-black-19;
-$utrecht-textbox-focus-background-color: $epe-color-white-100;
-$utrecht-textbox-placeholder-color: $epe-color-grey-46;
 $utrecht-textbox-padding-inline-start: $epe-size-sm;
 $utrecht-textbox-padding-inline-end: $epe-size-sm;
 $utrecht-textbox-padding-block-start: $epe-size-xs;
@@ -231,6 +236,8 @@ $utrecht-textbox-color: $epe-color-black-0;
 $utrecht-textbox-border-width: $epe-size-4xs;
 $utrecht-textbox-border-radius: $epe-size-2xs;
 $utrecht-textbox-border-color: $epe-color-grey-34;
+$utrecht-textbox-focus-background-color: $epe-color-white-100;
+$utrecht-textbox-placeholder-color: $epe-color-grey-46;
 $utrecht-textbox-background-color: $epe-color-white-100;
 $utrecht-table-cell-padding-inline-start: $epe-size-md;
 $utrecht-table-cell-padding-inline-end: $epe-size-md;
@@ -252,8 +259,6 @@ $utrecht-page-footer-padding-inline-start: $epe-size-sm;
 $utrecht-page-footer-padding-inline-end: $epe-size-sm;
 $utrecht-page-footer-color: $epe-color-white-100;
 $utrecht-icon-gap: $epe-size-xs;
-$utrecht-form-input-focus-background-color: $epe-color-white-100;
-$utrecht-form-input-placeholder-color: $epe-color-grey-46;
 $utrecht-form-input-padding-inline-start: $epe-size-sm;
 $utrecht-form-input-padding-inline-end: $epe-size-sm;
 $utrecht-form-input-padding-block-start: $epe-size-xs;
@@ -264,6 +269,8 @@ $utrecht-form-input-color: $epe-color-black-0;
 $utrecht-form-input-border-width: $epe-size-4xs;
 $utrecht-form-input-border-radius: $epe-size-2xs;
 $utrecht-form-input-border-color: $epe-color-grey-34;
+$utrecht-form-input-focus-background-color: $epe-color-white-100;
+$utrecht-form-input-placeholder-color: $epe-color-grey-46;
 $utrecht-form-input-background-color: $epe-color-white-100;
 $utrecht-document-font-size: $epe-font-size-md;
 $utrecht-document-font-family: $epe-typography-source-sans-font-family;
@@ -372,9 +379,12 @@ $epe-color-alert-warning: $epe-color-black-19;
 $epe-color-alert-error: $epe-color-black-19;
 $epe-color-primary-hover: $epe-color-light-blue-21;
 $epe-color-primary: $epe-color-light-blue-31;
+$conduction-tabs-scroll-button-hover-color: $epe-color-primary;
+$conduction-tabs-scroll-button-color: $utrecht-document-color;
 $conduction-tabs-tab-selected-font-family: $utrecht-document-font-family;
 $conduction-tabs-tab-selected-border-bottom-color: $epe-color-primary;
 $conduction-tabs-tab-font-family: $utrecht-document-font-family;
+$conduction-table-wrapper-scroll-button-hover-color: $epe-color-primary;
 $conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-color;
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
 $conduction-pagination-item-font-family: $utrecht-document-font-family;