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/dinkelland-design-tokens/dist/index.less CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 03 Oct 2023 13:22:22 GMT
+// Generated on Wed, 04 Oct 2023 14:27:05 GMT
 @conduction-tabs-scroll-button-border-style: solid;
 @conduction-tabs-tab-panel-border-top: 0;
@@ -42,6 +42,20 @@
 @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-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-current-background-color: unset;
 @conduction-card-wrapper-border-radius: 0px;
 @conduction-card-wrapper-border-width: unset;
 @utrecht-separator-margin-block-start: 0px;
@@ -84,10 +98,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-breadcrumb-nav-padding-block-end: 15px;
+@utrecht-breadcrumb-nav-padding-block-start: 15px;
+@utrecht-breadcrumb-nav-padding-inline-end: 7.5px;
+@utrecht-breadcrumb-nav-padding-inline-start: 7.5px;
 @utrecht-badge-counter-text-decoration: none;
 @utrecht-badge-counter-border-radius: 50%;
 @utrecht-action-submit-cursor: pointer;
@@ -205,6 +219,12 @@
 @conduction-pagination-item-font-weight: @dinkelland-typography-font-weight-normal;
 @conduction-pagination-item-color: @dinkelland-color-white-100;
 @conduction-pagination-item-gap: @dinkelland-size-2xs;
+@conduction-secondary-top-nav-font-size: @dinkelland-font-size-md;
+@conduction-secondary-top-nav-hover-background-color: @dinkelland-color-white-100;
+@conduction-secondary-top-nav-color: @dinkelland-color-black-20;
+@conduction-primary-top-nav-hover-background-color: @dinkelland-color-white-100;
+@conduction-primary-top-nav-background-color: @dinkelland-color-white-100;
+@conduction-primary-top-nav-color: @dinkelland-color-black-20;
 @conduction-card-wrapper-padding-block-start: @dinkelland-size-xl;
 @conduction-card-wrapper-padding-block-end: @dinkelland-size-xl;
 @conduction-card-wrapper-padding-inline-start: @dinkelland-size-xl;
@@ -355,14 +375,14 @@
 @utrecht-button-border-width: @dinkelland-size-3xs;
 @utrecht-button-border-color: @dinkelland-color-blue-36;
 @utrecht-button-background-color: @dinkelland-color-blue-36;
-@utrecht-breadcrumb-background-color: @dinkelland-color-green-24;
-@utrecht-breadcrumb-separator-icon-size: @dinkelland-font-size-xs;
-@utrecht-breadcrumb-separator-icon-color: @dinkelland-color-white-100;
-@utrecht-breadcrumb-link-hover-color: @dinkelland-color-white-100;
-@utrecht-breadcrumb-link-disabled-color: @dinkelland-color-white-100;
-@utrecht-breadcrumb-link-current-color: @dinkelland-color-white-100;
-@utrecht-breadcrumb-link-color: @dinkelland-color-white-100;
-@utrecht-breadcrumb-font-size: @dinkelland-font-size-xs;
+@utrecht-breadcrumb-nav-background-color: @dinkelland-color-green-24;
+@utrecht-breadcrumb-nav-separator-icon-size: @dinkelland-font-size-xs;
+@utrecht-breadcrumb-nav-separator-color: @dinkelland-color-white-100;
+@utrecht-breadcrumb-nav-link-hover-color: @dinkelland-color-white-100;
+@utrecht-breadcrumb-nav-link-disabled-color: @dinkelland-color-white-100;
+@utrecht-breadcrumb-nav-link-current-color: @dinkelland-color-white-100;
+@utrecht-breadcrumb-nav-link-color: @dinkelland-color-white-100;
+@utrecht-breadcrumb-nav-font-size: @dinkelland-font-size-xs;
 @utrecht-blockquote-content-font-size: @dinkelland-font-size-md;
 @utrecht-blockquote-margin-inline-end: @dinkelland-size-xl;
 @utrecht-blockquote-margin-inline-start: @dinkelland-size-xl;
@@ -423,6 +443,13 @@
 @conduction-pagination-current-page-color: @dinkelland-color-primary;
 @conduction-pagination-item-font-family: @utrecht-document-font-family;
 @conduction-pagination-item-background-color: @dinkelland-color-primary;
+@conduction-secondary-top-nav-current-box-shadow: inset 0 -4px @dinkelland-color-primary;
+@conduction-secondary-top-nav-current-color: @dinkelland-color-primary;
+@conduction-secondary-top-nav-hover-color: @dinkelland-color-primary;
+@conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 @dinkelland-color-primary;
+@conduction-primary-top-nav-current-box-shadow: inset 0 -4px @dinkelland-color-primary;
+@conduction-primary-top-nav-current-color: @dinkelland-color-primary;
+@conduction-primary-top-nav-hover-color: @dinkelland-color-primary;
 @conduction-card-wrapper-color: @utrecht-document-color;
 @conduction-card-header-color: @utrecht-document-color;
 @utrecht-paragraph-color: @utrecht-document-color;
@@ -445,7 +472,7 @@
 @utrecht-button-secondary-action-hover-border-color: @dinkelland-color-primary-hover;
 @utrecht-button-secondary-action-color: @dinkelland-color-primary;
 @utrecht-button-secondary-action-border-color: @dinkelland-color-primary;
-@utrecht-breadcrumb-font-family: @utrecht-document-font-family;
+@utrecht-breadcrumb-nav-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/dinkelland-design-tokens/dist/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 03 Oct 2023 13:22:22 GMT
+// Generated on Wed, 04 Oct 2023 14:27:05 GMT
 $conduction-tabs-scroll-button-border-style: solid;
 $conduction-tabs-tab-panel-border-top: 0;
