@pareto-engineering/design-system 5.3.0 → 5.5.0

package/dist/cjs/a/TextSteps/styles.scss

@@ -1,29 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-@use "@pareto-engineering/styles/src/mixins";
-@use "@pareto-engineering/styles/src/globals" as *;
-
-$default-padding: 1em;
-
-.#{bem.$base}.text-steps {
-  grid-column: 1 / -1;
-  grid-template-columns: repeat(var(--columns), 1fr);
-  padding: $default-padding 0;
-
-  .description {
-    grid-column: 2 / -1;
-
-    > p {
-      color: var(--metadata);
-    }
-  }
-
-  .number {
-    grid-column: 1 / span 1;
-  }
-
-  .title {
-    grid-column: 1 / -1;
-  }
-}

package/dist/cjs/a/ThroughPutIndicator/ThroughPutIndicator.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-require("./styles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// Local Definitions
-const baseClassName = _exports.default.base;
-const componentClassName = 'throughput-indicator';
-const ThroughPutIndicator = _ref => {
-  let {
-    data,
-    keyName = 'reserved'
-  } = _ref;
-  const renderNoChange = () => /*#__PURE__*/React.createElement("div", {
-    className: [baseClassName, componentClassName].filter(e => e).join(' ')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "no-change-text"
-  }, "No change"));
-  const renderChange = function (direction, percentage) {
-    let icon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : direction === 'positive' ? 'S' : 'R';
-    return /*#__PURE__*/React.createElement("div", {
-      className: [baseClassName, componentClassName].filter(e => e).join(' ')
-    }, /*#__PURE__*/React.createElement("span", {
-      className: `ai-icon ${direction}-throughput-indicator`
-    }, icon), /*#__PURE__*/React.createElement("p", null, percentage, "%"));
-  };
-
-  // Handle invalid or insufficient data
-  if (!data || data.length < 2) {
-    return renderNoChange();
-  }
-  const first = data[0][keyName];
-  const last = data[data.length - 1][keyName];
-
-  // Handle no change scenarios
-  if (first === 0 && last === 0) {
-    return renderNoChange();
-  }
-
-  // Handle special case: starting from zero
-  if (first === 0 && last !== 0) {
-    return renderChange('positive', '100');
-  }
-
-  // Calculate percentage change
-  const percentChange = (last - first) / Math.abs(first) * 100;
-  const rounded = Math.abs(percentChange).toFixed(1);
-
-  // No change
-  if (percentChange === 0) {
-    return renderNoChange();
-  }
-
-  // Positive or negative change
-  const direction = percentChange > 0 ? 'positive' : 'negative';
-  const icon = direction === 'positive' ? 'S' : 'R';
-  return renderChange(direction, rounded, icon);
-};
-ThroughPutIndicator.propTypes = {
-  /**
-   * The data to be displayed in the throughput indicator
-   */
-  // eslint-disable-next-line react/forbid-prop-types
-  data: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
-  /**
-   * The key name to be displayed in the throughput indicator
-   */
-  keyName: _propTypes.default.string
-};
-var _default = exports.default = ThroughPutIndicator;

