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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Wed, 13 Sep 2023 08:36:45 GMT
+// Generated on Thu, 28 Sep 2023 14:19:07 GMT
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -12,6 +12,7 @@
 @conduction-tabs-tab-max-width: unset;
 @conduction-tabs-tab-bottom: -2px;
 @conduction-tabs-tab-background-color: transparent;
+@conduction-table-wrapper-scroll-button-border-style: solid;
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
 @conduction-input-select-border-focus: unset;
@@ -53,6 +54,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-badge-counter-text-decoration: none;
 @utrecht-badge-counter-border-radius: 50%;
 @utrecht-action-submit-cursor: pointer;
@@ -107,6 +112,9 @@
 @noaberkracht-color-error: #dc3545;
 @noaberkracht-color-primary-hover: #2e5ed9;
 @noaberkracht-color-primary: #4376fc;
+@conduction-tabs-scroll-button-hover-color: @noaberkracht-color-yellow-47;
+@conduction-tabs-scroll-button-hover-background-color: @noaberkracht-color-white-100;
+@conduction-tabs-scroll-button-background-color: @noaberkracht-color-white-100;
 @conduction-tabs-tab-panel-padding-inline-end: @noaberkracht-size-lg;
 @conduction-tabs-tab-panel-padding-inline-start: @noaberkracht-size-lg;
 @conduction-tabs-tab-panel-padding-block-end: @noaberkracht-size-lg;
@@ -126,6 +134,13 @@
 @conduction-tabs-tab-padding-block-end: @noaberkracht-size-xs;
 @conduction-tabs-tab-padding-block-start: @noaberkracht-size-xs;
 @conduction-tabs-tab-color: @noaberkracht-color-blue-22;
+@conduction-table-wrapper-scroll-button-hover-color: @noaberkracht-color-yellow-47;
+@conduction-table-wrapper-scroll-button-hover-background-color: @noaberkracht-color-white-100;
+@conduction-table-wrapper-scroll-button-border-color: @noaberkracht-color-lightgrey-96;
+@conduction-table-wrapper-scroll-button-border-width: @noaberkracht-size-4xs;
+@conduction-table-wrapper-scroll-button-padding-inline-end: @noaberkracht-size-sm;
+@conduction-table-wrapper-scroll-button-padding-inline-start: @noaberkracht-size-sm;
+@conduction-table-wrapper-scroll-button-background-color: @noaberkracht-color-white-100;
 @conduction-input-select-placeholder-font-family: @noaberkracht-typography-greycliff-cf-font-family;
 @conduction-input-select-list-option-hover-font-family: @noaberkracht-typography-greycliff-cf-font-family;
 @conduction-input-select-list-option-font-family: @noaberkracht-typography-greycliff-cf-font-family;
@@ -163,7 +178,7 @@
 @conduction-card-header-date-font-size: @noaberkracht-font-size-xs;
 @conduction-card-header-date-color: @noaberkracht-color-blue-22;
 @conduction-card-header-title-color: @noaberkracht-color-blue-22;
-@utrecht-surface-background-color: @noaberkracht-color-white-98;
+@utrecht-surface-background-color: @noaberkracht-color-white-100;
 @utrecht-paragraph-font-weight: @noaberkracht-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @noaberkracht-font-size-sm;
 @utrecht-paragraph-font-family: @noaberkracht-typography-greycliff-cf-font-family;
@@ -216,8 +231,6 @@
 @utrecht-heading-1-font-size: @noaberkracht-font-size-2xl;
 @utrecht-heading-1-font-family: @noaberkracht-typography-oceanwide-font-family;
 @utrecht-heading-1-color: @noaberkracht-color-blue-22;
-@utrecht-textbox-focus-background-color: @noaberkracht-color-white-100;
-@utrecht-textbox-placeholder-color: @noaberkracht-color-blue-22;
 @utrecht-textbox-padding-inline-start: @noaberkracht-size-md;
 @utrecht-textbox-padding-inline-end: @noaberkracht-size-md;
 @utrecht-textbox-padding-block-start: @noaberkracht-size-xs;
