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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 03 Oct 2023 13:22:23 GMT
+// Generated on Wed, 04 Oct 2023 14:27:14 GMT
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -25,8 +25,23 @@
 @conduction-pagination-container-padding-block-start: 10px;
 @conduction-pagination-container-padding-inline-end: 10px;
 @conduction-pagination-container-padding-inline-start: 10px;
+@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-header-hover-border-bottom-style: solid;
+@conduction-card-header-hover-border-bottom-width: 1.6px;
 @conduction-card-header-border-bottom-style: solid;
 @utrecht-separator-margin-block-start: 0px;
 @utrecht-separator-margin-block-end: 0px;
@@ -79,12 +94,12 @@
 @utrecht-button-font-weight: 500;
 @utrecht-button-font-size: inherit;
 @utrecht-button-border-width: 3px;
-@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-separator-icon-size: 13px;
-@utrecht-breadcrumb-font-size: 16px;
+@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-breadcrumb-nav-separator-icon-size: 13px;
+@utrecht-breadcrumb-nav-font-size: 16px;
 @utrecht-badge-counter-text-decoration: none;
 @utrecht-badge-counter-border-radius: 50%;
 @utrecht-action-submit-cursor: pointer;
@@ -188,6 +203,12 @@
 @conduction-pagination-item-color: @epe-color-blue-31;
 @conduction-pagination-item-gap: @epe-size-2xs;
 @conduction-pagination-container-background-color: @epe-color-grey-90;
+@conduction-secondary-top-nav-font-size: @epe-font-size-md;
+@conduction-secondary-top-nav-hover-background-color: @epe-color-grey-90;
+@conduction-secondary-top-nav-color: @epe-color-black-19;
+@conduction-primary-top-nav-hover-background-color: @epe-color-white-100;
+@conduction-primary-top-nav-background-color: @epe-color-white-100;
+@conduction-primary-top-nav-color: @epe-color-black-19;
 @conduction-card-wrapper-padding-block-start: @epe-size-md;
 @conduction-card-wrapper-padding-block-end: @epe-size-md;
 @conduction-card-wrapper-padding-inline-start: @epe-size-md;
@@ -199,7 +220,6 @@
 @conduction-card-header-date-font-size: @epe-font-size-sm;
 @conduction-card-header-title-color: @epe-color-blue-31;
 @conduction-card-header-hover-border-bottom-color: @epe-color-blue-31;
-@conduction-card-header-hover-border-bottom-width: @epe-size-4xs;
 @conduction-card-header-border-bottom-color: @epe-color-yellow-42;
 @conduction-card-header-border-bottom-width: @epe-size-4xs;
 @utrecht-surface-background-color: @epe-color-white-100;
@@ -336,12 +356,12 @@
 @utrecht-button-border-radius: @epe-size-2xs;
 @utrecht-button-border-color: @epe-color-blue-31;
 @utrecht-button-background-color: @epe-color-blue-31;
-@utrecht-breadcrumb-background-color: @epe-color-blue-31;
-@utrecht-breadcrumb-separator-icon-color: @epe-color-white-100;
-@utrecht-breadcrumb-link-hover-color: @epe-color-white-100;
-@utrecht-breadcrumb-link-disabled-color: @epe-color-white-100;
-@utrecht-breadcrumb-link-current-color: @epe-color-white-100;
-@utrecht-breadcrumb-link-color: @epe-color-white-100;
+@utrecht-breadcrumb-nav-background-color: @epe-color-blue-31;
+@utrecht-breadcrumb-nav-separator-color: @epe-color-white-100;
+@utrecht-breadcrumb-nav-link-hover-color: @epe-color-white-100;
+@utrecht-breadcrumb-nav-link-disabled-color: @epe-color-white-100;
+@utrecht-breadcrumb-nav-link-current-color: @epe-color-white-100;
+@utrecht-breadcrumb-nav-link-color: @epe-color-white-100;
 @utrecht-blockquote-content-font-size: @epe-font-size-md;
 @utrecht-blockquote-content-color: @epe-color-black-19;
 @utrecht-blockquote-margin-inline-end: @epe-size-xl;
@@ -405,6 +425,13 @@
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
 @conduction-pagination-item-font-family: @utrecht-document-font-family;
 @conduction-pagination-item-font-size: @utrecht-document-font-size;
+@conduction-secondary-top-nav-current-box-shadow: inset 0 -4px @epe-color-primary;
+@conduction-secondary-top-nav-current-color: @epe-color-primary;
+@conduction-secondary-top-nav-hover-color: @epe-color-primary;
+@conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 @epe-color-primary;
+@conduction-primary-top-nav-current-box-shadow: inset 0 -4px @epe-color-primary;
+@conduction-primary-top-nav-current-color: @epe-color-primary;
+@conduction-primary-top-nav-hover-color: @epe-color-primary;
 @conduction-card-wrapper-color: @utrecht-document-color;
 @conduction-card-header-date-color: @utrecht-document-color;
 @conduction-card-header-color: @utrecht-document-color;
@@ -418,7 +445,7 @@
 @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-family: @utrecht-document-font-family;
 @utrecht-badge-counter-font-size: @utrecht-document-font-size;
 @utrecht-badge-counter-background-color: @epe-color-primary;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 03 Oct 2023 13:22:23 GMT
