@muraldevkit/ui-toolkit 4.66.0-dev-7K0j.1 → 4.66.0-dev-T3Jw.1

package/dist/esm/components/layout/error-page/MrlBrandColors/MrlBrandColors.module.css

@@ -1,106 +0,0 @@
-/* stylelint-disable color-no-hex, value-keyword-case */
-.MrlBrandColor-color-black---bTx3 {
-  background-color: #000;
-  grid-area: color-black;
-}
-
-.MrlBrandColor-color-jade--L6ti8 {
-  background-color: #00c27a;
-  grid-area: color-jade;
-}
-
-.MrlBrandColor-color-blue--BdDB9 {
-  background-color: #5887ff;
-  grid-area: color-blue;
-}
-
-.MrlBrandColor-color-pink--7tSjK {
-  background-color: #fc83ff;
-  grid-area: color-pink;
-}
-
-.MrlBrandColor-color-red--1GlTS {
-  background-color: #ff4b4b;
-  grid-area: color-red;
-}
-
-.MrlBrandColor-color-yellow--GbL-l {
-  background-color: #fa0;
-  grid-area: color-yellow;
-}
-
-.MrlBrandColor-color-grape--WkACS {
-  background-color: #be53ff;
-  grid-area: color-grape;
-}
-
-.MrlBrandColor-color-sky---CkI1 {
-  background-color: #79c1ff;
-  grid-area: color-sky;
-}
-
-.MrlBrandColor-color-lemon--JXlj7 {
-  background-color: #ffe146;
-  grid-area: color-lemon;
-}
-
-.MrlBrandColor-color-lavander--wxHrV {
-  background-color: #e6bfff;
-  grid-area: color-lavander;
-}
-
-.MrlBrandColors--0xlTl {
-  display: grid;
-  grid-template-columns: repeat(8, 1fr);
-  grid-template-rows: 1fr;
-  height: 15rem;
-  width: 100%;
-}
-
-.MrlPattern-01--5nHW8 {
-  grid-template-areas: " color-blue color-blue color-pink color-pink color-pink color-pink color-pink color-pink";
-}
-
-.MrlPattern-02--ZyyNv {
-  grid-template-areas: " color-red color-red color-red color-red color-red color-grape color-grape color-grape";
-}
-
-.MrlPattern-03--mVK0j {
-  grid-template-areas: " color-pink color-pink color-pink color-pink color-pink color-pink color-jade color-jade";
-}
-
-.MrlPattern-04--ZXSNc {
-  grid-template-areas: " color-pink color-pink color-pink color-pink color-pink color-lemon color-lemon color-lemon";
-}
-
-.MrlPattern-05--naVfp {
-  grid-template-areas: " color-lavander color-lavander color-jade color-jade color-jade color-jade color-jade color-jade";
-}
-
-.MrlPattern-06--7-BlY {
-  grid-template-areas: " color-jade color-jade color-jade color-jade color-jade color-jade color-black color-black";
-}
-
-@media (min-width: 37.5rem) {
-  .MrlBrandColors--0xlTl {
-    grid-template-columns: repeat(32, 1fr);
-  }
-  .MrlPattern-01--5nHW8 {
-    grid-template-areas: " color-blue color-blue color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-jade color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-red color-red color-red color-red color-red color-red color-black color-black color-black";
-  }
-  .MrlPattern-02--ZyyNv {
-    grid-template-areas: " color-blue color-blue color-blue color-black color-black color-black color-yellow color-red color-red color-red color-red color-red color-red color-red color-red color-red color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-jade color-jade color-jade color-jade color-jade color-jade";
-  }
-  .MrlPattern-03--mVK0j {
-    grid-template-areas: " color-black color-black color-black color-lemon color-lemon color-red color-red color-red color-red color-red color-red color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-jade color-jade color-jade color-jade color-jade color-jade color-sky color-sky color-sky color-sky";
-  }
-  .MrlPattern-04--ZXSNc {
-    grid-template-areas: " color-jade color-jade color-sky color-sky color-sky color-sky color-sky color-sky color-black color-black color-black color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-lemon color-lemon color-lemon color-lemon color-lemon color-lemon color-lemon color-red color-red";
-  }
-  .MrlPattern-05--naVfp {
-    grid-template-areas: " color-lavander color-lavander color-lavander color-jade color-jade color-jade color-jade color-jade color-jade color-black color-black color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-blue color-blue color-blue color-blue color-blue color-blue color-blue color-red color-red";
-  }
-  .MrlPattern-06--7-BlY {
-    grid-template-areas: " color-yellow color-yellow color-yellow color-yellow color-yellow color-lavander color-lavander color-lavander color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-black color-black color-black color-red color-sky color-sky color-sky color-sky color-sky color-sky color-sky color-sky";
-  }
-}

