@conduction/theme 1.0.41 → 1.0.43

package/README.md

@@ -6,10 +6,12 @@ Conduction's design tokens theme
 
 - **Version 1**
 
-  - 1.0.41: Added Dimpact theme. 
-  - 1.0.40: Added Open Webconcept theme. 
-  - 1.0.39: Added breadcrumb tokens to all themes. 
-  - 1.0.38: 
+  - 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.
+  - 1.0.39: Added breadcrumb tokens to all themes.
+  - 1.0.38:
     - Added table-wrapper-tokens to all themes.
     - Updated tabs tokens in all themes.
   - 1.0.37: Updated all themes to correct way of working.

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 18:52:30 GMT
+ * Generated on Wed, 04 Oct 2023 14:26:30 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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 18:52:30 GMT
+ * Generated on Wed, 04 Oct 2023 14:26:29 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";