@atlaskit/tokens 1.7.0 → 1.8.0

package/dist/types-ts4.5/tokens/default/utility/utility.d.ts

@@ -1,5 +1,5 @@
 import type { AttributeSchema, UtilTokenSchema } from '../../../types';
 declare const _default: {
-    utility: AttributeSchema<UtilTokenSchema<"Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "Neutral0" | "Neutral100" | "Neutral200" | "Neutral300" | "Neutral400" | "Neutral500" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100" | "Neutral100A" | "Neutral200A" | "Neutral300A" | "Neutral400A" | "Neutral500A" | "DarkNeutral-100" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral200" | "DarkNeutral300" | "DarkNeutral400" | "DarkNeutral500" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "DarkNeutral-100A" | "DarkNeutral100A" | "DarkNeutral200A" | "DarkNeutral300A" | "DarkNeutral400A" | "DarkNeutral500A">>;
+    utility: AttributeSchema<UtilTokenSchema<"Lime100" | "Lime200" | "Lime300" | "Lime400" | "Lime500" | "Lime600" | "Lime700" | "Lime800" | "Lime900" | "Lime1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "Neutral0" | "Neutral100" | "Neutral200" | "Neutral300" | "Neutral400" | "Neutral500" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100" | "Neutral100A" | "Neutral200A" | "Neutral300A" | "Neutral400A" | "Neutral500A" | "DarkNeutral-100" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral200" | "DarkNeutral300" | "DarkNeutral400" | "DarkNeutral500" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "DarkNeutral-100A" | "DarkNeutral100A" | "DarkNeutral200A" | "DarkNeutral300A" | "DarkNeutral400A" | "DarkNeutral500A">>;
 };
 export default _default;

package/dist/types-ts4.5/types.d.ts

@@ -9,7 +9,7 @@ export type ExperimentalTokenState = 'experimental';
 export type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState | ExperimentalTokenState;
 export type Replacement = InternalTokenIds | InternalTokenIds[];
 export type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
-export type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'light mode neutral' | 'dark mode neutral';
+export type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'lime' | 'light mode neutral' | 'dark mode neutral';
 export type ValueCategory = 'opacity';
 export interface Token<TValue, Group extends Groups> {
     value: TValue;
@@ -365,6 +365,10 @@ export interface AccentColorTokenSchema<BaseToken> {
                     '[default]': PaintToken<BaseToken>;
                     bolder: PaintToken<BaseToken>;
                 };
+                lime: {
+                    '[default]': PaintToken<BaseToken>;
+                    bolder: PaintToken<BaseToken>;
+                };
                 gray: {
                     '[default]': PaintToken<BaseToken>;
                     bolder: PaintToken<BaseToken>;
@@ -381,6 +385,7 @@ export interface AccentColorTokenSchema<BaseToken> {
                 purple: PaintToken<BaseToken>;
                 teal: PaintToken<BaseToken>;
                 magenta: PaintToken<BaseToken>;
+                lime: PaintToken<BaseToken>;
                 gray: PaintToken<BaseToken>;
             };
         };
@@ -394,6 +399,7 @@ export interface AccentColorTokenSchema<BaseToken> {
                 purple: PaintToken<BaseToken>;
                 teal: PaintToken<BaseToken>;
                 magenta: PaintToken<BaseToken>;
+                lime: PaintToken<BaseToken>;
                 gray: PaintToken<BaseToken>;
             };
         };
@@ -447,6 +453,12 @@ export interface AccentColorTokenSchema<BaseToken> {
                     subtle: PaintToken<BaseToken>;
                     bolder: PaintToken<BaseToken>;
                 };
+                lime: {
+                    subtlest: PaintToken<BaseToken>;
+                    subtler: PaintToken<BaseToken>;
+                    subtle: PaintToken<BaseToken>;
+                    bolder: PaintToken<BaseToken>;
+                };
                 gray: {
                     subtlest: PaintToken<BaseToken>;
                     subtler: PaintToken<BaseToken>;
@@ -638,6 +650,20 @@ export interface ChartColorTokenSchema<BaseToken> {
                     hovered: PaintToken<BaseToken>;
                 };
             };
+            lime: {
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bolder: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                boldest: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
             teal: {
                 bold: {
                     '[default]': PaintToken<BaseToken>;

package/figma/atlassian-dark.json

@@ -10,6 +10,24 @@
       },
       "value": "#C7D1DB"
     },
+    "Dark/color.text.accent.lime": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "1.6.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/color.text.accent.lime.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.7.0",
+        "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
+      },
+      "value": "#D3F1A7"
+    },
     "Dark/color.text.accent.red": {
       "attributes": {
         "group": "paint",
@@ -307,6 +325,15 @@
       },
       "value": "#9FADBC"
     },
+    "Dark/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/color.icon.accent.red": {
       "attributes": {
         "group": "paint",
@@ -496,6 +523,15 @@
       },
       "value": "#A6C5E229"
     },
+    "Dark/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/color.border.accent.red": {
       "attributes": {
         "group": "paint",
@@ -685,6 +721,42 @@
       },
       "value": "#738496"
     },
+    "Dark/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": "#2A3818"
+    },
+    "Dark/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/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/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/color.background.accent.red.subtlest": {
       "attributes": {
         "group": "paint",
@@ -1711,6 +1783,60 @@
       },
       "value": "#FFE2BD"
     },