package/dist/esm/components/layout/error-page/MrlBrandColors/MrlBrandColors.module.scss.js

@@ -1,20 +0,0 @@
-import "./MrlBrandColors.module.css";
-export default {
-	"MrlBrandColor-color-black": "MrlBrandColor-color-black---bTx3",
-	"MrlBrandColor-color-jade": "MrlBrandColor-color-jade--L6ti8",
-	"MrlBrandColor-color-blue": "MrlBrandColor-color-blue--BdDB9",
-	"MrlBrandColor-color-pink": "MrlBrandColor-color-pink--7tSjK",
-	"MrlBrandColor-color-red": "MrlBrandColor-color-red--1GlTS",
-	"MrlBrandColor-color-yellow": "MrlBrandColor-color-yellow--GbL-l",
-	"MrlBrandColor-color-grape": "MrlBrandColor-color-grape--WkACS",
-	"MrlBrandColor-color-sky": "MrlBrandColor-color-sky---CkI1",
-	"MrlBrandColor-color-lemon": "MrlBrandColor-color-lemon--JXlj7",
-	"MrlBrandColor-color-lavander": "MrlBrandColor-color-lavander--wxHrV",
-	"MrlBrandColors": "MrlBrandColors--0xlTl",
-	"MrlPattern-01": "MrlPattern-01--5nHW8",
-	"MrlPattern-02": "MrlPattern-02--ZyyNv",
-	"MrlPattern-03": "MrlPattern-03--mVK0j",
-	"MrlPattern-04": "MrlPattern-04--ZXSNc",
-	"MrlPattern-05": "MrlPattern-05--naVfp",
-	"MrlPattern-06": "MrlPattern-06--7-BlY"
-};

package/dist/esm/components/layout/error-page/MrlBrandColors/index.js

@@ -1 +0,0 @@
-export * from './MrlBrandColors';

package/dist/esm/components/layout/error-page/MrlErrorPage/MrlErrorPage.js

@@ -1,38 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import styles from './MrlErrorPage.module.scss.js';
-import classnames from 'classnames';
-import { brandWordmark } from '@muraldevkit/ds-pictograms';
-import { MrlSvg } from '../../../svg';
-import { MrlTextHeading } from '../../../text';
-import { MrlBrandColors } from '../MrlBrandColors';
-/**
- * MrlErrorPage component
- *
- * @param props - MrlErrorPage component props
- * @param props.children - Children to be rendered within the main tag of the error page
- * @param props.title - Title of the error page
- * @returns  MrlErrorPage component
- */
-export const MrlErrorPage = (props) => {
-    const { title, children, ['data-qa']: qa = '', className, headerUtils } = props, remainingProps = __rest(props, ["title", "children", 'data-qa', "className", "headerUtils"]);
-    return (React.createElement("div", Object.assign({ className: classnames(styles['MrlErrorPage'], 'MrlErrorPage', className), "data-qa": qa }, remainingProps),
-        React.createElement("header", { className: classnames(styles['MrlErrorPage-header'], 'MrlErrorPage-header') },
-            React.createElement("a", { href: "/", "aria-label": "Go to homepage" },
-                React.createElement(MrlSvg, { svg: brandWordmark, "aria-label": "Mural logo", size: "auto" })),
-            headerUtils && (React.createElement("div", { className: classnames(styles['MrlErrorPage-header-utils'], 'MrlErrorPage-header-utils') }, headerUtils))),
-        React.createElement("main", { className: classnames(styles['MrlErrorPage-main'], 'MrlErrorPage-main') },
-            React.createElement(MrlTextHeading, { attrs: { 'data-qa': `${qa}-title` }, level: "1", className: classnames(styles['MrlErrorPage-title'], 'MrlErrorPage-title'), kind: "display", size: "large" }, title),
-            children),
-        React.createElement(MrlBrandColors, { className: classnames(styles['MrlErrorPage-brand-colors'], 'MrlErrorPage-brand-colors') })));
-};

package/dist/esm/components/layout/error-page/MrlErrorPage/MrlErrorPage.module.css

