@pareto-engineering/design-system 2.0.0-alpha.22 → 2.0.0-alpha.26

package/dist/cjs/f/fields/TextArea/styles.scss

@@ -1,19 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-@use "@pareto-engineering/bem";
-
-.#{bem.$base}.text-area{
-  display: flex;
-  flex-direction: column;
-
-  .textarea {
-    background: var(--light-x);
-    color: var(--on-x);
-
-    &:focus {
-      background: var(--dark-x);
-    }
-  }
-}
-
-
-

package/dist/es/a/RatingsInput/RatingsInput.js

@@ -1,72 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import { useState, useLayoutEffect } from 'react';
-import PropTypes from 'prop-types';
-import styleNames from '@pareto-engineering/bem'; // Local Definitions
-
-import { Rating } from "./common";
-const baseClassName = styleNames.base;
-const componentClassName = 'ratings-input';
-/**
- * This is the component description.
- */
-
-const RatingsInput = ({
-  id,
-  className: userClassName,
-  style,
-  name,
-  ratingCount // ...otherProps
-
-}) => {
-  useLayoutEffect(() => {
-    import("./styles.scss");
-  }, []);
-  const [hover, setHover] = useState(null);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style // {...otherProps}
-
-  }, [...Array(ratingCount)].map((_, index) => {
-    const ratingValue = index + 1;
-    return /*#__PURE__*/React.createElement(Rating, {
-      key: ratingValue,
-      ratingId: `${name}-${ratingValue}`,
-      value: ratingValue,
-      name: name,
-      hover: hover,
-      setHover: setHover
-    });
-  }));
-};
-
-RatingsInput.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 number of ratings input stars to be displayed
-   */
-  ratingCount: PropTypes.number,
-
-  /**
-   * Name of the rating input
-   */
-  name: PropTypes.string
-};
-RatingsInput.defaultProps = {// someProp:false
-};
-export default RatingsInput;

package/dist/es/a/RatingsInput/common/Rating/Rating.js

@@ -1,102 +0,0 @@
-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); }
-
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useField } from 'formik';
-import styleNames from '@pareto-engineering/bem'; // Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'rating';
-/**
- * This is the component description.
- */
-
-const Rating = ({
-  id,
-  className: userClassName,
-  style,
-  value,
-  name,
-  ratingId,
-  hover,
-  setHover,
-  activeBackgroundColor,
-  inactiveBackgroundColor // ...otherProps
-
-}) => {
-  const [field] = useField(name);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, `x-${activeBackgroundColor}`, `y-${inactiveBackgroundColor}`].filter(e => e).join(' '),
-    style: style
-  }, /*#__PURE__*/React.createElement("label", {
-    htmlFor: ratingId,
-    onMouseEnter: () => setHover(value),
-    onMouseLeave: () => setHover(null)
-  }, ' ', /*#__PURE__*/React.createElement("span", {
-    className: ['f-icons', value <= (hover || Number(field.value)) ? 'c-x' : 'c-dark-y'].filter(e => e).join(' ')
-  }, "[")), /*#__PURE__*/React.createElement("input", _extends({}, field, {
-    type: "radio",
-    id: ratingId,
-    name: name,
-    value: value
-  })));
-};
-
-Rating.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 value of each an every rating star
-   */
-  value: PropTypes.number,
-
-  /**
-   * The current hover value
-   */
-  hover: PropTypes.number,
-
-  /**
-   * Function to update the hover value
-   */
-  setHover: PropTypes.func,
-
-  /**
-   * Unique Id for each rating star
-   */
-  ratingId: PropTypes.string,
-
-  /**
-   * Name of the rating input
-   */
-  name: PropTypes.string,
-
-  /**
-   * The start rating backgriund color when hovered or clicked
-   */
-  activeBackgroundColor: PropTypes.string,
-
-  /**
-   * The start rating backgriund color when not hovered and not clicked
-   */
-  inactiveBackgroundColor: PropTypes.string
-};
-Rating.defaultProps = {
-  activeBackgroundColor: 'secondary2',
-  inactiveBackgroundColor: 'background'
-};
-export default Rating;

package/dist/es/a/RatingsInput/common/Rating/index.js

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

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

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

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

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

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

