npm - @conduction/theme - Versions diffs - 1.1.2 → 1.1.3 - Mend

@conduction/theme 1.1.2 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (172) hide show

package/municipalities/xxllnc-design-tokens/src/component/conduction/download-card.tokens.json CHANGED Viewed

@@ -13,7 +13,12 @@
       "border-style": { "value": "solid" },
       "border-color": { "value": "{xxllnc.color.grey.82}" },
       "border-radius": { "value": "{xxllnc.size.md}" },
-      "icon-gap": { "value": "{xxllnc.size.xs}" },
+      "icon": {
+        "gap": {
+          "value": "{xxllnc.size.xs}"
+        },
+        "color": {}
+      },
       "padding-inline-end": { "value": "{xxllnc.size.md}" },
       "padding-inline-start": { "value": "{xxllnc.size.md}" },
       "padding-block-end": { "value": "{xxllnc.size.md}" },

package/municipalities/xxllnc-design-tokens/src/component/conduction/pagination.tokens.json CHANGED Viewed

@@ -22,14 +22,21 @@
         "border-width": {},
         "border-style": {},
         "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
         "border-radius": { "value": "{xxllnc.size.xl}" }
       },
       "navigation-button": {
         "color": { "value": "{xxllnc.color.white.100}" },
         "background-color": { "value": "{xxllnc.color.black.17}" },
+        "border-width": { "value": "0px" },
+        "border-style": {},
         "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
         "border-radius": {},
-        "border-width": { "value": "0px" },
         "padding-inline-start": { "value": "" },
         "padding-inline-end": { "value": "" },
         "padding-block-start": { "value": "0px" },
@@ -40,6 +47,9 @@
           "border-width": { "value": "0px" },
           "border-style": {},
           "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
           "border-radius": {}
         },
         "hover": {
@@ -48,6 +58,9 @@
           "border-width": { "value": "0px" },
           "border-style": {},
           "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
           "border-radius": {}
         }
       },
@@ -58,7 +71,10 @@
         "text-decoration": { "value": "unset" },
         "border-width": {},
         "border-style": {},
-        "border-color": {}
+        "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
       },
       "page": {
         "hover": {
@@ -68,7 +84,10 @@
           "text-decoration-thickness": { "value": "0px" },
           "border-width": {},
           "border-style": {},
-          "border-color": {}
+          "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {}
         }
       }
     }

package/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json CHANGED Viewed

@@ -8,6 +8,16 @@
         "border-block-end-width": {},
         "font-family": {}
       },
