@utrecht/design-tokens 2.5.0 → 3.0.0

package/dist/dark/index.flat.json

@@ -112,32 +112,37 @@
   "signalenModalDialogBackgroundColor": "hsl(0 0% 100%)",
   "signalenModalDialogColor": "hsl(0 0% 0%)",
   "signalenProgressBarBorderRadius": "4px",
-  "utrechtAccordionButtonActiveBackgroundColor": "hsl(0 0% 80%)",
-  "utrechtAccordionButtonActiveBorderColor": "hsl(0 0% 95%)",
+  "utrechtAccordionButtonActiveBackgroundColor": "hsl(0 0% 100%)",
+  "utrechtAccordionButtonActiveBorderColor": "transparent",
   "utrechtAccordionButtonActiveColor": "hsl(0 0% 10%)",
-  "utrechtAccordionButtonBackgroundColor": "hsl(0 0% 95%)",
-  "utrechtAccordionButtonBorderColor": "hsl(0 0% 95%)",
+  "utrechtAccordionButtonBorderColor": "transparent",
   "utrechtAccordionButtonBorderWidth": "0",
-  "utrechtAccordionButtonColor": "hsl(0 0% 10%)",
-  "utrechtAccordionButtonFocusBackgroundColor": "hsl(0 0% 80%)",
-  "utrechtAccordionButtonFocusBorderColor": "hsl(0 0% 95%)",
+  "utrechtAccordionButtonColor": "hsl(211 60% 40%)",
+  "utrechtAccordionButtonFocusBackgroundColor": "hsl(0 0% 100%)",
+  "utrechtAccordionButtonFocusBorderColor": "transparent",
   "utrechtAccordionButtonFocusColor": "hsl(0 0% 10%)",
-  "utrechtAccordionButtonHoverBackgroundColor": "inherit",
-  "utrechtAccordionButtonHoverBorderColor": "hsl(0 0% 95%)",
-  "utrechtAccordionButtonHoverColor": "hsl(0 0% 10%)",
+  "utrechtAccordionButtonFocusVisibleBackgroundColor": "hsl(48 100% 80%)",
+  "utrechtAccordionButtonFocusVisibleBorderColor": "hsl(0 0% 90%)",
+  "utrechtAccordionButtonFocusVisibleBorderWidth": "2px",
+  "utrechtAccordionButtonFocusVisibleColor": "hsl(211 60% 40%)",
+  "utrechtAccordionButtonHoverBackgroundColor": "hsl(0 0% 95%)",
+  "utrechtAccordionButtonHoverBorderColor": "transparent",
+  "utrechtAccordionButtonHoverColor": "hsl(211 60% 40%)",
   "utrechtAccordionButtonIconSize": "24px",
   "utrechtAccordionButtonIconUtrechtBackgroundColor": "hsl(48 100% 50%)",
-  "utrechtAccordionButtonPaddingBlockEnd": "8px",
-  "utrechtAccordionButtonPaddingBlockStart": "8px",
-  "utrechtAccordionButtonPaddingInlineEnd": "16px",
-  "utrechtAccordionButtonPaddingInlineStart": "16px",
-  "utrechtAccordionPanelBorderColor": "hsl(0 0% 95%)",
-  "utrechtAccordionPanelBorderWidth": "2px",
+  "utrechtAccordionButtonPaddingBlockEnd": "16px",
+  "utrechtAccordionButtonPaddingBlockStart": "16px",
+  "utrechtAccordionButtonPaddingInlineEnd": "8px",
+  "utrechtAccordionButtonPaddingInlineStart": "8px",
+  "utrechtAccordionPanelBorderColor": "transparent",
+  "utrechtAccordionPanelBorderWidth": "0",
   "utrechtAccordionPanelPaddingBlockEnd": "8px",
   "utrechtAccordionPanelPaddingBlockStart": "8px",
   "utrechtAccordionPanelPaddingInlineEnd": "16px",
-  "utrechtAccordionPanelPaddingInlineStart": "16px",
-  "utrechtAccordionRowGap": "8px",
+  "utrechtAccordionPanelPaddingInlineStart": "32px",
+  "utrechtAccordionSectionBorderColor": "hsl(0 0% 90%)",
+  "utrechtAccordionSectionBorderWidth": "2px",
+  "utrechtAccordionSectionHoverBorderColor": "hsl(0 0% 95%)",
   "utrechtAccordionSectionMarginBlockStart": "4px",
   "utrechtActionActivateCursor": "pointer",
   "utrechtActionBusyCursor": "wait",

