@atlaskit/tokens/figma/atlassian-dark-finesse.json

Design tokens are the single source of truth to name and store design decisions.

{
  "name": "Dark finesse",
  "tokens": {
    "Dark finesse/color.background.neutral.subtle.hovered": {
      "attributes": {
        "group": "paint",
        "state": "active",
        "introduced": "0.6.0",
        "description": "Hovered state for color.background.neutral.subtle"
      },
      "value": "#BDBDBD0A"
    },
    "Dark finesse/color.background.neutral.subtle.pressed": {
      "attributes": {
        "group": "paint",
        "state": "active",
        "introduced": "0.6.0",
        "description": "Pressed state for color.background.neutral.subtle"
      },
      "value": "#CECED912"
    },
    "Dark finesse/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": "#CECED912"
    },
    "Dark finesse/color.background.selected.hovered": {
      "attributes": {
        "group": "paint",
        "state": "active",
        "introduced": "0.6.2",
        "description": "Hovered state for color.background.selected"
      },
      "value": "#E3E4F21F"
    },
    "Dark finesse/color.background.selected.pressed": {
      "attributes": {
        "group": "paint",
        "state": "active",
        "introduced": "0.6.2",
        "description": "Pressed state for color.background.selected"
      },
      "value": "#E5E9F640"
    },
    "Dark finesse/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": "#CECFD2"
    },
    "Dark finesse/color.background.selected.bold.hovered": {
      "attributes": {
        "group": "paint",
        "state": "active",
        "introduced": "0.6.2",
        "description": "Hovered state of color.background.selected.bold"
      },
      "value": "#BFC1C4"
    },
    "Dark finesse/color.background.selected.bold.pressed": {
      "attributes": {
        "group": "paint",
        "state": "active",
        "introduced": "0.6.2",
        "description": "Pressed state of color.background.selected.bold"
      },
      "value": "#A9ABAF"
    },
    "Dark finesse/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": "#CECFD2"
    },
    "Dark finesse/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": "#CECFD2"
    },
    "Dark finesse/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": "#CECFD2"
    },
    "Dark finesse/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": "#CECED912"
    }
  },
  "renameMap": {}
}