@@ -42,6 +42,20 @@ $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-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-current-background-color: unset;
 $conduction-card-wrapper-border-radius: 0px;
 $conduction-card-wrapper-border-width: unset;
 $utrecht-separator-margin-block-start: 0px;
@@ -84,10 +98,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-breadcrumb-nav-padding-block-end: 15px;
+$utrecht-breadcrumb-nav-padding-block-start: 15px;
+$utrecht-breadcrumb-nav-padding-inline-end: 7.5px;
+$utrecht-breadcrumb-nav-padding-inline-start: 7.5px;
 $utrecht-badge-counter-text-decoration: none;
 $utrecht-badge-counter-border-radius: 50%;
 $utrecht-action-submit-cursor: pointer;
@@ -205,6 +219,12 @@ $conduction-pagination-navigation-button-padding-inline-start: $dinkelland-size-
 $conduction-pagination-item-font-weight: $dinkelland-typography-font-weight-normal;
 $conduction-pagination-item-color: $dinkelland-color-white-100;
 $conduction-pagination-item-gap: $dinkelland-size-2xs;
+$conduction-secondary-top-nav-font-size: $dinkelland-font-size-md;
+$conduction-secondary-top-nav-hover-background-color: $dinkelland-color-white-100;
+$conduction-secondary-top-nav-color: $dinkelland-color-black-20;
+$conduction-primary-top-nav-hover-background-color: $dinkelland-color-white-100;
+$conduction-primary-top-nav-background-color: $dinkelland-color-white-100;
+$conduction-primary-top-nav-color: $dinkelland-color-black-20;
 $conduction-card-wrapper-padding-block-start: $dinkelland-size-xl;
 $conduction-card-wrapper-padding-block-end: $dinkelland-size-xl;
 $conduction-card-wrapper-padding-inline-start: $dinkelland-size-xl;
@@ -355,14 +375,14 @@ $utrecht-button-color: $dinkelland-color-white-100;
 $utrecht-button-border-width: $dinkelland-size-3xs;
 $utrecht-button-border-color: $dinkelland-color-blue-36;
 $utrecht-button-background-color: $dinkelland-color-blue-36;
-$utrecht-breadcrumb-background-color: $dinkelland-color-green-24;
-$utrecht-breadcrumb-separator-icon-size: $dinkelland-font-size-xs;
-$utrecht-breadcrumb-separator-icon-color: $dinkelland-color-white-100;
-$utrecht-breadcrumb-link-hover-color: $dinkelland-color-white-100;
-$utrecht-breadcrumb-link-disabled-color: $dinkelland-color-white-100;
-$utrecht-breadcrumb-link-current-color: $dinkelland-color-white-100;
-$utrecht-breadcrumb-link-color: $dinkelland-color-white-100;
-$utrecht-breadcrumb-font-size: $dinkelland-font-size-xs;
+$utrecht-breadcrumb-nav-background-color: $dinkelland-color-green-24;
+$utrecht-breadcrumb-nav-separator-icon-size: $dinkelland-font-size-xs;
+$utrecht-breadcrumb-nav-separator-color: $dinkelland-color-white-100;
+$utrecht-breadcrumb-nav-link-hover-color: $dinkelland-color-white-100;
+$utrecht-breadcrumb-nav-link-disabled-color: $dinkelland-color-white-100;
+$utrecht-breadcrumb-nav-link-current-color: $dinkelland-color-white-100;
+$utrecht-breadcrumb-nav-link-color: $dinkelland-color-white-100;
+$utrecht-breadcrumb-nav-font-size: $dinkelland-font-size-xs;
 $utrecht-blockquote-content-font-size: $dinkelland-font-size-md;
 $utrecht-blockquote-margin-inline-end: $dinkelland-size-xl;
 $utrecht-blockquote-margin-inline-start: $dinkelland-size-xl;
@@ -423,6 +443,13 @@ $conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-colo
 $conduction-pagination-current-page-color: $dinkelland-color-primary;
 $conduction-pagination-item-font-family: $utrecht-document-font-family;
 $conduction-pagination-item-background-color: $dinkelland-color-primary;
+$conduction-secondary-top-nav-current-box-shadow: inset 0 -4px $dinkelland-color-primary;
+$conduction-secondary-top-nav-current-color: $dinkelland-color-primary;
+$conduction-secondary-top-nav-hover-color: $dinkelland-color-primary;
+$conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 $dinkelland-color-primary;
+$conduction-primary-top-nav-current-box-shadow: inset 0 -4px $dinkelland-color-primary;
+$conduction-primary-top-nav-current-color: $dinkelland-color-primary;
+$conduction-primary-top-nav-hover-color: $dinkelland-color-primary;
 $conduction-card-wrapper-color: $utrecht-document-color;
 $conduction-card-header-color: $utrecht-document-color;
 $utrecht-paragraph-color: $utrecht-document-color;
@@ -445,7 +472,7 @@ $utrecht-button-secondary-action-hover-color: $dinkelland-color-primary-hover;
 $utrecht-button-secondary-action-hover-border-color: $dinkelland-color-primary-hover;
 $utrecht-button-secondary-action-color: $dinkelland-color-primary;
 $utrecht-button-secondary-action-border-color: $dinkelland-color-primary;
-$utrecht-breadcrumb-font-family: $utrecht-document-font-family;
+$utrecht-breadcrumb-nav-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;