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

@conduction/theme 1.0.36 → 1.0.40

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 (585) hide show

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

@@ -1,7 +1,8 @@
 // Do not edit directly
-// Generated on Wed, 13 Sep 2023 08:36:09 GMT
+// Generated on Thu, 28 Sep 2023 14:18:16 GMT
+@conduction-tabs-scroll-button-border-style: solid;
 @conduction-tabs-tab-panel-border-top: 0;
 @conduction-tabs-tab-panel-border-style: solid;
 @conduction-tabs-tab-list-border-bottom-style: solid;
@@ -81,6 +82,10 @@
 @utrecht-button-font-weight: inherit;
 @utrecht-button-font-size: inherit;
 @utrecht-button-border-radius: 0;
+@utrecht-breadcrumb-padding-block-end: 15px;
+@utrecht-breadcrumb-padding-block-start: 15px;
+@utrecht-breadcrumb-padding-inline-end: 7.5px;
+@utrecht-breadcrumb-padding-inline-start: 7.5px;
 @utrecht-badge-counter-text-decoration: none;
 @utrecht-badge-counter-border-radius: 50%;
 @utrecht-action-submit-cursor: pointer;
@@ -145,6 +150,11 @@
 @tubbergen-color-warning: #ffc107;
 @tubbergen-color-alert-error-background: #f8d7da;
 @tubbergen-color-error: #d62410;
+@conduction-tabs-scroll-button-hover-background-color: @tubbergen-color-blue-96;
+@conduction-tabs-scroll-button-border-color: @tubbergen-color-grey-72;
+@conduction-tabs-scroll-button-border-width: @tubbergen-size-4xs;
+@conduction-tabs-scroll-button-color: @tubbergen-color-grey-38;
+@conduction-tabs-scroll-button-background-color: @tubbergen-color-blue-96;
 @conduction-tabs-tab-panel-border-color: @tubbergen-color-grey-72;
 @conduction-tabs-tab-panel-border-width: @tubbergen-size-4xs;
 @conduction-tabs-tab-panel-padding-inline-end: @tubbergen-size-lg;
@@ -168,6 +178,12 @@
 @conduction-tabs-tab-border-width: @tubbergen-size-4xs;
 @conduction-tabs-tab-color: @tubbergen-color-grey-38;
 @conduction-tabs-tab-background-color: @tubbergen-color-blue-96;
+@conduction-table-wrapper-scroll-button-hover-color: @tubbergen-color-green-24;
+@conduction-table-wrapper-scroll-button-hover-background-color: @tubbergen-color-blue-96;
+@conduction-table-wrapper-scroll-button-padding-inline-end: @tubbergen-size-sm;
+@conduction-table-wrapper-scroll-button-padding-inline-start: @tubbergen-size-sm;
+@conduction-table-wrapper-scroll-button-color: @tubbergen-color-black-20;
+@conduction-table-wrapper-scroll-button-background-color: @tubbergen-color-blue-96;
 @conduction-input-select-placeholder-font-family: @tubbergen-typography-lato-font-family;
 @conduction-input-select-list-option-hover-font-family: @tubbergen-typography-lato-font-family;
 @conduction-input-select-list-option-font-family: @tubbergen-typography-lato-font-family;
@@ -236,8 +252,6 @@
 @utrecht-heading-1-font-size: @tubbergen-font-size-2xl;
 @utrecht-heading-1-font-family: @tubbergen-typography-montserrat-font-family;
 @utrecht-heading-1-color: @tubbergen-color-black-13;
-@utrecht-textbox-focus-border-color: @tubbergen-color-blue-48;
-@utrecht-textbox-placeholder-color: @tubbergen-color-grey-42;
 @utrecht-textbox-padding-inline-start: @tubbergen-size-sm;
 @utrecht-textbox-padding-inline-end: @tubbergen-size-sm;
 @utrecht-textbox-padding-block-start: @tubbergen-size-xs;
@@ -246,6 +260,8 @@
 @utrecht-textbox-color: @tubbergen-color-black-33;
 @utrecht-textbox-border-width: @tubbergen-size-4xs;
 @utrecht-textbox-border-color: @tubbergen-color-grey-46;