package/dist/cjs/a/ThroughPutIndicator/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ThroughPutIndicator", {
-  enumerable: true,
-  get: function () {
-    return _ThroughPutIndicator.default;
-  }
-});
-var _ThroughPutIndicator = _interopRequireDefault(require("./ThroughPutIndicator"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/a/ThroughPutIndicator/styles.scss

@@ -1,35 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-
-$default-text-font-size: calc(var(--s-1) * 1rem);
-
-.#{bem.$base} {
-  .throughput-indicator {
-    align-items: center;
-    border: 1px solid var(--hard-grey);
-    border-radius: 2rem;
-    display: flex;
-    gap: .5rem;
-    height: 3rem;
-    padding: .5rem;
-
-    .positive-throughput-indicator {
-      color: var(--success);
-      font-size: 1rem;
-    }
-
-    .negative-throughput-indicator {
-      color: var(--error);
-      font-size: .75rem;
-    }
-
-    .no-change-text {
-      color: var(--paragraph);
-    }
-
-    p {
-      font-size: 1rem;
-    }
-  }
-}

package/dist/cjs/a/Timestamp/Timestamp.js

@@ -1,122 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _dateFns = require("date-fns");
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-require("./styles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* @pareto-engineering/generator-front 1.0.12 */
-
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'timestamp';
-
-/**
- * This is the component description.
- */
-const Timestamp = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    time,
-    prefix,
-    enabledFormats,
-    distanceMaxDays,
-    relativeMaxDays,
-    dateFormat,
-    locale,
-    // ...otherProps
-    as: Element
-  } = _ref;
-  const [currentDisplay, setCurrentDisplay] = (0, _react.useState)(enabledFormats[0]);
-  const formatMap = (0, _react.useMemo)(() => ({
-    unix: unix => Number(unix),
-    date: unix => (0, _dateFns.format)(new Date(unix), dateFormat),
-    distance: unix => !distanceMaxDays || (0, _dateFns.differenceInDays)(Date.now(), new Date(unix)) < distanceMaxDays ? (0, _dateFns.formatDistance)(new Date(unix), new Date(), {
-      addSuffix: true,
-      locale
-    }) : (0, _dateFns.format)(new Date(unix), dateFormat),
-    relative: unix => !relativeMaxDays || (0, _dateFns.differenceInDays)(Date.now(), new Date(unix)) < relativeMaxDays ? (0, _dateFns.formatRelative)(new Date(unix), new Date(), {
-      locale
-    }) : (0, _dateFns.format)(new Date(unix), dateFormat)
-  }), []);
-  const onClick = (0, _react.useCallback)(e => {
-    e.persist();
-    // eslint-disable-next-line no-shadow
-    const currentIndex = enabledFormats.findIndex(e => e === currentDisplay);
-    const nextIndex = (currentIndex + 1) % enabledFormats.length;
-    setCurrentDisplay(enabledFormats[nextIndex]);
-  }, [currentDisplay]);
-  if (!Number(time)) return null;
-  return /*#__PURE__*/React.createElement(Element, {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-    // {...otherProps}
-    ,
-    onClick: enabledFormats.length > 1 ? onClick : undefined
-  }, prefix && prefix, prefix && ' ', formatMap[currentDisplay](Number(time)));
-};
-Timestamp.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   *  The children JSX
-   */
-  prefix: _propTypes.default.node,
-  /**
-    * Which html tag to use
-    */
-  as: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  /**
-    * Formats
-    */
-  enabledFormats: _propTypes.default.arrayOf(_propTypes.default.oneOf(['unix', 'date', 'distance', 'relative'])),
-  /**
-   * How many days to display distance before reverting to unix display
-   */
-  distanceMaxDays: _propTypes.default.number,
-  /**
-   * How many days to display distance before reverting to unix display
-   */
-  relativeMaxDays: _propTypes.default.number,
-  /**
-    * Unix Format Read https://date-fns.org/v2.16.1/docs/format for options
-    */
-  dateFormat: _propTypes.default.string,
-  /**
-    * The time to display
-    */
-  time: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.number]).isRequired,
-  /**
-    * A Date-DNS locale object. Will default to english.
-    */
-  locale: _propTypes.default.instanceOf(Object)
-};
-Timestamp.defaultProps = {
-  // someProp:false
-  as: 'p',
-  dateFormat: 'yyyy-MM-dd\'T\'HH:mm:ss.SSSxxx',
-  enabledFormats: ['unix', 'date']
-};
-var _default = exports.default = Timestamp;

package/dist/cjs/a/Timestamp/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Timestamp", {
-  enumerable: true,
-  get: function () {
-    return _Timestamp.default;
-  }
-});
-var _Timestamp = _interopRequireDefault(require("./Timestamp"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/a/Timestamp/styles.scss

@@ -1,7 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-
-// .#{bem.$base}.timestamp{
-
-// }

package/dist/cjs/a/Tip/Tip.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-require("./styles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* @pareto-engineering/generator-front 1.0.12 */
-
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'tip';
-
-/**
- * This is the component description.
- */
-const Tip = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children,
-    icon,
-    as: Wrapper,
-    color,
-    backgroundColor
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, `x-${backgroundColor}`].filter(e => e).join(' '),
-    style: style
-    // {...otherProps}
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `x-${color} c-x icon`
-  }, icon), children);
-};
-Tip.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   * The children jsx
-   */
-  children: _propTypes.default.node.isRequired,
-  /**
-   * The icon
-   */
-  icon: _propTypes.default.string,
-  /**
-   * The color of the icon
-   */
-  color: _propTypes.default.string,
-  /**
-   * The background color
-   */
-  backgroundColor: _propTypes.default.string,
-  /**
-   * The wrapper html type
-   */
-  as: _propTypes.default.string
-};
-Tip.defaultProps = {
-  as: 'p',
-  icon: ')',
-  color: 'interactive',
-  backgroundColor: 'background-near'
-};
-var _default = exports.default = Tip;