+      "header-cell": {
+        "border-inline-end-width": {},
+        "border-inline-end-style": {},
+        "border-inline-end-color": {}
+      },
+      "cell": {
+        "border-inline-end-width": {},
+        "border-inline-end-style": {},
+        "border-inline-end-color": {}
+      },
       "row": {
         "hover": {
           "background-color": {},

package/municipalities/zutphen-design-tokens/dist/design-tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 18 Dec 2023 16:14:15 GMT
+ * Generated on Tue, 19 Dec 2023 12:20:08 GMT
  */
 .zutphen-theme {
@@ -93,9 +93,9 @@
   --utrecht-link-text-decoration: underline;
   --utrecht-textbox-font-size: 15px;
   --utrecht-textbox-border-radius: 3px;
-  --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-margin-block-end: 0;
   --utrecht-table-body-border-block-end-width: 5px;
+  --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-header-text-transform: unset;
   --utrecht-table-border-collapse: collapse;
   --utrecht-radio-button-icon-size: 5px;
@@ -237,7 +237,7 @@
   --conduction-input-select-background-color: var(--zutphen-color-white-100);
   --conduction-pagination-page-hover-color: var(--zutphen-color-lightblue-31);
   --conduction-pagination-current-page-font-weight: var(--zutphen-typography-font-weight-normal);
-  --conduction-pagination-current-page-color: var(--zutphen-color-blue-42);
+  --conduction-pagination-current-page-color: var(--zutphen-color-lightblue-31);
   --conduction-pagination-navigation-button-hover-color: var(--zutphen-color-lightblue-31);
   --conduction-pagination-navigation-button-disabled-color: var(--zutphen-color-grey-82);
   --conduction-pagination-navigation-button-padding-inline-end: var(--zutphen-size-xs);
@@ -359,17 +359,17 @@
   --utrecht-textbox-focus-background-color: var(--zutphen-color-white-100);
   --utrecht-textbox-placeholder-color: var(--zutphen-color-grey-50);
   --utrecht-textbox-background-color: var(--zutphen-color-white-100);
+  --utrecht-table-margin-block-start: var(--zutphen-size-md);
+  --utrecht-table-body-border-block-end-color: var(--zutphen-color-turquoise-46);
+  --utrecht-table-row-alternate-even-background-color: var(--zutphen-color-white-100);
+  --utrecht-table-row-alternate-odd-background-color: var(--zutphen-color-grey-90);
+  --utrecht-table-row-hover-background-color: var(--zutphen-color-grey-90);
   --utrecht-table-cell-padding-inline-start: var(--zutphen-size-md);
   --utrecht-table-cell-padding-inline-end: var(--zutphen-size-md);
   --utrecht-table-cell-padding-block-start: var(--zutphen-size-md);
   --utrecht-table-cell-padding-block-end: var(--zutphen-size-md);
   --utrecht-table-header-cell-color: var(--zutphen-color-white-100);
   --utrecht-table-header-cell-font-weight: var(--zutphen-typography-font-weight-bold);
-  --utrecht-table-margin-block-start: var(--zutphen-size-md);
-  --utrecht-table-body-border-block-end-color: var(--zutphen-color-turquoise-46);
-  --utrecht-table-row-alternate-even-background-color: var(--zutphen-color-white-100);
-  --utrecht-table-row-alternate-odd-background-color: var(--zutphen-color-grey-90);
-  --utrecht-table-row-hover-background-color: var(--zutphen-color-grey-90);
   --utrecht-table-header-color: var(--zutphen-color-white-100);
   --utrecht-table-header-background-color: var(--zutphen-color-turquoise-46);
   --utrecht-table-header-font-weight: var(--zutphen-typography-font-weight-bold);
@@ -576,9 +576,9 @@
   --utrecht-heading-3-color: var(--zutphen-color-primary);
   --utrecht-heading-2-color: var(--zutphen-color-primary);
   --utrecht-heading-1-color: var(--zutphen-color-primary);
-  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-family: var(--utrecht-document-font-family);
+  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
   --utrecht-radio-button-focus-color: var(--zutphen-color-primary);
   --utrecht-radio-button-focus-border-color: var(--zutphen-color-primary);
   --utrecht-radio-button-checked-focus-color: var(--zutphen-color-primary);

package/municipalities/zutphen-design-tokens/dist/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 18 Dec 2023 16:14:15 GMT
+ * Generated on Tue, 19 Dec 2023 12:20:08 GMT
  */
 export const zutphenColorPrimary = "#063a96";
@@ -292,6 +292,14 @@ export const utrechtTableHeaderFontWeight = "700";
 export const utrechtTableHeaderBackgroundColor = "#549692";
 export const utrechtTableHeaderColor = "#ffffff";
 export const utrechtTableHeaderTextTransform = "unset";
+export const utrechtTableHeaderCellFontSize = "16px";
+export const utrechtTableHeaderCellFontWeight = "700";
+export const utrechtTableHeaderCellColor = "#ffffff";
+export const utrechtTableHeaderCellTextTransform = "unset";
+export const utrechtTableCellPaddingBlockEnd = "18px";
+export const utrechtTableCellPaddingBlockStart = "18px";
+export const utrechtTableCellPaddingInlineEnd = "18px";
+export const utrechtTableCellPaddingInlineStart = "18px";
 export const utrechtTableRowHoverBackgroundColor = "#e6e6e6";
 export const utrechtTableRowAlternateOddBackgroundColor = "#e6e6e6";
 export const utrechtTableRowAlternateEvenBackgroundColor = "#ffffff";
@@ -301,14 +309,6 @@ export const utrechtTableFontFamily = "Asap, \"Noto Sans\", Arial, sans-serif";
 export const utrechtTableFontSize = "16px";
 export const utrechtTableMarginBlockEnd = 0;
 export const utrechtTableMarginBlockStart = "18px";
-export const utrechtTableHeaderCellFontSize = "16px";
-export const utrechtTableHeaderCellFontWeight = "700";
-export const utrechtTableHeaderCellColor = "#ffffff";
-export const utrechtTableHeaderCellTextTransform = "unset";
-export const utrechtTableCellPaddingBlockEnd = "18px";
-export const utrechtTableCellPaddingBlockStart = "18px";
-export const utrechtTableCellPaddingInlineEnd = "18px";
-export const utrechtTableCellPaddingInlineStart = "18px";
 export const utrechtTextboxBackgroundColor = "#ffffff";
 export const utrechtTextboxPlaceholderColor = "#808080";
 export const utrechtTextboxFocusBackgroundColor = "#ffffff";
@@ -522,7 +522,7 @@ export const conductionPaginationNavigationButtonDisabledColor = "#d1d1d1";
 export const conductionPaginationNavigationButtonDisabledBackgroundColor = "transparent";
 export const conductionPaginationNavigationButtonHoverColor = "#23527c";
 export const conductionPaginationNavigationButtonHoverBackgroundColor = "transparent";
-export const conductionPaginationCurrentPageColor = "#0a51cd";
+export const conductionPaginationCurrentPageColor = "#23527c";
 export const conductionPaginationCurrentPageBackgroundColor = "transparent";
 export const conductionPaginationCurrentPageFontWeight = "400";
 export const conductionPaginationCurrentPageTextDecoration = "unset";

package/municipalities/zutphen-design-tokens/dist/index.json CHANGED Viewed

@@ -383,12 +383,14 @@
     "attributes": {
       "category": "conduction",
       "type": "download-card",
-      "item": "icon-gap"
+      "item": "icon",
+      "subitem": "gap"
     },
     "path": [
       "conduction",
       "download-card",
-      "icon-gap"
+      "icon",
+      "gap"
     ]
   },
   {
@@ -2099,11 +2101,11 @@
     ]
   },
   {
-    "value": "#0a51cd",
+    "value": "#23527c",
     "filePath": "src/component/conduction/pagination.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{zutphen.color.blue.42}"
+      "value": "{zutphen.color.lightblue.31}"
     },
     "name": "conductionPaginationCurrentPageColor",
     "attributes": {

package/municipalities/zutphen-design-tokens/dist/index.less CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 18 Dec 2023 16:14:15 GMT
+// Generated on Tue, 19 Dec 2023 12:20:08 GMT
 @conduction-tooltip-z-index: 9999;
 @conduction-tooltip-border-radius: 0px;
@@ -91,9 +91,9 @@
 @utrecht-link-text-decoration: underline;
 @utrecht-textbox-font-size: 15px;
 @utrecht-textbox-border-radius: 3px;
-@utrecht-table-header-cell-text-transform: unset;
 @utrecht-table-margin-block-end: 0;
 @utrecht-table-body-border-block-end-width: 5px;
+@utrecht-table-header-cell-text-transform: unset;
 @utrecht-table-header-text-transform: unset;
 @utrecht-table-border-collapse: collapse;
 @utrecht-radio-button-icon-size: 5px;
@@ -235,7 +235,7 @@
 @conduction-input-select-background-color: @zutphen-color-white-100;
 @conduction-pagination-page-hover-color: @zutphen-color-lightblue-31;
 @conduction-pagination-current-page-font-weight: @zutphen-typography-font-weight-normal;
-@conduction-pagination-current-page-color: @zutphen-color-blue-42;
+@conduction-pagination-current-page-color: @zutphen-color-lightblue-31;
 @conduction-pagination-navigation-button-hover-color: @zutphen-color-lightblue-31;
 @conduction-pagination-navigation-button-disabled-color: @zutphen-color-grey-82;
 @conduction-pagination-navigation-button-padding-inline-end: @zutphen-size-xs;
@@ -357,17 +357,17 @@
 @utrecht-textbox-focus-background-color: @zutphen-color-white-100;
 @utrecht-textbox-placeholder-color: @zutphen-color-grey-50;
 @utrecht-textbox-background-color: @zutphen-color-white-100;
+@utrecht-table-margin-block-start: @zutphen-size-md;
+@utrecht-table-body-border-block-end-color: @zutphen-color-turquoise-46;
+@utrecht-table-row-alternate-even-background-color: @zutphen-color-white-100;
+@utrecht-table-row-alternate-odd-background-color: @zutphen-color-grey-90;
+@utrecht-table-row-hover-background-color: @zutphen-color-grey-90;
 @utrecht-table-cell-padding-inline-start: @zutphen-size-md;
 @utrecht-table-cell-padding-inline-end: @zutphen-size-md;
 @utrecht-table-cell-padding-block-start: @zutphen-size-md;
 @utrecht-table-cell-padding-block-end: @zutphen-size-md;
 @utrecht-table-header-cell-color: @zutphen-color-white-100;
 @utrecht-table-header-cell-font-weight: @zutphen-typography-font-weight-bold;
-@utrecht-table-margin-block-start: @zutphen-size-md;
-@utrecht-table-body-border-block-end-color: @zutphen-color-turquoise-46;
-@utrecht-table-row-alternate-even-background-color: @zutphen-color-white-100;
-@utrecht-table-row-alternate-odd-background-color: @zutphen-color-grey-90;
-@utrecht-table-row-hover-background-color: @zutphen-color-grey-90;
 @utrecht-table-header-color: @zutphen-color-white-100;
 @utrecht-table-header-background-color: @zutphen-color-turquoise-46;
 @utrecht-table-header-font-weight: @zutphen-typography-font-weight-bold;
@@ -574,9 +574,9 @@
 @utrecht-heading-3-color: @zutphen-color-primary;
 @utrecht-heading-2-color: @zutphen-color-primary;
 @utrecht-heading-1-color: @zutphen-color-primary;
-@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-cell-font-size: @utrecht-document-font-size;
 @utrecht-radio-button-focus-color: @zutphen-color-primary;
 @utrecht-radio-button-focus-border-color: @zutphen-color-primary;
 @utrecht-radio-button-checked-focus-color: @zutphen-color-primary;

package/municipalities/zutphen-design-tokens/dist/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 18 Dec 2023 16:14:15 GMT
+// Generated on Tue, 19 Dec 2023 12:20:08 GMT
 $conduction-tooltip-z-index: 9999;
 $conduction-tooltip-border-radius: 0px;
@@ -91,9 +91,9 @@ $utrecht-link-hover-text-decoration: underline;
 $utrecht-link-text-decoration: underline;
 $utrecht-textbox-font-size: 15px;
 $utrecht-textbox-border-radius: 3px;
-$utrecht-table-header-cell-text-transform: unset;
 $utrecht-table-margin-block-end: 0;
 $utrecht-table-body-border-block-end-width: 5px;
+$utrecht-table-header-cell-text-transform: unset;
 $utrecht-table-header-text-transform: unset;
 $utrecht-table-border-collapse: collapse;
 $utrecht-radio-button-icon-size: 5px;
@@ -235,7 +235,7 @@ $conduction-input-select-border: $zutphen-size-4xs solid $zutphen-color-grey-84;
 $conduction-input-select-background-color: $zutphen-color-white-100;
 $conduction-pagination-page-hover-color: $zutphen-color-lightblue-31;
 $conduction-pagination-current-page-font-weight: $zutphen-typography-font-weight-normal;
-$conduction-pagination-current-page-color: $zutphen-color-blue-42;
+$conduction-pagination-current-page-color: $zutphen-color-lightblue-31;
 $conduction-pagination-navigation-button-hover-color: $zutphen-color-lightblue-31;
 $conduction-pagination-navigation-button-disabled-color: $zutphen-color-grey-82;
 $conduction-pagination-navigation-button-padding-inline-end: $zutphen-size-xs;
@@ -357,17 +357,17 @@ $utrecht-textbox-border-color: $zutphen-color-grey-48;
 $utrecht-textbox-focus-background-color: $zutphen-color-white-100;
 $utrecht-textbox-placeholder-color: $zutphen-color-grey-50;
 $utrecht-textbox-background-color: $zutphen-color-white-100;
+$utrecht-table-margin-block-start: $zutphen-size-md;
+$utrecht-table-body-border-block-end-color: $zutphen-color-turquoise-46;
+$utrecht-table-row-alternate-even-background-color: $zutphen-color-white-100;
+$utrecht-table-row-alternate-odd-background-color: $zutphen-color-grey-90;
+$utrecht-table-row-hover-background-color: $zutphen-color-grey-90;
 $utrecht-table-cell-padding-inline-start: $zutphen-size-md;
 $utrecht-table-cell-padding-inline-end: $zutphen-size-md;
 $utrecht-table-cell-padding-block-start: $zutphen-size-md;
 $utrecht-table-cell-padding-block-end: $zutphen-size-md;
 $utrecht-table-header-cell-color: $zutphen-color-white-100;
 $utrecht-table-header-cell-font-weight: $zutphen-typography-font-weight-bold;
-$utrecht-table-margin-block-start: $zutphen-size-md;
-$utrecht-table-body-border-block-end-color: $zutphen-color-turquoise-46;
-$utrecht-table-row-alternate-even-background-color: $zutphen-color-white-100;
-$utrecht-table-row-alternate-odd-background-color: $zutphen-color-grey-90;
-$utrecht-table-row-hover-background-color: $zutphen-color-grey-90;
 $utrecht-table-header-color: $zutphen-color-white-100;
 $utrecht-table-header-background-color: $zutphen-color-turquoise-46;
 $utrecht-table-header-font-weight: $zutphen-typography-font-weight-bold;
@@ -574,9 +574,9 @@ $utrecht-heading-4-color: $zutphen-color-primary;
 $utrecht-heading-3-color: $zutphen-color-primary;
 $utrecht-heading-2-color: $zutphen-color-primary;
 $utrecht-heading-1-color: $zutphen-color-primary;
-$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-cell-font-size: $utrecht-document-font-size;
 $utrecht-radio-button-focus-color: $zutphen-color-primary;
 $utrecht-radio-button-focus-border-color: $zutphen-color-primary;
 $utrecht-radio-button-checked-focus-color: $zutphen-color-primary;