npm - @conduction/theme - Versions diffs - 1.0.42 → 1.0.43 - Mend

@conduction/theme 1.0.42 → 1.0.43

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

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 03 Oct 2023 13:22:25 GMT
+// Generated on Wed, 04 Oct 2023 14:27:31 GMT
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -26,6 +26,21 @@
 @conduction-pagination-container-padding-inline-end: 0px;
 @conduction-pagination-container-padding-inline-start: 0px;
 @conduction-pagination-container-background-color: unset;
+@conduction-secondary-top-nav-padding-block-start: 16px;
+@conduction-secondary-top-nav-padding-block-end: 16px;
+@conduction-secondary-top-nav-padding-inline-start: 16px;
+@conduction-secondary-top-nav-padding-inline-end: 16px;
+@conduction-secondary-top-nav-item-padding: 18px;
+@conduction-secondary-top-nav-font-weight: 400;
+@conduction-secondary-top-nav-current-background-color: unset;
+@conduction-secondary-top-nav-hover-background-color: transparent;
+@conduction-secondary-top-nav-background-color: transparent;
+@conduction-primary-top-nav-padding-block-start: 16px;
+@conduction-primary-top-nav-padding-block-end: 16px;
+@conduction-primary-top-nav-padding-inline-start: 16px;
+@conduction-primary-top-nav-padding-inline-end: 16px;
+@conduction-primary-top-nav-item-padding: 18px;
+@conduction-primary-top-nav-dropdown-border-style: solid;
 @conduction-card-wrapper-border-radius: 22px;
 @conduction-card-wrapper-border-style: solid;
 @utrecht-separator-margin-block-start: 0px;
@@ -56,10 +71,10 @@
 @utrecht-button-font-weight: inherit;
 @utrecht-button-font-size: inherit;
 @utrecht-button-border-radius: 9999px;
-@utrecht-breadcrumb-padding-block-end: 12px;
-@utrecht-breadcrumb-padding-block-start: 12px;
-@utrecht-breadcrumb-padding-inline-end: 0;
-@utrecht-breadcrumb-padding-inline-start: 0;
+@utrecht-breadcrumb-nav-padding-block-end: 12px;
+@utrecht-breadcrumb-nav-padding-block-start: 12px;
+@utrecht-breadcrumb-nav-padding-inline-end: 0;
+@utrecht-breadcrumb-nav-padding-inline-start: 0;
 @utrecht-badge-counter-text-decoration: none;
 @utrecht-badge-counter-border-radius: 50%;
 @utrecht-action-submit-cursor: pointer;
@@ -100,6 +115,7 @@
 @noaberkracht-color-lightgrey-96: #f5f5f5; // Base/LightGrey
 @noaberkracht-color-yellow-47: #f0b800; // Base/Yellow from Huisstijlhandboek, base color of website is #f0af00
 @noaberkracht-color-blue-31-60t: #012c9d99; // Blue with 60% transparency
+@noaberkracht-color-blue-59: #6780c4; // Blue color for over 31-60t color
 @noaberkracht-color-blue-22: #003790; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
 @noaberkracht-color-alert-info-background: #cce5ff;
 @noaberkracht-color-alert-info: #004085;
@@ -167,6 +183,26 @@
 @conduction-pagination-item-background-color: @noaberkracht-color-white-100;
 @conduction-pagination-item-color: @noaberkracht-color-black-0;
 @conduction-pagination-item-gap: @noaberkracht-size-2xs;