@@ -1,40 +0,0 @@
-.MrlErrorPage--qoKPU {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  min-height: 100dvh;
-}
-.MrlErrorPage--qoKPU .MrlErrorPage-header--YZ6-Q {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  padding: var(--mrl-spacing-08) var(--mrl-spacing-07) var(--mrl-spacing-11) var(--mrl-spacing-07);
-}
-.MrlErrorPage--qoKPU .MrlErrorPage-header--YZ6-Q .MrlSvgContainer {
-  height: 1.875rem;
-  width: 6.188rem;
-}
-.MrlErrorPage--qoKPU .MrlErrorPage-main--lz-nS {
-  flex-grow: 1;
-  padding: 0 var(--mrl-spacing-07) var(--mrl-spacing-08);
-}
-.MrlErrorPage--qoKPU .MrlErrorPage-title--1DbG9 {
-  color: var(--mrl-color-text-heading);
-  font-family: var(--mrl-heading-font-alt);
-  padding-bottom: var(--mrl-spacing-07);
-}
-.MrlErrorPage--qoKPU .MrlErrorPage-brand-colors--nL-d6 {
-  flex-grow: 0;
-  flex-shrink: 0;
-}
-
-@media (min-width: 52.125rem) {
-  .MrlErrorPage--qoKPU .MrlErrorPage-header--YZ6-Q {
-    padding: var(--mrl-spacing-08) var(--mrl-spacing-08) var(--mrl-spacing-11) var(--mrl-spacing-08);
-  }
-  .MrlErrorPage--qoKPU .MrlErrorPage-main--lz-nS {
-    margin: 0 auto;
-    max-width: 33.75rem;
-    padding: 0 0 var(--mrl-spacing-08) 0;
-  }
-}

package/dist/esm/components/layout/error-page/MrlErrorPage/MrlErrorPage.module.scss.js

@@ -1,8 +0,0 @@
-import "./MrlErrorPage.module.css";
-export default {
-	"MrlErrorPage": "MrlErrorPage--qoKPU",
-	"MrlErrorPage-header": "MrlErrorPage-header--YZ6-Q",
-	"MrlErrorPage-main": "MrlErrorPage-main--lz-nS",
-	"MrlErrorPage-title": "MrlErrorPage-title--1DbG9",
-	"MrlErrorPage-brand-colors": "MrlErrorPage-brand-colors--nL-d6"
-};

package/dist/esm/components/layout/error-page/MrlErrorPage/index.js

@@ -1 +0,0 @@
-export * from './MrlErrorPage';

package/dist/esm/components/layout/error-page/index.js

@@ -1,2 +0,0 @@
-export * from './MrlErrorPage';
-export * from './MrlBrandColors';

package/dist/esm/components/layout/index.js

@@ -1,5 +0,0 @@
-export * from './MrlMain';
-export * from './MrlPage';
-export * from './MrlTopbar';
-export * from './MrlSidebar';
-export * from './error-page';

package/dist/esm/components/layout/utils.js

@@ -1,22 +0,0 @@
-/**
- * Returns true/false depending on if we are in a mobile view
- *
- * @param {string} breakpoint - The breakpoint value
- * @returns {boolean} Returns `true` if the breakpoint corresponds to a mobile size ('xs', 'sm', or 'md')
- */
-export const isMobile = (breakpoint) => {
-    if (breakpoint === 'xs' || breakpoint === 'sm') {
-        return true;
-    }
-    return false;
-};
-/**
- * Returns true/false if the topbar is present within the given element
- *
- * @param element - The element to search for the topbar
- * @param selector - The selector to search for the topbar
- * @returns true/false if the topbar is present within the element
- */
-export const hasElement = (element, selector) => {
-    return element ? !!element.querySelector(`.${selector}`) : false;
-};

package/dist/esm/components/link/MrlLink/MrlLink.js

