@rijkshuisstijl-community/design-tokens 5.0.0 → 6.0.0

package/dist/uitvoerend-oranje/index.json

@@ -247,19 +247,6 @@
   "utrechtFormLabelRadioFontWeight": 400,
   "utrechtFormLabelCheckedFontWeight": 400,
   "utrechtFormLabelDisabledColor": "#94A3B8",
-  "utrechtNumberBadgeLineHeight": "125%",
-  "utrechtNumberBadgeBackgroundColor": "#e17000",
-  "utrechtNumberBadgeBorderColor": "transparent",
-  "utrechtNumberBadgeBorderRadius": "999px",
-  "utrechtNumberBadgeBorderWidth": "0px",
-  "utrechtNumberBadgeColor": "#fff",
-  "utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "utrechtNumberBadgeFontSize": "1.25rem",
-  "utrechtNumberBadgeFontWeight": 700,
-  "utrechtNumberBadgeMinBlockSize": "24px",
-  "utrechtNumberBadgeMinInlineSize": "24px",
-  "utrechtNumberBadgePaddingBlock": "0.125rem",
-  "utrechtNumberBadgePaddingInline": "0.5rem",
   "utrechtFigureCaptionBorderColor": "#CBD5E1",
   "utrechtFigureCaptionBorderWidth": "4px",
   "utrechtFigureCaptionPaddingBlockEnd": "0.5rem",
@@ -272,6 +259,18 @@
   "utrechtFigureImgBorderEndStartRadius": 0,
   "utrechtFigureImgBorderStartEndRadius": 0,
   "utrechtFigureImgBorderStartStartRadius": 0,
+  "utrechtNumberBadgeBackgroundColor": "#e17000",
+  "utrechtNumberBadgeBorderColor": "transparent",
+  "utrechtNumberBadgeBorderRadius": "999px",
+  "utrechtNumberBadgeBorderWidth": "0px",
+  "utrechtNumberBadgeColor": "#fff",
+  "utrechtNumberBadgeFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
+  "utrechtNumberBadgeFontSize": "1.25rem",
+  "utrechtNumberBadgeFontWeight": 700,
+  "utrechtNumberBadgeMinBlockSize": "24px",
+  "utrechtNumberBadgeMinInlineSize": "24px",
+  "utrechtNumberBadgePaddingBlock": "0.125rem",
+  "utrechtNumberBadgePaddingInline": "0.5rem",
   "utrechtBlockquoteBorderBlockEndWidth": 0,
   "utrechtBlockquoteBorderBlockStartWidth": 0,
   "utrechtBlockquoteBorderEndEndRadius": 0,
@@ -327,52 +326,6 @@
   "utrechtBlockquoteRowGap": "0.75rem",
   "utrechtBlockquoteAttributionColor": "#154273",
   "utrechtBlockquoteAttributionFontSize": "1.25rem",
