@conduction/theme 1.0.38 → 1.0.41

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

@@ -0,0 +1,21 @@
+{
+  "utrecht": {
+    "breadcrumb": {
+      "background-color": { "value": "{tubbergen.color.green.21}" },
+      "padding-inline-start": { "value": "7.5px" },
+      "padding-inline-end": { "value": "7.5px" },
+      "padding-block-start": { "value": "15px" },
+      "padding-block-end": { "value": "15px" },
+      "link": {
+        "disabled": {
+          "background-color": {},
+          "color": { "value": "{tubbergen.color.white.100}" }
+        },
+        "hover": {
+          "background-color": {},
+          "color": { "value": "{tubbergen.color.white.100}" }
+        }
+      }
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 14:30:12 GMT
+ * Generated on Thu, 28 Sep 2023 18:52:58 GMT
  */
 
 .xxllnc-theme {
@@ -67,6 +67,10 @@
   --utrecht-button-font-size: inherit;
   --utrecht-button-border-width: 0;
   --utrecht-button-border-radius: 16px;
+  --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-badge-counter-text-decoration: none;
   --utrecht-badge-counter-border-radius: 50%;
   --utrecht-action-submit-cursor: pointer;
@@ -110,6 +114,7 @@
   --xxllnc-color-black-21: #333338;
   --xxllnc-color-black-17: #2b2b2b;
   --xxllnc-color-black-16: #28282c; /* Base/Black */
+  --xxllnc-color-black-14: #202125;
   --xxllnc-color-white-100-0t: #ffffff; /* White with 0% transparency */
   --xxllnc-color-white-100: #ffffff; /* Base/White */
   --xxllnc-color-white-95: #f1f1f1;
@@ -315,6 +320,12 @@
   --utrecht-button-font-family: var(--xxllnc-typography-inter-font-family);
   --utrecht-button-color: var(--xxllnc-color-grey-90);
   --utrecht-button-background-color: var(--xxllnc-color-black-17);
+  --utrecht-breadcrumb-separator-icon-size: var(--xxllnc-font-size-sm);
+  --utrecht-breadcrumb-separator-icon-color: var(--xxllnc-color-black-14);
+  --utrecht-breadcrumb-link-hover-color: var(--xxllnc-color-black-14);
+  --utrecht-breadcrumb-link-disabled-color: var(--xxllnc-color-black-14);
+  --utrecht-breadcrumb-link-current-color: var(--xxllnc-color-black-14);
+  --utrecht-breadcrumb-link-color: var(--xxllnc-color-black-14);
   --utrecht-blockquote-content-font-size: var(--xxllnc-font-size-md);
   --utrecht-blockquote-content-color: var(--xxllnc-color-black-16);
   --utrecht-blockquote-margin-inline-end: var(--xxllnc-size-xl);
@@ -383,6 +394,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-badge-counter-font-family: var(--utrecht-document-font-family);
   --utrecht-badge-counter-font-size: var(--utrecht-document-font-size);
   --utrecht-alert-icon-color: var(--xxllnc-color-alert-info);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 14:30:12 GMT
+ * Generated on Thu, 28 Sep 2023 18:52:58 GMT
  */
 
 export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
@@ -20,6 +20,7 @@ export const xxllncColorAlertInfoBackground = "#eaeaea";
 export const xxllncColorWhite95 = "#f1f1f1";
 export const xxllncColorWhite100 = "#ffffff"; // Base/White
 export const xxllncColorWhite1000t = "#ffffff"; // White with 0% transparency
+export const xxllncColorBlack14 = "#202125";
 export const xxllncColorBlack16 = "#28282c"; // Base/Black
 export const xxllncColorBlack17 = "#2b2b2b";
 export const xxllncColorBlack21 = "#333338";
@@ -120,6 +121,17 @@ export const utrechtBlockquoteMarginInlineStart = "32px";
 export const utrechtBlockquoteMarginInlineEnd = "32px";
 export const utrechtBlockquoteContentColor = "#28282c";
 export const utrechtBlockquoteContentFontSize = "16px";
+export const utrechtBreadcrumbFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtBreadcrumbLinkColor = "#202125";
+export const utrechtBreadcrumbLinkCurrentColor = "#202125";
+export const utrechtBreadcrumbLinkDisabledColor = "#202125";
+export const utrechtBreadcrumbLinkHoverColor = "#202125";
+export const utrechtBreadcrumbSeparatorIconColor = "#202125";
+export const utrechtBreadcrumbSeparatorIconSize = "14px";
+export const utrechtBreadcrumbPaddingInlineStart = "0";
+export const utrechtBreadcrumbPaddingInlineEnd = "0";
+export const utrechtBreadcrumbPaddingBlockStart = "12px";
+export const utrechtBreadcrumbPaddingBlockEnd = "12px";
 export const utrechtButtonBackgroundColor = "#2b2b2b";
 export const utrechtButtonBorderRadius = "16px";
 export const utrechtButtonBorderWidth = 0;

package/municipalities/xxllnc-design-tokens/dist/index.json

@@ -2698,6 +2698,237 @@
       "margin-inline-start"
     ]
   },
+  {
+    "value": "neue-haas-grotesk-text, sans-serif",
+    "filePath": "src/component/utrecht/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.document.font-family}"
+    },
+    "name": "utrechtBreadcrumbFontFamily",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "font-family"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "font-family"
+    ]
+  },
+  {
+    "value": "#202125",
+    "filePath": "src/component/utrecht/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.14}"
+    },
+    "name": "utrechtBreadcrumbLinkColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "link",
+      "subitem": "color"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "link",
+      "color"
+    ]
+  },
+  {
+    "value": "#202125",
+    "filePath": "src/component/utrecht/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.14}"
+    },
+    "name": "utrechtBreadcrumbLinkCurrentColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "link",
+      "subitem": "current",
+      "state": "color"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "link",
+      "current",
+      "color"
+    ]
+  },
+  {
+    "value": "#202125",
+    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.14}"
+    },
+    "name": "utrechtBreadcrumbLinkDisabledColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "link",
+      "subitem": "disabled",
+      "state": "color"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "link",
+      "disabled",
+      "color"
+    ]
+  },
+  {
+    "value": "#202125",
+    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.14}"
+    },
+    "name": "utrechtBreadcrumbLinkHoverColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "link",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "link",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "12px",
+    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "12px"
+    },
+    "name": "utrechtBreadcrumbPaddingBlockEnd",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "padding-block-end"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "padding-block-end"
+    ]
+  },
+  {
+    "value": "12px",
+    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "12px"
+    },
+    "name": "utrechtBreadcrumbPaddingBlockStart",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "padding-block-start"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "padding-block-start"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtBreadcrumbPaddingInlineEnd",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "padding-inline-end"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtBreadcrumbPaddingInlineStart",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "padding-inline-start"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "value": "#202125",
+    "filePath": "src/component/utrecht/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.14}"
+    },
+    "name": "utrechtBreadcrumbSeparatorIconColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "separator",
+      "subitem": "icon",
+      "state": "color"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "separator",
+      "icon",
+      "color"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/utrecht/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.font-size.sm}"
+    },
+    "name": "utrechtBreadcrumbSeparatorIconSize",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "separator",
+      "subitem": "icon",
+      "state": "size"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "separator",
+      "icon",
+      "size"
+    ]
+  },
   {
     "value": "#2b2b2b",
     "filePath": "src/component/utrecht/button.tokens.json",
@@ -6547,6 +6778,27 @@
       "0-22t"
     ]
   },
