npm - @conduction/theme - Versions diffs - 1.0.35 → 1.0.38 - Mend

@conduction/theme 1.0.35 → 1.0.38

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

@@ -1,7 +1,21 @@
 // Do not edit directly
-// Generated on Thu, 31 Aug 2023 09:12:43 GMT
+// Generated on Tue, 19 Sep 2023 14:30:03 GMT
+@conduction-tabs-tab-list-border-bottom-width: 0px;
+@conduction-tabs-tab-list-margin-block-end: 0px;
+@conduction-tabs-tab-list-padding-inline-start: 0px;
+@conduction-tabs-tab-selected-border-bottom-style: solid;
+@conduction-tabs-tab-selected-border-style: solid;
+@conduction-tabs-tab-min-height: 61px;
+@conduction-tabs-tab-min-width: 160px;
+@conduction-tabs-tab-max-width: unset;
+@conduction-tabs-tab-bottom: 0px;
+@conduction-tabs-tab-border-bottom-style: solid;
+@conduction-tabs-tab-border-bottom: 0px;
+@conduction-tabs-tab-border-style: solid;
+@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;
@@ -48,6 +62,8 @@
 @utrecht-button-primary-action-font-weight: inherit;
 @utrecht-button-font-weight: inherit;
 @utrecht-button-font-size: inherit;
+@utrecht-badge-counter-text-decoration: none;
+@utrecht-badge-counter-border-radius: 50%;
 @utrecht-action-submit-cursor: pointer;
 @utrecht-action-disabled-cursor: not-allowed;
 @utrecht-action-busy-cursor: wait;
@@ -55,7 +71,7 @@
 @leiden-typography-font-weight-normal: 400;
 @leiden-typography-font-weight-bold: 700;
 @leiden-typography-monospace-font-family: Monospace, "Lucida Console";
-@leiden-typography-sans-serif-font-family: "Open Sans", Arial, sans-serif;
+@leiden-typography-sans-serif-font-family: "Open Sans", Monospace, Arial, sans-serif;
 @leiden-size-4xl: 96px;
 @leiden-size-3xl: 72px;
 @leiden-size-2xl: 48px;
@@ -83,6 +99,8 @@
 @leiden-color-lightblue-24: #2c3e50; // Base/LightBlue
 @leiden-color-black-9: #0d1921; // Base/Black
 @leiden-color-white-100: #ffffff; // Base/White
+@leiden-color-lightgrey-98: #fbfbfb;
+@leiden-color-lightgrey-95: #f1f1f1;
 @leiden-color-lightgrey-89: #e4e4e4; // Base/LightGrey
 @leiden-color-grey-33: #5f594a; // Base/Grey
 @leiden-color-grey-11: #1d1d1b;
@@ -99,6 +117,43 @@
 @leiden-color-error: #d62410;
 @leiden-color-primary-hover: #b81f0e;
 @leiden-color-primary: #d62410;
