@muraldevkit/ui-toolkit 4.8.1 → 4.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
overflow: hidden;
|
|
4
4
|
padding: 4px;
|
|
5
5
|
position: relative;
|
|
6
|
-
&::
|
|
6
|
+
&::before {
|
|
7
7
|
background-color: var(--mrl-color-background-decorative);
|
|
8
8
|
bottom: 4px;
|
|
9
9
|
content: '';
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
left: -4px;
|
|
12
12
|
position: absolute;
|
|
13
13
|
right: -4px;
|
|
14
|
-
z-index: -1;
|
|
15
14
|
}
|
|
16
15
|
}
|
|
17
16
|
.MrlTabGroup {
|
|
@@ -47,7 +47,6 @@
|
|
|
47
47
|
--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);
|
|
48
48
|
--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);
|
|
49
49
|
color: var(--mrl-text-input-color-read-only);
|
|
50
|
-
pointer-events: none;
|
|
51
50
|
}
|
|
52
51
|
}
|
|
53
52
|
@mixin mrl-selectItem-icon {
|
package/dist/styles.css
CHANGED
|
@@ -12,11 +12,11 @@
|
|
|
12
12
|
.mrl-u-focus-wrapper--O90Q4{position:relative}: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--sSAMo:checked~.mrl-checkbox-inputDisplay--hQG_0,.MrlCheckboxStandalone-input--h0tAx:checked~.MrlCheckboxStandalone-inputDisplay--pG3y_,.mrl-checkbox-input--sSAMo:indeterminate~.mrl-checkbox-inputDisplay--hQG_0,.MrlCheckboxStandalone-input--h0tAx:indeterminate~.MrlCheckboxStandalone-inputDisplay--pG3y_{--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) )}.MrlForm-counter--BiymI{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}.mrl-select--JfvZE{--mrl-select-trigger-indicator-color: var(--mrl-text-input-border-color);--mrl-select-trigger-indicator-color-hover: var(--mrl-text-input-border-color-hover);--mrl-select-trigger-indicator-color-focus: var(--mrl-text-input-border-color-focus)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--inline--irsXB{--mrl-text-input-border-color-focus: transparent}.mrl-select--JfvZE{display:block;position:relative}.mrl-select-trigger--R44fd{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding-right:var(--mrl-input-icon-offset);position:relative;width:auto}.mrl-select-trigger--R44fd::placeholder{color:var(--mrl-text-input-placeholder-color)}.mrl-select-trigger--R44fd:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.mrl-select-trigger--R44fd:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.mrl-select-trigger--R44fd:focus-visible{outline:none}.mrl-select-trigger--R44fd:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.mrl-select-trigger--R44fd:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.mrl-select-trigger--R44fd[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.mrl-select--read-only--A73x6{pointer-events:none}.mrl-select--read-only--A73x6 .mrl-select-trigger--R44fd{background-color:var(--mrl-select-background-color-read-only);border-color:var(--mrl-select-border-color-read-only)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--R44fd{border-color:var(--mrl-text-input-border-color-focus)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--R44fd::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--Edhyo;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);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) + var(--mrl-text-input-border-width))*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);z-index:1}@keyframes border-animation--Edhyo{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--CFluY{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrl-select--JfvZE:focus-visible{outline:none}.mrl-select-trigger--R44fd span{display:flex}.mrl-select-trigger--R44fd span mrl-svg{flex-basis:fit-content;margin-right:var(--mrl-select-item-icon-spacing);max-width:var(--mrl-select-item-icon-size)}.mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color);margin-left:var(--mrl-input-icon-offset)}.mrl-select-trigger-indicator--y8L8m.mrl-is--open--aXm4T{transform:rotate(180deg)}.mrl-select--JfvZE:focus-within .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color-focus)}.mrl-select-trigger--R44fd:hover .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color-hover)}.mrl-select-trigger--inline--irsXB{--mrl-text-input-border-color: transparent;--mrl-text-input-border-color-focus: transparent;--mrl-text-input-inset-vertical: var(--mrl-spacing-02);--mrl-text-input-inset-horizontal: var(--mrl-spacing-03);--mrl-text-input-height: var(--mrl-spacing-08);font-weight:var(--mrl-font-weight-04)}.mrl-select-trigger--inline--irsXB:hover{--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);--mrl-text-input-border-color: transparent}.mrl-select-trigger--inline-label--jzwoX{--mrl-text-input-border-color: transparent;--mrl-text-input-border-color-focus: transparent;--mrl-text-input-inset-vertical: var(--mrl-spacing-02);--mrl-text-input-inset-horizontal: var(--mrl-spacing-03);--mrl-text-input-height: var(--mrl-spacing-08);color:var(--mrl-color-text-secondary)}.mrl-select-trigger--inline-label--jzwoX:hover{--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);--mrl-text-input-border-color: transparent}.mrl-select-trigger--large--wdKcB{--mrl-text-input-height: var(--mrl-spacing-09)}.mrl-select--disabled--eE7CX .mrl-select-trigger--R44fd{color:var(--mrl-text-input-color-disabled);pointer-events:none}.mrl-select--disabled--eE7CX .mrl-select-trigger-border--ZKXAV{border-color:var(--mrl-text-input-border-color-disabled)}.mrl-select--disabled--eE7CX .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-text-input-color-disabled);cursor:default;pointer-events:none}
|
|
13
13
|
.mrl-u-focus-wrapper--pUcWR{position:relative}.MrlForm-counter--MgPr4{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}: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--CPpOG:checked~.mrl-checkbox-inputDisplay--aAYy2,.MrlCheckboxStandalone-input--UOLH1:checked~.MrlCheckboxStandalone-inputDisplay--nim0m,.mrl-checkbox-input--CPpOG:indeterminate~.mrl-checkbox-inputDisplay--aAYy2,.MrlCheckboxStandalone-input--UOLH1:indeterminate~.MrlCheckboxStandalone-inputDisplay--nim0m{--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) )}.mrl-selectItem--hIl7o{--mrl-select-item-background: var(--mrl-color-background);--mrl-select-item-color: var(--mrl-color-text-highlight);--mrl-select-item-padding: var(--mrl-select-item-padding-vertical) var(--mrl-select-item-padding-horizontal);--mrl-select-item-padding-horizontal: var(--mrl-spacing-04);--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-border-radius: var(--mrl-border-radius-functional);--mrl-select-item-icon-size: var(--mrl-spacing-06);--mrl-select-item-icon-spacing: var(--mrl-spacing-03)}.mrl-selectItem--hIl7o:hover{--mrl-select-item-background: var(--mrl-color-background-highlight-hover);--mrl-select-item-color: var(--mrl-color-text-highlight-hover)}.mrl-is--selected--ZFM84{--mrl-select-item-background: var(--mrl-color-background-highlight-selected);--mrl-select-item-color: var(--mrl-color-text-highlight-selected)}.mrl-selectItem--hIl7o[aria-disabled=true],.mrl-selectItem--hIl7o[aria-disabled=true]:hover{--mrl-select-item-background: transparent;--mrl-select-item-color: var(--mrl-color-text-disabled)}.mrl-select-item--J1X_z{display:block}.mrl-selectItem--hIl7o{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-title-secondary);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-select-item-background);border-radius:var(--mrl-select-item-border-radius);color:var(--mrl-select-item-color);cursor:pointer;display:flex;padding:var(--mrl-select-item-padding-vertical) var(--mrl-select-item-padding-horizontal);position:relative}.mrl-selectItem-selectedIcon--gqQyw{position:absolute;right:var(--mrl-select-item-icon-spacing);width:var(--mrl-select-item-icon-size)}.mrl-is--selected--ZFM84{padding-right:calc(var(--mrl-select-item-icon-spacing) + var(var(--mrl-select-item-icon-size)) + var(var(-mrl-select-item-icon-spacing)))}.mrl-is--focused--IdKt0{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.mrl-selectItem--hIl7o[aria-disabled=true],.mrl-selectItem--hIl7o[aria-disabled=true]:hover{cursor:default}.mrl-is--hidden--JTr6X{display:none}
|
|
14
14
|
.mrl-selectMenu--uCAv9{--mrl-select-item-height: 34px}.mrl-selectMenu--uCAv9{background:var(--mrl-color-background);border-radius:var(--mrl-radii-03);box-shadow:var(--mrl-shadow-01);display:none;left:0;max-height:calc(var(--mrl-select-item-height)*6);overflow-y:auto;padding:var(--mrl-spacing-03);position:absolute;right:0;z-index:1000}.mrl-selectMenu--bottom--RVWT6{top:calc(100% + var(--mrl-spacing-02))}.mrl-selectMenu-bottom--top--ZAxve{bottom:calc(100% + var(--mrl-spacing-02))}.mrl-selectMenu--open--d1goZ{display:block}
|
|
15
|
-
.mrl-u-focus-wrapper--grPf4{position:relative}.MrlForm-counter--sF9rr{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}: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--pv1w8:checked~.mrl-checkbox-inputDisplay--hAczO,.MrlCheckboxStandalone-input--g19kJ:checked~.MrlCheckboxStandalone-inputDisplay--VmTCd,.mrl-checkbox-input--pv1w8:indeterminate~.mrl-checkbox-inputDisplay--hAczO,.MrlCheckboxStandalone-input--g19kJ:indeterminate~.MrlCheckboxStandalone-inputDisplay--VmTCd{--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--uKstl{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlTextInput--uKstl{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%}.MrlTextInput--uKstl::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlTextInput--uKstl:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlTextInput--uKstl:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlTextInput--uKstl:focus-visible{outline:none}.MrlTextInput--uKstl:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlTextInput--uKstl:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlTextInput--uKstl[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlTextInput--uKstl:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)
|
|
16
|
-
.mrl-u-focus-wrapper--sMWmB{position:relative}.MrlForm-counter--V3QnW{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}: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--USnBs:checked~.mrl-checkbox-inputDisplay--pUyvq,.MrlCheckboxStandalone-input--n4jJI:checked~.MrlCheckboxStandalone-inputDisplay--Kel43,.mrl-checkbox-input--USnBs:indeterminate~.mrl-checkbox-inputDisplay--pUyvq,.MrlCheckboxStandalone-input--n4jJI:indeterminate~.MrlCheckboxStandalone-inputDisplay--Kel43{--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) )}.MrlEditableTextInput--jMMDB{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlEditableTextInput-hover-button--tbcyL{opacity:0;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m2)}.MrlEditableTextInput--jMMDB{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%}.MrlEditableTextInput--jMMDB::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlEditableTextInput--jMMDB:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlEditableTextInput--jMMDB:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlEditableTextInput--jMMDB:focus-visible{outline:none}.MrlEditableTextInput--jMMDB:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlEditableTextInput--jMMDB:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlEditableTextInput--jMMDB[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlEditableTextInput--jMMDB:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)
|
|
15
|
+
.mrl-u-focus-wrapper--grPf4{position:relative}.MrlForm-counter--sF9rr{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}: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--pv1w8:checked~.mrl-checkbox-inputDisplay--hAczO,.MrlCheckboxStandalone-input--g19kJ:checked~.MrlCheckboxStandalone-inputDisplay--VmTCd,.mrl-checkbox-input--pv1w8:indeterminate~.mrl-checkbox-inputDisplay--hAczO,.MrlCheckboxStandalone-input--g19kJ:indeterminate~.MrlCheckboxStandalone-inputDisplay--VmTCd{--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--uKstl{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlTextInput--uKstl{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%}.MrlTextInput--uKstl::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlTextInput--uKstl:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlTextInput--uKstl:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlTextInput--uKstl:focus-visible{outline:none}.MrlTextInput--uKstl:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlTextInput--uKstl:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlTextInput--uKstl[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlTextInput--uKstl:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)}.MrlTextInput--uKstl:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.MrlTextInput--wrapper--gsN3c{position:relative}.MrlTextInput--uKstl::-ms-clear,.MrlTextInput--uKstl::-ms-reveal{display:none;height:0;width:0}.MrlTextInput--uKstl::-webkit-search-decoration,.MrlTextInput--uKstl::-webkit-search-cancel-button,.MrlTextInput--uKstl::-webkit-search-results-button,.MrlTextInput--uKstl::-webkit-search-results-decoration{display:none}.MrlTextInput--dynamicIcon--J1WZi{padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset))}.MrlTextInput--persistIcon--gv4Sc{padding-left:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset))}.MrlTextInput--active--KJ2yW{border-color:var(--mrl-text-input-border-color-hover)}.MrlTextInput-dynamicIcon--dnVKz,.MrlTextInput-persistIcon--zbx9t{color:var(--mrl-text-input-border-color);position:absolute;top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlTextInput-dynamicIcon--disabled--uKU6N,.MrlTextInput-persistIcon--disabled--QbdBd{color:var(--mrl-text-input-border-color-disabled)}.MrlTextInput-dynamicIcon--dnVKz{right:var(--mrl-text-input-inset-horizontal)}.MrlTextInput-persistIcon--zbx9t{left:var(--mrl-text-input-inset-horizontal)}.MrlTextInput-persistIcon--active--rZL_v,.MrlTextInput-dynamicIcon--active--VwsGx{color:var(--mrl-text-input-border-color-hover)}.MrlTextInput-dynamicIcon--dnVKz>button{position:relative;background:none;border:none;color:inherit;cursor:pointer;height:20px;outline:none;padding:0}.MrlTextInput-dynamicIcon--dnVKz>button:focus-visible{outline:none}.MrlTextInput-dynamicIcon--dnVKz>button:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--j3wVg;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);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}@keyframes border-animation--j3wVg{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--VbzuE{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}
|
|
16
|
+
.mrl-u-focus-wrapper--sMWmB{position:relative}.MrlForm-counter--V3QnW{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}: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--USnBs:checked~.mrl-checkbox-inputDisplay--pUyvq,.MrlCheckboxStandalone-input--n4jJI:checked~.MrlCheckboxStandalone-inputDisplay--Kel43,.mrl-checkbox-input--USnBs:indeterminate~.mrl-checkbox-inputDisplay--pUyvq,.MrlCheckboxStandalone-input--n4jJI:indeterminate~.MrlCheckboxStandalone-inputDisplay--Kel43{--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) )}.MrlEditableTextInput--jMMDB{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlEditableTextInput-hover-button--tbcyL{opacity:0;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m2)}.MrlEditableTextInput--jMMDB{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%}.MrlEditableTextInput--jMMDB::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlEditableTextInput--jMMDB:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlEditableTextInput--jMMDB:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlEditableTextInput--jMMDB:focus-visible{outline:none}.MrlEditableTextInput--jMMDB:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlEditableTextInput--jMMDB:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlEditableTextInput--jMMDB[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlEditableTextInput--jMMDB:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)}.MrlEditableTextInput--jMMDB:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.MrlEditableTextInput--jMMDB:focus{--mrl-text-input-border-color: transparent}.MrlEditableTextInput--jMMDB:not(:disabled):read-only{color:var(--mrl-text-input-color-read-only);pointer-events:auto;--mrl-text-input-background: none}.MrlEditableTextInput--jMMDB::-ms-clear,.MrlEditableTextInput--jMMDB::-ms-reveal{display:none;height:0;width:0}.MrlEditableTextInput--jMMDB::-webkit-search-decoration,.MrlEditableTextInput--jMMDB::-webkit-search-cancel-button,.MrlEditableTextInput--jMMDB::-webkit-search-results-button,.MrlEditableTextInput--jMMDB::-webkit-search-results-decoration{display:none}.MrlEditableTextInput--jMMDB:not(:focus):hover{background-color:var(--mrl-black-opacity-00)}.MrlEditableTextInput--jMMDB:focus-visible~.MrlEditableTextInput-hover-button--tbcyL,.MrlEditableTextInput--jMMDB:focus-visible~.MrlEditableTextInput-right-button--y6ik5{opacity:0}.MrlEditableTextInput--allowOnClick--aHja5:not(:disabled):read-only{pointer-events:auto}.MrlEditableTextInput-dynamicIcon--d4KQL{color:var(--mrl-text-input-border-color);padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset));position:absolute;right:var(--mrl-text-input-inset-horizontal);top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlEditableTextInput-dynamicIcon--disabled--AYrYo{color:var(--mrl-text-input-border-color-disabled)}.MrlEditableTextInput--active--npTl0:focus-visible~.MrlEditableTextInput-right-button--y6ik5,.MrlEditableTextInput--active--npTl0:focus-visible~.MrlEditableTextInput-hover-button--tbcyL{opacity:0}.MrlEditableTextInput-dynamicIcon--active--EoB6U{color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextInput-dynamicIcon--d4KQL>button{position:relative;background:none;border:none;color:inherit;cursor:pointer;height:20px;outline:none;padding:0}.MrlEditableTextInput-dynamicIcon--d4KQL>button:focus-visible{outline:none}.MrlEditableTextInput-dynamicIcon--d4KQL>button:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--ezSmp;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);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}@keyframes border-animation--ezSmp{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--kHCBx{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlEditableTextInput-errorMessage--JhDDl{color:var(--mrl-color-background-error);font-size:var(--mrl-type-size-text-small)}.MrlEditableTextInput-errorIcon--p0Lnz{margin-right:var(--mrl-spacing-02);vertical-align:middle}.MrlEditableTextInput--wrapper--mEStH{font-size:var(--mrl-type-size-text-small);position:relative}.MrlEditableTextInput--wrapper--mEStH:hover .MrlEditableTextInput-hover-button--tbcyL{opacity:1}
|
|
17
17
|
.MrlSvgContainer--xWawW,.MrlSvg--StPVX{--mrl-svg-size: var(--mrl-spacing-07)}.MrlSvgContainer--small--wLRCd,.MrlSvg--small--zP1On{--mrl-svg-size: var(--mrl-spacing-06)}.MrlSvgContainer--large--UEMQG,.MrlSvg--large--HeoAa{--mrl-svg-size: var(--mrl-spacing-10)}.MrlSvgContainer--auto--vhRxy,.MrlSvg--auto--w9gVr{--mrl-svg-size: 100%}.MrlSvgContainer--xWawW{color:inherit;display:inline-flex;height:var(--mrl-svg-size);width:var(--mrl-svg-size)}.MrlSvgContainer--auto--vhRxy{height:100%;width:100%}.MrlSvg--StPVX{display:inline-block;fill:currentcolor;height:auto;width:var(--mrl-svg-size)}.MrlSvg--StPVX *{pointer-events:none}.MrlSvg--auto--w9gVr{height:100%;width:100%}
|
|
18
18
|
: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--wGbRl:checked~.mrl-checkbox-inputDisplay--H54xu,.MrlCheckboxStandalone-input--ZbPvG:checked~.MrlCheckboxStandalone-inputDisplay--WZKoL,.mrl-checkbox-input--wGbRl:indeterminate~.mrl-checkbox-inputDisplay--H54xu,.MrlCheckboxStandalone-input--ZbPvG:indeterminate~.MrlCheckboxStandalone-inputDisplay--WZKoL{--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--kqm42{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlLabel--Bbnmm{--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--g2Exe{--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--Bbnmm.mrl-is--disabled--siceI{--mrl-label-text-color: var(--mrl-color-text-disabled)}.MrlLabel--Bbnmm{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--g2Exe{align-items:center;display:inline-flex;margin-left:var(--mrl-label-offset-inline);padding-left:0}.MrlLabel-icon--PyyRE{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)}
|
|
19
|
-
.mrl-u-focus-wrapper--j8sh1{position:relative}.MrlForm-counter--eeE6B{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}: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--o800K:checked~.mrl-checkbox-inputDisplay--mqzpi,.MrlCheckboxStandalone-input--kZYeN:checked~.MrlCheckboxStandalone-inputDisplay--eyCAK,.mrl-checkbox-input--o800K:indeterminate~.mrl-checkbox-inputDisplay--mqzpi,.MrlCheckboxStandalone-input--kZYeN:indeterminate~.MrlCheckboxStandalone-inputDisplay--eyCAK{--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) )}.MrlTextarea--ikG_t{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;resize:vertical}.MrlTextarea--ikG_t::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlTextarea--ikG_t:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlTextarea--ikG_t:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlTextarea--ikG_t:focus-visible{outline:none}.MrlTextarea--ikG_t:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlTextarea--ikG_t:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlTextarea--ikG_t[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlTextarea--ikG_t:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)
|
|
19
|
+
.mrl-u-focus-wrapper--j8sh1{position:relative}.MrlForm-counter--eeE6B{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}: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--o800K:checked~.mrl-checkbox-inputDisplay--mqzpi,.MrlCheckboxStandalone-input--kZYeN:checked~.MrlCheckboxStandalone-inputDisplay--eyCAK,.mrl-checkbox-input--o800K:indeterminate~.mrl-checkbox-inputDisplay--mqzpi,.MrlCheckboxStandalone-input--kZYeN:indeterminate~.MrlCheckboxStandalone-inputDisplay--eyCAK{--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) )}.MrlTextarea--ikG_t{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;resize:vertical}.MrlTextarea--ikG_t::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlTextarea--ikG_t:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlTextarea--ikG_t:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlTextarea--ikG_t:focus-visible{outline:none}.MrlTextarea--ikG_t:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlTextarea--ikG_t:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlTextarea--ikG_t[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlTextarea--ikG_t:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)}.MrlTextarea--auto-expand--IIgp0{display:block;max-height:120px;overflow:hidden;resize:none}.MrlTextarea--read-only--mQLr3{resize:none}
|
|
20
20
|
.mrl-u-focus-wrapper{position:relative}.MrlForm-counter{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}: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:checked~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:checked~.MrlCheckboxStandalone-inputDisplay,.mrl-checkbox-input:indeterminate~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:indeterminate~.MrlCheckboxStandalone-inputDisplay{--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) )}.MrlTextarea:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.MrlTextarea--wrapper{display:flex;flex-direction:column;position:relative}
|
|
21
21
|
.mrl-u-focus-wrapper--SF4Ep{position:relative}.MrlForm-counter--kFYcP{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}: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--SyW3v:checked~.mrl-checkbox-inputDisplay--xfDLx,.MrlCheckboxStandalone-input--liUWd:checked~.MrlCheckboxStandalone-inputDisplay--CotfM,.mrl-checkbox-input--SyW3v:indeterminate~.mrl-checkbox-inputDisplay--xfDLx,.MrlCheckboxStandalone-input--liUWd:indeterminate~.MrlCheckboxStandalone-inputDisplay--CotfM{--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) )}.MrlEditableTextarea--AXbhU{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;--mrl-text-input-border-color: var(--mrl-color-background);padding-right:var(--mrl-spacing-08);resize:vertical}.MrlEditableTextarea--AXbhU::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlEditableTextarea--AXbhU:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlEditableTextarea--AXbhU:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlEditableTextarea--AXbhU:focus-visible{outline:none}.MrlEditableTextarea--AXbhU:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlEditableTextarea--AXbhU:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlEditableTextarea--AXbhU[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlEditableTextarea--AXbhU:focus{--mrl-text-input-border-color: transparent}.MrlEditableTextarea--AXbhU:disabled{--mrl-text-input-border-color: var(--mrl-color-background)}.MrlEditableTextarea--AXbhU:read-only{overflow:hidden;resize:none}.MrlEditableTextarea--AXbhU:not(:disabled):read-only{color:var(--mrl-text-input-color-read-only);--mrl-text-input-border-color: var(--mrl-color-background)}.MrlEditableTextarea--AXbhU:not(:focus):hover{background-color:var(--mrl-black-opacity-00)}.MrlEditableTextarea-dynamicIcon--oETvh{color:var(--mrl-text-input-border-color);padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset));position:absolute;right:var(--mrl-text-input-inset-horizontal);top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlEditableTextarea-dynamicIcon--disabled--x6n1Q{color:var(--mrl-text-input-border-color-disabled)}.MrlEditableTextarea--active--Zkh2I{border-color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextarea-dynamicIcon--active--M6baN{color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextarea-dynamicIcon--oETvh>button{position:relative;background:none;border:none;color:inherit;cursor:pointer;height:20px;outline:none;padding:0}.MrlEditableTextarea-dynamicIcon--oETvh>button:focus-visible{outline:none}.MrlEditableTextarea-dynamicIcon--oETvh>button:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--XoqSv;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);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}@keyframes border-animation--XoqSv{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--lmXJT{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlEditableTextarea-errorMessage--YpckF{color:var(--mrl-color-background-error);font-size:var(--mrl-type-size-text-small)}.MrlEditibaleTextInput-errorIcon--vEwLg{vertical-align:middle}
|
|
22
22
|
.mrl-u-focus-wrapper{position:relative}.MrlForm-counter{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}: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:checked~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:checked~.MrlCheckboxStandalone-inputDisplay,.mrl-checkbox-input:indeterminate~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:indeterminate~.MrlCheckboxStandalone-inputDisplay{--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) )}.MrlEditableTextarea:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.MrlEditableTextarea:not(:disabled):read-only{--mrl-text-input-background: none;color:var(--mrl-text-input-color-read-only)}.MrlEditableTextarea--wrapper{display:flex;flex-direction:column;position:relative}
|
|
@@ -78,9 +78,9 @@
|
|
|
78
78
|
.MrlTable--Menop{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--EMdMH{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.mrl-u-focus-wrapper--a4h9J{position:relative}.MrlTableRow--vJGYJ{background-color:var(--mrl-table-row-background);border-bottom:var(--mrl-table-row-border-bottom);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);height:var(--mrl-table-row-height);outline:none}.MrlTableRow--vJGYJ:hover:not(.MrlTableRow--selected)>td{background-color:var(--mrl-table-row-background-hover)}.MrlTableRow--vJGYJ:focus-visible{position:relative}.MrlTableRow--vJGYJ:focus-visible:focus-visible{outline:none}.MrlTableRow--vJGYJ:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--vE0v9;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);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}@keyframes border-animation--vE0v9{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--fLkd9{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}
|
|
79
79
|
.MrlTable--SmJkA{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--Ub9_k{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableEmptyState--Ub9_k{align-items:center;background-color:var(--mrl-black-opacity-00);color:var(--mrl-color-text-secondary);display:flex;font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);justify-content:center;min-height:var(--mrl-table-empty-state-min-height);padding-block:var(--mrl-table-empty-state-padding-block);padding-inline:var(--mrl-table-empty-state-padding-block)}
|
|
80
80
|
.MrlTable--CMSOc{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--PQ2NS{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlSmartTable--accessible-visually-hidden-button--erUml{all:unset;cursor:pointer}.MrlSmartTable--accessible-visually-hidden-button--erUml:focus{outline:revert}.allowsSorting--_DUfv{align-items:center;display:flex;gap:var(--mrl-spacing-01)}.empty-icon-space--gzPV_{height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlTableRow--selected--Y0VsA,.MrlTableRow--selected--Y0VsA>.MrlTableCell{background-color:var(--mrl-table-row-background-selected);border-bottom-color:rgba(var(--mrl-blue-20), 1)}.MrlTableRow--disabled--VhrIn,.MrlTableRow--disabled--VhrIn>.MrlTableCell{color:var(--mrl-table-disabled-color)}
|
|
81
|
-
.mrl-u-focus-wrapper--Qlq12{position:relative}.MrlTab-Text--FSRrk{border-bottom:var(--mrl-line-width-control) solid rgba(0,0,0,0);display:block;line-height:var(--mrl-line-height-08);margin:0;padding:var(--mrl-space-stack-related-small) var(--mrl-space-stack-related) var(--mrl-spacing-01);position:relative;text-wrap:nowrap;z-index:5}.MrlTab-icon--NYAn0{display:block;height:var(--mrl-spacing-07);margin:var(--mrl-spacing-01) auto;overflow:hidden;width:var(--mrl-spacing-07)}.MrlTab--or1g5{background-color:rgba(0,0,0,0);border:none;color:var(--mrl-color-text-emph);display:inline-block;font-family:var(--mrl-heading-font);font-size:var(--mrl-font-size-01);font-weight:var(--mrl-font-weight-02);letter-spacing:var(--mrl-letter-spacing-04);line-height:var(--mrl-line-height-08);margin-left:var(--mrl-spacing-03);padding:0;position:relative;vertical-align:bottom}.MrlTab--or1g5:first-child{margin-left:0}.MrlTab--or1g5:not(.MrlTab-selected--yG1_K) .MrlTab-icon--NYAn0{opacity:.8}.MrlTab--or1g5:hover{color:var(--mrl-color-text-hover)}.MrlTab--or1g5:hover .MrlTab-icon--NYAn0{opacity:1}.MrlTab--or1g5:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-hover)}.MrlTab--or1g5:active{color:var(--mrl-color-text-active)}.MrlTab--or1g5:active .MrlTab-icon--NYAn0{opacity:1}.MrlTab--or1g5:focus-visible{background-color:var(--mrl-color-background);border-color:rgba(0,0,0,0);outline:none}.MrlTab--or1g5:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--yEmUL;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);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;border-radius:var(--mrl-border-radius-content-large)}@keyframes border-animation--yEmUL{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--kUrJ9{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlTab--or1g5:focus-visible .MrlTab-Text--FSRrk{border-color:var(--mrl-color-line-emph)}.MrlTab--or1g5:focus-visible:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-hover)}.MrlTab-selected--yG1_K .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected);color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected);color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:focus-visible .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:focus-visible:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected)}.MrlTabs-caps .MrlTab--or1g5{text-transform:capitalize}.MrlTabs-large .MrlTab--or1g5{font-size:var(--mrl-font-size-03);line-height:var(--mrl-line-height-07);padding-top:var(--mrl-spacing-01)}.MrlTabs-large .MrlTab-Text--FSRrk{padding-bottom:var(--mrl-space-stack-related-small)}.MrlTabs-large .MrlTab-icon--NYAn0{margin-bottom:0;margin-top:0}.MrlTabs-evenSpacing .MrlTab--or1g5{flex:1}
|
|
81
|
+
.mrl-u-focus-wrapper--Qlq12{position:relative}.MrlTab-Text--FSRrk{border-bottom:var(--mrl-line-width-control) solid rgba(0,0,0,0);display:block;line-height:var(--mrl-line-height-08);margin:0;padding:var(--mrl-space-stack-related-small) var(--mrl-space-stack-related) var(--mrl-spacing-01);position:relative;text-wrap:nowrap;z-index:5}.MrlTab-icon--NYAn0{display:block;height:var(--mrl-spacing-07);margin:var(--mrl-spacing-01) auto;overflow:hidden;width:var(--mrl-spacing-07)}.MrlTab--or1g5{background-color:rgba(0,0,0,0);border:none;color:var(--mrl-color-text-emph);cursor:pointer;display:inline-block;font-family:var(--mrl-heading-font);font-size:var(--mrl-font-size-01);font-weight:var(--mrl-font-weight-02);letter-spacing:var(--mrl-letter-spacing-04);line-height:var(--mrl-line-height-08);margin-left:var(--mrl-spacing-03);padding:0;position:relative;vertical-align:bottom}.MrlTab--or1g5:first-child{margin-left:0}.MrlTab--or1g5:not(.MrlTab-selected--yG1_K) .MrlTab-icon--NYAn0{opacity:.8}.MrlTab--or1g5:hover{color:var(--mrl-color-text-hover)}.MrlTab--or1g5:hover .MrlTab-icon--NYAn0{opacity:1}.MrlTab--or1g5:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-hover)}.MrlTab--or1g5:active{color:var(--mrl-color-text-active)}.MrlTab--or1g5:active .MrlTab-icon--NYAn0{opacity:1}.MrlTab--or1g5:focus-visible{background-color:var(--mrl-color-background);border-color:rgba(0,0,0,0);outline:none}.MrlTab--or1g5:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--yEmUL;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);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;border-radius:var(--mrl-border-radius-content-large)}@keyframes border-animation--yEmUL{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--kUrJ9{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlTab--or1g5:focus-visible .MrlTab-Text--FSRrk{border-color:var(--mrl-color-line-emph)}.MrlTab--or1g5:focus-visible:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-hover)}.MrlTab-selected--yG1_K .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected);color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected);color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:focus-visible .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:focus-visible:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected)}.MrlTabs-caps .MrlTab--or1g5{text-transform:capitalize}.MrlTabs-large .MrlTab--or1g5{font-size:var(--mrl-font-size-03);line-height:var(--mrl-line-height-07);padding-top:var(--mrl-spacing-01)}.MrlTabs-large .MrlTab-Text--FSRrk{padding-bottom:var(--mrl-space-stack-related-small)}.MrlTabs-large .MrlTab-icon--NYAn0{margin-bottom:0;margin-top:0}.MrlTabs-evenSpacing .MrlTab--or1g5{flex:1}
|
|
82
82
|
.MrlTabContent--ns5y2{display:block;padding:var(--mrl-spacing-05) 0 0}.MrlTabContent-hidden--_6_cT{display:none}
|
|
83
|
-
.MrlTabGroup-container--BeqbP{display:flex;overflow:hidden;padding:4px;position:relative}.MrlTabGroup-container--BeqbP::
|
|
83
|
+
.MrlTabGroup-container--BeqbP{display:flex;overflow:hidden;padding:4px;position:relative}.MrlTabGroup-container--BeqbP::before{background-color:var(--mrl-color-background-decorative);bottom:4px;content:"";height:var(--mrl-line-width-control);left:-4px;position:absolute;right:-4px}.MrlTabGroup--RZrXc{display:inline-flex;position:relative;transform:translateX(0);width:100%}@media(prefers-reduced-motion: no-preference){.MrlTabGroup--RZrXc{transition:.3s ease-in-out}}.MrlTabGroup-fade--X9Xlh{bottom:6px;position:absolute;top:0;width:3.4375rem}.MrlTabGroup-fadeNext--r9cuS{background:linear-gradient(to right, rgba(var(--mrl-white), 0) 0%, rgba(var(--mrl-white), 0.4) 20%, rgba(var(--mrl-white), 0.6) 30%, var(--mrl-color-background) 60%);right:0}.MrlTabGroup-fadePrev--eorIU{background:linear-gradient(to left, rgba(var(--mrl-white), 0) 0%, rgba(var(--mrl-white), 0.4) 20%, rgba(var(--mrl-white), 0.6) 30%, rgba(var(--mrl-white), 1) 60%);left:0}.MrlTabGroup-nav--dDS_a{align-items:center;bottom:0;display:flex;position:absolute;top:0;z-index:1}.MrlTabGroup-next--I8q2G{bottom:var(--mrl-spacing-02);right:0}.MrlTabGroup-prev--wEM7T{bottom:var(--mrl-spacing-02);left:0}
|
|
84
84
|
.MrlSidebarNavGroup--k2AnI{margin-bottom:var(--mrl-spacing-07)}.MrlSidebarNavGroup-heading--e4Arl{color:var(--mrl-color-text-secondary);margin-bottom:var(--mrl-spacing-03)}
|
|
85
85
|
.mrl-u-focus-wrapper--mPi0P{position:relative}.MrlSidebarNavItem--QDN9P{height:var(--mrl-spacing-08);margin-bottom:var(--mrl-spacing-01)}.MrlSidebarNavItem--QDN9P>a{align-items:center;border-radius:var(--mrl-border-radius-content-large);color:var(--mrl-color-text-heading);display:inline-flex;height:100%;outline:none;padding:var(--mrl-spacing-03) var(--mrl-spacing-04);position:relative;text-decoration:none;width:100%;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)}.MrlSidebarNavItem--QDN9P>a:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--KKhVy;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);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}@keyframes border-animation--KKhVy{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--Qez0e{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlSidebarNavItem--QDN9P>a:hover{background-color:rgba(var(--mrl-gray-20), 1)}.MrlSidebarNavItem--QDN9P>a:active{background-color:rgba(var(--mrl-gray-30), 1)}.MrlSidebarNavItem--QDN9P.hasIcon--TUNgW>a{padding:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) calc(var(--mrl-spacing-01) + var(--mrl-spacing-03))}.MrlSidebarNavItem--QDN9P.MrlSidebarNavItem-selected--vA8rc a,.MrlSidebarNavItem--QDN9P.MrlSidebarNavItem-selected--vA8rc a:hover{background-color:var(--mrl-color-background-highlight-active);color:var(--mrl-color-text-inverse-active)}.MrlSidebarNavItem-icon--VIvzN{height:var(--mrl-spacing-06);margin-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-03));width:var(--mrl-spacing-06)}
|
|
86
86
|
@keyframes shimmer--eczHY{0%{background-position:right}100%{background-position:left}}.MrlSkeleton--L9ZOR{background-color:var(--mrl-black-opacity-00);border-radius:var(--mrl-border-radius-functional);overflow:hidden;position:relative}.MrlSkeleton--L9ZOR::after{animation-direction:normal;animation-duration:2.5s;animation-iteration-count:infinite;animation-name:shimmer--eczHY;animation-timing-function:ease-in-out;background:linear-gradient(-45deg, rgba(255, 255, 255, 0) 48%, var(--mrl-white-opacity-06) 56%, rgba(255, 255, 255, 0) 64%);background-repeat:no-repeat;background-size:400% 200%;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:200%}@media(prefers-reduced-motion){.MrlSkeleton--L9ZOR::after{animation-name:none;background:var(--mrl-black-opacity-00)}}.MrlSkeleton-circle--V35an{border-radius:50%}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@muraldevkit/ui-toolkit",
|
|
3
|
-
"version": "4.8.
|
|
3
|
+
"version": "4.8.3",
|
|
4
4
|
"description": "Mural's UI Toolkit",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -115,11 +115,11 @@
|
|
|
115
115
|
"semantic-release-monorepo": "7.0.5",
|
|
116
116
|
"storybook": "8.2.9",
|
|
117
117
|
"style-loader": "3.3.2",
|
|
118
|
-
"stylelint": "16.
|
|
118
|
+
"stylelint": "16.10.0",
|
|
119
119
|
"stylelint-config-standard": "36.0.1",
|
|
120
120
|
"stylelint-config-standard-scss": "13.1.0",
|
|
121
121
|
"stylelint-order": "6.0.4",
|
|
122
|
-
"stylelint-scss": "6.
|
|
122
|
+
"stylelint-scss": "6.8.1",
|
|
123
123
|
"ts-jest": "29.1.0",
|
|
124
124
|
"ts-loader": "9.4.2",
|
|
125
125
|
"typescript": "5.0.4",
|