@conduction/theme 1.0.15 → 1.0.16

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

@@ -75,27 +75,6 @@
       "border-radius"
     ]
   },
-  {
-    "value": "1px solid #eaeaea",
-    "filePath": "src/component/conduction/select.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "1px solid {xxllnc.color.grey.92}"
-    },
-    "name": "conductionInputSelectFocusBorder",
-    "attributes": {
-      "category": "conduction",
-      "type": "input-select",
-      "item": "focus",
-      "subitem": "border"
-    },
-    "path": [
-      "conduction",
-      "input-select",
-      "focus",
-      "border"
-    ]
-  },
   {
     "value": "#dc3545",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -2759,7 +2738,7 @@
   },
   {
     "value": "#ffffff",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.color.white.100}"
@@ -2778,7 +2757,7 @@
   },
   {
     "value": "unset",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "unset"
@@ -2797,7 +2776,7 @@
   },
   {
     "value": "#000000ad",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.color.primary}"
@@ -2816,7 +2795,7 @@
   },
   {
     "value": "48px",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.2xl}"
@@ -2835,7 +2814,7 @@
   },
   {
     "value": "48px",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.2xl}"
@@ -2854,7 +2833,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.sm}"
@@ -2873,7 +2852,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.sm}"
@@ -3118,6 +3097,44 @@
       "line-height"
     ]
   },
