@atlaskit/tokens 0.10.19 → 0.10.21

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.19",
+  "version": "0.10.21",
   "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"
   ],
@@ -78,11 +85,12 @@
     "@atlaskit/tooltip": "^17.5.7",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@babel/core": "^7.12.3",
+    "@emotion/core": "^10.0.9",
     "@emotion/react": "^11.7.1",
-    "@testing-library/dom": "^7.7.3",
-    "@testing-library/react": "^8.0.1",
-    "@testing-library/react-hooks": "^1.0.4",
-    "@testing-library/user-event": "10.4.0",
+    "@testing-library/dom": "^8.17.1",
+    "@testing-library/react": "^12.1.5",
+    "@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",
@@ -90,8 +98,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"
+      ]
+    }
+  }
 }