@atlaskit/tokens 0.10.20 → 0.10.22

package/dist/types-ts4.0/utils/token-ids.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Transforms a style dictionary token path to a CSS custom property.
+ *
+ * A css prefix will be prepended and all [default] key words will be omitted
+ * from the path
+ *
+ * @example <caption>Passing a path as an array</caption>
+ * // Returns ds-background-bold
+ * getCSSCustomProperty(['color', 'background', 'bold', '[default]'])
+ *
+ * @example <caption>Passing a path as a string</caption>
+ * // Returns ds-background-bold
+ * getCSSCustomProperty('color.background.bold.[default]')
+ */
+export declare const getCSSCustomProperty: (path: string | string[]) => string;
+/**
+ * Transforms a style dictionary token path to a shorthand token id
+ * These ids will be typically be how tokens are interacted with via typescript and css
+ *
+ * All [default] key words will be omitted from the path
+ *
+ * @example <caption>Passing a path as an array</caption>
+ * // Returns color.background.bold
+ * getTokenId(['color', 'background', 'bold', '[default]'])
+ *
+ * @example <caption>Passing a path as a string</caption>
+ * // Returns color.background.bold
+ * getTokenId('color.background.bold.[default]')
+ */
+export declare const getTokenId: (path: string | string[]) => string;
+/**
+ * Transforms a style dictionary token path to a fully qualified token id
+ * These Ids are intended to be used internal to this package by style-dictionary
+ *
+ * [default] key words will NOT be omitted from the path
+ *
+ * @example <caption>Passing a path as a string</caption>
+ * // Returns color.background.bold.[default]
+ * getFullyQualifiedTokenId(['color', 'background', 'bold', '[default]'])
+ */
+export declare const getFullyQualifiedTokenId: (path: string[]) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.10.20",
+  "version": "0.10.22",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -21,6 +21,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": [
     "**/*.css"
   ],
@@ -40,8 +47,7 @@
   "scripts": {
     "ak-postbuild": "cd ../../../ && yarn build @af/codegen && cd packages/design-system/tokens && yarn codegen-tokens && yarn check-clean-git",
     "check-clean-git": "git diff --exit-code -- packages/design-system/tokens/ || (echo 'tokens are out of date, run yarn build tokens' && false)",
-    "codegen-tokens": "ts-node --project ../../../tsconfig.node.json ./scripts/style-dictionary/build",
-    "build-chrome-extension": "yarn --cwd tokens-browser-extension build-chrome-extension"
+    "codegen-tokens": "ts-node --project ../../../tsconfig.node.json ./scripts/style-dictionary/build"
   },
   "dependencies": {
     "@atlaskit/ds-lib": "^2.1.0",
@@ -65,7 +71,7 @@
     "@atlaskit/dynamic-table": "^14.8.0",
     "@atlaskit/empty-state": "^7.4.0",
     "@atlaskit/focus-ring": "^1.0.0",
-    "@atlaskit/heading": "*",
+    "@atlaskit/heading": "^0.1.16",
     "@atlaskit/icon": "^21.10.2",
     "@atlaskit/lozenge": "^11.2.0",
     "@atlaskit/modal-dialog": "^12.3.0",
@@ -82,8 +88,8 @@
     "@emotion/react": "^11.7.1",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^1.1.0",
-    "@testing-library/user-event": "^13.5.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.4.3",
     "@types/chrome": "^0.0.171",
     "copy-webpack-plugin": "^6.4.0",
     "fuse.js": "^6.6.2",
@@ -91,8 +97,8 @@
     "prettier": "^2.1.1",
     "react": "^16.8.0",
     "style-dictionary": "^3.0.0",
-    "ts-node": "^10.0.0",
-    "typescript": "4.3.5"
+    "ts-node": "^10.9.1",
+    "typescript": "4.5.5"
   },
   "techstack": {
     "@atlassian/frontend": {

package/palettes-raw/package.json

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

package/rename-mapping/package.json

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

package/token-ids/package.json

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

package/token-names/package.json

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