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

@conduction/theme 1.0.42 → 1.0.44

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

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 03 Oct 2023 13:22:24 GMT
+// Generated on Fri, 06 Oct 2023 12:30:05 GMT
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -24,6 +24,22 @@
 @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-hover-box-shadow: none;
+@conduction-primary-top-nav-current-background-color: unset;
 @conduction-card-wrapper-border-radius: 5px;
 @conduction-card-wrapper-border-width: unset;
 @utrecht-separator-margin-block-start: 0px;
@@ -57,10 +73,10 @@
 @utrecht-button-font-weight: 500;
 @utrecht-button-font-size: inherit;
 @utrecht-button-border-radius: 5px;
-@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;
@@ -94,6 +110,7 @@
 @noordwijk-font-size-2xs: 10px;
 @noordwijk-font-size-3xs: 8px;
 @noordwijk-font-size-4xs: 5px;
+@noordwijk-color-black-15: #212529;
 @noordwijk-color-black-0: #000000; // Base/Black
 @noordwijk-color-white-100: #ffffff; // Base/White
 @noordwijk-color-white-98: #fafafa;
@@ -174,6 +191,22 @@
 @conduction-pagination-item-background-color: @noordwijk-color-white-100;
 @conduction-pagination-item-color: @noordwijk-color-black-0;
 @conduction-pagination-item-gap: @noordwijk-size-xs;
+@conduction-secondary-top-nav-font-size: @noordwijk-font-size-md;
+@conduction-secondary-top-nav-current-color: @noordwijk-color-blue-30;
+@conduction-secondary-top-nav-hover-color: @noordwijk-color-black-15;
+@conduction-secondary-top-nav-color: @noordwijk-color-blue-30;
+@conduction-primary-top-nav-dropdown-hover-background-color: @noordwijk-color-light-blue-96;
+@conduction-primary-top-nav-dropdown-hover-color: @noordwijk-color-black-15;
+@conduction-primary-top-nav-dropdown-background-color: @noordwijk-color-white-100;
+@conduction-primary-top-nav-dropdown-color: @noordwijk-color-black-15;
+@conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 @noordwijk-color-light-blue-58;
+@conduction-primary-top-nav-current-box-shadow: inset 0 -4px @noordwijk-color-light-blue-58;
+@conduction-primary-top-nav-current-color: @noordwijk-color-blue-30;
+@conduction-primary-top-nav-hover-box-shadow: inset 0 -4px @noordwijk-color-light-blue-58;
+@conduction-primary-top-nav-hover-background-color: @noordwijk-color-white-100;
+@conduction-primary-top-nav-hover-color: @noordwijk-color-blue-30;
+@conduction-primary-top-nav-background-color: @noordwijk-color-white-100;
+@conduction-primary-top-nav-color: @noordwijk-color-blue-30;
 @conduction-card-wrapper-padding-block-start: @noordwijk-size-md;
 @conduction-card-wrapper-padding-block-end: @noordwijk-size-md;
 @conduction-card-wrapper-padding-inline-start: @noordwijk-size-md;
@@ -244,6 +277,7 @@
 @utrecht-table-cell-padding-block-end: @noordwijk-size-md;
 @utrecht-table-header-cell-font-weight: @noordwijk-typography-font-weight-bold;
 @utrecht-table-margin-block-start: @noordwijk-size-md;
+@utrecht-table-row-hover-background-color: @noordwijk-color-white-98;
 @utrecht-table-header-font-weight: @noordwijk-typography-font-weight-bold;
 @utrecht-table-background-color: @noordwijk-color-white-100;
 @utrecht-page-header-padding-block-end: @noordwijk-size-sm;
@@ -306,15 +340,15 @@
 @utrecht-button-border-width: @noordwijk-size-3xs;
 @utrecht-button-border-color: @noordwijk-color-light-blue-58;
 @utrecht-button-background-color: @noordwijk-color-light-blue-58;