package/dist/cjs/a/Tip/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Tip", {
-  enumerable: true,
-  get: function () {
-    return _Tip.default;
-  }
-});
-var _Tip = _interopRequireDefault(require("./Tip"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/a/Tip/styles.scss

@@ -1,16 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-@use "@pareto-engineering/styles/src/mixins";
-@use "@pareto-engineering/styles/src/globals" as *;
-
-$default-padding: calc(var(--gap) * 2);
-
-.#{bem.$base}.tip {
-  align-items: center;
-  background: var(--x);
-  border-radius: var(--theme-default-border-radius);
-  display: flex;
-  gap: var(--gap);
-  padding: $default-padding;
-}

package/dist/cjs/a/ToggleSwitch/ToggleSwitch.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-require("./styles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* @pareto-engineering/generator-front 1.0.12 */
-
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'toggle-switch';
-
-/**
- * This is the component description.
- */
-const ToggleSwitch = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    handleOnChange,
-    checked,
-    size,
-    inputId
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("button", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: {
-      '--size': size,
-      ...style
-    },
-    type: "button"
-    // {...otherProps}
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    id: inputId,
-    checked: checked,
-    onChange: handleOnChange
-  }), /*#__PURE__*/React.createElement("label", {
-    htmlFor: inputId,
-    className: checked ? 'checked' : ''
-  }));
-};
-ToggleSwitch.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   * The onClick handler for this element
-   */
-  handleOnChange: _propTypes.default.func,
-  /**
-   * The checked state of this element
-   */
-  checked: _propTypes.default.bool,
-  /**
-   * The size of this element
-   */
-  size: _propTypes.default.string,
-  /**
-   * The ID of the elelment to be toggled
-   */
-  inputId: _propTypes.default.string.isRequired
-};
-ToggleSwitch.defaultProps = {
-  // someProp: 'someValue',
-};
-var _default = exports.default = ToggleSwitch;

package/dist/cjs/a/ToggleSwitch/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ToggleSwitch", {
-  enumerable: true,
-  get: function () {
-    return _ToggleSwitch.default;
-  }
-});
-var _ToggleSwitch = _interopRequireDefault(require("./ToggleSwitch"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/a/ToggleSwitch/styles.scss

@@ -1,58 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-
-$default-border-radius: var(--theme-default-border-radius);
-$default-size: var(--size, 1.2em);
-$default-slider-color: var(--slider-color, var(--background-far));
-$default-slider-border-color: var(--slider-border-color, var(--ui-lines));
-$default-background-color: var(--slider-background-color, var(--interactive));
-$default-background-disabled: var(--disabled, var(--background-far));
-.#{bem.$base}.toggle-switch {
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  display: flex;
-
-  >input {
-    height: 0;
-    visibility: hidden;
-    width: 0;
-  }
-
-  >label {
-    border-radius: $default-border-radius;
-    cursor: pointer;
-    display: block;
-    height: $default-size;
-    position: relative;
-    width: calc($default-size * 2);
-
-    &.checked {
-      background: $default-background-color;
-    }
-
-    &:not(.checked) {
-      background: $default-background-disabled;
-    }
-
-    &::after {
-      background: $default-slider-color;
-      border: 1px solid $default-slider-border-color;
-      border-radius: $default-border-radius;
-      content: "";
-      height: $default-size;
-      left: 0;
-      position: absolute;
-      top: 0;
-      transition: .3s;
-      width: $default-size;
-    }
-  }
-
-  >input:checked + label::after {
-    left: $default-size;
-  }
-}
-
-

package/dist/cjs/a/Tooltip/Tooltip.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-require("./styles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* @pareto-engineering/generator-front 1.0.12 */
-
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'tooltip';
-
-/**
- * This is the component description.
- */
-const Tooltip = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    position,
-    isFloating,
-    color,
-    description,
-    content,
-    children
-    // ...otherProps
-  } = _ref;
-  (0, _react.useEffect)(() => {
-    const handleMouseMove = e => {
-      document.documentElement.style.setProperty('--mouse-x', `${e.clientX}px`);
-      document.documentElement.style.setProperty('--mouse-y', `${e.clientY}px`);
-    };
-    if (!isFloating) {
-      return () => window.removeEventListener('mousemove', handleMouseMove);
-    }
-    window.addEventListener('mousemove', handleMouseMove);
-    return () => window.removeEventListener('mousemove', handleMouseMove);
-  }, [isFloating]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, `x-${color}`].filter(e => e).join(' '),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "tooltip-trigger-wrapper",
-    "aria-describedby": description
-  }, children), /*#__PURE__*/React.createElement("div", {
-    className: ['tooltip-content', position, isFloating ? 'floating' : ''].filter(e => e).join(' '),
-    role: "tooltip",
-    id: description
-  }, content));
-};
-Tooltip.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string.isRequired,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   *  The children JSX where the tooltip will be applied
-   */
-  children: _propTypes.default.node.isRequired,
-  /**
-   *  The content JSX that renders the tooltip content
-   */
-  content: _propTypes.default.node.isRequired,
-  /**
-   *  The text description  to identify the element that describes the tooltip
-   */
-  description: _propTypes.default.string.isRequired,
-  /**
-   * The position of the tooltip with respect to the trigger element
-   */
-  position: _propTypes.default.oneOf(['top', 'bottom', 'left', 'right']),
-  /**
-   * Whether or not the tooltip should be floating
-   */
-  isFloating: _propTypes.default.bool,
-  /**
-   * The base color of the tooltip
-   */
-  color: _propTypes.default.string
-};
-Tooltip.defaultProps = {
-  position: 'bottom',
-  color: 'background-cards'
-};
-var _default = exports.default = Tooltip;