package/dist/dark/index.json

@@ -2488,7 +2488,7 @@
       "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "hsl(0 0% 80%)",
+    "value": "hsl(0 0% 100%)",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -2500,7 +2500,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.80}"
+      "value": "{utrecht.color.white}"
     },
     "name": "utrechtAccordionButtonActiveBackgroundColor",
     "attributes": {},
@@ -2521,7 +2521,7 @@
       "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "hsl(0 0% 95%)",
+    "value": "transparent",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -2533,7 +2533,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.95}"
+      "value": "transparent"
     },
     "name": "utrechtAccordionButtonActiveBorderColor",
     "attributes": {},
@@ -2587,39 +2587,7 @@
       "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "hsl(0 0% 95%)",
-    "filePath": "src/component/utrecht/accordion.tokens.json",
-    "isSource": true,
-    "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
-          "inherits": true
-        },
-        "nl.nldesignsystem.figma.supports-token": true
-      },
-      "type": "color",
-      "value": "{utrecht.color.grey.95}"
-    },
-    "name": "utrechtAccordionButtonBackgroundColor",
-    "attributes": {},
-    "path": [
-      "utrecht",
-      "accordion",
-      "button",
-      "background-color"
-    ]
-  },
-  {
-    "$extensions": {
-      "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
-        "inherits": true
-      },
-      "nl.nldesignsystem.figma.supports-token": true
-    },
-    "type": "color",
-    "value": "hsl(0 0% 95%)",
+    "value": "transparent",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -2631,7 +2599,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.95}"
+      "value": "transparent"
     },
     "name": "utrechtAccordionButtonBorderColor",
     "attributes": {},
@@ -2689,7 +2657,7 @@
       "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "hsl(0 0% 10%)",
+    "value": "hsl(211 60% 40%)",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -2701,7 +2669,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.10}"
+      "value": "{utrecht.color.blue.40}"
     },
     "name": "utrechtAccordionButtonColor",
     "attributes": {},
@@ -2721,7 +2689,7 @@
       "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "hsl(0 0% 80%)",
+    "value": "hsl(0 0% 100%)",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -2733,7 +2701,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.80}"
+      "value": "{utrecht.color.white}"
     },
     "name": "utrechtAccordionButtonFocusBackgroundColor",
     "attributes": {},
@@ -2754,7 +2722,7 @@
       "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "hsl(0 0% 95%)",
+    "value": "transparent",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -2766,7 +2734,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.95}"
+      "value": "transparent"
     },
     "name": "utrechtAccordionButtonFocusBorderColor",
     "attributes": {},
@@ -2811,6 +2779,144 @@
       "color"
     ]
   },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(48 100% 80%)",
+    "filePath": "src/component/utrecht/accordion.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.yellow.80}"
+    },
+    "name": "utrechtAccordionButtonFocusVisibleBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "accordion",
+      "button",
+      "focus-visible",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 90%)",
+    "filePath": "src/component/utrecht/accordion.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.90}"
+    },
+    "name": "utrechtAccordionButtonFocusVisibleBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "accordion",
+      "button",
+      "focus-visible",
+      "border-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "borderWidth"
+      }
+    },
+    "type": "dimension",
+    "value": "2px",
+    "filePath": "src/component/utrecht/accordion.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "borderWidth"
+        }
+      },
+      "type": "dimension",
+      "value": "2px"
+    },
+    "name": "utrechtAccordionButtonFocusVisibleBorderWidth",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "accordion",
+      "button",
+      "focus-visible",
+      "border-width"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(211 60% 40%)",
+    "filePath": "src/component/utrecht/accordion.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.blue.40}"
+    },
+    "name": "utrechtAccordionButtonFocusVisibleColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "accordion",
+      "button",
+      "focus-visible",
+      "color"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -2820,7 +2926,7 @@
       "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "inherit",
+    "value": "hsl(0 0% 95%)",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -2832,7 +2938,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "inherit"
+      "value": "{utrecht.color.grey.95}"
     },
     "name": "utrechtAccordionButtonHoverBackgroundColor",
     "attributes": {},
@@ -2853,7 +2959,7 @@
       "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "hsl(0 0% 95%)",
+    "value": "transparent",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -2865,7 +2971,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.95}"
+      "value": "transparent"
     },
     "name": "utrechtAccordionButtonHoverBorderColor",
     "attributes": {},
