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

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

@@ -9,23 +9,19 @@ Object.defineProperty(exports, "Page", {
     return _Page.default;
   }
 });
-Object.defineProperty(exports, "usePage", {
+Object.defineProperty(exports, "PageContext", {
   enumerable: true,
   get: function get() {
-    return _usePage.default;
+    return _Context.default;
   }
 });
-Object.defineProperty(exports, "PageContext", {
+Object.defineProperty(exports, "usePage", {
   enumerable: true,
   get: function get() {
-    return _Context.default;
+    return _usePage.default;
   }
 });
-
 var _Page = _interopRequireDefault(require("./Page"));
-
 var _usePage = _interopRequireDefault(require("./usePage"));
-
 var _Context = _interopRequireDefault(require("./Context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/b/Page/usePage.js

@@ -4,13 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _Context = _interopRequireDefault(require("./Context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = () => (0, _react.useContext)(_Context.default);
-
 exports.default = _default;

package/dist/cjs/b/QuestionDropdown/QuestionDropdown.js

@@ -4,30 +4,24 @@ 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; }
-
 // Component-level imports
 // import('./styles.scss')
+
 // Helper Definition
-var baseClassName = _bem.default.base;
+var baseClassName = _exports.default.base;
 var componentClassName = 'question-dropdown';
+
 /**
  * The question dropdown is used for the FAQ section. <br />
  * If `isFAQSchema=true`, make sure to remember to add the appropriate itemscope and
  * itemtype attributes to the root of the page that includes the FAQ component
  */
-
 var QuestionDropdown = _ref => {
   var {
     id,
@@ -36,16 +30,14 @@ var QuestionDropdown = _ref => {
     question,
     children,
     isFAQSchema,
-    defaultIsOpen // ...otherProps
-
+    defaultIsOpen
+    // ...otherProps
   } = _ref;
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
   }, []);
   var [isOpen, setIsOpen] = (0, React.useState)(defaultIsOpen);
-
   var toggleOpen = () => setIsOpen(!isOpen);
-
   return /*#__PURE__*/React.createElement("div", {
     id: id,
     className: [baseClassName, componentClassName, userClassName, isOpen && 'open'].filter(e => e).join(' '),
@@ -53,8 +45,8 @@ var QuestionDropdown = _ref => {
     itemScope: isFAQSchema // if isFAQSchema is false, should be undefined
     ,
     itemProp: isFAQSchema && 'mainEntity',
-    itemType: isFAQSchema && 'http://schema.org/Question' // {...otherProps}
-
+    itemType: isFAQSchema && 'http://schema.org/Question'
+    // {...otherProps}
   }, /*#__PURE__*/React.createElement("div", {
     tabIndex: 0,
     role: "button",
@@ -75,38 +67,31 @@ var QuestionDropdown = _ref => {
     itemProp: isFAQSchema && 'text'
   }, children)));
 };
-
 QuestionDropdown.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),
-
   /**
    *  Any children of the question, such as answer blocks
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    *  Question to be answered
    */
   question: _propTypes.default.string.isRequired,
-
   /**
    *  Whether element is part of SEO schema
    */
   isFAQSchema: _propTypes.default.bool,
-
   /**
    * Whether the question drop down should be opened by default
    */

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

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

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

@@ -4,10 +4,10 @@
 
 //make all colors as vars
 
-$border-color: var(--dark-background1);
+$border-color: var(--hard-background1);
 $border-width: 2px;
 $button-background-color: transparent;
-$button-background-color-hover: var(--light-accent3);
+$button-background-color-hover: var(--soft-accent3);
 $caret-font-size: 1.2em;
 $question-color: var(--heading);
 $question-font-weight: 700;

package/dist/cjs/b/Segment/Segment.js

@@ -4,25 +4,18 @@ 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; }
-
 // Component-level imports
-Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss"))); // Helper Definition
+Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
 
-var baseClassName = _bem.default.base;
+// Helper Definition
+var baseClassName = _exports.default.base;
 var componentClassName = 'segment';
-
 var Segment = _ref => {
   var {
     id,
@@ -30,8 +23,9 @@ var Segment = _ref => {
     style,
     children,
     title,
-    footer // ...otherProps
+    footer
 
+    // ...otherProps
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
     id: id,
@@ -41,39 +35,34 @@ var Segment = _ref => {
     className: "s1 title"
   }, title)), /*#__PURE__*/React.createElement("main", null, children), footer && /*#__PURE__*/React.createElement("footer", null, footer));
 };
-
 Segment.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,
-
   /**
    * The title of the segment
    */
   title: _propTypes.default.string.isRequired,
-
   /**
    * The optional footer of the segment.
    */
   footer: _propTypes.default.node
 };
-Segment.defaultProps = {// someProp:false
+Segment.defaultProps = {
+  // someProp:false
 };
 var _default = Segment;
 exports.default = _default;

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

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

package/dist/cjs/b/SocialMediaButton/SocialMediaButton.js

@@ -4,31 +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"));
 var _a = require("../../a");
-
 var _excluded = ["id", "className", "style", "type", "icon", "link", "color", "isTransparent"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 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; }
-
 // Local Definitions
-var baseClassName = _bem.default.base;
+
+var baseClassName = _exports.default.base;
 var componentClassName = 'social-media-button';
 var defaultsMap = {
   facebook: {
@@ -48,93 +37,83 @@ var defaultsMap = {
     link: 'LINKEDIN'
   }
 };
+
 /**
  * This is the component description.
  * This component takes `y` as the default color and `x` as the hover color.
- * This components needs to be wrapped within a `SiteContextProvider`.
+ * This components needs to be wrapped within a `AppContextProvider`.
  */
-
 var SocialMediaButton = _ref => {
-  var _siteContext$SOCIAL;
-
+  var _applicationContext$S;
   var {
-    id,
-    className: userClassName,
-    style,
-    type,
-    icon,
-    link,
-    color,
-    isTransparent
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  var siteContext = (0, _a.useSite)();
+      id,
+      className: userClassName,
+      style,
+      type,
+      icon,
+      link,
+      color,
+      isTransparent
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var applicationContext = (0, _a.useApp)();
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
   }, []);
   var content = type && defaultsMap[type];
-  var href = link || (siteContext === null || siteContext === void 0 ? void 0 : (_siteContext$SOCIAL = siteContext.SOCIAL) === null || _siteContext$SOCIAL === void 0 ? void 0 : _siteContext$SOCIAL[content.link]);
+  var href = link || (applicationContext === null || applicationContext === void 0 ? void 0 : (_applicationContext$S = applicationContext.SOCIAL) === null || _applicationContext$S === void 0 ? void 0 : _applicationContext$S[content.link]);
   return /*#__PURE__*/React.createElement("a", {
     href: href,
     target: "_blank",
     rel: "noreferrer"
   }, /*#__PURE__*/React.createElement("button", _extends({
     id: id,
-    className: [baseClassName, "x-".concat(color || type), isTransparent && _bem.default.modifierTransparent, componentClassName, userClassName].filter(e => e).join(' '),
+    className: [baseClassName, "x-".concat(color || type), isTransparent && _exports.default.modifierTransparent, componentClassName, userClassName].filter(e => e).join(' '),
     style: style,
     type: "button"
   }, otherProps), icon || content.icon));
 };
-
 SocialMediaButton.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,
-
   /**
    * The Social Media to Target.
    * If blank, you need to provide both an icon letter (from glyphter) and a link.
    */
   type: _propTypes.default.oneOf(['twitter', 'facebook', 'instagram', 'linkedin']),
-
   /**
    * The icon of the social media
    */
   icon: _propTypes.default.string,
-
   /**
    * The link to the social media
    */
   link: _propTypes.default.string,
-
   /**
    * The button color
    */
   color: _propTypes.default.string,
-
   /**
    * Whether the button is transparent
    */
   isTransparent: _propTypes.default.bool
 };
-SocialMediaButton.defaultProps = {// someProp:false
+SocialMediaButton.defaultProps = {
+  // someProp:false
 };
 var _default = SocialMediaButton;
 exports.default = _default;

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

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

package/dist/cjs/b/SocialMediaButton/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 *;
 
 $default-dimensions: 2em;
 $mobile-dimensions: 2.75em;
@@ -29,7 +29,7 @@ $mobile-dimensions: 2.75em;
   }
 
   &:focus {
-    background: var(--light-x);
+    background: var(--soft-x);
   }
 
   &.#{bem.$modifier-transparent} {
@@ -41,7 +41,7 @@ $mobile-dimensions: 2.75em;
     }
   
     &:focus {
-      color: var(--light-x);
+      color: var(--soft-x);
     }
   }
 }