+@conduction-secondary-top-nav-font-size: @noaberkracht-font-size-xs;
+@conduction-secondary-top-nav-current-box-shadow: inset 0 -4px @noaberkracht-color-yellow-47;
+@conduction-secondary-top-nav-current-color: @noaberkracht-color-white-100;
+@conduction-secondary-top-nav-hover-color: @noaberkracht-color-white-100;
+@conduction-secondary-top-nav-color: @noaberkracht-color-white-100;
+@conduction-primary-top-nav-dropdown-hover-box-shadow: inset 0 -4px @noaberkracht-color-yellow-47;
+@conduction-primary-top-nav-dropdown-hover-background-color: @noaberkracht-color-blue-59;
+@conduction-primary-top-nav-dropdown-hover-color: @noaberkracht-color-white-100;
+@conduction-primary-top-nav-dropdown-border-color: @noaberkracht-color-blue-31-60t;
+@conduction-primary-top-nav-dropdown-border-width: @noaberkracht-size-4xs;
+@conduction-primary-top-nav-dropdown-background-color: @noaberkracht-color-blue-59;
+@conduction-primary-top-nav-dropdown-color: @noaberkracht-color-white-100;
+@conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 @noaberkracht-color-yellow-47;
+@conduction-primary-top-nav-current-box-shadow: inset 0 -4px @noaberkracht-color-yellow-47;
+@conduction-primary-top-nav-current-background-color: @noaberkracht-color-blue-59;
+@conduction-primary-top-nav-current-color: @noaberkracht-color-white-100;
+@conduction-primary-top-nav-hover-background-color: @noaberkracht-color-blue-59;
+@conduction-primary-top-nav-hover-color: @noaberkracht-color-white-100;
+@conduction-primary-top-nav-background-color: @noaberkracht-color-blue-59;
+@conduction-primary-top-nav-color: @noaberkracht-color-white-100;
 @conduction-card-wrapper-padding-block-start: @noaberkracht-size-md;
 @conduction-card-wrapper-padding-block-end: @noaberkracht-size-md;
 @conduction-card-wrapper-padding-inline-start: @noaberkracht-size-md;
@@ -326,13 +362,12 @@
 @utrecht-button-border-width: @noaberkracht-size-3xs;
 @utrecht-button-border-color: @noaberkracht-color-yellow-47;
 @utrecht-button-background-color: @noaberkracht-color-yellow-47;
-@utrecht-breadcrumb-background-color: @noaberkracht-color-white-100;
-@utrecht-breadcrumb-separator-icon-size: @noaberkracht-font-size-sm;
-@utrecht-breadcrumb-separator-icon-color: @noaberkracht-color-black-0;
-@utrecht-breadcrumb-link-hover-color: @noaberkracht-color-yellow-47;
-@utrecht-breadcrumb-link-disabled-color: @noaberkracht-color-blue-22;
-@utrecht-breadcrumb-link-current-color: @noaberkracht-color-blue-22;
-@utrecht-breadcrumb-link-color: @noaberkracht-color-yellow-47;
+@utrecht-breadcrumb-nav-separator-icon-size: @noaberkracht-font-size-sm;
+@utrecht-breadcrumb-nav-separator-color: @noaberkracht-color-yellow-47;
+@utrecht-breadcrumb-nav-link-hover-color: @noaberkracht-color-yellow-47;
+@utrecht-breadcrumb-nav-link-disabled-color: @noaberkracht-color-blue-22;
+@utrecht-breadcrumb-nav-link-current-color: @noaberkracht-color-blue-22;
+@utrecht-breadcrumb-nav-link-color: @noaberkracht-color-yellow-47;
 @utrecht-blockquote-content-font-size: @noaberkracht-font-size-md;
 @utrecht-blockquote-content-color: @noaberkracht-color-black-0;
 @utrecht-blockquote-margin-inline-end: @noaberkracht-size-xl;
@@ -404,5 +439,5 @@
 @utrecht-table-font-size: @utrecht-document-font-size;
 @utrecht-table-font-family: @utrecht-document-font-family;
 @utrecht-table-header-color: @utrecht-document-color;
-@utrecht-breadcrumb-font-family: @utrecht-document-font-family;
+@utrecht-breadcrumb-nav-font-family: @utrecht-document-font-family;
 @utrecht-badge-counter-font-size: @utrecht-document-font-size;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 03 Oct 2023 13:22:25 GMT
