@pareto-engineering/design-system 0.0.1-alpha.7 → 0.0.1-alpha.70

package/dist/cjs/c/SiteContext/Context.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-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; }
-
-var _default = /*#__PURE__*/React.createContext({});
-
-exports.default = _default;

package/dist/cjs/c/SiteContext/ContextProvider.js

@@ -1,65 +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 _useTheme = _interopRequireDefault(require("./useTheme"));
-
-var _Context = _interopRequireDefault(require("./Context"));
-
-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; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-// Component-level imports
-// Helper Definitions
-var SiteContextProvider = (_ref) => {
-  var {
-    children,
-    initialTheme,
-    config // ...otherProps
-
-  } = _ref;
-  var theme = (0, _useTheme.default)(initialTheme);
-  return /*#__PURE__*/React.createElement(_Context.default.Provider, {
-    value: _objectSpread(_objectSpread({}, config), theme)
-  }, children);
-};
-
-SiteContextProvider.propTypes = {
-  /**
-   *  The children JSX
-   */
-  children: _propTypes.default.node,
-
-  /**
-   * The initial theme for the website. If undefined, fallbacks on system preference.
-   */
-  initialTheme: _propTypes.default.string,
-
-  /**
-   * A dictionnary containing settings and preferences to be used site-wide
-   */
-  config: _propTypes.default.shape({
-    SITE_NAME: _propTypes.default.string.isRequired,
-    SITE_CANONICAL: _propTypes.default.string.isRequired,
-    FACEBOOK: _propTypes.default.string,
-    INSTAGRAM: _propTypes.default.string
-  }).isRequired
-};
-var _default = SiteContextProvider;
-exports.default = _default;

package/dist/cjs/c/SiteContext/useTheme.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _default = function _default(initialTheme) {
-  var storageKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'theme';
-  var isClient = typeof window === 'object';
-  var [preferredTheme, setPreferredTheme] = (0, _react.useState)(initialTheme);
-  var [userTheme, setUserTheme] = (0, _react.useState)();
-  (0, _react.useEffect)(() => {
-    var storage = window.localStorage;
-
-    if (isClient) {
-      var storedTheme = window.localStorage.getItem(storageKey); // console.log(storedTheme, storedTheme != userTheme)
-
-      if (storedTheme && storedTheme !== userTheme) {
-        // console.warn('Theme load')
-        setPreferredTheme(storedTheme);
-        setUserTheme(storedTheme);
-      } else if (preferredTheme && preferredTheme.length && preferredTheme !== 'system') {
-        setUserTheme(preferredTheme);
-        storage.setItem(storageKey, preferredTheme); // console.warn('theme change', preferredTheme)
-      } else {
-        setUserTheme(window.matchMedia('(prefers-color-scheme:dark)').matches ? 'dark' : 'light');
-        storage.removeItem(storageKey); // console.warn('theme reset')
-      }
-    } else {
-      setUserTheme('light');
-    }
-  }, [preferredTheme, isClient]);
-  return {
-    userTheme,
-    preferredTheme,
-    setPreferredTheme
-  };
-};
-
-exports.default = _default;

package/dist/es/a/Tester/Tester.js

@@ -1,46 +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
-
-import("./styles.scss"); // Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'tester';
-
-const Tester = ({
-  id,
-  className: userClassName,
-  style,
-  children // ...otherProps
-
-}) => /*#__PURE__*/React.createElement("div", {
-  id: id,
-  className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-  style: style
-}, children);
-
-Tester.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
-};
-Tester.defaultProps = {// someProp:false
-};
-export default Tester;

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

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

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

@@ -1,9 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.2 */
-@use "@pareto-engineering/bem";
-
-.#{bem.$base}.tester{
-
-}
-
-
-

package/dist/es/c/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/c/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/SiteContext/useSite.js

@@ -1,3 +0,0 @@
-import { useContext } from 'react';
-import SiteContext from "./Context";
-export default (() => useContext(SiteContext));

package/dist/es/c/SiteContext/useTheme.js

@@ -1,32 +0,0 @@
-import { useState, useEffect } from 'react';
-export default ((initialTheme, storageKey = 'theme') => {
-  const isClient = typeof window === 'object';
-  const [preferredTheme, setPreferredTheme] = useState(initialTheme);
-  const [userTheme, setUserTheme] = useState();
-  useEffect(() => {
-    const storage = window.localStorage;
-
-    if (isClient) {
-      const storedTheme = window.localStorage.getItem(storageKey); // console.log(storedTheme, storedTheme != userTheme)
-
-      if (storedTheme && storedTheme !== userTheme) {
-        // console.warn('Theme load')
-        setPreferredTheme(storedTheme);
-        setUserTheme(storedTheme);
-      } else if (preferredTheme && preferredTheme.length && preferredTheme !== 'system') {
-        setUserTheme(preferredTheme);
-        storage.setItem(storageKey, preferredTheme); // console.warn('theme change', preferredTheme)
-      } else {
-        setUserTheme(window.matchMedia('(prefers-color-scheme:dark)').matches ? 'dark' : 'light');
-        storage.removeItem(storageKey); // console.warn('theme reset')
-      }
-    } else {
-      setUserTheme('light');
-    }
-  }, [preferredTheme, isClient]);
-  return {
-    userTheme,
-    preferredTheme,
-    setPreferredTheme
-  };
-});

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/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'

package/src/ui/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;
-      }
-    }
-  }
-}