+  {
+    "value": 0,
+    "filePath": "src/component/utrecht/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": 0
+    },
+    "name": "utrechtParagraphMarginBlockEnd",
+    "attributes": {
+      "category": "utrecht",
+      "type": "paragraph",
+      "item": "margin-block-end"
+    },
+    "path": [
+      "utrecht",
+      "paragraph",
+      "margin-block-end"
+    ]
+  },
+  {
+    "value": 0,
+    "filePath": "src/component/utrecht/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": 0
+    },
+    "name": "utrechtParagraphMarginBlockStart",
+    "attributes": {
+      "category": "utrecht",
+      "type": "paragraph",
+      "item": "margin-block-start"
+    },
+    "path": [
+      "utrecht",
+      "paragraph",
+      "margin-block-start"
+    ]
+  },
   {
     "value": "48px",
     "filePath": "src/common/utrecht/space.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Aug 2023 14:20:55 GMT
+// Generated on Wed, 09 Aug 2023 13:53:32 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
@@ -10,8 +10,11 @@
 @utrecht-table-header-cell-text-transform: unset;
 @utrecht-table-header-text-transform: unset;
 @utrecht-table-margin-block-end: 0;
+@utrecht-paragraph-margin-block-end: 0;
+@utrecht-paragraph-margin-block-start: 0;
 @utrecht-paragraph-line-height: 1.5em;
 @utrecht-page-max-inline-size: 1140px;
+@utrecht-page-footer-background-image: unset;
 @utrecht-unordered-list-item-padding-inline-start: 1ch;
 @utrecht-unordered-list-padding-inline-start: 2ch;
 @utrecht-unordered-list-margin-block-end: 0;
@@ -23,7 +26,6 @@
 @utrecht-link-text-decoration: none;
 @utrecht-form-input-font-size: 15px;
 @utrecht-form-input-border-radius: 6px;
-@utrecht-page-footer-background-image: unset;
 @utrecht-code-block-margin-inline-end: 0;
 @utrecht-code-block-margin-inline-start: 0;
 @utrecht-code-font-size: inherit;
@@ -92,7 +94,6 @@
 @xxllnc-color-error: #dc3545;
 @xxllnc-color-primary-hover: #00000080; // Primary with 50% transparency
 @xxllnc-color-primary: #000000ad; // Primary with 68% transparency
-@conduction-input-select-focus-border: 1px solid @xxllnc-color-grey-92;
 @conduction-input-select-invalid-border-color: @xxllnc-color-error;
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
 @conduction-input-select-border: 1px solid @xxllnc-color-grey-92;
@@ -127,6 +128,12 @@
 @utrecht-page-header-padding-block-start: @xxllnc-size-sm;
 @utrecht-page-header-color: @xxllnc-color-black-16;
 @utrecht-page-header-background-color: @xxllnc-color-grey-92;
+@utrecht-page-footer-padding-block-start: @xxllnc-size-2xl;
+@utrecht-page-footer-padding-block-end: @xxllnc-size-2xl;
+@utrecht-page-footer-padding-inline-start: @xxllnc-size-sm;
+@utrecht-page-footer-padding-inline-end: @xxllnc-size-sm;
+@utrecht-page-footer-color: @xxllnc-color-primary;
+@utrecht-page-footer-background-color: @xxllnc-color-white-100;
 @utrecht-unordered-list-marker-color: @xxllnc-color-primary;
 @utrecht-unordered-list-item-margin-block-end: @xxllnc-size-xs;
 @utrecht-unordered-list-item-margin-block-start: @xxllnc-size-xs;
@@ -177,12 +184,6 @@
 @utrecht-form-input-border-width: @xxllnc-size-4xs;
 @utrecht-form-input-border-color: @xxllnc-color-black-0-22t;
 @utrecht-form-input-background-color: @xxllnc-color-white-100-0t;
-@utrecht-page-footer-padding-block-start: @xxllnc-size-2xl;
-@utrecht-page-footer-padding-block-end: @xxllnc-size-2xl;
-@utrecht-page-footer-padding-inline-start: @xxllnc-size-sm;
-@utrecht-page-footer-padding-inline-end: @xxllnc-size-sm;
-@utrecht-page-footer-color: @xxllnc-color-primary;
-@utrecht-page-footer-background-color: @xxllnc-color-white-100;
 @utrecht-document-font-size: @xxllnc-font-size-md;
 @utrecht-document-font-family: @xxllnc-typography-sans-serif-font-family;
 @utrecht-document-color: @xxllnc-color-black-16;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Aug 2023 14:20:55 GMT
+// Generated on Wed, 09 Aug 2023 13:53:32 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
@@ -10,8 +10,11 @@ $utrecht-textbox-border-radius: 6px;
 $utrecht-table-header-cell-text-transform: unset;
 $utrecht-table-header-text-transform: unset;
 $utrecht-table-margin-block-end: 0;
+$utrecht-paragraph-margin-block-end: 0;
+$utrecht-paragraph-margin-block-start: 0;
 $utrecht-paragraph-line-height: 1.5em;
 $utrecht-page-max-inline-size: 1140px;
+$utrecht-page-footer-background-image: unset;
 $utrecht-unordered-list-item-padding-inline-start: 1ch;
 $utrecht-unordered-list-padding-inline-start: 2ch;
 $utrecht-unordered-list-margin-block-end: 0;
@@ -23,7 +26,6 @@ $utrecht-link-text-decoration-color: unset;
 $utrecht-link-text-decoration: none;
 $utrecht-form-input-font-size: 15px;
 $utrecht-form-input-border-radius: 6px;
-$utrecht-page-footer-background-image: unset;
 $utrecht-code-block-margin-inline-end: 0;
 $utrecht-code-block-margin-inline-start: 0;
 $utrecht-code-font-size: inherit;
@@ -92,7 +94,6 @@ $xxllnc-color-alert-error: #721c24;
 $xxllnc-color-error: #dc3545;
 $xxllnc-color-primary-hover: #00000080; // Primary with 50% transparency
 $xxllnc-color-primary: #000000ad; // Primary with 68% transparency
-$conduction-input-select-focus-border: 1px solid $xxllnc-color-grey-92;
 $conduction-input-select-invalid-border-color: $xxllnc-color-error;
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
 $conduction-input-select-border: 1px solid $xxllnc-color-grey-92;
@@ -127,6 +128,12 @@ $utrecht-page-header-padding-block-end: $xxllnc-size-sm;
 $utrecht-page-header-padding-block-start: $xxllnc-size-sm;
 $utrecht-page-header-color: $xxllnc-color-black-16;
 $utrecht-page-header-background-color: $xxllnc-color-grey-92;
+$utrecht-page-footer-padding-block-start: $xxllnc-size-2xl;
+$utrecht-page-footer-padding-block-end: $xxllnc-size-2xl;
+$utrecht-page-footer-padding-inline-start: $xxllnc-size-sm;
+$utrecht-page-footer-padding-inline-end: $xxllnc-size-sm;
+$utrecht-page-footer-color: $xxllnc-color-primary;
+$utrecht-page-footer-background-color: $xxllnc-color-white-100;
 $utrecht-unordered-list-marker-color: $xxllnc-color-primary;
 $utrecht-unordered-list-item-margin-block-end: $xxllnc-size-xs;
 $utrecht-unordered-list-item-margin-block-start: $xxllnc-size-xs;
@@ -177,12 +184,6 @@ $utrecht-form-input-color: $xxllnc-color-grey-43;
 $utrecht-form-input-border-width: $xxllnc-size-4xs;
 $utrecht-form-input-border-color: $xxllnc-color-black-0-22t;
 $utrecht-form-input-background-color: $xxllnc-color-white-100-0t;
-$utrecht-page-footer-padding-block-start: $xxllnc-size-2xl;
-$utrecht-page-footer-padding-block-end: $xxllnc-size-2xl;
-$utrecht-page-footer-padding-inline-start: $xxllnc-size-sm;
-$utrecht-page-footer-padding-inline-end: $xxllnc-size-sm;
-$utrecht-page-footer-color: $xxllnc-color-primary;
-$utrecht-page-footer-background-color: $xxllnc-color-white-100;
 $utrecht-document-font-size: $xxllnc-font-size-md;
 $utrecht-document-font-family: $xxllnc-typography-sans-serif-font-family;
 $utrecht-document-color: $xxllnc-color-black-16;

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

@@ -3447,141 +3447,6 @@
       "font-weight": {},
       "line-height": {}
     },
