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

package/dist/es/a/DashboardNavbar/DashboardNavbar.js

@@ -1,56 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.3 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-
-// Package-level Imports
-// import styleNames from 'style_names.scss'
-import { NavItem, NavProfile } from "./common";
-
-// Component-level imports
-import("./styles.scss");
-
-// Helper Definition
-// const baseClassName = styleNames.base
-const componentClassName = 'dashboard-navbar';
-const DashboardNavbar = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [
-    // baseClassName,
-    componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, /*#__PURE__*/React.createElement("section", {
-    className: "menu"
-  }, children), /*#__PURE__*/React.createElement(NavProfile, null));
-};
-DashboardNavbar.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: PropTypes.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: PropTypes.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: PropTypes.objectOf(PropTypes.string),
-  /**
-   *  The children JSX
-   */
-  children: PropTypes.node
-};
-DashboardNavbar.defaultProps = {
-  // someProp:false
-};
-DashboardNavbar.Item = NavItem;
-DashboardNavbar.Profile = NavProfile;
-export default DashboardNavbar;

package/dist/es/a/DashboardNavbar/common/NavItem/NavItem.js

@@ -1,51 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-
-// Package-level Imports
-// import styleNames from 'style_names.scss'
-
-// Component-level imports
-import("./styles.scss");
-
-// Helper Definition
-// const baseClassName = styleNames.base
-const componentClassName = 'nav-item';
-const NavItem = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [
-    // baseClassName,
-    componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, "Nav Item", children);
-};
-NavItem.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: PropTypes.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: PropTypes.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: PropTypes.objectOf(PropTypes.string),
-  /**
-   *  The children JSX
-   */
-  children: PropTypes.node
-};
-NavItem.defaultProps = {
-  // someProp:false
-};
-export default NavItem;

package/dist/es/a/DashboardNavbar/common/NavItem/index.js

@@ -1,2 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-export { default as NavItem } from "./NavItem";

package/dist/es/a/DashboardNavbar/common/NavItem/styles.scss

@@ -1,9 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-
-/* stylelint-disable -- Not done yet */
-.nav-item{
-
-}
-
-
-

package/dist/es/a/DashboardNavbar/common/NavProfile/NavProfile.js

@@ -1,51 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-
-// Package-level Imports
-// import styleNames from 'style_names.scss'
-
-// Component-level imports
-import("./styles.scss");
-
-// Helper Definition
-// const baseClassName = styleNames.base
-const componentClassName = 'nav-profile';
-const NavProfile = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [
-    // baseClassName,
-    componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, "Nav Profile", children);
-};
-NavProfile.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: PropTypes.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: PropTypes.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: PropTypes.objectOf(PropTypes.string),
-  /**
-   *  The children JSX
-   */
-  children: PropTypes.node
-};
-NavProfile.defaultProps = {
-  // someProp:false
-};
-export default NavProfile;

package/dist/es/a/DashboardNavbar/common/NavProfile/index.js

@@ -1,2 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-export { default as NavProfile } from "./NavProfile";

package/dist/es/a/DashboardNavbar/common/NavProfile/styles.scss

@@ -1,9 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-
-/* stylelint-disable -- Not done yet */
-.nav-profile{
-
-}
-
-
-

package/dist/es/a/DashboardNavbar/common/index.js

@@ -1,2 +0,0 @@
-export { NavItem } from "./NavItem";
-export { NavProfile } from "./NavProfile";

package/dist/es/a/DashboardNavbar/index.js

@@ -1,2 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.3 */
-export { default as DashboardNavbar } from "./DashboardNavbar";

package/dist/es/a/DashboardNavbar/styles.scss

@@ -1,14 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.3 */
-
-.dashboard-navbar {
-  background: var(--pearl);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-
-  .menu {
-    flex-grow: 1;
-  }
-}
-
-

package/dist/es/a/FeaturedOn/FeaturedOn.js

