@pareto-engineering/design-system 4.0.0-alpha.24 → 4.0.0-alpha.25

package/dist/cjs/b/Button/Button.js

@@ -41,7 +41,7 @@ const Button = _ref => {
   }, children) : children;
   return /*#__PURE__*/React.createElement("button", _extends({
     id: id,
-    className: [baseClassName, componentClassName, userClassName, `x-${color}`, isGhost && _exports.default.modifierGhost, isCompact && _exports.default.modifierCompact, isSimple && _exports.default.modifierSimple, isGradient && _exports.default.modifierGradient, isSpaced && _exports.default.modifierSpaced, arrowDirection && `arrow-${arrowDirection}`].filter(e => e).join(' '),
+    className: [baseClassName, componentClassName, userClassName, `x-${color}`, isGhost && _exports.default.modifierGhost, isCompact && _exports.default.modifierCompact, isSimple && _exports.default.modifierSimple, isGradient && _exports.default.modifierGradient, isSpaced && _exports.default.modifierSpaced, !isLoading && arrowDirection && `arrow-${arrowDirection}`].filter(e => e).join(' '),
     style: style,
     type: "button"
   }, otherProps), isLoading ? /*#__PURE__*/React.createElement(_.LoadingCircle, {
@@ -105,6 +105,5 @@ Button.defaultProps = {
   color: 'main'
 };
 Button.Group = _common.Group;
-Button.WithLink = _common.WithLink;
 var _default = Button;
 exports.default = _default;

package/dist/cjs/b/Button/common/index.js

@@ -9,11 +9,4 @@ Object.defineProperty(exports, "Group", {
     return _Group.Group;
   }
 });
-Object.defineProperty(exports, "WithLink", {
-  enumerable: true,
-  get: function () {
-    return _WithLink.WithLink;
-  }
-});
-var _Group = require("./Group");
-var _WithLink = require("./WithLink");
+var _Group = require("./Group");

package/dist/es/b/Button/Button.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 // Package-level Imports
 import styleNames from '@pareto-engineering/bem/exports';
 import { LoadingCircle } from "../..";
-import { Group, WithLink } from "./common";
+import { Group } from "./common";
 import "./styles.scss";
 
 // Helper Definition
@@ -36,7 +36,7 @@ const Button = ({
   }, children) : children;
   return /*#__PURE__*/React.createElement("button", _extends({
     id: id,
-    className: [baseClassName, componentClassName, userClassName, `x-${color}`, isGhost && styleNames.modifierGhost, isCompact && styleNames.modifierCompact, isSimple && styleNames.modifierSimple, isGradient && styleNames.modifierGradient, isSpaced && styleNames.modifierSpaced, arrowDirection && `arrow-${arrowDirection}`].filter(e => e).join(' '),
+    className: [baseClassName, componentClassName, userClassName, `x-${color}`, isGhost && styleNames.modifierGhost, isCompact && styleNames.modifierCompact, isSimple && styleNames.modifierSimple, isGradient && styleNames.modifierGradient, isSpaced && styleNames.modifierSpaced, !isLoading && arrowDirection && `arrow-${arrowDirection}`].filter(e => e).join(' '),
     style: style,
     type: "button"
   }, otherProps), isLoading ? /*#__PURE__*/React.createElement(LoadingCircle, {
@@ -100,5 +100,4 @@ Button.defaultProps = {
   color: 'main'
 };
 Button.Group = Group;
-Button.WithLink = WithLink;
 export default Button;

package/dist/es/b/Button/common/index.js

@@ -1,2 +1 @@
-export { Group } from "./Group";
-export { WithLink } from "./WithLink";
+export { Group } from "./Group";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pareto-engineering/design-system",
-  "version": "4.0.0-alpha.24",
+  "version": "4.0.0-alpha.25",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -68,5 +68,5 @@
     "relay-test-utils": "^15.0.0"
   },
   "browserslist": "> 2%",
-  "gitHead": "711975d03e1556e4c99ecfee1471dbc59260aaf7"
+  "gitHead": "5d40a485bd42cbbcd36042c43c806f07e234f7ea"
 }

package/src/ui/b/Button/Button.jsx

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types'
 // Package-level Imports
 import styleNames from '@pareto-engineering/bem/exports'
 import { LoadingCircle } from 'ui'
-import { Group, WithLink } from './common'
+import { Group } from './common'
 import './styles.scss'
 
 // Helper Definition
@@ -48,7 +48,7 @@ const Button = ({
         isSimple && styleNames.modifierSimple,
         isGradient && styleNames.modifierGradient,
         isSpaced && styleNames.modifierSpaced,
-        arrowDirection && `arrow-${arrowDirection}`,
+        !isLoading && arrowDirection && `arrow-${arrowDirection}`,
       ]
         .filter((e) => e)
         .join(' ')}
@@ -135,6 +135,5 @@ Button.defaultProps = {
 }
 
 Button.Group = Group
-Button.WithLink = WithLink
 
 export default Button

package/src/ui/b/Button/common/index.js

@@ -1,2 +1 @@
 export { Group } from './Group'
-export { WithLink } from './WithLink'

package/tests/__snapshots__/Storyshots.test.js.snap

@@ -11786,653 +11786,6 @@ exports[`Storyshots b/Button/Group Base 1`] = `
 </div>
 `;
 
-exports[`Storyshots b/Button/WithLink Base 1`] = `
-<div
-  className="base button-group"
->
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-main"
-      type="button"
-    >
-      This is a
-       
-      main
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-main-80"
-      type="button"
-    >
-      This is a
-       
-      main-80
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-main-50"
-      type="button"
-    >
-      This is a
-       
-      main-50
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-main2"
-      type="button"
-    >
-      This is a
-       
-      main2
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-interactive"
-      type="button"
-    >
-      This is a
-       
-      interactive
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-interactive-icons"
-      type="button"
-    >
-      This is a
-       
-      interactive-icons
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-shadow"
-      type="button"
-    >
-      This is a
-       
-      shadow
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-success"
-      type="button"
-    >
-      This is a
-       
-      success
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-warning"
-      type="button"
-    >
-      This is a
-       
-      warning
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-error"
-      type="button"
-    >
-      This is a
-       
-      error
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-blocked"
-      type="button"
-    >
-      This is a
-       
-      blocked
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-backlog"
-      type="button"
-    >
-      This is a
-       
-      backlog
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-in-progress"
-      type="button"
-    >
-      This is a
-       
-      in-progress
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-in-review"
-      type="button"
-    >
-      This is a
-       
-      in-review
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-requested"
-      type="button"
-    >
-      This is a
-       
-      requested
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-completed"
-      type="button"
-    >
-      This is a
-       
-      completed
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-background-far"
-      type="button"
-    >
-      This is a
-       
-      background-far
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-background-near"
-      type="button"
-    >
-      This is a
-       
-      background-near
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-background-cards"
-      type="button"
-    >
-      This is a
-       
-      background-cards
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-background-cards-80"
-      type="button"
-    >
-      This is a
-       
-      background-cards-80
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-background-cards-50"
-      type="button"
-    >
-      This is a
-       
-      background-cards-50
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-background-inputs"
-      type="button"
-    >
-      This is a
-       
-      background-inputs
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-background-mesh"
-      type="button"
-    >
-      This is a
-       
-      background-mesh
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-heading"
-      type="button"
-    >
-      This is a
-       
-      heading
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-paragraph"
-      type="button"
-    >
-      This is a
-       
-      paragraph
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-subtitle"
-      type="button"
-    >
-      This is a
-       
-      subtitle
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-metadata"
-      type="button"
-    >
-      This is a
-       
-      metadata
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-link"
-      type="button"
-    >
-      This is a
-       
-      link
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-transparent"
-      type="button"
-    >
-      This is a
-       
-      transparent
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-highlighted"
-      type="button"
-    >
-      This is a
-       
-      highlighted
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-disabled"
-      type="button"
-    >
-      This is a
-       
-      disabled
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-twitter"
-      type="button"
-    >
-      This is a
-       
-      twitter
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-facebook"
-      type="button"
-    >
-      This is a
-       
-      facebook
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-instagram"
-      type="button"
-    >
-      This is a
-       
-      instagram
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-google"
-      type="button"
-    >
-      This is a
-       
-      google
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-black"
-      type="button"
-    >
-      This is a
-       
-      black
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-anchor"
-      type="button"
-    >
-      This is a
-       
-      anchor
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-grey"
-      type="button"
-    >
-      This is a
-       
-      grey
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-pearl"
-      type="button"
-    >
-      This is a
-       
-      pearl
-       
-      button
-    </button>
-  </a>
-  <a
-    className="base button-with-link"
-    href="#/"
-    onClick={[Function]}
-  >
-    <button
-      className="base button x-white"
-      type="button"
-    >
-      This is a
-       
-      white
-       
-      button
-    </button>
-  </a>
-</div>
-`;
-
 exports[`Storyshots b/Card Base 1`] = `
 <div
   className="base card"

package/dist/cjs/b/Button/common/WithLink/WithLink.js

@@ -1,60 +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"));
-var _reactRouterDom = require("react-router-dom");
-var _index = require("../../index");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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.12 */
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'button-with-link';
-const WithLink = _ref => {
-  let {
-    id,
-    className: userClassName,
-    children,
-    path,
-    ...otherProps
-  } = _ref;
-  (0, React.useInsertionEffect)(() => {
-    Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
-  }, []);
-  return /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
-    to: path,
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' ')
-  }, /*#__PURE__*/React.createElement(_index.Button, otherProps, children));
-};
-WithLink.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,
-  /**
-   * The path that this link would point to
-   */
-  path: _propTypes.default.string
-};
-WithLink.defaultProps = {};
-var _default = WithLink;
-exports.default = _default;

package/dist/cjs/b/Button/common/WithLink/index.js

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

package/dist/cjs/b/Button/common/WithLink/styles.scss

@@ -1,9 +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}.button-with-link {
-  text-decoration: none;
-}

package/dist/es/b/Button/common/WithLink/WithLink.js

@@ -1,52 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import { useInsertionEffect } from 'react';
-import PropTypes from 'prop-types';
-import styleNames from '@pareto-engineering/bem/exports';
-import { Link } from 'react-router-dom';
-import { Button } from "../../index";
-
-// Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'button-with-link';
-const WithLink = ({
-  id,
-  className: userClassName,
-  children,
-  path,
-  ...otherProps
-}) => {
-  useInsertionEffect(() => {
-    import("./styles.scss");
-  }, []);
-  return /*#__PURE__*/React.createElement(Link, {
-    to: path,
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' ')
-  }, /*#__PURE__*/React.createElement(Button, otherProps, children));
-};
-WithLink.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 path that this link would point to
-   */
-  path: PropTypes.string
-};
-WithLink.defaultProps = {};
-export default WithLink;

package/dist/es/b/Button/common/WithLink/index.js

@@ -1 +0,0 @@
-export { default as WithLink } from "./WithLink";

package/dist/es/b/Button/common/WithLink/styles.scss

@@ -1,9 +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}.button-with-link {
-  text-decoration: none;
-}

package/src/stories/b/Button/WithLink.stories.jsx

@@ -1,38 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react'
-
-import { Button } from 'ui'
-
-import { ALL_COLORS } from 'stories/colors'
-import commonDecorators from '@pareto-engineering/utils/src/storybook/decorators'
-
-export default {
-  title     :'b/Button/WithLink',
-  component :Button.WithLink,
-  decorators:[
-    commonDecorators.router,
-  ],
-
-  argTypes:{
-    path:{ control: { type: 'text' } },
-  },
-}
-
-const Template = (args) => (
-  <Button.Group>
-    {
-      ALL_COLORS.map((colorName) => (
-        <Button.WithLink {...args} color={colorName} key={colorName}>
-          This is a
-          {' '}
-          {colorName}
-          {' '}
-          button
-        </Button.WithLink>
-      ))
-    }
-  </Button.Group>
-)
-
-export const Base = Template.bind({})
-Base.args = { path: '/' }

package/src/ui/b/Button/common/WithLink/WithLink.jsx

@@ -1,80 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react'
-
-import { useInsertionEffect } from 'react'
-
-import PropTypes from 'prop-types'
-
-import styleNames from '@pareto-engineering/bem/exports'
-import { Link } from 'react-router-dom'
-import { Button } from '../../index'
-
-// Local Definitions
-
-const baseClassName = styleNames.base
-
-const componentClassName = 'button-with-link'
-
-const WithLink = ({
-  id,
-  className: userClassName,
-  children,
-  path,
-  ...otherProps
-}) => {
-  useInsertionEffect(() => {
-    import('./styles.scss')
-  }, [])
-
-  return (
-    <Link
-      to={path}
-      id={id}
-      className={[
-        baseClassName,
-        componentClassName,
-        userClassName,
-      ]
-        .filter((e) => e)
-        .join(' ')}
-    >
-      <Button
-        {...otherProps}
-      >
-        {children}
-      </Button>
-    </Link>
-  )
-}
-
-WithLink.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 path that this link would point to
-   */
-  path:PropTypes.string,
-}
-
-WithLink.defaultProps = {
-}
-
-export default WithLink

package/src/ui/b/Button/common/WithLink/index.js

@@ -1 +0,0 @@
-export { default as WithLink } from './WithLink'

package/src/ui/b/Button/common/WithLink/styles.scss

@@ -1,9 +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}.button-with-link {
-  text-decoration: none;
-}