@rijkshuisstijl-community/design-tokens 1.0.0-alpha.167 → 1.0.0-alpha.169

package/dist/uitvoerend-mintgroen-focus/index.tokens.json

@@ -14,8 +14,7 @@
         "outline": "#76d2b6"
       },
       "foreground": {
-        "default": "#000",
-        "lint": "#154273",
+        "default": "#0F172A",
         "subdued": "#334155",
         "onEmphasis": "#fff",
         "link": "#01689b"
@@ -23,7 +22,7 @@
       "border": {
         "default": "#64748B",
         "subdued": "#94A3B8",
-        "strong": "#000"
+        "strong": "#0F172A"
       },
       "canvas": "#fff",
       "feedback": {
@@ -47,7 +46,7 @@
       "accent": {
         "500": "#8fcae7"
       },
-      "grijs": {
+      "cool-grey": {
         "50": "#F8FAFC",
         "100": "#F1F5F9",
         "200": "#E2E8F0",
@@ -239,7 +238,7 @@
         "border-color": "#007bc7"
       },
       "hover": {
-        "color": "#154273",
+        "color": "#0F172A",
         "background-color": "#66AFDD"
       },
       "focus": {
@@ -260,7 +259,7 @@
         "font-weight": 400,
         "current": {
           "font-weight": 700,
-          "color": "#154273"
+          "color": "#0F172A"
         },
         "color": "#01689b",
         "active": {
@@ -293,7 +292,7 @@
     },
     "navigation-list": {
       "icon": {
-        "background-color": "#154273",
+        "background-color": "#0F172A",
         "border-radius": "999px",
         "color": "#fff"
       },
@@ -328,7 +327,7 @@
         "border-width": "1px",
         "border-color": "#CBD5E1",
         "heading": {
-          "color": "#154273"
+          "color": "#0F172A"
         },
         "column-gap": "1rem",
         "min-height": "48px",
@@ -347,7 +346,7 @@
         "column-gap": "1rem"
       },
       "icon": {
-        "color": "#154273",
+        "color": "#0F172A",
         "active": {
           "color": "#fff"
         },
@@ -355,18 +354,18 @@
       },
       "link": {
         "active": {
-          "background-color": "#154273",
+          "background-color": "#76d2b6",
           "color": "#fff"
         },
         "background-color": "#fff",
-        "color": "#154273",
+        "color": "#76d2b6",
         "focus": {
-          "background-color": "#dce3ea",
-          "color": "#154273"
+          "background-color": "#eaf8f4",
+          "color": "#76d2b6"
         },
         "hover": {
           "background-color": "#F8FAFC",
-          "color": "#154273"
+          "color": "#76d2b6"
         },
         "padding-block-end": "1rem",
         "padding-block-start": "1rem",
@@ -378,8 +377,8 @@
         "font-weight": 700
       },
       "background-color": "#fff",
-      "color": "#154273",
-      "border-color": "#64748B"
+      "color": "#76d2b6",
+      "border-color": "#98DDC8"
     },
     "message-list": {
       "item": {
@@ -390,7 +389,7 @@
         "column-gap": "1rem",
         "icon": {
           "size": "24px",
-          "color": "#154273"
+          "color": "#0F172A"
         },
         "min-height": "48px",
         "padding-block": "0.75rem",
@@ -407,7 +406,7 @@
           "line-height": "150%"
         },
         "heading": {
-          "color": "#154273"
+          "color": "#0F172A"
         }
       }
     },
@@ -578,11 +577,11 @@
       "border-color": "#CBD5E1",
       "border-radius": "5px",
       "border-width": "1px",
-      "color": "#154273",
+      "color": "#0F172A",
       "column-gap": "1rem",
       "inline-size": "328px",
       "icon": {
-        "color": "#154273",
+        "color": "#0F172A",
         "size": "24px"
       },
       "link": {
@@ -599,7 +598,7 @@
         }
       },
       "metadata": {
-        "color": "#154273"
+        "color": "#0F172A"
       },
       "padding-block-end": "1rem",
       "padding-block-start": "1rem",
@@ -658,7 +657,7 @@
         "padding-inline-start": "1rem",
         "expanded": {
           "background-color": "#fff",
-          "color": "#154273"
+          "color": "#0F172A"
         }
       },
       "section": {
@@ -670,7 +669,7 @@
         "margin": 0
       },
       "border-radius": "0px",
