@conduction/theme 1.0.42 → 1.0.44

package/municipalities/open-webconcept-design-tokens/dist/index.json

@@ -1124,45 +1124,47 @@
     ]
   },
   {
-    "value": "unset",
+    "value": "#444444",
     "filePath": "src/component/conduction/navigation.tokens.json",
     "isSource": true,
     "original": {
-      "value": "unset"
+      "value": "{open-webconcept.color.black.27}"
     },
-    "name": "conductionPrimaryTopNavBackgroundColorActive",
+    "name": "conductionPrimaryTopNavColor",
     "attributes": {
       "category": "conduction",
       "type": "primary",
       "item": "top-nav",
-      "subitem": "background-color-active"
+      "subitem": "color"
     },
     "path": [
       "conduction",
       "primary",
       "top-nav",
-      "background-color-active"
+      "color"
     ]
   },
   {
-    "value": "#eeeeee",
+    "value": "unset",
     "filePath": "src/component/conduction/navigation.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{open-webconcept.color.grey.93}"
+      "value": "unset"
     },
-    "name": "conductionPrimaryTopNavBackgroundColorHover",
+    "name": "conductionPrimaryTopNavCurrentBackgroundColor",
     "attributes": {
       "category": "conduction",
       "type": "primary",
       "item": "top-nav",
-      "subitem": "background-color-hover"
+      "subitem": "current",
+      "state": "background-color"
     },
     "path": [
       "conduction",
       "primary",
       "top-nav",
-      "background-color-hover"
+      "current",
+      "background-color"
     ]
   },
   {
@@ -1172,18 +1174,20 @@
     "original": {
       "value": "inset 0 -4px {open-webconcept.color.primary}"
     },
-    "name": "conductionPrimaryTopNavBoxShadowActive",
+    "name": "conductionPrimaryTopNavCurrentBoxShadow",
     "attributes": {
       "category": "conduction",
       "type": "primary",
       "item": "top-nav",
-      "subitem": "box-shadow-active"
+      "subitem": "current",
+      "state": "box-shadow"
     },
     "path": [
       "conduction",
       "primary",
       "top-nav",
-      "box-shadow-active"
+      "current",
+      "box-shadow"
     ]
   },
   {
@@ -1193,39 +1197,90 @@
     "original": {
       "value": "{open-webconcept.color.black.27}"
     },
-    "name": "conductionPrimaryTopNavColor",
+    "name": "conductionPrimaryTopNavCurrentColor",
     "attributes": {
       "category": "conduction",
       "type": "primary",
       "item": "top-nav",
-      "subitem": "color"
+      "subitem": "current",
+      "state": "color"
     },
     "path": [
       "conduction",
       "primary",
       "top-nav",
+      "current",
       "color"
     ]
   },
   {
-    "value": "18px",
+    "value": "inset 4px 0 #1abc9c",
     "filePath": "src/component/conduction/navigation.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{open-webconcept.size.md}"
+      "value": "inset 4px 0 {open-webconcept.color.primary}"
+    },
+    "name": "conductionPrimaryTopNavCurrentMobileBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "current",
+      "state": "mobile"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "current",
+      "mobile",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#eeeeee",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{open-webconcept.color.grey.93}"
+    },
+    "name": "conductionPrimaryTopNavHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "primary",
+      "item": "top-nav",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "primary",
+      "top-nav",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#444444",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{open-webconcept.color.black.27}"
     },
-    "name": "conductionPrimaryTopNavDropdownBorderRadius",
+    "name": "conductionPrimaryTopNavHoverColor",
     "attributes": {
       "category": "conduction",
       "type": "primary",
       "item": "top-nav",
-      "subitem": "dropdown-border-radius"
+      "subitem": "hover",
+      "state": "color"
     },
     "path": [
       "conduction",
       "primary",
       "top-nav",
-      "dropdown-border-radius"
+      "hover",
+      "color"
     ]
   },
   {
@@ -1356,6 +1411,27 @@
       "background-color"
     ]
   },
