@pareto-engineering/design-system 0.0.1-alpha.9 → 0.0.4-testing-id.0

package/dist/cjs/c/TeamGallery/TeamGallery.js

@@ -1,80 +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 _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
-var _common = require("./common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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
-// import('./styles.scss')
-var baseClassName = _bem.default.base;
-var componentClassName = 'team-gallery';
-
-var TeamGallery = (_ref) => {
-  var {
-    id,
-    className: userClassName,
-    style,
-    children,
-    title // ...otherProps
-
-  } = _ref;
-  (0, React.useLayoutEffect)(() => {
-    Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: "content"
-  }, children));
-};
-
-TeamGallery.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.isRequired,
-
-  /**
-   *  Title of gallery
-   */
-  title: _propTypes.default.string.isRequired
-};
-TeamGallery.defaultProps = {// someProp:false
-};
-TeamGallery.PersonCard = _common.PersonCard;
-var _default = TeamGallery;
-exports.default = _default;

package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js

@@ -1,84 +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 _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-/* @pareto-engineering/generator-front 1.0.2 */
-// Imports from the component folder
-// Local Definitions
-var baseClassName = _bem.default.base;
-var componentClassName = 'person-card';
-
-var PersonCard = (_ref) => {
-  var {
-    id,
-    className: userClassName,
-    style,
-    name,
-    position,
-    picture // ...otherProps
-
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement("img", {
-    src: picture,
-    alt: ""
-  })), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("p", {
-    className: "name"
-  }, /*#__PURE__*/React.createElement("strong", null, name)), /*#__PURE__*/React.createElement("p", {
-    className: "position"
-  }, position)));
-};
-
-PersonCard.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 name of the person.
-   */
-  name: _propTypes.default.string.isRequired,
-
-  /**
-   * The position of the person.
-   */
-  position: _propTypes.default.string.isRequired,
-
-  /**
-   * The picture of the person.
-   */
-  picture: _propTypes.default.string.isRequired
-};
-PersonCard.defaultProps = {// someProp:false
-};
-var _default = PersonCard;
-exports.default = _default;

package/dist/cjs/c/TeamGallery/styles.scss

@@ -1,100 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.2 */
-
-@use "@pareto-engineering/bem";
-@use "@aztlan/stylebook/src/mixins";
-@use "@aztlan/stylebook/src/globals" as *;
-
-$base-padding:1em;
-
-$column-title-width-md:200px;
-$content-grid-gap:$base-padding;
-$content-padding:$base-padding;
-$image-height-sm: 10em;
-$image-height-md: 15em;
-$picture-border-radius:.5em;
-
-.#{bem.$base}.team-gallery {
-  display: grid;
-
-  @include mixins.media($to:$sm-md) {
-    grid-template-columns: 1fr;
-
-    .title {
-      text-align: center;
-    }
-  }
-
-  @include mixins.media($from:$sm-md) {
-    grid-template-columns: [title] $column-title-width-md [content] 1fr;
-
-    .title {
-      grid-column-start: title;
-    }
-
-    .content {
-      grid-column-start: content;
-    }
-  }
-
-  .title {
-    padding: $base-padding;
-  }
-
-  .content {
-    display: grid;
-    grid-gap: $content-grid-gap;
-    padding: $content-padding;
-    @include mixins.media($to:$sm-md) {
-      grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
-    }
-
-    @include mixins.media($from:$sm-md) {
-      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-    }
-  }
-}
-
-.#{bem.$base}.team-gallery .#{bem.$base}.person-card {
-  background: transparent;
-
-  > header {
-    img {
-      border-radius: $picture-border-radius;
-      filter: grayscale(100%);
-      object-fit: cover;
-      width: 100%;
-    }
-  }
-
-  > main {
-    padding: $base-padding;
-    text-align: center;
-
-    .name {
-      font-size: calc(var(--s0) * 1rem);
-      margin: 0 0 $base-padding/2 0;
-    }
-
-    .position {
-      color: var(--light-paragraph);
-      font-family: var(--font-paragraph);
-      margin: 0 0 0 0;
-    }
-  }
-
-  @include mixins.media($to:$sm-md) {
-    > header {
-      img {
-        height: $image-height-sm;
-      }
-    }
-  }
-
-  @include mixins.media($from:$sm-md) {
-    > header {
-      img {
-        height: $image-height-md;
-      }
-    }
-  }
-}

package/dist/es/a/SiteContext/ContextProvider.js

