@atlaskit/tokens 7.1.1 → 8.0.0

package/figma/atlassian-dark-brand-refresh.json

@@ -1,3558 +0,0 @@
-{
-  "name": "Dark brand-refresh",
-  "tokens": {
-    "Dark brand-refresh/color.text": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
-      },
-      "value": "#BFC1C4"
-    },
-    "Dark brand-refresh/color.text.accent.lime": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.8.0",
-        "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#B3DF72"
-    },
-    "Dark brand-refresh/color.text.accent.lime.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.8.0",
-        "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#D3F1A7"
-    },
-    "Dark brand-refresh/color.text.accent.red": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#FD9891"
-    },
-    "Dark brand-refresh/color.text.accent.red.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#FFD5D2"
-    },
-    "Dark brand-refresh/color.text.accent.orange": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#FBC828"
-    },
-    "Dark brand-refresh/color.text.accent.orange.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#FCE4A6"
-    },
-    "Dark brand-refresh/color.text.accent.yellow": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#EED12B"
-    },
-    "Dark brand-refresh/color.text.accent.yellow.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#F5E989"
-    },
-    "Dark brand-refresh/color.text.accent.green": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#7EE2B8"
-    },
-    "Dark brand-refresh/color.text.accent.green.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#BAF3DB"
-    },
-    "Dark brand-refresh/color.text.accent.teal": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#9DD9EE"
-    },
-    "Dark brand-refresh/color.text.accent.teal.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#C6EDFB"
-    },
-    "Dark brand-refresh/color.text.accent.blue": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.text.accent.blue.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#CFE1FD"
-    },
-    "Dark brand-refresh/color.text.accent.purple": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#D8A0F7"
-    },
-    "Dark brand-refresh/color.text.accent.purple.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#EED7FC"
-    },
-    "Dark brand-refresh/color.text.accent.magenta": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#F797D2"
-    },
-    "Dark brand-refresh/color.text.accent.magenta.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#FDD0EC"
-    },
-    "Dark brand-refresh/color.text.accent.gray": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.5",
-        "description": "Use for text on non-bold gray accent backgrounds, such as colored tags."
-      },
-      "value": "#A9ABAF"
-    },
-    "Dark brand-refresh/color.text.accent.gray.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.5",
-        "description": "Use for text and icons on gray subtle accent backgrounds."
-      },
-      "value": "#E2E3E4"
-    },
-    "Dark brand-refresh/color.text.disabled": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for text in a disabled state."
-      },
-      "value": "#E5E9F640"
-    },
-    "Dark brand-refresh/color.text.inverse": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for text on bold backgrounds."
-      },
-      "value": "#1F1F21"
-    },
-    "Dark brand-refresh/color.text.selected": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.text.brand": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for text that reinforces our brand."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.text.danger": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for critical text, such as input field error messaging."
-      },
-      "value": "#FD9891"
-    },
-    "Dark brand-refresh/color.text.warning": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for text to emphasize caution, such as in moved lozenges."
-      },
-      "value": "#FBC828"
-    },
-    "Dark brand-refresh/color.text.warning.inverse": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for text when on bold warning backgrounds."
-      },
-      "value": "#1F1F21"
-    },
-    "Dark brand-refresh/color.text.success": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for text to communicate a favorable outcome, such as input field success messaging."
-      },
-      "value": "#B3DF72"
-    },
-    "Dark brand-refresh/color.text.discovery": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for text to emphasize change or something new, such as in new lozenges."
-      },
-      "value": "#D8A0F7"
-    },
-    "Dark brand-refresh/color.text.information": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.text.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
-      },
-      "value": "#96999E"
-    },
-    "Dark brand-refresh/color.text.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
-      },
-      "value": "#A9ABAF"
-    },
-    "Dark brand-refresh/color.link": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for links in a default or hovered state. Add an underline for hovered states."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.link.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for links in a pressed state."
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.link.visited": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.23.0",
-        "description": "Use for visited links."
-      },
-      "value": "#D8A0F7"
-    },
-    "Dark brand-refresh/color.link.visited.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.43.0",
-        "description": "Use for visited links in a pressed state."
-      },
-      "value": "#EED7FC"
-    },
-    "Dark brand-refresh/color.icon": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icon-only buttons, or icons paired with color.text"
-      },
-      "value": "#CECFD2"
-    },
-    "Dark brand-refresh/color.icon.accent.lime": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
-      },
-      "value": "#82B536"
-    },
-    "Dark brand-refresh/color.icon.accent.red": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
-      },
-      "value": "#E2483D"
-    },
-    "Dark brand-refresh/color.icon.accent.orange": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
-      },
-      "value": "#F68909"
-    },
-    "Dark brand-refresh/color.icon.accent.yellow": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
-      },
-      "value": "#EED12B"
-    },
-    "Dark brand-refresh/color.icon.accent.green": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
-      },
-      "value": "#2ABB7F"
-    },
-    "Dark brand-refresh/color.icon.accent.teal": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
-      },
-      "value": "#42B2D7"
-    },
-    "Dark brand-refresh/color.icon.accent.blue": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
-      },
-      "value": "#4688EC"
-    },
-    "Dark brand-refresh/color.icon.accent.purple": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
-      },
-      "value": "#BF63F3"
-    },
-    "Dark brand-refresh/color.icon.accent.magenta": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
-      },
-      "value": "#DA62AC"
-    },
-    "Dark brand-refresh/color.icon.accent.gray": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.5",
-        "description": "Use for icons on non-bold gray accent backgrounds, such as file type icons."
-      },
-      "value": "#7E8188"
-    },
-    "Dark brand-refresh/color.icon.disabled": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons in a disabled state."
-      },
-      "value": "#E5E9F640"
-    },
-    "Dark brand-refresh/color.icon.inverse": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons on bold backgrounds."
-      },
-      "value": "#1F1F21"
-    },
-    "Dark brand-refresh/color.icon.selected": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.2",
-        "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.icon.brand": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons that reinforce our brand."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.icon.danger": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons communicating critical information, such as those used in error handing."
-      },
-      "value": "#F15B50"
-    },
-    "Dark brand-refresh/color.icon.warning": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons communicating caution, such as those used in warning section messages."
-      },
-      "value": "#FBC828"
-    },
-    "Dark brand-refresh/color.icon.warning.inverse": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons when on bold warning backgrounds."
-      },
-      "value": "#1F1F21"
-    },
-    "Dark brand-refresh/color.icon.success": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons communicating a favorable outcome, such as those used in success section messaged."
-      },
-      "value": "#B3DF72"
-    },
-    "Dark brand-refresh/color.icon.discovery": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons communicating change or something new, such as discovery section messages."
-      },
-      "value": "#BF63F3"
-    },
-    "Dark brand-refresh/color.icon.information": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons communicating information or something in-progress, such as information section messages."
-      },
-      "value": "#4688EC"
-    },
-    "Dark brand-refresh/color.icon.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.54.0",
-        "description": "Use for icons paired with color.text.subtlest"
-      },
-      "value": "#96999E"
-    },
-    "Dark brand-refresh/color.icon.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons paired with color.text.subtle"
-      },
-      "value": "#A9ABAF"
-    },
-    "Dark brand-refresh/color.border": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
-      },
-      "value": "#E3E4F21F"
-    },
-    "Dark brand-refresh/color.border.accent.lime": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for lime borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#82B536"
-    },
-    "Dark brand-refresh/color.border.accent.red": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#F15B50"
-    },
-    "Dark brand-refresh/color.border.accent.orange": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#F68909"
-    },
-    "Dark brand-refresh/color.border.accent.yellow": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#CF9F02"
-    },
-    "Dark brand-refresh/color.border.accent.green": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for green borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#2ABB7F"
-    },
-    "Dark brand-refresh/color.border.accent.teal": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for teal borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#42B2D7"
-    },
-    "Dark brand-refresh/color.border.accent.blue": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#4688EC"
-    },
-    "Dark brand-refresh/color.border.accent.purple": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for purple borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#BF63F3"
-    },
-    "Dark brand-refresh/color.border.accent.magenta": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#DA62AC"
-    },
-    "Dark brand-refresh/color.border.accent.gray": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.5",
-        "description": "Use for borders on non-bold gray accent backgrounds."
-      },
-      "value": "#7E8188"
-    },
-    "Dark brand-refresh/color.border.disabled": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders of elements in a disabled state."
-      },
-      "value": "#CECED912"
-    },
-    "Dark brand-refresh/color.border.focused": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for focus rings of elements in a focus state."
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.border.input": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
-      },
-      "value": "#7E8188"
-    },
-    "Dark brand-refresh/color.border.inverse": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders on bold backgrounds."
-      },
-      "value": "#18191A"
-    },
-    "Dark brand-refresh/color.border.selected": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.2",
-        "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.border.brand": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.border.danger": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
-      },
-      "value": "#F15B50"
-    },
-    "Dark brand-refresh/color.border.warning": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders communicating caution."
-      },
-      "value": "#F68909"
-    },
-    "Dark brand-refresh/color.border.success": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
-      },
-      "value": "#82B536"
-    },
-    "Dark brand-refresh/color.border.discovery": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
-      },
-      "value": "#BF63F3"
-    },
-    "Dark brand-refresh/color.border.information": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders communicating information or something in-progress."
-      },
-      "value": "#4688EC"
-    },
-    "Dark brand-refresh/color.border.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.8",
-        "description": "A neutral border option that passes min 3:1 contrast ratios."
-      },
-      "value": "#7E8188"
-    },
-    "Dark brand-refresh/color.background.accent.lime.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
-      },
-      "value": "#28311B"
-    },
-    "Dark brand-refresh/color.background.accent.lime.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.lime.subtlest."
-      },
-      "value": "#37471F"
-    },
-    "Dark brand-refresh/color.background.accent.lime.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.lime.subtlest."
-      },
-      "value": "#4C6B1F"
-    },
-    "Dark brand-refresh/color.background.accent.lime.subtler": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for for backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#37471F"
-    },
-    "Dark brand-refresh/color.background.accent.lime.subtler.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.lime.subtler."
-      },
-      "value": "#4C6B1F"
-    },
-    "Dark brand-refresh/color.background.accent.lime.subtler.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.lime.subtler."
-      },
-      "value": "#5B7F24"
-    },
-    "Dark brand-refresh/color.background.accent.lime.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#4C6B1F"
-    },
-    "Dark brand-refresh/color.background.accent.lime.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.lime.subtle."
-      },
-      "value": "#37471F"
-    },
-    "Dark brand-refresh/color.background.accent.lime.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.lime.subtle."
-      },
-      "value": "#28311B"
-    },
-    "Dark brand-refresh/color.background.accent.lime.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
-      },
-      "value": "#94C748"
-    },
-    "Dark brand-refresh/color.background.accent.lime.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.lime.bolder."
-      },
-      "value": "#B3DF72"
-    },
-    "Dark brand-refresh/color.background.accent.lime.bolder.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.lime.bolder."
-      },
-      "value": "#D3F1A7"
-    },
-    "Dark brand-refresh/color.background.accent.red.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
-      },
-      "value": "#42221F"
-    },
-    "Dark brand-refresh/color.background.accent.red.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.red.subtlest."
-      },
-      "value": "#5D1F1A"
-    },
-    "Dark brand-refresh/color.background.accent.red.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.red.subtlest."
-      },
-      "value": "#AE2E24"
-    },
-    "Dark brand-refresh/color.background.accent.red.subtler": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#5D1F1A"
-    },
-    "Dark brand-refresh/color.background.accent.red.subtler.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.red.subtler."
-      },
-      "value": "#AE2E24"
-    },
-    "Dark brand-refresh/color.background.accent.red.subtler.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.red.subtler."
-      },
-      "value": "#C9372C"
-    },
-    "Dark brand-refresh/color.background.accent.red.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#AE2E24"
-    },
-    "Dark brand-refresh/color.background.accent.red.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.red.subtle."
-      },
-      "value": "#5D1F1A"
-    },
-    "Dark brand-refresh/color.background.accent.red.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.red.subtle."
-      },
-      "value": "#42221F"
-    },
-    "Dark brand-refresh/color.background.accent.red.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
-      },
-      "value": "#F87168"
-    },
-    "Dark brand-refresh/color.background.accent.red.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.red.bolder."
-      },
-      "value": "#FD9891"
-    },
-    "Dark brand-refresh/color.background.accent.red.bolder.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.red.bolder."
-      },
-      "value": "#FFD5D2"
-    },
-    "Dark brand-refresh/color.background.accent.orange.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
-      },
-      "value": "#3A2C1F"
-    },
-    "Dark brand-refresh/color.background.accent.orange.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.orange.subtlest."
-      },
-      "value": "#693200"
-    },
-    "Dark brand-refresh/color.background.accent.orange.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.orange.subtlest."
-      },
-      "value": "#9E4C00"
-    },
-    "Dark brand-refresh/color.background.accent.orange.subtler": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#693200"
-    },
-    "Dark brand-refresh/color.background.accent.orange.subtler.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.orange.subtler."
-      },
-      "value": "#9E4C00"
-    },
-    "Dark brand-refresh/color.background.accent.orange.subtler.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.orange.subtler."
-      },
-      "value": "#BD5B00"
-    },
-    "Dark brand-refresh/color.background.accent.orange.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#9E4C00"
-    },
-    "Dark brand-refresh/color.background.accent.orange.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.orange.subtle."
-      },
-      "value": "#693200"
-    },
-    "Dark brand-refresh/color.background.accent.orange.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.orange.subtle."
-      },
-      "value": "#3A2C1F"
-    },
-    "Dark brand-refresh/color.background.accent.orange.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
-      },
-      "value": "#FCA700"
-    },
-    "Dark brand-refresh/color.background.accent.orange.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.orange.bolder."
-      },
-      "value": "#FBC828"
-    },
-    "Dark brand-refresh/color.background.accent.orange.bolder.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.orange.bolder."
-      },
-      "value": "#FCE4A6"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
-      },
-      "value": "#332E1B"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.yellow.subtlest."
-      },
-      "value": "#533F04"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.yellow.subtlest."
-      },
-      "value": "#7F5F01"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.subtler": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#533F04"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.subtler.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.yellow.subtler."
-      },
-      "value": "#7F5F01"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.subtler.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.yellow.subtler."
-      },
-      "value": "#946F00"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#7F5F01"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.yellow.subtle."
-      },
-      "value": "#533F04"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.yellow.subtle."
-      },
-      "value": "#332E1B"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
-      },
-      "value": "#DDB30E"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.yellow.bolder."
-      },
-      "value": "#EED12B"
-    },
-    "Dark brand-refresh/color.background.accent.yellow.bolder.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.yellow.bolder."
-      },
-      "value": "#F5E989"
-    },
-    "Dark brand-refresh/color.background.accent.green.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
-      },
-      "value": "#1C3329"
-    },
-    "Dark brand-refresh/color.background.accent.green.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.green.subtlest."
-      },
-      "value": "#164B35"
-    },
-    "Dark brand-refresh/color.background.accent.green.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.green.subtlest."
-      },
-      "value": "#216E4E"
-    },
-    "Dark brand-refresh/color.background.accent.green.subtler": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#164B35"
-    },
-    "Dark brand-refresh/color.background.accent.green.subtler.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.green.subtler."
-      },
-      "value": "#216E4E"
-    },
-    "Dark brand-refresh/color.background.accent.green.subtler.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.green.subtler."
-      },
-      "value": "#1F845A"
-    },
-    "Dark brand-refresh/color.background.accent.green.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#216E4E"
-    },
-    "Dark brand-refresh/color.background.accent.green.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.green.subtle."
-      },
-      "value": "#164B35"
-    },
-    "Dark brand-refresh/color.background.accent.green.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.green.subtle."
-      },
-      "value": "#1C3329"
-    },
-    "Dark brand-refresh/color.background.accent.green.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
-      },
-      "value": "#4BCE97"
-    },
-    "Dark brand-refresh/color.background.accent.green.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.green.bolder."
-      },
-      "value": "#7EE2B8"
-    },
-    "Dark brand-refresh/color.background.accent.green.bolder.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.green.bolder."
-      },
-      "value": "#BAF3DB"
-    },
-    "Dark brand-refresh/color.background.accent.teal.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
-      },
-      "value": "#1E3137"
-    },
-    "Dark brand-refresh/color.background.accent.teal.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.teal.subtlest."
-      },
-      "value": "#164555"
-    },
-    "Dark brand-refresh/color.background.accent.teal.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.teal.subtlest."
-      },
-      "value": "#206A83"
-    },
-    "Dark brand-refresh/color.background.accent.teal.subtler": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#164555"
-    },
-    "Dark brand-refresh/color.background.accent.teal.subtler.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.teal.subtler."
-      },
-      "value": "#206A83"
-    },
-    "Dark brand-refresh/color.background.accent.teal.subtler.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.teal.subtler."
-      },
-      "value": "#227D9B"
-    },
-    "Dark brand-refresh/color.background.accent.teal.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#206A83"
-    },
-    "Dark brand-refresh/color.background.accent.teal.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.teal.subtle."
-      },
-      "value": "#164555"
-    },
-    "Dark brand-refresh/color.background.accent.teal.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.teal.subtle."
-      },
-      "value": "#1E3137"
-    },
-    "Dark brand-refresh/color.background.accent.teal.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
-      },
-      "value": "#6CC3E0"
-    },
-    "Dark brand-refresh/color.background.accent.teal.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.teal.bolder."
-      },
-      "value": "#9DD9EE"
-    },
-    "Dark brand-refresh/color.background.accent.teal.bolder.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.teal.bolder."
-      },
-      "value": "#C6EDFB"
-    },
-    "Dark brand-refresh/color.background.accent.blue.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
-      },
-      "value": "#1C2B42"
-    },
-    "Dark brand-refresh/color.background.accent.blue.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.blue.subtlest."
-      },
-      "value": "#123263"
-    },
-    "Dark brand-refresh/color.background.accent.blue.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.blue.subtlest."
-      },
-      "value": "#1558BC"
-    },
-    "Dark brand-refresh/color.background.accent.blue.subtler": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for blue backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#123263"
-    },
-    "Dark brand-refresh/color.background.accent.blue.subtler.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.blue.subtler."
-      },
-      "value": "#1558BC"
-    },
-    "Dark brand-refresh/color.background.accent.blue.subtler.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.blue.subtler."
-      },
-      "value": "#1868DB"
-    },
-    "Dark brand-refresh/color.background.accent.blue.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#1558BC"
-    },
-    "Dark brand-refresh/color.background.accent.blue.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.blue.subtle."
-      },
-      "value": "#123263"
-    },
-    "Dark brand-refresh/color.background.accent.blue.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.blue.subtle."
-      },
-      "value": "#1C2B42"
-    },
-    "Dark brand-refresh/color.background.accent.blue.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.background.accent.blue.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.blue.bolder."
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.background.accent.blue.bolder.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.blue.bolder."
-      },
-      "value": "#CFE1FD"
-    },
-    "Dark brand-refresh/color.background.accent.purple.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
-      },
-      "value": "#35243F"
-    },
-    "Dark brand-refresh/color.background.accent.purple.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.purple.subtlest."
-      },
-      "value": "#48245D"
-    },
-    "Dark brand-refresh/color.background.accent.purple.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.purple.subtlest."
-      },
-      "value": "#803FA5"
-    },
-    "Dark brand-refresh/color.background.accent.purple.subtler": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#48245D"
-    },
-    "Dark brand-refresh/color.background.accent.purple.subtler.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.purple.subtler."
-      },
-      "value": "#803FA5"
-    },
-    "Dark brand-refresh/color.background.accent.purple.subtler.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.purple.subtler."
-      },
-      "value": "#964AC0"
-    },
-    "Dark brand-refresh/color.background.accent.purple.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#803FA5"
-    },
-    "Dark brand-refresh/color.background.accent.purple.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.purple.subtle."
-      },
-      "value": "#48245D"
-    },
-    "Dark brand-refresh/color.background.accent.purple.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.purple.subtle."
-      },
-      "value": "#35243F"
-    },
-    "Dark brand-refresh/color.background.accent.purple.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
-      },
-      "value": "#C97CF4"
-    },
-    "Dark brand-refresh/color.background.accent.purple.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.purple.bolder."
-      },
-      "value": "#D8A0F7"
-    },
-    "Dark brand-refresh/color.background.accent.purple.bolder.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.purple.bolder."
-      },
-      "value": "#EED7FC"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
-      },
-      "value": "#3D2232"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.magenta.subtlest."
-      },
-      "value": "#50253F"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.magenta.subtlest."
-      },
-      "value": "#943D73"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.subtler": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#50253F"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.subtler.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.magenta.subtler."
-      },
-      "value": "#943D73"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.subtler.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.magenta.subtler."
-      },
-      "value": "#AE4787"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#943D73"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.magenta.subtle."
-      },
-      "value": "#50253F"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.magenta.subtle."
-      },
-      "value": "#3D2232"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
-      },
-      "value": "#E774BB"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.magenta.bolder."
-      },
-      "value": "#F797D2"
-    },
-    "Dark brand-refresh/color.background.accent.magenta.bolder.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.magenta.bolder."
-      },
-      "value": "#FDD0EC"
-    },
-    "Dark brand-refresh/color.background.accent.gray.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
-      },
-      "value": "#303134"
-    },
-    "Dark brand-refresh/color.background.accent.gray.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.gray.subtlest."
-      },
-      "value": "#3D3F43"
-    },
-    "Dark brand-refresh/color.background.accent.gray.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.gray.subtlest."
-      },
-      "value": "#4B4D51"
-    },
-    "Dark brand-refresh/color.background.accent.gray.subtler": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for gray backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#4B4D51"
-    },
-    "Dark brand-refresh/color.background.accent.gray.subtler.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.gray.subtler."
-      },
-      "value": "#63666B"
-    },
-    "Dark brand-refresh/color.background.accent.gray.subtler.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.gray.subtler."
-      },
-      "value": "#7E8188"
-    },
-    "Dark brand-refresh/color.background.accent.gray.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags."
-      },
-      "value": "#63666B"
-    },
-    "Dark brand-refresh/color.background.accent.gray.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.gray.subtle."
-      },
-      "value": "#4B4D51"
-    },
-    "Dark brand-refresh/color.background.accent.gray.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.gray.subtle."
-      },
-      "value": "#3D3F43"
-    },
-    "Dark brand-refresh/color.background.accent.gray.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
-      },
-      "value": "#96999E"
-    },
-    "Dark brand-refresh/color.background.accent.gray.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.gray.bolder."
-      },
-      "value": "#A9ABAF"
-    },
-    "Dark brand-refresh/color.background.accent.gray.bolder.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.gray.subtlest."
-      },
-      "value": "#BFC1C4"
-    },
-    "Dark brand-refresh/color.background.disabled": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for backgrounds of elements in a disabled state."
-      },
-      "value": "#BDBDBD0A"
-    },
-    "Dark brand-refresh/color.background.input": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
-      },
-      "value": "#242528"
-    },
-    "Dark brand-refresh/color.background.input.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state for color.background.input"
-      },
-      "value": "#2B2C2F"
-    },
-    "Dark brand-refresh/color.background.input.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state for color.background.input"
-      },
-      "value": "#242528"
-    },
-    "Dark brand-refresh/color.background.inverse.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.8.3",
-        "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
-      },
-      "value": "#FFFFFF29"
-    },
-    "Dark brand-refresh/color.background.inverse.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.8.3",
-        "description": "Use for the hovered state of color.background.inverse.subtle"
-      },
-      "value": "#FFFFFF3D"
-    },
-    "Dark brand-refresh/color.background.inverse.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.8.3",
-        "description": "Use for the pressed state of color.background.inverse.subtle"
-      },
-      "value": "#FFFFFF52"
-    },
-    "Dark brand-refresh/color.background.neutral": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "The default background for neutral elements, such as default buttons."
-      },
-      "value": "#CECED912"
-    },
-    "Dark brand-refresh/color.background.neutral.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state for color.background.neutral"
-      },
-      "value": "#E3E4F21F"
-    },
-    "Dark brand-refresh/color.background.neutral.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state for color.background.neutral"
-      },
-      "value": "#E5E9F640"
-    },
-    "Dark brand-refresh/color.background.neutral.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for the background of elements that appear to have no background in a resting state, such as subtle buttons and menu items."
-      },
-      "value": "#00000000"
-    },
-    "Dark brand-refresh/color.background.neutral.subtle.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state for color.background.neutral.subtle"
-      },
-      "value": "#CECED912"
-    },
-    "Dark brand-refresh/color.background.neutral.subtle.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state for color.background.neutral.subtle"
-      },
-      "value": "#E3E4F21F"
-    },
-    "Dark brand-refresh/color.background.neutral.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "A vibrant background option for neutral UI elements, such as announcement banners."
-      },
-      "value": "#CECFD2"
-    },
-    "Dark brand-refresh/color.background.neutral.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.neutral.bold"
-      },
-      "value": "#BFC1C4"
-    },
-    "Dark brand-refresh/color.background.neutral.bold.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.neutral.bold"
-      },
-      "value": "#A9ABAF"
-    },
-    "Dark brand-refresh/color.background.selected": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.2",
-        "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
-      },
-      "value": "#1C2B42"
-    },
-    "Dark brand-refresh/color.background.selected.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.2",
-        "description": "Hovered state for color.background.selected"
-      },
-      "value": "#123263"
-    },
-    "Dark brand-refresh/color.background.selected.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.2",
-        "description": "Pressed state for color.background.selected"
-      },
-      "value": "#1558BC"
-    },
-    "Dark brand-refresh/color.background.selected.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.2",
-        "description": "Use for the backgrounds of elements in a selected state, such as checkboxes and radio buttons."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.background.selected.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.2",
-        "description": "Hovered state of color.background.selected.bold"
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.background.selected.bold.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.2",
-        "description": "Pressed state of color.background.selected.bold"
-      },
-      "value": "#CFE1FD"
-    },
-    "Dark brand-refresh/color.background.brand.subtlest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.13.0",
-        "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
-      },
-      "value": "#1C2B42"
-    },
-    "Dark brand-refresh/color.background.brand.subtlest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.13.0",
-        "description": "Hovered state of color.background.brand.subtlest."
-      },
-      "value": "#123263"
-    },
-    "Dark brand-refresh/color.background.brand.subtlest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.13.0",
-        "description": "Pressed state of color.background.brand.subtlest"
-      },
-      "value": "#1558BC"
-    },
-    "Dark brand-refresh/color.background.brand.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.background.brand.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.brand.bold."
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.background.brand.bold.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.brand.bold."
-      },
-      "value": "#CFE1FD"
-    },
-    "Dark brand-refresh/color.background.brand.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.13.0",
-        "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
-      },
-      "value": "#E9F2FE"
-    },
-    "Dark brand-refresh/color.background.brand.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.13.0",
-        "description": "Hovered state of color.background.brand.boldest."
-      },
-      "value": "#CFE1FD"
-    },
-    "Dark brand-refresh/color.background.brand.boldest.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.13.0",
-        "description": "Pressed state of color.background.brand.boldest."
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.background.danger": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for backgrounds communicating critical information, such in error section messages."
-      },
-      "value": "#42221F"
-    },
-    "Dark brand-refresh/color.background.danger.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state for color.background.danger"
-      },
-      "value": "#5D1F1A"
-    },
-    "Dark brand-refresh/color.background.danger.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state for color.background.danger"
-      },
-      "value": "#AE2E24"
-    },
-    "Dark brand-refresh/color.background.danger.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "A vibrant background option for communicating critical information, such as in danger buttons and error banners."
-      },
-      "value": "#F87168"
-    },
-    "Dark brand-refresh/color.background.danger.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.danger.bold"
-      },
-      "value": "#FD9891"
-    },
-    "Dark brand-refresh/color.background.danger.bold.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.danger.bold"
-      },
-      "value": "#FFD5D2"
-    },
-    "Dark brand-refresh/color.background.warning": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for backgrounds communicating caution, such as in warning section messages."
-      },
-      "value": "#3A2C1F"
-    },
-    "Dark brand-refresh/color.background.warning.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state for color.background.warning"
-      },
-      "value": "#693200"
-    },
-    "Dark brand-refresh/color.background.warning.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state for color.background.warning"
-      },
-      "value": "#9E4C00"
-    },
-    "Dark brand-refresh/color.background.warning.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "A vibrant background option for communicating caution, such as in warning buttons and warning banners."
-      },
-      "value": "#FBC828"
-    },
-    "Dark brand-refresh/color.background.warning.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.warning.bold"
-      },
-      "value": "#FCA700"
-    },
-    "Dark brand-refresh/color.background.warning.bold.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.warning.bold"
-      },
-      "value": "#F68909"
-    },
-    "Dark brand-refresh/color.background.success": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for backgrounds communicating a favorable outcome, such as in success section messages."
-      },
-      "value": "#28311B"
-    },
-    "Dark brand-refresh/color.background.success.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state for color.background.success"
-      },
-      "value": "#37471F"
-    },
-    "Dark brand-refresh/color.background.success.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state for color.background.success"
-      },
-      "value": "#4C6B1F"
-    },
-    "Dark brand-refresh/color.background.success.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "A vibrant background option for communicating a favorable outcome, such as in checked toggles."
-      },
-      "value": "#94C748"
-    },
-    "Dark brand-refresh/color.background.success.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.success.bold"
-      },
-      "value": "#B3DF72"
-    },
-    "Dark brand-refresh/color.background.success.bold.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.success.bold"
-      },
-      "value": "#D3F1A7"
-    },
-    "Dark brand-refresh/color.background.discovery": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
-      },
-      "value": "#35243F"
-    },
-    "Dark brand-refresh/color.background.discovery.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hover state for color.background.discovery"
-      },
-      "value": "#48245D"
-    },
-    "Dark brand-refresh/color.background.discovery.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state for color.background.discovery"
-      },
-      "value": "#803FA5"
-    },
-    "Dark brand-refresh/color.background.discovery.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "A vibrant background option communicating change or something new, such as in onboarding spotlights."
-      },
-      "value": "#C97CF4"
-    },
-    "Dark brand-refresh/color.background.discovery.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.discovery.bold"
-      },
-      "value": "#D8A0F7"
-    },
-    "Dark brand-refresh/color.background.discovery.bold.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.discovery.bold"
-      },
-      "value": "#EED7FC"
-    },
-    "Dark brand-refresh/color.background.information": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
-      },
-      "value": "#1C2B42"
-    },
-    "Dark brand-refresh/color.background.information.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.information"
-      },
-      "value": "#123263"
-    },
-    "Dark brand-refresh/color.background.information.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.information"
-      },
-      "value": "#1558BC"
-    },
-    "Dark brand-refresh/color.background.information.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "A vibrant background option for communicating information or something in-progress."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.background.information.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.information.bold"
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.background.information.bold.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.information.bold"
-      },
-      "value": "#CFE1FD"
-    },
-    "Dark brand-refresh/color.blanket": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for the screen overlay that appears with modal dialogs"
-      },
-      "value": "#10121499"
-    },
-    "Dark brand-refresh/color.blanket.selected": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
-      },
-      "value": "#1D7AFC14"
-    },
-    "Dark brand-refresh/color.blanket.danger": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
-      },
-      "value": "#E3493514"
-    },
-    "Dark brand-refresh/color.interaction.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use as a background overlay for elements in a hovered state when their background color cannot change, such as avatars."
-      },
-      "value": "#ffffff33"
-    },
-    "Dark brand-refresh/color.interaction.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
-      },
-      "value": "#ffffff5c"
-    },
-    "Dark brand-refresh/color.skeleton": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.8.0",
-        "description": "Use for skeleton loading states"
-      },
-      "value": "#CECED912"
-    },
-    "Dark brand-refresh/color.skeleton.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.8.0",
-        "description": "Use for the pulse or shimmer effect in skeleton loading states"
-      },
-      "value": "#BDBDBD0A"
-    },
-    "Dark brand-refresh/color.chart.categorical.1": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only. Follow numbered sequence."
-      },
-      "value": "#4688EC"
-    },
-    "Dark brand-refresh/color.chart.categorical.1.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.categorical.1."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.chart.categorical.2": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only. Follow numbered sequence."
-      },
-      "value": "#94C748"
-    },
-    "Dark brand-refresh/color.chart.categorical.2.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.categorical.2."
-      },
-      "value": "#B3DF72"
-    },
-    "Dark brand-refresh/color.chart.categorical.3": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only. Follow numbered sequence."
-      },
-      "value": "#C97CF4"
-    },
-    "Dark brand-refresh/color.chart.categorical.3.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.categorical.3."
-      },
-      "value": "#D8A0F7"
-    },
-    "Dark brand-refresh/color.chart.categorical.4": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only. Follow numbered sequence."
-      },
-      "value": "#FCA700"
-    },
-    "Dark brand-refresh/color.chart.categorical.4.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.categorical.4."
-      },
-      "value": "#FBC828"
-    },
-    "Dark brand-refresh/color.chart.categorical.5": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only. Follow numbered sequence."
-      },
-      "value": "#1558BC"
-    },
-    "Dark brand-refresh/color.chart.categorical.5.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.categorical.5."
-      },
-      "value": "#1868DB"
-    },
-    "Dark brand-refresh/color.chart.categorical.6": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only. Follow numbered sequence."
-      },
-      "value": "#964AC0"
-    },
-    "Dark brand-refresh/color.chart.categorical.6.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.categorical.6."
-      },
-      "value": "#AF59E1"
-    },
-    "Dark brand-refresh/color.chart.categorical.7": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only. Follow numbered sequence."
-      },
-      "value": "#42B2D7"
-    },
-    "Dark brand-refresh/color.chart.categorical.7.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.categorical.7."
-      },
-      "value": "#6CC3E0"
-    },
-    "Dark brand-refresh/color.chart.categorical.8": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only. Follow numbered sequence."
-      },
-      "value": "#E06C00"
-    },
-    "Dark brand-refresh/color.chart.categorical.8.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.categorical.8."
-      },
-      "value": "#F68909"
-    },
-    "Dark brand-refresh/color.chart.lime.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.8.0",
-        "description": "For data visualisation only."
-      },
-      "value": "#82B536"
-    },
-    "Dark brand-refresh/color.chart.lime.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.8.0",
-        "description": "Hovered state of color.chart.lime.bold."
-      },
-      "value": "#94C748"
-    },
-    "Dark brand-refresh/color.chart.lime.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.8.0",
-        "description": "For data visualisation only."
-      },
-      "value": "#94C748"
-    },
-    "Dark brand-refresh/color.chart.lime.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.8.0",
-        "description": "Hovered state of color.chart.lime.bolder."
-      },
-      "value": "#B3DF72"
-    },
-    "Dark brand-refresh/color.chart.lime.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.8.0",
-        "description": "For data visualisation only."
-      },
-      "value": "#B3DF72"
-    },
-    "Dark brand-refresh/color.chart.lime.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.8.0",
-        "description": "Hovered state of color.chart.lime.boldest."
-      },
-      "value": "#D3F1A7"
-    },
-    "Dark brand-refresh/color.chart.neutral": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "A secondary color for data visualisation or to communicate 'to-do' statues."
-      },
-      "value": "#7E8188"
-    },
-    "Dark brand-refresh/color.chart.neutral.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.neutral."
-      },
-      "value": "#96999E"
-    },
-    "Dark brand-refresh/color.chart.red.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#E2483D"
-    },
-    "Dark brand-refresh/color.chart.red.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.red.bold."
-      },
-      "value": "#F15B50"
-    },
-    "Dark brand-refresh/color.chart.red.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#F15B50"
-    },
-    "Dark brand-refresh/color.chart.red.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.red.bolder."
-      },
-      "value": "#F87168"
-    },
-    "Dark brand-refresh/color.chart.red.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#FD9891"
-    },
-    "Dark brand-refresh/color.chart.red.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.red.boldest."
-      },
-      "value": "#FFD5D2"
-    },
-    "Dark brand-refresh/color.chart.orange.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#F68909"
-    },
-    "Dark brand-refresh/color.chart.orange.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.orange.bold."
-      },
-      "value": "#FCA700"
-    },
-    "Dark brand-refresh/color.chart.orange.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#FCA700"
-    },
-    "Dark brand-refresh/color.chart.orange.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.orange.bolder."
-      },
-      "value": "#FBC828"
-    },
-    "Dark brand-refresh/color.chart.orange.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#FBC828"
-    },
-    "Dark brand-refresh/color.chart.orange.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.orange.boldest."
-      },
-      "value": "#FCE4A6"
-    },
-    "Dark brand-refresh/color.chart.yellow.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#CF9F02"
-    },
-    "Dark brand-refresh/color.chart.yellow.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.yellow.bold."
-      },
-      "value": "#DDB30E"
-    },
-    "Dark brand-refresh/color.chart.yellow.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#DDB30E"
-    },
-    "Dark brand-refresh/color.chart.yellow.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.yellow.bolder."
-      },
-      "value": "#EED12B"
-    },
-    "Dark brand-refresh/color.chart.yellow.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#EED12B"
-    },
-    "Dark brand-refresh/color.chart.yellow.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.yellow.boldest."
-      },
-      "value": "#F5E989"
-    },
-    "Dark brand-refresh/color.chart.green.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#2ABB7F"
-    },
-    "Dark brand-refresh/color.chart.green.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.green.bold."
-      },
-      "value": "#4BCE97"
-    },
-    "Dark brand-refresh/color.chart.green.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#4BCE97"
-    },
-    "Dark brand-refresh/color.chart.green.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.green.bolder."
-      },
-      "value": "#7EE2B8"
-    },
-    "Dark brand-refresh/color.chart.green.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#7EE2B8"
-    },
-    "Dark brand-refresh/color.chart.green.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.green.boldest."
-      },
-      "value": "#BAF3DB"
-    },
-    "Dark brand-refresh/color.chart.teal.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#42B2D7"
-    },
-    "Dark brand-refresh/color.chart.teal.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.teal.bold."
-      },
-      "value": "#6CC3E0"
-    },
-    "Dark brand-refresh/color.chart.teal.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#6CC3E0"
-    },
-    "Dark brand-refresh/color.chart.teal.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.teal.bolder."
-      },
-      "value": "#9DD9EE"
-    },
-    "Dark brand-refresh/color.chart.teal.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#9DD9EE"
-    },
-    "Dark brand-refresh/color.chart.teal.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.teal.boldest."
-      },
-      "value": "#C6EDFB"
-    },
-    "Dark brand-refresh/color.chart.blue.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#357DE8"
-    },
-    "Dark brand-refresh/color.chart.blue.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.blue.bold."
-      },
-      "value": "#4688EC"
-    },
-    "Dark brand-refresh/color.chart.blue.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#4688EC"
-    },
-    "Dark brand-refresh/color.chart.blue.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.blue.bolder."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.chart.blue.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.chart.blue.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.blue.boldest."
-      },
-      "value": "#CFE1FD"
-    },
-    "Dark brand-refresh/color.chart.purple.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#AF59E1"
-    },
-    "Dark brand-refresh/color.chart.purple.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.purple.bold."
-      },
-      "value": "#BF63F3"
-    },
-    "Dark brand-refresh/color.chart.purple.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#BF63F3"
-    },
-    "Dark brand-refresh/color.chart.purple.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.purple.bolder."
-      },
-      "value": "#C97CF4"
-    },
-    "Dark brand-refresh/color.chart.purple.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#D8A0F7"
-    },
-    "Dark brand-refresh/color.chart.purple.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.purple.boldest."
-      },
-      "value": "#EED7FC"
-    },
-    "Dark brand-refresh/color.chart.magenta.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#CD519D"
-    },
-    "Dark brand-refresh/color.chart.magenta.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.magenta.bold."
-      },
-      "value": "#DA62AC"
-    },
-    "Dark brand-refresh/color.chart.magenta.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#DA62AC"
-    },
-    "Dark brand-refresh/color.chart.magenta.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.magenta.bolder."
-      },
-      "value": "#E774BB"
-    },
-    "Dark brand-refresh/color.chart.magenta.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#F797D2"
-    },
-    "Dark brand-refresh/color.chart.magenta.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.magenta.boldest."
-      },
-      "value": "#FDD0EC"
-    },
-    "Dark brand-refresh/color.chart.gray.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#7E8188"
-    },
-    "Dark brand-refresh/color.chart.gray.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.gray.bold."
-      },
-      "value": "#96999E"
-    },
-    "Dark brand-refresh/color.chart.gray.bolder": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#96999E"
-    },
-    "Dark brand-refresh/color.chart.gray.bolder.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.gray.bolder."
-      },
-      "value": "#A9ABAF"
-    },
-    "Dark brand-refresh/color.chart.gray.boldest": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation only."
-      },
-      "value": "#A9ABAF"
-    },
-    "Dark brand-refresh/color.chart.gray.boldest.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.gray.boldest."
-      },
-      "value": "#BFC1C4"
-    },
-    "Dark brand-refresh/color.chart.brand": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Our primary color for data visualisation. Use when only one color is required."
-      },
-      "value": "#4688EC"
-    },
-    "Dark brand-refresh/color.chart.brand.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.brand."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.chart.danger": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation communicating negative information, such as 'off track'."
-      },
-      "value": "#E2483D"
-    },
-    "Dark brand-refresh/color.chart.danger.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.danger."
-      },
-      "value": "#F15B50"
-    },
-    "Dark brand-refresh/color.chart.danger.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "A stronger emphasis option of color.chart.danger."
-      },
-      "value": "#F87168"
-    },
-    "Dark brand-refresh/color.chart.danger.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.danger.bold."
-      },
-      "value": "#FD9891"
-    },
-    "Dark brand-refresh/color.chart.warning": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation communicating caution, such as 'at risk' statuses."
-      },
-      "value": "#F68909"
-    },
-    "Dark brand-refresh/color.chart.warning.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.warning."
-      },
-      "value": "#FCA700"
-    },
-    "Dark brand-refresh/color.chart.warning.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "A stronger emphasis option of color.chart.warning."
-      },
-      "value": "#FBC828"
-    },
-    "Dark brand-refresh/color.chart.warning.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.warning.bold."
-      },
-      "value": "#FCE4A6"
-    },
-    "Dark brand-refresh/color.chart.success": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation communicating positive information, such as 'on track'."
-      },
-      "value": "#82B536"
-    },
-    "Dark brand-refresh/color.chart.success.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.success."
-      },
-      "value": "#94C748"
-    },
-    "Dark brand-refresh/color.chart.success.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "A stronger emphasis option of color.chart.success."
-      },
-      "value": "#B3DF72"
-    },
-    "Dark brand-refresh/color.chart.success.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.success.bold."
-      },
-      "value": "#D3F1A7"
-    },
-    "Dark brand-refresh/color.chart.discovery": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation communicating 'new' statuses."
-      },
-      "value": "#BF63F3"
-    },
-    "Dark brand-refresh/color.chart.discovery.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.discovery."
-      },
-      "value": "#C97CF4"
-    },
-    "Dark brand-refresh/color.chart.discovery.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "A stronger emphasis option of color.chart.discovery."
-      },
-      "value": "#D8A0F7"
-    },
-    "Dark brand-refresh/color.chart.discovery.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.discovery.bold."
-      },
-      "value": "#EED7FC"
-    },
-    "Dark brand-refresh/color.chart.information": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "For data visualisation communicating low priority or in-progress statuses."
-      },
-      "value": "#4688EC"
-    },
-    "Dark brand-refresh/color.chart.information.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.information."
-      },
-      "value": "#669DF1"
-    },
-    "Dark brand-refresh/color.chart.information.bold": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "A stronger emphasis option of color.chart.information."
-      },
-      "value": "#8FB8F6"
-    },
-    "Dark brand-refresh/color.chart.information.bold.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.13.3",
-        "description": "Hovered state of color.chart.information.bold."
-      },
-      "value": "#CFE1FD"
-    },
-    "Dark brand-refresh/elevation.surface": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use as the primary background for the UI."
-      },
-      "value": "#1F1F21"
-    },
-    "Dark brand-refresh/elevation.surface.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.20",
-        "description": "Hovered state of elevation.surface"
-      },
-      "value": "#242528"
-    },
-    "Dark brand-refresh/elevation.surface.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.20",
-        "description": "Pressed state of elevation.surface"
-      },
-      "value": "#2B2C2F"
-    },
-    "Dark brand-refresh/elevation.surface.overlay": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
-      },
-      "value": "#2B2C2F"
-    },
-    "Dark brand-refresh/elevation.surface.overlay.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.20",
-        "description": "Hovered state of elevation.surface.overlay"
-      },
-      "value": "#303134"
-    },
-    "Dark brand-refresh/elevation.surface.overlay.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.20",
-        "description": "Pressed state of elevation.surface.overlay"
-      },
-      "value": "#3D3F43"
-    },
-    "Dark brand-refresh/elevation.surface.raised": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
-      },
-      "value": "#242528"
-    },
-    "Dark brand-refresh/elevation.surface.raised.hovered": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.20",
-        "description": "Hovered state of elevation.surface.raised"
-      },
-      "value": "#2B2C2F"
-    },
-    "Dark brand-refresh/elevation.surface.raised.pressed": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.20",
-        "description": "Pressed state of elevation.surface.raised"
-      },
-      "value": "#303134"
-    },
-    "Dark brand-refresh/elevation.surface.sunken": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
-      },
-      "value": "#18191A"
-    },
-    "Dark brand-refresh/elevation.shadow.overflow": {
-      "attributes": {
-        "group": "shadow",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use to create a shadow when content scrolls under other content."
-      },
-      "value": [
-        {
-          "radius": 12,
-          "offset": {
-            "x": 0,
-            "y": 0
-          },
-          "color": "#01040475",
-          "opacity": 0.56
-        },
-        {
-          "radius": 1,
-          "offset": {
-            "x": 0,
-            "y": 0
-          },
-          "color": "#01040475",
-          "opacity": 0.5
-        }
-      ]
-    },
-    "Dark brand-refresh/elevation.shadow.overflow.perimeter": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.32",
-        "description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.spread to replicate the overflow shadow."
-      },
-      "value": "#01040480"
-    },
-    "Dark brand-refresh/elevation.shadow.overflow.spread": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.10.32",
-        "description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.perimeter to replicate the overflow shadow."
-      },
-      "value": "#0104048f"
-    },
-    "Dark brand-refresh/elevation.shadow.overlay": {
-      "attributes": {
-        "group": "shadow",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for the box shadow of elements that sit on top of the UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.surface.overlay\n\nAlso use for the box shadow of raised cards in a dragged state."
-      },
-      "value": [
-        {
-          "radius": 0,
-          "spread": 1,
-          "color": "#BDBDBD",
-          "offset": {
-            "x": 0,
-            "y": 0
-          },
-          "opacity": 0.12
-        },
-        {
-          "radius": 12,
-          "offset": {
-            "x": 0,
-            "y": 8
-          },
-          "color": "#01040475",
-          "opacity": 0.36
-        },
-        {
-          "radius": 1,
-          "spread": 1,
-          "offset": {
-            "x": 0,
-            "y": 0
-          },
-          "color": "#01040475",
-          "opacity": 0.5
-        }
-      ]
-    },
-    "Dark brand-refresh/elevation.shadow.raised": {
-      "attributes": {
-        "group": "shadow",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
-      },
-      "value": [
-        {
-          "radius": 0,
-          "spread": 1,
-          "color": "#000000",
-          "offset": {
-            "x": 0,
-            "y": 0
-          },
-          "opacity": 0
-        },
-        {
-          "radius": 1,
-          "offset": {
-            "x": 0,
-            "y": 1
-          },
-          "color": "#01040475",
-          "opacity": 0.5
-        },
-        {
-          "radius": 1,
-          "offset": {
-            "x": 0,
-            "y": 0
-          },
-          "color": "#01040475",
-          "opacity": 0.5
-        }
-      ]
-    }
-  },
-  "renameMap": {}
-}