@pareto-engineering/design-system 5.3.0 → 5.5.0

package/dist/cjs/a/index.js

@@ -1,259 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AnimatedBlobs", {
-  enumerable: true,
-  get: function () {
-    return _AnimatedBlobs.AnimatedBlobs;
-  }
-});
-Object.defineProperty(exports, "AnimatedGradient", {
-  enumerable: true,
-  get: function () {
-    return _AnimatedGradient.AnimatedGradient;
-  }
-});
-Object.defineProperty(exports, "AppContext", {
-  enumerable: true,
-  get: function () {
-    return _AppContext.AppContext;
-  }
-});
-Object.defineProperty(exports, "AppContextProvider", {
-  enumerable: true,
-  get: function () {
-    return _AppContext.AppContextProvider;
-  }
-});
-Object.defineProperty(exports, "AreaChart", {
-  enumerable: true,
-  get: function () {
-    return _Charts.AreaChart;
-  }
-});
-Object.defineProperty(exports, "BarChart", {
-  enumerable: true,
-  get: function () {
-    return _Charts.BarChart;
-  }
-});
-Object.defineProperty(exports, "BlurOverlay", {
-  enumerable: true,
-  get: function () {
-    return _BlurOverlay.BlurOverlay;
-  }
-});
-Object.defineProperty(exports, "ContentTree", {
-  enumerable: true,
-  get: function () {
-    return _ContentTree.ContentTree;
-  }
-});
-Object.defineProperty(exports, "Conversation", {
-  enumerable: true,
-  get: function () {
-    return _Conversation.Conversation;
-  }
-});
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function () {
-    return _DatePicker.DatePicker;
-  }
-});
-Object.defineProperty(exports, "DotInfo", {
-  enumerable: true,
-  get: function () {
-    return _DotInfo.DotInfo;
-  }
-});
-Object.defineProperty(exports, "Figure", {
-  enumerable: true,
-  get: function () {
-    return _Figure.Figure;
-  }
-});
-Object.defineProperty(exports, "HamburgerButton", {
-  enumerable: true,
-  get: function () {
-    return _HamburgerButton.HamburgerButton;
-  }
-});
-Object.defineProperty(exports, "IconList", {
-  enumerable: true,
-  get: function () {
-    return _IconList.IconList;
-  }
-});
-Object.defineProperty(exports, "Label", {
-  enumerable: true,
-  get: function () {
-    return _Label.Label;
-  }
-});
-Object.defineProperty(exports, "LoadingCircle", {
-  enumerable: true,
-  get: function () {
-    return _LoadingCircle.LoadingCircle;
-  }
-});
-Object.defineProperty(exports, "MetaCard", {
-  enumerable: true,
-  get: function () {
-    return _MetaCard.MetaCard;
-  }
-});
-Object.defineProperty(exports, "Notification", {
-  enumerable: true,
-  get: function () {
-    return _Notification.Notification;
-  }
-});
-Object.defineProperty(exports, "NotificationStack", {
-  enumerable: true,
-  get: function () {
-    return _NotificationStack.NotificationStack;
-  }
-});
-Object.defineProperty(exports, "People", {
-  enumerable: true,
-  get: function () {
-    return _People.People;
-  }
-});
-Object.defineProperty(exports, "PieChart", {
-  enumerable: true,
-  get: function () {
-    return _Charts.PieChart;
-  }
-});
-Object.defineProperty(exports, "Popover", {
-  enumerable: true,
-  get: function () {
-    return _Popover.Popover;
-  }
-});
-Object.defineProperty(exports, "ProgressBar", {
-  enumerable: true,
-  get: function () {
-    return _ProgressBar.ProgressBar;
-  }
-});
-Object.defineProperty(exports, "Quote", {
-  enumerable: true,
-  get: function () {
-    return _Quote.Quote;
-  }
-});
-Object.defineProperty(exports, "Removable", {
-  enumerable: true,
-  get: function () {
-    return _Removable.Removable;
-  }
-});
-Object.defineProperty(exports, "SVG", {
-  enumerable: true,
-  get: function () {
-    return _SVG.SVG;
-  }
-});
-Object.defineProperty(exports, "SnapScroller", {
-  enumerable: true,
-  get: function () {
-    return _SnapScroller.SnapScroller;
-  }
-});
-Object.defineProperty(exports, "Spinner", {
-  enumerable: true,
-  get: function () {
-    return _Spinner.Spinner;
-  }
-});
-Object.defineProperty(exports, "TextSteps", {
-  enumerable: true,
-  get: function () {
-    return _TextSteps.TextSteps;
-  }
-});
-Object.defineProperty(exports, "ThroughPutIndicator", {
-  enumerable: true,
-  get: function () {
-    return _ThroughPutIndicator.ThroughPutIndicator;
-  }
-});
-Object.defineProperty(exports, "Timestamp", {
-  enumerable: true,
-  get: function () {
-    return _Timestamp.Timestamp;
-  }
-});
-Object.defineProperty(exports, "Tip", {
-  enumerable: true,
-  get: function () {
-    return _Tip.Tip;
-  }
-});
-Object.defineProperty(exports, "ToggleSwitch", {
-  enumerable: true,
-  get: function () {
-    return _ToggleSwitch.ToggleSwitch;
-  }
-});
-Object.defineProperty(exports, "Tooltip", {
-  enumerable: true,
-  get: function () {
-    return _Tooltip.Tooltip;
-  }
-});
-Object.defineProperty(exports, "XMLEditor", {
-  enumerable: true,
-  get: function () {
-    return _XMLEditor.XMLEditor;
-  }
-});
-Object.defineProperty(exports, "useApp", {
-  enumerable: true,
-  get: function () {
-    return _AppContext.useApp;
-  }
-});
-Object.defineProperty(exports, "useTheme", {
-  enumerable: true,
-  get: function () {
-    return _AppContext.useTheme;
-  }
-});
-var _AppContext = require("./AppContext");
-var _BlurOverlay = require("./BlurOverlay");
-var _ContentTree = require("./ContentTree");
-var _Conversation = require("./Conversation");
-var _DotInfo = require("./DotInfo");
-var _Figure = require("./Figure");
-var _HamburgerButton = require("./HamburgerButton");
-var _IconList = require("./IconList");
-var _Label = require("./Label");
-var _LoadingCircle = require("./LoadingCircle");
-var _Notification = require("./Notification");
-var _NotificationStack = require("./NotificationStack");
-var _People = require("./People");
-var _Popover = require("./Popover");
-var _ProgressBar = require("./ProgressBar");
-var _Quote = require("./Quote");
-var _SVG = require("./SVG");
-var _SnapScroller = require("./SnapScroller");
-var _Spinner = require("./Spinner");
-var _Timestamp = require("./Timestamp");
-var _MetaCard = require("./MetaCard");
-var _AnimatedBlobs = require("./AnimatedBlobs");
-var _Tip = require("./Tip");
-var _AnimatedGradient = require("./AnimatedGradient");
-var _TextSteps = require("./TextSteps");
-var _Removable = require("./Removable");
-var _ToggleSwitch = require("./ToggleSwitch");
-var _XMLEditor = require("./XMLEditor");
-var _DatePicker = require("./DatePicker");
-var _Tooltip = require("./Tooltip");
-var _Charts = require("./Charts");
-var _ThroughPutIndicator = require("./ThroughPutIndicator");