+  {
+    "value": "#202125",
+    "filePath": "src/brand/xxllnc/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#202125"
+    },
+    "name": "xxllncColorBlack14",
+    "attributes": {
+      "category": "xxllnc",
+      "type": "color",
+      "item": "black",
+      "subitem": "14"
+    },
+    "path": [
+      "xxllnc",
+      "color",
+      "black",
+      "14"
+    ]
+  },
   {
     "value": "#28282c",
     "comment": "Base/Black",

package/municipalities/xxllnc-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 19 Sep 2023 14:30:12 GMT
+// Generated on Thu, 28 Sep 2023 18:52:58 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -65,6 +65,10 @@
 @utrecht-button-font-size: inherit;
 @utrecht-button-border-width: 0;
 @utrecht-button-border-radius: 16px;
+@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-badge-counter-text-decoration: none;
 @utrecht-badge-counter-border-radius: 50%;
 @utrecht-action-submit-cursor: pointer;
@@ -108,6 +112,7 @@
 @xxllnc-color-black-21: #333338;
 @xxllnc-color-black-17: #2b2b2b;
 @xxllnc-color-black-16: #28282c; // Base/Black
+@xxllnc-color-black-14: #202125;
 @xxllnc-color-white-100-0t: #ffffff; // White with 0% transparency
 @xxllnc-color-white-100: #ffffff; // Base/White
 @xxllnc-color-white-95: #f1f1f1;
@@ -313,6 +318,12 @@
 @utrecht-button-font-family: @xxllnc-typography-inter-font-family;
 @utrecht-button-color: @xxllnc-color-grey-90;
 @utrecht-button-background-color: @xxllnc-color-black-17;
+@utrecht-breadcrumb-separator-icon-size: @xxllnc-font-size-sm;
+@utrecht-breadcrumb-separator-icon-color: @xxllnc-color-black-14;
+@utrecht-breadcrumb-link-hover-color: @xxllnc-color-black-14;
+@utrecht-breadcrumb-link-disabled-color: @xxllnc-color-black-14;
+@utrecht-breadcrumb-link-current-color: @xxllnc-color-black-14;
+@utrecht-breadcrumb-link-color: @xxllnc-color-black-14;
 @utrecht-blockquote-content-font-size: @xxllnc-font-size-md;
 @utrecht-blockquote-content-color: @xxllnc-color-black-16;
 @utrecht-blockquote-margin-inline-end: @xxllnc-size-xl;
@@ -381,6 +392,7 @@
 @utrecht-table-font-size: @utrecht-document-font-size;
 @utrecht-table-font-family: @utrecht-document-font-family;
 @utrecht-table-header-color: @utrecht-document-color;
+@utrecht-breadcrumb-font-family: @utrecht-document-font-family;
 @utrecht-badge-counter-font-family: @utrecht-document-font-family;
 @utrecht-badge-counter-font-size: @utrecht-document-font-size;
 @utrecht-alert-icon-color: @xxllnc-color-alert-info;

package/municipalities/xxllnc-design-tokens/dist/index.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 19 Sep 2023 14:30:12 GMT
+// Generated on Thu, 28 Sep 2023 18:52:58 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -65,6 +65,10 @@ $utrecht-button-font-weight: inherit;
 $utrecht-button-font-size: inherit;
 $utrecht-button-border-width: 0;
 $utrecht-button-border-radius: 16px;
+$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-badge-counter-text-decoration: none;
 $utrecht-badge-counter-border-radius: 50%;
 $utrecht-action-submit-cursor: pointer;
@@ -108,6 +112,7 @@ $xxllnc-color-black-0-22t: #00000038; // Black with 22% transparency
 $xxllnc-color-black-21: #333338;
 $xxllnc-color-black-17: #2b2b2b;
 $xxllnc-color-black-16: #28282c; // Base/Black
+$xxllnc-color-black-14: #202125;
 $xxllnc-color-white-100-0t: #ffffff; // White with 0% transparency
 $xxllnc-color-white-100: #ffffff; // Base/White
 $xxllnc-color-white-95: #f1f1f1;
@@ -313,6 +318,12 @@ $utrecht-button-padding-block-start: $xxllnc-size-2xs;
 $utrecht-button-font-family: $xxllnc-typography-inter-font-family;
 $utrecht-button-color: $xxllnc-color-grey-90;
 $utrecht-button-background-color: $xxllnc-color-black-17;
+$utrecht-breadcrumb-separator-icon-size: $xxllnc-font-size-sm;
+$utrecht-breadcrumb-separator-icon-color: $xxllnc-color-black-14;
+$utrecht-breadcrumb-link-hover-color: $xxllnc-color-black-14;
+$utrecht-breadcrumb-link-disabled-color: $xxllnc-color-black-14;
+$utrecht-breadcrumb-link-current-color: $xxllnc-color-black-14;
+$utrecht-breadcrumb-link-color: $xxllnc-color-black-14;
 $utrecht-blockquote-content-font-size: $xxllnc-font-size-md;
 $utrecht-blockquote-content-color: $xxllnc-color-black-16;
 $utrecht-blockquote-margin-inline-end: $xxllnc-size-xl;
@@ -381,6 +392,7 @@ $utrecht-table-header-cell-font-size: $utrecht-document-font-size;
 $utrecht-table-font-size: $utrecht-document-font-size;
 $utrecht-table-font-family: $utrecht-document-font-family;
 $utrecht-table-header-color: $utrecht-document-color;
+$utrecht-breadcrumb-font-family: $utrecht-document-font-family;
 $utrecht-badge-counter-font-family: $utrecht-document-font-family;
 $utrecht-badge-counter-font-size: $utrecht-document-font-size;
 $utrecht-alert-icon-color: $xxllnc-color-alert-info;