-  "utrechtAccordionButtonActiveRowGap": 0,
-  "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
-  "utrechtAccordionButtonActiveBorderColor": "transparent",
-  "utrechtAccordionButtonActiveColor": "#0F172A",
-  "utrechtAccordionButtonFocusBackgroundColor": "#fbead9",
-  "utrechtAccordionButtonFocusBorderColor": "#e17000",
-  "utrechtAccordionButtonFocusColor": "#0F172A",
-  "utrechtAccordionButtonBackgroundColor": "#fff",
-  "utrechtAccordionButtonBorderColor": "transparent",
-  "utrechtAccordionButtonBorderRadius": "0px",
-  "utrechtAccordionButtonBorderWidth": "1px",
-  "utrechtAccordionButtonColor": "#0F172A",
-  "utrechtAccordionButtonGap": "0.5rem",
-  "utrechtAccordionButtonPaddingBlockEnd": "0.75rem",
-  "utrechtAccordionButtonPaddingBlockStart": "0.75rem",
-  "utrechtAccordionButtonPaddingInlineEnd": "1rem",
-  "utrechtAccordionButtonPaddingInlineStart": "1rem",
-  "utrechtAccordionButtonIconSize": "24px",
-  "utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
-  "utrechtAccordionButtonHoverBorderColor": "transparent",
-  "utrechtAccordionButtonHoverColor": "#0F172A",
-  "utrechtAccordionButtonFocusVisibleBackgroundColor": "#fbead9",
-  "utrechtAccordionButtonFocusVisibleBorderColor": "transparent",
-  "utrechtAccordionButtonFocusVisibleBorderWidth": "1px",
-  "utrechtAccordionButtonFocusVisibleColor": "#0F172A",
-  "utrechtAccordionMarginBlockEnd": "0rem",
-  "utrechtAccordionMarginBlockStart": "0rem",
-  "utrechtAccordionRowGap": "0rem",
-  "utrechtAccordionPanelBorderColor": "transparent",
-  "utrechtAccordionPanelBorderWidth": "1px",
-  "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
-  "utrechtAccordionPanelPaddingBlockStart": "1rem",
-  "utrechtAccordionPanelPaddingInlineEnd": "1rem",
-  "utrechtAccordionPanelPaddingInlineStart": "1rem",
-  "utrechtAccordionSectionBorderColor": "#94A3B8",
-  "utrechtAccordionSectionHoverBorderColor": "#94A3B8",
-  "utrechtAccordionSectionBorderWidth": "1px",
-  "utrechtAccordionSectionMarginBlockEnd": "0rem",
-  "utrechtAccordionSectionMarginBlockStart": "0rem",
-  "utrechtAlertHeadingFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "utrechtAlertHeadingFontSize": "1.25rem",
-  "utrechtAlertHeadingFontWeight": 700,
-  "utrechtAlertHeadingLineHeight": "150%",
-  "utrechtAlertMessageColumnGap": "0.5rem",
-  "utrechtAlertMessageLineHeight": "150%",
-  "utrechtAlertMessageRowGap": "0rem",
   "utrechtAlertBackgroundColor": "#d9ebf7",
   "utrechtAlertBorderColor": "transparent",
   "utrechtAlertBorderRadius": "5px",
@@ -392,6 +345,7 @@
   "utrechtAlertInfoBackgroundColor": "#d9ebf7",
   "utrechtAlertInfoBorderColor": "transparent",
   "utrechtAlertInfoColor": "#000",
+  "utrechtAlertMessageRowGap": "0rem",
   "utrechtAlertOkBackgroundColor": "#e1eddb",
   "utrechtAlertOkBorderColor": "transparent",
   "utrechtAlertOkColor": "#000",
@@ -405,35 +359,41 @@
   "utrechtAlertIconInfoColor": "#007bc7",
   "utrechtAlertIconOkColor": "#39870c",
   "utrechtAlertIconWarningColor": "#ffb612",
