@muraldevkit/ui-toolkit 4.66.0-dev-DhSN.1 → 4.66.0-dev-QELk.1

package/dist/cjs/components/form/switch/MrlSwitch/MrlSwitch.module.css

@@ -1,118 +0,0 @@
-:root,
-:host {
-  --mrl-text-input-background: var(--mrl-color-background);
-  --mrl-text-input-background-color-hover: var(--mrl-color-background);
-  --mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);
-  --mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);
-  --mrl-text-input-border-width: var(--mrl-line-width-border);
-  --mrl-text-input-border-color-hover: var(--mrl-color-line-hover);
-  --mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);
-  --mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);
-  --mrl-text-input-border-color-focus: var(--mrl-color-line-active);
-  --mrl-text-input-border-radius: var(--mrl-border-radius-functional);
-  --mrl-text-input-color: rgba(var(--mrl-gray-90), 1);
-  --mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);
-  --mrl-text-input-color-disabled: var(--mrl-color-text-disabled);
-  --mrl-text-input-color-read-only: var(--mrl-gray-90);
-  --mrl-text-input-height: var(--mrl-spacing-09);
-  --mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);
-  --mrl-text-input-inset-vertical: var(--mrl-space-inset);
-  --mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);
-  --mrl-text-input-padding: var(--mrl-text-input-inset-vertical)
-  	var(--mrl-text-input-inset-horizontal);
-  --mrl-input-icon-offset: var(--mrl-spacing-03);
-  --mrl-checkbox-height: var(--mrl-spacing-09);
-  --mrl-checkbox-input-affordance: var(--mrl-spacing-08);
-  --mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));
-  --mrl-checkbox-input-size: var(--mrl-spacing-06);
-  --mrl-checkbox-input-background: var(--mrl-color-background);
-  --mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);
-  --mrl-checkbox-input-color: var(--mrl-color-text-inverse);
-  --mrl-checkbox-input-border-width: var(--mrl-line-width-control);
-  --mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);
-  --mrl-radio-button-height: var(--mrl-spacing-06);
-  --mrl-radio-button-width: var(--mrl-spacing-06);
-  --mrl-radio-button-fill-size: var(--mrl-spacing-04);
-  --mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);
-  --mrl-radio-button-border-width: var(--mrl-line-width-border);
-  --mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);
-  --mrl-radio-button-background: var(--mrl-color-background);
-  --mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);
-  --mrl-select-background-color-read-only: var(--mrl-black-opacity-00);
-  --mrl-select-border-color-read-only: rgba(0, 0, 0, 0%);
-}
-
-.mrl-checkbox-input--tH-gV:checked ~ .mrl-checkbox-inputDisplay--R6HrC,
-.MrlCheckboxStandalone-input--YsuV7:checked ~ .MrlCheckboxStandalone-inputDisplay--lXlet,
-.mrl-checkbox-input--tH-gV:indeterminate ~ .mrl-checkbox-inputDisplay--R6HrC,
-.MrlCheckboxStandalone-input--YsuV7:indeterminate ~ .MrlCheckboxStandalone-inputDisplay--lXlet {
-  --mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);
-  --mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1);
-}
-
-:host {
-  --mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));
-  --mrl-select-item-spacing-stack: var(--mrl-spacing-02);
-  --mrl-select-item-text-affordance: calc(
-  	var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small)
-  );
-}
-
-.MrlTextInput--x4NU2 {
-  --mrl-text-input-icon-size: var(--mrl-spacing-06);
-  --mrl-text-input-icon-offset: var(--mrl-input-icon-offset);
-}
-
-.MrlLabel--KMOKK {
-  --mrl-label-text-color: var(--mrl-color-text-label);
-  --mrl-label-font-size: var(--mrl-type-size-text-small);
-  --mrl-label-line-height: var(--mrl-type-line-height-text-small);
-  --mrl-label-font-weight: var(--mrl-type-weight-title-secondary);
-  --mrl-label-offset-vertical: var(--mrl-space-stack-related-small);
-}
-
-.MrlLabel--inline--3j0qy {
-  --mrl-label-offset-vertical: 0;
-  --mrl-label-offset-inline: var(--mrl-space-inline-sibling-xsmall);
-  --mrl-label-icon-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));
-  --mrl-label-icon-size: var(--mrl-spacing-06);
-}
-
-.MrlLabel--KMOKK.mrl-is--disabled--EKp-- {
-  --mrl-label-text-color: var(--mrl-color-text-disabled);
-}
-
-.MrlLabel--KMOKK {
-  color: var(--mrl-label-text-color);
-  display: block;
-  font-family: var(--mrl-body-font);
-  font-size: var(--mrl-label-font-size);
-  font-weight: var(--mrl-label-font-weight);
-  line-height: var(--mrl-label-line-height);
-  margin-bottom: var(--mrl-label-offset-vertical);
-  padding-left: var(--mrl-text-input-border-width);
-}
-
-.MrlLabel--inline--3j0qy {
-  align-items: center;
-  display: inline-flex;
-  margin-left: var(--mrl-label-offset-inline);
-  padding-left: 0;
-}
-
-.MrlLabel-icon--ucgYF {
-  height: var(--mrl-label-icon-size);
-  margin: var(--mrl-label-icon-inset) calc(var(--mrl-label-icon-inset) + var(--mrl-label-offset-inline)) var(--mrl-label-icon-inset) var(--mrl-label-icon-inset);
-  width: var(--mrl-label-icon-size);
-}
-
-.MrlSwitch--13D1Q {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 0;
-}
-
-.MrlSwitch-disabled--u0UvG {
-  color: rgba(var(--mrl-gray-40), 1);
-}

