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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Thu, 31 Aug 2023 09:13:40 GMT
+// Generated on Tue, 19 Sep 2023 14:31:41 GMT
 @utrecht-page-max-inline-size: 1140px;
 @utrecht-page-margin-inline-end: var(--utrecht-space-block-xl);
@@ -42,6 +42,14 @@
 @utrecht-page-footer-logo-max-height: 48px;
 @utrecht-icon-gap: 8px;
 @utrecht-button-icon-gap: 8px;
+@utrecht-badge-counter-padding-inline: 5px;
+@utrecht-badge-counter-padding-block: 5px;
+@utrecht-badge-counter-text-decoration: none;
+@utrecht-badge-counter-font-family: var(--utrecht-document-font-family);
+@utrecht-badge-counter-font-size: var(--utrecht-document-font-size);
+@utrecht-badge-counter-color: var(--rotterdam-color-base-white);
+@utrecht-badge-counter-border-radius: 50%;
+@utrecht-badge-counter-background-color: var(--rotterdam-color-base-black);
 @utrecht-code-font-size: inherit;
 @utrecht-code-color: var(--rotterdam-color-gray-tint-11);
 @utrecht-code-background-color: var(--rotterdam-color-gray-tint-01);
@@ -70,6 +78,47 @@
 @utrecht-alert-border-width: 1px;
 @utrecht-alert-border-color: #b4dbf1;
 @utrecht-alert-background-color: #e8f4fb;
+@conduction-tabs-scroll-button-hover-color: var(--rotterdam-color-green-tint-01);
+@conduction-tabs-scroll-button-hover-background-color: var(--rotterdam-color-base-white);
+@conduction-tabs-scroll-button-color: var(--utrecht-document-color);
+@conduction-tabs-scroll-button-background-color: var(--rotterdam-color-base-white);
+@conduction-tabs-tab-panel-padding-inline-end: 24px;
+@conduction-tabs-tab-panel-padding-inline-start: 24px;
+@conduction-tabs-tab-panel-padding-block-end: 24px;
+@conduction-tabs-tab-panel-padding-block-start: 24px;
+@conduction-tabs-tab-list-border-bottom-color: var(--rotterdam-color-gray-tint-01);
+@conduction-tabs-tab-list-border-bottom-style: solid;
+@conduction-tabs-tab-list-border-bottom-width: 0.3rem;
+@conduction-tabs-tab-list-margin-block-end: 0px;
+@conduction-tabs-tab-list-padding-inline-start: 0px;
+@conduction-tabs-tab-hover-color: var(--rotterdam-color-green-tint-01);
+@conduction-tabs-tab-hover-background-color: transparent;
+@conduction-tabs-tab-selected-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
+@conduction-tabs-tab-selected-border-bottom-color: var(--rotterdam-color-green-tint-01);
+@conduction-tabs-tab-selected-border-bottom-style: solid;
+@conduction-tabs-tab-selected-border-bottom-width: 0.3rem;
+@conduction-tabs-tab-selected-color: var(--rotterdam-color-gray-tint-11);
+@conduction-tabs-tab-selected-background-color: transparent;
+@conduction-tabs-tab-letter-spacing: 0.02857em;
+@conduction-tabs-tab-min-height: 48px;
+@conduction-tabs-tab-min-width: 160px;
+@conduction-tabs-tab-max-width: unset;
+@conduction-tabs-tab-font-family: var(--rotterdam-typography-sans-serif-font-family);
+@conduction-tabs-tab-font-weight: var(--rotterdam-typography-weight-scale-normal-font-weight);
+@conduction-tabs-tab-font-size: 14px;
+@conduction-tabs-tab-padding-inline-end: 12px;
+@conduction-tabs-tab-padding-inline-start: 12px;
+@conduction-tabs-tab-padding-block-end: 6px;
+@conduction-tabs-tab-padding-block-start: 6px;
+@conduction-tabs-tab-bottom: -4px;
+@conduction-tabs-tab-color: var(--rotterdam-color-gray-tint-11);
+@conduction-tabs-tab-background-color: transparent;
+@conduction-table-wrapper-scroll-button-hover-color: var(--rotterdam-color-base-green);
+@conduction-table-wrapper-scroll-button-hover-background-color: var(--rotterdam-color-base-white);
+@conduction-table-wrapper-scroll-button-padding-inline-end: 14px;
+@conduction-table-wrapper-scroll-button-padding-inline-start: 14px;
+@conduction-table-wrapper-scroll-button-color: var(--utrecht-document-color);
+@conduction-table-wrapper-scroll-button-background-color: var(--rotterdam-color-base-white);
 @conduction-input-select-placeholder-font-family: var(--utrecht-document-font-family);
 @conduction-input-select-placeholder-color: var(--rotterdam-color-gray-tint-09);
 @conduction-input-select-list-option-hover-background-color: var(--rotterdam-color-green-tint-01);

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Thu, 31 Aug 2023 09:13:40 GMT
+// Generated on Tue, 19 Sep 2023 14:31:41 GMT
 $utrecht-page-max-inline-size: 1140px;
 $utrecht-page-margin-inline-end: var(--utrecht-space-block-xl);