@@ -1,72 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import { useLayoutEffect } from 'react';
-import PropTypes from 'prop-types';
-import styleNames from '@pareto-engineering/bem/exports';
-
-// Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'featured-on';
-
-/**
- * This is the component description.
- */
-const FeaturedOn = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    featuresMap
-    // ...otherProps
-  } = _ref;
-  useLayoutEffect(() => {
-    import("./styles.scss");
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, 'u1'].filter(e => e).join(' '),
-    style: style
-    // {...otherProps}
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "x-metadata c-x uc u1 mb-u md-s0 s-1"
-  }, "As featured on"), /*#__PURE__*/React.createElement("div", {
-    className: "content"
-  }, featuresMap.map(feature => /*#__PURE__*/React.createElement("a", {
-    key: feature.altText,
-    className: "link",
-    href: feature.link,
-    rel: "nofollow noreferrer",
-    target: "_blank"
-  }, /*#__PURE__*/React.createElement("img", {
-    key: feature.altText,
-    src: feature.img,
-    alt: feature.altText
-  })))));
-};
-FeaturedOn.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: PropTypes.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: PropTypes.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: PropTypes.objectOf(PropTypes.string),
-  /**
-   *  The featuresMap
-   */
-  featuresMap: PropTypes.arrayOf(PropTypes.shape({
-    altText: PropTypes.string.isRequired,
-    img: PropTypes.string.isRequired,
-    link: PropTypes.string.isRequired
-  })).isRequired
-};
-FeaturedOn.defaultProps = {
-  // someProp:false
-};
-export default FeaturedOn;

package/dist/es/a/FeaturedOn/index.js

@@ -1,2 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-export { default as FeaturedOn } from "./FeaturedOn";

package/dist/es/a/FeaturedOn/styles.scss

@@ -1,41 +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}.featured-on {
-  .title {
-    color: var(--subtitle);
-  }
-
-  .content {
-    align-items: center;
-    display: grid;
-    gap: var(--u);
-    grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
-    justify-items: center;
-
-    .link {
-      display: block;
-      height: 100%;
-      width: 6em;
-
-
-
-      img {
-        height: 100%;
-        object-fit: contain;
-        width: 100%;
-      }
-
-
-      &:hover {
-        transform: scale(1.05);
-        transition: all .5s;
-      }
-    }
-  }
-}
-
-

package/dist/es/a/TeamInfo/TeamInfo.js

@@ -1,83 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import { useLayoutEffect } from 'react';
-import PropTypes from 'prop-types';
-import styleNames from '@pareto-engineering/bem/exports';
-
-// Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'team-info';
-
-/**
- * This is the component description.
- */
-const SiteTeamInfo = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    description,
-    img,
-    name,
-    role
-    // ...otherProps
-  } = _ref;
-  useLayoutEffect(() => {
-    import("./styles.scss");
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, 'u1'].filter(e => e).join(' '),
-    style: style
-    // {...otherProps}
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "description s-1 md-s0"
-  }, description), /*#__PURE__*/React.createElement("div", {
-    className: "content"
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "img mr-u",
-    src: img,
-    alt: `${name}, ${role} at Pareto`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "team-member"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "name s-1"
-  }, name), /*#__PURE__*/React.createElement("span", {
-    className: "role s-2"
-  }, role))));
-};
-SiteTeamInfo.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: PropTypes.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: PropTypes.string,
-  /**
-   * The react-written, css properties for this element.
-   */
-  style: PropTypes.objectOf(PropTypes.string),
-  /**
-   *  The team description
-   */
-  description: PropTypes.string.isRequired,
-  /**
-   *  The team member image
-   */
-  img: PropTypes.string.isRequired,
-  /**
-   *  The team member name
-   */
-  name: PropTypes.string.isRequired,
-  /**
-   *  The team member role
-   */
-  role: PropTypes.string.isRequired
-};
-SiteTeamInfo.defaultProps = {
-  // someProp:false
-};
-export default SiteTeamInfo;

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

@@ -1,2 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-export { default as TeamInfo } from "./TeamInfo";

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