package/dist/cjs/components/form/switch/MrlSwitch/MrlSwitch.module.scss.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlSwitch.module.css");
-exports.default = {
-	"mrl-checkbox-input": "mrl-checkbox-input--tH-gV",
-	"mrl-checkbox-inputDisplay": "mrl-checkbox-inputDisplay--R6HrC",
-	"MrlCheckboxStandalone-input": "MrlCheckboxStandalone-input--YsuV7",
-	"MrlCheckboxStandalone-inputDisplay": "MrlCheckboxStandalone-inputDisplay--lXlet",
-	"MrlTextInput": "MrlTextInput--x4NU2",
-	"MrlLabel": "MrlLabel--KMOKK",
-	"MrlLabel--inline": "MrlLabel--inline--3j0qy",
-	"mrl-is--disabled": "mrl-is--disabled--EKp--",
-	"MrlLabel-icon": "MrlLabel-icon--ucgYF",
-	"MrlSwitch": "MrlSwitch--13D1Q",
-	"MrlSwitch-disabled": "MrlSwitch-disabled--u0UvG"
-};

package/dist/cjs/components/form/switch/MrlSwitch/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MrlSwitch"), exports);

package/dist/cjs/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.js

@@ -1,64 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlSwitchStandalone = void 0;
-const ds_icons_1 = require("@muraldevkit/ds-icons");
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const MrlSvg_1 = require("../../../svg/MrlSvg/MrlSvg");
-const MrlSwitchStandalone_module_scss_1 = __importDefault(require("./MrlSwitchStandalone.module.scss.js"));
-exports.MrlSwitchStandalone = (0, react_1.memo)((_a) => {
-    var { className, id, labelledBy, onChange, selected = false } = _a, rest = __rest(_a, ["className", "id", "labelledBy", "onChange", "selected"]);
-    const [isChecked, setIsChecked] = (0, react_1.useState)(selected);
-    (0, react_1.useEffect)(() => {
-        setIsChecked(selected);
-    }, [selected]);
-    const handleChange = (e) => {
-        setIsChecked(e.target.checked);
-        onChange(e);
-    };
-    const containerClasses = (0, classnames_1.default)(className, 'MrlSwitchStandalone', MrlSwitchStandalone_module_scss_1.default['MrlSwitchStandalone']);
-    return (React.createElement("div", { className: containerClasses },
-        React.createElement("input", Object.assign({}, rest, { "aria-labelledby": labelledBy, "aria-checked": isChecked, className: (0, classnames_1.default)('MrlSwitchStandalone-checkbox', MrlSwitchStandalone_module_scss_1.default['MrlSwitchStandalone-checkbox']), id: id, onChange: handleChange, type: "checkbox", role: "switch" })),
-        React.createElement("span", { className: (0, classnames_1.default)('MrlSwitchStandalone-switch', MrlSwitchStandalone_module_scss_1.default['MrlSwitchStandalone-switch']) }),
-        React.createElement("span", { className: (0, classnames_1.default)('MrlSwitchStandalone-switch-indicator', MrlSwitchStandalone_module_scss_1.default['MrlSwitchStandalone-switch-indicator']) },
-            React.createElement(MrlSvg_1.MrlSvg, { size: "auto", svg: isChecked ? ds_icons_1.check : ds_icons_1.minus }))));
-});
-exports.MrlSwitchStandalone.displayName = 'MrlSwitchStandalone';