@@ -1,44 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.3 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import useTheme from "./useTheme"; // Package-level Imports
-
-import Context from "./Context"; // Component-level imports
-// Helper Definitions
-
-const SiteContextProvider = ({
-  children,
-  initialTheme,
-  config // ...otherProps
-
-}) => {
-  const theme = useTheme(initialTheme);
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: { ...config,
-      ...theme
-    }
-  }, children);
-};
-
-SiteContextProvider.propTypes = {
-  /**
-   *  The children JSX
-   */
-  children: PropTypes.node,
-
-  /**
-   * The initial theme for the website. If undefined, fallbacks on system preference.
-   */
-  initialTheme: PropTypes.string,
-
-  /**
-   * A dictionnary containing settings and preferences to be used site-wide
-   */
-  config: PropTypes.shape({
-    SITE_NAME: PropTypes.string.isRequired,
-    SITE_CANONICAL: PropTypes.string.isRequired,
-    FACEBOOK: PropTypes.string,
-    INSTAGRAM: PropTypes.string
-  }).isRequired
-};
-export default SiteContextProvider;

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

@@ -1,5 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.3 */
-export { default as SiteContext } from "./Context";
-export { default as SiteContextProvider } from "./ContextProvider";
-export { default as useSite } from "./useSite";
-export { default as useTheme } from "./useTheme";

package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js

@@ -1,64 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.2 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import styleNames from '@pareto-engineering/bem'; // Imports from the component folder
-// Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'person-card';
-
-const PersonCard = ({
-  id,
-  className: userClassName,
-  style,
-  name,
-  position,
-  picture // ...otherProps
-
-}) => /*#__PURE__*/React.createElement("div", {
-  id: id,
-  className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-  style: style
-}, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement("img", {
-  src: picture,
-  alt: ""
-})), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("p", {
-  className: "name"
-}, /*#__PURE__*/React.createElement("strong", null, name)), /*#__PURE__*/React.createElement("p", {
-  className: "position"
-}, position)));
-
-PersonCard.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 name of the person.
-   */
-  name: PropTypes.string.isRequired,
-
-  /**
-   * The position of the person.
-   */
-  position: PropTypes.string.isRequired,
-
-  /**
-   * The picture of the person.
-   */
-  picture: PropTypes.string.isRequired
-};
-PersonCard.defaultProps = {// someProp:false
-};
-export default PersonCard;

package/dist/es/c/TeamGallery/common/PersonCard/index.js

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

package/dist/es/c/TeamGallery/common/index.js

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

package/dist/es/c/TeamGallery/index.js

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

package/dist/es/c/TeamGallery/styles.scss

@@ -1,100 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.2 */
-
-@use "@pareto-engineering/bem";
-@use "@aztlan/stylebook/src/mixins";
-@use "@aztlan/stylebook/src/globals" as *;
-
-$base-padding:1em;
-
-$column-title-width-md:200px;
-$content-grid-gap:$base-padding;
-$content-padding:$base-padding;
-$image-height-sm: 10em;
-$image-height-md: 15em;
-$picture-border-radius:.5em;
-
-.#{bem.$base}.team-gallery {
-  display: grid;
-
-  @include mixins.media($to:$sm-md) {
-    grid-template-columns: 1fr;
-
-    .title {
-      text-align: center;
-    }
-  }
-
-  @include mixins.media($from:$sm-md) {
-    grid-template-columns: [title] $column-title-width-md [content] 1fr;
-
-    .title {
-      grid-column-start: title;
-    }
-
-    .content {
-      grid-column-start: content;
-    }
-  }
-
-  .title {
-    padding: $base-padding;
-  }
-
-  .content {
-    display: grid;
-    grid-gap: $content-grid-gap;
-    padding: $content-padding;
-    @include mixins.media($to:$sm-md) {
-      grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
-    }
-
-    @include mixins.media($from:$sm-md) {
-      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-    }
-  }
-}
-
-.#{bem.$base}.team-gallery .#{bem.$base}.person-card {
-  background: transparent;
-
-  > header {
-    img {
-      border-radius: $picture-border-radius;
-      filter: grayscale(100%);
-      object-fit: cover;
-      width: 100%;
-    }
-  }
-
-  > main {
-    padding: $base-padding;
-    text-align: center;
-
-    .name {
-      font-size: calc(var(--s0) * 1rem);
-      margin: 0 0 $base-padding/2 0;
-    }
-
-    .position {
-      color: var(--light-paragraph);
-      font-family: var(--font-paragraph);
-      margin: 0 0 0 0;
-    }
-  }
-
-  @include mixins.media($to:$sm-md) {
-    > header {
-      img {
-        height: $image-height-sm;
-      }
-    }
-  }
-
-  @include mixins.media($from:$sm-md) {
-    > header {
-      img {
-        height: $image-height-md;
-      }
-    }
-  }
-}

