@conduction/theme 1.0.41 → 1.0.43

package/conduction-design-tokens/src/component/conduction/navigation.tokens.json

@@ -0,0 +1,66 @@
+{
+  "conduction": {
+    "primary": {
+      "top-nav": {
+        "color": { "value": "{conduction.color.grey.29}" },
+        "background-color": { "value": "{conduction.color.white.100}" },
+        "hover": {
+          "color": { "value": "{conduction.color.primary}" },
+          "background-color": { "value": "{conduction.color.white.100}" },
+          "box-shadow": {}
+        },
+        "current": {
+          "color": { "value": "{conduction.color.primary}" },
+          "background-color": { "value": "{conduction.color.white.100}" },
+          "box-shadow": { "value": "" },
+          "mobile": {
+            "box-shadow": { "value": "" }
+          }
+        },
+        "dropdown": {
+          "color": { "value": "{conduction.color.grey.29}" },
+          "background-color": { "value": "{conduction.color.white.100}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "hover": {
+            "color": { "value": "{conduction.color.primary}" },
+            "background-color": { "value": "{conduction.color.white.100}" },
+            "box-shadow": {}
+          }
+        },
+        "item": {
+          "padding": { "value": "18px" }
+        },
+        "padding-inline-end": { "value": "16px" },
+        "padding-inline-start": { "value": "16px" },
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" }
+      }
+    },
+    "secondary": {
+      "top-nav": {
+        "color": { "value": "{conduction.color.grey.29}" },
+        "background-color": { "value": "transparent" },
+        "hover": {
+          "color": { "value": "{conduction.color.primary}" },
+          "background-color": { "value": "{conduction.color.white.100}" }
+        },
+        "current": {
+          "color": { "value": "{conduction.color.primary}" },
+          "background-color": { "value": "{conduction.color.white.100}" },
+          "box-shadow": { "value": "" }
+        },
+        "font-size": { "value": "{conduction.font-size.md}" },
+        "font-weight": { "value": "400" },
+        "item": {
+          "padding": { "value": "18px" }
+        },
+        "padding-inline-end": { "value": "16px" },
+        "padding-inline-start": { "value": "16px" },
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" }
+      }
+    }
+  }
+}

package/conduction-design-tokens/src/component/utrecht/breadcrumb.tokens.json