package/dist/cjs/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.module.css

@@ -1,174 +0,0 @@
-/* stylelint-disable scss/operator-no-newline-after */
-.mrl-u-focus-wrapper--IzQ-- {
-  position: relative;
-}
-
-.MrlSwitchStandalone-switch--Jcxrj {
-  background-color: rgba(var(--mrl-gray-80), 1);
-  border-radius: 0.625rem;
-  cursor: pointer;
-  display: block;
-  height: var(--mrl-spacing-06);
-  width: calc(var(--mrl-spacing-08) + var(--mrl-spacing-02));
-}
-@media (prefers-reduced-motion: no-preference) {
-  .MrlSwitchStandalone-switch--Jcxrj {
-    transition: var(--mrl-duration-02);
-  }
-}
-
-.MrlSwitchStandalone-switch-indicator--JQrCo {
-  align-content: center;
-  background-color: var(--mrl-color-background);
-  border-radius: 0.375rem;
-  bottom: calc(var(--mrl-spacing-03) - var(--mrl-spacing-02));
-  color: var(--mrl-color-background-secondary);
-  display: flex;
-  height: var(--mrl-spacing-04);
-  left: var(--mrl-spacing-02);
-  pointer-events: none;
-  position: absolute;
-  width: var(--mrl-spacing-04);
-}
-@media (prefers-reduced-motion: no-preference) {
-  .MrlSwitchStandalone-switch-indicator--JQrCo {
-    transition: var(--mrl-duration-02) var(--mrl-timing-m1);
-  }
-}
-.MrlSwitchStandalone-switch-indicator--JQrCo .mrl-svg--IAosq {
-  height: var(--mrl-spacing-04);
-  pointer-events: none;
-  width: var(--mrl-spacing-04);
-}
-
-.MrlSwitchStandalone--nUclw {
-  height: 100%;
-  position: relative;
-}
-.MrlSwitchStandalone--nUclw .MrlSwitchStandalone-checkbox--Ubu-- {
-  cursor: pointer;
-  height: var(--mrl-spacing-06);
-  opacity: 0;
-  position: absolute;
-  width: calc(var(--mrl-spacing-08) + var(--mrl-spacing-02));
-}
-
-.MrlSwitchStandalone-checkbox--Ubu-- {
-  /* stylelint-disable no-descending-specificity */
-  /* stylelint-enable no-descending-specificity */
-}
-.MrlSwitchStandalone-checkbox--Ubu--:hover + .MrlSwitchStandalone-switch--Jcxrj {
-  background-color: rgba(var(--mrl-gray-90), 1);
-}
-.MrlSwitchStandalone-checkbox--Ubu--:active + .MrlSwitchStandalone-switch--Jcxrj {
-  background-color: rgba(var(--mrl-gray-100), 1);
-}
-.MrlSwitchStandalone-checkbox--Ubu--:disabled + .MrlSwitchStandalone-switch--Jcxrj, .MrlSwitchStandalone-checkbox--Ubu--:disabled:hover + .MrlSwitchStandalone-switch--Jcxrj {
-  background-color: rgba(var(--mrl-gray-40), 1);
-}
-.MrlSwitchStandalone-checkbox--Ubu--:disabled ~ .MrlSwitchStandalone-switch-indicator--JQrCo {
-  color: rgba(var(--mrl-gray-40), 1);
-}
-.MrlSwitchStandalone-checkbox--Ubu--:focus-visible + .MrlSwitchStandalone-switch--Jcxrj::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-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
-	);
-  bottom: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  content: "";
-  display: block;
-  left: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  position: absolute;
-  right: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  top: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  z-index: 1;
-  animation-name: border-animation--BDho1;
-}
-@keyframes border-animation--BDho1 {
-  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) + 0px
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-  }
-}
-@keyframes border-animation-inverse--bY8n7 {
-  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) + 0px
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-  }
-}
-.MrlSwitchStandalone-checkbox--Ubu--[aria-checked=true] + .MrlSwitchStandalone-switch--Jcxrj {
-  background-color: rgba(var(--mrl-blue-70), 1);
-}
-.MrlSwitchStandalone-checkbox--Ubu--[aria-checked=true] ~ .MrlSwitchStandalone-switch-indicator--JQrCo {
-  color: rgba(var(--mrl-blue-70), 1);
-  transform: translateX(calc(var(--mrl-spacing-08) - var(--mrl-spacing-05)));
-}
-.MrlSwitchStandalone-checkbox--Ubu--[aria-checked=true]:hover + .MrlSwitchStandalone-switch--Jcxrj {
-  background-color: rgba(var(--mrl-blue-80), 1);
-}
-.MrlSwitchStandalone-checkbox--Ubu--[aria-checked=true]:active + .MrlSwitchStandalone-switch--Jcxrj {
-  background-color: rgba(var(--mrl-blue-90), 1);
-}
-.MrlSwitchStandalone-checkbox--Ubu--[aria-checked=true]:disabled + .MrlSwitchStandalone-switch--Jcxrj, .MrlSwitchStandalone-checkbox--Ubu--[aria-checked=true]:disabled:hover + .MrlSwitchStandalone-switch--Jcxrj {
-  background-color: rgba(var(--mrl-gray-40), 1);
-}

