@pareto-engineering/design-system 2.0.0-alpha.8 → 3.0.0-alpha.18

package/dist/cjs/a/Spinner/Spinner.js

@@ -4,33 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 // Local Definitions
-var baseClassName = _bem.default.base;
+
+var baseClassName = _exports.default.base;
 var componentClassName = 'spinner';
+
 /**
  * This is the component description.
  */
-
 var Spinner = _ref => {
   var {
     id,
     className: userClassName,
     style,
-    color // ...otherProps
-
+    color
+    // ...otherProps
   } = _ref;
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
@@ -38,29 +32,25 @@ var Spinner = _ref => {
   return /*#__PURE__*/React.createElement("div", {
     id: id,
     className: [baseClassName, componentClassName, userClassName, "x-".concat(color)].filter(e => e).join(' '),
-    style: style // {...otherProps}
-
+    style: style
+    // {...otherProps}
   }, /*#__PURE__*/React.createElement("div", {
     className: "loader"
   }));
 };
-
 Spinner.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 color of the spinner
    */

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

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "Spinner", {
     return _Spinner.default;
   }
 });
-
 var _Spinner = _interopRequireDefault(require("./Spinner"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/a/TeamInfo/TeamInfo.js

@@ -4,26 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 // Local Definitions
-var baseClassName = _bem.default.base;
+
+var baseClassName = _exports.default.base;
 var componentClassName = 'team-info';
+
 /**
  * This is the component description.
  */
-
 var SiteTeamInfo = _ref => {
   var {
     id,
@@ -32,8 +26,8 @@ var SiteTeamInfo = _ref => {
     description,
     img,
     name,
-    role // ...otherProps
-
+    role
+    // ...otherProps
   } = _ref;
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
@@ -41,8 +35,8 @@ var SiteTeamInfo = _ref => {
   return /*#__PURE__*/React.createElement("div", {
     id: id,
     className: [baseClassName, componentClassName, userClassName, 'u1'].filter(e => e).join(' '),
-    style: style // {...otherProps}
-
+    style: style
+    // {...otherProps}
   }, /*#__PURE__*/React.createElement("p", {
     className: "description s-1 md-s0"
   }, description), /*#__PURE__*/React.createElement("div", {
@@ -59,44 +53,38 @@ var SiteTeamInfo = _ref => {
     className: "role s-2"
   }, role))));
 };
-
 SiteTeamInfo.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 team description
    */
   description: _propTypes.default.string.isRequired,
-
   /**
    *  The team member image
    */
   img: _propTypes.default.string.isRequired,
-
   /**
    *  The team member name
    */
   name: _propTypes.default.string.isRequired,
-
   /**
    *  The team member role
    */
   role: _propTypes.default.string.isRequired
 };
-SiteTeamInfo.defaultProps = {// someProp:false
+SiteTeamInfo.defaultProps = {
+  // someProp:false
 };
 var _default = SiteTeamInfo;
 exports.default = _default;

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

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "TeamInfo", {
     return _TeamInfo.default;
   }
 });
-
 var _TeamInfo = _interopRequireDefault(require("./TeamInfo"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -1,8 +1,8 @@
 /* @pareto-engineering/generator-front 1.0.12 */
 
 @use "@pareto-engineering/bem";
-@use "@aztlan/stylebook/src/mixins";
-@use "@aztlan/stylebook/src/globals" as *;
+@use "@pareto-engineering/styles/src/mixins";
+@use "@pareto-engineering/styles/src/globals" as *;
 
 $team-info-padding:var(--u);
 $img-height-width: 3.5em;
@@ -14,7 +14,7 @@ $box-shadow:0 .45em 1em 0 var(--background1);
 
 .#{bem.$base}.team-info {
   align-items: flex-start;
-  background: var(--light-y, var(--light-background1));
+  background: var(--soft-y, var(--soft-background1));
   box-shadow: $box-shadow;
   display: flex;
   flex-direction: column;

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

@@ -4,28 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 var _dateFns = require("date-fns");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 // Local Definitions
-var baseClassName = _bem.default.base;
+
+var baseClassName = _exports.default.base;
 var componentClassName = 'timestamp';
+
 /**
  * This is the component description.
  */
-
 var Timestamp = _ref => {
   var {
     id,
@@ -57,8 +50,8 @@ var Timestamp = _ref => {
     }) : (0, _dateFns.format)(new Date(unix), dateFormat)
   }), []);
   var onClick = (0, React.useCallback)(e => {
-    e.persist(); // eslint-disable-next-line no-shadow
-
+    e.persist();
+    // eslint-disable-next-line no-shadow
     var currentIndex = enabledFormats.findIndex(e => e === currentDisplay);
     var nextIndex = (currentIndex + 1) % enabledFormats.length;
     setCurrentDisplay(enabledFormats[nextIndex]);
@@ -67,63 +60,53 @@ var Timestamp = _ref => {
   return /*#__PURE__*/React.createElement(Element, {
     id: id,
     className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style // {...otherProps}
+    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.
     */

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

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "Timestamp", {
     return _Timestamp.default;
   }
 });
-
 var _Timestamp = _interopRequireDefault(require("./Timestamp"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/a/index.js

@@ -3,88 +3,64 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "SVG", {
-  enumerable: true,
-  get: function get() {
-    return _SVG.SVG;
-  }
-});
-Object.defineProperty(exports, "DashboardNavbar", {
-  enumerable: true,
-  get: function get() {
-    return _DashboardNavbar.DashboardNavbar;
-  }
-});
-Object.defineProperty(exports, "IconList", {
-  enumerable: true,
-  get: function get() {
-    return _IconList.IconList;
-  }
-});
-Object.defineProperty(exports, "SiteContext", {
+Object.defineProperty(exports, "AnimatedCounter", {
   enumerable: true,
   get: function get() {
-    return _SiteContext.SiteContext;
+    return _AnimatedCounter.AnimatedCounter;
   }
 });
-Object.defineProperty(exports, "SiteContextProvider", {
+Object.defineProperty(exports, "AppContext", {
   enumerable: true,
   get: function get() {
-    return _SiteContext.SiteContextProvider;
+    return _AppContext.AppContext;
   }
 });
-Object.defineProperty(exports, "useSite", {
+Object.defineProperty(exports, "AppContextProvider", {
   enumerable: true,
   get: function get() {
-    return _SiteContext.useSite;
+    return _AppContext.AppContextProvider;
   }
 });
-Object.defineProperty(exports, "useTheme", {
+Object.defineProperty(exports, "ContentTree", {
   enumerable: true,
   get: function get() {
-    return _SiteContext.useTheme;
+    return _ContentTree.ContentTree;
   }
 });
-Object.defineProperty(exports, "ProgressBar", {
-  enumerable: true,
-  get: function get() {
-    return _ProgressBar.ProgressBar;
-  }
-});
-Object.defineProperty(exports, "TeamInfo", {
+Object.defineProperty(exports, "Conversation", {
   enumerable: true,
   get: function get() {
-    return _TeamInfo.TeamInfo;
+    return _Conversation.Conversation;
   }
 });
-Object.defineProperty(exports, "AnimatedCounter", {
+Object.defineProperty(exports, "DotInfo", {
   enumerable: true,
   get: function get() {
-    return _AnimatedCounter.AnimatedCounter;
+    return _DotInfo.DotInfo;
   }
 });
-Object.defineProperty(exports, "CustomerLogos", {
+Object.defineProperty(exports, "Figure", {
   enumerable: true,
   get: function get() {
-    return _CustomerLogos.CustomerLogos;
+    return _Figure.Figure;
   }
 });
-Object.defineProperty(exports, "FeaturedOn", {
+Object.defineProperty(exports, "HamburgerButton", {
   enumerable: true,
   get: function get() {
-    return _FeaturedOn.FeaturedOn;
+    return _HamburgerButton.HamburgerButton;
   }
 });
-Object.defineProperty(exports, "Spinner", {
+Object.defineProperty(exports, "IconList", {
   enumerable: true,
   get: function get() {
-    return _Spinner.Spinner;
+    return _IconList.IconList;
   }
 });
-Object.defineProperty(exports, "HamburgerButton", {
+Object.defineProperty(exports, "Label", {
   enumerable: true,
   get: function get() {
-    return _HamburgerButton.HamburgerButton;
+    return _Label.Label;
   }
 });
 Object.defineProperty(exports, "LoadingCircle", {
@@ -99,40 +75,40 @@ Object.defineProperty(exports, "People", {
     return _People.People;
   }
 });
-Object.defineProperty(exports, "Figure", {
+Object.defineProperty(exports, "Popover", {
   enumerable: true,
   get: function get() {
-    return _Figure.Figure;
+    return _Popover.Popover;
   }
 });
-Object.defineProperty(exports, "Conversation", {
+Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
   get: function get() {
-    return _Conversation.Conversation;
+    return _ProgressBar.ProgressBar;
   }
 });
-Object.defineProperty(exports, "CustomerStat", {
+Object.defineProperty(exports, "Quote", {
   enumerable: true,
   get: function get() {
-    return _CustomerStat.CustomerStat;
+    return _Quote.Quote;
   }
 });
-Object.defineProperty(exports, "Quote", {
+Object.defineProperty(exports, "SVG", {
   enumerable: true,
   get: function get() {
-    return _Quote.Quote;
+    return _SVG.SVG;
   }
 });
-Object.defineProperty(exports, "ContentCard", {
+Object.defineProperty(exports, "SnapScroller", {
   enumerable: true,
   get: function get() {
-    return _ContentCard.ContentCard;
+    return _SnapScroller.SnapScroller;
   }
 });
-Object.defineProperty(exports, "DotInfo", {
+Object.defineProperty(exports, "Spinner", {
   enumerable: true,
   get: function get() {
-    return _DotInfo.DotInfo;
+    return _Spinner.Spinner;
   }
 });
 Object.defineProperty(exports, "Timestamp", {
@@ -141,59 +117,33 @@ Object.defineProperty(exports, "Timestamp", {
     return _Timestamp.Timestamp;
   }
 });
-Object.defineProperty(exports, "Shapes", {
+Object.defineProperty(exports, "useApp", {
   enumerable: true,
   get: function get() {
-    return _Shapes.Shapes;
+    return _AppContext.useApp;
   }
 });
-Object.defineProperty(exports, "OvalIllustration", {
+Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: function get() {
-    return _OvalIllustration.OvalIllustration;
+    return _AppContext.useTheme;
   }
 });
-
-var _SVG = require("./SVG");
-
-var _DashboardNavbar = require("./DashboardNavbar");
-
-var _IconList = require("./IconList");
-
-var _SiteContext = require("./SiteContext");
-
-var _ProgressBar = require("./ProgressBar");
-
-var _TeamInfo = require("./TeamInfo");
-
 var _AnimatedCounter = require("./AnimatedCounter");
-
-var _CustomerLogos = require("./CustomerLogos");
-
-var _FeaturedOn = require("./FeaturedOn");
-
-var _Spinner = require("./Spinner");
-
+var _AppContext = require("./AppContext");
+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 _People = require("./People");
-
-var _Figure = require("./Figure");
-
-var _Conversation = require("./Conversation");
-
-var _CustomerStat = require("./CustomerStat");
-
+var _Popover = require("./Popover");
+var _ProgressBar = require("./ProgressBar");
 var _Quote = require("./Quote");
-
-var _ContentCard = require("./ContentCard");
-
-var _DotInfo = require("./DotInfo");
-
-var _Timestamp = require("./Timestamp");
-
-var _Shapes = require("./Shapes");
-
-var _OvalIllustration = require("./OvalIllustration");
+var _SVG = require("./SVG");
+var _SnapScroller = require("./SnapScroller");
+var _Spinner = require("./Spinner");
+var _Timestamp = require("./Timestamp");