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

package/dist/cjs/components/form/fieldset/MrlFieldset/MrlFieldset.js

@@ -1,60 +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.MrlFieldset = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../../../../utils");
-const MrlFieldset_module_scss_1 = __importDefault(require("./MrlFieldset.module.scss.js"));
-/**
- * Groups related form elements
- * @param {MrlFieldsetProps} props - the component props
- * @returns a fieldset element
- */
-function MrlFieldset(_a) {
-    var { attrs = {}, children, className, label } = _a, rest = __rest(_a, ["attrs", "children", "className", "label"]);
-    const allClasses = (0, classnames_1.default)(attrs.class || attrs.className, className);
-    delete attrs.class;
-    delete attrs.className;
-    const attributes = (0, utils_1.setAttributes)(attrs);
-    return (React.createElement("fieldset", Object.assign({}, rest, attributes, { className: allClasses }),
-        React.createElement("legend", { className: MrlFieldset_module_scss_1.default['MrlLabel'] }, label),
-        children));
-}
-exports.MrlFieldset = MrlFieldset;

package/dist/cjs/components/form/fieldset/MrlFieldset/MrlFieldset.module.css

@@ -1,107 +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--BZn4X:checked ~ .mrl-checkbox-inputDisplay--f-GOQ,
-.MrlCheckboxStandalone-input--c7SOR:checked ~ .MrlCheckboxStandalone-inputDisplay--PFxmK,
-.mrl-checkbox-input--BZn4X:indeterminate ~ .mrl-checkbox-inputDisplay--f-GOQ,
-.MrlCheckboxStandalone-input--c7SOR:indeterminate ~ .MrlCheckboxStandalone-inputDisplay--PFxmK {
-  --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--cwzkG {
-  --mrl-text-input-icon-size: var(--mrl-spacing-06);
-  --mrl-text-input-icon-offset: var(--mrl-input-icon-offset);
-}
-
-.MrlLabel--PHHyh {
-  --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--V42aJ {
-  --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--PHHyh.mrl-is--disabled--q41vC {
-  --mrl-label-text-color: var(--mrl-color-text-disabled);
-}
-
-.MrlLabel--PHHyh {
-  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--V42aJ {
-  align-items: center;
-  display: inline-flex;
-  margin-left: var(--mrl-label-offset-inline);
-  padding-left: 0;
-}
-
-.MrlLabel-icon--aY4ob {
-  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);
-}

package/dist/cjs/components/form/fieldset/MrlFieldset/MrlFieldset.module.scss.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlFieldset.module.css");
-exports.default = {
-	"mrl-checkbox-input": "mrl-checkbox-input--BZn4X",
-	"mrl-checkbox-inputDisplay": "mrl-checkbox-inputDisplay--f-GOQ",
-	"MrlCheckboxStandalone-input": "MrlCheckboxStandalone-input--c7SOR",
-	"MrlCheckboxStandalone-inputDisplay": "MrlCheckboxStandalone-inputDisplay--PFxmK",
-	"MrlTextInput": "MrlTextInput--cwzkG",
-	"MrlLabel": "MrlLabel--PHHyh",
-	"MrlLabel--inline": "MrlLabel--inline--V42aJ",
-	"mrl-is--disabled": "mrl-is--disabled--q41vC",
-	"MrlLabel-icon": "MrlLabel-icon--aY4ob"
-};

package/dist/cjs/components/form/fieldset/MrlFieldset/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("./MrlFieldset"), exports);

package/dist/cjs/components/form/hooks/useActiveColor.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActiveColor = void 0;
-const react_1 = require("react");
-/**
- * Custom hook used to track the active color state of inputs
- *
- * @param {InputStates | undefined} state - the input state
- * @returns the hasActiveColor state and handler
- */
-function useActiveColor(state) {
-    const [hasActiveColor, setHasActiveColor] = (0, react_1.useState)(false);
-    return {
-        hasActiveColor,
-        setHasActiveColor: (hasActiveColor) => {
-            if (state === 'read-only')
-                return;
-            if (state === 'disabled')
-                return;
-            setHasActiveColor(hasActiveColor);
-        }
-    };
-}
-exports.useActiveColor = useActiveColor;

package/dist/cjs/components/form/hooks/useIsEditable.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsEditable = void 0;
-const react_1 = require("react");
-/**
- * Custom hook used to track the edit state of a text input.
- *
- * isEditing represents if someone has actively decided to start editing a field.
- * isEditable controls if the input field can be interacted with directly.
- *
- * This leaves open the possibility for a field to be editable even if someone has not explicitly decided to edit it.
- * @param param - useIsEditable options
- * @param param.changeHandler - optional set handler
- * @param param.initialValue - the text input initial value
- * @param param.state - the text input state
- * @param param.value - optional control value
- * @returns the isEditable, isEditing state and handler
- */
-function useIsEditable({ changeHandler, initialValue, state, value }) {
-    const [isEditable, setIsEditable] = (0, react_1.useState)(initialValue);
-    const isEditableEffectiveValue = value !== undefined ? value : isEditable;
-    const [isEditing, setIsEditing] = (0, react_1.useState)(false);
-    return {
-        isEditable: isEditableEffectiveValue,
-        isEditing,
-        setIsEditable: (isEditableUpdate) => {
-            if (state === 'read-only')
-                return;
-            if (state === 'disabled')
-                return;
-            if (typeof changeHandler === 'function') {
-                changeHandler(isEditableUpdate);
-            }
-            else {
-                setIsEditable(isEditableUpdate);
-            }
-        },
-        setIsEditing: (isEditingUpdate) => {
-            setIsEditing(isEditingUpdate);
-        }
-    };
-}
-exports.useIsEditable = useIsEditable;

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

@@ -1,35 +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("./legacy-select"), exports);
-__exportStar(require("./legacy-select/MrlLegacySelectItem"), exports);
-__exportStar(require("./legacy-select/MrlLegacySelectMenu"), exports);
-__exportStar(require("./text-input/MrlTextInput"), exports);
-__exportStar(require("./text-input/MrlEditableTextInput"), exports);
-__exportStar(require("./label/MrlLabel"), exports);
-__exportStar(require("./label/MrlLabelWithDescription"), exports);
-__exportStar(require("./textarea/MrlTextarea"), exports);
-__exportStar(require("./textarea/MrlEditableTextarea"), exports);
-__exportStar(require("./fieldset/MrlFieldset"), exports);
-__exportStar(require("./checkbox/MrlCheckbox"), exports);
-__exportStar(require("./checkbox/MrlCheckboxStandalone"), exports);
-__exportStar(require("./constants"), exports);
-__exportStar(require("./radio/MrlRadioGroup"), exports);
-__exportStar(require("./radio/MrlRadioButton"), exports);
-__exportStar(require("./radio/MrlRadioButtonStandalone"), exports);
-__exportStar(require("./switch"), exports);
-__exportStar(require("./date-picker"), exports);
-__exportStar(require("./select"), exports);

package/dist/cjs/components/form/label/MrlLabel/MrlLabel.js

@@ -1,66 +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.MrlLabel = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../../../../utils");
-const constants_1 = require("../../constants");
-const svg_1 = require("../../../svg");
-const MrlLabel_module_scss_1 = __importDefault(require("./MrlLabel.module.scss.js"));
-/**
- * Provides a label for a form element
- *
- * @param {MrlLabelProps} props - the component props
- * @returns a label element
- */
-function MrlLabel(_a) {
-    var { attrs = {}, className, text, htmlFor, kind = constants_1.labelDefaults.kind, icon, state = constants_1.labelDefaults.state } = _a, rest = __rest(_a, ["attrs", "className", "text", "htmlFor", "kind", "icon", "state"]);
-    const allClasses = (0, classnames_1.default)('mrl-label', 'MrlLabel', MrlLabel_module_scss_1.default['MrlLabel'], attrs.class || attrs.className, className, {
-        [MrlLabel_module_scss_1.default['mrl-is--disabled']]: state === 'disabled',
-        [MrlLabel_module_scss_1.default['MrlLabel--inline']]: kind !== constants_1.labelDefaults.kind
-    });
-    delete attrs.class;
-    delete attrs.className;
-    const attributes = (0, utils_1.setAttributes)(attrs);
-    return (React.createElement("label", Object.assign({}, rest, attributes, { htmlFor: htmlFor, className: allClasses }),
-        icon && (React.createElement(svg_1.MrlSvg, { "aria-hidden": "true", svg: icon.icon, className: (0, classnames_1.default)(MrlLabel_module_scss_1.default['MrlLabel-icon'], 'MrlLabel-icon'), size: "auto" })),
-        React.createElement("span", { className: "MrlLabel-text" }, text)));
-}
-exports.MrlLabel = MrlLabel;

package/dist/cjs/components/form/label/MrlLabel/MrlLabel.module.css

@@ -1,107 +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--OnEiG:checked ~ .mrl-checkbox-inputDisplay--meSkr,
-.MrlCheckboxStandalone-input--aQCgm:checked ~ .MrlCheckboxStandalone-inputDisplay--XkyBu,
-.mrl-checkbox-input--OnEiG:indeterminate ~ .mrl-checkbox-inputDisplay--meSkr,
-.MrlCheckboxStandalone-input--aQCgm:indeterminate ~ .MrlCheckboxStandalone-inputDisplay--XkyBu {
-  --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--PMKYm {
-  --mrl-text-input-icon-size: var(--mrl-spacing-06);
-  --mrl-text-input-icon-offset: var(--mrl-input-icon-offset);
-}
-
-.MrlLabel--wuV39 {
-  --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--fv39Z {
-  --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--wuV39.mrl-is--disabled--x4keo {
-  --mrl-label-text-color: var(--mrl-color-text-disabled);
-}
-
-.MrlLabel--wuV39 {
-  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--fv39Z {
-  align-items: center;
-  display: inline-flex;
-  margin-left: var(--mrl-label-offset-inline);
-  padding-left: 0;
-}
-
-.MrlLabel-icon--j5WAV {
-  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);
-}

package/dist/cjs/components/form/label/MrlLabel/MrlLabel.module.scss.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlLabel.module.css");
-exports.default = {
-	"mrl-checkbox-input": "mrl-checkbox-input--OnEiG",
-	"mrl-checkbox-inputDisplay": "mrl-checkbox-inputDisplay--meSkr",
-	"MrlCheckboxStandalone-input": "MrlCheckboxStandalone-input--aQCgm",
-	"MrlCheckboxStandalone-inputDisplay": "MrlCheckboxStandalone-inputDisplay--XkyBu",
-	"MrlTextInput": "MrlTextInput--PMKYm",
-	"MrlLabel": "MrlLabel--wuV39",
-	"MrlLabel--inline": "MrlLabel--inline--fv39Z",
-	"mrl-is--disabled": "mrl-is--disabled--x4keo",
-	"MrlLabel-icon": "MrlLabel-icon--j5WAV"
-};

package/dist/cjs/components/form/label/MrlLabel/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("./MrlLabel"), exports);

package/dist/cjs/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.js

@@ -1,73 +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.MrlLabelWithDescription = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const __1 = require("../../../");
-const MrlLabelWithDescription_module_scss_1 = __importDefault(require("./MrlLabelWithDescription.module.scss.js"));
-/**
- * Form control label that can render a label, an icon and description text
- *
- * @param {MrlLabelWithDescriptionProps} props - the component props
- * @returns a form control label with description
- */
-function MrlLabelWithDescription(_a) {
-    var { className, description, descriptionId, isDisabled, isIndeterminate, isSelected, hasMultilineLabel, htmlFor, icon, label } = _a, rest = __rest(_a, ["className", "description", "descriptionId", "isDisabled", "isIndeterminate", "isSelected", "hasMultilineLabel", "htmlFor", "icon", "label"]);
-    const allClasses = (0, classnames_1.default)(className, MrlLabelWithDescription_module_scss_1.default['MrlLabelWithDescription'], {
-        [MrlLabelWithDescription_module_scss_1.default['mrl-is--disabled']]: isDisabled,
-        [MrlLabelWithDescription_module_scss_1.default['mrl-is--selected']]: isSelected,
-        [MrlLabelWithDescription_module_scss_1.default['mrl-is--indeterminate']]: isIndeterminate
-    });
-    return (React.createElement("div", { className: allClasses },
-        React.createElement(__1.MrlLabel, Object.assign({}, rest, { icon: icon !== undefined ? icon : undefined, text: label, kind: "inline", htmlFor: htmlFor, className: (0, classnames_1.default)(MrlLabelWithDescription_module_scss_1.default['MrlLabelWithDescription-label'], 'MrlLabelWithDescription-label', {
-                [MrlLabelWithDescription_module_scss_1.default['has-icon']]: typeof icon !== 'undefined',
-                [MrlLabelWithDescription_module_scss_1.default['has-multiline-label']]: hasMultilineLabel
-            }) })),
-        description && (React.createElement("div", { className: (0, classnames_1.default)(MrlLabelWithDescription_module_scss_1.default['MrlLabelWithDescription-description'], 'MrlLabelWithDescription-description', {
-                [MrlLabelWithDescription_module_scss_1.default['has-icon']]: typeof icon !== 'undefined',
-                [MrlLabelWithDescription_module_scss_1.default['has-multiline-label']]: hasMultilineLabel
-            }) },
-            typeof description === 'string' && (React.createElement(__1.MrlText, { attrs: {
-                    className: MrlLabelWithDescription_module_scss_1.default['MrlLabelWithDescription-text'],
-                    id: descriptionId
-                }, text: description, size: "xsmall" })),
-            React.isValidElement(description) && description))));
-}
-exports.MrlLabelWithDescription = MrlLabelWithDescription;

package/dist/cjs/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.module.css

@@ -1,64 +0,0 @@
-.MrlLabelWithDescription--QyxQJ {
-  --mrl-label-with-description-color: rgba(var(--mrl-gray-80), 1);
-}
-.MrlLabelWithDescription--QyxQJ.mrl-is--selected--iIbJc, .MrlLabelWithDescription--QyxQJ.mrl-is--indeterminate--3M0m- {
-  --mrl-label-with-description-color: rgba(var(--mrl-gray-100), 1);
-}
-.MrlLabelWithDescription--QyxQJ.mrl-is--disabled--qE6xi {
-  --mrl-label-with-description-color: var(--mrl-color-text-disabled);
-}
-.MrlLabelWithDescription--QyxQJ:not(.mrl-is--disabled--qE6xi):hover {
-  --mrl-label-with-description-color: rgba(var(--mrl-gray-90), 1);
-}
-
-.MrlLabelWithDescription--QyxQJ {
-  --mrl-label-text-padding-top: calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));
-  --mrl-description-margin-left: var(--mrl-spacing-09);
-  --mrl-description-margin-top: calc(-1 * calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)));
-  min-height: var(--mrl-spacing-09);
-}
-.MrlLabelWithDescription--QyxQJ .MrlSvgContainer {
-  flex-shrink: 0;
-}
-
-.MrlLabelWithDescription-label--pY3uV {
-  color: var(--mrl-label-with-description-color);
-  cursor: pointer;
-  transition: color var(--mrl-duration-03) var(--mrl-timing-m2);
-  vertical-align: middle;
-}
-.MrlLabelWithDescription-label--pY3uV .MrlLabel-icon {
-  height: var(--mrl-spacing-07);
-  margin: var(--mrl-spacing-02) var(--mrl-spacing-04) var(--mrl-spacing-02) var(--mrl-spacing-01);
-  width: var(--mrl-spacing-07);
-}
-.MrlLabelWithDescription-label--pY3uV .MrlLabel-text {
-  padding-top: var(--mrl-label-text-padding-top);
-}
-.MrlLabelWithDescription-label--pY3uV.has-icon--sa3DP {
-  margin-left: var(--mrl-spacing-01);
-}
-.MrlLabelWithDescription-label--pY3uV.has-icon--sa3DP .MrlLabel-text {
-  padding-top: 0;
-}
-.MrlLabelWithDescription-label--pY3uV.has-multiline-label--yHEOK .MrlLabel-text {
-  padding-top: var(--mrl-label-text-padding-top);
-}
-
-.MrlLabelWithDescription-description--aWfRw {
-  color: var(--mrl-label-with-description-color);
-  margin-left: var(--mrl-spacing-02);
-  transition: color var(--mrl-duration-03) var(--mrl-timing-m2);
-}
-.MrlLabelWithDescription-description--aWfRw .MrlLabelWithDescription-text--JLnVU {
-  --mrl-text-weight: var(--mrl-type-weight-text-secondary);
-}
-.MrlLabelWithDescription-description--aWfRw.has-icon--sa3DP, .MrlLabelWithDescription-description--aWfRw.has-multiline-label--yHEOK {
-  margin-left: var(--mrl-description-margin-left);
-}
-.MrlLabelWithDescription-description--aWfRw.has-icon--sa3DP {
-  margin-top: var(--mrl-description-margin-top);
-}
-.MrlLabelWithDescription-description--aWfRw.has-multiline-label--yHEOK {
-  margin-top: 0;
-}