+@utrecht-textbox-focus-border-color: @tubbergen-color-blue-48;
+@utrecht-textbox-placeholder-color: @tubbergen-color-grey-42;
 @utrecht-textbox-background-color: @tubbergen-color-white-100;
 @utrecht-table-cell-padding-inline-start: @tubbergen-size-md;
 @utrecht-table-cell-padding-inline-end: @tubbergen-size-md;
@@ -275,8 +291,6 @@
 @utrecht-page-footer-padding-inline-end: @tubbergen-size-sm;
 @utrecht-page-footer-color: @tubbergen-color-white-100;
 @utrecht-icon-gap: @tubbergen-size-xs;
-@utrecht-form-input-focus-border-color: @tubbergen-color-blue-48;
-@utrecht-form-input-placeholder-color: @tubbergen-color-grey-42;
 @utrecht-form-input-padding-inline-start: @tubbergen-size-sm;
 @utrecht-form-input-padding-inline-end: @tubbergen-size-sm;
 @utrecht-form-input-padding-block-start: @tubbergen-size-xs;
@@ -285,6 +299,8 @@
 @utrecht-form-input-color: @tubbergen-color-black-33;
 @utrecht-form-input-border-width: @tubbergen-size-4xs;
 @utrecht-form-input-border-color: @tubbergen-color-grey-46;
+@utrecht-form-input-focus-border-color: @tubbergen-color-blue-48;
+@utrecht-form-input-placeholder-color: @tubbergen-color-grey-42;
 @utrecht-form-input-background-color: @tubbergen-color-white-100;
 @utrecht-document-font-size: @tubbergen-font-size-md;
 @utrecht-document-font-family: @tubbergen-typography-lato-font-family;
@@ -333,6 +349,14 @@
 @utrecht-button-border-width: @tubbergen-size-3xs;
 @utrecht-button-border-color: @tubbergen-color-yellow-0;
 @utrecht-button-background-color: @tubbergen-color-yellow-0;
+@utrecht-breadcrumb-background-color: @tubbergen-color-green-21;
+@utrecht-breadcrumb-separator-icon-size: @tubbergen-font-size-xs;
+@utrecht-breadcrumb-separator-icon-color: @tubbergen-color-white-100;
+@utrecht-breadcrumb-link-hover-color: @tubbergen-color-white-100;
+@utrecht-breadcrumb-link-disabled-color: @tubbergen-color-white-100;
+@utrecht-breadcrumb-link-current-color: @tubbergen-color-white-100;
+@utrecht-breadcrumb-link-color: @tubbergen-color-white-100;
+@utrecht-breadcrumb-font-size: @tubbergen-font-size-xs;
 @utrecht-blockquote-content-font-size: @tubbergen-font-size-md;
 @utrecht-blockquote-margin-inline-end: @tubbergen-size-xl;
 @utrecht-blockquote-margin-inline-start: @tubbergen-size-xl;
@@ -387,6 +411,7 @@
 @tubbergen-color-alert-error: @tubbergen-color-black-20;
 @tubbergen-color-primary-hover: @tubbergen-color-green-11;
 @tubbergen-color-primary: @tubbergen-color-green-21;
+@conduction-tabs-scroll-button-hover-color: @tubbergen-color-primary;
 @conduction-tabs-tab-hover-color: @tubbergen-color-primary;
 @conduction-tabs-tab-selected-hover-color: @tubbergen-color-primary;
 @conduction-tabs-tab-selected-font-family: @utrecht-document-font-family;
@@ -419,6 +444,7 @@
 @utrecht-button-secondary-action-hover-border-color: @tubbergen-color-primary-hover;
 @utrecht-button-secondary-action-color: @tubbergen-color-primary;
 @utrecht-button-secondary-action-border-color: @tubbergen-color-primary;
+@utrecht-breadcrumb-font-family: @utrecht-document-font-family;
 @utrecht-blockquote-content-color: @utrecht-document-color;
 @utrecht-badge-counter-font-family: @utrecht-document-font-family;
 @utrecht-badge-counter-font-size: @utrecht-document-font-size;

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

@@ -1,7 +1,8 @@
 // Do not edit directly
-// Generated on Wed, 13 Sep 2023 08:36:09 GMT
+// Generated on Thu, 28 Sep 2023 14:18:16 GMT
+$conduction-tabs-scroll-button-border-style: solid;
 $conduction-tabs-tab-panel-border-top: 0;
 $conduction-tabs-tab-panel-border-style: solid;
 $conduction-tabs-tab-list-border-bottom-style: solid;
