@atlaskit/tokens 0.5.0 → 0.6.0

package/dist/cjs/artifacts/types-internal.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/get-token.js

@@ -7,14 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
+
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 
+var name = "@atlaskit/tokens";
+var version = "0.6.0";
+
 function token(path, fallback) {
-  if (process.env.NODE_ENV !== 'production' && !_tokenNames.default[path]) {
-    throw new Error("Unknown token at path: ".concat(path));
+  var token = _tokenNames.default[path];
+
+  if (process.env.NODE_ENV !== 'production' && !token) {
+    (0, _warnOnce.default)("Unknown token id at path: ".concat(path, " for ").concat(name, "@").concat(version));
+    token = _tokenNames.default['utility.UNSAFE_util.MISSING_TOKEN'];
   }
 
-  var token = _tokenNames.default[path];
   var tokenCall = fallback ? "var(".concat(token, ", ").concat(fallback, ")") : "var(".concat(token, ")");
   return tokenCall;
 }

package/dist/cjs/tokens/atlassian-dark/color/accent.js

@@ -6,45 +6,156 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var color = {
   color: {
-    accent: {
-      boldBlue: {
-        value: 'B700'
-      },
-      boldGreen: {
-        value: 'G700'
-      },
-      boldOrange: {
-        value: 'O700'
-      },
-      boldPurple: {
-        value: 'P700'
-      },
-      boldRed: {
-        value: 'R700'
-      },
-      boldTeal: {
-        value: 'T700'
-      },
-      subtleBlue: {
-        value: 'B900'
-      },
-      subtleGreen: {
-        value: 'G900'
-      },
-      subtleMagenta: {
-        value: 'M900'
-      },
-      subtleOrange: {
-        value: 'O900'
-      },
-      subtlePurple: {
-        value: 'P900'
-      },
-      subtleRed: {
-        value: 'R900'
-      },
-      subtleTeal: {
-        value: 'T900'
+    text: {
+      accent: {
+        blue: {
+          value: 'B300'
+        },
+        red: {
+          value: 'R300'
+        },
+        orange: {
+          value: 'O300'
+        },
+        yellow: {
+          value: 'Y300'
+        },
+        green: {
+          value: 'G300'
+        },
+        purple: {
+          value: 'P300'
+        },
+        teal: {
+          value: 'T300'
+        },
+        magenta: {
+          value: 'M300'
+        }
+      }
+    },
+    icon: {
+      accent: {
+        blue: {
+          value: 'B500'
+        },
+        red: {
+          value: 'R500'
+        },
+        orange: {
+          value: 'O500'
+        },
+        yellow: {
+          value: 'Y500'
+        },
+        green: {
+          value: 'G500'
+        },
+        purple: {
+          value: 'P500'
+        },
+        teal: {
+          value: 'T500'
+        },
+        magenta: {
+          value: 'M500'
+        }
+      }
+    },
+    border: {
+      accent: {
+        blue: {
+          value: 'B500'
+        },
+        red: {
+          value: 'R500'
+        },
+        orange: {
+          value: 'O500'
+        },
+        yellow: {
+          value: 'Y500'
+        },
+        green: {
+          value: 'G500'
+        },
+        purple: {
+          value: 'P500'
+        },
+        teal: {
+          value: 'T500'
+        },
+        magenta: {
+          value: 'M500'
+        }
+      }
+    },
+    background: {
+      accent: {
+        blue: {
+          '[default]': {
+            value: 'B900'
+          },
+          bold: {
+            value: 'B700'
+          }
+        },
+        red: {
+          '[default]': {
+            value: 'R900'
+          },
+          bold: {
+            value: 'R700'
+          }
+        },
+        orange: {
+          '[default]': {
+            value: 'O900'
+          },
+          bold: {
+            value: 'O700'
+          }
+        },
+        yellow: {
+          '[default]': {
+            value: 'Y900'
+          },
+          bold: {
+            value: 'Y700'
+          }
+        },
+        green: {
+          '[default]': {
+            value: 'G900'
+          },
+          bold: {
+            value: 'G700'
+          }
+        },
+        purple: {
+          '[default]': {
+            value: 'P900'
+          },
+          bold: {
+            value: 'P700'
+          }
+        },
+        teal: {
+          '[default]': {
+            value: 'T900'
+          },
+          bold: {
+            value: 'T700'
+          }
+        },
+        magenta: {
+          '[default]': {
+            value: 'M900'
+          },
+          bold: {
+            value: 'M700'
+          }
+        }
       }
     }
   }

package/dist/cjs/tokens/atlassian-dark/color/background.js

@@ -6,182 +6,206 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var color = {
   color: {
+    blanket: {
+      value: 'DN-100A'
+    },
     background: {
-      sunken: {
-        value: 'DN-100A'
-      },
-      default: {
-        value: 'DN0'
-      },
-      card: {
-        value: 'DN100'
-      },
-      overlay: {
-        value: 'DN200'
-      },
-      selected: {
-        resting: {
-          value: 'DN200A'
-        },
-        hover: {
-          value: 'DN300A'
-        },
-        pressed: {
-          value: 'DN400A'
-        }
-      },
-      blanket: {
-        value: 'DN-100A'
-      },
       disabled: {
         value: 'DN200A'
       },
-      boldBrand: {
-        resting: {
-          value: 'B400'
-        },
-        hover: {
-          value: 'B300'
-        },
-        pressed: {
-          value: 'B200'
-        }
+      // @ts-ignore temporary value
+      inverse: {
+        value: '#ffffff33'
       },
-      subtleBrand: {
-        resting: {
-          value: 'B1000'
-        },
-        hover: {
-          value: 'B900'
-        },
-        pressed: {
-          value: 'B800'
-        }
-      },
-      boldDanger: {
-        resting: {
-          value: 'R400'
-        },
-        hover: {
-          value: 'R300'
-        },
-        pressed: {
-          value: 'R200'
-        }
-      },
-      subtleDanger: {
-        resting: {
-          value: 'R1000'
-        },
-        hover: {
-          value: 'R900'
-        },
-        pressed: {
-          value: 'R800'
-        }
-      },
-      boldWarning: {
-        resting: {
-          value: 'Y400'
-        },
-        hover: {
-          value: 'Y300'
-        },
-        pressed: {
-          value: 'Y200'
-        }
-      },
-      subtleWarning: {
-        resting: {
-          value: 'Y1000'
-        },
-        hover: {
-          value: 'Y900'
-        },
-        pressed: {
-          value: 'Y800'
-        }
-      },
-      boldSuccess: {
-        resting: {
-          value: 'G400'
+      input: {
+        '[default]': {
+          value: 'DN100A'
         },
-        hover: {
-          value: 'G300'
+        hovered: {
+          value: 'DN0'
         },
         pressed: {
-          value: 'G200'
+          value: 'DN200A'
         }
       },
-      subtleSuccess: {
-        resting: {
-          value: 'G1000'
-        },
-        hover: {
-          value: 'G900'
-        },
-        pressed: {
-          value: 'G800'
+      neutral: {
+        '[default]': {
+          '[default]': {
+            value: 'DN200A'
+          },
+          hovered: {
+            value: 'DN300A'
+          },
+          pressed: {
+            value: 'DN400A'
+          }
+        },
+        subtle: {
+          // @ts-ignore temporary value
+          '[default]': {
+            value: 'transparent'
+          },
+          hovered: {
+            value: 'DN200A'
+          },
+          pressed: {
+            value: 'DN300A'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'DN800'
+          },
+          hovered: {
+            value: 'DN900'
+          },
+          pressed: {
+            value: 'DN1000'
+          }
         }
       },
-      boldDiscovery: {
-        resting: {
-          value: 'P400'
-        },
-        hover: {
-          value: 'P300'
-        },
-        pressed: {
-          value: 'P200'
+      brand: {
+        '[default]': {
+          '[default]': {
+            value: 'DN200A'
+          },
+          hovered: {
+            value: 'DN300A'
+          },
+          pressed: {
+            value: 'DN400A'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'B400'
+          },
+          hovered: {
+            value: 'B300'
+          },
+          pressed: {
+            value: 'B200'
+          }
         }
       },
-      subtleDiscovery: {
-        resting: {
-          value: 'P1000'
-        },
-        hover: {
-          value: 'P900'
-        },
-        pressed: {
-          value: 'P800'
+      danger: {
+        '[default]': {
+          '[default]': {
+            value: 'R1000'
+          },
+          hovered: {
+            value: 'R900'
+          },
+          pressed: {
+            value: 'R800'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'R400'
+          },
+          hovered: {
+            value: 'R300'
+          },
+          pressed: {
+            value: 'R200'
+          }
         }
       },
-      boldNeutral: {
-        resting: {
-          value: 'DN800'
-        },
-        hover: {
-          value: 'DN900'
-        },
-        pressed: {
-          value: 'DN1000'
+      warning: {
+        '[default]': {
+          '[default]': {
+            value: 'Y1000'
+          },
+          hovered: {
+            value: 'Y900'
+          },
+          pressed: {
+            value: 'Y800'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'Y400'
+          },
+          hovered: {
+            value: 'Y300'
+          },
+          pressed: {
+            value: 'Y200'
+          }
         }
       },
-      transparentNeutral: {
-        hover: {
-          value: 'DN200A'
-        },
-        pressed: {
-          value: 'DN300A'
+      success: {
+        '[default]': {
+          '[default]': {
+            value: 'G1000'
+          },
+          hovered: {
+            value: 'G900'
+          },
+          pressed: {
+            value: 'G800'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'G400'
+          },
+          hovered: {
+            value: 'G300'
+          },
+          pressed: {
+            value: 'G200'
+          }
         }
       },
-      subtleNeutral: {
-        resting: {
-          value: 'DN200A'
-        },
-        hover: {
-          value: 'DN300A'
-        },
-        pressed: {
-          value: 'DN400A'
+      discovery: {
+        '[default]': {
+          '[default]': {
+            value: 'P1000'
+          },
+          hovered: {
+            value: 'P900'
+          },
+          pressed: {
+            value: 'P800'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'P400'
+          },
+          hovered: {
+            value: 'P300'
+          },
+          pressed: {
+            value: 'P200'
+          }
         }
       },
-      subtleBorderedNeutral: {
-        resting: {
-          value: 'DN100A'
-        },
-        pressed: {
-          value: 'DN200A'
+      information: {
+        '[default]': {
+          '[default]': {
+            value: 'B1000'
+          },
+          hovered: {
+            value: 'B900'
+          },
+          pressed: {
+            value: 'B800'
+          }
+        },
+        bold: {
+          '[default]': {
+            value: 'B400'
+          },
+          hovered: {
+            value: 'B300'
+          },
+          pressed: {
+            value: 'B200'
+          }
         }
       }
     }

package/dist/cjs/tokens/atlassian-dark/color/border.js

@@ -7,11 +7,35 @@ exports.default = void 0;
 var color = {
   color: {
     border: {
-      focus: {
+      '[default]': {
+        value: 'DN300A'
+      },
+      focused: {
         value: 'B300'
       },
-      neutral: {
+      input: {
         value: 'DN300A'
+      },
+      disabled: {
+        value: 'DN200A'
+      },
+      brand: {
+        value: 'B400'
+      },
+      danger: {
+        value: 'R500'
+      },
+      warning: {
+        value: 'Y500'
+      },
+      success: {
+        value: 'G500'
+      },
+      discovery: {
+        value: 'P500'
+      },
+      information: {
+        value: 'B500'
       }
     }
   }

package/dist/cjs/tokens/atlassian-dark/color/icon.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var color = {
+  color: {
+    icon: {
+      '[default]': {
+        value: 'DN800'
+      },
+      subtle: {
+        value: 'DN700'
+      },
+      inverse: {
+        value: 'DN0'
+      },
+      disabled: {
+        value: 'DN500'
+      },
+      brand: {
+        value: 'B400'
+      },
+      danger: {
+        value: 'R500'
+      },
+      warning: {
+        '[default]': {
+          value: 'Y500'
+        },
+        inverse: {
+          value: 'DN0'
+        }
+      },
+      success: {
+        value: 'G500'
+      },
+      discovery: {
+        value: 'P500'
+      },
+      information: {
+        value: 'B500'
+      }
+    }
+  }
+};
+var _default = color;
+exports.default = _default;

package/dist/cjs/tokens/atlassian-dark/color/interaction.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var color = {
+  color: {
+    interaction: {
+      hovered: {
+        // @ts-ignore temporary values
+        value: '#00000029'
+      },
+      pressed: {
+        // @ts-ignore temporary values
+        value: '#00000052'
+      },
+      inverse: {
+        hovered: {
+          // @ts-ignore temporary values
+          value: '#ffffff33'
+        },
+        pressed: {
+          // @ts-ignore temporary values
+          value: '#ffffff5c'
+        }
+      }
+    }
+  }
+};
+var _default = color;
+exports.default = _default;