@@ -1,38 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import classnames from 'classnames';
-import { linkOpen } from '@muraldevkit/ds-icons';
-import { defaults } from '../constants';
-import { MrlSvg } from '../../';
-import styles from './MrlLink.module.scss.js';
-/**
- * Renders a link component
- *
- * @param {MrlLinkProptypes} props the props for your MrlLink
- * @returns {React.ReactElement} an a element containing the text you pass
- */
-export const MrlLink = (_a) => {
-    var { target = defaults.target, className, color = defaults.color, kind = defaults.kind, size = defaults.size, href, attrs, onClick, text } = _a, remainingProps = __rest(_a, ["target", "className", "color", "kind", "size", "href", "attrs", "onClick", "text"]);
-    const allClasses = classnames(className, 'mrl-link', {
-        [styles['mrl-link']]: true,
-        [styles[`mrl-link--${color}`]]: color !== defaults.color,
-        [styles[`mrl-link--${kind}`]]: kind !== defaults.kind,
-        [styles[`mrl-link--${size}`]]: size !== defaults.size
-    });
-    const smallIconSizes = ['default', 'medium'];
-    const svgSize = smallIconSizes.indexOf(size) > -1 ? 'small' : size === 'large' ? 'medium' : 'auto';
-    const linkRel = target === '_blank' ? 'noopener noreferrer' : remainingProps['rel'];
-    return (React.createElement("a", Object.assign({}, remainingProps, { className: allClasses, href: href, target: target, onClick: onClick, rel: linkRel }, attrs),
-        React.createElement("span", { className: `mrl-link-text ${styles.MrlLinkText}` }, text),
-        target === '_blank' ? (React.createElement(MrlSvg, { svg: linkOpen, size: svgSize, className: `mrl-link-icon ${styles.MrlLinkIcon}` })) : null));
-};

package/dist/esm/components/link/MrlLink/MrlLink.module.css