@@ -81,6 +82,10 @@ $utrecht-button-primary-action-font-weight: inherit;
 $utrecht-button-font-weight: inherit;
 $utrecht-button-font-size: inherit;
 $utrecht-button-border-radius: 0;
+$utrecht-breadcrumb-padding-block-end: 15px;
+$utrecht-breadcrumb-padding-block-start: 15px;
+$utrecht-breadcrumb-padding-inline-end: 7.5px;
+$utrecht-breadcrumb-padding-inline-start: 7.5px;
 $utrecht-badge-counter-text-decoration: none;
 $utrecht-badge-counter-border-radius: 50%;
 $utrecht-action-submit-cursor: pointer;
@@ -145,6 +150,11 @@ $tubbergen-color-alert-warning-background: #fff3cd;
 $tubbergen-color-warning: #ffc107;
 $tubbergen-color-alert-error-background: #f8d7da;
 $tubbergen-color-error: #d62410;
+$conduction-tabs-scroll-button-hover-background-color: $tubbergen-color-blue-96;
+$conduction-tabs-scroll-button-border-color: $tubbergen-color-grey-72;
+$conduction-tabs-scroll-button-border-width: $tubbergen-size-4xs;
+$conduction-tabs-scroll-button-color: $tubbergen-color-grey-38;
+$conduction-tabs-scroll-button-background-color: $tubbergen-color-blue-96;
 $conduction-tabs-tab-panel-border-color: $tubbergen-color-grey-72;
 $conduction-tabs-tab-panel-border-width: $tubbergen-size-4xs;
 $conduction-tabs-tab-panel-padding-inline-end: $tubbergen-size-lg;
@@ -168,6 +178,12 @@ $conduction-tabs-tab-border-color: $tubbergen-color-blue-96;
 $conduction-tabs-tab-border-width: $tubbergen-size-4xs;
 $conduction-tabs-tab-color: $tubbergen-color-grey-38;
 $conduction-tabs-tab-background-color: $tubbergen-color-blue-96;
+$conduction-table-wrapper-scroll-button-hover-color: $tubbergen-color-green-24;
+$conduction-table-wrapper-scroll-button-hover-background-color: $tubbergen-color-blue-96;
+$conduction-table-wrapper-scroll-button-padding-inline-end: $tubbergen-size-sm;
+$conduction-table-wrapper-scroll-button-padding-inline-start: $tubbergen-size-sm;
+$conduction-table-wrapper-scroll-button-color: $tubbergen-color-black-20;
+$conduction-table-wrapper-scroll-button-background-color: $tubbergen-color-blue-96;
 $conduction-input-select-placeholder-font-family: $tubbergen-typography-lato-font-family;
 $conduction-input-select-list-option-hover-font-family: $tubbergen-typography-lato-font-family;
 $conduction-input-select-list-option-font-family: $tubbergen-typography-lato-font-family;
@@ -236,8 +252,6 @@ $utrecht-heading-1-font-weight: $tubbergen-typography-font-weight-bold;
 $utrecht-heading-1-font-size: $tubbergen-font-size-2xl;
 $utrecht-heading-1-font-family: $tubbergen-typography-montserrat-font-family;
 $utrecht-heading-1-color: $tubbergen-color-black-13;
-$utrecht-textbox-focus-border-color: $tubbergen-color-blue-48;
-$utrecht-textbox-placeholder-color: $tubbergen-color-grey-42;
 $utrecht-textbox-padding-inline-start: $tubbergen-size-sm;
 $utrecht-textbox-padding-inline-end: $tubbergen-size-sm;
 $utrecht-textbox-padding-block-start: $tubbergen-size-xs;
@@ -246,6 +260,8 @@ $utrecht-textbox-font-family: $tubbergen-typography-lato-font-family;
 $utrecht-textbox-color: $tubbergen-color-black-33;
 $utrecht-textbox-border-width: $tubbergen-size-4xs;
 $utrecht-textbox-border-color: $tubbergen-color-grey-46;