package/dist/cjs/b/ThemeSelector/ThemeSelector.js

@@ -4,41 +4,35 @@ 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 _a = require("../../a");
-
 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 = 'theme-selector';
+
 /**
  * This is the component description.
  */
-
 var ThemeSelector = _ref => {
   var {
     id,
     className: userClassName,
     style,
     // children
+
     themes,
     iconMap
   } = _ref;
   var {
     userTheme,
     setPreferredTheme
-  } = (0, _a.useSite)();
+  } = (0, _a.useApp)();
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
   }, []);
@@ -56,23 +50,19 @@ var ThemeSelector = _ref => {
     className: "v0 m-v icon"
   }, iconMap[userTheme]), /*#__PURE__*/React.createElement("span", null, userTheme));
 };
-
 ThemeSelector.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
    */
@@ -82,7 +72,6 @@ ThemeSelector.propTypes = {
    * The themes and the order in which they appear
    */
   themes: _propTypes.default.arrayOf(_propTypes.default.string),
-
   /**
    * A map of the theme names with the icons that represent them. Uses the default font icon.
    */
@@ -94,7 +83,6 @@ ThemeSelector.defaultProps = {
     dark: 'n',
     // sun,
     light: 'm' // moon,
-
   }
 };
 var _default = ThemeSelector;

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

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