package/dist/cjs/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.module.scss.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlSwitchStandalone.module.css");
-exports.default = {
-	"mrl-u-focus-wrapper": "mrl-u-focus-wrapper--IzQ--",
-	"MrlSwitchStandalone-switch": "MrlSwitchStandalone-switch--Jcxrj",
-	"MrlSwitchStandalone-switch-indicator": "MrlSwitchStandalone-switch-indicator--JQrCo",
-	"mrl-svg": "mrl-svg--IAosq",
-	"MrlSwitchStandalone": "MrlSwitchStandalone--nUclw",
-	"MrlSwitchStandalone-checkbox": "MrlSwitchStandalone-checkbox--Ubu--",
-	"border-animation": "border-animation--BDho1",
-	"border-animation-inverse": "border-animation-inverse--bY8n7"
-};

package/dist/cjs/components/form/switch/MrlSwitchStandalone/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MrlSwitchStandalone"), exports);

package/dist/cjs/components/form/switch/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MrlSwitch/MrlSwitch"), exports);
-__exportStar(require("./MrlSwitchStandalone/MrlSwitchStandalone"), exports);

package/dist/cjs/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.global.css

@@ -1,4 +0,0 @@
-.MrlLabel:has(+ .MrlEditableTextInput--wrapper) {
-  margin-bottom: 0;
-  padding-bottom: var(--mrl-label-offset-vertical);
-}