+@conduction-tabs-scroll-button-hover-color: @leiden-color-black-9;
+@conduction-tabs-scroll-button-hover-background-color: @leiden-color-lightgrey-98;
+@conduction-tabs-scroll-button-color: @leiden-color-black-9;
+@conduction-tabs-scroll-button-background-color: @leiden-color-white-100;
+@conduction-tabs-tab-panel-padding-inline-end: @leiden-size-lg;
+@conduction-tabs-tab-panel-padding-inline-start: @leiden-size-lg;
+@conduction-tabs-tab-panel-padding-block-end: @leiden-size-lg;
+@conduction-tabs-tab-panel-padding-block-start: @leiden-size-lg;
+@conduction-tabs-tab-panel-background-color: @leiden-color-lightgrey-95;
+@conduction-tabs-tab-hover-background-color: @leiden-color-lightgrey-98;
+@conduction-tabs-tab-selected-hover-background-color: @leiden-color-lightgrey-89;
+@conduction-tabs-tab-selected-font-weight: @leiden-typography-font-weight-bold;
+@conduction-tabs-tab-selected-border-bottom-color: @leiden-color-lightgrey-89;
+@conduction-tabs-tab-selected-border-bottom-width: @leiden-size-4xs;
+@conduction-tabs-tab-selected-border-color: @leiden-color-lightgrey-89;
+@conduction-tabs-tab-selected-border-width: @leiden-size-4xs;
+@conduction-tabs-tab-selected-color: @leiden-color-black-9;
+@conduction-tabs-tab-selected-background-color: @leiden-color-lightgrey-89;
+@conduction-tabs-tab-font-weight: @leiden-typography-font-weight-bold;
+@conduction-tabs-tab-font-size: @leiden-font-size-md;
+@conduction-tabs-tab-padding-inline-end: @leiden-size-xl;
+@conduction-tabs-tab-padding-inline-start: @leiden-size-xl;
+@conduction-tabs-tab-padding-block-end: @leiden-size-xs;
+@conduction-tabs-tab-padding-block-start: @leiden-size-xs;
+@conduction-tabs-tab-border-bottom-color: @leiden-color-lightgrey-89;
+@conduction-tabs-tab-border-bottom-width: @leiden-size-4xs;
+@conduction-tabs-tab-border-color: @leiden-color-lightgrey-89;
+@conduction-tabs-tab-border-width: @leiden-size-4xs;
+@conduction-tabs-tab-color: @leiden-color-black-9;
+@conduction-table-wrapper-scroll-button-hover-color: @leiden-color-primary;
+@conduction-table-wrapper-scroll-button-hover-background-color: @leiden-color-white-100;
+@conduction-table-wrapper-scroll-button-border-color: @leiden-color-lightgrey-89;
+@conduction-table-wrapper-scroll-button-border-width: @leiden-size-4xs;
+@conduction-table-wrapper-scroll-button-padding-inline-end: @leiden-size-sm;
+@conduction-table-wrapper-scroll-button-padding-inline-start: @leiden-size-sm;
+@conduction-table-wrapper-scroll-button-color: @leiden-color-black-9;
+@conduction-table-wrapper-scroll-button-background-color: @leiden-color-white-100;
 @conduction-input-select-placeholder-font-family: @leiden-typography-sans-serif-font-family;
 @conduction-input-select-list-option-hover-font-family: @leiden-typography-sans-serif-font-family;
 @conduction-input-select-list-option-font-family: @leiden-typography-sans-serif-font-family;
@@ -178,7 +233,6 @@
 @utrecht-heading-1-font-weight: @leiden-typography-font-weight-bold;
 @utrecht-heading-1-font-size: @leiden-font-size-3xl;
 @utrecht-heading-1-font-family: @leiden-typography-sans-serif-font-family;
-@utrecht-textbox-placeholder-color: @leiden-color-lightblue-24;
 @utrecht-textbox-padding-inline-start: @leiden-size-sm;
 @utrecht-textbox-padding-inline-end: @leiden-size-sm;
 @utrecht-textbox-padding-block-start: @leiden-size-xs;
@@ -187,6 +241,7 @@
 @utrecht-textbox-color: @leiden-color-grey-11;
 @utrecht-textbox-border-width: @leiden-size-4xs;
 @utrecht-textbox-border-color: @leiden-color-grey-33;
+@utrecht-textbox-placeholder-color: @leiden-color-lightblue-24;
 @utrecht-textbox-background-color: @leiden-color-white-100;
 @utrecht-table-cell-padding-inline-start: @leiden-size-md;
 @utrecht-table-cell-padding-inline-end: @leiden-size-md;
@@ -210,7 +265,6 @@
 @utrecht-page-footer-color: @leiden-color-white-100;
 @utrecht-page-footer-background-color: @leiden-color-black-9;
 @utrecht-icon-gap: @leiden-size-xs;
-@utrecht-form-input-placeholder-color: @leiden-color-lightblue-24;
 @utrecht-form-input-padding-inline-start: @leiden-size-sm;
 @utrecht-form-input-padding-inline-end: @leiden-size-sm;
 @utrecht-form-input-padding-block-start: @leiden-size-xs;
@@ -219,6 +273,7 @@
 @utrecht-form-input-color: @leiden-color-grey-11;
 @utrecht-form-input-border-width: @leiden-size-4xs;
 @utrecht-form-input-border-color: @leiden-color-grey-33;
