@atlaskit/tokens 0.4.0 → 0.6.0

package/dist/types/types.d.ts

@@ -1,9 +1,9 @@
-import { ActiveTokens } from './artifacts/types';
+import { InternalTokenIds } from './artifacts/types-internal';
 export declare type Groups = 'raw' | 'paint' | 'shadow' | 'palette';
 export declare type ActiveTokenStates = 'active';
 export declare type ReplacedTokenStates = 'deprecated' | 'deleted';
 export declare type TokenState = ActiveTokenStates | ReplacedTokenStates;
-export declare type Replacement = ActiveTokens[];
+export declare type Replacement = InternalTokenIds | InternalTokenIds[];
 export interface Token<TValue, Group extends Groups> {
     value: TValue;
     attributes: {
@@ -186,6 +186,295 @@ export interface PaletteColorTokenSchema {
 }
 export interface BackgroundColorTokenSchema {
     color: {
+        blanket: PaintToken;
+        background: {
+            disabled: PaintToken;
+            inverse: PaintToken;
+            input: {
+                '[default]': PaintToken;
+                hovered: PaintToken;
+                pressed: PaintToken;
+            };
+            neutral: {
+                '[default]': {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+                subtle: {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+                bold: {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+            };
+            brand: {
+                '[default]': {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+                bold: {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+            };
+            danger: {
+                '[default]': {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+                bold: {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+            };
+            warning: {
+                '[default]': {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+                bold: {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+            };
+            success: {
+                '[default]': {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+                bold: {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+            };
+            discovery: {
+                '[default]': {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+                bold: {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+            };
+            information: {
+                '[default]': {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+                bold: {
+                    '[default]': PaintToken;
+                    hovered: PaintToken;
+                    pressed: PaintToken;
+                };
+            };
+        };
+    };
+}
+export interface BorderColorTokenSchema {
+    color: {
+        border: {
+            '[default]': PaintToken;
+            focused: PaintToken;
+            input: PaintToken;
+            disabled: PaintToken;
+            brand: PaintToken;
+            danger: PaintToken;
+            warning: PaintToken;
+            success: PaintToken;
+            discovery: PaintToken;
+            information: PaintToken;
+        };
+    };
+}
+export interface IconColorTokenSchema {
+    color: {
+        icon: {
+            '[default]': PaintToken;
+            subtle: PaintToken;
+            inverse: PaintToken;
+            disabled: PaintToken;
+            brand: PaintToken;
+            danger: PaintToken;
+            warning: {
+                '[default]': PaintToken;
+                inverse: PaintToken;
+            };
+            success: PaintToken;
+            discovery: PaintToken;
+            information: PaintToken;
+        };
+    };
+}
+export interface TextColorTokenSchema {
+    color: {
+        text: {
+            '[default]': PaintToken;
+            subtle: PaintToken;
+            subtlest: PaintToken;
+            inverse: PaintToken;
+            brand: PaintToken;
+            danger: PaintToken;
+            warning: {
+                '[default]': PaintToken;
+                inverse: PaintToken;
+            };
+            success: PaintToken;
+            information: PaintToken;
+            discovery: PaintToken;
+            disabled: PaintToken;
+        };
+        link: {
+            '[default]': PaintToken;
+            pressed: PaintToken;
+        };
+    };
+}
+export interface AccentColorTokenSchema {
+    color: {
+        text: {
+            accent: {
+                blue: PaintToken;
+                red: PaintToken;
+                orange: PaintToken;
+                yellow: PaintToken;
+                green: PaintToken;
+                purple: PaintToken;
+                teal: PaintToken;
+                magenta: PaintToken;
+            };
+        };
+        icon: {
+            accent: {
+                blue: PaintToken;
+                red: PaintToken;
+                orange: PaintToken;
+                yellow: PaintToken;
+                green: PaintToken;
+                purple: PaintToken;
+                teal: PaintToken;
+                magenta: PaintToken;
+            };
+        };
+        border: {
+            accent: {
+                blue: PaintToken;
+                red: PaintToken;
+                orange: PaintToken;
+                yellow: PaintToken;
+                green: PaintToken;
+                purple: PaintToken;
+                teal: PaintToken;
+                magenta: PaintToken;
+            };
+        };
+        background: {
+            accent: {
+                blue: {
+                    '[default]': PaintToken;
+                    bold: PaintToken;
+                };
+                red: {
+                    '[default]': PaintToken;
+                    bold: PaintToken;
+                };
+                orange: {
+                    '[default]': PaintToken;
+                    bold: PaintToken;
+                };
+                yellow: {
+                    '[default]': PaintToken;
+                    bold: PaintToken;
+                };
+                green: {
+                    '[default]': PaintToken;
+                    bold: PaintToken;
+                };
+                teal: {
+                    '[default]': PaintToken;
+                    bold: PaintToken;
+                };
+                purple: {
+                    '[default]': PaintToken;
+                    bold: PaintToken;
+                };
+                magenta: {
+                    '[default]': PaintToken;
+                    bold: PaintToken;
+                };
+            };
+        };
+    };
+}
+export interface InteractionColorTokenSchema {
+    color: {
+        interaction: {
+            pressed: PaintToken;
+            hovered: PaintToken;
+            inverse: {
+                pressed: PaintToken;
+                hovered: PaintToken;
+            };
+        };
+    };
+}
+export interface UtilTokenSchema {
+    UNSAFE_util: {
+        transparent: RawToken;
+        MISSING_TOKEN: RawToken;
+    };
+}
+export interface SurfaceTokenSchema {
+    elevation: {
+        surface: {
+            '[default]': PaintToken;
+            sunken: PaintToken;
+            raised: PaintToken;
+            overlay: PaintToken;
+        };
+    };
+}
+export interface ShadowTokenSchema {
+    elevation: {
+        shadow: {
+            raised: ShadowToken;
+            overlay: ShadowToken;
+        };
+    };
+}
+export interface DeprecatedTokenSchema {
+    color: {
+        accent: {
+            boldBlue: PaintToken;
+            boldGreen: PaintToken;
+            boldOrange: PaintToken;
+            boldPurple: PaintToken;
+            boldRed: PaintToken;
+            boldTeal: PaintToken;
+            subtleBlue: PaintToken;
+            subtleRed: PaintToken;
+            subtleGreen: PaintToken;
+            subtleOrange: PaintToken;
+            subtleTeal: PaintToken;
+            subtlePurple: PaintToken;
+            subtleMagenta: PaintToken;
+        };
         background: {
             default: PaintToken;
             sunken: PaintToken;
@@ -196,7 +485,6 @@ export interface BackgroundColorTokenSchema {
                 hover: PaintToken;
                 pressed: PaintToken;
             };
-            disabled: PaintToken;
             blanket: PaintToken;
             boldBrand: {
                 resting: PaintToken;
@@ -267,18 +555,10 @@ export interface BackgroundColorTokenSchema {
                 pressed: PaintToken;
             };
         };
-    };
-}
-export interface BorderColorTokenSchema {
-    color: {
         border: {
             focus: PaintToken;
             neutral: PaintToken;
         };
-    };
-}
-export interface IconBorderColorTokenSchema {
-    color: {
         iconBorder: {
             brand: PaintToken;
             danger: PaintToken;
@@ -286,10 +566,6 @@ export interface IconBorderColorTokenSchema {
             success: PaintToken;
             discovery: PaintToken;
         };
-    };
-}
-export interface TextColorTokenSchema {
-    color: {
         text: {
             selected: PaintToken;
             highEmphasis: PaintToken;
@@ -301,54 +577,18 @@ export interface TextColorTokenSchema {
                 resting: PaintToken;
                 pressed: PaintToken;
             };
-            brand: PaintToken;
-            warning: PaintToken;
-            danger: PaintToken;
-            success: PaintToken;
-            discovery: PaintToken;
-            disabled: PaintToken;
         };
-    };
-}
-export interface AccentColorTokenSchema {
-    color: {
-        accent: {
-            boldBlue: PaintToken;
-            boldGreen: PaintToken;
-            boldOrange: PaintToken;
-            boldPurple: PaintToken;
-            boldRed: PaintToken;
-            boldTeal: PaintToken;
-            subtleBlue: PaintToken;
-            subtleRed: PaintToken;
-            subtleGreen: PaintToken;
-            subtleOrange: PaintToken;
-            subtleTeal: PaintToken;
-            subtlePurple: PaintToken;
-            subtleMagenta: PaintToken;
-        };
-    };
-}
-export interface OverlayColorTokenSchema {
-    color: {
         overlay: {
             pressed: PaintToken;
             hover: PaintToken;
         };
     };
-}
-export interface ShadowTokenSchema {
     shadow: {
         card: ShadowToken;
         overlay: ShadowToken;
     };
 }
-export interface UtilTokenSchema {
-    UNSAFE_util: {
-        transparent: RawToken;
-        MISSING_TOKEN: RawToken;
-    };
-}
-export declare type ColorTokenSchema = BackgroundColorTokenSchema & BorderColorTokenSchema & IconBorderColorTokenSchema & TextColorTokenSchema & AccentColorTokenSchema & UtilTokenSchema;
-export declare type TokenSchema = PaletteColorTokenSchema & ColorTokenSchema & ShadowTokenSchema;
+export declare type ElevationTokenSchema = SurfaceTokenSchema & ShadowTokenSchema;
+export declare type ColorTokenSchema = BackgroundColorTokenSchema & BorderColorTokenSchema & IconColorTokenSchema & TextColorTokenSchema & AccentColorTokenSchema & UtilTokenSchema;
+export declare type TokenSchema = PaletteColorTokenSchema & ColorTokenSchema & ElevationTokenSchema;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "author": "Atlassian Pty Ltd",
   "description": "Tokens are a single source of truth to name and store Atlassian design decisions.",
   "license": "Apache-2.0",
@@ -22,7 +22,8 @@
     ".": "./src/index.tsx",
     "./token-names": "./src/entry-points/token-names.tsx",
     "./rename-mapping": "./src/entry-points/rename-mapping.tsx",
-    "./babel-plugin": "./src/entry-points/babel-plugin.tsx"
+    "./babel-plugin": "./src/entry-points/babel-plugin.tsx",
+    "./css": "./css"
   },
   "scripts": {
     "ak-postbuild": "yarn codegen-tokens && yarn check-clean-git",
@@ -30,6 +31,7 @@
     "codegen-tokens": "ts-node --project ../../../tsconfig.node.json ./scripts/style-dictionary/build"
   },
   "dependencies": {
+    "@atlaskit/ds-lib": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "@babel/traverse": "^7.15.0",
     "@babel/types": "^7.15.0"
@@ -41,7 +43,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",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "prettier": "^2.1.1",
     "react": "^16.8.0",
     "style-dictionary": "^3.0.0",
@@ -63,4 +65,4 @@
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}