@atlaskit/tokens 4.3.0 → 4.3.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/tokens
 
+## 4.3.1
+
+### Patch Changes
+
+- [#121762](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/121762)
+  [`a7fdeca193df1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a7fdeca193df1) -
+  Remove analytics tracking from the token function
+
 ## 4.3.0
 
 ### Minor Changes

package/dist/cjs/get-token.js

@@ -9,7 +9,6 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
-var _getTokenAnalytics = require("./get-token-analytics");
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.
@@ -33,9 +32,6 @@ var _getTokenAnalytics = require("./get-token-analytics");
  *
  */
 function token(path, fallback) {
-  if ((0, _platformFeatureFlags.fg)('platform-token-runtime-call-tracking')) {
-    (0, _getTokenAnalytics.recordTokenCall)(path, fallback);
-  }
   var token = _tokenNames.default[path];
   if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production') {
     if (!token) {

package/dist/es2019/get-token.js

@@ -2,7 +2,6 @@ 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';
-import { recordTokenCall } from './get-token-analytics';
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.
@@ -26,9 +25,6 @@ import { recordTokenCall } from './get-token-analytics';
  *
  */
 function token(path, fallback) {
-  if (fg('platform-token-runtime-call-tracking')) {
-    recordTokenCall(path, fallback);
-  }
   let token = tokens[path];
   if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production') {
     if (!token) {

package/dist/esm/get-token.js

@@ -2,7 +2,6 @@ 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';
-import { recordTokenCall } from './get-token-analytics';
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.
@@ -26,9 +25,6 @@ import { recordTokenCall } from './get-token-analytics';
  *
  */
 function token(path, fallback) {
-  if (fg('platform-token-runtime-call-tracking')) {
-    recordTokenCall(path, fallback);
-  }
   var token = tokens[path];
   if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production') {
     if (!token) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "4.3.0",
+	"version": "4.3.1",
 	"description": "Design tokens are the single source of truth to name and store design decisions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"

package/dist/cjs/get-token-analytics.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.recordTokenCall = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-// Extend the Window interface to include optional analyticsWebClient
-
-/**
- * Records a token call event to the analytics service. This is used to track which tokens are being used at runtime as they should be substituted by the values by @atlaskit/tokens/babel-plugin at build time.
- * @param token - The token that was called.
- * @param fallback - The fallback value that was used.
- */
-var recordTokenCall = exports.recordTokenCall = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(token, fallback) {
-    var _window, analyticsClient, isThemeEnabled;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          try {
-            // TODO: window.analyticsWebClient is a property specific to Jira. It is not available in the other products. We might consider to register a dedicated analytics client for logging token calls for each product to enable cohesive experience across different products.
-            analyticsClient = (_window = window) === null || _window === void 0 ? void 0 : _window.analyticsWebClient;
-            if (analyticsClient) {
-              // Check for a <style> element with a data-theme attribute in the document
-              isThemeEnabled = !!document.querySelector('style[data-theme]'); // when such property exists, we are using it to send this event https://data-portal.internal.atlassian.com/analytics/registry/75682 which is registered specifically for Jira.
-              analyticsClient.sendEvent({
-                type: 'TRACK',
-                payload: {
-                  action: 'called_at_runtime',
-                  actionSubject: 'token',
-                  source: 'design-system',
-                  attributes: {
-                    url: window.location.href,
-                    token: token,
-                    fallback: fallback,
-                    isThemeEnabled: isThemeEnabled
-                  }
-                }
-              });
-            }
-          } catch (e) {
-            // eslint-disable-next-line no-console
-            console.error(e);
-          }
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function recordTokenCall(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();

package/dist/es2019/get-token-analytics.js

@@ -1,37 +0,0 @@
-// Extend the Window interface to include optional analyticsWebClient
-
-/**
- * Records a token call event to the analytics service. This is used to track which tokens are being used at runtime as they should be substituted by the values by @atlaskit/tokens/babel-plugin at build time.
- * @param token - The token that was called.
- * @param fallback - The fallback value that was used.
- */
-export const recordTokenCall = async (token, fallback) => {
-  try {
-    var _window;
-    // TODO: window.analyticsWebClient is a property specific to Jira. It is not available in the other products. We might consider to register a dedicated analytics client for logging token calls for each product to enable cohesive experience across different products.
-    const analyticsClient = (_window = window) === null || _window === void 0 ? void 0 : _window.analyticsWebClient;
-    if (analyticsClient) {
-      // Check for a <style> element with a data-theme attribute in the document
-      const isThemeEnabled = !!document.querySelector('style[data-theme]');
-
-      // when such property exists, we are using it to send this event https://data-portal.internal.atlassian.com/analytics/registry/75682 which is registered specifically for Jira.
-      analyticsClient.sendEvent({
-        type: 'TRACK',
-        payload: {
-          action: 'called_at_runtime',
-          actionSubject: 'token',
-          source: 'design-system',
-          attributes: {
-            url: window.location.href,
-            token,
-            fallback,
-            isThemeEnabled
-          }
-        }
-      });
-    }
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-  }
-};

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

@@ -1,50 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-// Extend the Window interface to include optional analyticsWebClient
-
-/**
- * Records a token call event to the analytics service. This is used to track which tokens are being used at runtime as they should be substituted by the values by @atlaskit/tokens/babel-plugin at build time.
- * @param token - The token that was called.
- * @param fallback - The fallback value that was used.
- */
-export var recordTokenCall = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(token, fallback) {
-    var _window, analyticsClient, isThemeEnabled;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          try {
-            // TODO: window.analyticsWebClient is a property specific to Jira. It is not available in the other products. We might consider to register a dedicated analytics client for logging token calls for each product to enable cohesive experience across different products.
-            analyticsClient = (_window = window) === null || _window === void 0 ? void 0 : _window.analyticsWebClient;
-            if (analyticsClient) {
-              // Check for a <style> element with a data-theme attribute in the document
-              isThemeEnabled = !!document.querySelector('style[data-theme]'); // when such property exists, we are using it to send this event https://data-portal.internal.atlassian.com/analytics/registry/75682 which is registered specifically for Jira.
-              analyticsClient.sendEvent({
-                type: 'TRACK',
-                payload: {
-                  action: 'called_at_runtime',
-                  actionSubject: 'token',
-                  source: 'design-system',
-                  attributes: {
-                    url: window.location.href,
-                    token: token,
-                    fallback: fallback,
-                    isThemeEnabled: isThemeEnabled
-                  }
-                }
-              });
-            }
-          } catch (e) {
-            // eslint-disable-next-line no-console
-            console.error(e);
-          }
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function recordTokenCall(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();

package/dist/types/get-token-analytics.d.ts

@@ -1,11 +0,0 @@
-declare global {
-    interface Window {
-        analyticsWebClient?: any;
-    }
-}
-/**
- * Records a token call event to the analytics service. This is used to track which tokens are being used at runtime as they should be substituted by the values by @atlaskit/tokens/babel-plugin at build time.
- * @param token - The token that was called.
- * @param fallback - The fallback value that was used.
- */
-export declare const recordTokenCall: <T extends "color.text" | "color.text.accent.lime" | "color.text.accent.lime.bolder" | "color.text.accent.red" | "color.text.accent.red.bolder" | "color.text.accent.orange" | "color.text.accent.orange.bolder" | "color.text.accent.yellow" | "color.text.accent.yellow.bolder" | "color.text.accent.green" | "color.text.accent.green.bolder" | "color.text.accent.teal" | "color.text.accent.teal.bolder" | "color.text.accent.blue" | "color.text.accent.blue.bolder" | "color.text.accent.purple" | "color.text.accent.purple.bolder" | "color.text.accent.magenta" | "color.text.accent.magenta.bolder" | "color.text.accent.gray" | "color.text.accent.gray.bolder" | "color.text.disabled" | "color.text.inverse" | "color.text.selected" | "color.text.brand" | "color.text.danger" | "color.text.warning" | "color.text.warning.inverse" | "color.text.success" | "color.text.discovery" | "color.text.information" | "color.text.subtlest" | "color.text.subtle" | "color.link" | "color.link.pressed" | "color.link.visited" | "color.link.visited.pressed" | "color.icon" | "color.icon.accent.lime" | "color.icon.accent.red" | "color.icon.accent.orange" | "color.icon.accent.yellow" | "color.icon.accent.green" | "color.icon.accent.teal" | "color.icon.accent.blue" | "color.icon.accent.purple" | "color.icon.accent.magenta" | "color.icon.accent.gray" | "color.icon.disabled" | "color.icon.inverse" | "color.icon.selected" | "color.icon.brand" | "color.icon.danger" | "color.icon.warning" | "color.icon.warning.inverse" | "color.icon.success" | "color.icon.discovery" | "color.icon.information" | "color.icon.subtlest" | "color.icon.subtle" | "color.border" | "color.border.accent.lime" | "color.border.accent.red" | "color.border.accent.orange" | "color.border.accent.yellow" | "color.border.accent.green" | "color.border.accent.teal" | "color.border.accent.blue" | "color.border.accent.purple" | "color.border.accent.magenta" | "color.border.accent.gray" | "color.border.disabled" | "color.border.focused" | "color.border.input" | "color.border.inverse" | "color.border.selected" | "color.border.brand" | "color.border.danger" | "color.border.warning" | "color.border.success" | "color.border.discovery" | "color.border.information" | "color.border.bold" | "color.background.accent.lime.subtlest" | "color.background.accent.lime.subtlest.hovered" | "color.background.accent.lime.subtlest.pressed" | "color.background.accent.lime.subtler" | "color.background.accent.lime.subtler.hovered" | "color.background.accent.lime.subtler.pressed" | "color.background.accent.lime.subtle" | "color.background.accent.lime.subtle.hovered" | "color.background.accent.lime.subtle.pressed" | "color.background.accent.lime.bolder" | "color.background.accent.lime.bolder.hovered" | "color.background.accent.lime.bolder.pressed" | "color.background.accent.red.subtlest" | "color.background.accent.red.subtlest.hovered" | "color.background.accent.red.subtlest.pressed" | "color.background.accent.red.subtler" | "color.background.accent.red.subtler.hovered" | "color.background.accent.red.subtler.pressed" | "color.background.accent.red.subtle" | "color.background.accent.red.subtle.hovered" | "color.background.accent.red.subtle.pressed" | "color.background.accent.red.bolder" | "color.background.accent.red.bolder.hovered" | "color.background.accent.red.bolder.pressed" | "color.background.accent.orange.subtlest" | "color.background.accent.orange.subtlest.hovered" | "color.background.accent.orange.subtlest.pressed" | "color.background.accent.orange.subtler" | "color.background.accent.orange.subtler.hovered" | "color.background.accent.orange.subtler.pressed" | "color.background.accent.orange.subtle" | "color.background.accent.orange.subtle.hovered" | "color.background.accent.orange.subtle.pressed" | "color.background.accent.orange.bolder" | "color.background.accent.orange.bolder.hovered" | "color.background.accent.orange.bolder.pressed" | "color.background.accent.yellow.subtlest" | "color.background.accent.yellow.subtlest.hovered" | "color.background.accent.yellow.subtlest.pressed" | "color.background.accent.yellow.subtler" | "color.background.accent.yellow.subtler.hovered" | "color.background.accent.yellow.subtler.pressed" | "color.background.accent.yellow.subtle" | "color.background.accent.yellow.subtle.hovered" | "color.background.accent.yellow.subtle.pressed" | "color.background.accent.yellow.bolder" | "color.background.accent.yellow.bolder.hovered" | "color.background.accent.yellow.bolder.pressed" | "color.background.accent.green.subtlest" | "color.background.accent.green.subtlest.hovered" | "color.background.accent.green.subtlest.pressed" | "color.background.accent.green.subtler" | "color.background.accent.green.subtler.hovered" | "color.background.accent.green.subtler.pressed" | "color.background.accent.green.subtle" | "color.background.accent.green.subtle.hovered" | "color.background.accent.green.subtle.pressed" | "color.background.accent.green.bolder" | "color.background.accent.green.bolder.hovered" | "color.background.accent.green.bolder.pressed" | "color.background.accent.teal.subtlest" | "color.background.accent.teal.subtlest.hovered" | "color.background.accent.teal.subtlest.pressed" | "color.background.accent.teal.subtler" | "color.background.accent.teal.subtler.hovered" | "color.background.accent.teal.subtler.pressed" | "color.background.accent.teal.subtle" | "color.background.accent.teal.subtle.hovered" | "color.background.accent.teal.subtle.pressed" | "color.background.accent.teal.bolder" | "color.background.accent.teal.bolder.hovered" | "color.background.accent.teal.bolder.pressed" | "color.background.accent.blue.subtlest" | "color.background.accent.blue.subtlest.hovered" | "color.background.accent.blue.subtlest.pressed" | "color.background.accent.blue.subtler" | "color.background.accent.blue.subtler.hovered" | "color.background.accent.blue.subtler.pressed" | "color.background.accent.blue.subtle" | "color.background.accent.blue.subtle.hovered" | "color.background.accent.blue.subtle.pressed" | "color.background.accent.blue.bolder" | "color.background.accent.blue.bolder.hovered" | "color.background.accent.blue.bolder.pressed" | "color.background.accent.purple.subtlest" | "color.background.accent.purple.subtlest.hovered" | "color.background.accent.purple.subtlest.pressed" | "color.background.accent.purple.subtler" | "color.background.accent.purple.subtler.hovered" | "color.background.accent.purple.subtler.pressed" | "color.background.accent.purple.subtle" | "color.background.accent.purple.subtle.hovered" | "color.background.accent.purple.subtle.pressed" | "color.background.accent.purple.bolder" | "color.background.accent.purple.bolder.hovered" | "color.background.accent.purple.bolder.pressed" | "color.background.accent.magenta.subtlest" | "color.background.accent.magenta.subtlest.hovered" | "color.background.accent.magenta.subtlest.pressed" | "color.background.accent.magenta.subtler" | "color.background.accent.magenta.subtler.hovered" | "color.background.accent.magenta.subtler.pressed" | "color.background.accent.magenta.subtle" | "color.background.accent.magenta.subtle.hovered" | "color.background.accent.magenta.subtle.pressed" | "color.background.accent.magenta.bolder" | "color.background.accent.magenta.bolder.hovered" | "color.background.accent.magenta.bolder.pressed" | "color.background.accent.gray.subtlest" | "color.background.accent.gray.subtlest.hovered" | "color.background.accent.gray.subtlest.pressed" | "color.background.accent.gray.subtler" | "color.background.accent.gray.subtler.hovered" | "color.background.accent.gray.subtler.pressed" | "color.background.accent.gray.subtle" | "color.background.accent.gray.subtle.hovered" | "color.background.accent.gray.subtle.pressed" | "color.background.accent.gray.bolder" | "color.background.accent.gray.bolder.hovered" | "color.background.accent.gray.bolder.pressed" | "color.background.disabled" | "color.background.input" | "color.background.input.hovered" | "color.background.input.pressed" | "color.background.inverse.subtle" | "color.background.inverse.subtle.hovered" | "color.background.inverse.subtle.pressed" | "color.background.neutral" | "color.background.neutral.hovered" | "color.background.neutral.pressed" | "color.background.neutral.subtle" | "color.background.neutral.subtle.hovered" | "color.background.neutral.subtle.pressed" | "color.background.neutral.bold" | "color.background.neutral.bold.hovered" | "color.background.neutral.bold.pressed" | "color.background.selected" | "color.background.selected.hovered" | "color.background.selected.pressed" | "color.background.selected.bold" | "color.background.selected.bold.hovered" | "color.background.selected.bold.pressed" | "color.background.brand.subtlest" | "color.background.brand.subtlest.hovered" | "color.background.brand.subtlest.pressed" | "color.background.brand.bold" | "color.background.brand.bold.hovered" | "color.background.brand.bold.pressed" | "color.background.brand.boldest" | "color.background.brand.boldest.hovered" | "color.background.brand.boldest.pressed" | "color.background.danger" | "color.background.danger.hovered" | "color.background.danger.pressed" | "color.background.danger.bold" | "color.background.danger.bold.hovered" | "color.background.danger.bold.pressed" | "color.background.warning" | "color.background.warning.hovered" | "color.background.warning.pressed" | "color.background.warning.bold" | "color.background.warning.bold.hovered" | "color.background.warning.bold.pressed" | "color.background.success" | "color.background.success.hovered" | "color.background.success.pressed" | "color.background.success.bold" | "color.background.success.bold.hovered" | "color.background.success.bold.pressed" | "color.background.discovery" | "color.background.discovery.hovered" | "color.background.discovery.pressed" | "color.background.discovery.bold" | "color.background.discovery.bold.hovered" | "color.background.discovery.bold.pressed" | "color.background.information" | "color.background.information.hovered" | "color.background.information.pressed" | "color.background.information.bold" | "color.background.information.bold.hovered" | "color.background.information.bold.pressed" | "color.blanket" | "color.blanket.selected" | "color.blanket.danger" | "color.interaction.hovered" | "color.interaction.pressed" | "color.skeleton" | "color.skeleton.subtle" | "color.chart.categorical.1" | "color.chart.categorical.1.hovered" | "color.chart.categorical.2" | "color.chart.categorical.2.hovered" | "color.chart.categorical.3" | "color.chart.categorical.3.hovered" | "color.chart.categorical.4" | "color.chart.categorical.4.hovered" | "color.chart.categorical.5" | "color.chart.categorical.5.hovered" | "color.chart.categorical.6" | "color.chart.categorical.6.hovered" | "color.chart.categorical.7" | "color.chart.categorical.7.hovered" | "color.chart.categorical.8" | "color.chart.categorical.8.hovered" | "color.chart.lime.bold" | "color.chart.lime.bold.hovered" | "color.chart.lime.bolder" | "color.chart.lime.bolder.hovered" | "color.chart.lime.boldest" | "color.chart.lime.boldest.hovered" | "color.chart.neutral" | "color.chart.neutral.hovered" | "color.chart.red.bold" | "color.chart.red.bold.hovered" | "color.chart.red.bolder" | "color.chart.red.bolder.hovered" | "color.chart.red.boldest" | "color.chart.red.boldest.hovered" | "color.chart.orange.bold" | "color.chart.orange.bold.hovered" | "color.chart.orange.bolder" | "color.chart.orange.bolder.hovered" | "color.chart.orange.boldest" | "color.chart.orange.boldest.hovered" | "color.chart.yellow.bold" | "color.chart.yellow.bold.hovered" | "color.chart.yellow.bolder" | "color.chart.yellow.bolder.hovered" | "color.chart.yellow.boldest" | "color.chart.yellow.boldest.hovered" | "color.chart.green.bold" | "color.chart.green.bold.hovered" | "color.chart.green.bolder" | "color.chart.green.bolder.hovered" | "color.chart.green.boldest" | "color.chart.green.boldest.hovered" | "color.chart.teal.bold" | "color.chart.teal.bold.hovered" | "color.chart.teal.bolder" | "color.chart.teal.bolder.hovered" | "color.chart.teal.boldest" | "color.chart.teal.boldest.hovered" | "color.chart.blue.bold" | "color.chart.blue.bold.hovered" | "color.chart.blue.bolder" | "color.chart.blue.bolder.hovered" | "color.chart.blue.boldest" | "color.chart.blue.boldest.hovered" | "color.chart.purple.bold" | "color.chart.purple.bold.hovered" | "color.chart.purple.bolder" | "color.chart.purple.bolder.hovered" | "color.chart.purple.boldest" | "color.chart.purple.boldest.hovered" | "color.chart.magenta.bold" | "color.chart.magenta.bold.hovered" | "color.chart.magenta.bolder" | "color.chart.magenta.bolder.hovered" | "color.chart.magenta.boldest" | "color.chart.magenta.boldest.hovered" | "color.chart.gray.bold" | "color.chart.gray.bold.hovered" | "color.chart.gray.bolder" | "color.chart.gray.bolder.hovered" | "color.chart.gray.boldest" | "color.chart.gray.boldest.hovered" | "color.chart.brand" | "color.chart.brand.hovered" | "color.chart.danger" | "color.chart.danger.hovered" | "color.chart.danger.bold" | "color.chart.danger.bold.hovered" | "color.chart.warning" | "color.chart.warning.hovered" | "color.chart.warning.bold" | "color.chart.warning.bold.hovered" | "color.chart.success" | "color.chart.success.hovered" | "color.chart.success.bold" | "color.chart.success.bold.hovered" | "color.chart.discovery" | "color.chart.discovery.hovered" | "color.chart.discovery.bold" | "color.chart.discovery.bold.hovered" | "color.chart.information" | "color.chart.information.hovered" | "color.chart.information.bold" | "color.chart.information.bold.hovered" | "elevation.surface" | "elevation.surface.hovered" | "elevation.surface.pressed" | "elevation.surface.overlay" | "elevation.surface.overlay.hovered" | "elevation.surface.overlay.pressed" | "elevation.surface.raised" | "elevation.surface.raised.hovered" | "elevation.surface.raised.pressed" | "elevation.surface.sunken" | "elevation.shadow.overflow" | "elevation.shadow.overflow.perimeter" | "elevation.shadow.overflow.spread" | "elevation.shadow.overlay" | "elevation.shadow.raised" | "opacity.disabled" | "opacity.loading" | "utility.UNSAFE.textTransformUppercase" | "utility.UNSAFE.transparent" | "utility.elevation.surface.current" | "border.radius.050" | "border.radius" | "border.radius.100" | "border.radius.200" | "border.radius.300" | "border.radius.400" | "border.radius.circle" | "border.width" | "border.width.0" | "border.width.indicator" | "border.width.outline" | "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | "space.negative.025" | "space.negative.050" | "space.negative.075" | "space.negative.100" | "space.negative.150" | "space.negative.200" | "space.negative.250" | "space.negative.300" | "space.negative.400" | "font.heading.xxlarge" | "font.heading.xlarge" | "font.heading.large" | "font.heading.medium" | "font.heading.small" | "font.heading.xsmall" | "font.heading.xxsmall" | "font.body.large" | "font.body" | "font.body.small" | "font.body.UNSAFE_small" | "font.code" | "font.weight.regular" | "font.weight.medium" | "font.weight.semibold" | "font.weight.bold" | "font.family.heading" | "font.family.body" | "font.family.code" | "font.family.brand.heading" | "font.family.brand.body">(token: T, fallback?: string) => Promise<void>;

package/dist/types-ts4.5/get-token-analytics.d.ts

@@ -1,11 +0,0 @@
-declare global {
-    interface Window {
-        analyticsWebClient?: any;
-    }
-}
-/**
- * Records a token call event to the analytics service. This is used to track which tokens are being used at runtime as they should be substituted by the values by @atlaskit/tokens/babel-plugin at build time.
- * @param token - The token that was called.
- * @param fallback - The fallback value that was used.
- */
-export declare const recordTokenCall: <T extends "color.text" | "color.text.accent.lime" | "color.text.accent.lime.bolder" | "color.text.accent.red" | "color.text.accent.red.bolder" | "color.text.accent.orange" | "color.text.accent.orange.bolder" | "color.text.accent.yellow" | "color.text.accent.yellow.bolder" | "color.text.accent.green" | "color.text.accent.green.bolder" | "color.text.accent.teal" | "color.text.accent.teal.bolder" | "color.text.accent.blue" | "color.text.accent.blue.bolder" | "color.text.accent.purple" | "color.text.accent.purple.bolder" | "color.text.accent.magenta" | "color.text.accent.magenta.bolder" | "color.text.accent.gray" | "color.text.accent.gray.bolder" | "color.text.disabled" | "color.text.inverse" | "color.text.selected" | "color.text.brand" | "color.text.danger" | "color.text.warning" | "color.text.warning.inverse" | "color.text.success" | "color.text.discovery" | "color.text.information" | "color.text.subtlest" | "color.text.subtle" | "color.link" | "color.link.pressed" | "color.link.visited" | "color.link.visited.pressed" | "color.icon" | "color.icon.accent.lime" | "color.icon.accent.red" | "color.icon.accent.orange" | "color.icon.accent.yellow" | "color.icon.accent.green" | "color.icon.accent.teal" | "color.icon.accent.blue" | "color.icon.accent.purple" | "color.icon.accent.magenta" | "color.icon.accent.gray" | "color.icon.disabled" | "color.icon.inverse" | "color.icon.selected" | "color.icon.brand" | "color.icon.danger" | "color.icon.warning" | "color.icon.warning.inverse" | "color.icon.success" | "color.icon.discovery" | "color.icon.information" | "color.icon.subtlest" | "color.icon.subtle" | "color.border" | "color.border.accent.lime" | "color.border.accent.red" | "color.border.accent.orange" | "color.border.accent.yellow" | "color.border.accent.green" | "color.border.accent.teal" | "color.border.accent.blue" | "color.border.accent.purple" | "color.border.accent.magenta" | "color.border.accent.gray" | "color.border.disabled" | "color.border.focused" | "color.border.input" | "color.border.inverse" | "color.border.selected" | "color.border.brand" | "color.border.danger" | "color.border.warning" | "color.border.success" | "color.border.discovery" | "color.border.information" | "color.border.bold" | "color.background.accent.lime.subtlest" | "color.background.accent.lime.subtlest.hovered" | "color.background.accent.lime.subtlest.pressed" | "color.background.accent.lime.subtler" | "color.background.accent.lime.subtler.hovered" | "color.background.accent.lime.subtler.pressed" | "color.background.accent.lime.subtle" | "color.background.accent.lime.subtle.hovered" | "color.background.accent.lime.subtle.pressed" | "color.background.accent.lime.bolder" | "color.background.accent.lime.bolder.hovered" | "color.background.accent.lime.bolder.pressed" | "color.background.accent.red.subtlest" | "color.background.accent.red.subtlest.hovered" | "color.background.accent.red.subtlest.pressed" | "color.background.accent.red.subtler" | "color.background.accent.red.subtler.hovered" | "color.background.accent.red.subtler.pressed" | "color.background.accent.red.subtle" | "color.background.accent.red.subtle.hovered" | "color.background.accent.red.subtle.pressed" | "color.background.accent.red.bolder" | "color.background.accent.red.bolder.hovered" | "color.background.accent.red.bolder.pressed" | "color.background.accent.orange.subtlest" | "color.background.accent.orange.subtlest.hovered" | "color.background.accent.orange.subtlest.pressed" | "color.background.accent.orange.subtler" | "color.background.accent.orange.subtler.hovered" | "color.background.accent.orange.subtler.pressed" | "color.background.accent.orange.subtle" | "color.background.accent.orange.subtle.hovered" | "color.background.accent.orange.subtle.pressed" | "color.background.accent.orange.bolder" | "color.background.accent.orange.bolder.hovered" | "color.background.accent.orange.bolder.pressed" | "color.background.accent.yellow.subtlest" | "color.background.accent.yellow.subtlest.hovered" | "color.background.accent.yellow.subtlest.pressed" | "color.background.accent.yellow.subtler" | "color.background.accent.yellow.subtler.hovered" | "color.background.accent.yellow.subtler.pressed" | "color.background.accent.yellow.subtle" | "color.background.accent.yellow.subtle.hovered" | "color.background.accent.yellow.subtle.pressed" | "color.background.accent.yellow.bolder" | "color.background.accent.yellow.bolder.hovered" | "color.background.accent.yellow.bolder.pressed" | "color.background.accent.green.subtlest" | "color.background.accent.green.subtlest.hovered" | "color.background.accent.green.subtlest.pressed" | "color.background.accent.green.subtler" | "color.background.accent.green.subtler.hovered" | "color.background.accent.green.subtler.pressed" | "color.background.accent.green.subtle" | "color.background.accent.green.subtle.hovered" | "color.background.accent.green.subtle.pressed" | "color.background.accent.green.bolder" | "color.background.accent.green.bolder.hovered" | "color.background.accent.green.bolder.pressed" | "color.background.accent.teal.subtlest" | "color.background.accent.teal.subtlest.hovered" | "color.background.accent.teal.subtlest.pressed" | "color.background.accent.teal.subtler" | "color.background.accent.teal.subtler.hovered" | "color.background.accent.teal.subtler.pressed" | "color.background.accent.teal.subtle" | "color.background.accent.teal.subtle.hovered" | "color.background.accent.teal.subtle.pressed" | "color.background.accent.teal.bolder" | "color.background.accent.teal.bolder.hovered" | "color.background.accent.teal.bolder.pressed" | "color.background.accent.blue.subtlest" | "color.background.accent.blue.subtlest.hovered" | "color.background.accent.blue.subtlest.pressed" | "color.background.accent.blue.subtler" | "color.background.accent.blue.subtler.hovered" | "color.background.accent.blue.subtler.pressed" | "color.background.accent.blue.subtle" | "color.background.accent.blue.subtle.hovered" | "color.background.accent.blue.subtle.pressed" | "color.background.accent.blue.bolder" | "color.background.accent.blue.bolder.hovered" | "color.background.accent.blue.bolder.pressed" | "color.background.accent.purple.subtlest" | "color.background.accent.purple.subtlest.hovered" | "color.background.accent.purple.subtlest.pressed" | "color.background.accent.purple.subtler" | "color.background.accent.purple.subtler.hovered" | "color.background.accent.purple.subtler.pressed" | "color.background.accent.purple.subtle" | "color.background.accent.purple.subtle.hovered" | "color.background.accent.purple.subtle.pressed" | "color.background.accent.purple.bolder" | "color.background.accent.purple.bolder.hovered" | "color.background.accent.purple.bolder.pressed" | "color.background.accent.magenta.subtlest" | "color.background.accent.magenta.subtlest.hovered" | "color.background.accent.magenta.subtlest.pressed" | "color.background.accent.magenta.subtler" | "color.background.accent.magenta.subtler.hovered" | "color.background.accent.magenta.subtler.pressed" | "color.background.accent.magenta.subtle" | "color.background.accent.magenta.subtle.hovered" | "color.background.accent.magenta.subtle.pressed" | "color.background.accent.magenta.bolder" | "color.background.accent.magenta.bolder.hovered" | "color.background.accent.magenta.bolder.pressed" | "color.background.accent.gray.subtlest" | "color.background.accent.gray.subtlest.hovered" | "color.background.accent.gray.subtlest.pressed" | "color.background.accent.gray.subtler" | "color.background.accent.gray.subtler.hovered" | "color.background.accent.gray.subtler.pressed" | "color.background.accent.gray.subtle" | "color.background.accent.gray.subtle.hovered" | "color.background.accent.gray.subtle.pressed" | "color.background.accent.gray.bolder" | "color.background.accent.gray.bolder.hovered" | "color.background.accent.gray.bolder.pressed" | "color.background.disabled" | "color.background.input" | "color.background.input.hovered" | "color.background.input.pressed" | "color.background.inverse.subtle" | "color.background.inverse.subtle.hovered" | "color.background.inverse.subtle.pressed" | "color.background.neutral" | "color.background.neutral.hovered" | "color.background.neutral.pressed" | "color.background.neutral.subtle" | "color.background.neutral.subtle.hovered" | "color.background.neutral.subtle.pressed" | "color.background.neutral.bold" | "color.background.neutral.bold.hovered" | "color.background.neutral.bold.pressed" | "color.background.selected" | "color.background.selected.hovered" | "color.background.selected.pressed" | "color.background.selected.bold" | "color.background.selected.bold.hovered" | "color.background.selected.bold.pressed" | "color.background.brand.subtlest" | "color.background.brand.subtlest.hovered" | "color.background.brand.subtlest.pressed" | "color.background.brand.bold" | "color.background.brand.bold.hovered" | "color.background.brand.bold.pressed" | "color.background.brand.boldest" | "color.background.brand.boldest.hovered" | "color.background.brand.boldest.pressed" | "color.background.danger" | "color.background.danger.hovered" | "color.background.danger.pressed" | "color.background.danger.bold" | "color.background.danger.bold.hovered" | "color.background.danger.bold.pressed" | "color.background.warning" | "color.background.warning.hovered" | "color.background.warning.pressed" | "color.background.warning.bold" | "color.background.warning.bold.hovered" | "color.background.warning.bold.pressed" | "color.background.success" | "color.background.success.hovered" | "color.background.success.pressed" | "color.background.success.bold" | "color.background.success.bold.hovered" | "color.background.success.bold.pressed" | "color.background.discovery" | "color.background.discovery.hovered" | "color.background.discovery.pressed" | "color.background.discovery.bold" | "color.background.discovery.bold.hovered" | "color.background.discovery.bold.pressed" | "color.background.information" | "color.background.information.hovered" | "color.background.information.pressed" | "color.background.information.bold" | "color.background.information.bold.hovered" | "color.background.information.bold.pressed" | "color.blanket" | "color.blanket.selected" | "color.blanket.danger" | "color.interaction.hovered" | "color.interaction.pressed" | "color.skeleton" | "color.skeleton.subtle" | "color.chart.categorical.1" | "color.chart.categorical.1.hovered" | "color.chart.categorical.2" | "color.chart.categorical.2.hovered" | "color.chart.categorical.3" | "color.chart.categorical.3.hovered" | "color.chart.categorical.4" | "color.chart.categorical.4.hovered" | "color.chart.categorical.5" | "color.chart.categorical.5.hovered" | "color.chart.categorical.6" | "color.chart.categorical.6.hovered" | "color.chart.categorical.7" | "color.chart.categorical.7.hovered" | "color.chart.categorical.8" | "color.chart.categorical.8.hovered" | "color.chart.lime.bold" | "color.chart.lime.bold.hovered" | "color.chart.lime.bolder" | "color.chart.lime.bolder.hovered" | "color.chart.lime.boldest" | "color.chart.lime.boldest.hovered" | "color.chart.neutral" | "color.chart.neutral.hovered" | "color.chart.red.bold" | "color.chart.red.bold.hovered" | "color.chart.red.bolder" | "color.chart.red.bolder.hovered" | "color.chart.red.boldest" | "color.chart.red.boldest.hovered" | "color.chart.orange.bold" | "color.chart.orange.bold.hovered" | "color.chart.orange.bolder" | "color.chart.orange.bolder.hovered" | "color.chart.orange.boldest" | "color.chart.orange.boldest.hovered" | "color.chart.yellow.bold" | "color.chart.yellow.bold.hovered" | "color.chart.yellow.bolder" | "color.chart.yellow.bolder.hovered" | "color.chart.yellow.boldest" | "color.chart.yellow.boldest.hovered" | "color.chart.green.bold" | "color.chart.green.bold.hovered" | "color.chart.green.bolder" | "color.chart.green.bolder.hovered" | "color.chart.green.boldest" | "color.chart.green.boldest.hovered" | "color.chart.teal.bold" | "color.chart.teal.bold.hovered" | "color.chart.teal.bolder" | "color.chart.teal.bolder.hovered" | "color.chart.teal.boldest" | "color.chart.teal.boldest.hovered" | "color.chart.blue.bold" | "color.chart.blue.bold.hovered" | "color.chart.blue.bolder" | "color.chart.blue.bolder.hovered" | "color.chart.blue.boldest" | "color.chart.blue.boldest.hovered" | "color.chart.purple.bold" | "color.chart.purple.bold.hovered" | "color.chart.purple.bolder" | "color.chart.purple.bolder.hovered" | "color.chart.purple.boldest" | "color.chart.purple.boldest.hovered" | "color.chart.magenta.bold" | "color.chart.magenta.bold.hovered" | "color.chart.magenta.bolder" | "color.chart.magenta.bolder.hovered" | "color.chart.magenta.boldest" | "color.chart.magenta.boldest.hovered" | "color.chart.gray.bold" | "color.chart.gray.bold.hovered" | "color.chart.gray.bolder" | "color.chart.gray.bolder.hovered" | "color.chart.gray.boldest" | "color.chart.gray.boldest.hovered" | "color.chart.brand" | "color.chart.brand.hovered" | "color.chart.danger" | "color.chart.danger.hovered" | "color.chart.danger.bold" | "color.chart.danger.bold.hovered" | "color.chart.warning" | "color.chart.warning.hovered" | "color.chart.warning.bold" | "color.chart.warning.bold.hovered" | "color.chart.success" | "color.chart.success.hovered" | "color.chart.success.bold" | "color.chart.success.bold.hovered" | "color.chart.discovery" | "color.chart.discovery.hovered" | "color.chart.discovery.bold" | "color.chart.discovery.bold.hovered" | "color.chart.information" | "color.chart.information.hovered" | "color.chart.information.bold" | "color.chart.information.bold.hovered" | "elevation.surface" | "elevation.surface.hovered" | "elevation.surface.pressed" | "elevation.surface.overlay" | "elevation.surface.overlay.hovered" | "elevation.surface.overlay.pressed" | "elevation.surface.raised" | "elevation.surface.raised.hovered" | "elevation.surface.raised.pressed" | "elevation.surface.sunken" | "elevation.shadow.overflow" | "elevation.shadow.overflow.perimeter" | "elevation.shadow.overflow.spread" | "elevation.shadow.overlay" | "elevation.shadow.raised" | "opacity.disabled" | "opacity.loading" | "utility.UNSAFE.textTransformUppercase" | "utility.UNSAFE.transparent" | "utility.elevation.surface.current" | "border.radius.050" | "border.radius" | "border.radius.100" | "border.radius.200" | "border.radius.300" | "border.radius.400" | "border.radius.circle" | "border.width" | "border.width.0" | "border.width.indicator" | "border.width.outline" | "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | "space.negative.025" | "space.negative.050" | "space.negative.075" | "space.negative.100" | "space.negative.150" | "space.negative.200" | "space.negative.250" | "space.negative.300" | "space.negative.400" | "font.heading.xxlarge" | "font.heading.xlarge" | "font.heading.large" | "font.heading.medium" | "font.heading.small" | "font.heading.xsmall" | "font.heading.xxsmall" | "font.body.large" | "font.body" | "font.body.small" | "font.body.UNSAFE_small" | "font.code" | "font.weight.regular" | "font.weight.medium" | "font.weight.semibold" | "font.weight.bold" | "font.family.heading" | "font.family.body" | "font.family.code" | "font.family.brand.heading" | "font.family.brand.body">(token: T, fallback?: string) => Promise<void>;