package/src/stories/a/SiteContext.stories.jsx

@@ -1,29 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.0 */
-import * as React from 'react'
-
-import { SiteContextProvider } from 'ui'
-
-export default {
-  title        :'a/SiteContext',
-  component    :SiteContextProvider,
-  subcomponents:{
-    // Item:SiteContext.Item
-  },
-  decorators:[
-    // storyfn => <div className="">{ storyfn() }</div>,
-  ],
-  argTypes:{
-    // backgroundColor:{ control: 'color' },
-  },
-}
-
-export const Base = () => (
-  <SiteContextProvider
-    config={{
-      SITE_NAME     :'My site',
-      SITE_CANONICAL:'https://mysite.com',
-    }}
-  >
-    Sample SiteContext
-  </SiteContextProvider>
-)

package/src/stories/c/TeamGallery.stories.jsx

@@ -1,52 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.2 */
-import * as React from 'react'
-
-import { TeamGallery } from 'ui'
-
-export default {
-  title        :'c/TeamGallery',
-  component    :TeamGallery,
-  subcomponents:{
-    'TeamGallery.PersonCard':TeamGallery.PersonCard,
-  },
-  decorators:[
-    // storyfn => <div className="">{ storyfn() }</div>,
-  ],
-  argTypes:{
-  },
-}
-
-export const Base = () => (
-  <TeamGallery title="Leadership">
-    <TeamGallery.PersonCard
-      name="Phoebe Yao"
-      position="CEO & Founder"
-      picture="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=934&q=80"
-    />
-    <TeamGallery.PersonCard
-      name="Dulce May Tigol"
-      position="Accounting"
-      picture="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=934&q=80"
-    />
-    <TeamGallery.PersonCard
-      name="Ellen Free"
-      position="Growth"
-      picture="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=934&q=80"
-    />
-    <TeamGallery.PersonCard
-      name="Collins Mbulakyalo"
-      position="Software"
-      picture="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=934&q=80"
-    />
-    <TeamGallery.PersonCard
-      name="Kaylin Hu"
-      position="Operations"
-      picture="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=934&q=80"
-    />
-    <TeamGallery.PersonCard
-      name="Diza Hendrawan"
-      position="Marketing"
-      picture="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=934&q=80"
-    />
-  </TeamGallery>
-)

package/src/ui/a/SiteContext/ContextProvider.jsx

@@ -1,56 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.3 */
-import * as React from 'react'
-import PropTypes from 'prop-types'
-
-import useTheme from './useTheme'
-
-// Package-level Imports
-import Context from './Context'
-
-// Component-level imports
-
-// Helper Definitions
-
-const SiteContextProvider = ({
-  children,
-  initialTheme,
-  config,
-  // ...otherProps
-}) => {
-  const theme = useTheme(initialTheme)
-
-  return (
-    <Context.Provider
-      value={{
-        ...config,
-        ...theme,
-      }}
-    >
-      {children}
-    </Context.Provider>
-  )
-}
-
-SiteContextProvider.propTypes = {
-  /**
-   *  The children JSX
-   */
-  children:PropTypes.node,
-
-  /**
-   * The initial theme for the website. If undefined, fallbacks on system preference.
-   */
-  initialTheme:PropTypes.string,
-
-  /**
-   * A dictionnary containing settings and preferences to be used site-wide
-   */
-  config:PropTypes.shape({
-    SITE_NAME     :PropTypes.string.isRequired,
-    SITE_CANONICAL:PropTypes.string.isRequired,
-    FACEBOOK      :PropTypes.string,
-    INSTAGRAM     :PropTypes.string,
-  }).isRequired,
-}
-
-export default SiteContextProvider

package/src/ui/a/SiteContext/index.js

@@ -1,5 +0,0 @@
-/* @pareto-engineering/generator-front 0.2.3 */
-export { default as SiteContext } from './Context'
-export { default as SiteContextProvider } from './ContextProvider'
-export { default as useSite } from './useSite'
-export { default as useTheme } from './useTheme'

package/src/ui/c/TeamGallery/common/PersonCard/index.js

@@ -1,2 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.2 */
-export { default as PersonCard } from './PersonCard'

package/src/ui/c/TeamGallery/common/index.js

@@ -1 +0,0 @@
-export { PersonCard } from './PersonCard'

package/src/ui/c/TeamGallery/index.js

@@ -1,2 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.2 */
-export { default as TeamGallery } from './TeamGallery'