-    "page-footer": {
-      "background-color": {
-        "value": "#ffffff",
-        "filePath": "src/component/utrecht/footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{xxllnc.color.white.100}"
-        },
-        "name": "utrechtPageFooterBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "background-color"
-        },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "background-color"
-        ]
-      },
-      "background-image": {
-        "value": "unset",
-        "filePath": "src/component/utrecht/footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "unset"
-        },
-        "name": "utrechtPageFooterBackgroundImage",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "background-image"
-        },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "background-image"
-        ]
-      },
-      "color": {
-        "value": "#000000ad",
-        "filePath": "src/component/utrecht/footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{xxllnc.color.primary}"
-        },
-        "name": "utrechtPageFooterColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "color"
-        },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "color"
-        ]
-      },
-      "padding-inline-end": {
-        "value": "14px",
-        "filePath": "src/component/utrecht/footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{xxllnc.size.sm}"
-        },
-        "name": "utrechtPageFooterPaddingInlineEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "padding-inline-end"
-        },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-inline-end"
-        ]
-      },
-      "padding-inline-start": {
-        "value": "14px",
-        "filePath": "src/component/utrecht/footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{xxllnc.size.sm}"
-        },
-        "name": "utrechtPageFooterPaddingInlineStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "padding-inline-start"
-        },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-inline-start"
-        ]
-      },
-      "padding-block-end": {
-        "value": "48px",
-        "filePath": "src/component/utrecht/footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{xxllnc.size.2xl}"
-        },
-        "name": "utrechtPageFooterPaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "padding-block-end"
-        },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-block-end"
-        ]
-      },
-      "padding-block-start": {
-        "value": "48px",
-        "filePath": "src/component/utrecht/footer.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "{xxllnc.size.2xl}"
-        },
-        "name": "utrechtPageFooterPaddingBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "page-footer",
-          "item": "padding-block-start"
-        },
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-block-start"
-        ]
-      }
-    },
     "form-input": {
       "background-color": {
         "value": "#ffffff",
@@ -4892,6 +4757,141 @@
         }
       }
     },