@@ -2886,7 +2992,7 @@
       "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "hsl(0 0% 10%)",
+    "value": "hsl(211 60% 40%)",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -2898,7 +3004,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.10}"
+      "value": "{utrecht.color.blue.40}"
     },
     "name": "utrechtAccordionButtonHoverColor",
     "attributes": {},
@@ -2950,26 +3056,10 @@
     ]
   },
   {
-    "$extensions": {
-      "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
-        "inherits": true
-      },
-      "nl.nldesignsystem.figma.supports-token": false
-    },
-    "type": "color",
     "value": "hsl(48 100% 50%)",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
-          "inherits": true
-        },
-        "nl.nldesignsystem.figma.supports-token": false
-      },
-      "type": "color",
       "value": "{utrecht.color.yellow.50}"
     },
     "name": "utrechtAccordionButtonIconUtrechtBackgroundColor",
@@ -2995,7 +3085,7 @@
       }
     },
     "type": "dimension",
-    "value": "8px",
+    "value": "16px",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -3010,7 +3100,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.xs}"
+      "value": "{utrecht.space.block.md}"
     },
     "name": "utrechtAccordionButtonPaddingBlockEnd",
     "attributes": {},
@@ -3033,7 +3123,7 @@
       }
     },
     "type": "dimension",
-    "value": "8px",
+    "value": "16px",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -3048,7 +3138,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.xs}"
+      "value": "{utrecht.space.block.md}"
     },
     "name": "utrechtAccordionButtonPaddingBlockStart",
     "attributes": {},
@@ -3071,7 +3161,7 @@
       }
     },
     "type": "dimension",
-    "value": "16px",
+    "value": "8px",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -3086,7 +3176,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.md}"
+      "value": "{utrecht.space.block.xs}"
     },
     "name": "utrechtAccordionButtonPaddingInlineEnd",
     "attributes": {},
@@ -3109,7 +3199,7 @@
       }
     },
     "type": "dimension",
-    "value": "16px",
+    "value": "8px",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -3124,7 +3214,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.md}"
+      "value": "{utrecht.space.block.xs}"
     },
     "name": "utrechtAccordionButtonPaddingInlineStart",
     "attributes": {},
@@ -3144,7 +3234,7 @@
       "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "hsl(0 0% 95%)",
+    "value": "transparent",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -3156,7 +3246,7 @@
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.95}"
+      "value": "transparent"
     },
     "name": "utrechtAccordionPanelBorderColor",
     "attributes": {},
@@ -3179,7 +3269,7 @@
       }
     },
     "type": "dimension",
-    "value": "2px",
+    "value": "0",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -3194,7 +3284,7 @@
         }
       },
       "type": "dimension",
-      "value": "2px"
+      "value": "0"
     },
     "name": "utrechtAccordionPanelBorderWidth",
     "attributes": {},
@@ -3331,7 +3421,7 @@
       }
     },
     "type": "dimension",
-    "value": "16px",
+    "value": "32px",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -3346,7 +3436,7 @@
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.md}"
+      "value": "{utrecht.space.block.2xl}"
     },
     "name": "utrechtAccordionPanelPaddingInlineStart",
     "attributes": {},
@@ -3357,6 +3447,38 @@
       "padding-inline-start"
     ]
   },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 90%)",
+    "filePath": "src/component/utrecht/accordion.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.90}"
+    },
+    "name": "utrechtAccordionSectionBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "accordion",
+      "section",
+      "border-color"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -3365,11 +3487,11 @@
       },
       "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
-        "originalType": "spacing"
+        "originalType": "borderWidth"
       }
     },
     "type": "dimension",
-    "value": "8px",
+    "value": "2px",
     "filePath": "src/component/utrecht/accordion.tokens.json",
     "isSource": true,
     "original": {
@@ -3380,18 +3502,52 @@
         },
         "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
-          "originalType": "spacing"
+          "originalType": "borderWidth"
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.xs}"
+      "value": "2px"
     },
-    "name": "utrechtAccordionRowGap",
+    "name": "utrechtAccordionSectionBorderWidth",
     "attributes": {},
     "path": [
       "utrecht",
       "accordion",
-      "row-gap"
+      "section",
+      "border-width"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 95%)",
+    "filePath": "src/component/utrecht/accordion.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.95}"
+    },
+    "name": "utrechtAccordionSectionHoverBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "accordion",
+      "section",
+      "hover",
+      "border-color"
     ]
   },
   {