package/dist/cjs/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.js

@@ -1,170 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlEditableTextInput = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const ds_icons_1 = require("@muraldevkit/ds-icons");
-const MrlEditableTextInput_module_scss_1 = __importDefault(require("./MrlEditableTextInput.module.scss.js"));
-require("./MrlEditableTextInput.global.css");
-const useActiveColor_1 = require("../../hooks/useActiveColor");
-const useIsEditable_1 = require("../../hooks/useIsEditable");
-const MrlEditableTextInputRightIcon_1 = require("./MrlEditableTextInputRightIcon");
-const MrlSvg_1 = require("../../../svg/MrlSvg/MrlSvg");
-exports.MrlEditableTextInput = React.forwardRef(function MrlEditiableTextInput(props, ref) {
-    const { inputId, maxLength, placeholder, state, value, error, isEditable: controlledIsEditable, setIsEditable: controlledIsEditableUpdate, showIconOnHover = false, inputLabelText } = props, attrs = __rest(props, ["inputId", "maxLength", "placeholder", "state", "value", "error", "isEditable", "setIsEditable", "showIconOnHover", "inputLabelText"]);
-    // html id to be reference by input and error description to relay the error for a specific input
-    const describedById = `${inputId}-description`;
-    const textInputRef = React.useRef(null);
-    const iconRef = React.useRef(null);
-    const { hasActiveColor, setHasActiveColor } = (0, useActiveColor_1.useActiveColor)(state);
-    const { isEditable, isEditing, setIsEditable, setIsEditing } = (0, useIsEditable_1.useIsEditable)({
-        changeHandler: controlledIsEditableUpdate,
-        initialValue: false,
-        state,
-        value: controlledIsEditable
-    });
-    React.useImperativeHandle(ref, () => iconRef.current);
-    const unlockInput = React.useCallback(() => {
-        setIsEditable(true);
-        setIsEditing(true);
-    }, [setIsEditable, setIsEditing]);
-    const lockInput = React.useCallback(() => {
-        setIsEditable(false);
-        setIsEditing(false);
-    }, [setIsEditable, setIsEditing]);
-    const handleOnClick = (e) => {
-        if (!isEditable && !isEditing) {
-            unlockInput();
-        }
-        /*
-         * Only to be executed if onClick is provided as a prop
-         */
-        if (typeof attrs.onClick === 'function') {
-            attrs.onClick(e);
-        }
-    };
-    const handleKeyDown = (event) => {
-        var _a;
-        const { key } = event;
-        // Selects the item on enter or spacebar and closes the select
-        if (key === 'Escape') {
-            event.stopPropagation();
-            event.preventDefault();
-            lockInput();
-            (_a = iconRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        if (typeof attrs.onKeyDown === 'function') {
-            attrs.onKeyDown(event);
-        }
-    };
-    const handleOnBlur = React.useCallback((e) => {
-        setHasActiveColor(false);
-        lockInput();
-        if (typeof attrs.onBlur === 'function') {
-            attrs.onBlur(e);
-        }
-    }, [attrs, setHasActiveColor, lockInput]);
-    const handleOnFocus = React.useCallback((e) => {
-        setHasActiveColor(true);
-        if (typeof attrs.onFocus === 'function') {
-            attrs.onFocus(e);
-        }
-    }, [attrs, setHasActiveColor]);
-    const handleOnMouseEnter = React.useCallback((e) => {
-        setHasActiveColor(true);
-        if (typeof attrs.onMouseEnter === 'function') {
-            attrs.onMouseEnter(e);
-        }
-    }, [attrs, setHasActiveColor]);
-    const handleOnMouseLeave = React.useCallback((e) => {
-        setHasActiveColor(false);
-        if (typeof attrs.onMouseLeave === 'function') {
-            attrs.onMouseLeave(e);
-        }
-    }, [attrs, setHasActiveColor]);
-    React.useEffect(() => {
-        if (iconRef.current) {
-            if (attrs.autoFocus) {
-                iconRef.current.focus();
-            }
-        }
-        // it should only run on the first render
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    React.useEffect(() => {
-        // when editiable changes focus to current thingy
-        if (isEditable && textInputRef.current) {
-            textInputRef.current.focus();
-        }
-    }, [isEditable, isEditing]);
-    const inputClasses = (0, classnames_1.default)('MrlEditableTextInput', MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput'], MrlEditableTextInput_module_scss_1.default['mrl-textInput'], {
-        [MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput-errorMessage']]: state === 'error',
-        [MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput-errorIcon']]: state === 'error',
-        [MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput--dynamicIcon']]: state !== 'read-only',
-        [MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput--readOnly']]: state === 'read-only',
-        [MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput--active']]: hasActiveColor,
-        // if an onClick property is provided, we need to apply the class that allows pointer events
-        [MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput--allowOnClick']]: typeof attrs.onClick === 'function'
-    }, attrs.className);
-    const hasCounter = typeof maxLength !== 'undefined' && Number(maxLength) > 0;
-    if (hasCounter && isNaN(Number(maxLength))) {
-        throw new Error('maxLength should have type number');
-    }
-    const hasErrorMessage = state === 'error' && (error === null || error === void 0 ? void 0 : error.message);
-    // do not pass class info to child elements/components
-    delete attrs.className;
-    const iconClasses = (0, classnames_1.default)('MrlEditableTextInput-right-button', MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput-right-button'], {
-        [MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput-hover-button']]: showIconOnHover
-    });
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: (0, classnames_1.default)(MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput--wrapper'], 'MrlEditableTextInput--wrapper') },
-            React.createElement("input", Object.assign({ type: "text" }, attrs, { onClick: handleOnClick, "aria-invalid": state === 'error', "aria-describedby": hasErrorMessage ? describedById : undefined, className: inputClasses, disabled: state === 'disabled', maxLength: hasCounter ? maxLength : undefined, onBlur: handleOnBlur, onFocus: handleOnFocus, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, onKeyDown: handleKeyDown, id: inputId, placeholder: placeholder, readOnly: state === 'read-only' || !isEditable, tabIndex: !isEditable ? -1 : 0, ref: textInputRef, value: value })),
-            state !== 'read-only' && state !== 'disabled' && (React.createElement("span", { className: iconClasses },
-                React.createElement(MrlEditableTextInputRightIcon_1.MrlEditableTextInputRightButton, { action: unlockInput, icon: ds_icons_1.edit, label: `Edit: ${inputLabelText || inputId}`, dataQa: attrs['data-qa'] && `${attrs['data-qa']}-edit`, hasActiveColor: hasActiveColor || isEditable, setHasActiveColor: setHasActiveColor, ref: iconRef })))),
-        hasCounter && (React.createElement("span", { className: MrlEditableTextInput_module_scss_1.default['MrlForm-counter'] },
-            React.createElement("span", { "aria-hidden": "true" },
-                (value === null || value === void 0 ? void 0 : value.length) || 0,
-                "/",
-                maxLength),
-            React.createElement("p", { style: { display: 'none' }, id: `${inputId}-counter` }, `${maxLength - ((value === null || value === void 0 ? void 0 : value.length) || 0)} of ${maxLength} characters remaining`))),
-        hasErrorMessage && (React.createElement("span", { className: MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput-errorMessage'] },
-            React.createElement(MrlSvg_1.MrlSvg, { className: MrlEditableTextInput_module_scss_1.default['MrlEditableTextInput-errorIcon'], "aria-hidden": "true", svg: ds_icons_1.error, size: "small" }),
-            React.createElement("span", { id: describedById }, `${error === null || error === void 0 ? void 0 : error.message}`)))));
-});