@@ -1,35 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-@use "@pareto-engineering/bem";
-
-$default-rating-icon-margin: .5em;
-$default-padding: .2em;
-$default-transition: all .2s;
-
-.#{bem.$base}.ratings-input {
-  display: flex;
-
-  >:not(:first-child) {
-    margin-left: $default-rating-icon-margin;
-  }
-
-  .#{bem.$base}.rating {
-    display: flex;
-
-    input {
-      opacity: 0;
-      position: absolute;
-      visibility: none;
-      z-index: -1;
-    }
-
-    label {
-      padding: $default-padding;
-      transition: $default-transition;
-      cursor: pointer;
-    }
-  }
-}
-
-
-
-

package/dist/es/c/AcceptCookies/AcceptCookies.js

@@ -1,117 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import { useState, useCallback, useLayoutEffect } from 'react';
-import PropTypes from 'prop-types';
-import { Button } from "../../b";
-import styleNames from '@pareto-engineering/bem'; // Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'accept-cookies';
-/**
- * This is the component description.
- */
-
-const AcceptCookies = ({
-  id,
-  className: userClassName,
-  style,
-  color,
-  title,
-  subtitle,
-  onClickAllow,
-  onClickDecline,
-  defaultIsShown // ...otherProps
-
-}) => {
-  const [isShown, setIsShown] = useState(defaultIsShown);
-  const hide = useCallback(() => setIsShown(false), []);
-  const allow = useCallback(() => {
-    onClickAllow === null || onClickAllow === void 0 ? void 0 : onClickAllow();
-    hide();
-  }, []);
-  const decline = useCallback(() => {
-    onClickDecline === null || onClickDecline === void 0 ? void 0 : onClickDecline();
-    hide();
-  }, []);
-  useLayoutEffect(() => {
-    import("./styles.scss");
-  }, []);
-  if (!isShown) return null;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, `x-${color}`, 'u1'].filter(e => e).join(' '),
-    style: style // {...otherProps}
-
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styleNames.elementContent
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "s0"
-  }, title), /*#__PURE__*/React.createElement("p", {
-    className: "s-1"
-  }, subtitle), /*#__PURE__*/React.createElement("div", {
-    className: "buttons s-1"
-  }, /*#__PURE__*/React.createElement(Button, {
-    className: "allow",
-    onClick: allow
-  }, "Allow"), /*#__PURE__*/React.createElement(Button, {
-    className: "decline v1 ml-v",
-    onClick: decline
-  }, "Decline"))));
-};
-
-AcceptCookies.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,
-
-  /**
-   *  The title
-   */
-  title: PropTypes.string,
-
-  /**
-   *  The sub-title
-   */
-  subtitle: PropTypes.string,
-
-  /**
-   *  The color
-   */
-  color: PropTypes.string,
-
-  /**
-   *  Allow cookies function
-   */
-  onClickAllow: PropTypes.func,
-
-  /**
-   *  Allow cookies function
-   */
-  onClickDecline: PropTypes.func,
-
-  /**
-   *  Condition to show or hide the component
-   */
-  defaultIsShown: PropTypes.bool
-};
-AcceptCookies.defaultProps = {
-  color: 'main1',
-  defaultIsShown: true
-};
-export default AcceptCookies;

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

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

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

@@ -1,49 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-@use "@aztlan/stylebook/src/mixins";
-@use "@aztlan/stylebook/src/globals" as *;
-
-$default-padding:var(--u, 1em);
-
-.#{bem.$base}.accept-cookies {
-  padding: $default-padding;
-
-  .#{bem.$element-content} {
-    align-items: center;
-    background-color: var(--on-x);
-    border-radius: var(--theme-border-radius);
-    display: flex;
-    justify-content: space-between;
-    padding: $default-padding;
-
-    .buttons {
-      display: flex;
-
-      .allow,
-      .decline {
-        min-width: 100px;
-      }
-
-      .decline {
-        background-color: var(--on-x);
-        border: 1px solid var(--x);
-        color: var(--x);
-      }
-    }
-  }
-
-  @include mixins.media($to:$sm-md) {
-    .content {
-      flex-direction: column;
-    }
-  }
-
-  @include mixins.media($from:$sm-md) {
-    .content {
-      p {
-        margin-bottom: 0;
-      }
-    }
-  }
-}