+  {
+    "value": "#444444",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{open-webconcept.color.black.27}"
+    },
+    "name": "conductionSecondaryTopNavColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "color"
+    ]
+  },
   {
     "value": "unset",
     "filePath": "src/component/conduction/navigation.tokens.json",
@@ -1363,39 +1439,43 @@
     "original": {
       "value": "unset"
     },
-    "name": "conductionSecondaryTopNavBackgroundColorActive",
+    "name": "conductionSecondaryTopNavCurrentBackgroundColor",
     "attributes": {
       "category": "conduction",
       "type": "secondary",
       "item": "top-nav",
-      "subitem": "background-color-active"
+      "subitem": "current",
+      "state": "background-color"
     },
     "path": [
       "conduction",
       "secondary",
       "top-nav",
-      "background-color-active"
+      "current",
+      "background-color"
     ]
   },
   {
-    "value": "#eeeeee",
+    "value": "inset 0 -4px #1abc9c",
     "filePath": "src/component/conduction/navigation.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{open-webconcept.color.grey.93}"
+      "value": "inset 0 -4px {open-webconcept.color.primary}"
     },
-    "name": "conductionSecondaryTopNavBackgroundColorHover",
+    "name": "conductionSecondaryTopNavCurrentBoxShadow",
     "attributes": {
       "category": "conduction",
       "type": "secondary",
       "item": "top-nav",
-      "subitem": "background-color-hover"
+      "subitem": "current",
+      "state": "box-shadow"
     },
     "path": [
       "conduction",
       "secondary",
       "top-nav",
-      "background-color-hover"
+      "current",
+      "box-shadow"
     ]
   },
   {
@@ -1405,17 +1485,19 @@
     "original": {
       "value": "{open-webconcept.color.black.27}"
     },
-    "name": "conductionSecondaryTopNavColor",
+    "name": "conductionSecondaryTopNavCurrentColor",
     "attributes": {
       "category": "conduction",
       "type": "secondary",
       "item": "top-nav",
-      "subitem": "color"
+      "subitem": "current",
+      "state": "color"
     },
     "path": [
       "conduction",
       "secondary",
       "top-nav",
+      "current",
       "color"
     ]
   },
@@ -1461,6 +1543,52 @@
       "font-weight"
     ]
   },
+  {
+    "value": "#eeeeee",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{open-webconcept.color.grey.93}"
+    },
+    "name": "conductionSecondaryTopNavHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#444444",
+    "filePath": "src/component/conduction/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{open-webconcept.color.black.27}"
+    },
+    "name": "conductionSecondaryTopNavHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "secondary",
+      "item": "top-nav",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "secondary",
+      "top-nav",
+      "hover",
+      "color"
+    ]
+  },
   {
     "value": "18px",
     "filePath": "src/component/conduction/navigation.tokens.json",
@@ -4575,18 +4703,37 @@
     "original": {
       "value": "{open-webconcept.color.black.20}"
     },
-    "name": "utrechtBreadcrumbBackgroundColor",
+    "name": "utrechtBreadcrumbNavBackgroundColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "background-color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "background-color"
     ]
   },
+  {
+    "value": "999px",
+    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "999px"
+    },
+    "name": "utrechtBreadcrumbNavBorderRadius",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb-nav",
+      "item": "border-radius"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb-nav",
+      "border-radius"
+    ]
+  },
   {
     "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/breadcrumb.tokens.json",
@@ -4594,15 +4741,15 @@
     "original": {
       "value": "{utrecht.document.font-family}"
     },
-    "name": "utrechtBreadcrumbFontFamily",
+    "name": "utrechtBreadcrumbNavFontFamily",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "font-family"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "font-family"
     ]
   },
@@ -4613,16 +4760,16 @@
     "original": {
       "value": "{open-webconcept.color.grey.73}"
     },
-    "name": "utrechtBreadcrumbLinkColor",
+    "name": "utrechtBreadcrumbNavLinkColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "link",
       "subitem": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "link",
       "color"
     ]