-      "color": "#154273"
+      "color": "#0F172A"
     },
     "keep": {
       "top-left": {
@@ -803,7 +802,7 @@
         "focus": {
           "background-color": "#FDD370",
           "border-color": "#154273",
-          "color": "#154273"
+          "color": "#0F172A"
         },
         "gap": "0.5rem",
         "icon": {
@@ -812,16 +811,16 @@
         "hover": {
           "background-color": "#F8FAFC",
           "border-color": "#94A3B8",
-          "color": "#154273"
+          "color": "#0F172A"
         },
         "background-color": "#fff",
         "border-color": "#94A3B8",
         "border-width": 0,
-        "color": "#154273",
+        "color": "#0F172A",
         "active": {
           "background-color": "#F1F5F9",
           "border-color": "#94A3B8",
-          "color": "#154273",
+          "color": "#0F172A",
           "row-gap": 0
         }
       },
@@ -1052,15 +1051,69 @@
         "border-color": "#4f7196"
       }
     },
-    "radio": {
+    "radio-button": {
       "focus": {
-        "background-color": "#FDD370"
+        "background-color": "#FDD370",
+        "border-color": "#154273",
+        "border-width": "2px"
       },
       "checked": {
         "focus": {
-          "background-color": "#FDD370"
-        }
-      }
+          "background-color": "#FDD370",
+          "border-color": "#154273",
+          "color": "#154273",
+          "border-width": "2px"
+        },
+        "background-color": "#154273",
+        "border-color": "transparent",
+        "color": "#fff",
+        "hover": {
+          "background-color": "#738eab",
+          "border-color": "transparent",
+          "color": "#fff",
+          "border-width": "1px"
+        },
+        "active": {
+          "background-color": "#4f7196",
+          "border-color": "transparent",
+          "color": "#fff",
+          "border-width": "1px"
+        },
+        "disabled": {
+          "background-color": "#CBD5E1",
+          "border-color": "#94A3B8",
+          "color": "#475569"
+        },
+        "border-width": "1px"
+      },
+      "active": {
+        "border-width": "1px",
+        "background-color": "#fff",
+        "border-color": "#4f7196"
+      },
+      "size": "24px",
+      "dot": {
+        "size": "12px"
+      },
+      "background-color": "#fff",
+      "border-color": "#154273",
+      "invalid": {
+        "background-color": "#f9dfdd",
+        "border-color": "#d52b1e",
+        "border-width": "1px"
+      },
+      "disabled": {
+        "background-color": "#CBD5E1",
+        "border-color": "#94A3B8",
+        "color": "#475569"
+      },
+      "hover": {
+        "background-color": "#fff",
+        "border-color": "#738eab",
+        "border-width": "1px"
+      },
+      "border-radius": "999px",
+      "border-width": "1px"
     },
     "link": {
       "focus": {
@@ -1100,7 +1153,7 @@
       "focus": {
         "background-color": "#FDD370",
         "border-color": "#154273",
-        "color": "#154273",
+        "color": "#0F172A",
         "border-width": "2px"
       },
       "image-background-position": "right 0.5rem center",
@@ -1109,11 +1162,11 @@
       },
       "background-color": "#fff",
       "border-color": "#154273",
-      "color": "#154273",
+      "color": "#0F172A",
       "invalid": {
         "background-color": "#f9dfdd",
         "border-color": "#d52b1e",
-        "color": "#154273",
+        "color": "#0F172A",
         "border-width": "1px"
       },
       "disabled": {
@@ -1124,7 +1177,7 @@
       "hover": {
         "background-color": "#fff",
         "border-color": "#738eab",
-        "color": "#154273",
+        "color": "#0F172A",
         "border-width": "1px"
       },
       "padding-block-end": "0.5rem",
@@ -1144,7 +1197,7 @@
       "focus": {
         "background-color": "#FDD370",
         "border-color": "#154273",
-        "color": "#154273",
+        "color": "#0F172A",
         "border-width": "2px"
       },
       "max-inline-size": "400px",
@@ -1154,11 +1207,11 @@
       "padding-inline-start": "0.75rem",
       "background-color": "#fff",
       "border-color": "#154273",
-      "color": "#154273",
+      "color": "#0F172A",
       "invalid": {
         "background-color": "#f9dfdd",
         "border-color": "#d52b1e",
-        "color": "#154273",
+        "color": "#0F172A",
         "border-width": "1px"
       },
       "placeholder": {
@@ -1172,12 +1225,12 @@
       "read-only": {
         "background-color": "#F1F5F9",
         "border-color": "transparent",
-        "color": "#154273"
+        "color": "#0F172A"
       },
       "hover": {
         "background-color": "#fff",
         "border-color": "#738eab",
-        "color": "#154273",
+        "color": "#0F172A",
         "border-width": "1px"
       },
       "border-radius": "2.5px",
@@ -1193,7 +1246,7 @@
         "background-color": "#FDD370",
         "border-width": "2px",
         "border-color": "#154273",
-        "color": "#154273"
+        "color": "#0F172A"
       },
       "border-radius": "2.5px",
       "font-family": "Fira Sans, Arial, Verdana, sans-serif",
@@ -1207,11 +1260,11 @@
       "padding-inline-start": "0.75rem",
       "background-color": "#fff",
       "border-color": "#154273",
-      "color": "#154273",
+      "color": "#0F172A",
       "invalid": {
         "background-color": "#f9dfdd",
         "border-color": "#d52b1e",
-        "color": "#154273",
+        "color": "#0F172A",
         "border-width": "1px"
       },
       "placeholder": {
@@ -1227,13 +1280,13 @@
       "read-only": {
         "background-color": "#F1F5F9",
         "border-color": "transparent",
-        "color": "#154273"
+        "color": "#0F172A"
       },
       "hover": {
         "border-width": "1px",
         "background-color": "#fff",
         "border-color": "#738eab",
-        "color": "#154273"
+        "color": "#0F172A"
       }
     },
     "counter-badge": {
@@ -1253,7 +1306,7 @@
       "padding-inline-start": "1.5rem",
       "margin-block-end": "0.25rem",
       "margin-block-start": "0.25rem",
-      "color": "#154273",
+      "color": "#0F172A",
       "font-family": "Fira Sans, Arial, Verdana, sans-serif",
       "font-weight": 400,
       "font-size": "1.25rem",
@@ -1264,14 +1317,14 @@
         "margin-block-start": "0.25rem"
       },
       "marker": {
-        "color": "#154273",
-        "border-color": "#154273"
+        "color": "#0F172A",
+        "border-color": "#0F172A"
       }
     },
     "table": {
       "header-cell": {
         "line-height": "150%",
-        "color": "#154273",
+        "color": "#0F172A",
         "font-family": "Fira Sans, Arial, Verdana, sans-serif",
         "font-weight": 700,
         "font-size": "1.25rem"
@@ -1279,7 +1332,7 @@
       "caption": {
         "line-height": "125%",
         "margin-block-end": "1.5rem",
-        "color": "#154273",
+        "color": "#0F172A",
         "font-family": "Fira Sans, Arial, Verdana, sans-serif",
         "font-weight": 700,
         "font-size": "1.875rem"
@@ -1292,7 +1345,7 @@
         "line-height": "150%"
       },
       "data-cell": {
-        "color": "#154273",
+        "color": "#0F172A",
         "font-family": "Fira Sans, Arial, Verdana, sans-serif",
         "font-weight": 400,
         "line-height": "150%",
@@ -1316,7 +1369,7 @@
       "footer-cell": {
         "font-weight": 700,
         "font-size": "1.25rem",
-        "color": "#154273",
+        "color": "#0F172A",
         "font-family": "Fira Sans, Arial, Verdana, sans-serif",
         "line-height": "150%"
       },
@@ -1344,70 +1397,6 @@
       "margin-block-end": "0.75rem",
       "margin-block-start": "0.75rem"
     },
-    "radio-button": {
-      "active": {
-        "border-width": "1px",
-        "background-color": "#fff",
-        "border-color": "#4f7196"
-      },
-      "size": "24px",
-      "dot": {
-        "size": "12px"
-      },
-      "background-color": "#fff",
-      "border-color": "#154273",
-      "invalid": {
-        "background-color": "#f9dfdd",
-        "border-color": "#d52b1e",
-        "border-width": "1px"
-      },
-      "focus": {
-        "background-color": "#fff",
-        "border-color": "#154273",
-        "border-width": "2px"
-      },
-      "disabled": {
-        "background-color": "#CBD5E1",
-        "border-color": "#94A3B8",
-        "color": "#475569"
-      },
-      "checked": {
-        "background-color": "#154273",
-        "border-color": "transparent",
-        "color": "#fff",
-        "hover": {
-          "background-color": "#738eab",
-          "border-color": "transparent",
-          "color": "#fff",
-          "border-width": "1px"
-        },
-        "active": {
-          "background-color": "#4f7196",
-          "border-color": "transparent",
-          "color": "#fff",
-          "border-width": "1px"
-        },
-        "focus": {
-          "background-color": "#fff",
-          "border-color": "#154273",
-          "color": "#154273",
-          "border-width": "2px"
-        },
-        "disabled": {
-          "background-color": "#CBD5E1",
-          "border-color": "#94A3B8",
-          "color": "#475569"
-        },
-        "border-width": "1px"
-      },
-      "hover": {
-        "background-color": "#fff",
-        "border-color": "#738eab",
-        "border-width": "1px"
-      },
-      "border-radius": "999px",
-      "border-width": "1px"
-    },
     "ordered-list": {
       "padding-inline-start": "1.5rem",
       "margin-block-end": "0.25rem",
@@ -1418,7 +1407,7 @@
         "margin-block-end": "0.25rem",
         "margin-block-start": "0.25rem"
       },
-      "color": "#154273",
+      "color": "#0F172A",
       "font-family": "Fira Sans, Arial, Verdana, sans-serif",
       "font-weight": 400,
       "font-size": "1.25rem",
@@ -1438,12 +1427,12 @@
       }
     },
     "form-label": {
-      "color": "#154273",
+      "color": "#0F172A",
       "font-size": "1.25rem",
       "font-weight": 700
     },
     "form-field-label": {
-      "color": "#154273",
+      "color": "#0F172A",
       "font-family": "Fira Sans, Arial, Verdana, sans-serif",
       "font-size": "1.25rem",
       "font-weight": 700,
@@ -1513,7 +1502,7 @@
     },
     "form-fieldset": {
       "legend": {
-        "color": "#154273",
+        "color": "#0F172A",
         "font-family": "Fira Sans, Arial, Verdana, sans-serif",
         "font-size": "1.25rem",
         "font-weight": 700,
@@ -1524,7 +1513,7 @@
       },
       "section": {
         "background-color": "transparent",
-        "color": "#154273"
+        "color": "#0F172A"
       },
       "invalid": {
         "border-inline-start": {
@@ -1598,7 +1587,7 @@
         "line-height": "150%",
         "font-weight": 400,
         "font-size": "1.5rem",
-        "color": "#154273"
+        "color": "#0F172A"
       },
       "margin-block-end": 0,
       "margin-block-start": 0,
@@ -1667,26 +1656,26 @@
       "padding-inline-start": "1rem",
       "background-color": "#d9ebf7",
       "border-color": "transparent",
-      "color": "#154273",
+      "color": "#0F172A",
       "info": {
         "background-color": "#d9ebf7",
         "border-color": "transparent",
-        "color": "#154273"
+        "color": "#0F172A"
       },
       "error": {
         "background-color": "#f9dfdd",
         "border-color": "transparent",
-        "color": "#154273"
+        "color": "#0F172A"
       },
       "ok": {
         "background-color": "#e1eddb",
         "border-color": "transparent",
-        "color": "#154273"
+        "color": "#0F172A"
       },
       "warning": {
         "background-color": "#fff4db",
         "border-color": "transparent",
-        "color": "#154273"
+        "color": "#0F172A"
       },
       "icon": {
         "inset-block-start": "3px",
@@ -1712,7 +1701,7 @@
     },
     "document": {
       "background-color": "#fff",
-      "color": "#000",
+      "color": "#0F172A",
       "font-family": "Fira Sans, Arial, Verdana, sans-serif",
       "font-size": "1.25rem",
       "line-height": "150%",
@@ -1795,7 +1784,7 @@
         "border-color": "#154273",
         "border-style": "solid",
         "border-width": "2px",
-        "color": "#154273",
+        "color": "#0F172A",
         "text-decoration": "None"
       },
       "focus-visible": {
@@ -1816,7 +1805,7 @@
       "text-underline-offset": "0.125rem"
     },
     "paragraph": {
-      "color": "#154273",
+      "color": "#0F172A",
       "font-family": "Fira Sans, Arial, Verdana, sans-serif",
       "font-size": "1.25rem",
       "font-weight": 400,
@@ -1824,16 +1813,10 @@
       "margin-block-end": 0,
       "margin-block-start": 0,
       "lead": {
-        "color": "#154273",
+        "color": "#0F172A",
         "font-size": "1.5rem",
         "font-weight": 400,
         "line-height": "150%"
-      },
-      "small": {
-        "color": "#154273",
-        "font-size": "1.125rem",
-        "font-weight": 400,
-        "line-height": "150%"
       }
     },
     "heading-level-1": {