@pareto-engineering/design-system 5.2.1 → 5.4.0

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

@@ -1,38 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.0 */
-/* stylelint-disable selector-max-universal -- exception */
-
-@use "@pareto-engineering/bem";
-@use "@pareto-engineering/styles/src/mixins";
-@use "@pareto-engineering/styles/src/globals" as *;
-
-.#{bem.$base}.page {
-  position: relative;
-
-  > .background {
-    position: fixed;
-    z-index: -1;
-  }
-
-  > .#{bem.$base}.section {
-    position: relative;
-
-    &.padded {
-      padding-left: var(--gap);
-      padding-right: var(--gap);
-    }
-
-    > *:not(:last-child) {
-      z-index: 1;
-    }
-
-    &.#{bem.$modifier-spaced} {
-      padding-bottom: var(--theme-default-section-spacing);
-      padding-top: var(--theme-default-section-spacing);
-
-      @include mixins.media($from: $sm-md) {
-        padding-bottom: var(--theme-desktop-section-spacing);
-        padding-top: var(--theme-desktop-section-spacing);
-      }
-    }
-  }
-}

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

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

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

@@ -1,116 +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 _a = require("../../a");
-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 = 'social-media-button';
-const defaultsMap = {
-  facebook: {
-    icon: 'f',
-    link: 'FACEBOOK'
-  },
-  instagram: {
-    icon: 'i',
-    link: 'INSTAGRAM'
-  },
-  twitter: {
-    icon: 't',
-    link: 'TWITTER'
-  },
-  linkedin: {
-    icon: 'l',
-    link: 'LINKEDIN'
-  },
-  threads: {
-    icon: 'u',
-    link: 'THREADS'
-  }
-};
-
-/**
- * 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 `AppContextProvider`.
- */
-const SocialMediaButton = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    type,
-    icon,
-    link,
-    color,
-    isTransparent,
-    ...otherProps
-  } = _ref;
-  const applicationContext = (0, _a.useApp)();
-  const content = type && defaultsMap[type];
-  const href = link || applicationContext?.SOCIAL?.[content?.link];
-  return /*#__PURE__*/React.createElement("a", {
-    href: href,
-    target: "_blank",
-    rel: "noreferrer"
-  }, /*#__PURE__*/React.createElement("button", _extends({
-    id: id,
-    className: [baseClassName, `x-${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
-};
-var _default = exports.default = SocialMediaButton;

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

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

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

@@ -1,35 +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-dimensions: 2em;
-$mobile-dimensions: 2.75em;
-
-.#{bem.$base}.social-media-button {
-  appearance: none;
-  border: 0;
-  cursor: pointer;
-  font-family: "icons", sans-serif;
-  transition: all .3s;
-
-  &:focus {
-    background: var(--soft-x);
-  }
-
-  &.#{bem.$modifier-clear} {
-    background: transparent;
-    color: var(--y, var(--heading));
-
-    &:hover {
-      color: var(--x);
-    }
-
-    &:focus {
-      color: var(--soft-x);
-    }
-  }
-}
-
-

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

@@ -1,74 +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"));
-var _a = require("../../a");
-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 = 'theme-selector';
-
-/**
- * This is the component description.
- */
-const ThemeSelector = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    themes
-  } = _ref;
-  const {
-    userTheme,
-    setPreferredTheme
-  } = (0, _a.useApp)();
-  const loopThemes = (0, _react.useCallback)(() => {
-    const current = themes.indexOf(userTheme);
-    setPreferredTheme(themes[(current + 1) % themes.length]);
-  }, [userTheme]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    id: id,
-    style: style
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "c-x x-paragraph"
-  }, userTheme && userTheme[0].toUpperCase() + userTheme.slice(1), ' ', "Theme"), /*#__PURE__*/React.createElement(_a.ToggleSwitch, {
-    checked: userTheme === 'dark',
-    handleOnChange: loopThemes,
-    inputId: "theme-toggle"
-  }));
-};
-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 themes and the order in which they appear
-   */
-  themes: _propTypes.default.arrayOf(_propTypes.default.string)
-};
-ThemeSelector.defaultProps = {
-  themes: ['light', 'dark']
-};
-var _default = exports.default = ThemeSelector;

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

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

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

@@ -1,52 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-
-$default-border-radius: var(--theme-default-border-radius);
-$default-size: 1.2em;
-
-.#{bem.$base}.theme-selector {
-  align-items: center;
-  display: flex;
-  gap: var(--gap);
-
-  > button {
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    display: flex;
-
-    >input {
-      height: 0;
-      visibility: hidden;
-      width: 0;
-    }
-
-    >label {
-      background: var(--interactive);
-      border-radius: $default-border-radius;
-      cursor: pointer;
-      display: block;
-      height: $default-size;
-      position: relative;
-      width: calc($default-size * 2);
-
-      &::after {
-        background: var(--background-far);
-        border: 1px solid var(--ui-lines);
-        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/b/Title/Title.js

@@ -1,110 +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"));
-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.3.1 */ // Package-level Imports
-// Helper Definition
-const baseClassName = _exports.default.base;
-const componentClassName = 'title';
-const Title = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    // children,
-    heading,
-    headingAs: HeadingWrapper,
-    headingClassName,
-    headingStyle,
-    headingProps,
-    subtitle,
-    subtitleAs: SubtitleWrapper,
-    subtitleClassName,
-    subtitleStyle,
-    subtitleProps
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, /*#__PURE__*/React.createElement(HeadingWrapper, _extends({
-    className: [headingClassName, _exports.default.heading].filter(e => e).join(' '),
-    style: headingStyle
-  }, headingProps), heading), subtitle && /*#__PURE__*/React.createElement(SubtitleWrapper, _extends({
-    className: [subtitleClassName, _exports.default.subtitle].filter(e => e).join(' '),
-    style: subtitleStyle
-  }, subtitleProps), subtitle));
-};
-Title.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 heading
-   */
-  heading: _propTypes.default.node.isRequired,
-  /**
-  * The node to display the heading with
-  */
-  headingAs: _propTypes.default.node,
-  /**
-  * The heading html class
-  */
-  headingClassName: _propTypes.default.string,
-  /**
-  * The JSX-Written, css styles to apply to the element.
-  */
-  headingStyle: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   * Extra props to pass to the heading
-   */
-  /* eslint-disable react/forbid-prop-types -- Does not apply to a full prop object */
-  headingProps: _propTypes.default.object,
-  /* eslint-enable react/forbid-prop-types */
-
-  /**
-   *  The subtitle
-   */
-  subtitle: _propTypes.default.node,
-  /**
-   * The node to display the heading with
-   */
-  subtitleAs: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  /**
-   * The subtitle html class
-   */
-  subtitleClassName: _propTypes.default.string,
-  /**
-   * The JSX-Written, css styles to apply to the element.
-   */
-  subtitleStyle: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   * Extra props to pass to the subtitle
-   */
-  /* eslint-disable react/forbid-prop-types -- Does not apply to a full prop object */
-  subtitleProps: _propTypes.default.object
-  /* eslint-enable react/forbid-prop-types */
-};
-Title.defaultProps = {
-  headingAs: 'h1',
-  subtitleAs: 'p'
-};
-var _default = exports.default = Title;

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

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

package/dist/cjs/b/index.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function () {
-    return _Button.Button;
-  }
-});
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function () {
-    return _Card.Card;
-  }
-});
-Object.defineProperty(exports, "Logo", {
-  enumerable: true,
-  get: function () {
-    return _Logo.Logo;
-  }
-});
-Object.defineProperty(exports, "Page", {
-  enumerable: true,
-  get: function () {
-    return _Page.Page;
-  }
-});
-Object.defineProperty(exports, "SocialMediaButton", {
-  enumerable: true,
-  get: function () {
-    return _SocialMediaButton.SocialMediaButton;
-  }
-});
-Object.defineProperty(exports, "ThemeSelector", {
-  enumerable: true,
-  get: function () {
-    return _ThemeSelector.ThemeSelector;
-  }
-});
-Object.defineProperty(exports, "Title", {
-  enumerable: true,
-  get: function () {
-    return _Title.Title;
-  }
-});
-var _Button = require("./Button");
-var _Logo = require("./Logo");
-var _Page = require("./Page");
-var _SocialMediaButton = require("./SocialMediaButton");
-var _ThemeSelector = require("./ThemeSelector");
-var _Title = require("./Title");
-var _Card = require("./Card");

package/dist/cjs/c/Modal/Modal.js

@@ -1,82 +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 _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; }
-/* @pareto-engineering/generator-front 1.0.12 */
-
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'modal';
-
-/**
- * This is the component description.
- */
-const Modal = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children,
-    title,
-    color,
-    close
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-    // {...otherProps}
-  }, /*#__PURE__*/React.createElement(_common.ModalHeader, {
-    title: title,
-    close: close,
-    color: color
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "modal-body"
-  }, children));
-};
-Modal.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 to pass to the header
-   */
-  title: _propTypes.default.string.isRequired,
-  /**
-   *  The color for the header button
-   */
-  color: _propTypes.default.string,
-  /**
-   *  The function to run upon closing the modal, if any
-   */
-  close: _propTypes.default.func
-};
-Modal.defaultProps = {
-  color: 'heading'
-};
-var _default = exports.default = Modal;