@@ -1,6 +1,6 @@
 {
   "utrecht": {
-    "breadcrumb": {
+    "breadcrumb-nav": {
       "block-size": {},
       "font-family": { "value": "{utrecht.document.font-family}" },
       "font-size": {},
@@ -25,8 +25,8 @@
       },
       "separator": {
         "inline-size": {},
+        "color": { "value": "{conduction.color.black.0}" },
         "icon": {
-          "color": { "value": "{conduction.color.black.0}" },
           "size": { "value": "{conduction.font-size.sm}" }
         }
       }

package/conduction-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json

@@ -1,7 +1,8 @@
 {
   "utrecht": {
-    "breadcrumb": {
+    "breadcrumb-nav": {
       "background-color": { "value": "{conduction.color.white.100}" },
+      "border-radius": { "value": "999px" },
       "padding-inline-start": { "value": "0" },
       "padding-inline-end": { "value": "0" },
       "padding-block-start": { "value": "12px" },

package/municipalities/dimpact-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 18:54:52 GMT
+ * Generated on Wed, 04 Oct 2023 14:28:02 GMT
  */
 
 .dimpact-theme {
@@ -33,16 +33,19 @@
   --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-background-color-active: unset;
+  --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-box-shadow-active: ;
+  --conduction-primary-top-nav-current-mobile-box-shadow: ;
+  --conduction-primary-top-nav-current-box-shadow: ;
   --conduction-card-wrapper-border-radius: 6px;
   --conduction-card-wrapper-border-style: solid;
+  --utrecht-separator-margin-block-start: 0px;
+  --utrecht-separator-margin-block-end: 0px;
   --utrecht-page-max-inline-size: 1140px;
   --utrecht-unordered-list-item-padding-inline-start: 1ch;
   --utrecht-unordered-list-padding-inline-start: 2ch;
@@ -69,10 +72,10 @@
   --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-badge-counter-text-decoration: none;
   --utrecht-badge-counter-border-radius: 50%;
   --utrecht-action-submit-cursor: pointer;
@@ -183,11 +186,15 @@
   --conduction-pagination-item-color: var(--dimpact-color-grey-84);
   --conduction-pagination-item-gap: var(--dimpact-size-2xs);
   --conduction-secondary-top-nav-font-size: var(--dimpact-font-size-md);
-  --conduction-secondary-top-nav-background-color-hover: var(--dimpact-color-grey-93);
+  --conduction-secondary-top-nav-current-background-color: var(--dimpact-color-pink-62);
+  --conduction-secondary-top-nav-current-color: var(--dimpact-color-white-100);
+  --conduction-secondary-top-nav-hover-background-color: var(--dimpact-color-pink-62);
+  --conduction-secondary-top-nav-hover-color: var(--dimpact-color-white-100);
   --conduction-secondary-top-nav-color: var(--dimpact-color-blue-24);
-  --conduction-primary-top-nav-dropdown-border-radius: var(--dimpact-size-md);
-  --conduction-primary-top-nav-background-color-active: var(--dimpact-color-pink-62);
-  --conduction-primary-top-nav-background-color-hover: var(--dimpact-color-pink-62);
+  --conduction-primary-top-nav-current-background-color: var(--dimpact-color-pink-62);
+  --conduction-primary-top-nav-current-color: var(--dimpact-color-white-100);
+  --conduction-primary-top-nav-hover-background-color: var(--dimpact-color-pink-62);
+  --conduction-primary-top-nav-hover-color: var(--dimpact-color-white-100);
   --conduction-primary-top-nav-background-color: var(--dimpact-color-white-100);
   --conduction-primary-top-nav-color: var(--dimpact-color-blue-24);
   --conduction-card-wrapper-padding-block-start: var(--dimpact-size-md);
@@ -205,6 +212,8 @@
   --conduction-card-header-title-color: var(--dimpact-color-primary);
   --conduction-card-header-color: var(--dimpact-color-primary);
   --utrecht-surface-background-color: var(--dimpact-color-white-100);
+  --utrecht-separator-block-size: var(--dimpact-size-4xs);
+  --utrecht-separator-color: var(--dimpact-color-grey-84);
   --utrecht-page-margin-inline-end: var(--dimpact-size-lg);
   --utrecht-page-margin-inline-start: var(--dimpact-size-lg);
   --utrecht-unordered-list-marker-color: var(--dimpact-color-primary);
@@ -277,7 +286,7 @@
   --utrecht-table-header-font-weight: var(--dimpact-typography-font-weight-bold);
   --utrecht-page-header-padding-block-end: var(--dimpact-size-sm);
   --utrecht-page-header-padding-block-start: var(--dimpact-size-sm);
-  --utrecht-page-header-color: var(--dimpact-color-white-100);
+  --utrecht-page-header-color: var(--dimpact-color-primary);
   --utrecht-page-header-background-color: var(--dimpact-color-light-blue-53);
   --utrecht-page-footer-padding-block-start: var(--dimpact-size-2xl);
   --utrecht-page-footer-padding-block-end: var(--dimpact-size-2xl);
@@ -342,13 +351,12 @@
   --utrecht-button-border-width: var(--dimpact-size-3xs);
   --utrecht-button-border-color: var(--dimpact-color-primary);
   --utrecht-button-background-color: var(--dimpact-color-primary);
-  --utrecht-breadcrumb-background-color: var(--dimpact-color-white-100);
-  --utrecht-breadcrumb-separator-icon-size: var(--dimpact-font-size-sm);
-  --utrecht-breadcrumb-separator-icon-color: var(--dimpact-color-black-0);
-  --utrecht-breadcrumb-link-hover-color: var(--dimpact-color-primary-hover);
-  --utrecht-breadcrumb-link-disabled-color: var(--dimpact-color-grey-29);
-  --utrecht-breadcrumb-link-current-color: var(--dimpact-color-grey-29);
-  --utrecht-breadcrumb-link-color: var(--dimpact-color-primary);
+  --utrecht-breadcrumb-nav-separator-icon-size: var(--dimpact-font-size-sm);
+  --utrecht-breadcrumb-nav-separator-color: var(--dimpact-color-primary);
+  --utrecht-breadcrumb-nav-link-hover-color: var(--dimpact-color-primary-hover);
+  --utrecht-breadcrumb-nav-link-disabled-color: var(--dimpact-color-grey-29);
+  --utrecht-breadcrumb-nav-link-current-color: var(--dimpact-color-grey-29);
+  --utrecht-breadcrumb-nav-link-color: var(--dimpact-color-primary);
   --utrecht-blockquote-content-font-size: var(--dimpact-font-size-md);
   --utrecht-blockquote-content-color: var(--dimpact-color-black-0);
   --utrecht-blockquote-margin-inline-end: var(--dimpact-size-xl);
@@ -417,7 +425,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);
 }

package/municipalities/dimpact-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 18:54:52 GMT
+ * Generated on Wed, 04 Oct 2023 14:28:01 GMT
  */
 
 export const dimpactColorPrimary = "#00377a";
@@ -116,18 +116,17 @@ export const utrechtBlockquoteMarginInlineStart = "32px";
 export const utrechtBlockquoteMarginInlineEnd = "32px";
 export const utrechtBlockquoteContentColor = "#000000";
 export const utrechtBlockquoteContentFontSize = "18px";
-export const utrechtBreadcrumbFontFamily = "Tisa-sans-web-pro, Monospace, Arial, sans-serif";
-export const utrechtBreadcrumbLinkColor = "#00377a";
-export const utrechtBreadcrumbLinkCurrentColor = "#4a4a4a";
-export const utrechtBreadcrumbLinkDisabledColor = "#4a4a4a";
-export const utrechtBreadcrumbLinkHoverColor = "#fa4494";
-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 = "Tisa-sans-web-pro, Monospace, Arial, sans-serif";
+export const utrechtBreadcrumbNavLinkColor = "#00377a";
+export const utrechtBreadcrumbNavLinkCurrentColor = "#4a4a4a";
+export const utrechtBreadcrumbNavLinkDisabledColor = "#4a4a4a";
+export const utrechtBreadcrumbNavLinkHoverColor = "#fa4494";
+export const utrechtBreadcrumbNavSeparatorColor = "#00377a";
+export const utrechtBreadcrumbNavSeparatorIconSize = "14px";
+export const utrechtBreadcrumbNavPaddingInlineStart = "0";
+export const utrechtBreadcrumbNavPaddingInlineEnd = "0";
+export const utrechtBreadcrumbNavPaddingBlockStart = "12px";
+export const utrechtBreadcrumbNavPaddingBlockEnd = "12px";
 export const utrechtButtonBackgroundColor = "#00377a";
 export const utrechtButtonBorderColor = "#00377a";
 export const utrechtButtonBorderRadius = "3px";
@@ -205,7 +204,7 @@ export const utrechtPageFooterPaddingBlockEnd = "48px";
 export const utrechtPageFooterPaddingBlockStart = "48px";
 export const utrechtPageHeaderLogoMaxWidth = "150px";
 export const utrechtPageHeaderBackgroundColor = "#26b8e6";
-export const utrechtPageHeaderColor = "#ffffff";
+export const utrechtPageHeaderColor = "#00377a";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
 export const utrechtTableHeaderFontWeight = "700";
@@ -298,6 +297,10 @@ export const utrechtUnorderedListMarkerColor = "#00377a";
 export const utrechtPageMarginInlineStart = "24px";
 export const utrechtPageMarginInlineEnd = "24px";
 export const utrechtPageMaxInlineSize = "1140px";
+export const utrechtSeparatorColor = "#d4d6d8";
+export const utrechtSeparatorBlockSize = "1px";
+export const utrechtSeparatorMarginBlockEnd = "0px";
+export const utrechtSeparatorMarginBlockStart = "0px";
 export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderColor = "#00377a";
 export const conductionCardHeaderTitleColor = "#00377a";
@@ -317,10 +320,12 @@ export const conductionCardWrapperPaddingBlockEnd = "18px";
 export const conductionCardWrapperPaddingBlockStart = "18px";
 export const conductionPrimaryTopNavColor = "#00377a";
 export const conductionPrimaryTopNavBackgroundColor = "#ffffff";
-export const conductionPrimaryTopNavBackgroundColorHover = "#fa4494";
-export const conductionPrimaryTopNavBackgroundColorActive = "#fa4494";
-export const conductionPrimaryTopNavBoxShadowActive = "";
-export const conductionPrimaryTopNavDropdownBorderRadius = "18px";
+export const conductionPrimaryTopNavHoverColor = "#ffffff";
+export const conductionPrimaryTopNavHoverBackgroundColor = "#fa4494";
+export const conductionPrimaryTopNavCurrentColor = "#ffffff";
+export const conductionPrimaryTopNavCurrentBackgroundColor = "#fa4494";
+export const conductionPrimaryTopNavCurrentBoxShadow = "";
+export const conductionPrimaryTopNavCurrentMobileBoxShadow = "";
 export const conductionPrimaryTopNavItemPadding = "18px";
 export const conductionPrimaryTopNavPaddingInlineEnd = "16px";
 export const conductionPrimaryTopNavPaddingInlineStart = "16px";
@@ -328,8 +333,11 @@ export const conductionPrimaryTopNavPaddingBlockEnd = "16px";
 export const conductionPrimaryTopNavPaddingBlockStart = "16px";
 export const conductionSecondaryTopNavColor = "#00377a";
 export const conductionSecondaryTopNavBackgroundColor = "transparent";
-export const conductionSecondaryTopNavBackgroundColorHover = "#eeeeee";
-export const conductionSecondaryTopNavBackgroundColorActive = "unset";
+export const conductionSecondaryTopNavHoverColor = "#ffffff";
+export const conductionSecondaryTopNavHoverBackgroundColor = "#fa4494";
+export const conductionSecondaryTopNavCurrentColor = "#ffffff";
+export const conductionSecondaryTopNavCurrentBackgroundColor = "#fa4494";
+export const conductionSecondaryTopNavCurrentBoxShadow = "";
 export const conductionSecondaryTopNavFontSize = "18px";
 export const conductionSecondaryTopNavFontWeight = "400";
 export const conductionSecondaryTopNavItemPadding = "18px";