@atlaskit/tokens 13.1.1 → 13.2.0

package/figma/atlassian-dark-increased-contrast.json

@@ -604,6 +604,15 @@
         "description": "Use for lime borders on non-bold backgrounds when there is no meaning tied to the color."
       }
     },
+    "Dark increased-contrast/color.border.accent.lime.subtle": {
+      "value": "#4C6B1F",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative lime borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.accent.red": {
       "value": "#FD9891",
       "attributes": {
@@ -613,6 +622,15 @@
         "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
       }
     },
+    "Dark increased-contrast/color.border.accent.red.subtle": {
+      "value": "#AE2E24",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative red borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.accent.orange": {
       "value": "#FBC828",
       "attributes": {
@@ -622,6 +640,15 @@
         "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
       }
     },
+    "Dark increased-contrast/color.border.accent.orange.subtle": {
+      "value": "#9E4C00",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative orange borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.accent.yellow": {
       "value": "#EED12B",
       "attributes": {
@@ -631,6 +658,15 @@
         "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color."
       }
     },
+    "Dark increased-contrast/color.border.accent.yellow.subtle": {
+      "value": "#7F5F01",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative yellow borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.accent.green": {
       "value": "#7EE2B8",
       "attributes": {
@@ -640,6 +676,15 @@
         "description": "Use for green borders on non-bold backgrounds when there is no meaning tied to the color."
       }
     },
+    "Dark increased-contrast/color.border.accent.green.subtle": {
+      "value": "#216E4E",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative green borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.accent.teal": {
       "value": "#9DD9EE",
       "attributes": {
@@ -649,6 +694,15 @@
         "description": "Use for teal borders on non-bold backgrounds when there is no meaning tied to the color."
       }
     },
+    "Dark increased-contrast/color.border.accent.teal.subtle": {
+      "value": "#206A83",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative teal borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.accent.blue": {
       "value": "#8FB8F6",
       "attributes": {
@@ -658,6 +712,15 @@
         "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
       }
     },
+    "Dark increased-contrast/color.border.accent.blue.subtle": {
+      "value": "#1558BC",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative blue borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.accent.purple": {
       "value": "#D8A0F7",
       "attributes": {
@@ -667,6 +730,15 @@
         "description": "Use for purple borders on non-bold backgrounds when there is no meaning tied to the color."
       }
     },
+    "Dark increased-contrast/color.border.accent.purple.subtle": {
+      "value": "#803FA5",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative purple borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.accent.magenta": {
       "value": "#F797D2",
       "attributes": {
@@ -676,6 +748,15 @@
         "description": "Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color."
       }
     },
+    "Dark increased-contrast/color.border.accent.magenta.subtle": {
+      "value": "#943D73",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative magenta borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.accent.gray": {
       "value": "#A9ABAF",
       "attributes": {
@@ -685,6 +766,15 @@
         "description": "Use for borders on non-bold gray accent backgrounds."
       }
     },
+    "Dark increased-contrast/color.border.accent.gray.subtle": {
+      "value": "#4B4D51",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.disabled": {
       "value": "#E3E4F21F",
       "attributes": {
@@ -748,6 +838,15 @@
         "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
       }
     },
+    "Dark increased-contrast/color.border.danger.subtle": {
+      "value": "#AE2E24",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative danger borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.warning": {
       "value": "#FBC828",
       "attributes": {
@@ -757,6 +856,15 @@
         "description": "Use for borders communicating caution."
       }
     },
+    "Dark increased-contrast/color.border.warning.subtle": {
+      "value": "#9E4C00",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative warning borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.success": {
       "value": "#7EE2B8",
       "attributes": {
@@ -766,6 +874,15 @@
         "description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
       }
     },
+    "Dark increased-contrast/color.border.success.subtle": {
+      "value": "#4C6B1F",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative success borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.discovery": {
       "value": "#C97CF4",
       "attributes": {
@@ -775,6 +892,15 @@
         "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
       }
     },