@@ -226,6 +239,8 @@
 @utrecht-textbox-color: @noaberkracht-color-blue-22;
 @utrecht-textbox-border-width: @noaberkracht-size-4xs;
 @utrecht-textbox-border-color: @noaberkracht-color-blue-22;
+@utrecht-textbox-focus-background-color: @noaberkracht-color-white-100;
+@utrecht-textbox-placeholder-color: @noaberkracht-color-blue-22;
 @utrecht-textbox-background-color: @noaberkracht-color-white-100;
 @utrecht-table-cell-padding-inline-start: @noaberkracht-size-md;
 @utrecht-table-cell-padding-inline-end: @noaberkracht-size-md;
@@ -238,6 +253,7 @@
 @utrecht-table-row-border-block-end-width: @noaberkracht-size-4xs;
 @utrecht-table-row-border-block-end-color: @noaberkracht-color-lightgrey-96;
 @utrecht-table-header-font-weight: @noaberkracht-typography-font-weight-bold;
+@utrecht-table-background-color: @noaberkracht-color-white-100;
 @utrecht-page-header-padding-block-end: @noaberkracht-size-sm;
 @utrecht-page-header-padding-block-start: @noaberkracht-size-sm;
 @utrecht-page-header-color: @noaberkracht-color-white-100;
@@ -249,8 +265,6 @@
 @utrecht-page-footer-color: @noaberkracht-color-white-100;
 @utrecht-page-footer-background-color: @noaberkracht-color-yellow-47;
 @utrecht-icon-gap: @noaberkracht-size-xs;
-@utrecht-form-input-focus-background-color: @noaberkracht-color-white-100;
-@utrecht-form-input-placeholder-color: @noaberkracht-color-blue-22;
 @utrecht-form-input-padding-inline-start: @noaberkracht-size-md;
 @utrecht-form-input-padding-inline-end: @noaberkracht-size-md;
 @utrecht-form-input-padding-block-start: @noaberkracht-size-xs;
@@ -259,6 +273,8 @@
 @utrecht-form-input-color: @noaberkracht-color-blue-22;
 @utrecht-form-input-border-width: @noaberkracht-size-4xs;
 @utrecht-form-input-border-color: @noaberkracht-color-blue-22;
+@utrecht-form-input-focus-background-color: @noaberkracht-color-white-100;
+@utrecht-form-input-placeholder-color: @noaberkracht-color-blue-22;
 @utrecht-form-input-background-color: @noaberkracht-color-white-100;
 @utrecht-document-font-size: @noaberkracht-font-size-sm;
 @utrecht-document-font-family: @noaberkracht-typography-greycliff-cf-font-family;
@@ -306,6 +322,13 @@
 @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-blockquote-content-font-size: @noaberkracht-font-size-md;
 @utrecht-blockquote-content-color: @noaberkracht-color-black-0;
 @utrecht-blockquote-margin-inline-end: @noaberkracht-size-xl;
@@ -363,6 +386,8 @@
 @noaberkracht-typography-scale-3xs: @noaberkracht-font-size-3xs;
 @noaberkracht-typography-scale-4xs: @noaberkracht-font-size-4xs;
 @noaberkracht-color-info: @noaberkracht-color-primary;
+@conduction-tabs-scroll-button-color: @utrecht-document-color;
+@conduction-table-wrapper-scroll-button-color: @utrecht-document-color;
 @conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
 @conduction-pagination-item-font-family: @utrecht-document-font-family;
 @conduction-pagination-item-font-size: @utrecht-document-font-size;
@@ -375,4 +400,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-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 Wed, 13 Sep 2023 08:36:45 GMT
+// Generated on Thu, 28 Sep 2023 14:19:07 GMT
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -12,6 +12,7 @@ $conduction-tabs-tab-min-width: 160px;
 $conduction-tabs-tab-max-width: unset;
 $conduction-tabs-tab-bottom: -2px;
 $conduction-tabs-tab-background-color: transparent;
+$conduction-table-wrapper-scroll-button-border-style: solid;
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
 $conduction-input-select-border-focus: unset;