@@ -1,334 +0,0 @@
-/* stylelint-disable scss/operator-no-newline-after */
-.mrl-u-focus-wrapper--YRf7e {
-  position: relative;
-}
-
-a.mrl-link--AsWiT {
-  --mrl-link-border-style: solid;
-  --mrl-link-border-width: var(--mrl-line-width-border);
-  --mrl-link-color: rgba(var(--mrl-gray-90), 1);
-  --mrl-link-color-active: rgb(var(--mrl-blue-90));
-  --mrl-link-color-hover: rgb(var(--mrl-blue-70));
-  --mrl-link-font-weight: 700;
-  --mrl-link-border-width-focus: var(--mrl-line-width-focus);
-  --mrl-link-color-focus: var(--mrl-color-focus);
-  --mrl-link-offset-focus: var(--mrl-space-offset-focus);
-}
-
-a.mrl-link--mono--1Oh-V:hover {
-  --mrl-link-color-hover: rgba(var(--mrl-gray-100), 1);
-}
-a.mrl-link--mono--1Oh-V:active {
-  --mrl-link-color-active: rgba(var(--mrl-black), 1);
-}
-
-a.mrl-link--inverse--P3WC3 {
-  --mrl-link-color: var(--mrl-color-text-inverse);
-}
-a.mrl-link--inverse--P3WC3:hover {
-  --mrl-link-color-hover: var(--mrl-white-opacity-08);
-}
-a.mrl-link--inverse--P3WC3:active {
-  --mrl-link-color-active: var(--mrl-white-opacity-06);
-}
-
-.mrl-link--AsWiT {
-  position: relative;
-  align-items: center;
-  color: var(--mrl-link-color);
-  display: inline-flex;
-  font-weight: var(--mrl-link-font-weight);
-  text-decoration: none;
-  transition: all var(--mrl-duration-03) var(--mrl-timing-m2);
-  transition-property: border-color, color;
-}
-.mrl-link--AsWiT:focus-visible {
-  outline: none;
-}
-.mrl-link--AsWiT:focus-visible::after {
-  animation-duration: var(--mrl-duration-03);
-  animation-fill-mode: forwards;
-  animation-iteration-count: 1;
-  animation-timing-function: var(--mrl-timing-m3);
-  border: 0 solid transparent;
-  border-radius: calc(
-		var(--mrl-radii-02) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
-	);
-  bottom: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)) * -1);
-  content: "";
-  display: block;
-  left: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)) * -1);
-  position: absolute;
-  right: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)) * -1);
-  top: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)) * -1);
-  z-index: 1;
-  animation-name: border-animation--Bm2sq;
-}
-@keyframes border-animation--Bm2sq {
-  0% {
-    border-color: transparent;
-    border-width: 0;
-    bottom: var(--mrl-space-offset-focus);
-    left: var(--mrl-space-offset-focus);
-    right: var(--mrl-space-offset-focus);
-    top: var(--mrl-space-offset-focus);
-  }
-  50% {
-    border-color: var(--mrl-color-focus);
-    border-width: 0.25rem;
-    bottom: calc(var(--mrl-spacing-02) * -1);
-    left: calc(var(--mrl-spacing-02) * -1);
-    right: calc(var(--mrl-spacing-02) * -1);
-    top: calc(var(--mrl-spacing-02) * -1);
-  }
-  100% {
-    border-color: var(--mrl-color-focus);
-    border-width: var(--mrl-line-width-focus);
-    bottom: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-  }
-}
-@keyframes border-animation-inverse--ey8gk {
-  0% {
-    border-color: transparent;
-    border-width: 0;
-    bottom: var(--mrl-space-offset-focus);
-    left: var(--mrl-space-offset-focus);
-    right: var(--mrl-space-offset-focus);
-    top: var(--mrl-space-offset-focus);
-  }
-  50% {
-    border-color: var(--mrl-color-focus-inverse);
-    border-width: 0.25rem;
-    bottom: calc(var(--mrl-spacing-02) * -1);
-    left: calc(var(--mrl-spacing-02) * -1);
-    right: calc(var(--mrl-spacing-02) * -1);
-    top: calc(var(--mrl-spacing-02) * -1);
-  }
-  100% {
-    border-color: var(--mrl-color-focus-inverse);
-    border-width: var(--mrl-line-width-focus);
-    bottom: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-  }
-}
-@keyframes outline-animation--7x-7C {
-  0% {
-    outline: 0 solid transparent;
-    outline-offset: 1px;
-  }
-  50% {
-    outline: 4px solid var(--mrl-color-focus);
-    outline-offset: 1px;
-  }
-  100% {
-    outline: 2px solid var(--mrl-color-focus);
-    outline-offset: 1px;
-  }
-}
-
-.MrlLinkText--TMe-Y {
-  border-bottom: var(--mrl-link-border-width) var(--mrl-link-border-style) currentcolor;
-}
-
-a.mrl-link--inverse--P3WC3 {
-  position: relative;
-}
-a.mrl-link--inverse--P3WC3:focus-visible {
-  outline: none;
-}
-a.mrl-link--inverse--P3WC3:focus-visible::after {
-  animation-duration: var(--mrl-duration-03);
-  animation-fill-mode: forwards;
-  animation-iteration-count: 1;
-  animation-timing-function: var(--mrl-timing-m3);
-  border: 0 solid transparent;
-  border-radius: calc(
-		var(--mrl-radii-02) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
-	);
-  bottom: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)) * -1);
-  content: "";
-  display: block;
-  left: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)) * -1);
-  position: absolute;
-  right: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)) * -1);
-  top: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)) * -1);
-  z-index: 1;
-  animation-name: border-animation-inverse--ey8gk;
-}
-@keyframes border-animation--Bm2sq {
-  0% {
-    border-color: transparent;
-    border-width: 0;
-    bottom: var(--mrl-space-offset-focus);
-    left: var(--mrl-space-offset-focus);
-    right: var(--mrl-space-offset-focus);
-    top: var(--mrl-space-offset-focus);
-  }
-  50% {
-    border-color: var(--mrl-color-focus);
-    border-width: 0.25rem;
-    bottom: calc(var(--mrl-spacing-02) * -1);
-    left: calc(var(--mrl-spacing-02) * -1);
-    right: calc(var(--mrl-spacing-02) * -1);
-    top: calc(var(--mrl-spacing-02) * -1);
-  }
-  100% {
-    border-color: var(--mrl-color-focus);
-    border-width: var(--mrl-line-width-focus);
-    bottom: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-  }
-}
-@keyframes border-animation-inverse--ey8gk {
-  0% {
-    border-color: transparent;
-    border-width: 0;
-    bottom: var(--mrl-space-offset-focus);
-    left: var(--mrl-space-offset-focus);
-    right: var(--mrl-space-offset-focus);
-    top: var(--mrl-space-offset-focus);
-  }
-  50% {
-    border-color: var(--mrl-color-focus-inverse);
-    border-width: 0.25rem;
-    bottom: calc(var(--mrl-spacing-02) * -1);
-    left: calc(var(--mrl-spacing-02) * -1);
-    right: calc(var(--mrl-spacing-02) * -1);
-    top: calc(var(--mrl-spacing-02) * -1);
-  }
-  100% {
-    border-color: var(--mrl-color-focus-inverse);
-    border-width: var(--mrl-line-width-focus);
-    bottom: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width)
-					) * -1);
-  }
-}
-@keyframes outline-animation--7x-7C {
-  0% {
-    outline: 0 solid transparent;
-    outline-offset: 1px;
-  }
-  50% {
-    outline: 4px solid var(--mrl-color-focus-inverse);
-    outline-offset: 1px;
-  }
-  100% {
-    outline: 2px solid var(--mrl-color-focus-inverse);
-    outline-offset: 1px;
-  }
-}
-
-/* stylelint-disable color-function-notation */
-a.mrl-link--AsWiT:visited {
-  color: rgb(var(--mrl-blue-100));
-}
-
-a.mrl-link--mono--1Oh-V:visited {
-  color: rgb(var(--mrl-gray-80));
-}
-
-a.mrl-link--inverse--P3WC3:visited {
-  color: rgb(var(--mrl-white));
-}
-
-/* stylelint-enable color-function-notation */
-a.mrl-link--AsWiT:hover {
-  color: var(--mrl-link-color-hover);
-}
-
-a.mrl-link--AsWiT:active {
-  color: var(--mrl-link-color-active);
-}
-
-a.mrl-link--large--P5aAR {
-  font-family: var(--mrl-body-font);
-  font-size: var(--mrl-type-size-text-large);
-  font-weight: var(--mrl-type-weight-interactive);
-  letter-spacing: var(--mrl-type-spacing-text);
-  line-height: var(--mrl-type-line-height-interactive-large);
-}
-
-a.mrl-link--medium--Xczxr {
-  font-family: var(--mrl-body-font);
-  font-size: var(--mrl-type-size-text);
-  font-weight: var(--mrl-type-weight-interactive);
-  letter-spacing: var(--mrl-type-spacing-text);
-  line-height: var(--mrl-type-line-height-interactive);
-}
-
-a.mrl-link--small--qpOdl {
-  font-family: var(--mrl-body-font);
-  font-size: var(--mrl-type-size-text-small);
-  font-weight: var(--mrl-type-weight-interactive);
-  letter-spacing: var(--mrl-type-spacing-text);
-  line-height: var(--mrl-type-line-height-interactive-small);
-}
-
-a.mrl-link--xsmall--vbu3s {
-  font-family: var(--mrl-body-font);
-  font-size: var(--mrl-type-size-text-xsmall);
-  font-weight: var(--mrl-type-weight-interactive);
-  letter-spacing: var(--mrl-type-spacing-interactive-xsmall);
-  line-height: var(--mrl-type-line-height-interactive-xsmall);
-}
-
-a.mrl-link--simple--0ALEr .MrlLinkText--TMe-Y {
-  border-bottom: none;
-  text-decoration: underline;
-}
-
-.MrlLinkIcon--7SCIJ {
-  margin-left: var(--mrl-spacing-01);
-  margin-top: calc(var(--mrl-spacing-01) * -1);
-}
-
-.mrl-link--small--qpOdl .MrlLinkIcon--7SCIJ {
-  height: auto;
-  width: var(--mrl-spacing-05);
-}
-
-.mrl-link--xsmall--vbu3s .MrlLinkIcon--7SCIJ {
-  height: auto;
-  width: calc(var(--mrl-spacing-04) + var(--mrl-spacing-01));
-}