-  "utrechtSkipLinkFocusTextDecoration": "None",
-  "utrechtSkipLinkFocusBorderColor": "#e17000",
-  "utrechtSkipLinkFocusBorderWidth": "2px",
-  "utrechtSkipLinkFocusBorderStyle": "solid",
-  "utrechtSkipLinkFocusBackgroundColor": "#fff",
-  "utrechtSkipLinkFocusColor": "#01689b",
-  "utrechtSkipLinkBorderColor": "transparent",
-  "utrechtSkipLinkBoxBlockEndShadowColor": "#0000001a",
-  "utrechtSkipLinkBoxBlockEndShadowBlurRadius": "48px",
-  "utrechtSkipLinkBoxBlockEndShadowOffsetX": 0,
-  "utrechtSkipLinkBoxBlockEndShadowOffsetY": "16px",
-  "utrechtSkipLinkBoxBlockEndShadowSpreadRadius": 0,
-  "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
-  "utrechtSkipLinkFocusVisibleTextDecoration": "underline",
-  "utrechtSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "utrechtSkipLinkFontWeight": 700,
-  "utrechtSkipLinkLineHeight": "150%",
-  "utrechtSkipLinkBorderWidth": "2px",
-  "utrechtSkipLinkTextUnderlineOffset": "0.125rem",
-  "utrechtSkipLinkFontSize": "1.25rem",
-  "utrechtSkipLinkBackgroundColor": "#fff",
-  "utrechtSkipLinkColor": "#01689b",
-  "utrechtSkipLinkMinBlockSize": "48px",
-  "utrechtSkipLinkMinInlineSize": "48px",
-  "utrechtSkipLinkPaddingBlockEnd": "0.75rem",
-  "utrechtSkipLinkPaddingBlockStart": "0.75rem",
-  "utrechtSkipLinkPaddingInlineEnd": "1rem",
-  "utrechtSkipLinkPaddingInlineStart": "1rem",
-  "utrechtSkipLinkTextDecoration": "underline",
+  "utrechtAccordionMarginBlockEnd": "0rem",
+  "utrechtAccordionMarginBlockStart": "0rem",
+  "utrechtAccordionRowGap": "0rem",
+  "utrechtAccordionPanelBorderColor": "transparent",
+  "utrechtAccordionPanelBorderWidth": "1px",
+  "utrechtAccordionPanelPaddingBlockEnd": "1.5rem",
+  "utrechtAccordionPanelPaddingBlockStart": "1rem",
+  "utrechtAccordionPanelPaddingInlineEnd": "1rem",
+  "utrechtAccordionPanelPaddingInlineStart": "1rem",
+  "utrechtAccordionButtonBackgroundColor": "#fff",
+  "utrechtAccordionButtonBorderColor": "transparent",
+  "utrechtAccordionButtonBorderRadius": "0px",
+  "utrechtAccordionButtonBorderWidth": "1px",
+  "utrechtAccordionButtonColor": "#0F172A",
+  "utrechtAccordionButtonGap": "0.5rem",
+  "utrechtAccordionButtonPaddingBlockEnd": "0.75rem",
+  "utrechtAccordionButtonPaddingBlockStart": "0.75rem",
+  "utrechtAccordionButtonPaddingInlineEnd": "1rem",
+  "utrechtAccordionButtonPaddingInlineStart": "1rem",
+  "utrechtAccordionButtonIconSize": "24px",
+  "utrechtAccordionButtonActiveBackgroundColor": "#F1F5F9",
+  "utrechtAccordionButtonActiveBorderColor": "transparent",
+  "utrechtAccordionButtonActiveColor": "#0F172A",
+  "utrechtAccordionButtonHoverBackgroundColor": "#F8FAFC",
+  "utrechtAccordionButtonHoverBorderColor": "transparent",
+  "utrechtAccordionButtonHoverColor": "#0F172A",
+  "utrechtAccordionButtonFocusVisibleBackgroundColor": "#fbead9",
+  "utrechtAccordionButtonFocusVisibleBorderColor": "transparent",
+  "utrechtAccordionButtonFocusVisibleBorderWidth": "1px",
+  "utrechtAccordionButtonFocusVisibleColor": "#0F172A",
+  "utrechtAccordionSectionBorderColor": "#94A3B8",
+  "utrechtAccordionSectionHoverBorderColor": "#94A3B8",
+  "utrechtAccordionSectionBorderWidth": "1px",
+  "utrechtAccordionSectionMarginBlockEnd": "0rem",
+  "utrechtAccordionSectionMarginBlockStart": "0rem",
   "utrechtDataBadgeBackgroundColor": "#fbead9",
   "utrechtDataBadgeBorderRadius": "10px",
   "utrechtDataBadgeColor": "#e17000",
@@ -758,11 +718,9 @@
   "todoFigureRowGap": "0.5rem",
   "todoAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
   "todoAccordionButtonFontSize": "1.25rem",
-  "todoAccordionButtonFontWeight": 400,
-  "todoAccordionButtonLineHeight": "150%",
+  "todoAccordionButtonFontWeight": 700,
+  "todoAccordionButtonLineHeight": "1.875rem",
   "todoLinkListLinkHoverTextDecoration": "underline",
-  "todoSkipLinkFontWeight": 700,
-  "nlNumberBadgeLineHeight": "125%",
   "nlNumberBadgeBackgroundColor": "#e17000",
   "nlNumberBadgeBorderColor": "transparent",
   "nlNumberBadgeBorderRadius": "999px",