@@ -53,6 +54,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-badge-counter-text-decoration: none;
 $utrecht-badge-counter-border-radius: 50%;
 $utrecht-action-submit-cursor: pointer;
@@ -107,6 +112,9 @@ $noaberkracht-color-alert-error: #721c24;
 $noaberkracht-color-error: #dc3545;
 $noaberkracht-color-primary-hover: #2e5ed9;
 $noaberkracht-color-primary: #4376fc;
+$conduction-tabs-scroll-button-hover-color: $noaberkracht-color-yellow-47;
+$conduction-tabs-scroll-button-hover-background-color: $noaberkracht-color-white-100;
+$conduction-tabs-scroll-button-background-color: $noaberkracht-color-white-100;
 $conduction-tabs-tab-panel-padding-inline-end: $noaberkracht-size-lg;
 $conduction-tabs-tab-panel-padding-inline-start: $noaberkracht-size-lg;
 $conduction-tabs-tab-panel-padding-block-end: $noaberkracht-size-lg;
@@ -126,6 +134,13 @@ $conduction-tabs-tab-padding-inline-start: $noaberkracht-size-sm;
 $conduction-tabs-tab-padding-block-end: $noaberkracht-size-xs;
 $conduction-tabs-tab-padding-block-start: $noaberkracht-size-xs;
 $conduction-tabs-tab-color: $noaberkracht-color-blue-22;
+$conduction-table-wrapper-scroll-button-hover-color: $noaberkracht-color-yellow-47;
+$conduction-table-wrapper-scroll-button-hover-background-color: $noaberkracht-color-white-100;
+$conduction-table-wrapper-scroll-button-border-color: $noaberkracht-color-lightgrey-96;
+$conduction-table-wrapper-scroll-button-border-width: $noaberkracht-size-4xs;
+$conduction-table-wrapper-scroll-button-padding-inline-end: $noaberkracht-size-sm;
+$conduction-table-wrapper-scroll-button-padding-inline-start: $noaberkracht-size-sm;
+$conduction-table-wrapper-scroll-button-background-color: $noaberkracht-color-white-100;
 $conduction-input-select-placeholder-font-family: $noaberkracht-typography-greycliff-cf-font-family;
 $conduction-input-select-list-option-hover-font-family: $noaberkracht-typography-greycliff-cf-font-family;
 $conduction-input-select-list-option-font-family: $noaberkracht-typography-greycliff-cf-font-family;
@@ -163,7 +178,7 @@ $conduction-card-header-date-font-weight: $noaberkracht-typography-font-weight-l
 $conduction-card-header-date-font-size: $noaberkracht-font-size-xs;
 $conduction-card-header-date-color: $noaberkracht-color-blue-22;
 $conduction-card-header-title-color: $noaberkracht-color-blue-22;
-$utrecht-surface-background-color: $noaberkracht-color-white-98;
+$utrecht-surface-background-color: $noaberkracht-color-white-100;
 $utrecht-paragraph-font-weight: $noaberkracht-typography-font-weight-normal;
 $utrecht-paragraph-font-size: $noaberkracht-font-size-sm;
 $utrecht-paragraph-font-family: $noaberkracht-typography-greycliff-cf-font-family;
@@ -216,8 +231,6 @@ $utrecht-heading-1-font-weight: $noaberkracht-typography-font-weight-bold;
 $utrecht-heading-1-font-size: $noaberkracht-font-size-2xl;
 $utrecht-heading-1-font-family: $noaberkracht-typography-oceanwide-font-family;
 $utrecht-heading-1-color: $noaberkracht-color-blue-22;
-$utrecht-textbox-focus-background-color: $noaberkracht-color-white-100;
-$utrecht-textbox-placeholder-color: $noaberkracht-color-blue-22;
 $utrecht-textbox-padding-inline-start: $noaberkracht-size-md;
 $utrecht-textbox-padding-inline-end: $noaberkracht-size-md;
 $utrecht-textbox-padding-block-start: $noaberkracht-size-xs;