+// Generated on Wed, 04 Oct 2023 14:27:31 GMT
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -26,6 +26,21 @@ $conduction-pagination-container-padding-block-start: 0px;
 $conduction-pagination-container-padding-inline-end: 0px;
 $conduction-pagination-container-padding-inline-start: 0px;
 $conduction-pagination-container-background-color: unset;
+$conduction-secondary-top-nav-padding-block-start: 16px;
+$conduction-secondary-top-nav-padding-block-end: 16px;
+$conduction-secondary-top-nav-padding-inline-start: 16px;
+$conduction-secondary-top-nav-padding-inline-end: 16px;
+$conduction-secondary-top-nav-item-padding: 18px;
+$conduction-secondary-top-nav-font-weight: 400;
+$conduction-secondary-top-nav-current-background-color: unset;
+$conduction-secondary-top-nav-hover-background-color: transparent;
+$conduction-secondary-top-nav-background-color: transparent;
+$conduction-primary-top-nav-padding-block-start: 16px;
+$conduction-primary-top-nav-padding-block-end: 16px;
+$conduction-primary-top-nav-padding-inline-start: 16px;
+$conduction-primary-top-nav-padding-inline-end: 16px;
+$conduction-primary-top-nav-item-padding: 18px;
+$conduction-primary-top-nav-dropdown-border-style: solid;
 $conduction-card-wrapper-border-radius: 22px;
 $conduction-card-wrapper-border-style: solid;
 $utrecht-separator-margin-block-start: 0px;
@@ -56,10 +71,10 @@ $utrecht-button-primary-action-font-weight: inherit;
 $utrecht-button-font-weight: inherit;
 $utrecht-button-font-size: inherit;
 $utrecht-button-border-radius: 9999px;
-$utrecht-breadcrumb-padding-block-end: 12px;
-$utrecht-breadcrumb-padding-block-start: 12px;
-$utrecht-breadcrumb-padding-inline-end: 0;
-$utrecht-breadcrumb-padding-inline-start: 0;
+$utrecht-breadcrumb-nav-padding-block-end: 12px;
+$utrecht-breadcrumb-nav-padding-block-start: 12px;
+$utrecht-breadcrumb-nav-padding-inline-end: 0;
+$utrecht-breadcrumb-nav-padding-inline-start: 0;
 $utrecht-badge-counter-text-decoration: none;
 $utrecht-badge-counter-border-radius: 50%;
 $utrecht-action-submit-cursor: pointer;
@@ -100,6 +115,7 @@ $noaberkracht-color-white-98: #fafafa;
 $noaberkracht-color-lightgrey-96: #f5f5f5; // Base/LightGrey
 $noaberkracht-color-yellow-47: #f0b800; // Base/Yellow from Huisstijlhandboek, base color of website is #f0af00
 $noaberkracht-color-blue-31-60t: #012c9d99; // Blue with 60% transparency
+$noaberkracht-color-blue-59: #6780c4; // Blue color for over 31-60t color
 $noaberkracht-color-blue-22: #003790; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
 $noaberkracht-color-alert-info-background: #cce5ff;
 $noaberkracht-color-alert-info: #004085;
@@ -167,6 +183,26 @@ $conduction-pagination-item-border-radius: $noaberkracht-size-md;
 $conduction-pagination-item-background-color: $noaberkracht-color-white-100;
 $conduction-pagination-item-color: $noaberkracht-color-black-0;
 $conduction-pagination-item-gap: $noaberkracht-size-2xs;
