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/README.md CHANGED Viewed

@@ -6,6 +6,11 @@ Conduction's design tokens theme
 - **Version 1**
+  - 1.0.44:
+    - Updated card-header border bottom and logo with in Epe theme.
+    - Updated font-sizes in Noaberkracht theme.
+    - Added table row hover color in Noordwijk theme.
+  - 1.0.43: Updated breadcrumb tokens and added navigation tokens to all themes.
   - 1.0.42: Added Utrecht Separator tokens to all themes.
   - 1.0.41: Added Dimpact theme.
   - 1.0.40: Added Open Webconcept theme.

package/conduction-design-tokens/dist/design-tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Oct 2023 13:22:17 GMT
+ * Generated on Fri, 06 Oct 2023 12:29:20 GMT
  */
 .conduction-theme {
@@ -34,10 +34,11 @@
   --utrecht-button-font-weight: inherit;
   --utrecht-button-font-size: inherit;
   --utrecht-button-border-radius: 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-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-border-radius: 999px;
   --utrecht-badge-counter-text-decoration: none;
   --utrecht-badge-counter-border-radius: 50%;
   --utrecht-action-submit-cursor: pointer;
@@ -66,6 +67,21 @@
   --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-box-shadow: ;
+  --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-mobile-box-shadow: ;
+  --conduction-primary-top-nav-current-box-shadow: ;
   --conduction-typography-font-weight-light: 100;
   --conduction-typography-font-weight-normal: 400;
   --conduction-typography-font-weight-bold: 700;
@@ -254,13 +270,13 @@
   --utrecht-button-border-width: var(--conduction-size-3xs);
   --utrecht-button-border-color: var(--conduction-color-primary);
   --utrecht-button-background-color: var(--conduction-color-primary);
-  --utrecht-breadcrumb-background-color: var(--conduction-color-white-100);
-  --utrecht-breadcrumb-separator-icon-size: var(--conduction-font-size-sm);
-  --utrecht-breadcrumb-separator-icon-color: var(--conduction-color-black-0);
-  --utrecht-breadcrumb-link-hover-color: var(--conduction-color-primary-hover);
-  --utrecht-breadcrumb-link-disabled-color: var(--conduction-color-grey-29);
-  --utrecht-breadcrumb-link-current-color: var(--conduction-color-grey-29);
-  --utrecht-breadcrumb-link-color: var(--conduction-color-primary);
+  --utrecht-breadcrumb-nav-background-color: var(--conduction-color-white-100);
+  --utrecht-breadcrumb-nav-separator-icon-size: var(--conduction-font-size-sm);
+  --utrecht-breadcrumb-nav-separator-color: var(--conduction-color-black-0);
+  --utrecht-breadcrumb-nav-link-hover-color: var(--conduction-color-primary-hover);
+  --utrecht-breadcrumb-nav-link-disabled-color: var(--conduction-color-grey-29);
+  --utrecht-breadcrumb-nav-link-current-color: var(--conduction-color-grey-29);
+  --utrecht-breadcrumb-nav-link-color: var(--conduction-color-primary);
   --utrecht-blockquote-content-font-size: var(--conduction-font-size-md);
   --utrecht-blockquote-content-color: var(--conduction-color-black-0);
   --utrecht-blockquote-margin-inline-end: var(--conduction-size-xl);
@@ -359,6 +375,22 @@
   --conduction-pagination-item-background-color: var(--conduction-color-white-100);
   --conduction-pagination-item-color: var(--conduction-color-black-0);
   --conduction-pagination-item-gap: var(--conduction-size-2xs);
+  --conduction-secondary-top-nav-font-size: var(--conduction-font-size-md);
+  --conduction-secondary-top-nav-current-background-color: var(--conduction-color-white-100);
+  --conduction-secondary-top-nav-current-color: var(--conduction-color-primary);
+  --conduction-secondary-top-nav-hover-background-color: var(--conduction-color-white-100);
+  --conduction-secondary-top-nav-hover-color: var(--conduction-color-primary);
+  --conduction-secondary-top-nav-color: var(--conduction-color-grey-29);
+  --conduction-primary-top-nav-dropdown-hover-background-color: var(--conduction-color-white-100);
+  --conduction-primary-top-nav-dropdown-hover-color: var(--conduction-color-primary);
+  --conduction-primary-top-nav-dropdown-background-color: var(--conduction-color-white-100);
+  --conduction-primary-top-nav-dropdown-color: var(--conduction-color-grey-29);
+  --conduction-primary-top-nav-current-background-color: var(--conduction-color-white-100);
+  --conduction-primary-top-nav-current-color: var(--conduction-color-primary);
+  --conduction-primary-top-nav-hover-background-color: var(--conduction-color-white-100);
+  --conduction-primary-top-nav-hover-color: var(--conduction-color-primary);
+  --conduction-primary-top-nav-background-color: var(--conduction-color-white-100);
+  --conduction-primary-top-nav-color: var(--conduction-color-grey-29);
   --conduction-card-wrapper-padding-block-start: var(--conduction-size-md);
   --conduction-card-wrapper-padding-block-end: var(--conduction-size-md);
   --conduction-card-wrapper-padding-inline-start: var(--conduction-size-md);
@@ -391,7 +423,7 @@
   --utrecht-table-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-family: var(--utrecht-document-font-family);
   --utrecht-table-header-color: var(--utrecht-document-color);
-  --utrecht-breadcrumb-font-family: var(--utrecht-document-font-family);
+  --utrecht-breadcrumb-nav-font-family: var(--utrecht-document-font-family);
   --utrecht-badge-counter-font-family: var(--utrecht-document-font-family);
   --utrecht-badge-counter-font-size: var(--utrecht-document-font-size);
   --conduction-tabs-tab-selected-font-family: var(--utrecht-document-font-family);

package/conduction-design-tokens/dist/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Oct 2023 13:22:17 GMT
+ * Generated on Fri, 06 Oct 2023 12:29:20 GMT
  */
 export const conductionColorPrimary = "#4376fc";
@@ -78,6 +78,37 @@ export const conductionCardWrapperPaddingInlineEnd = "18px";
 export const conductionCardWrapperPaddingInlineStart = "18px";
 export const conductionCardWrapperPaddingBlockEnd = "18px";
 export const conductionCardWrapperPaddingBlockStart = "18px";
+export const conductionPrimaryTopNavColor = "#4a4a4a";
+export const conductionPrimaryTopNavBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavHoverColor = "#4376fc";
+export const conductionPrimaryTopNavHoverBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavCurrentColor = "#4376fc";
+export const conductionPrimaryTopNavCurrentBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavCurrentBoxShadow = "";
+export const conductionPrimaryTopNavCurrentMobileBoxShadow = "";
+export const conductionPrimaryTopNavDropdownColor = "#4a4a4a";
+export const conductionPrimaryTopNavDropdownBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavDropdownHoverColor = "#4376fc";
+export const conductionPrimaryTopNavDropdownHoverBackgroundColor = "#ffffff";
+export const conductionPrimaryTopNavItemPadding = "18px";
+export const conductionPrimaryTopNavPaddingInlineEnd = "16px";
+export const conductionPrimaryTopNavPaddingInlineStart = "16px";
+export const conductionPrimaryTopNavPaddingBlockEnd = "16px";
+export const conductionPrimaryTopNavPaddingBlockStart = "16px";
+export const conductionSecondaryTopNavColor = "#4a4a4a";
+export const conductionSecondaryTopNavBackgroundColor = "transparent";
+export const conductionSecondaryTopNavHoverColor = "#4376fc";
+export const conductionSecondaryTopNavHoverBackgroundColor = "#ffffff";
+export const conductionSecondaryTopNavCurrentColor = "#4376fc";
+export const conductionSecondaryTopNavCurrentBackgroundColor = "#ffffff";
+export const conductionSecondaryTopNavCurrentBoxShadow = "";
+export const conductionSecondaryTopNavFontSize = "18px";
+export const conductionSecondaryTopNavFontWeight = "400";
+export const conductionSecondaryTopNavItemPadding = "18px";
+export const conductionSecondaryTopNavPaddingInlineEnd = "16px";
+export const conductionSecondaryTopNavPaddingInlineStart = "16px";
+export const conductionSecondaryTopNavPaddingBlockEnd = "16px";
+export const conductionSecondaryTopNavPaddingBlockStart = "16px";
 export const conductionPaginationContainerBackgroundColor = "unset";
 export const conductionPaginationContainerPaddingInlineStart = "0px";
 export const conductionPaginationContainerPaddingInlineEnd = "0px";
@@ -211,18 +242,19 @@ export const utrechtBlockquoteMarginInlineStart = "32px";
 export const utrechtBlockquoteMarginInlineEnd = "32px";
 export const utrechtBlockquoteContentColor = "#000000";
 export const utrechtBlockquoteContentFontSize = "18px";
-export const utrechtBreadcrumbFontFamily = "\"Noto Sans\", Arial, sans-serif";
-export const utrechtBreadcrumbLinkColor = "#4376fc";
-export const utrechtBreadcrumbLinkCurrentColor = "#4a4a4a";
-export const utrechtBreadcrumbLinkDisabledColor = "#4a4a4a";
-export const utrechtBreadcrumbLinkHoverColor = "#2e5ed9";
-export const utrechtBreadcrumbSeparatorIconColor = "#000000";
-export const utrechtBreadcrumbSeparatorIconSize = "14px";
-export const utrechtBreadcrumbBackgroundColor = "#ffffff";
-export const utrechtBreadcrumbPaddingInlineStart = "0";
-export const utrechtBreadcrumbPaddingInlineEnd = "0";
-export const utrechtBreadcrumbPaddingBlockStart = "12px";
-export const utrechtBreadcrumbPaddingBlockEnd = "12px";
+export const utrechtBreadcrumbNavFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const utrechtBreadcrumbNavLinkColor = "#4376fc";
+export const utrechtBreadcrumbNavLinkCurrentColor = "#4a4a4a";
+export const utrechtBreadcrumbNavLinkDisabledColor = "#4a4a4a";
+export const utrechtBreadcrumbNavLinkHoverColor = "#2e5ed9";
+export const utrechtBreadcrumbNavSeparatorColor = "#000000";
+export const utrechtBreadcrumbNavSeparatorIconSize = "14px";
+export const utrechtBreadcrumbNavBackgroundColor = "#ffffff";
+export const utrechtBreadcrumbNavBorderRadius = "999px";
+export const utrechtBreadcrumbNavPaddingInlineStart = "0";
+export const utrechtBreadcrumbNavPaddingInlineEnd = "0";
+export const utrechtBreadcrumbNavPaddingBlockStart = "12px";
+export const utrechtBreadcrumbNavPaddingBlockEnd = "12px";
 export const utrechtButtonBackgroundColor = "#4376fc";
 export const utrechtButtonBorderColor = "#4376fc";
 export const utrechtButtonBorderRadius = "3px";