td-stylekit 28.25.1 → 28.26.0

package/dist/es/DataGrid/renderers.js

@@ -44,6 +44,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
 
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1d3w5wq",

package/dist/es/DateField/DateField.js

@@ -66,6 +66,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
+
 var dateToString = _DatePicker.DatePickerUtils.dateToString,
     stringToDate = _DatePicker.DatePickerUtils.stringToDate;
 var CLOSE_KEYS = [String.fromCharCode(25), // Gets sent when you press shift+tab with Chrome...

package/dist/es/DatePicker/utils.js

@@ -32,7 +32,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // Make sure moment.js has the required locale data
 
 _moment["default"].locale('en');
 

package/dist/es/DetailPanel/DetailPanel.js

@@ -15,6 +15,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
 
 var DetailPanel = function DetailPanel(_ref) {
   var children = _ref.children,

package/dist/es/Drawer/Drawer.js

@@ -27,6 +27,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
 
 var Drawer = function Drawer(_ref) {
   var _ref$anchor = _ref.anchor,

package/dist/es/DropdownButton/DropdownButtonElements.js

@@ -59,6 +59,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
+
 var focusStyle = {
   '&:focus': {
     outline: 'none'

package/dist/es/FormControl/components/CheckboxGroup.js

@@ -27,6 +27,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
 
 var _ref3 = process.env.NODE_ENV === "production" ? {
   name: "1t8bi0p",

package/dist/es/FormControl/components/RadioGroup.js

@@ -15,6 +15,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
 
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1t8bi0p",

package/dist/es/FormControl/index.js

@@ -15,4 +15,4 @@ var _FormControl = _interopRequireDefault(require("./FormControl"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // eslint-disable-next-line deprecation/deprecation

package/dist/es/FormField/FormField.js

@@ -68,7 +68,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // @TODO: Implement an inline-text type?
+// Add extra input types as needed to FORM_FIELD_TYPES and type FormFieldTypes below
 
 // @TODO: Pass aria-describedby to hint?
 // @TODO: How to handle node label?

package/dist/es/Icon/staticTypes.js

@@ -4,4 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // THIS FILE IS GENERATED BY yarn build:icons:types
+// prettier-ignore

package/dist/es/IconBar/IconBar.js

@@ -39,6 +39,9 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
+
 var StyledIconBar = ( /*#__PURE__*/0, _base["default"])(_Box["default"], process.env.NODE_ENV === "production" ? {
   target: "exca10w1"
 } : {

package/dist/es/IconBar/LogoItem.js

@@ -19,6 +19,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
 
 var LogoItem = function LogoItem(_ref) {
   var logo = _ref.logo,

package/dist/es/Input/Input.js

@@ -374,6 +374,16 @@ var InlineInputComponent = /*#__PURE__*/_react["default"].forwardRef(function (p
     forwardRef: ref
   }));
 });
+/**
+ * This uses a generic plus conditional types to adjust prop types based on the type prop.
+ *
+ * For more info on generics, please read this:
+ * https://dev.to/busypeoples/-notes-on-typescript-react-and-generics-35c9
+ *
+ * For more info on conditional types, please read this:
+ * https://artsy.github.io/blog/2018/11/21/conditional-types-in-typescript/
+ */
+
 
 exports.InlineInputComponent = InlineInputComponent;
 

package/dist/es/Logo/Logo.js

@@ -17,6 +17,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/*
+  Logo component
+*/
 
 function LogoTD(_ref) {
   var className = _ref.className,

package/dist/es/Logo/LogoDark.js

@@ -9,6 +9,11 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/*
+    Logo used in td-crystal - Dark version
+
+    Used in: TD Marketplace
+*/
 
 function LogoDark(_ref) {
   var className = _ref.className,

package/dist/es/Logo/LogoLight.js

@@ -9,6 +9,9 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/*
+    Logo used in td-crystal - Light version
+*/
 
 function LogoLight(_ref) {
   var className = _ref.className,

package/dist/es/Menu/Menu.js

@@ -63,6 +63,35 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/**
+ * Menu
+ * Use with TooltipPopover
+ * Menu will close itself when you click an item
+ * This can be prevented by passing an onClick prop
+ *
+ * Example:
+ *  <Menu>
+ *    <MenuItem onClick={clickA}>Option A</MenuItem>
+ *    <MenuItem onClick={clickB}>Option B</MenuItem>
+ *  <Menu>
+ *
+ * Example with TooltipPopover:
+ *  <TooltipPopover
+ *    placement="bottom"
+ *    trigger='click'
+ *    hideOnClick
+ *    target={buttonRef}
+ *  >
+ *    <Menu>
+ *      <MenuItem onClick={clickA}>Option A</MenuItem>
+ *      <MenuItem onClick={clickB}>Option B</MenuItem>
+ *    </Menu>
+ *  </TooltipPopover>
+ *  <Button {...buttonProps} ref={buttonRef}>Click me!</Button>
+ *
+ *
+ */
+
 var MenuPopover = ( /*#__PURE__*/0, _base["default"])(_Popover["default"], process.env.NODE_ENV === "production" ? {
   target: "e3mwl4e1"
 } : {

package/dist/es/MiddleTruncatedText/MiddleTruncatedText.js

@@ -17,6 +17,16 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/**
+ * If a string of text does not fit within the available width this component truncates it in the middle (eg "abc...xyz").
+ *
+ * Prior art from OS X and its style guide:
+ * https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/OSXHIGuidelines/TerminologyWording.html
+ *   "An ellipsis character can also show that there is more text than there is room to display in a document title or list item.
+ * In general, it’s best to use an ellipsis to take the place of text in the middle of a title or name,
+ * because this preserves the beginning and end of the text, which tend to be the most recognizable parts."
+ */
+
 var Container = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
   target: "e19gaic80"
 } : {

package/dist/es/Modal/components/Header.js

@@ -31,6 +31,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
 
 var Header = function Header(_ref) {
   var _ref$closeTitle = _ref.closeTitle,

package/dist/es/Modal/components/ModalOverlay.js

@@ -23,6 +23,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/**
+ ** This component wraps Reach DialogOverlay and adds css classes and our hotkeys
+ */
 
 function ModalOverlay(_ref) {
   var className = _ref.className,

package/dist/es/MultiSelect/MultiSelect.js

@@ -60,7 +60,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // loosely based on https://github.com/hawkrives/react-list-select
 
 var MultiSelect = /*#__PURE__*/function (_React$Component) {
   _inherits(MultiSelect, _React$Component);

package/dist/es/NavigationBar/LogoItem.js

@@ -15,6 +15,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
 
 var LogoItem = function LogoItem(_ref) {
   var onClick = _ref.onClick;

package/dist/es/NavigationBar/NavigationBar.js

@@ -31,6 +31,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
 
 var Separator = function Separator() {
   return (0, _jsxRuntime.jsx)(_Box["default"], {

package/dist/es/Overlay/OverlayHeader.js

@@ -32,6 +32,9 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
+
 var TREASURE_MENU_CLOSE_ID = 'TREASURE_MENU_CLOSE';
 exports.TREASURE_MENU_CLOSE_ID = TREASURE_MENU_CLOSE_ID;
 var StyledOverlayHeader = ( /*#__PURE__*/0, _base["default"])(_Row["default"], process.env.NODE_ENV === "production" ? {

package/dist/es/Select/components/CreatableSelect.js

@@ -39,6 +39,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// instrumentation is received thru Select and refs
 
 var CreatableReactSelect = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var fillInputFieldOnFocus = props.fillInputFieldOnFocus,

package/dist/es/Select/components/MenuPortal.js

@@ -17,6 +17,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/**
+ * See: https://github.com/JedWatson/react-select/issues/810
+ * This is a fix for the dropdown menu getting cut off by container elements
+ * and provides the always on top menu, like a native select.
+ *
+ * It also gives us a place to add a custom class to the menu container
+ */
+
 var ListContainer = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
   target: "ehp9upq0"
 } : {

package/dist/es/Select/variantProps.js

@@ -45,6 +45,25 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/**
+ * Generate props to render an inline select in the v5 theme.
+ *
+ * Usage:
+ *
+ * ```
+ * <Select
+ *   {...Select.variantProps()}
+ * />
+ * ```
+ */
+
+/**
+ * Overriding MenuPortal for three reasons:
+ * 1. Bump up min width past 100% width of control
+ * 2. Remove margin from ListContainer
+ * 3. Change popover options to prevent flipping
+ */
+
 var ListContainer = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
   target: "eb76rtx2"
 } : {

package/dist/es/Slider/Slider.js

@@ -42,7 +42,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
 // When `elastic` is `true`, this defines how much the slider handles are attracted to steps along the range.
+
 var GRAVITY_STRENGTH = 5;
 var SliderWithTooltip = (0, _rcSlider.createSliderWithTooltip)(_rcSlider.Range);
 

package/dist/es/Slider/elements.js

@@ -15,6 +15,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+
 var Container = ( /*#__PURE__*/0, _base["default"])('span', process.env.NODE_ENV === "production" ? {
   target: "efo2gd22"
 } : {

package/dist/es/Tabs/Tabs.js

@@ -24,7 +24,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // An accesible, keyboard-navigable tabs component. Wraps reachUI's tabs component
+// https://reach.tech/tabs/
 
 var Tabs = function Tabs(_ref) {
   var children = _ref.children,

package/dist/es/Tagger/Tagger.js

@@ -210,7 +210,8 @@ var Tagger = /*#__PURE__*/function (_PureComponent) {
     });
 
     return _this;
-  }
+  } // for backwards compat
+
 
   _createClass(Tagger, [{
     key: "render",

package/dist/es/Tagger/TaggerElements.js

@@ -33,6 +33,9 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
+
 var RemoveLink = ( /*#__PURE__*/0, _base["default"])(_Link["default"], process.env.NODE_ENV === "production" ? {
   target: "egy9vh3"
 } : {

package/dist/es/Tagger/components/PopupSelector.js

@@ -71,6 +71,9 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
+
 var AddLink = Elements.AddLink,
     AddLinkPopover = Elements.AddLinkPopover,
     Header = Elements.Header,
@@ -618,7 +621,9 @@ var PopupSelector = /*#__PURE__*/function (_PureComponent) {
           triggerWidth: (_this$triggerRef$curr4 = this.triggerRef.current) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.offsetWidth
         });
       }
-    }
+    } // keep track of IME state so we know when to ignore keyDown events
+    // more info: https://developer.mozilla.org/en-US/docs/Mozilla/IME_handling_guide
+
   }, {
     key: "textToValue",
     value: function textToValue() {

package/dist/es/Tagger/variantProps.js

@@ -54,6 +54,21 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
+
+/**
+ * Generate props to render tagger in the v5 theme.
+ *
+ * Usage:
+ *
+ * ```
+ * <Tagger
+ *   {...Tagger.variantProps()}
+ * />
+ * ```
+ */
+
 var IconLink = ( /*#__PURE__*/0, _base["default"])(_Link["default"], process.env.NODE_ENV === "production" ? {
   target: "e1g6p3j74"
 } : {

package/dist/es/ThemeProvider/ThemeProvider.js

@@ -28,10 +28,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-
-// TODO: using multiple theme providers will inject multiple copies of global
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // TODO: using multiple theme providers will inject multiple copies of global
 // styles, need to ensure they're only added once
+
 function ThemeProvider(_ref) {
   var children = _ref.children,
       _ref$customTheme = _ref.customTheme,

package/dist/es/ThemeProvider/accessibility.js

@@ -15,6 +15,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+// NOTE: Accessible themes are only supported for v5 Crystal
 var highContrastPalette = {
   success: ['#FFFFFF', '#027400'],
   error: ['#FFFFFF', '#961515'],

package/dist/es/TimeControl/TimeControl.js

@@ -43,6 +43,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable react/prop-types */
 
 var TimeControl = function TimeControl(props) {
   var _useState = (0, _react.useState)(props.initialOpen),

package/dist/es/TimeControl/elements.js

@@ -17,6 +17,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable react/prop-types */
+
 var Container = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
   target: "e1dd2vau2"
 } : {

package/dist/es/TimePicker/TimePicker.js

@@ -39,6 +39,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable react/prop-types */
 
 var TimePicker = function TimePicker(props) {
   var borderless = props.borderless,

package/dist/es/TimePicker/components/PeriodSelector.js

@@ -21,6 +21,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable react/prop-types */
+
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
+
 var Container = ( /*#__PURE__*/0, _base["default"])(_Column["default"], process.env.NODE_ENV === "production" ? {
   target: "e1j5uc2l4"
 } : {

package/dist/es/TimePicker/components/Spinner.js

@@ -43,6 +43,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/* eslint-disable react/prop-types */
+
+/* eslint-disable td/instrumentation */
+// this level of fine grained instrumentation is not needed
+
 var NumericInput = ( /*#__PURE__*/0, _base["default"])('input', process.env.NODE_ENV === "production" ? {
   target: "e1ats8040"
 } : {

package/dist/es/TooltipPopover/useWaitForDOMRef.js

@@ -20,7 +20,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // Taken from react-overlays for backwards compatibility
+// https://github.com/react-bootstrap/react-overlays/blob/master/src/useWaitForDOMRef.ts
+// useWaitForDOMRef resolves the tooltip trigger reference
 
 var resolveContainerRef = function resolveContainerRef(ref) {
   var _ref;

package/dist/es/Tree/NodeContent.js

@@ -26,7 +26,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // copy paste from https://github.com/frontend-collective/react-sortable-tree-theme-file-explorer/blob/master/node-content-renderer.js to modify
 
 function range(from, to) {
   var count = to - from + 1;

package/dist/es/Tree/TreeNode.js

@@ -30,7 +30,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // modified from https://github.com/lifejuggler/react-sortable-tree-theme-minimal/blob/master/tree-node-renderer.js
 
 var TreeNode = function TreeNode(_ref) {
   var children = _ref.children,

package/dist/es/mixins/border.js

@@ -15,6 +15,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/**
+ * Mixin that can expand a border object to a string.
+ *
+ * Remeber to add `filterProps: ['border']` so the border
+ * object doesn't get passed along.
+ *
+ * @param {Object} props
+ * @param {Object} props.border - border object with css border props: width, style, color
+ * @param {Object} props.borderLeft
+ * @param {Object} props.borderTop
+ * @param {Object} props.borderRight
+ * @param {Object} props.borderBottom
+ * @param {Object} props.theme - emotion theme
+ * @returns {Object} - css props
+ */
 
 function getBorderStyle(propName, styles, defaultBorder) {
   if (_typeof(styles) === 'object' || styles === true) {

package/dist/es/mixins/color.js

@@ -6,6 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/**
+ * Mixin that sets common text colors.
+ *
+ * @param {Object} props
+ * @param {Object} props.primary - sets color to theme.color.LightPrimary
+ * @param {Object} props.secondary - sets color to theme.color.LightSecondary
+ * @param {Object} props.disabled - sets color to theme.color.LightDisabled
+ * @param {Object} props.theme - emotion theme
+ * @returns {Object} - css props
+ */
 
 function color(_ref) {
   var primary = _ref.primary,

package/dist/es/mixins/spacing.js

@@ -6,6 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/**
+ * Mixin that expands horizontal/vertical margin/padding style props
+ * @param {Object} props
+ * @param {string} props.marginHorizontal
+ * @param {string} props.marginVertical
+ * @param {string} props.paddingHorizontal
+ * @param {string} props.paddingVertical
+ */
 
 function spacing(_ref) {
   var margin = _ref.margin,