+    "Dark increased-contrast/color.border.discovery.subtle": {
+      "value": "#803FA5",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative discovery borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.information": {
       "value": "#8FB8F6",
       "attributes": {
@@ -784,6 +910,15 @@
         "description": "Use for borders communicating information or something in-progress."
       }
     },
+    "Dark increased-contrast/color.border.information.subtle": {
+      "value": "#1558BC",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative information borders that do not need to meet 3:1 contrast requirements."
+      }
+    },
     "Dark increased-contrast/color.border.bold": {
       "value": "#A9ABAF",
       "attributes": {
@@ -2206,6 +2341,15 @@
         "description": "Pressed state of color.background.danger.subtler"
       }
     },
+    "Dark increased-contrast/color.background.danger.subtle": {
+      "value": "#AE2E24",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating critical danger information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.danger.bold or color.background.danger.subtler for interactive states."
+      }
+    },
     "Dark increased-contrast/color.background.danger.bold": {
       "value": "#FFD5D2",
       "attributes": {
@@ -2287,6 +2431,15 @@
         "description": "Pressed state of color.background.warning.subtler"
       }
     },
+    "Dark increased-contrast/color.background.warning.subtle": {
+      "value": "#9E4C00",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
+      }
+    },
     "Dark increased-contrast/color.background.warning.bold": {
       "value": "#F5E989",
       "attributes": {
@@ -2368,6 +2521,15 @@
         "description": "Pressed state of color.background.success.subtler"
       }
     },
+    "Dark increased-contrast/color.background.success.subtle": {
+      "value": "#4C6B1F",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating success (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.success.bold or color.background.success.subtler for interactive states."
+      }
+    },
     "Dark increased-contrast/color.background.success.bold": {
       "value": "#BAF3DB",
       "attributes": {
@@ -2449,6 +2611,15 @@
         "description": "Pressed state of color.background.discovery.subtler"
       }
     },
+    "Dark increased-contrast/color.background.discovery.subtle": {
+      "value": "#803FA5",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating discovery (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.discovery.bold or color.background.discovery.subtler for interactive states."
+      }
+    },
     "Dark increased-contrast/color.background.discovery.bold": {
       "value": "#EED7FC",
       "attributes": {
@@ -2530,6 +2701,15 @@
         "description": "Pressed state of color.background.information.subtler"
       }
     },
+    "Dark increased-contrast/color.background.information.subtle": {
+      "value": "#1558BC",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.information.bold or color.background.information.subtler for interactive states."
+      }
+    },
     "Dark increased-contrast/color.background.information.bold": {
       "value": "#CFE1FD",
       "attributes": {

package/figma/atlassian-dark.json

@@ -604,6 +604,15 @@
       },
       "value": "#82B536"
     },
+    "Dark/color.border.accent.lime.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative lime borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#4C6B1F"
+    },
     "Dark/color.border.accent.red": {
       "attributes": {
         "group": "paint",
@@ -613,6 +622,15 @@
       },
       "value": "#F15B50"
     },
+    "Dark/color.border.accent.red.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative red borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#AE2E24"
+    },
     "Dark/color.border.accent.orange": {
       "attributes": {
         "group": "paint",
@@ -622,6 +640,15 @@
       },
       "value": "#F68909"
     },
+    "Dark/color.border.accent.orange.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative orange borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#9E4C00"
+    },
     "Dark/color.border.accent.yellow": {
       "attributes": {
         "group": "paint",
@@ -631,6 +658,15 @@
       },
       "value": "#CF9F02"
     },
+    "Dark/color.border.accent.yellow.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative yellow borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#7F5F01"
+    },
     "Dark/color.border.accent.green": {
       "attributes": {
         "group": "paint",
@@ -640,6 +676,15 @@
       },
       "value": "#2ABB7F"
     },
+    "Dark/color.border.accent.green.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative green borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#216E4E"
+    },
     "Dark/color.border.accent.teal": {
       "attributes": {
         "group": "paint",
@@ -649,6 +694,15 @@
       },
       "value": "#42B2D7"
     },