@@ -42,6 +42,14 @@ $utrecht-page-footer-logo-max-width: 240px;
 $utrecht-page-footer-logo-max-height: 48px;
 $utrecht-icon-gap: 8px;
 $utrecht-button-icon-gap: 8px;
+$utrecht-badge-counter-padding-inline: 5px;
+$utrecht-badge-counter-padding-block: 5px;
+$utrecht-badge-counter-text-decoration: none;
+$utrecht-badge-counter-font-family: var(--utrecht-document-font-family);
+$utrecht-badge-counter-font-size: var(--utrecht-document-font-size);
+$utrecht-badge-counter-color: var(--rotterdam-color-base-white);
+$utrecht-badge-counter-border-radius: 50%;
+$utrecht-badge-counter-background-color: var(--rotterdam-color-base-black);
 $utrecht-code-font-size: inherit;
 $utrecht-code-color: var(--rotterdam-color-gray-tint-11);
 $utrecht-code-background-color: var(--rotterdam-color-gray-tint-01);
@@ -70,6 +78,47 @@ $utrecht-alert-color: var(--utrecht-document-color);
 $utrecht-alert-border-width: 1px;
 $utrecht-alert-border-color: #b4dbf1;
 $utrecht-alert-background-color: #e8f4fb;
+$conduction-tabs-scroll-button-hover-color: var(--rotterdam-color-green-tint-01);
+$conduction-tabs-scroll-button-hover-background-color: var(--rotterdam-color-base-white);
+$conduction-tabs-scroll-button-color: var(--utrecht-document-color);
+$conduction-tabs-scroll-button-background-color: var(--rotterdam-color-base-white);
+$conduction-tabs-tab-panel-padding-inline-end: 24px;
+$conduction-tabs-tab-panel-padding-inline-start: 24px;
+$conduction-tabs-tab-panel-padding-block-end: 24px;
+$conduction-tabs-tab-panel-padding-block-start: 24px;
+$conduction-tabs-tab-list-border-bottom-color: var(--rotterdam-color-gray-tint-01);
+$conduction-tabs-tab-list-border-bottom-style: solid;
+$conduction-tabs-tab-list-border-bottom-width: 0.3rem;
+$conduction-tabs-tab-list-margin-block-end: 0px;
+$conduction-tabs-tab-list-padding-inline-start: 0px;
+$conduction-tabs-tab-hover-color: var(--rotterdam-color-green-tint-01);
+$conduction-tabs-tab-hover-background-color: transparent;
+$conduction-tabs-tab-selected-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
+$conduction-tabs-tab-selected-border-bottom-color: var(--rotterdam-color-green-tint-01);
+$conduction-tabs-tab-selected-border-bottom-style: solid;
+$conduction-tabs-tab-selected-border-bottom-width: 0.3rem;
+$conduction-tabs-tab-selected-color: var(--rotterdam-color-gray-tint-11);
+$conduction-tabs-tab-selected-background-color: transparent;
+$conduction-tabs-tab-letter-spacing: 0.02857em;
+$conduction-tabs-tab-min-height: 48px;
+$conduction-tabs-tab-min-width: 160px;
+$conduction-tabs-tab-max-width: unset;
+$conduction-tabs-tab-font-family: var(--rotterdam-typography-sans-serif-font-family);
+$conduction-tabs-tab-font-weight: var(--rotterdam-typography-weight-scale-normal-font-weight);
+$conduction-tabs-tab-font-size: 14px;
+$conduction-tabs-tab-padding-inline-end: 12px;
+$conduction-tabs-tab-padding-inline-start: 12px;
+$conduction-tabs-tab-padding-block-end: 6px;
+$conduction-tabs-tab-padding-block-start: 6px;
+$conduction-tabs-tab-bottom: -4px;
+$conduction-tabs-tab-color: var(--rotterdam-color-gray-tint-11);
+$conduction-tabs-tab-background-color: transparent;
+$conduction-table-wrapper-scroll-button-hover-color: var(--rotterdam-color-base-green);
+$conduction-table-wrapper-scroll-button-hover-background-color: var(--rotterdam-color-base-white);
+$conduction-table-wrapper-scroll-button-padding-inline-end: 14px;
+$conduction-table-wrapper-scroll-button-padding-inline-start: 14px;
+$conduction-table-wrapper-scroll-button-color: var(--utrecht-document-color);
+$conduction-table-wrapper-scroll-button-background-color: var(--rotterdam-color-base-white);
 $conduction-input-select-placeholder-font-family: var(--utrecht-document-font-family);
 $conduction-input-select-placeholder-color: var(--rotterdam-color-gray-tint-09);
 $conduction-input-select-list-option-hover-background-color: var(--rotterdam-color-green-tint-01);