@@ -775,27 +733,6 @@
   "nlNumberBadgeMinInlineSize": "24px",
   "nlNumberBadgePaddingBlock": "0.125rem",
   "nlNumberBadgePaddingInline": "0.5rem",
-  "nlSkipLinkBorderColor": "transparent",
-  "nlSkipLinkBorderWidth": "2px",
-  "nlSkipLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "nlSkipLinkFontWeight": 700,
-  "nlSkipLinkPaddingBlockEnd": "0.75rem",
-  "nlSkipLinkPaddingBlockStart": "0.75rem",
-  "nlSkipLinkPaddingInlineEnd": "1rem",
-  "nlSkipLinkPaddingInlineStart": "1rem",
-  "nlSkipLinkBoxBlockEndShadowBlurRadius": "48px",
-  "nlSkipLinkBoxBlockEndShadowColor": "#0000001a",
-  "nlSkipLinkBoxBlockEndShadowOffsetX": 0,
-  "nlSkipLinkBoxBlockEndShadowOffsetY": "16px",
-  "nlSkipLinkBoxBlockEndShadowSpreadRadius": 0,
-  "nlSkipLinkFocusBackgroundColor": "#fff",
-  "nlSkipLinkFocusBorderColor": "#e17000",
-  "nlSkipLinkFocusBorderStyle": "solid",
-  "nlSkipLinkFocusBorderWidth": "2px",
-  "nlSkipLinkFocusColor": "#0F172A",
-  "nlSkipLinkFocusTextDecoration": "None",
-  "nlSkipLinkFocusVisibleOutlineColor": "#000",
-  "nlSkipLinkTextDecoration": "underline",
   "nlSkipLinkBackgroundColor": "#fff",
   "nlSkipLinkColor": "#01689b",
   "nlSkipLinkPaddingBlock": "0.75rem",
@@ -889,23 +826,6 @@
   "rhcKeepBottomLeftBorderRadiusTopRight": 0,
   "rhcKeepBottomLeftBorderRadiusBottomRight": 0,
   "rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
-  "rhcAccordionBorderRadius": "0px",
-  "rhcAccordionColor": "#0F172A",
-  "rhcAccordionHeaderMargin": 0,
-  "rhcAccordionSectionBorderBlockEndWidth": "1px",
-  "rhcAccordionSectionBorderColor": "#94A3B8",
-  "rhcAccordionSectionBorderWidth": "1px",
-  "rhcAccordionButtonPaddingBlockEnd": "0.75rem",
-  "rhcAccordionButtonPaddingBlockStart": "0.75rem",
-  "rhcAccordionButtonPaddingInlineEnd": "1rem",
-  "rhcAccordionButtonPaddingInlineStart": "1rem",
-  "rhcAccordionButtonExpandedBackgroundColor": "#fff",
-  "rhcAccordionButtonExpandedColor": "#0F172A",
-  "rhcAccordionButtonIconMarginBlock": "0.25rem",
-  "rhcAccordionButtonFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "rhcAccordionButtonFontWeight": 400,
-  "rhcAccordionButtonFontSize": "1.25rem",
-  "rhcAccordionButtonLineHeight": "150%",
   "rhcDataBadgeButtonColumnGap": "0.125rem",
   "rhcDataBadgeButtonHoverBackgroundColor": "#e17000",
   "rhcDataBadgeButtonHoverColor": "#fff",

package/dist/uitvoerend-oranje/index.tokens.json

@@ -370,21 +370,6 @@
         "color": "#94A3B8"
       }
     },
-    "number-badge": {
-      "line-height": "125%",
-      "background-color": "#e17000",
-      "border-color": "transparent",
-      "border-radius": "999px",
-      "border-width": "0px",
-      "color": "#fff",
-      "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
-      "font-size": "1.25rem",
-      "font-weight": 700,
-      "min-block-size": "24px",
-      "min-inline-size": "24px",
-      "padding-block": "0.125rem",
-      "padding-inline": "0.5rem"
-    },
     "figure": {
       "caption": {
         "border-color": "#CBD5E1",
@@ -403,6 +388,20 @@
         "border-start-start-radius": 0
       }
     },