+@utrecht-form-input-placeholder-color: @leiden-color-lightblue-24;
 @utrecht-form-input-background-color: @leiden-color-white-100;
 @utrecht-document-font-size: @leiden-font-size-md;
 @utrecht-document-font-family: @leiden-typography-sans-serif-font-family;
@@ -268,6 +323,11 @@
 @utrecht-blockquote-content-color: @leiden-color-black-9;
 @utrecht-blockquote-margin-inline-end: @leiden-size-xl;
 @utrecht-blockquote-margin-inline-start: @leiden-size-xl;
+@utrecht-badge-counter-padding-inline: @leiden-size-2xs;
+@utrecht-badge-counter-padding-block: @leiden-size-2xs;
+@utrecht-badge-counter-font-weight: @leiden-typography-font-weight-normal;
+@utrecht-badge-counter-color: @leiden-color-white-100;
+@utrecht-badge-counter-background-color: @leiden-color-primary;
 @utrecht-alert-icon-gap: @leiden-size-xs;
 @utrecht-alert-icon-ok-color: @leiden-color-alert-succes;
 @utrecht-alert-icon-warning-color: @leiden-color-alert-warning;
@@ -315,6 +375,8 @@
 @leiden-typography-scale-3xs: @leiden-font-size-3xs;
 @leiden-typography-scale-4xs: @leiden-font-size-4xs;
 @leiden-color-info: @leiden-color-primary;
+@conduction-tabs-tab-selected-font-family: @utrecht-document-font-family;
+@conduction-tabs-tab-font-family: @utrecht-document-font-family;
 @conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
 @conduction-input-select-border: 1px solid @utrecht-form-input-border-color;
 @conduction-pagination-item-font-family: @utrecht-document-font-family;
@@ -328,3 +390,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-badge-counter-font-family: @utrecht-document-font-family;
+@utrecht-badge-counter-font-size: @utrecht-document-font-size;

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

@@ -1,7 +1,21 @@
 // Do not edit directly
-// Generated on Thu, 31 Aug 2023 09:12:43 GMT
+// Generated on Tue, 19 Sep 2023 14:30:03 GMT
+$conduction-tabs-tab-list-border-bottom-width: 0px;
+$conduction-tabs-tab-list-margin-block-end: 0px;
+$conduction-tabs-tab-list-padding-inline-start: 0px;
+$conduction-tabs-tab-selected-border-bottom-style: solid;
+$conduction-tabs-tab-selected-border-style: solid;
+$conduction-tabs-tab-min-height: 61px;
+$conduction-tabs-tab-min-width: 160px;
+$conduction-tabs-tab-max-width: unset;
+$conduction-tabs-tab-bottom: 0px;
+$conduction-tabs-tab-border-bottom-style: solid;
+$conduction-tabs-tab-border-bottom: 0px;
+$conduction-tabs-tab-border-style: solid;
+$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;
@@ -48,6 +62,8 @@ $utrecht-code-font-size: inherit;
 $utrecht-button-primary-action-font-weight: inherit;
 $utrecht-button-font-weight: inherit;
 $utrecht-button-font-size: inherit;
+$utrecht-badge-counter-text-decoration: none;
+$utrecht-badge-counter-border-radius: 50%;
 $utrecht-action-submit-cursor: pointer;
 $utrecht-action-disabled-cursor: not-allowed;
 $utrecht-action-busy-cursor: wait;
@@ -55,7 +71,7 @@ $leiden-typography-font-weight-light: 100;
 $leiden-typography-font-weight-normal: 400;
 $leiden-typography-font-weight-bold: 700;
 $leiden-typography-monospace-font-family: Monospace, "Lucida Console";
-$leiden-typography-sans-serif-font-family: "Open Sans", Arial, sans-serif;
+$leiden-typography-sans-serif-font-family: "Open Sans", Monospace, Arial, sans-serif;
 $leiden-size-4xl: 96px;
 $leiden-size-3xl: 72px;
 $leiden-size-2xl: 48px;
@@ -83,6 +99,8 @@ $leiden-color-lightblue-37: #057aba;
 $leiden-color-lightblue-24: #2c3e50; // Base/LightBlue
 $leiden-color-black-9: #0d1921; // Base/Black
 $leiden-color-white-100: #ffffff; // Base/White