package/dist/cjs/b/Button/Button.js

@@ -1,111 +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"));
-var _ = require("../..");
-var _common = require("./common");
-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; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* @pareto-engineering/generator-front 0.2.4 */ // Package-level Imports
-// Helper Definition
-const baseClassName = _exports.default.base;
-const componentClassName = 'button';
-const Button = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children,
-    isLoading,
-    color,
-    textColor,
-    isCompact,
-    isGhost,
-    isSimple,
-    isGradient,
-    isSpaced,
-    arrowDirection,
-    ...otherProps
-  } = _ref;
-  const buttonText = isSimple ? /*#__PURE__*/React.createElement("span", {
-    className: _exports.default.modifierUnderlined
-  }, children) : children;
-  const {
-    disabled,
-    ...rest
-  } = otherProps;
-  return /*#__PURE__*/React.createElement("button", _extends({
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, `x-${color}`, textColor && `y-${textColor}`, isGhost && _exports.default.modifierGhost, isCompact && _exports.default.modifierCompact, isSimple && _exports.default.modifierSimple, isGradient && _exports.default.modifierGradient, isSpaced && _exports.default.modifierSpaced, !isLoading && arrowDirection && `arrow-${arrowDirection}`].filter(e => e).join(' '),
-    style: style,
-    type: "button",
-    disabled: disabled || isLoading
-  }, rest), isLoading ? /*#__PURE__*/React.createElement(_.LoadingCircle, {
-    style: {
-      '--x': 'var(--stroke-color, var(--on-x))'
-    },
-    heightWidth: "1.15em"
-  }) : buttonText);
-};
-Button.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,
-  /**
-   * Whether the button has the ghost style
-   */
-  isGhost: _propTypes.default.bool,
-  /**
-   * Whether the button is compact
-   */
-  isCompact: _propTypes.default.bool,
-  /**
-   * Whether the button is simple (no borders, only text)
-   */
-  isSimple: _propTypes.default.bool,
-  /**
-   * Should this button have a gradient
-   */
-  isGradient: _propTypes.default.bool,
-  /**
-   * Should this button be spaced
-   */
-  isSpaced: _propTypes.default.bool,
-  /**
-   * The button color
-   */
-  color: _propTypes.default.string,
-  /**
-   * Button loading state
-   */
-  isLoading: _propTypes.default.bool,
-  /**
-   * The direction of the arrow if the button has one
-   */
-  arrowDirection: _propTypes.default.string
-};
-Button.defaultProps = {
-  color: 'main'
-};
-Button.Group = _common.Group;
-var _default = exports.default = Button;