+    "number-badge": {
+      "background-color": "#e17000",
+      "border-color": "transparent",
+      "border-radius": "999px",
+      "border-width": "0px",
+      "color": "#fff",
+      "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
+      "font-size": "1.25rem",
+      "font-weight": 700,
+      "min-block-size": "24px",
+      "min-inline-size": "24px",
+      "padding-block": "0.125rem",
+      "padding-inline": "0.5rem"
+    },
     "blockquote": {
       "border-block-end-width": 0,
       "border-block-start-width": 0,
@@ -474,77 +473,7 @@
         "font-size": "1.25rem"
       }
     },
-    "accordion": {
-      "button": {
-        "active": {
-          "row-gap": 0,
-          "background-color": "#F1F5F9",
-          "border-color": "transparent",
-          "color": "#0F172A"
-        },
-        "focus": {
-          "background-color": "#fbead9",
-          "border-color": "#e17000",
-          "color": "#0F172A"
-        },
-        "background-color": "#fff",
-        "border-color": "transparent",
-        "border-radius": "0px",
-        "border-width": "1px",
-        "color": "#0F172A",
-        "gap": "0.5rem",
-        "padding-block-end": "0.75rem",
-        "padding-block-start": "0.75rem",
-        "padding-inline-end": "1rem",
-        "padding-inline-start": "1rem",
-        "icon": {
-          "size": "24px"
-        },
-        "hover": {
-          "background-color": "#F8FAFC",
-          "border-color": "transparent",
-          "color": "#0F172A"
-        },
-        "focus-visible": {
-          "background-color": "#fbead9",
-          "border-color": "transparent",
-          "border-width": "1px",
-          "color": "#0F172A"
-        }
-      },
-      "margin-block-end": "0rem",
-      "margin-block-start": "0rem",
-      "row-gap": "0rem",
-      "panel": {
-        "border-color": "transparent",
-        "border-width": "1px",
-        "padding-block-end": "1.5rem",
-        "padding-block-start": "1rem",
-        "padding-inline-end": "1rem",
-        "padding-inline-start": "1rem"
-      },
-      "section": {
-        "border-color": "#94A3B8",
-        "hover": {
-          "border-color": "#94A3B8"
-        },
-        "border-width": "1px",
-        "margin-block-end": "0rem",
-        "margin-block-start": "0rem"
-      }
-    },
     "alert": {
-      "heading": {
-        "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
-        "font-size": "1.25rem",
-        "font-weight": 700,
-        "line-height": "150%"
-      },
-      "message": {
-        "column-gap": "0.5rem",
-        "line-height": "150%",
-        "row-gap": "0rem"
-      },
       "background-color": "#d9ebf7",
       "border-color": "transparent",
       "border-radius": "5px",
@@ -570,6 +499,9 @@
         "border-color": "transparent",
         "color": "#000"
       },
+      "message": {
+        "row-gap": "0rem"
+      },
       "ok": {
         "background-color": "#e1eddb",
         "border-color": "transparent",
@@ -598,42 +530,58 @@
         }
       }
     },
