@pareto-engineering/design-system 4.0.0-alpha.62 → 4.0.0-alpha.64

package/dist/cjs/f/common/InputWrapper/InputWrapper.js

@@ -1,73 +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"));
-require("./styles.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 && Object.prototype.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 = 'input-wrapper';
-
-/**
- * This is the component description.
- */
-const InputWrapper = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children,
-    columnSpan,
-    desktopColumnSpan
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: {
-      ...style,
-      '--column-span': columnSpan || 'var(--columns)',
-      '--column-span-md': desktopColumnSpan || 'var(--columns)'
-    }
-  }, children);
-};
-InputWrapper.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,
-  /**
-   * How many columns the input should span
-   */
-  columnSpan: _propTypes.default.number,
-  /**
-   * How many columns the input should span on desktop
-   */
-  desktopColumnSpan: _propTypes.default.number
-};
-InputWrapper.defaultProps = {
-  // as      :'label',
-};
-var _default = exports.default = InputWrapper;

package/dist/cjs/f/common/InputWrapper/index.js

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

package/dist/cjs/f/common/InputWrapper/styles.scss

@@ -1,13 +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}.input-wrapper {
-  grid-column: span var(--column-span);
-
-  @include mixins.media($from: $sm-md) {
-    grid-column: span var(--column-span-md);
-  }
-}

package/dist/es/f/common/InputWrapper/InputWrapper.js

@@ -1,61 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import styleNames from '@pareto-engineering/bem/exports';
-import "./styles.scss";
-
-// Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'input-wrapper';
-
-/**
- * This is the component description.
- */
-const InputWrapper = ({
-  id,
-  className: userClassName,
-  style,
-  children,
-  columnSpan,
-  desktopColumnSpan
-  // ...otherProps
-}) => /*#__PURE__*/React.createElement("div", {
-  id: id,
-  className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-  style: {
-    ...style,
-    '--column-span': columnSpan || 'var(--columns)',
-    '--column-span-md': desktopColumnSpan || 'var(--columns)'
-  }
-}, children);
-InputWrapper.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,
-  /**
-   * How many columns the input should span
-   */
-  columnSpan: PropTypes.number,
-  /**
-   * How many columns the input should span on desktop
-   */
-  desktopColumnSpan: PropTypes.number
-};
-InputWrapper.defaultProps = {
-  // as      :'label',
-};
-export default InputWrapper;

package/dist/es/f/common/InputWrapper/index.js

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

package/dist/es/f/common/InputWrapper/styles.scss

@@ -1,13 +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}.input-wrapper {
-  grid-column: span var(--column-span);
-
-  @include mixins.media($from: $sm-md) {
-    grid-column: span var(--column-span-md);
-  }
-}

package/src/ui/f/common/InputWrapper/InputWrapper.jsx

@@ -1,83 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react'
-
-import PropTypes from 'prop-types'
-
-import styleNames from '@pareto-engineering/bem/exports'
-
-import './styles.scss'
-
-// Local Definitions
-
-const baseClassName = styleNames.base
-
-const componentClassName = 'input-wrapper'
-
-/**
- * This is the component description.
- */
-const InputWrapper = ({
-  id,
-  className:userClassName,
-  style,
-  children,
-  columnSpan,
-  desktopColumnSpan,
-  // ...otherProps
-}) => (
-  <div
-    id={id}
-    className={[
-      baseClassName,
-      componentClassName,
-      userClassName,
-    ]
-      .filter((e) => e)
-      .join(' ')}
-    style={{
-      ...style,
-      '--column-span'   :columnSpan || 'var(--columns)',
-      '--column-span-md':desktopColumnSpan || 'var(--columns)',
-    }}
-  >
-    {children}
-  </div>
-)
-
-InputWrapper.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,
-
-  /**
-   * How many columns the input should span
-   */
-  columnSpan:PropTypes.number,
-
-  /**
-   * How many columns the input should span on desktop
-   */
-  desktopColumnSpan:PropTypes.number,
-}
-
-InputWrapper.defaultProps = {
-  // as      :'label',
-}
-
-export default InputWrapper

package/src/ui/f/common/InputWrapper/index.js

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

package/src/ui/f/common/InputWrapper/styles.scss

@@ -1,13 +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}.input-wrapper {
-  grid-column: span var(--column-span);
-
-  @include mixins.media($from: $sm-md) {
-    grid-column: span var(--column-span-md);
-  }
-}