@atlaskit/tokens 0.10.20 → 0.10.22

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/tokens
 
+## 0.10.22
+
+### Patch Changes
+
+- [`8e324bc208f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e324bc208f) - Source files for tokens chrome extension has been moved out and into its own pacakge
+
+## 0.10.21
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
 ## 0.10.20
 
 ### Patch Changes

package/babel-plugin/package.json

@@ -6,5 +6,12 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "types": "../dist/types/entry-points/babel-plugin.d.ts"
+  "types": "../dist/types/entry-points/babel-plugin.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/entry-points/babel-plugin.d.ts"
+      ]
+    }
+  }
 }

package/dist/cjs/get-token.js

@@ -14,7 +14,7 @@ var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 
 var name = "@atlaskit/tokens";
-var version = "0.10.20";
+var version = "0.10.22";
 
 function token(path, fallback) {
   var token = _tokenNames.default[path];

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.10.20",
+	"version": "0.10.22",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/es2019/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 const name = "@atlaskit/tokens";
-const version = "0.10.20";
+const version = "0.10.22";
 
 function token(path, fallback) {
   let token = tokens[path];

package/dist/es2019/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.10.20",
+	"version": "0.10.22",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/esm/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 var name = "@atlaskit/tokens";
-var version = "0.10.20";
+var version = "0.10.22";
 
 function token(path, fallback) {
   var token = tokens[path];

package/dist/esm/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.10.20",
+	"version": "0.10.22",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/types-ts4.0/artifacts/palettes-raw/legacy-palette.d.ts

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

package/dist/types-ts4.0/artifacts/palettes-raw/palette.d.ts

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

package/dist/types-ts4.0/artifacts/rename-mapping.d.ts

@@ -0,0 +1,26 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * This file is intended to help automate renaming of tokens.
+ *
+ * 1. Mark the old token's 'state' as deprecated
+ * 2. Add a 'rename' attribute to the token with the value 'my.new.token'
+ * 3. Create a new token matching the token above: 'my.new.token'
+ * 4. Run 'yarn build tokens' to have you changes reflected in this map
+ * 5. ESLint and other tools will now use this to automate replacing tokens
+ *
+ * These changes will then be picked up by our tooling which will attempt to
+ * migrate as many of these renames as possible.
+ *
+ * @codegen <<SignedSource::785f21ff78f22bc07f51619e1add8ba9>>
+ * @codegenCommand yarn build tokens
+ */
+import tokens from './token-names';
+declare type Token = keyof typeof tokens | string;
+declare type RenameMap = {
+    path: string;
+    state: 'deprecated' | 'deleted';
+    replacement: Token;
+};
+declare const renameMapper: RenameMap[];
+export default renameMapper;

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

@@ -0,0 +1,302 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Token names mapped to their value in the default Atlassian theme ('light')
+ *
+ * @codegen <<SignedSource::59a1a4aaa5f768efccaed2c726fc2b08>>
+ * @codegenCommand yarn build tokens
+ */
+declare const defaultTokenValues: {
+    readonly 'color.text.accent.blue': "#0055CC";
+    readonly 'color.text.accent.blue.bolder': "#09326C";
+    readonly 'color.text.accent.red': "#AE2A19";
+    readonly 'color.text.accent.red.bolder': "#601E16";
+    readonly 'color.text.accent.orange': "#974F0C";
+    readonly 'color.text.accent.orange.bolder': "#5F3811";
+    readonly 'color.text.accent.yellow': "#7F5F01";
+    readonly 'color.text.accent.yellow.bolder': "#533F04";
+    readonly 'color.text.accent.green': "#216E4E";
+    readonly 'color.text.accent.green.bolder': "#164B35";
+    readonly 'color.text.accent.purple': "#5E4DB2";
+    readonly 'color.text.accent.purple.bolder': "#352C63";
+    readonly 'color.text.accent.teal': "#206B74";
+    readonly 'color.text.accent.teal.bolder': "#1D474C";
+    readonly 'color.text.accent.magenta': "#943D73";
+    readonly 'color.text.accent.magenta.bolder': "#50253F";
+    readonly 'color.text.accent.gray': "#44546F";
+    readonly 'color.text.accent.gray.bolder': "#172B4D";
+    readonly 'color.text': "#172B4D";
+    readonly 'color.text.subtle': "#44546F";
+    readonly 'color.text.subtlest': "#626F86";
+    readonly 'color.text.disabled': "#091E424F";
+    readonly 'color.text.inverse': "#FFFFFF";
+    readonly 'color.text.brand': "#0C66E4";
+    readonly 'color.text.selected': "#0C66E4";
+    readonly 'color.text.danger': "#AE2A19";
+    readonly 'color.text.warning': "#974F0C";
+    readonly 'color.text.warning.inverse': "#172B4D";
+    readonly 'color.text.success': "#216E4E";
+    readonly 'color.text.discovery': "#5E4DB2";
+    readonly 'color.text.information': "#0055CC";
+    readonly 'color.text.highEmphasis': "#172B4D";
+    readonly 'color.text.link.pressed': "#0055CC";
+    readonly 'color.text.link.resting': "#0C66E4";
+    readonly 'color.text.lowEmphasis': "#626F86";
+    readonly 'color.text.mediumEmphasis': "#44546F";
+    readonly 'color.text.onBold': "#FFFFFF";
+    readonly 'color.text.onBoldWarning': "#172B4D";
+    readonly 'color.icon.accent.blue': "#1D7AFC";
+    readonly 'color.icon.accent.red': "#E34935";
+    readonly 'color.icon.accent.orange': "#D97008";
+    readonly 'color.icon.accent.yellow': "#B38600";
+    readonly 'color.icon.accent.green': "#22A06B";
+    readonly 'color.icon.accent.purple': "#8270DB";
+    readonly 'color.icon.accent.teal': "#1D9AAA";
+    readonly 'color.icon.accent.magenta': "#CD519D";
+    readonly 'color.icon.accent.gray': "#758195";
+    readonly 'color.icon': "#44546F";
+    readonly 'color.icon.subtle': "#626F86";
+    readonly 'color.icon.inverse': "#FFFFFF";
+    readonly 'color.icon.disabled': "#091E424F";
+    readonly 'color.icon.brand': "#0C66E4";
+    readonly 'color.icon.selected': "#0C66E4";
+    readonly 'color.icon.danger': "#E34935";
+    readonly 'color.icon.warning': "#D97008";
+    readonly 'color.icon.warning.inverse': "#172B4D";
+    readonly 'color.icon.success': "#22A06B";
+    readonly 'color.icon.discovery': "#8270DB";
+    readonly 'color.icon.information': "#1D7AFC";
+    readonly 'color.border.accent.blue': "#1D7AFC";
+    readonly 'color.border.accent.red': "#E34935";
+    readonly 'color.border.accent.orange': "#D97008";
+    readonly 'color.border.accent.yellow': "#B38600";
+    readonly 'color.border.accent.green': "#22A06B";
+    readonly 'color.border.accent.purple': "#8270DB";
+    readonly 'color.border.accent.teal': "#1D9AAA";
+    readonly 'color.border.accent.magenta': "#CD519D";
+    readonly 'color.border.accent.gray': "#758195";
+    readonly 'color.border': "#091E4224";
+    readonly 'color.border.bold': "#758195";
+    readonly 'color.border.inverse': "#FFFFFF";
+    readonly 'color.border.focused': "#388BFF";
+    readonly 'color.border.input': "#091E4224";
+    readonly 'color.border.disabled': "#091E420F";
+    readonly 'color.border.brand': "#0C66E4";
+    readonly 'color.border.selected': "#0C66E4";
+    readonly 'color.border.danger': "#E34935";
+    readonly 'color.border.warning': "#D97008";
+    readonly 'color.border.success': "#22A06B";
+    readonly 'color.border.discovery': "#8270DB";
+    readonly 'color.border.information': "#1D7AFC";
+    readonly 'color.border.focus': "#388BFF";
+    readonly 'color.border.neutral': "#091E4224";
+    readonly 'color.background.accent.blue.subtlest': "#E9F2FF";
+    readonly 'color.background.accent.blue.subtler': "#CCE0FF";
+    readonly 'color.background.accent.blue.subtle': "#579DFF";
+    readonly 'color.background.accent.blue.bolder': "#0C66E4";
+    readonly 'color.background.accent.blue': "#CCE0FF";
+    readonly 'color.background.accent.blue.bold': "#579DFF";
+    readonly 'color.background.accent.red.subtlest': "#FFEDEB";
+    readonly 'color.background.accent.red.subtler': "#FFD2CC";
+    readonly 'color.background.accent.red.subtle': "#F87462";
+    readonly 'color.background.accent.red.bolder': "#CA3521";
+    readonly 'color.background.accent.red': "#FFD2CC";
+    readonly 'color.background.accent.red.bold': "#F87462";
+    readonly 'color.background.accent.orange.subtlest': "#FFF4E5";
+    readonly 'color.background.accent.orange.subtler': "#FFE2BD";
+    readonly 'color.background.accent.orange.subtle': "#FAA53D";
+    readonly 'color.background.accent.orange.bolder': "#B65C02";
+    readonly 'color.background.accent.orange': "#FFE2BD";
+    readonly 'color.background.accent.orange.bold': "#FAA53D";
+    readonly 'color.background.accent.yellow.subtlest': "#FFF7D6";
+    readonly 'color.background.accent.yellow.subtler': "#F8E6A0";
+    readonly 'color.background.accent.yellow.subtle': "#E2B203";
+    readonly 'color.background.accent.yellow.bolder': "#946F00";
+    readonly 'color.background.accent.yellow': "#F8E6A0";
+    readonly 'color.background.accent.yellow.bold': "#E2B203";
+    readonly 'color.background.accent.green.subtlest': "#DFFCF0";
+    readonly 'color.background.accent.green.subtler': "#BAF3DB";
+    readonly 'color.background.accent.green.subtle': "#4BCE97";
+    readonly 'color.background.accent.green.bolder': "#1F845A";
+    readonly 'color.background.accent.green': "#BAF3DB";
+    readonly 'color.background.accent.green.bold': "#4BCE97";
+    readonly 'color.background.accent.teal.subtlest': "#E3FAFC";
+    readonly 'color.background.accent.teal.subtler': "#C1F0F5";
+    readonly 'color.background.accent.teal.subtle': "#60C6D2";
+    readonly 'color.background.accent.teal.bolder': "#1D7F8C";
+    readonly 'color.background.accent.teal': "#C1F0F5";
+    readonly 'color.background.accent.teal.bold': "#60C6D2";
+    readonly 'color.background.accent.purple.subtlest': "#F3F0FF";
+    readonly 'color.background.accent.purple.subtler': "#DFD8FD";
+    readonly 'color.background.accent.purple.subtle': "#9F8FEF";
+    readonly 'color.background.accent.purple.bolder': "#6E5DC6";
+    readonly 'color.background.accent.purple': "#DFD8FD";
+    readonly 'color.background.accent.purple.bold': "#9F8FEF";
+    readonly 'color.background.accent.magenta.subtlest': "#FFECF8";
+    readonly 'color.background.accent.magenta.subtler': "#FDD0EC";
+    readonly 'color.background.accent.magenta.subtle': "#E774BB";
+    readonly 'color.background.accent.magenta.bolder': "#AE4787";
+    readonly 'color.background.accent.magenta': "#FDD0EC";
+    readonly 'color.background.accent.magenta.bold': "#E774BB";
+    readonly 'color.background.accent.gray.subtlest': "#F1F2F4";
+    readonly 'color.background.accent.gray.subtler': "#DCDFE4";
+    readonly 'color.background.accent.gray.subtle': "#8993A5";
+    readonly 'color.background.accent.gray.bolder': "#626F86";
+    readonly 'color.background.disabled': "#091E4208";
+    readonly 'color.background.inverse.subtle': "#00000029";
+    readonly 'color.background.inverse.subtle.hovered': "#0000003D";
+    readonly 'color.background.inverse.subtle.pressed': "#00000052";
+    readonly 'color.background.inverse': "#FFFFFF29";
+    readonly 'color.background.input': "#FFFFFF";
+    readonly 'color.background.input.hovered': "#F7F8F9";
+    readonly 'color.background.input.pressed': "#FFFFFF";
+    readonly 'color.background.neutral': "#091E420F";
+    readonly 'color.background.neutral.hovered': "#091E4224";
+    readonly 'color.background.neutral.pressed': "#091E424F";
+    readonly 'color.background.neutral.subtle': "#00000000";
+    readonly 'color.background.neutral.subtle.hovered': "#091E420F";
+    readonly 'color.background.neutral.subtle.pressed': "#091E4224";
+    readonly 'color.background.neutral.bold': "#44546F";
+    readonly 'color.background.neutral.bold.hovered': "#2C3E5D";
+    readonly 'color.background.neutral.bold.pressed': "#172B4D";
+    readonly 'color.background.brand.bold': "#0C66E4";
+    readonly 'color.background.brand.bold.hovered': "#0055CC";
+    readonly 'color.background.brand.bold.pressed': "#09326C";
+    readonly 'color.background.brand': "#E9F2FF";
+    readonly 'color.background.brand.hovered': "#CCE0FF";
+    readonly 'color.background.brand.pressed': "#85B8FF";
+    readonly 'color.background.selected': "#E9F2FF";
+    readonly 'color.background.selected.hovered': "#CCE0FF";
+    readonly 'color.background.selected.pressed': "#85B8FF";
+    readonly 'color.background.selected.bold': "#0C66E4";
+    readonly 'color.background.selected.bold.hovered': "#0055CC";
+    readonly 'color.background.selected.bold.pressed': "#09326C";
+    readonly 'color.background.selected.resting': "#E9F2FF";
+    readonly 'color.background.selected.hover': "#CCE0FF";
+    readonly 'color.background.danger': "#FFEDEB";
+    readonly 'color.background.danger.hovered': "#FFD2CC";
+    readonly 'color.background.danger.pressed': "#FF9C8F";
+    readonly 'color.background.danger.bold': "#CA3521";
+    readonly 'color.background.danger.bold.hovered': "#AE2A19";
+    readonly 'color.background.danger.bold.pressed': "#601E16";
+    readonly 'color.background.warning': "#FFF7D6";
+    readonly 'color.background.warning.hovered': "#F8E6A0";
+    readonly 'color.background.warning.pressed': "#F5CD47";
+    readonly 'color.background.warning.bold': "#E2B203";
+    readonly 'color.background.warning.bold.hovered': "#CF9F02";
+    readonly 'color.background.warning.bold.pressed': "#B38600";
+    readonly 'color.background.success': "#DFFCF0";
+    readonly 'color.background.success.hovered': "#BAF3DB";
+    readonly 'color.background.success.pressed': "#7EE2B8";
+    readonly 'color.background.success.bold': "#1F845A";
+    readonly 'color.background.success.bold.hovered': "#216E4E";
+    readonly 'color.background.success.bold.pressed': "#164B35";
+    readonly 'color.background.discovery': "#F3F0FF";
+    readonly 'color.background.discovery.hovered': "#DFD8FD";
+    readonly 'color.background.discovery.pressed': "#B8ACF6";
+    readonly 'color.background.discovery.bold': "#6E5DC6";
+    readonly 'color.background.discovery.bold.hovered': "#5E4DB2";
+    readonly 'color.background.discovery.bold.pressed': "#352C63";
+    readonly 'color.background.information': "#E9F2FF";
+    readonly 'color.background.information.hovered': "#CCE0FF";
+    readonly 'color.background.information.pressed': "#85B8FF";
+    readonly 'color.background.information.bold': "#0C66E4";
+    readonly 'color.background.information.bold.hovered': "#0055CC";
+    readonly 'color.background.information.bold.pressed': "#09326C";
+    readonly 'color.background.blanket': "#091E427A";
+    readonly 'color.background.boldBrand.hover': "#0055CC";
+    readonly 'color.background.boldBrand.pressed': "#09326C";
+    readonly 'color.background.boldBrand.resting': "#0C66E4";
+    readonly 'color.background.boldDanger.hover': "#AE2A19";
+    readonly 'color.background.boldDanger.pressed': "#601E16";
+    readonly 'color.background.boldDanger.resting': "#CA3521";
+    readonly 'color.background.boldDiscovery.hover': "#5E4DB2";
+    readonly 'color.background.boldDiscovery.pressed': "#352C63";
+    readonly 'color.background.boldDiscovery.resting': "#6E5DC6";
+    readonly 'color.background.boldNeutral.hover': "#2C3E5D";
+    readonly 'color.background.boldNeutral.pressed': "#172B4D";
+    readonly 'color.background.boldNeutral.resting': "#44546F";
+    readonly 'color.background.boldSuccess.hover': "#216E4E";
+    readonly 'color.background.boldSuccess.pressed': "#164B35";
+    readonly 'color.background.boldSuccess.resting': "#1F845A";
+    readonly 'color.background.boldWarning.hover': "#CF9F02";
+    readonly 'color.background.boldWarning.pressed': "#B38600";
+    readonly 'color.background.boldWarning.resting': "#E2B203";
+    readonly 'color.background.card': "#FFFFFF";
+    readonly 'color.background.default': "#FFFFFF";
+    readonly 'color.background.overlay': "#FFFFFF";
+    readonly 'color.background.subtleBorderedNeutral.pressed': "#091E420F";
+    readonly 'color.background.subtleBorderedNeutral.resting': "#091E4208";
+    readonly 'color.background.subtleBrand.hover': "#CCE0FF";
+    readonly 'color.background.subtleBrand.pressed': "#85B8FF";
+    readonly 'color.background.subtleBrand.resting': "#E9F2FF";
+    readonly 'color.background.subtleDanger.hover': "#FFD2CC";
+    readonly 'color.background.subtleDanger.pressed': "#FF9C8F";
+    readonly 'color.background.subtleDanger.resting': "#FFEDEB";
+    readonly 'color.background.subtleDiscovery.hover': "#DFD8FD";
+    readonly 'color.background.subtleDiscovery.pressed': "#B8ACF6";
+    readonly 'color.background.subtleDiscovery.resting': "#F3F0FF";
+    readonly 'color.background.subtleNeutral.hover': "#091E4224";
+    readonly 'color.background.subtleNeutral.pressed': "#091E424F";
+    readonly 'color.background.subtleNeutral.resting': "#091E420F";
+    readonly 'color.background.subtleSuccess.hover': "#BAF3DB";
+    readonly 'color.background.subtleSuccess.pressed': "#7EE2B8";
+    readonly 'color.background.subtleSuccess.resting': "#DFFCF0";
+    readonly 'color.background.subtleWarning.hover': "#F8E6A0";
+    readonly 'color.background.subtleWarning.pressed': "#F5CD47";
+    readonly 'color.background.subtleWarning.resting': "#FFF7D6";
+    readonly 'color.background.sunken': "#091E4208";
+    readonly 'color.background.transparentNeutral.hover': "#091E420F";
+    readonly 'color.background.transparentNeutral.pressed': "#091E4224";
+    readonly 'color.blanket': "#091E427A";
+    readonly 'color.blanket.selected': "#388BFF14";
+    readonly 'color.blanket.danger': "#EF5C4814";
+    readonly 'color.interaction.hovered': "#00000029";
+    readonly 'color.interaction.pressed': "#00000052";
+    readonly 'color.interaction.inverse.hovered': "#00000029";
+    readonly 'color.interaction.inverse.pressed': "#00000052";
+    readonly 'color.skeleton': "#091E420F";
+    readonly 'color.skeleton.subtle': "#091E4208";
+    readonly 'color.link': "#0C66E4";
+    readonly 'color.link.pressed': "#0055CC";
+    readonly 'color.accent.boldBlue': "#579DFF";
+    readonly 'color.accent.boldGreen': "#4BCE97";
+    readonly 'color.accent.boldOrange': "#FAA53D";
+    readonly 'color.accent.boldPurple': "#9F8FEF";
+    readonly 'color.accent.boldRed': "#F87462";
+    readonly 'color.accent.boldTeal': "#60C6D2";
+    readonly 'color.accent.subtleBlue': "#CCE0FF";
+    readonly 'color.accent.subtleGreen': "#BAF3DB";
+    readonly 'color.accent.subtleMagenta': "#FDD0EC";
+    readonly 'color.accent.subtleOrange': "#FFE2BD";
+    readonly 'color.accent.subtlePurple': "#DFD8FD";
+    readonly 'color.accent.subtleRed': "#FFD2CC";
+    readonly 'color.accent.subtleTeal': "#C1F0F5";
+    readonly 'color.iconBorder.brand': "#1D7AFC";
+    readonly 'color.iconBorder.danger': "#E34935";
+    readonly 'color.iconBorder.discovery': "#8270DB";
+    readonly 'color.iconBorder.success': "#22A06B";
+    readonly 'color.iconBorder.warning': "#D97008";
+    readonly 'color.overlay.hover': "#091E424F";
+    readonly 'color.overlay.pressed': "#091E427A";
+    readonly 'shadow.card': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
+    readonly 'shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
+    readonly 'elevation.shadow.raised': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
+    readonly 'elevation.shadow.overflow': "0px 8px 8px #091E4214, 0px 0px 1px #091E421F";
+    readonly 'elevation.shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
+    readonly 'elevation.surface': "#FFFFFF";
+    readonly 'elevation.surface.hovered': "#F1F2F4";
+    readonly 'elevation.surface.pressed': "#DCDFE4";
+    readonly 'elevation.surface.sunken': "#F7F8F9";
+    readonly 'elevation.surface.raised': "#FFFFFF";
+    readonly 'elevation.surface.raised.hovered': "#F1F2F4";
+    readonly 'elevation.surface.raised.pressed': "#DCDFE4";
+    readonly 'elevation.surface.overlay': "#FFFFFF";
+    readonly 'elevation.surface.overlay.hovered': "#F1F2F4";
+    readonly 'elevation.surface.overlay.pressed': "#DCDFE4";
+    readonly 'opacity.disabled': "0.4";
+    readonly 'opacity.loading': "0.2";
+    readonly 'utility.UNSAFE_util.transparent': "transparent";
+    readonly 'utility.UNSAFE_util.MISSING_TOKEN': "#FA11F2";
+};
+export default defaultTokenValues;