@@ -4634,17 +4781,17 @@
     "original": {
       "value": "{open-webconcept.color.white.100-70t}"
     },
-    "name": "utrechtBreadcrumbLinkCurrentColor",
+    "name": "utrechtBreadcrumbNavLinkCurrentColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "link",
       "subitem": "current",
       "state": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "link",
       "current",
       "color"
@@ -4657,17 +4804,17 @@
     "original": {
       "value": "{open-webconcept.color.white.100-70t}"
     },
-    "name": "utrechtBreadcrumbLinkDisabledColor",
+    "name": "utrechtBreadcrumbNavLinkDisabledColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "link",
       "subitem": "disabled",
       "state": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "link",
       "disabled",
       "color"
@@ -4680,17 +4827,17 @@
     "original": {
       "value": "{open-webconcept.color.grey.93}"
     },
-    "name": "utrechtBreadcrumbLinkHoverColor",
+    "name": "utrechtBreadcrumbNavLinkHoverColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "link",
       "subitem": "hover",
       "state": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "link",
       "hover",
       "color"
@@ -4703,15 +4850,15 @@
     "original": {
       "value": "12px"
     },
-    "name": "utrechtBreadcrumbPaddingBlockEnd",
+    "name": "utrechtBreadcrumbNavPaddingBlockEnd",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-block-end"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-block-end"
     ]
   },
@@ -4722,15 +4869,15 @@
     "original": {
       "value": "12px"
     },
-    "name": "utrechtBreadcrumbPaddingBlockStart",
+    "name": "utrechtBreadcrumbNavPaddingBlockStart",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-block-start"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-block-start"
     ]
   },
@@ -4741,15 +4888,15 @@
     "original": {
       "value": "0"
     },
-    "name": "utrechtBreadcrumbPaddingInlineEnd",
+    "name": "utrechtBreadcrumbNavPaddingInlineEnd",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-inline-end"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-inline-end"
     ]
   },
@@ -4760,15 +4907,15 @@
     "original": {
       "value": "0"
     },
-    "name": "utrechtBreadcrumbPaddingInlineStart",
+    "name": "utrechtBreadcrumbNavPaddingInlineStart",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "padding-inline-start"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "padding-inline-start"
     ]
   },
@@ -4779,19 +4926,17 @@
     "original": {
       "value": "{open-webconcept.color.grey.46}"
     },
-    "name": "utrechtBreadcrumbSeparatorIconColor",
+    "name": "utrechtBreadcrumbNavSeparatorColor",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "separator",
-      "subitem": "icon",
-      "state": "color"
+      "subitem": "color"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "separator",
-      "icon",
       "color"
     ]
   },
@@ -4802,17 +4947,17 @@
     "original": {
       "value": "{open-webconcept.font-size.sm}"
     },
