@conduction/theme 1.1.2 → 1.1.3

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

@@ -1534,6 +1534,10 @@
       },
       "hover": {
         "background-color": {},
+        "color": {},
+        "border-color": {},
+        "border-style": {},
+        "border-width": {},
         "border-bottom-color": {},
         "border-bottom-style": {},
         "border-bottom-width": {}
@@ -2659,24 +2663,29 @@
           "border-radius"
         ]
       },
-      "icon-gap": {
-        "value": "8px",
-        "filePath": "src/component/conduction/download-card.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.size.xs}"
-        },
-        "name": "conductionDownloadCardIconGap",
-        "attributes": {
-          "category": "conduction",
-          "type": "download-card",
-          "item": "icon-gap"
+      "icon": {
+        "gap": {
+          "value": "8px",
+          "filePath": "src/component/conduction/download-card.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.xs}"
+          },
+          "name": "conductionDownloadCardIconGap",
+          "attributes": {
+            "category": "conduction",
+            "type": "download-card",
+            "item": "icon",
+            "subitem": "gap"
+          },
+          "path": [
+            "conduction",
+            "download-card",
+            "icon",
+            "gap"
+          ]
         },
-        "path": [
-          "conduction",
-          "download-card",
-          "icon-gap"
-        ]
+        "color": {}
       },
       "padding-inline-end": {
         "value": "18px",
@@ -3994,6 +4003,9 @@
         "border-width": {},
         "border-style": {},
         "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
         "border-radius": {
           "value": "4px",
           "filePath": "src/component/conduction/pagination.tokens.json",
@@ -4059,9 +4071,13 @@
             "background-color"
           ]
         },
+        "border-width": {},
+        "border-style": {},
         "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
         "border-radius": {},
-        "border-width": {},
         "padding-inline-start": {
           "value": "8px",
           "filePath": "src/component/conduction/pagination.tokens.json",
@@ -4196,6 +4212,9 @@
           "border-width": {},
           "border-style": {},
           "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
           "border-radius": {}
         },
         "hover": {
@@ -4248,6 +4267,9 @@
           "border-width": {},
           "border-style": {},
           "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
           "border-radius": {}
         }
       },
@@ -4338,7 +4360,10 @@
         },
         "border-width": {},
         "border-style": {},
-        "border-color": {}
+        "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
       },
       "page": {
         "hover": {
@@ -4436,7 +4461,10 @@
           },
           "border-width": {},
           "border-style": {},
-          "border-color": {}
+          "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {}
         }
       }
     },
@@ -10397,181 +10425,10 @@
           ]
         }
       },
