@conduction/theme 1.0.41 → 1.0.43

package/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json

@@ -39,6 +39,13 @@
           "value": "#00000038",
           "comment": "Black with 22% transparency"
         },
+        "6": {
+          "value": "#0e0d10"
+        },
+        "12-6-7t": {
+          "value": "#1e1e2010",
+          "comment": "Black with transparency between 6% and 7%"
+        },
         "14": {
           "value": "#202125"
         },
@@ -55,6 +62,9 @@
         },
         "21": {
           "value": "#333338"
+        },
+        "23": {
+          "value": "#39383f"
         }
       },
       "grey": {
@@ -74,6 +84,9 @@
         }
       },
       "lightgrey": {
+        "86": {
+          "value": "#dbdbdb"
+        },
         "96": {
           "value": "#f5f5f5"
         }

package/municipalities/xxllnc-design-tokens/src/component/conduction/navigation.tokens.json

@@ -0,0 +1,66 @@
+{
+  "conduction": {
+    "primary": {
+      "top-nav": {
+        "color": { "value": "{xxllnc.color.black.23}" },
+        "background-color": { "value": "{xxllnc.color.grey.92}" },
+        "hover": {
+          "color": { "value": "{xxllnc.color.black.23}" },
+          "background-color": { "value": "{xxllnc.color.black.12-6-7t}" },
+          "box-shadow": {}
+        },
+        "current": {
+          "color": { "value": "{xxllnc.color.black.23}" },
+          "background-color": { "value": "{xxllnc.color.black.12-6-7t}" },
+          "box-shadow": {},
+          "mobile": {
+            "box-shadow": {}
+          }
+        },
+        "dropdown": {
+          "color": { "value": "{xxllnc.color.lightgrey.86}" },
+          "background-color": { "value": "{xxllnc.color.black.6}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "hover": {
+            "color": { "value": "{xxllnc.color.grey.92}" },
+            "background-color": { "value": "{xxllnc.color.black.6}" },
+            "box-shadow": {}
+          }
+        },
+        "item": {
+          "padding": { "value": "18px" }
+        },
+        "padding-inline-end": { "value": "16px" },
+        "padding-inline-start": { "value": "16px" },
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" }
+      }
+    },
+    "secondary": {
+      "top-nav": {
+        "color": { "value": "{xxllnc.color.black.23}" },
+        "background-color": { "value": "transparent" },
+        "hover": {
+          "color": { "value": "{xxllnc.color.black.23}" },
+          "background-color": { "value": "{xxllnc.color.black.12-6-7t}" }
+        },
+        "current": {
+          "color": { "value": "{xxllnc.color.black.23}" },
+          "background-color": { "value": "unset" },
+          "box-shadow": { "value": "inset 0 -4px {xxllnc.color.primary}" }
+        },
+        "font-size": { "value": "{xxllnc.font-size.md}" },
+        "font-weight": { "value": "400" },
+        "item": {
+          "padding": { "value": "18px" }
+        },
+        "padding-inline-end": { "value": "16px" },
+        "padding-inline-start": { "value": "16px" },
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" }
+      }
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 {
   "utrecht": {
-    "breadcrumb": {
+    "breadcrumb-nav": {
       "block-size": {},
       "font-family": { "value": "{utrecht.document.font-family}" },
       "font-size": {},
@@ -24,9 +24,9 @@
         }
       },
       "separator": {
+        "color": { "value": "{xxllnc.color.black.14}" },
         "inline-size": {},
         "icon": {
-          "color": { "value": "{xxllnc.color.black.14}" },
           "size": { "value": "{xxllnc.font-size.sm}" }
         }
       }

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

@@ -1,6 +1,6 @@
 {
   "utrecht": {
-    "breadcrumb": {
+    "breadcrumb-nav": {
       "background-color": {},
       "padding-inline-start": { "value": "0" },
       "padding-inline-end": { "value": "0" },

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

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "separator": {
+      "color": { "value": "{xxllnc.color.grey.90}" },
+      "block-size": { "value": "{xxllnc.size.4xs}" },
+      "margin-block-end": { "value": "0px" },
+      "margin-block-start": { "value": "0px" }
+    }
+  }
+}

package/package.json

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