@atlaskit/tokens 1.55.0 → 1.56.1

package/dist/esm/get-theme-styles.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { themeIdsWithOverrides, themeStateDefaults } from './theme-config';
 import { isValidBrandHex } from './utils/color-utils';
 import { getThemeOverridePreferences, getThemePreferences } from './utils/get-theme-preferences';
@@ -33,11 +33,14 @@ var getThemeStyles = /*#__PURE__*/function () {
             themePreferences = themeIdsWithOverrides;
 
             // CLEANUP: Remove
-            if (!getBooleanFF('platform.design-system-team.increased-contrast-themes')) {
+            if (!fg('platform.design-system-team.increased-contrast-themes')) {
               themePreferences = themePreferences.filter(function (n) {
                 return n !== 'light-increased-contrast' && n !== 'dark-increased-contrast';
               });
             }
+            themePreferences = themePreferences.filter(function (n) {
+              return n !== 'light-brand-refresh' && n !== 'dark-brand-refresh';
+            });
           } else {
             themeState = {
               colorMode: (preferences === null || preferences === void 0 ? void 0 : preferences.colorMode) || themeStateDefaults['colorMode'],

package/dist/esm/get-token-value.js

@@ -1,4 +1,5 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
+import { fg } from '@atlaskit/platform-feature-flags';
 import tokens from './artifacts/token-names';
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
@@ -25,8 +26,13 @@ function getTokenValue(tokenId) {
   var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var token = tokens[tokenId];
   var tokenValue = fallback;
-  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && !token) {
-    warnOnce("Unknown token id at path: ".concat(tokenId, " in @atlaskit/tokens"));
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production') {
+    if (!token) {
+      warnOnce("Unknown token id at path: ".concat(tokenId, " in @atlaskit/tokens"));
+    }
+    if (token === '--ds-icon-subtlest' && !fg('platform-component-visual-refresh')) {
+      warnOnce("Token \"color.icon.subtlest\" is only available when feature flag \"platform-component-visual-refresh\" is on, don't use it if the flag can't be turned on on this page");
+    }
   }
   if (typeof window === 'undefined') {
     return tokenValue;

package/dist/esm/get-token.js

@@ -1,4 +1,5 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
+import { fg } from '@atlaskit/platform-feature-flags';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 /**
@@ -25,8 +26,13 @@ import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
  */
 function token(path, fallback) {
   var token = tokens[path];
-  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && !token) {
-    warnOnce("Unknown token id at path: ".concat(path, " in @atlaskit/tokens"));
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production') {
+    if (!token) {
+      warnOnce("Unknown token id at path: ".concat(path, " in @atlaskit/tokens"));
+    }
+    if (token === '--ds-icon-subtlest' && !fg('platform-component-visual-refresh')) {
+      warnOnce("Token \"color.icon.subtlest\" is only available when feature flag \"platform-component-visual-refresh\" is on, don't use it if the flag can't be turned on on this page");
+    }
   }
 
   // if the token is not found - replacing it with variable name without any value, to avoid it being undefined which would result in invalid css

package/dist/esm/set-global-theme.js

@@ -3,7 +3,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { themeStateDefaults } from './theme-config';
 import { isValidBrandHex } from './utils/color-utils';
 import configurePage from './utils/configure-page';
@@ -71,7 +71,7 @@ var setGlobalTheme = /*#__PURE__*/function () {
           themeLoader = _args3.length > 1 ? _args3[1] : undefined;
           // CLEANUP: Remove. This blocks application of increased contrast themes
           // without the feature flag enabled.
-          if (!getBooleanFF('platform.design-system-team.increased-contrast-themes')) {
+          if (!fg('platform.design-system-team.increased-contrast-themes')) {
             if (light === 'light-increased-contrast') {
               light = 'light';
             }

package/dist/esm/theme-config.js

@@ -38,7 +38,7 @@ export var themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
+export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -173,6 +173,24 @@ var themeConfig = {
     attributes: {
       type: 'typography'
     }
+  },
+  'atlassian-light-brand-refresh': {
+    id: 'light-brand-refresh',
+    displayName: 'Light theme (Brand refresh)',
+    palette: 'brandRefreshPalette',
+    attributes: {
+      type: 'color',
+      mode: 'light'
+    }
+  },
+  'atlassian-dark-brand-refresh': {
+    id: 'dark-brand-refresh',
+    displayName: 'Dark theme (Brand refresh)',
+    palette: 'brandRefreshPalette',
+    attributes: {
+      type: 'color',
+      mode: 'dark'
+    }
   }
 };
 

package/dist/esm/utils/get-theme-preferences.js

@@ -1,5 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import getIncreasedContrastTheme from './get-increased-contrast-theme';
 export var getThemePreferences = function getThemePreferences(themeState) {
   var colorMode = themeState.colorMode,
@@ -12,7 +12,7 @@ export var getThemePreferences = function getThemePreferences(themeState) {
   var autoColorModeThemes = [light, dark];
   var themePreferences = [];
   if (colorMode === 'auto') {
-    if (contrastMode !== 'no-preference' && getBooleanFF('platform.design-system-team.increased-contrast-themes')) {
+    if (contrastMode !== 'no-preference' && fg('platform.design-system-team.increased-contrast-themes')) {
       autoColorModeThemes.forEach(function (normalTheme) {
         var increasedContrastTheme = getIncreasedContrastTheme(normalTheme);
         if (increasedContrastTheme) {
@@ -23,7 +23,7 @@ export var getThemePreferences = function getThemePreferences(themeState) {
     themePreferences.push.apply(themePreferences, autoColorModeThemes);
   } else {
     themePreferences.push(themeState[colorMode]);
-    if (contrastMode !== 'no-preference' && getBooleanFF('platform.design-system-team.increased-contrast-themes')) {
+    if (contrastMode !== 'no-preference' && fg('platform.design-system-team.increased-contrast-themes')) {
       var increasedContrastTheme = getIncreasedContrastTheme(themeState[colorMode]);
       if (increasedContrastTheme) {
         themePreferences.push(increasedContrastTheme);
@@ -37,7 +37,7 @@ export var getThemePreferences = function getThemePreferences(themeState) {
   });
   return _toConsumableArray(new Set(themePreferences));
 };
-export var getThemeOverridePreferences = function getThemeOverridePreferences(themeState) {
+export var getThemeOverridePreferences = function getThemeOverridePreferences(_themeState) {
   var themeOverridePreferences = [];
   return _toConsumableArray(new Set(themeOverridePreferences));
 };

package/dist/esm/utils/theme-loading.js

@@ -1,5 +1,6 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { fg } from '@atlaskit/platform-feature-flags';
 import themeImportMap from '../artifacts/theme-import-map';
 import { CUSTOM_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from '../constants';
 export var loadAndAppendThemeCss = /*#__PURE__*/function () {
@@ -44,13 +45,16 @@ export var loadThemeCss = /*#__PURE__*/function () {
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context2.next = 2;
+          if ((themeId === 'light' || themeId === 'dark') && fg('platform-component-visual-refresh')) {
+            themeId += '-brand-refresh';
+          }
+          _context2.next = 3;
           return themeImportMap[themeId]();
-        case 2:
+        case 3:
           _yield$themeImportMap = _context2.sent;
           themeCss = _yield$themeImportMap.default;
           return _context2.abrupt("return", themeCss);
-        case 5:
+        case 6:
         case "end":
           return _context2.stop();
       }

package/dist/types/artifacts/generated-pairs.d.ts

@@ -4,7 +4,7 @@
  * Auto-generated list of token pairings that may need to have sufficient contrast.
  * Not currently used by tests, but is used by the custom theme contrast checker example
  *
- * @codegen <<SignedSource::42bb6f3b136e75155fc28b8ab4f66450>>
+ * @codegen <<SignedSource::212fdb181eea8d32d157a5b9f8ea363d>>
  * @codegenCommand yarn build tokens
  */
 export declare const generatedPairs: ({

package/dist/types/artifacts/palettes-raw/palette-brand-refresh.d.ts

@@ -0,0 +1,41 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::a06fa043504c1e55d9871df9eab477b6>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: ({
+    value: string;
+    attributes: {
+        group: string;
+        category: string;
+    };
+    filePath: string;
+    isSource: boolean;
+    original: {
+        value: string;
+        attributes: {
+            group: string;
+            category: string;
+        };
+    };
+    name: string;
+    path: string[];
+} | {
+    value: number;
+    attributes: {
+        group: string;
+        category: string;
+    };
+    filePath: string;
+    isSource: boolean;
+    original: {
+        value: number;
+        attributes: {
+            group: string;
+            category: string;
+        };
+    };
+    name: string;
+    path: string[];
+})[];
+export default tokens;

package/dist/types/artifacts/theme-import-map.d.ts

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::b40de5ef0f17e1889f99be077c365e02>>
+ * @codegen <<SignedSource::22d7bb0d6046d2d20f2a8f82afc0acb7>>
  * @codegenCommand yarn build tokens
  */
 import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';

package/dist/types/artifacts/themes/atlassian-dark-brand-refresh.d.ts

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::0678a328ef2c86a4586191f72626cb51>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n  color-scheme: dark;\n  --ds-text: #BFC1C4;\n  --ds-text-accent-lime: #B3DF72;\n  --ds-text-accent-lime-bolder: #D3F1A7;\n  --ds-text-accent-red: #FD9891;\n  --ds-text-accent-red-bolder: #FFD5D2;\n  --ds-text-accent-orange: #FBC828;\n  --ds-text-accent-orange-bolder: #FCE4A6;\n  --ds-text-accent-yellow: #EED12B;\n  --ds-text-accent-yellow-bolder: #F5E989;\n  --ds-text-accent-green: #7EE2B8;\n  --ds-text-accent-green-bolder: #BAF3DB;\n  --ds-text-accent-teal: #9DD9EE;\n  --ds-text-accent-teal-bolder: #C6EDFB;\n  --ds-text-accent-blue: #8FB8F6;\n  --ds-text-accent-blue-bolder: #CFE1FD;\n  --ds-text-accent-purple: #D8A0F7;\n  --ds-text-accent-purple-bolder: #EED7FC;\n  --ds-text-accent-magenta: #F797D2;\n  --ds-text-accent-magenta-bolder: #FDD0EC;\n  --ds-text-accent-gray: #A9ABAF;\n  --ds-text-accent-gray-bolder: #E2E3E4;\n  --ds-text-disabled: #E5E9F640;\n  --ds-text-inverse: #1F1F21;\n  --ds-text-selected: #669DF1;\n  --ds-text-brand: #669DF1;\n  --ds-text-danger: #FD9891;\n  --ds-text-warning: #FBC828;\n  --ds-text-warning-inverse: #1F1F21;\n  --ds-text-success: #B3DF72;\n  --ds-text-discovery: #D8A0F7;\n  --ds-text-information: #8FB8F6;\n  --ds-text-subtlest: #96999E;\n  --ds-text-subtle: #A9ABAF;\n  --ds-link: #669DF1;\n  --ds-link-pressed: #8FB8F6;\n  --ds-link-visited: #D8A0F7;\n  --ds-link-visited-pressed: #EED7FC;\n  --ds-icon: #CECFD2;\n  --ds-icon-accent-lime: #82B536;\n  --ds-icon-accent-red: #E2483D;\n  --ds-icon-accent-orange: #F68909;\n  --ds-icon-accent-yellow: #EED12B;\n  --ds-icon-accent-green: #2ABB7F;\n  --ds-icon-accent-teal: #42B2D7;\n  --ds-icon-accent-blue: #4688EC;\n  --ds-icon-accent-purple: #BF63F3;\n  --ds-icon-accent-magenta: #DA62AC;\n  --ds-icon-accent-gray: #7E8188;\n  --ds-icon-disabled: #E5E9F640;\n  --ds-icon-inverse: #1F1F21;\n  --ds-icon-selected: #669DF1;\n  --ds-icon-brand: #669DF1;\n  --ds-icon-danger: #F15B50;\n  --ds-icon-warning: #FBC828;\n  --ds-icon-warning-inverse: #1F1F21;\n  --ds-icon-success: #B3DF72;\n  --ds-icon-discovery: #BF63F3;\n  --ds-icon-information: #4688EC;\n  --ds-icon-subtlest: #96999E;\n  --ds-icon-subtle: #A9ABAF;\n  --ds-border: #E3E4F21F;\n  --ds-border-accent-lime: #82B536;\n  --ds-border-accent-red: #F15B50;\n  --ds-border-accent-orange: #F68909;\n  --ds-border-accent-yellow: #CF9F02;\n  --ds-border-accent-green: #2ABB7F;\n  --ds-border-accent-teal: #42B2D7;\n  --ds-border-accent-blue: #4688EC;\n  --ds-border-accent-purple: #BF63F3;\n  --ds-border-accent-magenta: #DA62AC;\n  --ds-border-accent-gray: #7E8188;\n  --ds-border-disabled: #CECED912;\n  --ds-border-focused: #8FB8F6;\n  --ds-border-input: #7E8188;\n  --ds-border-inverse: #18191A;\n  --ds-border-selected: #669DF1;\n  --ds-border-brand: #669DF1;\n  --ds-border-danger: #F15B50;\n  --ds-border-warning: #F68909;\n  --ds-border-success: #82B536;\n  --ds-border-discovery: #BF63F3;\n  --ds-border-information: #4688EC;\n  --ds-border-bold: #7E8188;\n  --ds-background-accent-lime-subtlest: #28311B;\n  --ds-background-accent-lime-subtlest-hovered: #37471F;\n  --ds-background-accent-lime-subtlest-pressed: #4C6B1F;\n  --ds-background-accent-lime-subtler: #37471F;\n  --ds-background-accent-lime-subtler-hovered: #4C6B1F;\n  --ds-background-accent-lime-subtler-pressed: #5B7F24;\n  --ds-background-accent-lime-subtle: #4C6B1F;\n  --ds-background-accent-lime-subtle-hovered: #37471F;\n  --ds-background-accent-lime-subtle-pressed: #28311B;\n  --ds-background-accent-lime-bolder: #94C748;\n  --ds-background-accent-lime-bolder-hovered: #B3DF72;\n  --ds-background-accent-lime-bolder-pressed: #D3F1A7;\n  --ds-background-accent-red-subtlest: #42221F;\n  --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n  --ds-background-accent-red-subtlest-pressed: #AE2E24;\n  --ds-background-accent-red-subtler: #5D1F1A;\n  --ds-background-accent-red-subtler-hovered: #AE2E24;\n  --ds-background-accent-red-subtler-pressed: #C9372C;\n  --ds-background-accent-red-subtle: #AE2E24;\n  --ds-background-accent-red-subtle-hovered: #5D1F1A;\n  --ds-background-accent-red-subtle-pressed: #42221F;\n  --ds-background-accent-red-bolder: #F87168;\n  --ds-background-accent-red-bolder-hovered: #FD9891;\n  --ds-background-accent-red-bolder-pressed: #FFD5D2;\n  --ds-background-accent-orange-subtlest: #3A2C1F;\n  --ds-background-accent-orange-subtlest-hovered: #693200;\n  --ds-background-accent-orange-subtlest-pressed: #9E4C00;\n  --ds-background-accent-orange-subtler: #693200;\n  --ds-background-accent-orange-subtler-hovered: #9E4C00;\n  --ds-background-accent-orange-subtler-pressed: #BD5B00;\n  --ds-background-accent-orange-subtle: #9E4C00;\n  --ds-background-accent-orange-subtle-hovered: #693200;\n  --ds-background-accent-orange-subtle-pressed: #3A2C1F;\n  --ds-background-accent-orange-bolder: #FCA700;\n  --ds-background-accent-orange-bolder-hovered: #FBC828;\n  --ds-background-accent-orange-bolder-pressed: #FCE4A6;\n  --ds-background-accent-yellow-subtlest: #332E1B;\n  --ds-background-accent-yellow-subtlest-hovered: #533F04;\n  --ds-background-accent-yellow-subtlest-pressed: #7F5F01;\n  --ds-background-accent-yellow-subtler: #533F04;\n  --ds-background-accent-yellow-subtler-hovered: #7F5F01;\n  --ds-background-accent-yellow-subtler-pressed: #946F00;\n  --ds-background-accent-yellow-subtle: #7F5F01;\n  --ds-background-accent-yellow-subtle-hovered: #533F04;\n  --ds-background-accent-yellow-subtle-pressed: #332E1B;\n  --ds-background-accent-yellow-bolder: #DDB30E;\n  --ds-background-accent-yellow-bolder-hovered: #EED12B;\n  --ds-background-accent-yellow-bolder-pressed: #F5E989;\n  --ds-background-accent-green-subtlest: #1C3329;\n  --ds-background-accent-green-subtlest-hovered: #164B35;\n  --ds-background-accent-green-subtlest-pressed: #216E4E;\n  --ds-background-accent-green-subtler: #164B35;\n  --ds-background-accent-green-subtler-hovered: #216E4E;\n  --ds-background-accent-green-subtler-pressed: #1F845A;\n  --ds-background-accent-green-subtle: #216E4E;\n  --ds-background-accent-green-subtle-hovered: #164B35;\n  --ds-background-accent-green-subtle-pressed: #1C3329;\n  --ds-background-accent-green-bolder: #4BCE97;\n  --ds-background-accent-green-bolder-hovered: #7EE2B8;\n  --ds-background-accent-green-bolder-pressed: #BAF3DB;\n  --ds-background-accent-teal-subtlest: #1E3137;\n  --ds-background-accent-teal-subtlest-hovered: #164555;\n  --ds-background-accent-teal-subtlest-pressed: #206A83;\n  --ds-background-accent-teal-subtler: #164555;\n  --ds-background-accent-teal-subtler-hovered: #206A83;\n  --ds-background-accent-teal-subtler-pressed: #227D9B;\n  --ds-background-accent-teal-subtle: #206A83;\n  --ds-background-accent-teal-subtle-hovered: #164555;\n  --ds-background-accent-teal-subtle-pressed: #1E3137;\n  --ds-background-accent-teal-bolder: #6CC3E0;\n  --ds-background-accent-teal-bolder-hovered: #9DD9EE;\n  --ds-background-accent-teal-bolder-pressed: #C6EDFB;\n  --ds-background-accent-blue-subtlest: #1C2B42;\n  --ds-background-accent-blue-subtlest-hovered: #123263;\n  --ds-background-accent-blue-subtlest-pressed: #1558BC;\n  --ds-background-accent-blue-subtler: #123263;\n  --ds-background-accent-blue-subtler-hovered: #1558BC;\n  --ds-background-accent-blue-subtler-pressed: #1868DB;\n  --ds-background-accent-blue-subtle: #1558BC;\n  --ds-background-accent-blue-subtle-hovered: #123263;\n  --ds-background-accent-blue-subtle-pressed: #1C2B42;\n  --ds-background-accent-blue-bolder: #669DF1;\n  --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n  --ds-background-accent-blue-bolder-pressed: #CFE1FD;\n  --ds-background-accent-purple-subtlest: #35243F;\n  --ds-background-accent-purple-subtlest-hovered: #48245D;\n  --ds-background-accent-purple-subtlest-pressed: #803FA5;\n  --ds-background-accent-purple-subtler: #48245D;\n  --ds-background-accent-purple-subtler-hovered: #803FA5;\n  --ds-background-accent-purple-subtler-pressed: #964AC0;\n  --ds-background-accent-purple-subtle: #803FA5;\n  --ds-background-accent-purple-subtle-hovered: #48245D;\n  --ds-background-accent-purple-subtle-pressed: #35243F;\n  --ds-background-accent-purple-bolder: #C97CF4;\n  --ds-background-accent-purple-bolder-hovered: #D8A0F7;\n  --ds-background-accent-purple-bolder-pressed: #EED7FC;\n  --ds-background-accent-magenta-subtlest: #3D2232;\n  --ds-background-accent-magenta-subtlest-hovered: #50253F;\n  --ds-background-accent-magenta-subtlest-pressed: #943D73;\n  --ds-background-accent-magenta-subtler: #50253F;\n  --ds-background-accent-magenta-subtler-hovered: #943D73;\n  --ds-background-accent-magenta-subtler-pressed: #AE4787;\n  --ds-background-accent-magenta-subtle: #943D73;\n  --ds-background-accent-magenta-subtle-hovered: #50253F;\n  --ds-background-accent-magenta-subtle-pressed: #3D2232;\n  --ds-background-accent-magenta-bolder: #E774BB;\n  --ds-background-accent-magenta-bolder-hovered: #F797D2;\n  --ds-background-accent-magenta-bolder-pressed: #FDD0EC;\n  --ds-background-accent-gray-subtlest: #303134;\n  --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n  --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n  --ds-background-accent-gray-subtler: #4B4D51;\n  --ds-background-accent-gray-subtler-hovered: #63666B;\n  --ds-background-accent-gray-subtler-pressed: #7E8188;\n  --ds-background-accent-gray-subtle: #63666B;\n  --ds-background-accent-gray-subtle-hovered: #4B4D51;\n  --ds-background-accent-gray-subtle-pressed: #3D3F43;\n  --ds-background-accent-gray-bolder: #96999E;\n  --ds-background-accent-gray-bolder-hovered: #A9ABAF;\n  --ds-background-accent-gray-bolder-pressed: #BFC1C4;\n  --ds-background-disabled: #BDBDBD0A;\n  --ds-background-input: #242528;\n  --ds-background-input-hovered: #2B2C2F;\n  --ds-background-input-pressed: #242528;\n  --ds-background-inverse-subtle: #FFFFFF29;\n  --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n  --ds-background-inverse-subtle-pressed: #FFFFFF52;\n  --ds-background-neutral: #CECED912;\n  --ds-background-neutral-hovered: #E3E4F21F;\n  --ds-background-neutral-pressed: #E5E9F640;\n  --ds-background-neutral-subtle: #00000000;\n  --ds-background-neutral-subtle-hovered: #CECED912;\n  --ds-background-neutral-subtle-pressed: #E3E4F21F;\n  --ds-background-neutral-bold: #CECFD2;\n  --ds-background-neutral-bold-hovered: #BFC1C4;\n  --ds-background-neutral-bold-pressed: #A9ABAF;\n  --ds-background-selected: #1C2B42;\n  --ds-background-selected-hovered: #123263;\n  --ds-background-selected-pressed: #1558BC;\n  --ds-background-selected-bold: #669DF1;\n  --ds-background-selected-bold-hovered: #8FB8F6;\n  --ds-background-selected-bold-pressed: #CFE1FD;\n  --ds-background-brand-subtlest: #1C2B42;\n  --ds-background-brand-subtlest-hovered: #123263;\n  --ds-background-brand-subtlest-pressed: #1558BC;\n  --ds-background-brand-bold: #669DF1;\n  --ds-background-brand-bold-hovered: #8FB8F6;\n  --ds-background-brand-bold-pressed: #CFE1FD;\n  --ds-background-brand-boldest: #E9F2FE;\n  --ds-background-brand-boldest-hovered: #CFE1FD;\n  --ds-background-brand-boldest-pressed: #8FB8F6;\n  --ds-background-danger: #42221F;\n  --ds-background-danger-hovered: #5D1F1A;\n  --ds-background-danger-pressed: #AE2E24;\n  --ds-background-danger-bold: #F87168;\n  --ds-background-danger-bold-hovered: #FD9891;\n  --ds-background-danger-bold-pressed: #FFD5D2;\n  --ds-background-warning: #3A2C1F;\n  --ds-background-warning-hovered: #693200;\n  --ds-background-warning-pressed: #9E4C00;\n  --ds-background-warning-bold: #FBC828;\n  --ds-background-warning-bold-hovered: #FCA700;\n  --ds-background-warning-bold-pressed: #F68909;\n  --ds-background-success: #28311B;\n  --ds-background-success-hovered: #37471F;\n  --ds-background-success-pressed: #4C6B1F;\n  --ds-background-success-bold: #94C748;\n  --ds-background-success-bold-hovered: #B3DF72;\n  --ds-background-success-bold-pressed: #D3F1A7;\n  --ds-background-discovery: #35243F;\n  --ds-background-discovery-hovered: #48245D;\n  --ds-background-discovery-pressed: #803FA5;\n  --ds-background-discovery-bold: #C97CF4;\n  --ds-background-discovery-bold-hovered: #D8A0F7;\n  --ds-background-discovery-bold-pressed: #EED7FC;\n  --ds-background-information: #1C2B42;\n  --ds-background-information-hovered: #123263;\n  --ds-background-information-pressed: #1558BC;\n  --ds-background-information-bold: #669DF1;\n  --ds-background-information-bold-hovered: #8FB8F6;\n  --ds-background-information-bold-pressed: #CFE1FD;\n  --ds-blanket: #10121499;\n  --ds-blanket-selected: #1D7AFC14;\n  --ds-blanket-danger: #E3493514;\n  --ds-interaction-hovered: #ffffff33;\n  --ds-interaction-pressed: #ffffff5c;\n  --ds-skeleton: #CECED912;\n  --ds-skeleton-subtle: #BDBDBD0A;\n  --ds-chart-categorical-1: #2898BD;\n  --ds-chart-categorical-1-hovered: #42B2D7;\n  --ds-chart-categorical-2: #D8A0F7;\n  --ds-chart-categorical-2-hovered: #EED7FC;\n  --ds-chart-categorical-3: #E06C00;\n  --ds-chart-categorical-3-hovered: #F68909;\n  --ds-chart-categorical-4: #F797D2;\n  --ds-chart-categorical-4-hovered: #FDD0EC;\n  --ds-chart-categorical-5: #CFE1FD;\n  --ds-chart-categorical-5-hovered: #E9F2FE;\n  --ds-chart-categorical-6: #AF59E1;\n  --ds-chart-categorical-6-hovered: #BF63F3;\n  --ds-chart-categorical-7: #FDD0EC;\n  --ds-chart-categorical-7-hovered: #FFECF8;\n  --ds-chart-categorical-8: #FBC828;\n  --ds-chart-categorical-8-hovered: #FCE4A6;\n  --ds-chart-lime-bold: #82B536;\n  --ds-chart-lime-bold-hovered: #94C748;\n  --ds-chart-lime-bolder: #94C748;\n  --ds-chart-lime-bolder-hovered: #B3DF72;\n  --ds-chart-lime-boldest: #B3DF72;\n  --ds-chart-lime-boldest-hovered: #D3F1A7;\n  --ds-chart-neutral: #7E8188;\n  --ds-chart-neutral-hovered: #96999E;\n  --ds-chart-red-bold: #E2483D;\n  --ds-chart-red-bold-hovered: #F15B50;\n  --ds-chart-red-bolder: #F15B50;\n  --ds-chart-red-bolder-hovered: #F87168;\n  --ds-chart-red-boldest: #FD9891;\n  --ds-chart-red-boldest-hovered: #FFD5D2;\n  --ds-chart-orange-bold: #F68909;\n  --ds-chart-orange-bold-hovered: #FCA700;\n  --ds-chart-orange-bolder: #FCA700;\n  --ds-chart-orange-bolder-hovered: #FBC828;\n  --ds-chart-orange-boldest: #FBC828;\n  --ds-chart-orange-boldest-hovered: #FCE4A6;\n  --ds-chart-yellow-bold: #CF9F02;\n  --ds-chart-yellow-bold-hovered: #DDB30E;\n  --ds-chart-yellow-bolder: #DDB30E;\n  --ds-chart-yellow-bolder-hovered: #EED12B;\n  --ds-chart-yellow-boldest: #EED12B;\n  --ds-chart-yellow-boldest-hovered: #F5E989;\n  --ds-chart-green-bold: #2ABB7F;\n  --ds-chart-green-bold-hovered: #4BCE97;\n  --ds-chart-green-bolder: #4BCE97;\n  --ds-chart-green-bolder-hovered: #7EE2B8;\n  --ds-chart-green-boldest: #7EE2B8;\n  --ds-chart-green-boldest-hovered: #BAF3DB;\n  --ds-chart-teal-bold: #42B2D7;\n  --ds-chart-teal-bold-hovered: #6CC3E0;\n  --ds-chart-teal-bolder: #6CC3E0;\n  --ds-chart-teal-bolder-hovered: #9DD9EE;\n  --ds-chart-teal-boldest: #9DD9EE;\n  --ds-chart-teal-boldest-hovered: #C6EDFB;\n  --ds-chart-blue-bold: #357DE8;\n  --ds-chart-blue-bold-hovered: #4688EC;\n  --ds-chart-blue-bolder: #4688EC;\n  --ds-chart-blue-bolder-hovered: #669DF1;\n  --ds-chart-blue-boldest: #8FB8F6;\n  --ds-chart-blue-boldest-hovered: #CFE1FD;\n  --ds-chart-purple-bold: #AF59E1;\n  --ds-chart-purple-bold-hovered: #BF63F3;\n  --ds-chart-purple-bolder: #BF63F3;\n  --ds-chart-purple-bolder-hovered: #C97CF4;\n  --ds-chart-purple-boldest: #D8A0F7;\n  --ds-chart-purple-boldest-hovered: #EED7FC;\n  --ds-chart-magenta-bold: #CD519D;\n  --ds-chart-magenta-bold-hovered: #DA62AC;\n  --ds-chart-magenta-bolder: #DA62AC;\n  --ds-chart-magenta-bolder-hovered: #E774BB;\n  --ds-chart-magenta-boldest: #F797D2;\n  --ds-chart-magenta-boldest-hovered: #FDD0EC;\n  --ds-chart-gray-bold: #7E8188;\n  --ds-chart-gray-bold-hovered: #96999E;\n  --ds-chart-gray-bolder: #96999E;\n  --ds-chart-gray-bolder-hovered: #A9ABAF;\n  --ds-chart-gray-boldest: #A9ABAF;\n  --ds-chart-gray-boldest-hovered: #BFC1C4;\n  --ds-chart-brand: #4688EC;\n  --ds-chart-brand-hovered: #669DF1;\n  --ds-chart-danger: #E2483D;\n  --ds-chart-danger-hovered: #F15B50;\n  --ds-chart-danger-bold: #FD9891;\n  --ds-chart-danger-bold-hovered: #FFD5D2;\n  --ds-chart-warning: #FCA700;\n  --ds-chart-warning-hovered: #FBC828;\n  --ds-chart-warning-bold: #FCE4A6;\n  --ds-chart-warning-bold-hovered: #FFF5DB;\n  --ds-chart-success: #82B536;\n  --ds-chart-success-hovered: #94C748;\n  --ds-chart-success-bold: #B3DF72;\n  --ds-chart-success-bold-hovered: #D3F1A7;\n  --ds-chart-discovery: #AF59E1;\n  --ds-chart-discovery-hovered: #BF63F3;\n  --ds-chart-discovery-bold: #D8A0F7;\n  --ds-chart-discovery-bold-hovered: #EED7FC;\n  --ds-chart-information: #357DE8;\n  --ds-chart-information-hovered: #4688EC;\n  --ds-chart-information-bold: #8FB8F6;\n  --ds-chart-information-bold-hovered: #CFE1FD;\n  --ds-surface: #1F1F21;\n  --ds-surface-hovered: #242528;\n  --ds-surface-pressed: #2B2C2F;\n  --ds-surface-overlay: #2B2C2F;\n  --ds-surface-overlay-hovered: #303134;\n  --ds-surface-overlay-pressed: #3D3F43;\n  --ds-surface-raised: #242528;\n  --ds-surface-raised-hovered: #2B2C2F;\n  --ds-surface-raised-pressed: #303134;\n  --ds-surface-sunken: #18191A;\n  --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n  --ds-shadow-overflow-perimeter: #03040480;\n  --ds-shadow-overflow-spread: #0304048f;\n  --ds-shadow-overlay: 0px 0px 0px 1px #39424a, 0px 8px 12px #0104045C, 0px 0px 1px 1px #01040480;\n  --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #01040480, 0px 0px 1px #01040480;\n  --ds-opacity-disabled: 0.4;\n  --ds-opacity-loading: 0.2;\n  --ds-UNSAFE-transparent: transparent;\n  --ds-elevation-surface-current: #1F1F21;\n}\n";
+export default _default;

package/dist/types/artifacts/themes/atlassian-light-brand-refresh.d.ts

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::0b925a67d0ae748979d521dfc3ce5662>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n  color-scheme: light;\n  --ds-text: #292A2E;\n  --ds-text-accent-lime: #4C6B1F;\n  --ds-text-accent-lime-bolder: #37471F;\n  --ds-text-accent-red: #AE2E24;\n  --ds-text-accent-red-bolder: #5D1F1A;\n  --ds-text-accent-orange: #9E4C00;\n  --ds-text-accent-orange-bolder: #693200;\n  --ds-text-accent-yellow: #7F5F01;\n  --ds-text-accent-yellow-bolder: #533F04;\n  --ds-text-accent-green: #216E4E;\n  --ds-text-accent-green-bolder: #164B35;\n  --ds-text-accent-teal: #206A83;\n  --ds-text-accent-teal-bolder: #164555;\n  --ds-text-accent-blue: #1558BC;\n  --ds-text-accent-blue-bolder: #123263;\n  --ds-text-accent-purple: #803FA5;\n  --ds-text-accent-purple-bolder: #48245D;\n  --ds-text-accent-magenta: #943D73;\n  --ds-text-accent-magenta-bolder: #50253F;\n  --ds-text-accent-gray: #505258;\n  --ds-text-accent-gray-bolder: #1E1F21;\n  --ds-text-disabled: #080F214A;\n  --ds-text-inverse: #FFFFFF;\n  --ds-text-selected: #1868DB;\n  --ds-text-brand: #1868DB;\n  --ds-text-danger: #AE2E24;\n  --ds-text-warning: #9E4C00;\n  --ds-text-warning-inverse: #292A2E;\n  --ds-text-success: #4C6B1F;\n  --ds-text-discovery: #803FA5;\n  --ds-text-information: #1558BC;\n  --ds-text-subtlest: #6B6E76;\n  --ds-text-subtle: #505258;\n  --ds-link: #1868DB;\n  --ds-link-pressed: #1558BC;\n  --ds-link-visited: #803FA5;\n  --ds-link-visited-pressed: #48245D;\n  --ds-icon: #292A2E;\n  --ds-icon-accent-lime: #6A9A23;\n  --ds-icon-accent-red: #C9372C;\n  --ds-icon-accent-orange: #E06C00;\n  --ds-icon-accent-yellow: #B38600;\n  --ds-icon-accent-green: #22A06B;\n  --ds-icon-accent-teal: #2898BD;\n  --ds-icon-accent-blue: #357DE8;\n  --ds-icon-accent-purple: #AF59E1;\n  --ds-icon-accent-magenta: #CD519D;\n  --ds-icon-accent-gray: #7D818A;\n  --ds-icon-disabled: #080F214A;\n  --ds-icon-inverse: #FFFFFF;\n  --ds-icon-selected: #1868DB;\n  --ds-icon-brand: #1868DB;\n  --ds-icon-danger: #C9372C;\n  --ds-icon-warning: #E06C00;\n  --ds-icon-warning-inverse: #292A2E;\n  --ds-icon-success: #6A9A23;\n  --ds-icon-discovery: #AF59E1;\n  --ds-icon-information: #357DE8;\n  --ds-icon-subtlest: #6B6E76;\n  --ds-icon-subtle: #505258;\n  --ds-border: #0B120E24;\n  --ds-border-accent-lime: #6A9A23;\n  --ds-border-accent-red: #E2483D;\n  --ds-border-accent-orange: #E06C00;\n  --ds-border-accent-yellow: #B38600;\n  --ds-border-accent-green: #22A06B;\n  --ds-border-accent-teal: #2898BD;\n  --ds-border-accent-blue: #357DE8;\n  --ds-border-accent-purple: #AF59E1;\n  --ds-border-accent-magenta: #CD519D;\n  --ds-border-accent-gray: #7D818A;\n  --ds-border-disabled: #0515240F;\n  --ds-border-focused: #4688EC;\n  --ds-border-input: #8C8F97;\n  --ds-border-inverse: #FFFFFF;\n  --ds-border-selected: #1868DB;\n  --ds-border-brand: #1868DB;\n  --ds-border-danger: #E2483D;\n  --ds-border-warning: #E06C00;\n  --ds-border-success: #6A9A23;\n  --ds-border-discovery: #AF59E1;\n  --ds-border-information: #357DE8;\n  --ds-border-bold: #7D818A;\n  --ds-background-accent-lime-subtlest: #EFFFD6;\n  --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n  --ds-background-accent-lime-subtlest-pressed: #B3DF72;\n  --ds-background-accent-lime-subtler: #D3F1A7;\n  --ds-background-accent-lime-subtler-hovered: #B3DF72;\n  --ds-background-accent-lime-subtler-pressed: #94C748;\n  --ds-background-accent-lime-subtle: #94C748;\n  --ds-background-accent-lime-subtle-hovered: #B3DF72;\n  --ds-background-accent-lime-subtle-pressed: #D3F1A7;\n  --ds-background-accent-lime-bolder: #5B7F24;\n  --ds-background-accent-lime-bolder-hovered: #4C6B1F;\n  --ds-background-accent-lime-bolder-pressed: #37471F;\n  --ds-background-accent-red-subtlest: #FFECEB;\n  --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n  --ds-background-accent-red-subtlest-pressed: #FD9891;\n  --ds-background-accent-red-subtler: #FFD5D2;\n  --ds-background-accent-red-subtler-hovered: #FD9891;\n  --ds-background-accent-red-subtler-pressed: #F87168;\n  --ds-background-accent-red-subtle: #F87168;\n  --ds-background-accent-red-subtle-hovered: #FD9891;\n  --ds-background-accent-red-subtle-pressed: #FFD5D2;\n  --ds-background-accent-red-bolder: #C9372C;\n  --ds-background-accent-red-bolder-hovered: #AE2E24;\n  --ds-background-accent-red-bolder-pressed: #5D1F1A;\n  --ds-background-accent-orange-subtlest: #FFF5DB;\n  --ds-background-accent-orange-subtlest-hovered: #FCE4A6;\n  --ds-background-accent-orange-subtlest-pressed: #FBC828;\n  --ds-background-accent-orange-subtler: #FCE4A6;\n  --ds-background-accent-orange-subtler-hovered: #FBC828;\n  --ds-background-accent-orange-subtler-pressed: #FCA700;\n  --ds-background-accent-orange-subtle: #FCA700;\n  --ds-background-accent-orange-subtle-hovered: #FBC828;\n  --ds-background-accent-orange-subtle-pressed: #FCE4A6;\n  --ds-background-accent-orange-bolder: #BD5B00;\n  --ds-background-accent-orange-bolder-hovered: #9E4C00;\n  --ds-background-accent-orange-bolder-pressed: #693200;\n  --ds-background-accent-yellow-subtlest: #FEF7C8;\n  --ds-background-accent-yellow-subtlest-hovered: #F5E989;\n  --ds-background-accent-yellow-subtlest-pressed: #EED12B;\n  --ds-background-accent-yellow-subtler: #F5E989;\n  --ds-background-accent-yellow-subtler-hovered: #EED12B;\n  --ds-background-accent-yellow-subtler-pressed: #DDB30E;\n  --ds-background-accent-yellow-subtle: #EED12B;\n  --ds-background-accent-yellow-subtle-hovered: #DDB30E;\n  --ds-background-accent-yellow-subtle-pressed: #CF9F02;\n  --ds-background-accent-yellow-bolder: #946F00;\n  --ds-background-accent-yellow-bolder-hovered: #7F5F01;\n  --ds-background-accent-yellow-bolder-pressed: #533F04;\n  --ds-background-accent-green-subtlest: #DCFFF1;\n  --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n  --ds-background-accent-green-subtlest-pressed: #7EE2B8;\n  --ds-background-accent-green-subtler: #BAF3DB;\n  --ds-background-accent-green-subtler-hovered: #7EE2B8;\n  --ds-background-accent-green-subtler-pressed: #4BCE97;\n  --ds-background-accent-green-subtle: #4BCE97;\n  --ds-background-accent-green-subtle-hovered: #7EE2B8;\n  --ds-background-accent-green-subtle-pressed: #BAF3DB;\n  --ds-background-accent-green-bolder: #1F845A;\n  --ds-background-accent-green-bolder-hovered: #216E4E;\n  --ds-background-accent-green-bolder-pressed: #164B35;\n  --ds-background-accent-teal-subtlest: #E7F9FF;\n  --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n  --ds-background-accent-teal-subtlest-pressed: #9DD9EE;\n  --ds-background-accent-teal-subtler: #C6EDFB;\n  --ds-background-accent-teal-subtler-hovered: #9DD9EE;\n  --ds-background-accent-teal-subtler-pressed: #6CC3E0;\n  --ds-background-accent-teal-subtle: #6CC3E0;\n  --ds-background-accent-teal-subtle-hovered: #9DD9EE;\n  --ds-background-accent-teal-subtle-pressed: #C6EDFB;\n  --ds-background-accent-teal-bolder: #227D9B;\n  --ds-background-accent-teal-bolder-hovered: #206A83;\n  --ds-background-accent-teal-bolder-pressed: #164555;\n  --ds-background-accent-blue-subtlest: #E9F2FE;\n  --ds-background-accent-blue-subtlest-hovered: #CFE1FD;\n  --ds-background-accent-blue-subtlest-pressed: #8FB8F6;\n  --ds-background-accent-blue-subtler: #CFE1FD;\n  --ds-background-accent-blue-subtler-hovered: #8FB8F6;\n  --ds-background-accent-blue-subtler-pressed: #669DF1;\n  --ds-background-accent-blue-subtle: #669DF1;\n  --ds-background-accent-blue-subtle-hovered: #8FB8F6;\n  --ds-background-accent-blue-subtle-pressed: #CFE1FD;\n  --ds-background-accent-blue-bolder: #1868DB;\n  --ds-background-accent-blue-bolder-hovered: #1558BC;\n  --ds-background-accent-blue-bolder-pressed: #123263;\n  --ds-background-accent-purple-subtlest: #F8EEFE;\n  --ds-background-accent-purple-subtlest-hovered: #EED7FC;\n  --ds-background-accent-purple-subtlest-pressed: #D8A0F7;\n  --ds-background-accent-purple-subtler: #EED7FC;\n  --ds-background-accent-purple-subtler-hovered: #D8A0F7;\n  --ds-background-accent-purple-subtler-pressed: #C97CF4;\n  --ds-background-accent-purple-subtle: #C97CF4;\n  --ds-background-accent-purple-subtle-hovered: #D8A0F7;\n  --ds-background-accent-purple-subtle-pressed: #EED7FC;\n  --ds-background-accent-purple-bolder: #964AC0;\n  --ds-background-accent-purple-bolder-hovered: #803FA5;\n  --ds-background-accent-purple-bolder-pressed: #48245D;\n  --ds-background-accent-magenta-subtlest: #FFECF8;\n  --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n  --ds-background-accent-magenta-subtlest-pressed: #F797D2;\n  --ds-background-accent-magenta-subtler: #FDD0EC;\n  --ds-background-accent-magenta-subtler-hovered: #F797D2;\n  --ds-background-accent-magenta-subtler-pressed: #E774BB;\n  --ds-background-accent-magenta-subtle: #E774BB;\n  --ds-background-accent-magenta-subtle-hovered: #F797D2;\n  --ds-background-accent-magenta-subtle-pressed: #FDD0EC;\n  --ds-background-accent-magenta-bolder: #AE4787;\n  --ds-background-accent-magenta-bolder-hovered: #943D73;\n  --ds-background-accent-magenta-bolder-pressed: #50253F;\n  --ds-background-accent-gray-subtlest: #F0F1F2;\n  --ds-background-accent-gray-subtlest-hovered: #DDDEE1;\n  --ds-background-accent-gray-subtlest-pressed: #B7B9BE;\n  --ds-background-accent-gray-subtler: #DDDEE1;\n  --ds-background-accent-gray-subtler-hovered: #B7B9BE;\n  --ds-background-accent-gray-subtler-pressed: #8C8F97;\n  --ds-background-accent-gray-subtle: #8C8F97;\n  --ds-background-accent-gray-subtle-hovered: #B7B9BE;\n  --ds-background-accent-gray-subtle-pressed: #DDDEE1;\n  --ds-background-accent-gray-bolder: #6B6E76;\n  --ds-background-accent-gray-bolder-hovered: #505258;\n  --ds-background-accent-gray-bolder-pressed: #3B3D42;\n  --ds-background-disabled: #17171708;\n  --ds-background-input: #FFFFFF;\n  --ds-background-input-hovered: #F8F8F8;\n  --ds-background-input-pressed: #FFFFFF;\n  --ds-background-inverse-subtle: #00000029;\n  --ds-background-inverse-subtle-hovered: #0000003D;\n  --ds-background-inverse-subtle-pressed: #00000052;\n  --ds-background-neutral: #0515240F;\n  --ds-background-neutral-hovered: #0B120E24;\n  --ds-background-neutral-pressed: #080F214A;\n  --ds-background-neutral-subtle: #00000000;\n  --ds-background-neutral-subtle-hovered: #0515240F;\n  --ds-background-neutral-subtle-pressed: #0B120E24;\n  --ds-background-neutral-bold: #292A2E;\n  --ds-background-neutral-bold-hovered: #3B3D42;\n  --ds-background-neutral-bold-pressed: #505258;\n  --ds-background-selected: #E9F2FE;\n  --ds-background-selected-hovered: #CFE1FD;\n  --ds-background-selected-pressed: #8FB8F6;\n  --ds-background-selected-bold: #1868DB;\n  --ds-background-selected-bold-hovered: #1558BC;\n  --ds-background-selected-bold-pressed: #123263;\n  --ds-background-brand-subtlest: #E9F2FE;\n  --ds-background-brand-subtlest-hovered: #CFE1FD;\n  --ds-background-brand-subtlest-pressed: #8FB8F6;\n  --ds-background-brand-bold: #1868DB;\n  --ds-background-brand-bold-hovered: #1558BC;\n  --ds-background-brand-bold-pressed: #123263;\n  --ds-background-brand-boldest: #1C2B42;\n  --ds-background-brand-boldest-hovered: #123263;\n  --ds-background-brand-boldest-pressed: #1558BC;\n  --ds-background-danger: #FFECEB;\n  --ds-background-danger-hovered: #FFD5D2;\n  --ds-background-danger-pressed: #FD9891;\n  --ds-background-danger-bold: #C9372C;\n  --ds-background-danger-bold-hovered: #AE2E24;\n  --ds-background-danger-bold-pressed: #5D1F1A;\n  --ds-background-warning: #FFF5DB;\n  --ds-background-warning-hovered: #FCE4A6;\n  --ds-background-warning-pressed: #FBC828;\n  --ds-background-warning-bold: #FBC828;\n  --ds-background-warning-bold-hovered: #FCA700;\n  --ds-background-warning-bold-pressed: #F68909;\n  --ds-background-success: #EFFFD6;\n  --ds-background-success-hovered: #D3F1A7;\n  --ds-background-success-pressed: #B3DF72;\n  --ds-background-success-bold: #5B7F24;\n  --ds-background-success-bold-hovered: #4C6B1F;\n  --ds-background-success-bold-pressed: #37471F;\n  --ds-background-discovery: #F8EEFE;\n  --ds-background-discovery-hovered: #EED7FC;\n  --ds-background-discovery-pressed: #D8A0F7;\n  --ds-background-discovery-bold: #964AC0;\n  --ds-background-discovery-bold-hovered: #803FA5;\n  --ds-background-discovery-bold-pressed: #48245D;\n  --ds-background-information: #E9F2FE;\n  --ds-background-information-hovered: #CFE1FD;\n  --ds-background-information-pressed: #8FB8F6;\n  --ds-background-information-bold: #1868DB;\n  --ds-background-information-bold-hovered: #1558BC;\n  --ds-background-information-bold-pressed: #123263;\n  --ds-blanket: #050C1F75;\n  --ds-blanket-selected: #388BFF14;\n  --ds-blanket-danger: #EF5C4814;\n  --ds-interaction-hovered: #00000029;\n  --ds-interaction-pressed: #00000052;\n  --ds-skeleton: #0515240F;\n  --ds-skeleton-subtle: #17171708;\n  --ds-chart-categorical-1: #2898BD;\n  --ds-chart-categorical-1-hovered: #227D9B;\n  --ds-chart-categorical-2: #803FA5;\n  --ds-chart-categorical-2-hovered: #48245D;\n  --ds-chart-categorical-3: #E06C00;\n  --ds-chart-categorical-3-hovered: #BD5B00;\n  --ds-chart-categorical-4: #943D73;\n  --ds-chart-categorical-4-hovered: #50253F;\n  --ds-chart-categorical-5: #123263;\n  --ds-chart-categorical-5-hovered: #1C2B42;\n  --ds-chart-categorical-6: #BF63F3;\n  --ds-chart-categorical-6-hovered: #AF59E1;\n  --ds-chart-categorical-7: #50253F;\n  --ds-chart-categorical-7-hovered: #3D2232;\n  --ds-chart-categorical-8: #9E4C00;\n  --ds-chart-categorical-8-hovered: #693200;\n  --ds-chart-lime-bold: #6A9A23;\n  --ds-chart-lime-bold-hovered: #5B7F24;\n  --ds-chart-lime-bolder: #5B7F24;\n  --ds-chart-lime-bolder-hovered: #4C6B1F;\n  --ds-chart-lime-boldest: #4C6B1F;\n  --ds-chart-lime-boldest-hovered: #37471F;\n  --ds-chart-neutral: #8C8F97;\n  --ds-chart-neutral-hovered: #7D818A;\n  --ds-chart-red-bold: #F15B50;\n  --ds-chart-red-bold-hovered: #E2483D;\n  --ds-chart-red-bolder: #E2483D;\n  --ds-chart-red-bolder-hovered: #C9372C;\n  --ds-chart-red-boldest: #AE2E24;\n  --ds-chart-red-boldest-hovered: #5D1F1A;\n  --ds-chart-orange-bold: #E06C00;\n  --ds-chart-orange-bold-hovered: #BD5B00;\n  --ds-chart-orange-bolder: #BD5B00;\n  --ds-chart-orange-bolder-hovered: #9E4C00;\n  --ds-chart-orange-boldest: #9E4C00;\n  --ds-chart-orange-boldest-hovered: #693200;\n  --ds-chart-yellow-bold: #B38600;\n  --ds-chart-yellow-bold-hovered: #946F00;\n  --ds-chart-yellow-bolder: #946F00;\n  --ds-chart-yellow-bolder-hovered: #7F5F01;\n  --ds-chart-yellow-boldest: #7F5F01;\n  --ds-chart-yellow-boldest-hovered: #533F04;\n  --ds-chart-green-bold: #22A06B;\n  --ds-chart-green-bold-hovered: #1F845A;\n  --ds-chart-green-bolder: #1F845A;\n  --ds-chart-green-bolder-hovered: #216E4E;\n  --ds-chart-green-boldest: #216E4E;\n  --ds-chart-green-boldest-hovered: #164B35;\n  --ds-chart-teal-bold: #2898BD;\n  --ds-chart-teal-bold-hovered: #227D9B;\n  --ds-chart-teal-bolder: #227D9B;\n  --ds-chart-teal-bolder-hovered: #206A83;\n  --ds-chart-teal-boldest: #206A83;\n  --ds-chart-teal-boldest-hovered: #164555;\n  --ds-chart-blue-bold: #4688EC;\n  --ds-chart-blue-bold-hovered: #357DE8;\n  --ds-chart-blue-bolder: #357DE8;\n  --ds-chart-blue-bolder-hovered: #1868DB;\n  --ds-chart-blue-boldest: #1558BC;\n  --ds-chart-blue-boldest-hovered: #123263;\n  --ds-chart-purple-bold: #BF63F3;\n  --ds-chart-purple-bold-hovered: #AF59E1;\n  --ds-chart-purple-bolder: #AF59E1;\n  --ds-chart-purple-bolder-hovered: #964AC0;\n  --ds-chart-purple-boldest: #803FA5;\n  --ds-chart-purple-boldest-hovered: #48245D;\n  --ds-chart-magenta-bold: #DA62AC;\n  --ds-chart-magenta-bold-hovered: #CD519D;\n  --ds-chart-magenta-bolder: #CD519D;\n  --ds-chart-magenta-bolder-hovered: #AE4787;\n  --ds-chart-magenta-boldest: #943D73;\n  --ds-chart-magenta-boldest-hovered: #50253F;\n  --ds-chart-gray-bold: #8C8F97;\n  --ds-chart-gray-bold-hovered: #7D818A;\n  --ds-chart-gray-bolder: #7D818A;\n  --ds-chart-gray-bolder-hovered: #6B6E76;\n  --ds-chart-gray-boldest: #505258;\n  --ds-chart-gray-boldest-hovered: #3B3D42;\n  --ds-chart-brand: #357DE8;\n  --ds-chart-brand-hovered: #1868DB;\n  --ds-chart-danger: #F15B50;\n  --ds-chart-danger-hovered: #E2483D;\n  --ds-chart-danger-bold: #AE2E24;\n  --ds-chart-danger-bold-hovered: #5D1F1A;\n  --ds-chart-warning: #E06C00;\n  --ds-chart-warning-hovered: #BD5B00;\n  --ds-chart-warning-bold: #9E4C00;\n  --ds-chart-warning-bold-hovered: #693200;\n  --ds-chart-success: #6A9A23;\n  --ds-chart-success-hovered: #5B7F24;\n  --ds-chart-success-bold: #4C6B1F;\n  --ds-chart-success-bold-hovered: #37471F;\n  --ds-chart-discovery: #BF63F3;\n  --ds-chart-discovery-hovered: #AF59E1;\n  --ds-chart-discovery-bold: #803FA5;\n  --ds-chart-discovery-bold-hovered: #48245D;\n  --ds-chart-information: #4688EC;\n  --ds-chart-information-hovered: #357DE8;\n  --ds-chart-information-bold: #1558BC;\n  --ds-chart-information-bold-hovered: #123263;\n  --ds-surface: #FFFFFF;\n  --ds-surface-hovered: #F0F1F2;\n  --ds-surface-pressed: #DDDEE1;\n  --ds-surface-overlay: #FFFFFF;\n  --ds-surface-overlay-hovered: #F0F1F2;\n  --ds-surface-overlay-pressed: #DDDEE1;\n  --ds-surface-raised: #FFFFFF;\n  --ds-surface-raised-hovered: #F0F1F2;\n  --ds-surface-raised-pressed: #DDDEE1;\n  --ds-surface-sunken: #F8F8F8;\n  --ds-shadow-overflow: 0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F;\n  --ds-shadow-overflow-perimeter: #091e421f;\n  --ds-shadow-overflow-spread: #091e4229;\n  --ds-shadow-overlay: 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214F;\n  --ds-shadow-raised: 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F;\n  --ds-opacity-disabled: 0.4;\n  --ds-opacity-loading: 0.2;\n  --ds-UNSAFE-transparent: transparent;\n  --ds-elevation-surface-current: #FFFFFF;\n}\n";
+export default _default;

package/dist/types/artifacts/token-default-values.d.ts

@@ -7,7 +7,7 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::2fa3f52c4d7435cd0f92feb235c7ca68>>
+ * @codegen <<SignedSource::87f24db9e5a21c11b8a5aef68c034395>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
@@ -69,6 +69,7 @@ declare const defaultTokenValues: {
     readonly 'color.icon.success': "#22A06B";
     readonly 'color.icon.discovery': "#8270DB";
     readonly 'color.icon.information': "#1D7AFC";
+    readonly 'color.icon.subtlest': "#626F86";
     readonly 'color.icon.subtle': "#626F86";
     readonly 'color.border': "#091E4224";
     readonly 'color.border.accent.lime': "#6A9A23";

package/dist/types/artifacts/token-names.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::25d54efb80cdfa2dff073292bd28bbcb>>
+ * @codegen <<SignedSource::db26fca19e3969bcba2e77bc6fe6eb89>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
@@ -62,6 +62,7 @@ declare const tokens: {
     readonly 'color.icon.success': "--ds-icon-success";
     readonly 'color.icon.discovery': "--ds-icon-discovery";
     readonly 'color.icon.information': "--ds-icon-information";
+    readonly 'color.icon.subtlest': "--ds-icon-subtlest";
     readonly 'color.icon.subtle': "--ds-icon-subtle";
     readonly 'color.border': "--ds-border";
     readonly 'color.border.accent.lime': "--ds-border-accent-lime";
@@ -531,6 +532,7 @@ export type CSSTokenMap = {
     'color.icon.success': 'var(--ds-icon-success)';
     'color.icon.discovery': 'var(--ds-icon-discovery)';
     'color.icon.information': 'var(--ds-icon-information)';
+    'color.icon.subtlest': 'var(--ds-icon-subtlest)';
     'color.icon.subtle': 'var(--ds-icon-subtle)';
     'color.border': 'var(--ds-border)';
     'color.border.accent.lime': 'var(--ds-border-accent-lime)';

package/dist/types/artifacts/tokens-raw/atlassian-dark-brand-refresh.d.ts

@@ -0,0 +1,109 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::94443b8ef8d6c913399b8bb4e77e5b33>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: ({
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: ({
+        radius: number;
+        spread: number;
+        color: string;
+        offset: {
+            x: number;
+            y: number;
+        };
+        opacity: number;
+    } | {
+        radius: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        color: string;
+        opacity: number;
+        spread?: undefined;
+    })[];
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: ({
+            radius: number;
+            spread: number;
+            color: string;
+            offset: {
+                x: number;
+                y: number;
+            };
+            opacity: number;
+        } | {
+            radius: number;
+            offset: {
+                x: number;
+                y: number;
+            };
+            color: string;
+            opacity: number;
+            spread?: undefined;
+        })[];
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: number;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+})[];
+export default tokens;

package/dist/types/artifacts/tokens-raw/atlassian-light-brand-refresh.d.ts

@@ -0,0 +1,89 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::cb4c1b3bfd8b73594376f95a6fdea6f2>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: ({
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: {
+        radius: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        color: string;
+        opacity: number;
+    }[];
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: {
+            radius: number;
+            offset: {
+                x: number;
+                y: number;
+            };
+            color: string;
+            opacity: number;
+        }[];
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: number;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+})[];
+export default tokens;