-      "row": {
-        "hover": {
-          "background-color": {
-            "value": "#f7f7f7",
-            "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "{conduction.color.grey.97}"
-            },
-            "name": "utrechtTableRowHoverBackgroundColor",
-            "attributes": {
-              "category": "utrecht",
-              "type": "table",
-              "item": "row",
-              "subitem": "hover",
-              "state": "background-color"
-            },
-            "path": [
-              "utrecht",
-              "table",
-              "row",
-              "hover",
-              "background-color"
-            ]
-          },
-          "color": {}
-        },
-        "border-block-end-color": {
-          "value": "#d1d1d1",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.color.grey.82}"
-          },
-          "name": "utrechtTableRowBorderBlockEndColor",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "row",
-            "subitem": "border-block-end-color"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "row",
-            "border-block-end-color"
-          ]
-        },
-        "border-block-end-width": {
-          "value": "1px",
-          "filePath": "src/component/utrecht/table.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "{conduction.size.4xs}"
-          },
-          "name": "utrechtTableRowBorderBlockEndWidth",
-          "attributes": {
-            "category": "utrecht",
-            "type": "table",
-            "item": "row",
-            "subitem": "border-block-end-width"
-          },
-          "path": [
-            "utrecht",
-            "table",
-            "row",
-            "border-block-end-width"
-          ]
-        },
-        "padding-inline-end": {},
-        "padding-inline-start": {},
-        "alternate-odd": {
-          "background-color": {},
-          "color": {}
-        },
-        "alternate-even": {
-          "background-color": {},
-          "color": {}
-        }
-      },
-      "body": {
-        "border": {},
-        "border-block-end-color": {},
-        "border-block-end-width": {}
-      },
-      "caption": {
-        "font-style": {},
-        "font-weight": {},
-        "font-family": {},
-        "font-size": {},
-        "color": {},
-        "line-height": {},
-        "text-align": {},
-        "margin-block-end": {}
-      },
-      "border-color": {},
-      "border-width": {},
-      "font-family": {
-        "value": "\"Noto Sans\", Arial, sans-serif",
-        "filePath": "src/component/utrecht/table.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{utrecht.document.font-family}"
-        },
-        "name": "utrechtTableFontFamily",
-        "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "font-family"
-        },
-        "path": [
-          "utrecht",
-          "table",
-          "font-family"
-        ]
-      },
-      "font-size": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/table.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{utrecht.document.font-size}"
-        },
-        "name": "utrechtTableFontSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "font-size"
-        },
-        "path": [
-          "utrecht",
-          "table",
-          "font-size"
-        ]
-      },
-      "line-height": {},
-      "margin-block-end": {
-        "value": 0,
-        "filePath": "src/component/utrecht/table.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": 0
-        },
-        "name": "utrechtTableMarginBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "margin-block-end"
-        },
-        "path": [
-          "utrecht",
-          "table",
-          "margin-block-end"
-        ]
-      },
-      "margin-block-start": {
-        "value": "18px",
-        "filePath": "src/component/utrecht/table.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{conduction.size.md}"
-        },
-        "name": "utrechtTableMarginBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "margin-block-start"
-        },
-        "path": [
-          "utrecht",
-          "table",
-          "margin-block-start"
-        ]
-      },
       "header-cell": {
+        "border-inline-end-width": {},
+        "border-inline-end-style": {},
+        "border-inline-end-color": {},
         "font-size": {
           "value": "18px",
           "filePath": "src/component/utrecht/table.tokens.json",
@@ -10658,6 +10515,9 @@
         }
       },
       "cell": {
+        "border-inline-end-width": {},
+        "border-inline-end-style": {},
+        "border-inline-end-color": {},
         "line-height": {},
         "padding-block-end": {
           "value": "18px",
@@ -10746,6 +10606,180 @@
         "icon": {
           "size": {}
         }
+      },
+      "row": {
+        "hover": {
+          "background-color": {
+            "value": "#f7f7f7",
+            "filePath": "src/component/utrecht/extra-tokens/table.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.grey.97}"
+            },
+            "name": "utrechtTableRowHoverBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "table",
+              "item": "row",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "table",
+              "row",
+              "hover",
+              "background-color"
+            ]
+          },
+          "color": {}
+        },
+        "border-block-end-color": {
+          "value": "#d1d1d1",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.82}"
+          },
+          "name": "utrechtTableRowBorderBlockEndColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "row",
+            "subitem": "border-block-end-color"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "row",
+            "border-block-end-color"
+          ]
+        },
+        "border-block-end-width": {
+          "value": "1px",
+          "filePath": "src/component/utrecht/table.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.4xs}"
+          },
+          "name": "utrechtTableRowBorderBlockEndWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "table",
+            "item": "row",
+            "subitem": "border-block-end-width"
+          },
+          "path": [
+            "utrecht",
+            "table",
+            "row",
+            "border-block-end-width"
+          ]
+        },
+        "padding-inline-end": {},
+        "padding-inline-start": {},
+        "alternate-odd": {
+          "background-color": {},
+          "color": {}
+        },
+        "alternate-even": {
+          "background-color": {},
+          "color": {}
+        }
+      },
+      "body": {
+        "border": {},
+        "border-block-end-color": {},
+        "border-block-end-width": {}
+      },
+      "caption": {
+        "font-style": {},
+        "font-weight": {},
+        "font-family": {},
+        "font-size": {},
+        "color": {},
+        "line-height": {},
+        "text-align": {},
+        "margin-block-end": {}
+      },
+      "border-color": {},
+      "border-width": {},
+      "font-family": {
+        "value": "\"Noto Sans\", Arial, sans-serif",
+        "filePath": "src/component/utrecht/table.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.document.font-family}"
+        },
+        "name": "utrechtTableFontFamily",
+        "attributes": {
+          "category": "utrecht",
+          "type": "table",
+          "item": "font-family"
+        },
+        "path": [
+          "utrecht",
+          "table",
+          "font-family"
+        ]
+      },
+      "font-size": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/table.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.document.font-size}"
+        },
+        "name": "utrechtTableFontSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "table",
+          "item": "font-size"
+        },
+        "path": [
+          "utrecht",
+          "table",
+          "font-size"
+        ]
+      },
+      "line-height": {},
+      "margin-block-end": {
+        "value": 0,
+        "filePath": "src/component/utrecht/table.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": 0
+        },
+        "name": "utrechtTableMarginBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "table",
+          "item": "margin-block-end"
+        },
+        "path": [
+          "utrecht",
+          "table",
+          "margin-block-end"
+        ]
+      },
+      "margin-block-start": {
+        "value": "18px",
+        "filePath": "src/component/utrecht/table.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "utrechtTableMarginBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "table",
+          "item": "margin-block-start"
+        },
+        "path": [
+          "utrecht",
+          "table",
+          "margin-block-start"
+        ]
       }
     },
     "textbox": {

package/conduction-design-tokens/src/component/conduction/card-wrapper.tokens.json

@@ -13,6 +13,10 @@
       "color": { "value": "{conduction.color.black.0}" },
       "hover": {
         "background-color": {},
+        "color": {},
+        "border-color": {},
+        "border-style": {},
+        "border-width": {},
         "border-bottom-color": {},
         "border-bottom-style": {},
         "border-bottom-width": {}

package/conduction-design-tokens/src/component/conduction/download-card.tokens.json

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

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

@@ -22,14 +22,21 @@
         "border-width": {},
         "border-style": {},
         "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
         "border-radius": { "value": "{conduction.size.2xs}" }
       },
       "navigation-button": {
         "color": { "value": "{conduction.color.white.100}" },
         "background-color": { "value": "{conduction.color.primary}" },
+        "border-width": {},
+        "border-style": {},
         "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
         "border-radius": {},
-        "border-width": {},
         "padding-inline-start": { "value": "{conduction.size.xs}" },
         "padding-inline-end": { "value": "{conduction.size.xs}" },
         "padding-block-start": { "value": "0px" },
@@ -40,6 +47,9 @@
           "border-width": {},
           "border-style": {},
           "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
           "border-radius": {}
         },
         "hover": {
@@ -48,6 +58,9 @@
           "border-width": {},
           "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/conduction-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json

@@ -8,6 +8,16 @@
         "border-block-end-width": { "value": "{conduction.size.4xs}" },
         "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": { "value": "{conduction.color.grey.97}" },

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 18 Dec 2023 16:14:02 GMT
+ * Generated on Tue, 19 Dec 2023 12:19:54 GMT
  */
 
 .commonground-theme {
@@ -93,8 +93,8 @@
   --utrecht-link-text-decoration: underline;
   --utrecht-textbox-font-size: 15px;
   --utrecht-textbox-border-radius: 8px;
-  --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-margin-block-end: 0;
+  --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-header-text-transform: unset;
   --utrecht-table-border-collapse: collapse;
   --utrecht-radio-button-icon-size: 5px;
@@ -360,15 +360,15 @@
   --utrecht-textbox-focus-background-color: var(--commonground-color-white-100);
   --utrecht-textbox-placeholder-color: var(--commonground-color-black-0-55t);
   --utrecht-textbox-background-color: var(--commonground-color-white-100);
+  --utrecht-table-margin-block-start: var(--commonground-size-md);
+  --utrecht-table-row-border-block-end-width: var(--commonground-size-4xs);
+  --utrecht-table-row-border-block-end-color: var(--commonground-color-grey-82);
+  --utrecht-table-row-hover-background-color: var(--commonground-color-grey-97);
   --utrecht-table-cell-padding-inline-start: var(--commonground-size-md);
   --utrecht-table-cell-padding-inline-end: var(--commonground-size-md);
   --utrecht-table-cell-padding-block-start: var(--commonground-size-md);
   --utrecht-table-cell-padding-block-end: var(--commonground-size-md);
   --utrecht-table-header-cell-font-weight: var(--commonground-typography-font-weight-bold);
-  --utrecht-table-margin-block-start: var(--commonground-size-md);
-  --utrecht-table-row-border-block-end-width: var(--commonground-size-4xs);
-  --utrecht-table-row-border-block-end-color: var(--commonground-color-grey-82);
-  --utrecht-table-row-hover-background-color: var(--commonground-color-grey-97);
   --utrecht-table-header-font-weight: var(--commonground-typography-font-weight-bold);
   --utrecht-table-header-border-block-end-width: var(--commonground-size-4xs);
   --utrecht-table-header-border-block-end-color: var(--commonground-color-grey-82);
@@ -564,10 +564,10 @@
   --utrecht-paragraph-color: var(--utrecht-document-color);
   --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
   --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
-  --utrecht-table-header-cell-color: var(--utrecht-document-color);
-  --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-color: var(--utrecht-document-color);
+  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
   --utrecht-table-header-color: var(--utrecht-document-color);
   --utrecht-radio-button-focus-color: var(--commonground-color-primary);
   --utrecht-radio-button-focus-border-color: var(--commonground-color-primary);