-    "skip-link": {
-      "focus": {
-        "text-decoration": "None",
-        "border-color": "#e17000",
-        "border-width": "2px",
-        "border-style": "solid",
-        "background-color": "#fff",
-        "color": "#01689b"
-      },
-      "border-color": "transparent",
-      "box-block-end-shadow": {
-        "color": "#0000001a",
-        "blur-radius": "48px",
-        "offset-x": 0,
-        "offset-y": "16px",
-        "spread-radius": 0
+    "accordion": {
+      "margin-block-end": "0rem",
+      "margin-block-start": "0rem",
+      "row-gap": "0rem",
+      "panel": {
+        "border-color": "transparent",
+        "border-width": "1px",
+        "padding-block-end": "1.5rem",
+        "padding-block-start": "1rem",
+        "padding-inline-end": "1rem",
+        "padding-inline-start": "1rem"
       },
-      "focus-visible": {
-        "outline-color": "#000",
-        "text-decoration": "underline"
+      "button": {
+        "background-color": "#fff",
+        "border-color": "transparent",
+        "border-radius": "0px",
+        "border-width": "1px",
+        "color": "#0F172A",
+        "gap": "0.5rem",
+        "padding-block-end": "0.75rem",
+        "padding-block-start": "0.75rem",
+        "padding-inline-end": "1rem",
+        "padding-inline-start": "1rem",
+        "icon": {
+          "size": "24px"
+        },
+        "active": {
+          "background-color": "#F1F5F9",
+          "border-color": "transparent",
+          "color": "#0F172A"
+        },
+        "hover": {
+          "background-color": "#F8FAFC",
+          "border-color": "transparent",
+          "color": "#0F172A"
+        },
+        "focus-visible": {
+          "background-color": "#fbead9",
+          "border-color": "transparent",
+          "border-width": "1px",
+          "color": "#0F172A"
+        }
       },
-      "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
-      "font-weight": 700,
-      "line-height": "150%",
-      "border-width": "2px",
-      "text-underline-offset": "0.125rem",
-      "font-size": "1.25rem",
-      "background-color": "#fff",
-      "color": "#01689b",
-      "min-block-size": "48px",
-      "min-inline-size": "48px",
-      "padding-block-end": "0.75rem",
-      "padding-block-start": "0.75rem",
-      "padding-inline-end": "1rem",
-      "padding-inline-start": "1rem",
-      "text-decoration": "underline"
+      "section": {
+        "border-color": "#94A3B8",
+        "hover": {
+          "border-color": "#94A3B8"
+        },
+        "border-width": "1px",
+        "margin-block-end": "0rem",
+        "margin-block-start": "0rem"
+      }
     },
     "data-badge": {
       "background-color": "#fbead9",
@@ -1197,8 +1145,8 @@
       "button": {
         "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
         "font-size": "1.25rem",
-        "font-weight": 400,
-        "line-height": "150%"
+        "font-weight": 700,
+        "line-height": "1.875rem"
       }
     },
     "link-list": {
@@ -1207,14 +1155,10 @@
           "text-decoration": "underline"
         }
       }
-    },
-    "skip-link": {
-      "font-weight": 700
     }
   },
   "nl": {
     "number-badge": {
-      "line-height": "125%",
       "background-color": "#e17000",
       "border-color": "transparent",
       "border-radius": "999px",
@@ -1229,33 +1173,6 @@
       "padding-inline": "0.5rem"
     },
     "skip-link": {
-      "border-color": "transparent",
-      "border-width": "2px",
-      "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
-      "font-weight": 700,
-      "padding-block-end": "0.75rem",
-      "padding-block-start": "0.75rem",
-      "padding-inline-end": "1rem",
-      "padding-inline-start": "1rem",
-      "box-block-end-shadow": {
-        "blur-radius": "48px",
-        "color": "#0000001a",
-        "offset-x": 0,
-        "offset-y": "16px",
-        "spread-radius": 0
-      },
-      "focus": {
-        "background-color": "#fff",
-        "border-color": "#e17000",
-        "border-style": "solid",
-        "border-width": "2px",
-        "color": "#0F172A",
-        "text-decoration": "None"
-      },
-      "focus-visible": {
-        "outline-color": "#000"
-      },
-      "text-decoration": "underline",
       "background-color": "#fff",
       "color": "#01689b",
       "padding-block": "0.75rem",
@@ -1390,35 +1307,6 @@
         "borderRadiusBottomLeft": "48px"
       }
     },
-    "accordion": {
-      "border-radius": "0px",
-      "color": "#0F172A",
-      "header": {
-        "margin": 0
-      },
-      "section": {
-        "border-block-end-width": "1px",
-        "border-color": "#94A3B8",
-        "border-width": "1px"
-      },
-      "button": {
-        "padding-block-end": "0.75rem",
-        "padding-block-start": "0.75rem",
-        "padding-inline-end": "1rem",
-        "padding-inline-start": "1rem",
-        "expanded": {
-          "background-color": "#fff",
-          "color": "#0F172A"
-        },
-        "icon": {
-          "margin-block": "0.25rem"
-        },
-        "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
-        "font-weight": 400,
-        "font-size": "1.25rem",
-        "line-height": "150%"
-      }
-    },
     "data-badge-button": {
       "column-gap": "0.125rem",
       "hover": {