@pareto-engineering/design-system 2.0.0-alpha.61 → 2.0.0-alpha.62

package/dist/cjs/a/ColumnLabel/styles.scss

@@ -1,22 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-@use "@pareto-engineering/bem";
-
-$default-image-size: 2em;
-$default-font-size: calc(1 em * var(--s-1));
-$default-padding: .5em;
-
-.#{bem.$base}.column-label{
-    align-items: center;
-    background: var(--x);
-    border-radius: 3em;
-    display: inline-flex;
-    font-size: $default-font-size;
-    padding: $default-padding;
-    white-space: nowrap;
-
-    img {
-        border-radius: 50%;
-        height: $default-image-size;
-        width: $default-image-size;
-    }
-}

package/dist/es/a/ColumnLabel/ColumnLabel.js

@@ -1,78 +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'; // Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'column-label';
-/**
- * This is the component description.
- */
-
-const ColumnLabel = ({
-  id,
-  className: userClassName,
-  style,
-  value,
-  color: FontColor,
-  getColor,
-  image
-}) => {
-  useLayoutEffect(() => {
-    import("./styles.scss");
-  }, []);
-  const color = getColor ? getColor(value) : FontColor;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: { ...style,
-      color
-    }
-  }, image && /*#__PURE__*/React.createElement("img", {
-    className: "image v50 mr-v",
-    src: image,
-    alt: `${value}`
-  }), value);
-};
-
-ColumnLabel.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 to display for the label
-   */
-  value: PropTypes.string,
-
-  /**
-   *  The default font color to display for the label
-   */
-  color: PropTypes.string,
-
-  /**
-   * The function passed to decide the color of the label
-   */
-  getColor: PropTypes.func,
-
-  /**
-   * The image to be displayed if passed
-   */
-  image: PropTypes.string
-};
-ColumnLabel.defaultProps = {
-  color: 'var(--on-x)'
-};
-export default ColumnLabel;

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

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

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

@@ -1,22 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-@use "@pareto-engineering/bem";
-
-$default-image-size: 2em;
-$default-font-size: calc(1 em * var(--s-1));
-$default-padding: .5em;
-
-.#{bem.$base}.column-label{
-    align-items: center;
-    background: var(--x);
-    border-radius: 3em;
-    display: inline-flex;
-    font-size: $default-font-size;
-    padding: $default-padding;
-    white-space: nowrap;
-
-    img {
-        border-radius: 50%;
-        height: $default-image-size;
-        width: $default-image-size;
-    }
-}