-@utrecht-breadcrumb-background-color: @noordwijk-color-light-blue-46;
-@utrecht-breadcrumb-separator-icon-size: @noordwijk-font-size-sm;
-@utrecht-breadcrumb-separator-icon-color: @noordwijk-color-white-100;
-@utrecht-breadcrumb-link-hover-color: @noordwijk-color-white-100;
-@utrecht-breadcrumb-link-disabled-color: @noordwijk-color-white-100;
-@utrecht-breadcrumb-link-current-color: @noordwijk-color-white-100;
-@utrecht-breadcrumb-link-color: @noordwijk-color-white-100;
-@utrecht-breadcrumb-font-size: @noordwijk-font-size-sm;
-@utrecht-breadcrumb-font-family: @noordwijk-typography-roboto-slab-font-family;
+@utrecht-breadcrumb-nav-background-color: @noordwijk-color-light-blue-46;
+@utrecht-breadcrumb-nav-separator-icon-size: @noordwijk-font-size-sm;
+@utrecht-breadcrumb-nav-separator-color: @noordwijk-color-white-100;
+@utrecht-breadcrumb-nav-link-hover-color: @noordwijk-color-white-100;
+@utrecht-breadcrumb-nav-link-disabled-color: @noordwijk-color-white-100;
+@utrecht-breadcrumb-nav-link-current-color: @noordwijk-color-white-100;
+@utrecht-breadcrumb-nav-link-color: @noordwijk-color-white-100;
+@utrecht-breadcrumb-nav-font-size: @noordwijk-font-size-sm;
+@utrecht-breadcrumb-nav-font-family: @noordwijk-typography-roboto-slab-font-family;
 @utrecht-blockquote-content-font-size: @noordwijk-font-size-md;
 @utrecht-blockquote-content-color: @noordwijk-color-black-0;
 @utrecht-blockquote-margin-inline-end: @noordwijk-size-xl;
@@ -379,6 +413,7 @@
 @conduction-pagination-page-hover-background-color: @noordwijk-color-primary;
 @conduction-pagination-current-page-background-color: @noordwijk-color-primary;
 @conduction-pagination-item-font-size: @utrecht-document-font-size;
+@conduction-secondary-top-nav-current-box-shadow: inset 0 -4px @noordwijk-color-primary;
 @conduction-card-header-title-color: @noordwijk-color-primary;
 @conduction-card-header-color: @utrecht-document-color;
 @utrecht-paragraph-color: @utrecht-document-color;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 03 Oct 2023 13:22:24 GMT
+// Generated on Fri, 06 Oct 2023 12:30:05 GMT
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -24,6 +24,22 @@ $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-hover-box-shadow: none;
+$conduction-primary-top-nav-current-background-color: unset;
 $conduction-card-wrapper-border-radius: 5px;
 $conduction-card-wrapper-border-width: unset;
 $utrecht-separator-margin-block-start: 0px;
@@ -57,10 +73,10 @@ $utrecht-button-primary-action-font-weight: inherit;
 $utrecht-button-font-weight: 500;
 $utrecht-button-font-size: inherit;
 $utrecht-button-border-radius: 5px;
-$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;
@@ -94,6 +110,7 @@ $noordwijk-font-size-xs: 12px;
 $noordwijk-font-size-2xs: 10px;
 $noordwijk-font-size-3xs: 8px;
 $noordwijk-font-size-4xs: 5px;
+$noordwijk-color-black-15: #212529;
 $noordwijk-color-black-0: #000000; // Base/Black
 $noordwijk-color-white-100: #ffffff; // Base/White
 $noordwijk-color-white-98: #fafafa;
@@ -174,6 +191,22 @@ $conduction-pagination-item-padding-inline-start: $noordwijk-size-sm;
 $conduction-pagination-item-background-color: $noordwijk-color-white-100;
 $conduction-pagination-item-color: $noordwijk-color-black-0;
 $conduction-pagination-item-gap: $noordwijk-size-xs;
+$conduction-secondary-top-nav-font-size: $noordwijk-font-size-md;
+$conduction-secondary-top-nav-current-color: $noordwijk-color-blue-30;
+$conduction-secondary-top-nav-hover-color: $noordwijk-color-black-15;
+$conduction-secondary-top-nav-color: $noordwijk-color-blue-30;
+$conduction-primary-top-nav-dropdown-hover-background-color: $noordwijk-color-light-blue-96;
+$conduction-primary-top-nav-dropdown-hover-color: $noordwijk-color-black-15;
+$conduction-primary-top-nav-dropdown-background-color: $noordwijk-color-white-100;
+$conduction-primary-top-nav-dropdown-color: $noordwijk-color-black-15;
+$conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 $noordwijk-color-light-blue-58;
+$conduction-primary-top-nav-current-box-shadow: inset 0 -4px $noordwijk-color-light-blue-58;
+$conduction-primary-top-nav-current-color: $noordwijk-color-blue-30;
+$conduction-primary-top-nav-hover-box-shadow: inset 0 -4px $noordwijk-color-light-blue-58;
+$conduction-primary-top-nav-hover-background-color: $noordwijk-color-white-100;
+$conduction-primary-top-nav-hover-color: $noordwijk-color-blue-30;
+$conduction-primary-top-nav-background-color: $noordwijk-color-white-100;
+$conduction-primary-top-nav-color: $noordwijk-color-blue-30;
 $conduction-card-wrapper-padding-block-start: $noordwijk-size-md;
 $conduction-card-wrapper-padding-block-end: $noordwijk-size-md;
 $conduction-card-wrapper-padding-inline-start: $noordwijk-size-md;