+    "Dark/color.border.accent.teal.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative teal borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#206A83"
+    },
     "Dark/color.border.accent.blue": {
       "attributes": {
         "group": "paint",
@@ -658,6 +712,15 @@
       },
       "value": "#4688EC"
     },
+    "Dark/color.border.accent.blue.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative blue borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#1558BC"
+    },
     "Dark/color.border.accent.purple": {
       "attributes": {
         "group": "paint",
@@ -667,6 +730,15 @@
       },
       "value": "#BF63F3"
     },
+    "Dark/color.border.accent.purple.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative purple borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#803FA5"
+    },
     "Dark/color.border.accent.magenta": {
       "attributes": {
         "group": "paint",
@@ -676,6 +748,15 @@
       },
       "value": "#DA62AC"
     },
+    "Dark/color.border.accent.magenta.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative magenta borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#943D73"
+    },
     "Dark/color.border.accent.gray": {
       "attributes": {
         "group": "paint",
@@ -685,6 +766,15 @@
       },
       "value": "#7E8188"
     },
+    "Dark/color.border.accent.gray.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#4B4D51"
+    },
     "Dark/color.border.disabled": {
       "attributes": {
         "group": "paint",
@@ -748,6 +838,15 @@
       },
       "value": "#F15B50"
     },
+    "Dark/color.border.danger.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative danger borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#AE2E24"
+    },
     "Dark/color.border.warning": {
       "attributes": {
         "group": "paint",
@@ -757,6 +856,15 @@
       },
       "value": "#F68909"
     },
+    "Dark/color.border.warning.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative warning borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#9E4C00"
+    },
     "Dark/color.border.success": {
       "attributes": {
         "group": "paint",
@@ -766,6 +874,15 @@
       },
       "value": "#82B536"
     },
+    "Dark/color.border.success.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative success borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#4C6B1F"
+    },
     "Dark/color.border.discovery": {
       "attributes": {
         "group": "paint",
@@ -775,6 +892,15 @@
       },
       "value": "#BF63F3"
     },
+    "Dark/color.border.discovery.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative discovery borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#803FA5"
+    },
     "Dark/color.border.information": {
       "attributes": {
         "group": "paint",
@@ -784,6 +910,15 @@
       },
       "value": "#4688EC"
     },
+    "Dark/color.border.information.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative information borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#1558BC"
+    },
     "Dark/color.border.bold": {
       "attributes": {
         "group": "paint",
@@ -2206,6 +2341,15 @@
       },
       "value": "#AE2E24"
     },
+    "Dark/color.background.danger.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating critical danger information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.danger.bold or color.background.danger.subtler for interactive states."
+      },
+      "value": "#AE2E24"
+    },
     "Dark/color.background.danger.bold": {
       "attributes": {
         "group": "paint",
@@ -2287,6 +2431,15 @@
       },
       "value": "#9E4C00"
     },
+    "Dark/color.background.warning.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
+      },
+      "value": "#9E4C00"
+    },
     "Dark/color.background.warning.bold": {
       "attributes": {
         "group": "paint",
@@ -2368,6 +2521,15 @@
       },
       "value": "#4C6B1F"
     },
+    "Dark/color.background.success.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating success (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.success.bold or color.background.success.subtler for interactive states."
+      },
+      "value": "#4C6B1F"
+    },
     "Dark/color.background.success.bold": {
       "attributes": {
         "group": "paint",
@@ -2449,6 +2611,15 @@
       },
       "value": "#803FA5"
     },
+    "Dark/color.background.discovery.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating discovery (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.discovery.bold or color.background.discovery.subtler for interactive states."
+      },
+      "value": "#803FA5"
+    },
     "Dark/color.background.discovery.bold": {
       "attributes": {
         "group": "paint",
@@ -2530,6 +2701,15 @@
       },
       "value": "#1558BC"
     },
+    "Dark/color.background.information.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.information.bold or color.background.information.subtler for interactive states."
+      },
+      "value": "#1558BC"
+    },
     "Dark/color.background.information.bold": {
       "attributes": {
         "group": "paint",