+// Generated on Wed, 04 Oct 2023 14:27:14 GMT
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -25,8 +25,23 @@ $conduction-pagination-container-padding-block-end: 10px;
 $conduction-pagination-container-padding-block-start: 10px;
 $conduction-pagination-container-padding-inline-end: 10px;
 $conduction-pagination-container-padding-inline-start: 10px;
+$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-header-hover-border-bottom-style: solid;
+$conduction-card-header-hover-border-bottom-width: 1.6px;
 $conduction-card-header-border-bottom-style: solid;
 $utrecht-separator-margin-block-start: 0px;
 $utrecht-separator-margin-block-end: 0px;
@@ -79,12 +94,12 @@ $utrecht-button-primary-action-font-weight: 500;
 $utrecht-button-font-weight: 500;
 $utrecht-button-font-size: inherit;
 $utrecht-button-border-width: 3px;
-$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-separator-icon-size: 13px;
-$utrecht-breadcrumb-font-size: 16px;
+$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-breadcrumb-nav-separator-icon-size: 13px;
+$utrecht-breadcrumb-nav-font-size: 16px;
 $utrecht-badge-counter-text-decoration: none;
 $utrecht-badge-counter-border-radius: 50%;
 $utrecht-action-submit-cursor: pointer;
@@ -188,6 +203,12 @@ $conduction-pagination-item-background-color: $epe-color-white-98;
 $conduction-pagination-item-color: $epe-color-blue-31;
 $conduction-pagination-item-gap: $epe-size-2xs;
 $conduction-pagination-container-background-color: $epe-color-grey-90;
+$conduction-secondary-top-nav-font-size: $epe-font-size-md;
+$conduction-secondary-top-nav-hover-background-color: $epe-color-grey-90;
+$conduction-secondary-top-nav-color: $epe-color-black-19;
+$conduction-primary-top-nav-hover-background-color: $epe-color-white-100;
+$conduction-primary-top-nav-background-color: $epe-color-white-100;
+$conduction-primary-top-nav-color: $epe-color-black-19;
 $conduction-card-wrapper-padding-block-start: $epe-size-md;
 $conduction-card-wrapper-padding-block-end: $epe-size-md;
 $conduction-card-wrapper-padding-inline-start: $epe-size-md;
@@ -199,7 +220,6 @@ $conduction-card-header-date-font-weight: $epe-typography-font-weight-light;
 $conduction-card-header-date-font-size: $epe-font-size-sm;
 $conduction-card-header-title-color: $epe-color-blue-31;
 $conduction-card-header-hover-border-bottom-color: $epe-color-blue-31;
-$conduction-card-header-hover-border-bottom-width: $epe-size-4xs;
 $conduction-card-header-border-bottom-color: $epe-color-yellow-42;
 $conduction-card-header-border-bottom-width: $epe-size-4xs;
 $utrecht-surface-background-color: $epe-color-white-100;
@@ -336,12 +356,12 @@ $utrecht-button-color: $epe-color-white-100;
 $utrecht-button-border-radius: $epe-size-2xs;
 $utrecht-button-border-color: $epe-color-blue-31;
 $utrecht-button-background-color: $epe-color-blue-31;
-$utrecht-breadcrumb-background-color: $epe-color-blue-31;
-$utrecht-breadcrumb-separator-icon-color: $epe-color-white-100;
-$utrecht-breadcrumb-link-hover-color: $epe-color-white-100;
-$utrecht-breadcrumb-link-disabled-color: $epe-color-white-100;
-$utrecht-breadcrumb-link-current-color: $epe-color-white-100;
-$utrecht-breadcrumb-link-color: $epe-color-white-100;
+$utrecht-breadcrumb-nav-background-color: $epe-color-blue-31;
+$utrecht-breadcrumb-nav-separator-color: $epe-color-white-100;
+$utrecht-breadcrumb-nav-link-hover-color: $epe-color-white-100;
+$utrecht-breadcrumb-nav-link-disabled-color: $epe-color-white-100;
+$utrecht-breadcrumb-nav-link-current-color: $epe-color-white-100;
+$utrecht-breadcrumb-nav-link-color: $epe-color-white-100;
 $utrecht-blockquote-content-font-size: $epe-font-size-md;
 $utrecht-blockquote-content-color: $epe-color-black-19;
 $utrecht-blockquote-margin-inline-end: $epe-size-xl;
@@ -405,6 +425,13 @@ $conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-colo
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
 $conduction-pagination-item-font-family: $utrecht-document-font-family;
 $conduction-pagination-item-font-size: $utrecht-document-font-size;
+$conduction-secondary-top-nav-current-box-shadow: inset 0 -4px $epe-color-primary;
+$conduction-secondary-top-nav-current-color: $epe-color-primary;
+$conduction-secondary-top-nav-hover-color: $epe-color-primary;
+$conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 $epe-color-primary;
+$conduction-primary-top-nav-current-box-shadow: inset 0 -4px $epe-color-primary;
+$conduction-primary-top-nav-current-color: $epe-color-primary;
+$conduction-primary-top-nav-hover-color: $epe-color-primary;
 $conduction-card-wrapper-color: $utrecht-document-color;
 $conduction-card-header-date-color: $utrecht-document-color;
 $conduction-card-header-color: $utrecht-document-color;
@@ -418,7 +445,7 @@ $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-family: $utrecht-document-font-family;
 $utrecht-badge-counter-font-size: $utrecht-document-font-size;
 $utrecht-badge-counter-background-color: $epe-color-primary;