+    "page-footer": {
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{xxllnc.color.white.100}"
+        },
+        "name": "utrechtPageFooterBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "background-color"
+        ]
+      },
+      "background-image": {
+        "value": "unset",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "unset"
+        },
+        "name": "utrechtPageFooterBackgroundImage",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "background-image"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "background-image"
+        ]
+      },
+      "color": {
+        "value": "#000000ad",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{xxllnc.color.primary}"
+        },
+        "name": "utrechtPageFooterColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "color"
+        ]
+      },
+      "padding-inline-end": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{xxllnc.size.sm}"
+        },
+        "name": "utrechtPageFooterPaddingInlineEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-inline-end"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-inline-end"
+        ]
+      },
+      "padding-inline-start": {
+        "value": "14px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{xxllnc.size.sm}"
+        },
+        "name": "utrechtPageFooterPaddingInlineStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-inline-start"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-inline-start"
+        ]
+      },
+      "padding-block-end": {
+        "value": "48px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{xxllnc.size.2xl}"
+        },
+        "name": "utrechtPageFooterPaddingBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "48px",
+        "filePath": "src/component/utrecht/page-footer.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{xxllnc.size.2xl}"
+        },
+        "name": "utrechtPageFooterPaddingBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "page-footer",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-block-start"
+        ]
+      }
+    },
     "page-header": {
       "background-color": {
         "value": "#eaeaea",
@@ -5127,8 +5127,44 @@
           "line-height"
         ]
       },
-      "margin-block-start": {},
-      "margin-block-end": {},
+      "margin-block-start": {
+        "value": 0,
+        "filePath": "src/component/utrecht/paragraph.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": 0
+        },
+        "name": "utrechtParagraphMarginBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "paragraph",
+          "item": "margin-block-start"
+        },
+        "path": [
+          "utrecht",
+          "paragraph",
+          "margin-block-start"
+        ]
+      },
+      "margin-block-end": {
+        "value": 0,
+        "filePath": "src/component/utrecht/paragraph.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": 0
+        },
+        "name": "utrechtParagraphMarginBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "paragraph",
+          "item": "margin-block-end"
+        },
+        "path": [
+          "utrecht",
+          "paragraph",
+          "margin-block-end"
+        ]
+      },
       "lead": {
         "color": {},
         "font-size": {},
@@ -5961,29 +5997,7 @@
         ]
       },
       "hover": {},
-      "focus": {
-        "border": {
-          "value": "1px solid #eaeaea",
-          "filePath": "src/component/conduction/select.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "1px solid {xxllnc.color.grey.92}"
-          },
-          "name": "conductionInputSelectFocusBorder",
-          "attributes": {
-            "category": "conduction",
-            "type": "input-select",
-            "item": "focus",
-            "subitem": "border"
-          },
-          "path": [
-            "conduction",
-            "input-select",
-            "focus",
-            "border"
-          ]
-        }
-      }
+      "focus": {}
     }
   }
 }

package/municipalities/xxllnc-design-tokens/src/component/utrecht/paragraph.tokens.json

@@ -6,8 +6,8 @@
       "font-size": { "value": "{xxllnc.font-size.md}" },
       "font-weight": { "value": "{xxllnc.typography.font-weight.normal}" },
       "line-height": { "value": "1.5em" },
-      "margin-block-start": {},
-      "margin-block-end": {},
+      "margin-block-start": { "value": 0 },
+      "margin-block-end": { "value": 0 },
       "lead": {
         "color": {},
         "font-size": {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/theme",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "Conduction's design tokens theme",
   "main": "index.js",
   "repository": {

package/theme.css

@@ -347,8 +347,8 @@
   --utrecht-button-background-color: var(--conduction-color-primary);
 
   --utrecht-button-icon-gap: var(--conduction-size-xs);
-  /* --utrecht-button-border-color: <color>; */
-  --utrecht-button-border-width: 0;
+  --utrecht-button-border-color: var(--conduction-color-primary);
+  --utrecht-button-border-width: var(--conduction-size-3xs);
   --utrecht-button-border-radius: 3px;
   /* --utrecht-button-border-bottom-width: <length>; */
 
@@ -378,7 +378,7 @@
   --utrecht-button-secondary-action-border-color: var(
     --conduction-color-primary
   );
-  --utrecht-button-secondary-action-border-width: 2px;
+  --utrecht-button-secondary-action-border-width: var(--conduction-size-3xs);
   --utrecht-button-secondary-action-color: var(--conduction-color-primary);
   --utrecht-button-secondary-action-font-weight: var(
     --conduction-font-weight-normal
@@ -392,7 +392,7 @@
     --conduction-color-primary-hover
   );
   --utrecht-button-hover-color: var(--conduction-color-white-100);
-  /* --utrecht-button-hover-border-color: unset; */
+  --utrecht-button-hover-border-color: var(--conduction-color-primary-hover);
   /* --utrecht-button-focus-transform-scale: unset; */
 
   /* InputField */