@atlaskit/tokens 0.13.2 → 0.13.3

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # @atlaskit/tokens
 
+## 0.13.3
+
+### Patch Changes
+
+- [`0438a9318a1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0438a9318a1) - Tweaked the values of the `Neutral500` and `Neutral500` base tokens and updated `text.accent.gray.bolder` to improve color contrast:
+
+  - Adjust `Neutral500` from `#8993A5` to `#8590A2` so that it passes 3:1 contrast against sunken surfaces in light mode
+  - Adjust `Neutral500A` from `#091E42 @ 48%` to `#091E42 @ 49%` to match color of `Neutral500` on default surfaces
+  - Update `text.accent.gray.bolder` to use `Neutral1100` so gray tags pass contrast requirements
+
+- [`765c27c301e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/765c27c301e) - Adds new chart tokens for data visualisation and charts.
+
+  27 generic chart tokens and hovered state tokens:
+
+  - `color.chart.[color].bold`
+  - `color.chart.[color].bolder`
+  - `color.chart.[color].boldest`
+
+  12 semantic chart tokens and hovered state tokens:
+
+  - `color.chart.brand`
+  - `color.chart.neutral`
+  - `color.chart.success`
+  - `color.chart.success.bold`
+  - `color.chart.danger`
+  - `color.chart.danger.bold`
+  - `color.chart.warning`
+  - `color.chart.warning.bold`
+  - `color.chart.information`
+  - `color.chart.information.bold`
+  - `color.chart.discovery`
+  - `color.chart.discovery.bold`
+
+  8 categorical chart tokens and hovered state tokens:
+
+  - `color.chart.categorical.1`
+  - `color.chart.categorical.2`
+  - `color.chart.categorical.3`
+  - `color.chart.categorical.4`
+  - `color.chart.categorical.5`
+  - `color.chart.categorical.6`
+  - `color.chart.categorical.7`
+  - `color.chart.categorical.8`
+
 ## 0.13.2
 
 ### Patch Changes

package/css/atlassian-dark.css

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3dec80a5e31c36a125decf1f61a422d1>>
+ * @codegen <<SignedSource::ccd1459dc9055b92437147733b9d65f7>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme~="dark"] {
@@ -248,6 +248,100 @@ html[data-theme~="dark"] {
   --ds-blanket: #03040442;
   --ds-blanket-selected: #1D7AFC14;
   --ds-blanket-danger: #E3493514;
+  --ds-chart-brand: #388BFF;
+  --ds-chart-brand-hovered: #579DFF;
+  --ds-chart-neutral: #738496;
+  --ds-chart-neutral-hovered: #8696A7;
+  --ds-chart-success: #2ABB7F;
+  --ds-chart-success-hovered: #4BCE97;
+  --ds-chart-success-bold: #7EE2B8;
+  --ds-chart-success-bold-hovered: #BAF3DB;
+  --ds-chart-danger: #E34935;
+  --ds-chart-danger-hovered: #EF5C48;
+  --ds-chart-danger-bold: #FF9C8F;
+  --ds-chart-danger-bold-hovered: #FFD2CC;
+  --ds-chart-warning: #CF9F02;
+  --ds-chart-warning-hovered: #E2B203;
+  --ds-chart-warning-bold: #F5CD47;
+  --ds-chart-warning-bold-hovered: #F8E6A0;
+  --ds-chart-information: #1D7AFC;
+  --ds-chart-information-hovered: #388BFF;
+  --ds-chart-information-bold: #85B8FF;
+  --ds-chart-information-bold-hovered: #CCE0FF;
+  --ds-chart-discovery: #8270DB;
+  --ds-chart-discovery-hovered: #8F7EE7;
+  --ds-chart-discovery-bold: #B8ACF6;
+  --ds-chart-discovery-bold-hovered: #DFD8FD;
+  --ds-chart-categorical-1: #1D9AAA;
+  --ds-chart-categorical-1-hovered: #37B4C3;
+  --ds-chart-categorical-2: #B8ACF6;
+  --ds-chart-categorical-2-hovered: #DFD8FD;
+  --ds-chart-categorical-3: #D97008;
+  --ds-chart-categorical-3-hovered: #F18D13;
+  --ds-chart-categorical-4: #F797D2;
+  --ds-chart-categorical-4-hovered: #FDD0EC;
+  --ds-chart-categorical-5: #CCE0FF;
+  --ds-chart-categorical-5-hovered: #E9F2FF;
+  --ds-chart-categorical-6: #8270DB;
+  --ds-chart-categorical-6-hovered: #8F7EE7;
+  --ds-chart-categorical-7: #FDD0EC;
+  --ds-chart-categorical-7-hovered: #FFECF8;
+  --ds-chart-categorical-8: #FEC57B;
+  --ds-chart-categorical-8-hovered: #FFE2BD;
+  --ds-chart-blue-bold: #1D7AFC;
+  --ds-chart-blue-bold-hovered: #388BFF;
+  --ds-chart-blue-bolder: #388BFF;
+  --ds-chart-blue-bolder-hovered: #579DFF;
+  --ds-chart-blue-boldest: #85B8FF;
+  --ds-chart-blue-boldest-hovered: #CCE0FF;
+  --ds-chart-red-bold: #E34935;
+  --ds-chart-red-bold-hovered: #EF5C48;
+  --ds-chart-red-bolder: #EF5C48;
+  --ds-chart-red-bolder-hovered: #F87462;
+  --ds-chart-red-boldest: #FF9C8F;
+  --ds-chart-red-boldest-hovered: #FFD2CC;
+  --ds-chart-orange-bold: #F18D13;
+  --ds-chart-orange-bold-hovered: #FAA53D;
+  --ds-chart-orange-bolder: #FAA53D;
+  --ds-chart-orange-bolder-hovered: #FEC57B;
+  --ds-chart-orange-boldest: #FEC57B;
+  --ds-chart-orange-boldest-hovered: #FFE2BD;
+  --ds-chart-yellow-bold: #CF9F02;
+  --ds-chart-yellow-bold-hovered: #E2B203;
+  --ds-chart-yellow-bolder: #E2B203;
+  --ds-chart-yellow-bolder-hovered: #F5CD47;
+  --ds-chart-yellow-boldest: #F5CD47;
+  --ds-chart-yellow-boldest-hovered: #F8E6A0;
+  --ds-chart-green-bold: #2ABB7F;
+  --ds-chart-green-bold-hovered: #4BCE97;
+  --ds-chart-green-bolder: #4BCE97;
+  --ds-chart-green-bolder-hovered: #7EE2B8;
+  --ds-chart-green-boldest: #7EE2B8;
+  --ds-chart-green-boldest-hovered: #BAF3DB;
+  --ds-chart-teal-bold: #37B4C3;
+  --ds-chart-teal-bold-hovered: #60C6D2;
+  --ds-chart-teal-bolder: #60C6D2;
+  --ds-chart-teal-bolder-hovered: #8BDBE5;
+  --ds-chart-teal-boldest: #8BDBE5;
+  --ds-chart-teal-boldest-hovered: #C1F0F5;
+  --ds-chart-purple-bold: #8270DB;
+  --ds-chart-purple-bold-hovered: #8F7EE7;
+  --ds-chart-purple-bolder: #8F7EE7;
+  --ds-chart-purple-bolder-hovered: #9F8FEF;
+  --ds-chart-purple-boldest: #B8ACF6;
+  --ds-chart-purple-boldest-hovered: #DFD8FD;
+  --ds-chart-magenta-bold: #CD519D;
+  --ds-chart-magenta-bold-hovered: #DA62AC;
+  --ds-chart-magenta-bolder: #DA62AC;
+  --ds-chart-magenta-bolder-hovered: #E774BB;
+  --ds-chart-magenta-boldest: #F797D2;
+  --ds-chart-magenta-boldest-hovered: #FDD0EC;
+  --ds-chart-gray-bold: #738496;
+  --ds-chart-gray-bold-hovered: #8696A7;
+  --ds-chart-gray-bolder: #8696A7;
+  --ds-chart-gray-bolder-hovered: #9FADBC;
+  --ds-chart-gray-boldest: #9FADBC;
+  --ds-chart-gray-boldest-hovered: #B6C2CF;
   --ds-interaction-hovered: #ffffff33;
   --ds-interaction-pressed: #ffffff5c;
   --ds-interaction-inverse-hovered: #ffffff33;
@@ -545,6 +639,100 @@ html[data-theme~="dark"] {
     --ds-blanket: #03040442;
     --ds-blanket-selected: #1D7AFC14;
     --ds-blanket-danger: #E3493514;
+    --ds-chart-brand: #388BFF;
+    --ds-chart-brand-hovered: #579DFF;
+    --ds-chart-neutral: #738496;
+    --ds-chart-neutral-hovered: #8696A7;
+    --ds-chart-success: #2ABB7F;
+    --ds-chart-success-hovered: #4BCE97;
+    --ds-chart-success-bold: #7EE2B8;
+    --ds-chart-success-bold-hovered: #BAF3DB;
+    --ds-chart-danger: #E34935;
+    --ds-chart-danger-hovered: #EF5C48;
+    --ds-chart-danger-bold: #FF9C8F;
+    --ds-chart-danger-bold-hovered: #FFD2CC;
+    --ds-chart-warning: #CF9F02;
+    --ds-chart-warning-hovered: #E2B203;
+    --ds-chart-warning-bold: #F5CD47;
+    --ds-chart-warning-bold-hovered: #F8E6A0;
+    --ds-chart-information: #1D7AFC;
+    --ds-chart-information-hovered: #388BFF;
+    --ds-chart-information-bold: #85B8FF;
+    --ds-chart-information-bold-hovered: #CCE0FF;
+    --ds-chart-discovery: #8270DB;
+    --ds-chart-discovery-hovered: #8F7EE7;
+    --ds-chart-discovery-bold: #B8ACF6;
+    --ds-chart-discovery-bold-hovered: #DFD8FD;
+    --ds-chart-categorical-1: #1D9AAA;
+    --ds-chart-categorical-1-hovered: #37B4C3;
+    --ds-chart-categorical-2: #B8ACF6;
+    --ds-chart-categorical-2-hovered: #DFD8FD;
+    --ds-chart-categorical-3: #D97008;
+    --ds-chart-categorical-3-hovered: #F18D13;
+    --ds-chart-categorical-4: #F797D2;
+    --ds-chart-categorical-4-hovered: #FDD0EC;
+    --ds-chart-categorical-5: #CCE0FF;
+    --ds-chart-categorical-5-hovered: #E9F2FF;
+    --ds-chart-categorical-6: #8270DB;
+    --ds-chart-categorical-6-hovered: #8F7EE7;
+    --ds-chart-categorical-7: #FDD0EC;
+    --ds-chart-categorical-7-hovered: #FFECF8;
+    --ds-chart-categorical-8: #FEC57B;
+    --ds-chart-categorical-8-hovered: #FFE2BD;
+    --ds-chart-blue-bold: #1D7AFC;
+    --ds-chart-blue-bold-hovered: #388BFF;
+    --ds-chart-blue-bolder: #388BFF;
+    --ds-chart-blue-bolder-hovered: #579DFF;
+    --ds-chart-blue-boldest: #85B8FF;
+    --ds-chart-blue-boldest-hovered: #CCE0FF;
+    --ds-chart-red-bold: #E34935;
+    --ds-chart-red-bold-hovered: #EF5C48;
+    --ds-chart-red-bolder: #EF5C48;
+    --ds-chart-red-bolder-hovered: #F87462;
+    --ds-chart-red-boldest: #FF9C8F;
+    --ds-chart-red-boldest-hovered: #FFD2CC;
+    --ds-chart-orange-bold: #F18D13;
+    --ds-chart-orange-bold-hovered: #FAA53D;
+    --ds-chart-orange-bolder: #FAA53D;
+    --ds-chart-orange-bolder-hovered: #FEC57B;
+    --ds-chart-orange-boldest: #FEC57B;
+    --ds-chart-orange-boldest-hovered: #FFE2BD;
+    --ds-chart-yellow-bold: #CF9F02;
+    --ds-chart-yellow-bold-hovered: #E2B203;
+    --ds-chart-yellow-bolder: #E2B203;
+    --ds-chart-yellow-bolder-hovered: #F5CD47;
+    --ds-chart-yellow-boldest: #F5CD47;
+    --ds-chart-yellow-boldest-hovered: #F8E6A0;
+    --ds-chart-green-bold: #2ABB7F;
+    --ds-chart-green-bold-hovered: #4BCE97;
+    --ds-chart-green-bolder: #4BCE97;
+    --ds-chart-green-bolder-hovered: #7EE2B8;
+    --ds-chart-green-boldest: #7EE2B8;
+    --ds-chart-green-boldest-hovered: #BAF3DB;
+    --ds-chart-teal-bold: #37B4C3;
+    --ds-chart-teal-bold-hovered: #60C6D2;
+    --ds-chart-teal-bolder: #60C6D2;
+    --ds-chart-teal-bolder-hovered: #8BDBE5;
+    --ds-chart-teal-boldest: #8BDBE5;
+    --ds-chart-teal-boldest-hovered: #C1F0F5;
+    --ds-chart-purple-bold: #8270DB;
+    --ds-chart-purple-bold-hovered: #8F7EE7;
+    --ds-chart-purple-bolder: #8F7EE7;
+    --ds-chart-purple-bolder-hovered: #9F8FEF;
+    --ds-chart-purple-boldest: #B8ACF6;
+    --ds-chart-purple-boldest-hovered: #DFD8FD;
+    --ds-chart-magenta-bold: #CD519D;
+    --ds-chart-magenta-bold-hovered: #DA62AC;
+    --ds-chart-magenta-bolder: #DA62AC;
+    --ds-chart-magenta-bolder-hovered: #E774BB;
+    --ds-chart-magenta-boldest: #F797D2;
+    --ds-chart-magenta-boldest-hovered: #FDD0EC;
+    --ds-chart-gray-bold: #738496;
+    --ds-chart-gray-bold-hovered: #8696A7;
+    --ds-chart-gray-bolder: #8696A7;
+    --ds-chart-gray-bolder-hovered: #9FADBC;
+    --ds-chart-gray-boldest: #9FADBC;
+    --ds-chart-gray-boldest-hovered: #B6C2CF;
     --ds-interaction-hovered: #ffffff33;
     --ds-interaction-pressed: #ffffff5c;
     --ds-interaction-inverse-hovered: #ffffff33;

package/css/atlassian-legacy-dark.css

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a7f7db83a542dca0e910e4507b2876ab>>
+ * @codegen <<SignedSource::f1ff94b0fd67256d16d28c2d5cacc38a>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme~="legacy-dark"] {
@@ -248,6 +248,100 @@ html[data-theme~="legacy-dark"] {
   --ds-blanket: #0d1424a0;
   --ds-blanket-selected: #1D7AFC14;
   --ds-blanket-danger: #E3493514;
+  --ds-chart-brand: #0052CC;
+  --ds-chart-brand-hovered: #0065FF;
+  --ds-chart-neutral: #B8C7E0;
+  --ds-chart-neutral-hovered: #ABBBD6;
+  --ds-chart-success: #00875A;
+  --ds-chart-success-hovered: #36B37E;
+  --ds-chart-success-bold: #36B37E;
+  --ds-chart-success-bold-hovered: #57D9A3;
+  --ds-chart-danger: #DE350B;
+  --ds-chart-danger-hovered: #FF5630;
+  --ds-chart-danger-bold: #FF5630;
+  --ds-chart-danger-bold-hovered: #FF7452;
+  --ds-chart-warning: #FF991F;
+  --ds-chart-warning-hovered: #FFAB00;
+  --ds-chart-warning-bold: #FFAB00;
+  --ds-chart-warning-bold-hovered: #FFC400;
+  --ds-chart-information: #0052CC;
+  --ds-chart-information-hovered: #0065FF;
+  --ds-chart-information-bold: #0065FF;
+  --ds-chart-information-bold-hovered: #2684FF;
+  --ds-chart-discovery: #5243AA;
+  --ds-chart-discovery-hovered: #6554C0;
+  --ds-chart-discovery-bold: #6554C0;
+  --ds-chart-discovery-bold-hovered: #8777D9;
+  --ds-chart-categorical-1: #00B8D9;
+  --ds-chart-categorical-1-hovered: #00C7E6;
+  --ds-chart-categorical-2: #6554C0;
+  --ds-chart-categorical-2-hovered: #8777D9;
+  --ds-chart-categorical-3: #D97008;
+  --ds-chart-categorical-3-hovered: #F18D13;
+  --ds-chart-categorical-4: #F797D2;
+  --ds-chart-categorical-4-hovered: #FDD0EC;
+  --ds-chart-categorical-5: #0065FF;
+  --ds-chart-categorical-5-hovered: #2684FF;
+  --ds-chart-categorical-6: #6554C0;
+  --ds-chart-categorical-6-hovered: #8777D9;
+  --ds-chart-categorical-7: #FDD0EC;
+  --ds-chart-categorical-7-hovered: #FFECF8;
+  --ds-chart-categorical-8: #FEC57B;
+  --ds-chart-categorical-8-hovered: #FFE2BD;
+  --ds-chart-blue-bold: #0747A6;
+  --ds-chart-blue-bold-hovered: #0052CC;
+  --ds-chart-blue-bolder: #0052CC;
+  --ds-chart-blue-bolder-hovered: #0065FF;
+  --ds-chart-blue-boldest: #0065FF;
+  --ds-chart-blue-boldest-hovered: #2684FF;
+  --ds-chart-red-bold: #BF2600;
+  --ds-chart-red-bold-hovered: #DE350B;
+  --ds-chart-red-bolder: #DE350B;
+  --ds-chart-red-bolder-hovered: #FF5630;
+  --ds-chart-red-boldest: #FF5630;
+  --ds-chart-red-boldest-hovered: #FF7452;
+  --ds-chart-orange-bold: #F18D13;
+  --ds-chart-orange-bold-hovered: #FAA53D;
+  --ds-chart-orange-bolder: #FAA53D;
+  --ds-chart-orange-bolder-hovered: #FEC57B;
+  --ds-chart-orange-boldest: #FEC57B;
+  --ds-chart-orange-boldest-hovered: #FFE2BD;
+  --ds-chart-yellow-bold: #FF8B00;
+  --ds-chart-yellow-bold-hovered: #FF991F;
+  --ds-chart-yellow-bolder: #FF991F;
+  --ds-chart-yellow-bolder-hovered: #FFAB00;
+  --ds-chart-yellow-boldest: #FFAB00;
+  --ds-chart-yellow-boldest-hovered: #FFC400;
+  --ds-chart-green-bold: #006644;
+  --ds-chart-green-bold-hovered: #00875A;
+  --ds-chart-green-bolder: #00875A;
+  --ds-chart-green-bolder-hovered: #36B37E;
+  --ds-chart-green-boldest: #36B37E;
+  --ds-chart-green-boldest-hovered: #57D9A3;
+  --ds-chart-teal-bold: #008DA6;
+  --ds-chart-teal-bold-hovered: #00A3BF;
+  --ds-chart-teal-bolder: #00A3BF;
+  --ds-chart-teal-bolder-hovered: #00B8D9;
+  --ds-chart-teal-boldest: #00B8D9;
+  --ds-chart-teal-boldest-hovered: #00C7E6;
+  --ds-chart-purple-bold: #403294;
+  --ds-chart-purple-bold-hovered: #5243AA;
+  --ds-chart-purple-bolder: #5243AA;
+  --ds-chart-purple-bolder-hovered: #6554C0;
+  --ds-chart-purple-boldest: #6554C0;
+  --ds-chart-purple-boldest-hovered: #8777D9;
+  --ds-chart-magenta-bold: #CD519D;
+  --ds-chart-magenta-bold-hovered: #DA62AC;
+  --ds-chart-magenta-bolder: #DA62AC;
+  --ds-chart-magenta-bolder-hovered: #E774BB;
+  --ds-chart-magenta-boldest: #F797D2;
+  --ds-chart-magenta-boldest-hovered: #FDD0EC;
+  --ds-chart-gray-bold: #B8C7E0;
+  --ds-chart-gray-bold-hovered: #CED9EB;
+  --ds-chart-gray-bolder: #CED9EB;
+  --ds-chart-gray-bolder-hovered: #DCE5F5;
+  --ds-chart-gray-boldest: #DCE5F5;
+  --ds-chart-gray-boldest-hovered: #E6EDFA;
   --ds-interaction-hovered: #ffffff33;
   --ds-interaction-pressed: #ffffff5c;
   --ds-interaction-inverse-hovered: #FA11F2;
@@ -545,6 +639,100 @@ html[data-theme~="legacy-dark"] {
     --ds-blanket: #0d1424a0;
     --ds-blanket-selected: #1D7AFC14;
     --ds-blanket-danger: #E3493514;
+    --ds-chart-brand: #0052CC;
+    --ds-chart-brand-hovered: #0065FF;
+    --ds-chart-neutral: #B8C7E0;
+    --ds-chart-neutral-hovered: #ABBBD6;
+    --ds-chart-success: #00875A;
+    --ds-chart-success-hovered: #36B37E;
+    --ds-chart-success-bold: #36B37E;
+    --ds-chart-success-bold-hovered: #57D9A3;
+    --ds-chart-danger: #DE350B;
+    --ds-chart-danger-hovered: #FF5630;
+    --ds-chart-danger-bold: #FF5630;
+    --ds-chart-danger-bold-hovered: #FF7452;
+    --ds-chart-warning: #FF991F;
+    --ds-chart-warning-hovered: #FFAB00;
+    --ds-chart-warning-bold: #FFAB00;
+    --ds-chart-warning-bold-hovered: #FFC400;
+    --ds-chart-information: #0052CC;
+    --ds-chart-information-hovered: #0065FF;
+    --ds-chart-information-bold: #0065FF;
+    --ds-chart-information-bold-hovered: #2684FF;
+    --ds-chart-discovery: #5243AA;
+    --ds-chart-discovery-hovered: #6554C0;
+    --ds-chart-discovery-bold: #6554C0;
+    --ds-chart-discovery-bold-hovered: #8777D9;
+    --ds-chart-categorical-1: #00B8D9;
+    --ds-chart-categorical-1-hovered: #00C7E6;
+    --ds-chart-categorical-2: #6554C0;
+    --ds-chart-categorical-2-hovered: #8777D9;
+    --ds-chart-categorical-3: #D97008;
+    --ds-chart-categorical-3-hovered: #F18D13;
+    --ds-chart-categorical-4: #F797D2;
+    --ds-chart-categorical-4-hovered: #FDD0EC;
+    --ds-chart-categorical-5: #0065FF;
+    --ds-chart-categorical-5-hovered: #2684FF;
+    --ds-chart-categorical-6: #6554C0;
+    --ds-chart-categorical-6-hovered: #8777D9;
+    --ds-chart-categorical-7: #FDD0EC;
+    --ds-chart-categorical-7-hovered: #FFECF8;
+    --ds-chart-categorical-8: #FEC57B;
+    --ds-chart-categorical-8-hovered: #FFE2BD;
+    --ds-chart-blue-bold: #0747A6;
+    --ds-chart-blue-bold-hovered: #0052CC;
+    --ds-chart-blue-bolder: #0052CC;
+    --ds-chart-blue-bolder-hovered: #0065FF;
+    --ds-chart-blue-boldest: #0065FF;
+    --ds-chart-blue-boldest-hovered: #2684FF;
+    --ds-chart-red-bold: #BF2600;
+    --ds-chart-red-bold-hovered: #DE350B;
+    --ds-chart-red-bolder: #DE350B;
+    --ds-chart-red-bolder-hovered: #FF5630;
+    --ds-chart-red-boldest: #FF5630;
+    --ds-chart-red-boldest-hovered: #FF7452;
+    --ds-chart-orange-bold: #F18D13;
+    --ds-chart-orange-bold-hovered: #FAA53D;
+    --ds-chart-orange-bolder: #FAA53D;
+    --ds-chart-orange-bolder-hovered: #FEC57B;
+    --ds-chart-orange-boldest: #FEC57B;
+    --ds-chart-orange-boldest-hovered: #FFE2BD;
+    --ds-chart-yellow-bold: #FF8B00;
+    --ds-chart-yellow-bold-hovered: #FF991F;
+    --ds-chart-yellow-bolder: #FF991F;
+    --ds-chart-yellow-bolder-hovered: #FFAB00;
+    --ds-chart-yellow-boldest: #FFAB00;
+    --ds-chart-yellow-boldest-hovered: #FFC400;
+    --ds-chart-green-bold: #006644;
+    --ds-chart-green-bold-hovered: #00875A;
+    --ds-chart-green-bolder: #00875A;
+    --ds-chart-green-bolder-hovered: #36B37E;
+    --ds-chart-green-boldest: #36B37E;
+    --ds-chart-green-boldest-hovered: #57D9A3;
+    --ds-chart-teal-bold: #008DA6;
+    --ds-chart-teal-bold-hovered: #00A3BF;
+    --ds-chart-teal-bolder: #00A3BF;
+    --ds-chart-teal-bolder-hovered: #00B8D9;
+    --ds-chart-teal-boldest: #00B8D9;
+    --ds-chart-teal-boldest-hovered: #00C7E6;
+    --ds-chart-purple-bold: #403294;
+    --ds-chart-purple-bold-hovered: #5243AA;
+    --ds-chart-purple-bolder: #5243AA;
+    --ds-chart-purple-bolder-hovered: #6554C0;
+    --ds-chart-purple-boldest: #6554C0;
+    --ds-chart-purple-boldest-hovered: #8777D9;
+    --ds-chart-magenta-bold: #CD519D;
+    --ds-chart-magenta-bold-hovered: #DA62AC;
+    --ds-chart-magenta-bolder: #DA62AC;
+    --ds-chart-magenta-bolder-hovered: #E774BB;
+    --ds-chart-magenta-boldest: #F797D2;
+    --ds-chart-magenta-boldest-hovered: #FDD0EC;
+    --ds-chart-gray-bold: #B8C7E0;
+    --ds-chart-gray-bold-hovered: #CED9EB;
+    --ds-chart-gray-bolder: #CED9EB;
+    --ds-chart-gray-bolder-hovered: #DCE5F5;
+    --ds-chart-gray-boldest: #DCE5F5;
+    --ds-chart-gray-boldest-hovered: #E6EDFA;
     --ds-interaction-hovered: #ffffff33;
     --ds-interaction-pressed: #ffffff5c;
     --ds-interaction-inverse-hovered: #FA11F2;

package/css/atlassian-legacy-light.css

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b0d439159f93f359af45f7a089c42516>>
+ * @codegen <<SignedSource::79c7e4e58948a0e85e4a01f133856559>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme~="legacy-light"] {
@@ -248,6 +248,100 @@ html[data-theme~="legacy-light"] {
   --ds-blanket: #091e4289;
   --ds-blanket-selected: #388BFF14;
   --ds-blanket-danger: #EF5C4814;
+  --ds-chart-brand: #0065FF;
+  --ds-chart-brand-hovered: #0052CC;
+  --ds-chart-neutral: #5E6C84;
+  --ds-chart-neutral-hovered: #505F79;
+  --ds-chart-success: #36B37E;
+  --ds-chart-success-hovered: #00875A;
+  --ds-chart-success-bold: #00875A;
+  --ds-chart-success-bold-hovered: #006644;
+  --ds-chart-danger: #FF5630;
+  --ds-chart-danger-hovered: #DE350B;
+  --ds-chart-danger-bold: #DE350B;
+  --ds-chart-danger-bold-hovered: #BF2600;
+  --ds-chart-warning: #FFAB00;
+  --ds-chart-warning-hovered: #FF991F;
+  --ds-chart-warning-bold: #FF991F;
+  --ds-chart-warning-bold-hovered: #FF8B00;
+  --ds-chart-information: #0065FF;
+  --ds-chart-information-hovered: #0052CC;
+  --ds-chart-information-bold: #0052CC;
+  --ds-chart-information-bold-hovered: #0747A6;
+  --ds-chart-discovery: #6554C0;
+  --ds-chart-discovery-hovered: #5243AA;
+  --ds-chart-discovery-bold: #5243AA;
+  --ds-chart-discovery-bold-hovered: #403294;
+  --ds-chart-categorical-1: #00B8D9;
+  --ds-chart-categorical-1-hovered: #00A3BF;
+  --ds-chart-categorical-2: #5243AA;
+  --ds-chart-categorical-2-hovered: #403294;
+  --ds-chart-categorical-3: #D94008;
+  --ds-chart-categorical-3-hovered: #B65C02;
+  --ds-chart-categorical-4: #943D73;
+  --ds-chart-categorical-4-hovered: #50253F;
+  --ds-chart-categorical-5: #0052CC;
+  --ds-chart-categorical-5-hovered: #0747A6;
+  --ds-chart-categorical-6: #5243AA;
+  --ds-chart-categorical-6-hovered: #403294;
+  --ds-chart-categorical-7: #50253F;
+  --ds-chart-categorical-7-hovered: #341829;
+  --ds-chart-categorical-8: #974F0C;
+  --ds-chart-categorical-8-hovered: #5F3811;
+  --ds-chart-blue-bold: #0065FF;
+  --ds-chart-blue-bold-hovered: #0052CC;
+  --ds-chart-blue-bolder: #0052CC;
+  --ds-chart-blue-bolder-hovered: #0747A6;
+  --ds-chart-blue-boldest: #0747A6;
+  --ds-chart-blue-boldest-hovered: #0747A6;
+  --ds-chart-red-bold: #FF5630;
+  --ds-chart-red-bold-hovered: #DE350B;
+  --ds-chart-red-bolder: #DE350B;
+  --ds-chart-red-bolder-hovered: #BF2600;
+  --ds-chart-red-boldest: #BF2600;
+  --ds-chart-red-boldest-hovered: #BF2600;
+  --ds-chart-orange-bold: #D97008;
+  --ds-chart-orange-bold-hovered: #B65C02;
+  --ds-chart-orange-bolder: #B65C02;
+  --ds-chart-orange-bolder-hovered: #974F0C;
+  --ds-chart-orange-boldest: #974F0C;
+  --ds-chart-orange-boldest-hovered: #5F3811;
+  --ds-chart-yellow-bold: #FFAB00;
+  --ds-chart-yellow-bold-hovered: #FF991F;
+  --ds-chart-yellow-bolder: #FF991F;
+  --ds-chart-yellow-bolder-hovered: #FF8B00;
+  --ds-chart-yellow-boldest: #FF8B00;
+  --ds-chart-yellow-boldest-hovered: #FF8B00;
+  --ds-chart-green-bold: #36B37E;
+  --ds-chart-green-bold-hovered: #00875A;
+  --ds-chart-green-bolder: #00875A;
+  --ds-chart-green-bolder-hovered: #006644;
+  --ds-chart-green-boldest: #006644;
+  --ds-chart-green-boldest-hovered: #006644;
+  --ds-chart-teal-bold: #00B8D9;
+  --ds-chart-teal-bold-hovered: #00A3BF;
+  --ds-chart-teal-bolder: #00A3BF;
+  --ds-chart-teal-bolder-hovered: #008DA6;
+  --ds-chart-teal-boldest: #008DA6;
+  --ds-chart-teal-boldest-hovered: #008DA6;
+  --ds-chart-purple-bold: #6554C0;
+  --ds-chart-purple-bold-hovered: #5243AA;
+  --ds-chart-purple-bolder: #5243AA;
+  --ds-chart-purple-bolder-hovered: #403294;
+  --ds-chart-purple-boldest: #403294;
+  --ds-chart-purple-boldest-hovered: #403294;
+  --ds-chart-magenta-bold: #DA62AC;
+  --ds-chart-magenta-bold-hovered: #CD519D;
+  --ds-chart-magenta-bolder: #CD519D;
+  --ds-chart-magenta-bolder-hovered: #AE4787;
+  --ds-chart-magenta-boldest: #943D73;
+  --ds-chart-magenta-boldest-hovered: #50253F;
+  --ds-chart-gray-bold: #5E6C84;
+  --ds-chart-gray-bold-hovered: #505F79;
+  --ds-chart-gray-bolder: #505F79;
+  --ds-chart-gray-bolder-hovered: #42526E;
+  --ds-chart-gray-boldest: #42526E;
+  --ds-chart-gray-boldest-hovered: #42526E;
   --ds-interaction-hovered: #00000029;
   --ds-interaction-pressed: #00000052;
   --ds-interaction-inverse-hovered: #FA11F2;
@@ -545,6 +639,100 @@ html[data-theme~="legacy-light"] {
     --ds-blanket: #091e4289;
     --ds-blanket-selected: #388BFF14;
     --ds-blanket-danger: #EF5C4814;
+    --ds-chart-brand: #0065FF;
+    --ds-chart-brand-hovered: #0052CC;
+    --ds-chart-neutral: #5E6C84;
+    --ds-chart-neutral-hovered: #505F79;
+    --ds-chart-success: #36B37E;
+    --ds-chart-success-hovered: #00875A;
+    --ds-chart-success-bold: #00875A;
+    --ds-chart-success-bold-hovered: #006644;
+    --ds-chart-danger: #FF5630;
+    --ds-chart-danger-hovered: #DE350B;
+    --ds-chart-danger-bold: #DE350B;
+    --ds-chart-danger-bold-hovered: #BF2600;
+    --ds-chart-warning: #FFAB00;
+    --ds-chart-warning-hovered: #FF991F;
+    --ds-chart-warning-bold: #FF991F;
+    --ds-chart-warning-bold-hovered: #FF8B00;
+    --ds-chart-information: #0065FF;
+    --ds-chart-information-hovered: #0052CC;
+    --ds-chart-information-bold: #0052CC;
+    --ds-chart-information-bold-hovered: #0747A6;
+    --ds-chart-discovery: #6554C0;
+    --ds-chart-discovery-hovered: #5243AA;
+    --ds-chart-discovery-bold: #5243AA;
+    --ds-chart-discovery-bold-hovered: #403294;
+    --ds-chart-categorical-1: #00B8D9;
+    --ds-chart-categorical-1-hovered: #00A3BF;
+    --ds-chart-categorical-2: #5243AA;
+    --ds-chart-categorical-2-hovered: #403294;
+    --ds-chart-categorical-3: #D94008;
+    --ds-chart-categorical-3-hovered: #B65C02;
+    --ds-chart-categorical-4: #943D73;
+    --ds-chart-categorical-4-hovered: #50253F;
+    --ds-chart-categorical-5: #0052CC;
+    --ds-chart-categorical-5-hovered: #0747A6;
+    --ds-chart-categorical-6: #5243AA;
+    --ds-chart-categorical-6-hovered: #403294;
+    --ds-chart-categorical-7: #50253F;
+    --ds-chart-categorical-7-hovered: #341829;
+    --ds-chart-categorical-8: #974F0C;
+    --ds-chart-categorical-8-hovered: #5F3811;
+    --ds-chart-blue-bold: #0065FF;
+    --ds-chart-blue-bold-hovered: #0052CC;
+    --ds-chart-blue-bolder: #0052CC;
+    --ds-chart-blue-bolder-hovered: #0747A6;
+    --ds-chart-blue-boldest: #0747A6;
+    --ds-chart-blue-boldest-hovered: #0747A6;
+    --ds-chart-red-bold: #FF5630;
+    --ds-chart-red-bold-hovered: #DE350B;
+    --ds-chart-red-bolder: #DE350B;
+    --ds-chart-red-bolder-hovered: #BF2600;
+    --ds-chart-red-boldest: #BF2600;
+    --ds-chart-red-boldest-hovered: #BF2600;
+    --ds-chart-orange-bold: #D97008;
+    --ds-chart-orange-bold-hovered: #B65C02;
+    --ds-chart-orange-bolder: #B65C02;
+    --ds-chart-orange-bolder-hovered: #974F0C;
+    --ds-chart-orange-boldest: #974F0C;
+    --ds-chart-orange-boldest-hovered: #5F3811;
+    --ds-chart-yellow-bold: #FFAB00;
+    --ds-chart-yellow-bold-hovered: #FF991F;
+    --ds-chart-yellow-bolder: #FF991F;
+    --ds-chart-yellow-bolder-hovered: #FF8B00;
+    --ds-chart-yellow-boldest: #FF8B00;
+    --ds-chart-yellow-boldest-hovered: #FF8B00;
+    --ds-chart-green-bold: #36B37E;
+    --ds-chart-green-bold-hovered: #00875A;
+    --ds-chart-green-bolder: #00875A;
+    --ds-chart-green-bolder-hovered: #006644;
+    --ds-chart-green-boldest: #006644;
+    --ds-chart-green-boldest-hovered: #006644;
+    --ds-chart-teal-bold: #00B8D9;
+    --ds-chart-teal-bold-hovered: #00A3BF;
+    --ds-chart-teal-bolder: #00A3BF;
+    --ds-chart-teal-bolder-hovered: #008DA6;
+    --ds-chart-teal-boldest: #008DA6;
+    --ds-chart-teal-boldest-hovered: #008DA6;
+    --ds-chart-purple-bold: #6554C0;
+    --ds-chart-purple-bold-hovered: #5243AA;
+    --ds-chart-purple-bolder: #5243AA;
+    --ds-chart-purple-bolder-hovered: #403294;
+    --ds-chart-purple-boldest: #403294;
+    --ds-chart-purple-boldest-hovered: #403294;
+    --ds-chart-magenta-bold: #DA62AC;
+    --ds-chart-magenta-bold-hovered: #CD519D;
+    --ds-chart-magenta-bolder: #CD519D;
+    --ds-chart-magenta-bolder-hovered: #AE4787;
+    --ds-chart-magenta-boldest: #943D73;
+    --ds-chart-magenta-boldest-hovered: #50253F;
+    --ds-chart-gray-bold: #5E6C84;
+    --ds-chart-gray-bold-hovered: #505F79;
+    --ds-chart-gray-bolder: #505F79;
+    --ds-chart-gray-bolder-hovered: #42526E;
+    --ds-chart-gray-boldest: #42526E;
+    --ds-chart-gray-boldest-hovered: #42526E;
     --ds-interaction-hovered: #00000029;
     --ds-interaction-pressed: #00000052;
     --ds-interaction-inverse-hovered: #FA11F2;