+$leiden-color-lightgrey-98: #fbfbfb;
+$leiden-color-lightgrey-95: #f1f1f1;
 $leiden-color-lightgrey-89: #e4e4e4; // Base/LightGrey
 $leiden-color-grey-33: #5f594a; // Base/Grey
 $leiden-color-grey-11: #1d1d1b;
@@ -99,6 +117,43 @@ $leiden-color-alert-error: #721c24;
 $leiden-color-error: #d62410;
 $leiden-color-primary-hover: #b81f0e;
 $leiden-color-primary: #d62410;
+$conduction-tabs-scroll-button-hover-color: $leiden-color-black-9;
+$conduction-tabs-scroll-button-hover-background-color: $leiden-color-lightgrey-98;
+$conduction-tabs-scroll-button-color: $leiden-color-black-9;
+$conduction-tabs-scroll-button-background-color: $leiden-color-white-100;
+$conduction-tabs-tab-panel-padding-inline-end: $leiden-size-lg;
+$conduction-tabs-tab-panel-padding-inline-start: $leiden-size-lg;
+$conduction-tabs-tab-panel-padding-block-end: $leiden-size-lg;
+$conduction-tabs-tab-panel-padding-block-start: $leiden-size-lg;
+$conduction-tabs-tab-panel-background-color: $leiden-color-lightgrey-95;
+$conduction-tabs-tab-hover-background-color: $leiden-color-lightgrey-98;
+$conduction-tabs-tab-selected-hover-background-color: $leiden-color-lightgrey-89;
+$conduction-tabs-tab-selected-font-weight: $leiden-typography-font-weight-bold;
+$conduction-tabs-tab-selected-border-bottom-color: $leiden-color-lightgrey-89;
+$conduction-tabs-tab-selected-border-bottom-width: $leiden-size-4xs;
+$conduction-tabs-tab-selected-border-color: $leiden-color-lightgrey-89;
+$conduction-tabs-tab-selected-border-width: $leiden-size-4xs;
+$conduction-tabs-tab-selected-color: $leiden-color-black-9;
+$conduction-tabs-tab-selected-background-color: $leiden-color-lightgrey-89;
+$conduction-tabs-tab-font-weight: $leiden-typography-font-weight-bold;
+$conduction-tabs-tab-font-size: $leiden-font-size-md;
+$conduction-tabs-tab-padding-inline-end: $leiden-size-xl;
+$conduction-tabs-tab-padding-inline-start: $leiden-size-xl;
+$conduction-tabs-tab-padding-block-end: $leiden-size-xs;
+$conduction-tabs-tab-padding-block-start: $leiden-size-xs;
+$conduction-tabs-tab-border-bottom-color: $leiden-color-lightgrey-89;
+$conduction-tabs-tab-border-bottom-width: $leiden-size-4xs;
+$conduction-tabs-tab-border-color: $leiden-color-lightgrey-89;
+$conduction-tabs-tab-border-width: $leiden-size-4xs;
+$conduction-tabs-tab-color: $leiden-color-black-9;
+$conduction-table-wrapper-scroll-button-hover-color: $leiden-color-primary;
+$conduction-table-wrapper-scroll-button-hover-background-color: $leiden-color-white-100;
+$conduction-table-wrapper-scroll-button-border-color: $leiden-color-lightgrey-89;
+$conduction-table-wrapper-scroll-button-border-width: $leiden-size-4xs;
+$conduction-table-wrapper-scroll-button-padding-inline-end: $leiden-size-sm;
+$conduction-table-wrapper-scroll-button-padding-inline-start: $leiden-size-sm;
+$conduction-table-wrapper-scroll-button-color: $leiden-color-black-9;
+$conduction-table-wrapper-scroll-button-background-color: $leiden-color-white-100;
 $conduction-input-select-placeholder-font-family: $leiden-typography-sans-serif-font-family;
 $conduction-input-select-list-option-hover-font-family: $leiden-typography-sans-serif-font-family;
 $conduction-input-select-list-option-font-family: $leiden-typography-sans-serif-font-family;
