@conduction/theme 1.0.38 → 1.0.40

package/README.md

@@ -6,6 +6,8 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 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.

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 19 Sep 2023 14:29:50 GMT
+ * Generated on Thu, 28 Sep 2023 14:17:35 GMT
  */
 
 .conduction-theme {
@@ -34,6 +34,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-badge-counter-text-decoration: none;
   --utrecht-badge-counter-border-radius: 50%;
   --utrecht-action-submit-cursor: pointer;
@@ -250,6 +254,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-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);
@@ -380,6 +391,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);
   --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 Tue, 19 Sep 2023 14:29:50 GMT
+ * Generated on Thu, 28 Sep 2023 14:17:35 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";
@@ -211,6 +211,18 @@ 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 utrechtButtonBackgroundColor = "#4376fc";
 export const utrechtButtonBorderColor = "#4376fc";
 export const utrechtButtonBorderRadius = "3px";

package/conduction-design-tokens/dist/index.json

@@ -3854,6 +3854,256 @@
       "margin-inline-start"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.white.100}"
+    },
+    "name": "utrechtBreadcrumbBackgroundColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "background-color"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "background-color"
+    ]
+  },
+  {
+    "value": "\"Noto Sans\", Arial, 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": "#4376fc",
+    "filePath": "src/component/utrecht/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.primary}"
+    },
+    "name": "utrechtBreadcrumbLinkColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "link",
+      "subitem": "color"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "link",
+      "color"
+    ]
+  },
+  {
+    "value": "#4a4a4a",
+    "filePath": "src/component/utrecht/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.grey.29}"
+    },
+    "name": "utrechtBreadcrumbLinkCurrentColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "link",
+      "subitem": "current",
+      "state": "color"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "link",
+      "current",
+      "color"
+    ]
+  },
+  {
+    "value": "#4a4a4a",
+    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.grey.29}"
+    },
+    "name": "utrechtBreadcrumbLinkDisabledColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "link",
+      "subitem": "disabled",
+      "state": "color"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "link",
+      "disabled",
+      "color"
+    ]
+  },
+  {
+    "value": "#2e5ed9",
+    "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.primary-hover}"
+    },
+    "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": "#000000",
+    "filePath": "src/component/utrecht/breadcrumb.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.black.0}"
+    },
+    "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": "{conduction.font-size.sm}"
+    },
+    "name": "utrechtBreadcrumbSeparatorIconSize",
+    "attributes": {
+      "category": "utrecht",
+      "type": "breadcrumb",
+      "item": "separator",
+      "subitem": "icon",
+      "state": "size"
+    },
+    "path": [
+      "utrecht",
+      "breadcrumb",
+      "separator",
+      "icon",
+      "size"
+    ]
+  },
   {
     "value": "#4376fc",
     "filePath": "src/component/utrecht/button.tokens.json",

package/conduction-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 19 Sep 2023 14:29:50 GMT
+// Generated on Thu, 28 Sep 2023 14:17:36 GMT
 
 @utrecht-paragraph-margin-block-end: 0;
 @utrecht-paragraph-margin-block-start: 0;
@@ -32,6 +32,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-badge-counter-text-decoration: none;
 @utrecht-badge-counter-border-radius: 50%;
 @utrecht-action-submit-cursor: pointer;
@@ -248,6 +252,13 @@
 @utrecht-button-border-width: @conduction-size-3xs;
 @utrecht-button-border-color: @conduction-color-primary;
 @utrecht-button-background-color: @conduction-color-primary;
+@utrecht-breadcrumb-background-color: @conduction-color-white-100;
+@utrecht-breadcrumb-separator-icon-size: @conduction-font-size-sm;
+@utrecht-breadcrumb-separator-icon-color: @conduction-color-black-0;
+@utrecht-breadcrumb-link-hover-color: @conduction-color-primary-hover;
+@utrecht-breadcrumb-link-disabled-color: @conduction-color-grey-29;
+@utrecht-breadcrumb-link-current-color: @conduction-color-grey-29;
+@utrecht-breadcrumb-link-color: @conduction-color-primary;
 @utrecht-blockquote-content-font-size: @conduction-font-size-md;
 @utrecht-blockquote-content-color: @conduction-color-black-0;
 @utrecht-blockquote-margin-inline-end: @conduction-size-xl;
@@ -378,6 +389,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;
 @conduction-tabs-tab-selected-font-family: @utrecht-document-font-family;

package/conduction-design-tokens/dist/index.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 19 Sep 2023 14:29:50 GMT
+// Generated on Thu, 28 Sep 2023 14:17:35 GMT
 
 $utrecht-paragraph-margin-block-end: 0;
 $utrecht-paragraph-margin-block-start: 0;
@@ -32,6 +32,10 @@ $utrecht-button-primary-action-font-weight: inherit;
 $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-badge-counter-text-decoration: none;
 $utrecht-badge-counter-border-radius: 50%;
 $utrecht-action-submit-cursor: pointer;
@@ -248,6 +252,13 @@ $utrecht-button-color: $conduction-color-white-100;
 $utrecht-button-border-width: $conduction-size-3xs;
 $utrecht-button-border-color: $conduction-color-primary;
 $utrecht-button-background-color: $conduction-color-primary;
+$utrecht-breadcrumb-background-color: $conduction-color-white-100;
+$utrecht-breadcrumb-separator-icon-size: $conduction-font-size-sm;
+$utrecht-breadcrumb-separator-icon-color: $conduction-color-black-0;
+$utrecht-breadcrumb-link-hover-color: $conduction-color-primary-hover;
+$utrecht-breadcrumb-link-disabled-color: $conduction-color-grey-29;
+$utrecht-breadcrumb-link-current-color: $conduction-color-grey-29;
+$utrecht-breadcrumb-link-color: $conduction-color-primary;
 $utrecht-blockquote-content-font-size: $conduction-font-size-md;
 $utrecht-blockquote-content-color: $conduction-color-black-0;
 $utrecht-blockquote-margin-inline-end: $conduction-size-xl;
@@ -378,6 +389,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;
 $conduction-tabs-tab-selected-font-family: $utrecht-document-font-family;