+$conduction-secondary-top-nav-font-size: $noaberkracht-font-size-xs;
+$conduction-secondary-top-nav-current-box-shadow: inset 0 -4px $noaberkracht-color-yellow-47;
+$conduction-secondary-top-nav-current-color: $noaberkracht-color-white-100;
+$conduction-secondary-top-nav-hover-color: $noaberkracht-color-white-100;
+$conduction-secondary-top-nav-color: $noaberkracht-color-white-100;
+$conduction-primary-top-nav-dropdown-hover-box-shadow: inset 0 -4px $noaberkracht-color-yellow-47;
+$conduction-primary-top-nav-dropdown-hover-background-color: $noaberkracht-color-blue-59;
+$conduction-primary-top-nav-dropdown-hover-color: $noaberkracht-color-white-100;
+$conduction-primary-top-nav-dropdown-border-color: $noaberkracht-color-blue-31-60t;
+$conduction-primary-top-nav-dropdown-border-width: $noaberkracht-size-4xs;
+$conduction-primary-top-nav-dropdown-background-color: $noaberkracht-color-blue-59;
+$conduction-primary-top-nav-dropdown-color: $noaberkracht-color-white-100;
+$conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 $noaberkracht-color-yellow-47;
+$conduction-primary-top-nav-current-box-shadow: inset 0 -4px $noaberkracht-color-yellow-47;
+$conduction-primary-top-nav-current-background-color: $noaberkracht-color-blue-59;
+$conduction-primary-top-nav-current-color: $noaberkracht-color-white-100;
+$conduction-primary-top-nav-hover-background-color: $noaberkracht-color-blue-59;
+$conduction-primary-top-nav-hover-color: $noaberkracht-color-white-100;
+$conduction-primary-top-nav-background-color: $noaberkracht-color-blue-59;
+$conduction-primary-top-nav-color: $noaberkracht-color-white-100;
 $conduction-card-wrapper-padding-block-start: $noaberkracht-size-md;
 $conduction-card-wrapper-padding-block-end: $noaberkracht-size-md;
 $conduction-card-wrapper-padding-inline-start: $noaberkracht-size-md;
@@ -326,13 +362,12 @@ $utrecht-button-color: $noaberkracht-color-white-100;
 $utrecht-button-border-width: $noaberkracht-size-3xs;
 $utrecht-button-border-color: $noaberkracht-color-yellow-47;
 $utrecht-button-background-color: $noaberkracht-color-yellow-47;
-$utrecht-breadcrumb-background-color: $noaberkracht-color-white-100;
-$utrecht-breadcrumb-separator-icon-size: $noaberkracht-font-size-sm;
-$utrecht-breadcrumb-separator-icon-color: $noaberkracht-color-black-0;
-$utrecht-breadcrumb-link-hover-color: $noaberkracht-color-yellow-47;
-$utrecht-breadcrumb-link-disabled-color: $noaberkracht-color-blue-22;
-$utrecht-breadcrumb-link-current-color: $noaberkracht-color-blue-22;
-$utrecht-breadcrumb-link-color: $noaberkracht-color-yellow-47;
+$utrecht-breadcrumb-nav-separator-icon-size: $noaberkracht-font-size-sm;
+$utrecht-breadcrumb-nav-separator-color: $noaberkracht-color-yellow-47;
+$utrecht-breadcrumb-nav-link-hover-color: $noaberkracht-color-yellow-47;
+$utrecht-breadcrumb-nav-link-disabled-color: $noaberkracht-color-blue-22;
+$utrecht-breadcrumb-nav-link-current-color: $noaberkracht-color-blue-22;
+$utrecht-breadcrumb-nav-link-color: $noaberkracht-color-yellow-47;
 $utrecht-blockquote-content-font-size: $noaberkracht-font-size-md;
 $utrecht-blockquote-content-color: $noaberkracht-color-black-0;
 $utrecht-blockquote-margin-inline-end: $noaberkracht-size-xl;
@@ -404,5 +439,5 @@ $utrecht-table-header-cell-font-size: $utrecht-document-font-size;
 $utrecht-table-font-size: $utrecht-document-font-size;
 $utrecht-table-font-family: $utrecht-document-font-family;
 $utrecht-table-header-color: $utrecht-document-color;
-$utrecht-breadcrumb-font-family: $utrecht-document-font-family;
+$utrecht-breadcrumb-nav-font-family: $utrecht-document-font-family;
 $utrecht-badge-counter-font-size: $utrecht-document-font-size;