+$utrecht-textbox-focus-border-color: $tubbergen-color-blue-48;
+$utrecht-textbox-placeholder-color: $tubbergen-color-grey-42;
 $utrecht-textbox-background-color: $tubbergen-color-white-100;
 $utrecht-table-cell-padding-inline-start: $tubbergen-size-md;
 $utrecht-table-cell-padding-inline-end: $tubbergen-size-md;
@@ -275,8 +291,6 @@ $utrecht-page-footer-padding-inline-start: $tubbergen-size-sm;
 $utrecht-page-footer-padding-inline-end: $tubbergen-size-sm;
 $utrecht-page-footer-color: $tubbergen-color-white-100;
 $utrecht-icon-gap: $tubbergen-size-xs;
-$utrecht-form-input-focus-border-color: $tubbergen-color-blue-48;
-$utrecht-form-input-placeholder-color: $tubbergen-color-grey-42;
 $utrecht-form-input-padding-inline-start: $tubbergen-size-sm;
 $utrecht-form-input-padding-inline-end: $tubbergen-size-sm;
 $utrecht-form-input-padding-block-start: $tubbergen-size-xs;
@@ -285,6 +299,8 @@ $utrecht-form-input-font-family: $tubbergen-typography-lato-font-family;
 $utrecht-form-input-color: $tubbergen-color-black-33;
 $utrecht-form-input-border-width: $tubbergen-size-4xs;
 $utrecht-form-input-border-color: $tubbergen-color-grey-46;
+$utrecht-form-input-focus-border-color: $tubbergen-color-blue-48;
+$utrecht-form-input-placeholder-color: $tubbergen-color-grey-42;
 $utrecht-form-input-background-color: $tubbergen-color-white-100;
 $utrecht-document-font-size: $tubbergen-font-size-md;
 $utrecht-document-font-family: $tubbergen-typography-lato-font-family;
@@ -333,6 +349,14 @@ $utrecht-button-color: $tubbergen-color-black-0;
 $utrecht-button-border-width: $tubbergen-size-3xs;
 $utrecht-button-border-color: $tubbergen-color-yellow-0;
 $utrecht-button-background-color: $tubbergen-color-yellow-0;
+$utrecht-breadcrumb-background-color: $tubbergen-color-green-21;
+$utrecht-breadcrumb-separator-icon-size: $tubbergen-font-size-xs;
+$utrecht-breadcrumb-separator-icon-color: $tubbergen-color-white-100;
+$utrecht-breadcrumb-link-hover-color: $tubbergen-color-white-100;
+$utrecht-breadcrumb-link-disabled-color: $tubbergen-color-white-100;
+$utrecht-breadcrumb-link-current-color: $tubbergen-color-white-100;
+$utrecht-breadcrumb-link-color: $tubbergen-color-white-100;
+$utrecht-breadcrumb-font-size: $tubbergen-font-size-xs;
 $utrecht-blockquote-content-font-size: $tubbergen-font-size-md;
 $utrecht-blockquote-margin-inline-end: $tubbergen-size-xl;
 $utrecht-blockquote-margin-inline-start: $tubbergen-size-xl;
@@ -387,6 +411,7 @@ $tubbergen-color-alert-warning: $tubbergen-color-black-20;
 $tubbergen-color-alert-error: $tubbergen-color-black-20;
 $tubbergen-color-primary-hover: $tubbergen-color-green-11;
 $tubbergen-color-primary: $tubbergen-color-green-21;
+$conduction-tabs-scroll-button-hover-color: $tubbergen-color-primary;
 $conduction-tabs-tab-hover-color: $tubbergen-color-primary;
 $conduction-tabs-tab-selected-hover-color: $tubbergen-color-primary;
 $conduction-tabs-tab-selected-font-family: $utrecht-document-font-family;
@@ -419,6 +444,7 @@ $utrecht-button-secondary-action-hover-color: $tubbergen-color-primary-hover;
 $utrecht-button-secondary-action-hover-border-color: $tubbergen-color-primary-hover;
 $utrecht-button-secondary-action-color: $tubbergen-color-primary;
 $utrecht-button-secondary-action-border-color: $tubbergen-color-primary;
+$utrecht-breadcrumb-font-family: $utrecht-document-font-family;
 $utrecht-blockquote-content-color: $utrecht-document-color;
 $utrecht-badge-counter-font-family: $utrecht-document-font-family;
 $utrecht-badge-counter-font-size: $utrecht-document-font-size;