package/dist/esm/components/link/MrlLink/MrlLink.module.scss.js

@@ -1,17 +0,0 @@
-import "./MrlLink.module.css";
-export default {
-	"mrl-u-focus-wrapper": "mrl-u-focus-wrapper--YRf7e",
-	"mrl-link": "mrl-link--AsWiT",
-	"mrl-link--mono": "mrl-link--mono--1Oh-V",
-	"mrl-link--inverse": "mrl-link--inverse--P3WC3",
-	"border-animation": "border-animation--Bm2sq",
-	"MrlLinkText": "MrlLinkText--TMe-Y",
-	"border-animation-inverse": "border-animation-inverse--ey8gk",
-	"mrl-link--large": "mrl-link--large--P5aAR",
-	"mrl-link--medium": "mrl-link--medium--Xczxr",
-	"mrl-link--small": "mrl-link--small--qpOdl",
-	"mrl-link--xsmall": "mrl-link--xsmall--vbu3s",
-	"mrl-link--simple": "mrl-link--simple--0ALEr",
-	"MrlLinkIcon": "MrlLinkIcon--7SCIJ",
-	"outline-animation": "outline-animation--7x-7C"
-};

package/dist/esm/components/link/MrlLink/index.js

@@ -1 +0,0 @@
-export * from './MrlLink';