@@ -226,6 +239,8 @@ $utrecht-textbox-font-family: $noaberkracht-typography-greycliff-cf-font-family;
 $utrecht-textbox-color: $noaberkracht-color-blue-22;
 $utrecht-textbox-border-width: $noaberkracht-size-4xs;
 $utrecht-textbox-border-color: $noaberkracht-color-blue-22;
+$utrecht-textbox-focus-background-color: $noaberkracht-color-white-100;
+$utrecht-textbox-placeholder-color: $noaberkracht-color-blue-22;
 $utrecht-textbox-background-color: $noaberkracht-color-white-100;
 $utrecht-table-cell-padding-inline-start: $noaberkracht-size-md;
 $utrecht-table-cell-padding-inline-end: $noaberkracht-size-md;
@@ -238,6 +253,7 @@ $utrecht-table-border-color: $noaberkracht-color-lightgrey-96;
 $utrecht-table-row-border-block-end-width: $noaberkracht-size-4xs;
 $utrecht-table-row-border-block-end-color: $noaberkracht-color-lightgrey-96;
 $utrecht-table-header-font-weight: $noaberkracht-typography-font-weight-bold;
+$utrecht-table-background-color: $noaberkracht-color-white-100;
 $utrecht-page-header-padding-block-end: $noaberkracht-size-sm;
 $utrecht-page-header-padding-block-start: $noaberkracht-size-sm;
 $utrecht-page-header-color: $noaberkracht-color-white-100;
@@ -249,8 +265,6 @@ $utrecht-page-footer-padding-inline-end: $noaberkracht-size-sm;
 $utrecht-page-footer-color: $noaberkracht-color-white-100;
 $utrecht-page-footer-background-color: $noaberkracht-color-yellow-47;
 $utrecht-icon-gap: $noaberkracht-size-xs;
-$utrecht-form-input-focus-background-color: $noaberkracht-color-white-100;
-$utrecht-form-input-placeholder-color: $noaberkracht-color-blue-22;
 $utrecht-form-input-padding-inline-start: $noaberkracht-size-md;
 $utrecht-form-input-padding-inline-end: $noaberkracht-size-md;
 $utrecht-form-input-padding-block-start: $noaberkracht-size-xs;
@@ -259,6 +273,8 @@ $utrecht-form-input-font-family: $noaberkracht-typography-greycliff-cf-font-fami
 $utrecht-form-input-color: $noaberkracht-color-blue-22;
 $utrecht-form-input-border-width: $noaberkracht-size-4xs;
 $utrecht-form-input-border-color: $noaberkracht-color-blue-22;
+$utrecht-form-input-focus-background-color: $noaberkracht-color-white-100;
+$utrecht-form-input-placeholder-color: $noaberkracht-color-blue-22;
 $utrecht-form-input-background-color: $noaberkracht-color-white-100;
 $utrecht-document-font-size: $noaberkracht-font-size-sm;
 $utrecht-document-font-family: $noaberkracht-typography-greycliff-cf-font-family;
@@ -306,6 +322,13 @@ $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-blockquote-content-font-size: $noaberkracht-font-size-md;
 $utrecht-blockquote-content-color: $noaberkracht-color-black-0;
 $utrecht-blockquote-margin-inline-end: $noaberkracht-size-xl;
@@ -363,6 +386,8 @@ $noaberkracht-typography-scale-2xs: $noaberkracht-font-size-2xs;
 $noaberkracht-typography-scale-3xs: $noaberkracht-font-size-3xs;
 $noaberkracht-typography-scale-4xs: $noaberkracht-font-size-4xs;
 $noaberkracht-color-info: $noaberkracht-color-primary;
+$conduction-tabs-scroll-button-color: $utrecht-document-color;
+$conduction-table-wrapper-scroll-button-color: $utrecht-document-color;
 $conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-color;
 $conduction-pagination-item-font-family: $utrecht-document-font-family;
 $conduction-pagination-item-font-size: $utrecht-document-font-size;
@@ -375,4 +400,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-badge-counter-font-size: $utrecht-document-font-size;