-    "name": "utrechtBreadcrumbSeparatorIconSize",
+    "name": "utrechtBreadcrumbNavSeparatorIconSize",
     "attributes": {
       "category": "utrecht",
-      "type": "breadcrumb",
+      "type": "breadcrumb-nav",
       "item": "separator",
       "subitem": "icon",
       "state": "size"
     },
     "path": [
       "utrecht",
-      "breadcrumb",
+      "breadcrumb-nav",
       "separator",
       "icon",
       "size"

package/municipalities/open-webconcept-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 03 Oct 2023 13:22:28 GMT
+// Generated on Fri, 06 Oct 2023 12:30:31 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -31,14 +31,14 @@
 @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-background-color: unset;
 @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-background-color-active: unset;
+@conduction-primary-top-nav-current-background-color: unset;
 @conduction-card-wrapper-border-radius: usnet;
 @conduction-card-wrapper-border-style: solid;
 @utrecht-separator-margin-block-start: 0px;
@@ -74,10 +74,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;
@@ -195,11 +196,16 @@
 @conduction-pagination-item-color: @open-webconcept-color-black-0;
 @conduction-pagination-item-gap: @open-webconcept-size-2xs;
 @conduction-secondary-top-nav-font-size: @open-webconcept-font-size-md;
-@conduction-secondary-top-nav-background-color-hover: @open-webconcept-color-grey-93;
+@conduction-secondary-top-nav-current-box-shadow: inset 0 -4px @open-webconcept-color-primary;
+@conduction-secondary-top-nav-current-color: @open-webconcept-color-black-27;
+@conduction-secondary-top-nav-hover-background-color: @open-webconcept-color-grey-93;
+@conduction-secondary-top-nav-hover-color: @open-webconcept-color-black-27;
 @conduction-secondary-top-nav-color: @open-webconcept-color-black-27;
-@conduction-primary-top-nav-dropdown-border-radius: @open-webconcept-size-md;
-@conduction-primary-top-nav-box-shadow-active: inset 0 -4px @open-webconcept-color-primary;
-@conduction-primary-top-nav-background-color-hover: @open-webconcept-color-grey-93;
+@conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 @open-webconcept-color-primary;
+@conduction-primary-top-nav-current-box-shadow: inset 0 -4px @open-webconcept-color-primary;
+@conduction-primary-top-nav-current-color: @open-webconcept-color-black-27;
+@conduction-primary-top-nav-hover-background-color: @open-webconcept-color-grey-93;
+@conduction-primary-top-nav-hover-color: @open-webconcept-color-black-27;
 @conduction-primary-top-nav-background-color: @open-webconcept-color-white-100;
 @conduction-primary-top-nav-color: @open-webconcept-color-black-27;
 @conduction-card-wrapper-padding-block-start: @open-webconcept-size-md;
@@ -348,13 +354,13 @@
 @utrecht-button-border-width: @open-webconcept-size-3xs;
 @utrecht-button-border-color: @open-webconcept-color-primary;
 @utrecht-button-background-color: @open-webconcept-color-primary;
-@utrecht-breadcrumb-background-color: @open-webconcept-color-black-20;
-@utrecht-breadcrumb-separator-icon-size: @open-webconcept-font-size-sm;
-@utrecht-breadcrumb-separator-icon-color: @open-webconcept-color-grey-46;
-@utrecht-breadcrumb-link-hover-color: @open-webconcept-color-grey-93;
-@utrecht-breadcrumb-link-disabled-color: @open-webconcept-color-white-100-70t;
-@utrecht-breadcrumb-link-current-color: @open-webconcept-color-white-100-70t;
-@utrecht-breadcrumb-link-color: @open-webconcept-color-grey-73;
+@utrecht-breadcrumb-nav-background-color: @open-webconcept-color-black-20;
+@utrecht-breadcrumb-nav-separator-icon-size: @open-webconcept-font-size-sm;
+@utrecht-breadcrumb-nav-separator-color: @open-webconcept-color-grey-46;
+@utrecht-breadcrumb-nav-link-hover-color: @open-webconcept-color-grey-93;
+@utrecht-breadcrumb-nav-link-disabled-color: @open-webconcept-color-white-100-70t;
+@utrecht-breadcrumb-nav-link-current-color: @open-webconcept-color-white-100-70t;
+@utrecht-breadcrumb-nav-link-color: @open-webconcept-color-grey-73;
 @utrecht-blockquote-content-font-size: @open-webconcept-font-size-md;
 @utrecht-blockquote-content-color: @open-webconcept-color-black-0;
 @utrecht-blockquote-margin-inline-end: @open-webconcept-size-xl;
@@ -434,6 +440,6 @@
 @utrecht-button-secondary-action-hover-border-color: @open-webconcept-color-primary-hover;
 @utrecht-button-hover-border-color: @open-webconcept-color-primary-hover;
 @utrecht-button-hover-background-color: @open-webconcept-color-primary-hover;
-@utrecht-breadcrumb-font-family: @utrecht-document-font-family;
+@utrecht-breadcrumb-nav-font-family: @utrecht-document-font-family;
 @utrecht-badge-counter-font-family: @utrecht-document-font-family;
 @utrecht-badge-counter-font-size: @utrecht-document-font-size;