package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js

@@ -1,68 +0,0 @@
-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); }
-
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import styleNames from '@pareto-engineering/bem';
-import { Button } from "../../b";
-import { Link } from 'react-router-dom';
-import { useBlog } from "../BlogContext"; // Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'blog-category-button';
-/**
- * This is the component description.
- */
-
-const BlogCategoryButton = ({
-  id,
-  className: userClassName,
-  style,
-  children,
-  categorySlug,
-  ...otherProps
-}) => {
-  const {
-    generateBlogPath
-  } = useBlog();
-  return /*#__PURE__*/React.createElement(Link, {
-    to: generateBlogPath('LIST_CATEGORY', {
-      category: categorySlug
-    })
-  }, /*#__PURE__*/React.createElement(Button, _extends({
-    id: id,
-    isCompact: true,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, otherProps), children));
-};
-
-BlogCategoryButton.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,
-
-  /**
-   * The slug of the category
-   */
-  categorySlug: PropTypes.string.isRequired
-};
-BlogCategoryButton.defaultProps = {// someProp:false
-};
-export default BlogCategoryButton;

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

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

package/dist/es/c/BlogContext/BlogContextProvider.js

@@ -1,45 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import { useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { generatePath } from 'react-router-dom';
-import Context from "./Context";
-/**
- * This is the component description.
- */
-
-const BlogContextProvider = ({
-  urlMap,
-  children // ...otherProps
-
-}) => {
-  const generateBlogPath = useCallback((key, variables) => generatePath(urlMap[key], variables), [urlMap]);
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: {
-      generateBlogPath,
-      urlMap
-    }
-  }, children);
-};
-
-BlogContextProvider.propTypes = {
-  /**
-   *  The children JSX
-   */
-  children: PropTypes.node,
-
-  /**
-   * The hash of urls
-   */
-  urlMap: PropTypes.shape({
-    HOME: PropTypes.string.isRequired,
-    LIST: PropTypes.string.isRequired,
-    LIST_PAGINATED: PropTypes.string.isRequired,
-    LIST_CATEGORY: PropTypes.string.isRequired,
-    LIST_CATEGORY_PAGINATED: PropTypes.string.isRequired,
-    SINGLE: PropTypes.string.isRequired
-  }).isRequired
-};
-BlogContextProvider.defaultProps = {// someProp:false
-};
-export default BlogContextProvider;

package/dist/es/c/BlogContext/Context.js

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export default /*#__PURE__*/React.createContext({});

package/dist/es/c/BlogContext/ContextProvider.js

@@ -1,45 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import { useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { generatePath } from 'react-router-dom';
-import Context from "./Context";
-/**
- * This is the component description.
- */
-
-const BlogContextProvider = ({
-  urlMap,
-  children // ...otherProps
-
-}) => {
-  const generateBlogPath = useCallback((key, variables) => generatePath(urlMap[key], variables), [urlMap]);
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: {
-      generateBlogPath,
-      urlMap
-    }
-  }, children);
-};
-
-BlogContextProvider.propTypes = {
-  /**
-   * The hash of urls
-   */
-  urlMap: PropTypes.shape({
-    HOME: PropTypes.string.isRequired,
-    LIST: PropTypes.string.isRequired,
-    LIST_PAGINATED: PropTypes.string.isRequired,
-    LIST_CATEGORY: PropTypes.string.isRequired,
-    LIST_CATEGORY_PAGINATED: PropTypes.string.isRequired,
-    SINGLE: PropTypes.string.isRequired
-  }).isRequired,
-
-  /**
-   *  The children JSX
-   */
-  children: PropTypes.node
-};
-BlogContextProvider.defaultProps = {// someProp:false
-};
-export default BlogContextProvider;

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

@@ -1,4 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-export { default as BlogContext } from "./Context";
-export { default as BlogContextProvider } from "./ContextProvider";
-export { default as useBlog } from "./useBlog";

package/dist/es/c/BlogContext/useBlog.js

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