@@ -1,58 +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 *;
-
-$team-info-padding:var(--u);
-$img-height-width: 3.5em;
-$img-border-radius: var(--theme-border-radius);
-$p-h4-color:var(--subtitle);
-$role-color:var(--metadata);
-$default-name-color:var(--main1);
-$box-shadow:0 .45em 1em 0 var(--background1);
-
-.#{bem.$base}.team-info {
-  align-items: flex-start;
-  background: var(--soft-y, var(--soft-background1));
-  box-shadow: $box-shadow;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: $team-info-padding;
-  width: 100%;
-
-
-  .description {
-    color: $p-h4-color;
-  }
-
-  .content {
-    display: flex;
-    width: 100%;
-
-    .img {
-      border-radius: $img-border-radius;
-      height: $img-height-width;
-      object-fit: cover;
-      width: $img-height-width;
-    }
-
-    .team-member {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-around;
-
-      .name {
-        color: $default-name-color;
-      }
-
-      .role {
-        color: $role-color;
-        margin: 0;
-      }
-    }
-  }
-}
-
-

package/dist/es/b/Card/Card.js

@@ -1,51 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-
-// Package-level Imports
-import styleNames from '@pareto-engineering/bem/exports';
-
-// Component-level imports
-import { Group } from "./common";
-import("./styles.scss");
-
-// Helper Definition
-const baseClassName = styleNames.base;
-const componentClassName = 'card';
-const Card = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, children);
-};
-Card.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: PropTypes.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: PropTypes.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: PropTypes.objectOf(PropTypes.string),
-  /**
-   *  The children JSX
-   */
-  children: PropTypes.node
-};
-Card.defaultProps = {
-  // someProp:false
-};
-Card.Group = Group;
-export default Card;

package/dist/es/b/Card/common/Group/Group.js

@@ -1,54 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-
-// Package-level Imports
-import styleNames from '@pareto-engineering/bem/exports';
-
-// Component-level imports
-import("./styles.scss");
-
-// Helper Definition
-const baseClassName = styleNames.base;
-const componentClassName = 'card-group';
-const Group = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children,
-    isGhost
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, isGhost && styleNames.modifierGhost].filter(e => e).join(' '),
-    style: style
-  }, children);
-};
-Group.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: PropTypes.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: PropTypes.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: PropTypes.objectOf(PropTypes.string),
-  /**
-   *  The children JSX
-   */
-  children: PropTypes.node,
-  /**
-   * Whether the button has the ghost style
-   */
-  isGhost: PropTypes.bool
-};
-Group.defaultProps = {
-  // someProp:false
-};
-export default Group;

package/dist/es/b/Card/common/Group/index.js

@@ -1,2 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-export { default as Group } from "./Group";

package/dist/es/b/Card/common/Group/styles.scss

@@ -1,61 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-
-@use "@pareto-engineering/styles/src/mixins";
-@use "@pareto-engineering/styles/src/globals" as *;
-@use "@pareto-engineering/bem" ;
-
-$separator-width:2px;
-$separator-color:var(--metadata);
-
-.#{bem.$base}.card-group {
-  //TODO temp
-  background: #dfdfdf;
-  padding: 1em;
-
-  @include mixins.media($from:$sm-md) {
-    display: grid;
-    grid-auto-flow: column;
-  }
-
-  &.#{bem.$modifier-ghost} {
-    //background: red;
-
-    .#{bem.$base}.card {
-      //background: yellow;
-      border: 0;
-      border-radius: 0;
-
-      + .#{bem.$base}.card {
-        //border-left: 2px solid red;
-        position: relative;
-
-        &::before {
-          background: $separator-color;
-          content: "";
-          display: block;
-          left: 0;
-          position: absolute;
-          top: 0;
-        }
-
-        @include mixins.media($to:$sm-md) {
-          &::before {
-            height: $separator-width;
-            transform: translateY(-50%);
-            width: 100%;
-          }
-        }
-
-        @include mixins.media($from:$sm-md) {
-          &::before {
-            height: 100%;
-            transform: translateX(-50%);
-            width: $separator-width;
-          }
-        }
-      }
-    }
-  }
-}
-
-

package/dist/es/b/Card/common/index.js

@@ -1 +0,0 @@
-export { Group } from "./Group";

package/dist/es/b/Card/index.js

@@ -1,2 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-export { default as Card } from "./Card";

package/dist/es/b/Card/styles.scss

@@ -1,12 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.4 */
-
-@use "@pareto-engineering/bem" ;
-$padding:.5em 1em;
-
-.#{bem.$base}.card {
-  border: var(--theme-border);
-  border-radius: var(--border-radius);
-  padding: $padding;
-}
-
-