+    "Dark/color.chart.lime.bold": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "For data visualisation only."
+      },
+      "value": "#37B4C3"
+    },
+    "Dark/color.chart.lime.bold.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "Hovered state of color.chart.lime.bold."
+      },
+      "value": "#60C6D2"
+    },
+    "Dark/color.chart.lime.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "For data visualisation only."
+      },
+      "value": "#60C6D2"
+    },
+    "Dark/color.chart.lime.bolder.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "Hovered state of color.chart.lime.bolder."
+      },
+      "value": "#8BDBE5"
+    },
+    "Dark/color.chart.lime.boldest": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "For data visualisation only."
+      },
+      "value": "#8BDBE5"
+    },
+    "Dark/color.chart.lime.boldest.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "Hovered state of color.chart.lime.boldest."
+      },
+      "value": "#C1F0F5"
+    },
     "Dark/color.chart.neutral": {
       "attributes": {
         "group": "paint",

package/figma/atlassian-legacy-dark.json

@@ -10,6 +10,24 @@
       },
       "value": "#E6EDFA"
     },
+    "Legacy dark/color.text.accent.lime": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "1.6.0",
+        "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
+      },
+      "value": "#4C6B1F"
+    },
+    "Legacy dark/color.text.accent.lime.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.7.0",
+        "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
+      },
+      "value": "#37471F"
+    },
     "Legacy dark/color.text.accent.red": {
       "attributes": {
         "group": "paint",
@@ -307,6 +325,15 @@
       },
       "value": "#DCE5F5"
     },
+    "Legacy dark/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": "#6A9A23"
+    },
     "Legacy dark/color.icon.accent.red": {
       "attributes": {
         "group": "paint",
@@ -496,6 +523,15 @@
       },
       "value": "#202B3D"
     },
+    "Legacy dark/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": "#6A9A23"
+    },
     "Legacy dark/color.border.accent.red": {
       "attributes": {
         "group": "paint",
@@ -685,6 +721,42 @@
       },
       "value": "#7988A3"
     },
+    "Legacy dark/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": "#EEFBDA"
+    },
+    "Legacy dark/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": "#D3F1A7"
+    },
+    "Legacy dark/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": "#94C748"
+    },
+    "Legacy dark/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": "#5B7F24"
+    },
     "Legacy dark/color.background.accent.red.subtlest": {
       "attributes": {
         "group": "paint",
@@ -1711,6 +1783,60 @@
       },
       "value": "#FFE2BD"
     },
+    "Legacy dark/color.chart.lime.bold": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "For data visualisation only."
+      },
+      "value": "#6A9A23"
+    },
+    "Legacy dark/color.chart.lime.bold.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "Hovered state of color.chart.lime.bold."
+      },
+      "value": "#5B7F24"
+    },
+    "Legacy dark/color.chart.lime.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "For data visualisation only."
+      },
+      "value": "#5B7F24"
+    },
+    "Legacy dark/color.chart.lime.bolder.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "Hovered state of color.chart.lime.bolder."
+      },
+      "value": "#4C6B1F"
+    },
+    "Legacy dark/color.chart.lime.boldest": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "For data visualisation only."
+      },
+      "value": "#4C6B1F"
+    },
+    "Legacy dark/color.chart.lime.boldest.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "Hovered state of color.chart.lime.boldest."
+      },
+      "value": "#37471F"
+    },
     "Legacy dark/color.chart.neutral": {
       "attributes": {
         "group": "paint",

package/figma/atlassian-legacy-light.json

@@ -10,6 +10,24 @@
       },
       "value": "#172B4D"
     },
+    "Legacy light/color.text.accent.lime": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "1.6.0",
+        "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
+      },
+      "value": "#4C6B1F"
+    },
+    "Legacy light/color.text.accent.lime.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.7.0",
+        "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
+      },
+      "value": "#37471F"
+    },
     "Legacy light/color.text.accent.red": {
       "attributes": {
         "group": "paint",
@@ -307,6 +325,15 @@
       },
       "value": "#505F79"
     },
+    "Legacy light/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": "#6A9A23"
+    },
     "Legacy light/color.icon.accent.red": {
       "attributes": {
         "group": "paint",
@@ -496,6 +523,15 @@
       },
       "value": "#091e4221"
     },
+    "Legacy light/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": "#6A9A23"
+    },
     "Legacy light/color.border.accent.red": {
       "attributes": {
         "group": "paint",
@@ -685,6 +721,42 @@
       },
       "value": "#344563"
     },
+    "Legacy light/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": "#EEFBDA"
+    },
+    "Legacy light/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": "#D3F1A7"
+    },
+    "Legacy light/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": "#94C748"
+    },
+    "Legacy light/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": "#5B7F24"
+    },
     "Legacy light/color.background.accent.red.subtlest": {
       "attributes": {
         "group": "paint",
@@ -1711,6 +1783,60 @@
       },
       "value": "#5F3811"
     },
+    "Legacy light/color.chart.lime.bold": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "For data visualisation only."
+      },
+      "value": "#6A9A23"
+    },
+    "Legacy light/color.chart.lime.bold.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "Hovered state of color.chart.lime.bold."
+      },
+      "value": "#5B7F24"
+    },
+    "Legacy light/color.chart.lime.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "For data visualisation only."
+      },
+      "value": "#5B7F24"
+    },
+    "Legacy light/color.chart.lime.bolder.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "Hovered state of color.chart.lime.bolder."
+      },
+      "value": "#4C6B1F"
+    },
+    "Legacy light/color.chart.lime.boldest": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "For data visualisation only."
+      },
+      "value": "#4C6B1F"
+    },
+    "Legacy light/color.chart.lime.boldest.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.13.3",
+        "description": "Hovered state of color.chart.lime.boldest."
+      },
+      "value": "#37471F"
+    },
     "Legacy light/color.chart.neutral": {
       "attributes": {
         "group": "paint",