@@ -178,7 +233,6 @@ $utrecht-heading-1-margin-block-end: $leiden-size-2xl;
 $utrecht-heading-1-font-weight: $leiden-typography-font-weight-bold;
 $utrecht-heading-1-font-size: $leiden-font-size-3xl;
 $utrecht-heading-1-font-family: $leiden-typography-sans-serif-font-family;
-$utrecht-textbox-placeholder-color: $leiden-color-lightblue-24;
 $utrecht-textbox-padding-inline-start: $leiden-size-sm;
 $utrecht-textbox-padding-inline-end: $leiden-size-sm;
 $utrecht-textbox-padding-block-start: $leiden-size-xs;
@@ -187,6 +241,7 @@ $utrecht-textbox-font-family: $leiden-typography-sans-serif-font-family;
 $utrecht-textbox-color: $leiden-color-grey-11;
 $utrecht-textbox-border-width: $leiden-size-4xs;
 $utrecht-textbox-border-color: $leiden-color-grey-33;
+$utrecht-textbox-placeholder-color: $leiden-color-lightblue-24;
 $utrecht-textbox-background-color: $leiden-color-white-100;
 $utrecht-table-cell-padding-inline-start: $leiden-size-md;
 $utrecht-table-cell-padding-inline-end: $leiden-size-md;
@@ -210,7 +265,6 @@ $utrecht-page-footer-padding-inline-end: $leiden-size-sm;
 $utrecht-page-footer-color: $leiden-color-white-100;
 $utrecht-page-footer-background-color: $leiden-color-black-9;
 $utrecht-icon-gap: $leiden-size-xs;
-$utrecht-form-input-placeholder-color: $leiden-color-lightblue-24;
 $utrecht-form-input-padding-inline-start: $leiden-size-sm;
 $utrecht-form-input-padding-inline-end: $leiden-size-sm;
 $utrecht-form-input-padding-block-start: $leiden-size-xs;
@@ -219,6 +273,7 @@ $utrecht-form-input-font-family: $leiden-typography-sans-serif-font-family;
 $utrecht-form-input-color: $leiden-color-grey-11;
 $utrecht-form-input-border-width: $leiden-size-4xs;
 $utrecht-form-input-border-color: $leiden-color-grey-33;
+$utrecht-form-input-placeholder-color: $leiden-color-lightblue-24;
 $utrecht-form-input-background-color: $leiden-color-white-100;
 $utrecht-document-font-size: $leiden-font-size-md;
 $utrecht-document-font-family: $leiden-typography-sans-serif-font-family;
@@ -268,6 +323,11 @@ $utrecht-blockquote-content-font-size: $leiden-font-size-md;
 $utrecht-blockquote-content-color: $leiden-color-black-9;
 $utrecht-blockquote-margin-inline-end: $leiden-size-xl;
 $utrecht-blockquote-margin-inline-start: $leiden-size-xl;
+$utrecht-badge-counter-padding-inline: $leiden-size-2xs;
+$utrecht-badge-counter-padding-block: $leiden-size-2xs;
+$utrecht-badge-counter-font-weight: $leiden-typography-font-weight-normal;
+$utrecht-badge-counter-color: $leiden-color-white-100;
+$utrecht-badge-counter-background-color: $leiden-color-primary;
 $utrecht-alert-icon-gap: $leiden-size-xs;
 $utrecht-alert-icon-ok-color: $leiden-color-alert-succes;
 $utrecht-alert-icon-warning-color: $leiden-color-alert-warning;
@@ -315,6 +375,8 @@ $leiden-typography-scale-2xs: $leiden-font-size-2xs;
 $leiden-typography-scale-3xs: $leiden-font-size-3xs;
 $leiden-typography-scale-4xs: $leiden-font-size-4xs;
 $leiden-color-info: $leiden-color-primary;
+$conduction-tabs-tab-selected-font-family: $utrecht-document-font-family;
+$conduction-tabs-tab-font-family: $utrecht-document-font-family;
 $conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-color;
 $conduction-input-select-border: 1px solid $utrecht-form-input-border-color;
 $conduction-pagination-item-font-family: $utrecht-document-font-family;
@@ -328,3 +390,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-badge-counter-font-family: $utrecht-document-font-family;
+$utrecht-badge-counter-font-size: $utrecht-document-font-size;