@conduction/theme 1.0.15 → 1.0.17

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

@@ -139,11 +139,11 @@
         ]
       },
       "alert-warning-background": {
-        "value": "#333338",
+        "value": "#fff3cd",
         "filePath": "src/brand/xxllnc/color.tokens.json",
         "isSource": true,
         "original": {
-          "value": "#333338"
+          "value": "#fff3cd"
         },
         "name": "xxllncColorAlertWarningBackground",
         "attributes": {
@@ -234,11 +234,11 @@
         ]
       },
       "alert-info": {
-        "value": "#155724",
+        "value": "#28282c",
         "filePath": "src/brand/xxllnc/color.tokens.json",
         "isSource": true,
         "original": {
-          "value": "#155724"
+          "value": "{xxllnc.color.black.16}"
         },
         "name": "xxllncColorAlertInfo",
         "attributes": {
@@ -253,11 +253,11 @@
         ]
       },
       "alert-info-background": {
-        "value": "#d4edda",
+        "value": "#eaeaea",
         "filePath": "src/brand/xxllnc/color.tokens.json",
         "isSource": true,
         "original": {
-          "value": "#d4edda"
+          "value": "{xxllnc.color.grey.92}"
         },
         "name": "xxllncColorAlertInfoBackground",
         "attributes": {
@@ -1968,7 +1968,7 @@
     },
     "alert": {
       "background-color": {
-        "value": "#d4edda",
+        "value": "#eaeaea",
         "filePath": "src/component/utrecht/alert.tokens.json",
         "isSource": true,
         "original": {
@@ -1989,7 +1989,7 @@
       "border-color": {},
       "border-width": {},
       "color": {
-        "value": "#155724",
+        "value": "#28282c",
         "filePath": "src/component/utrecht/alert.tokens.json",
         "isSource": true,
         "original": {
@@ -2087,7 +2087,7 @@
       "margin-block-end": {},
       "warning": {
         "background-color": {
-          "value": "#333338",
+          "value": "#fff3cd",
           "filePath": "src/component/utrecht/alert.tokens.json",
           "isSource": true,
           "original": {
@@ -2225,7 +2225,7 @@
       },
       "icon": {
         "color": {
-          "value": "#155724",
+          "value": "#28282c",
           "filePath": "src/component/utrecht/alert.tokens.json",
           "isSource": true,
           "original": {
@@ -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/brand/xxllnc/color.tokens.json

@@ -16,15 +16,15 @@
 
       "warning": { "value": "#ffc107" },
       "alert-warning": { "value": "#856404" },
-      "alert-warning-background": { "value": "#333338" },
+      "alert-warning-background": { "value": "#fff3cd" },
 
       "succes": { "value": "#28a745" },
       "alert-succes": { "value": "#155724" },
       "alert-succes-background": { "value": "#d4edda" },
 
       "info": { "value": "{xxllnc.color.primary}" },
-      "alert-info": { "value": "#155724" },
-      "alert-info-background": { "value": "#d4edda" },
+      "alert-info": { "value": "{xxllnc.color.black.16}" },
+      "alert-info-background": { "value": "{xxllnc.color.grey.92}" },
 
       "white": {
         "100": {

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/municipalities/xxllnc.css

@@ -46,7 +46,7 @@
 
   --xxllnc-color-warning: #ffc107;
   --xxllnc-color-alert-warning: #856404;
-  --xxllnc-color-alert-warning-background: #333338;
+  --xxllnc-color-alert-warning-background: #fff3cd;
 
   --xxllnc-color-success: #28a745;
   --xxllnc-color-alert-success: #155724;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/theme",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "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 */