@@ -244,6 +277,7 @@ $utrecht-table-cell-padding-block-start: $noordwijk-size-md;
 $utrecht-table-cell-padding-block-end: $noordwijk-size-md;
 $utrecht-table-header-cell-font-weight: $noordwijk-typography-font-weight-bold;
 $utrecht-table-margin-block-start: $noordwijk-size-md;
+$utrecht-table-row-hover-background-color: $noordwijk-color-white-98;
 $utrecht-table-header-font-weight: $noordwijk-typography-font-weight-bold;
 $utrecht-table-background-color: $noordwijk-color-white-100;
 $utrecht-page-header-padding-block-end: $noordwijk-size-sm;
@@ -306,15 +340,15 @@ $utrecht-button-color: $noordwijk-color-white-100;
 $utrecht-button-border-width: $noordwijk-size-3xs;
 $utrecht-button-border-color: $noordwijk-color-light-blue-58;
 $utrecht-button-background-color: $noordwijk-color-light-blue-58;
-$utrecht-breadcrumb-background-color: $noordwijk-color-light-blue-46;
-$utrecht-breadcrumb-separator-icon-size: $noordwijk-font-size-sm;
-$utrecht-breadcrumb-separator-icon-color: $noordwijk-color-white-100;
-$utrecht-breadcrumb-link-hover-color: $noordwijk-color-white-100;
-$utrecht-breadcrumb-link-disabled-color: $noordwijk-color-white-100;
-$utrecht-breadcrumb-link-current-color: $noordwijk-color-white-100;
-$utrecht-breadcrumb-link-color: $noordwijk-color-white-100;
-$utrecht-breadcrumb-font-size: $noordwijk-font-size-sm;
-$utrecht-breadcrumb-font-family: $noordwijk-typography-roboto-slab-font-family;
+$utrecht-breadcrumb-nav-background-color: $noordwijk-color-light-blue-46;
+$utrecht-breadcrumb-nav-separator-icon-size: $noordwijk-font-size-sm;
+$utrecht-breadcrumb-nav-separator-color: $noordwijk-color-white-100;
+$utrecht-breadcrumb-nav-link-hover-color: $noordwijk-color-white-100;
+$utrecht-breadcrumb-nav-link-disabled-color: $noordwijk-color-white-100;
+$utrecht-breadcrumb-nav-link-current-color: $noordwijk-color-white-100;
+$utrecht-breadcrumb-nav-link-color: $noordwijk-color-white-100;
+$utrecht-breadcrumb-nav-font-size: $noordwijk-font-size-sm;
+$utrecht-breadcrumb-nav-font-family: $noordwijk-typography-roboto-slab-font-family;
 $utrecht-blockquote-content-font-size: $noordwijk-font-size-md;
 $utrecht-blockquote-content-color: $noordwijk-color-black-0;
 $utrecht-blockquote-margin-inline-end: $noordwijk-size-xl;
@@ -379,6 +413,7 @@ $conduction-input-select-list-option-hover-color: $noordwijk-color-primary;
 $conduction-pagination-page-hover-background-color: $noordwijk-color-primary;
 $conduction-pagination-current-page-background-color: $noordwijk-color-primary;
 $conduction-pagination-item-font-size: $utrecht-document-font-size;
+$conduction-secondary-top-nav-current-box-shadow: inset 0 -4px $noordwijk-color-primary;
 $conduction-card-header-title-color: $noordwijk-color-primary;
 $conduction-card-header-color: $utrecht-document-color;
 $utrecht-paragraph-color: $utrecht-document-color;