package/dist/cjs/b/Button/common/Group/Group.js

@@ -1,54 +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; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* @pareto-engineering/generator-front 1.0.12 */
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'button-group';
-const Group = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children,
-    ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, otherProps), children);
-};
-Group.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
-};
-Group.defaultProps = {
-  // type:'snap-scroller',
-};
-var _default = exports.default = Group;

package/dist/cjs/b/Button/common/Group/index.js

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

package/dist/cjs/b/Button/common/Group/styles.scss

@@ -1,11 +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 *;
-
-.#{bem.$base}.button-group {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--gap);
-}

package/dist/cjs/b/Button/common/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Group", {
-  enumerable: true,
-  get: function () {
-    return _Group.Group;
-  }
-});
-var _Group = require("./Group");

package/dist/cjs/b/Button/index.js

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

package/dist/cjs/b/Button/styles.scss

@@ -1,173 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-
-@use "@pareto-engineering/bem";
-
-$default-padding: .75em 1.75em;
-$compact-padding: .5em .75em;
-$default-border-radius: 3em;
-$default-color:primary;
-$font-weight:bold;
-$default-margin: .5em;
-$default-animation-time: .31s;
-
-.#{bem.$base}.button {
-  background: var(--x, var(--#{$default-color}));
-  border: transparent;
-  border-radius: $default-border-radius;
-  color: var(--on-x, var(--on-#{$default-color}));
-  display: inline-flex;
-  font-family: "paragraph", sans-serif;
-  font-weight: 400;
-  justify-content: space-between;
-  padding: $default-padding;
-  transition: all .25s;
-  white-space: nowrap;//var(--theme-default-paragraph);
-
-  &.arrow-right {
-    &::after {
-      align-self: center;
-      content: "-->";
-      margin-left: $default-margin;
-      vertical-align: middle;
-    }
-
-    &:hover:not(:disabled) {
-      &::after {
-        --final-position: 50%;
-        animation: animateArrow $default-animation-time forwards;
-      }
-    }
-  }
-
-  &.arrow-left {
-    &::before {
-      align-self: center;
-      content: "<--";
-      margin-right: $default-margin;
-      vertical-align: middle;
-    }
-
-    &:hover:not(:disabled) {
-      &::before {
-        --final-position: -50%;
-        animation: animateArrow $default-animation-time forwards;
-      }
-    }
-  }
-
-  &:not(:disabled) {
-    cursor: pointer;
-
-    &:hover
-    :not(.#{bem.$modifier-gradient})
-    :not(.#{bem.$modifier-ghost})
-    :not(.#{bem.$modifier-simple}) {
-      background: var(--soft-x, var(--soft-#{$default-color}));
-    }
-
-    &:focus {
-      background: var(--hard-x, var(--hard-#{$default-color}));
-    }
-  }
-
-  &.#{bem.$modifier-gradient} {
-    background-image: linear-gradient(
-      to right,
-      var(--hard-x) 30%,
-      var(--x) 50%,
-      var(--hard-x) 100%
-    );
-    background-position: left;
-    background-size: 200% auto;
-
-    &:not(:disabled):hover {
-      background-position: right center;
-    }
-  }
-
-  &.#{bem.$modifier-compact} {
-    padding: $compact-padding;
-  }
-
-  &.#{bem.$modifier-ghost} {
-    background: transparent;
-    border: 1px solid var(--x, var(--#{$default-color}));
-    color: var(--y, var(--x, var(--#{$default-color})));
-
-    &:hover,
-    &:focus,
-    &:disabled {
-      background: transparent;
-    }
-
-    &:not(:disabled) {
-      &:hover {
-        border: 1px solid var(--soft-x, var(--soft-#{$default-color}));
-        color: var(--soft-y, var(--soft-x, var(--soft-#{$default-color})));
-      }
-
-      &:focus {
-        border: 1px solid var(--hard-x, var(--hard-#{$default-color}));
-        color: var(--hard-y, var(--hard-x, var(--hard-#{$default-color})));
-      }
-    }
-
-    &:disabled {
-      border: 1px solid var(--hard-disabled, var(--#{$default-color}));
-      color: var(--hard-disabled, var(--#{$default-color}));
-    }
-  }
-
-  &.#{bem.$modifier-spaced} {
-    margin-bottom: var(--spacing-2);
-    margin-top: var(--spacing-2);
-  }
-
-  &.#{bem.$modifier-simple} {
-    --stroke-color: var(--x, var(--#{$default-color}));
-    background: transparent;
-    border: 1px solid transparent;
-    color: var(--x, var(--#{$default-color}));
-    padding: 0;
-
-    > .#{bem.$modifier-underlined} {
-      text-decoration: underline;
-    }
-
-    &:disabled,
-    &:hover,
-    &:focus {
-      background: transparent;
-    }
-
-    &:not(:disabled) {
-      &:hover {
-        color: var(--soft-x, var(--soft-#{$default-color}));
-      }
-
-      &:focus {
-        color: var(--hard-x, var(--hard-#{$default-color}));
-      }
-    }
-
-    &:disabled {
-      color: var(--hard-disabled, var(--#{$default-color}));
-    }
-  }
-
-  &:disabled {
-    background: var(--hard-disabled);
-    filter: brightness(125%);
-  }
-}
-
-
-@keyframes animateArrow {
-  from {
-    transform: translateX(0);
-  }
-
-  to {
-    transform: translateX(var(--final-position));
-  }
-}