@muraldevkit/ui-toolkit 4.47.1 → 4.47.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.
- package/dist/components/avatar/MrlAvatarButton/MrlAvatarButton.d.ts +0 -1
- package/dist/components/badge/MrlBadge/MrlBadge.d.ts +0 -1
- package/dist/components/badge/MrlBadgeNotification/MrlBadgeNotification.d.ts +0 -1
- package/dist/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.d.ts +0 -1
- package/dist/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.d.ts +0 -1
- package/dist/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.d.ts +0 -1
- package/dist/components/empty/default/MrlEmpty.d.ts +1 -2
- package/dist/components/empty/large/MrlEmptyLarge.d.ts +1 -2
- package/dist/components/focus-trap/MrlFocusTrap/MrlFocusTrap.d.ts +1 -2
- package/dist/components/form/checkbox/MrlCheckbox/MrlCheckbox.d.ts +1 -3
- package/dist/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.d.ts +1 -2
- package/dist/components/form/fieldset/MrlFieldset/MrlFieldset.d.ts +1 -2
- package/dist/components/form/radio/MrlRadioGroup/MrlRadioGroup.d.ts +0 -1
- package/dist/components/form/select/MrlCreatableSelect/MrlCreatableSelect.d.ts +0 -1
- package/dist/components/form/select/MrlMultiSelect/MrlMultiSelect.d.ts +0 -1
- package/dist/components/form/select/MrlSelect/MrlSelect.d.ts +0 -1
- package/dist/components/form/select/styles/default.d.ts +0 -1
- package/dist/components/form/text-input/MrlTextInput/MrlTextInput.d.ts +0 -1
- package/dist/components/form/textarea/MrlTextarea/MrlTextarea.d.ts +1 -2
- package/dist/components/grid/MrlCol/MrlCol.d.ts +0 -1
- package/dist/components/grid/MrlGrid/MrlGrid.d.ts +1 -2
- package/dist/components/grid/MrlRow/MrlRow.d.ts +1 -2
- package/dist/components/layout/MrlMain/MrlMain.d.ts +1 -2
- package/dist/components/layout/MrlPage/MrlPage.d.ts +1 -2
- package/dist/components/layout/MrlSidebar/MrlSidebar.d.ts +0 -1
- package/dist/components/layout/MrlTopbar/MrlTopbar.d.ts +1 -2
- package/dist/components/layout/error-page/MrlBrandColors/MrlBrandColors.d.ts +1 -2
- package/dist/components/loader/MrlProgressBar/MrlProgressBar.d.ts +1 -1
- package/dist/components/loader/MrlSpinner/MrlSpinner.d.ts +1 -1
- package/dist/components/menu/MrlMenuGroup/MrlMenuGroup.d.ts +1 -2
- package/dist/components/menu/MrlMenuItem/MrlMenuItem.d.ts +1 -2
- package/dist/components/menu/MrlMenuItemLink/MrlMenuItemLink.d.ts +1 -2
- package/dist/components/modal/MrlModal/MrlModal.d.ts +0 -1
- package/dist/components/modal/MrlModalContent/MrlModalContent.d.ts +1 -2
- package/dist/components/modal/MrlModalFooter/MrlModalFooter.d.ts +1 -2
- package/dist/components/modal/MrlModalHeader/MrlModalHeader.d.ts +1 -3
- package/dist/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.d.ts +1 -3
- package/dist/components/notification/MrlBlockNotification/MrlBlockNotification.d.ts +0 -3
- package/dist/components/notification/MrlInlineMessage/MrlInlineMessage.d.ts +1 -2
- package/dist/components/notification/MrlToast/MrlToast.d.ts +1 -2
- package/dist/components/pagination/MrlPaginationButton/MrlPaginationButton.d.ts +1 -2
- package/dist/components/pagination/MrlPaginationText/MrlPaginationText.d.ts +1 -2
- package/dist/components/rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.d.ts +0 -13
- package/dist/components/svg/MrlSvgAnimate/MrlSvgAnimate.d.ts +0 -1
- package/dist/components/svg/config.d.ts +1 -1
- package/dist/components/table/MrlTableEmptyState/MrlTableEmptyState.d.ts +1 -2
- package/dist/components/tabs/MrlTab/MrlTab.d.ts +1 -2
- package/dist/components/toolbar/MrlToolbarButton/MrlToolbarButton.d.ts +0 -1
- package/dist/components/tooltip/MrlTooltip/MrlTooltip.d.ts +1 -3
- package/dist/components/tooltip/MrlTooltipContent/MrlTooltipContent.d.ts +0 -2
- package/dist/index.js +1 -1
- package/dist/styles/MrlEditableTextarea/global.scss +0 -1
- package/dist/styles/MrlEditableTextarea/module.scss +1 -0
- package/dist/styles/MrlFilterItem/module.scss +9 -6
- package/dist/styles/MrlTextarea/global.scss +0 -6
- package/dist/styles/MrlTextarea/module.scss +1 -0
- package/dist/styles.css +23 -5
- package/dist/utils/setAttributes/setAttributes.d.ts +1 -1
- package/package.json +2 -1
- package/dist/components/toast/index.d.ts +0 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use '~@muraldevkit/ds-foundation/src/styles/_mixins' as *;
|
|
2
2
|
.MrlFilterItem {
|
|
3
|
+
@include mrl-focus;
|
|
3
4
|
align-items: center;
|
|
4
5
|
background-color: var(--mrl-color-background-decorative);
|
|
5
6
|
border-radius: var(--mrl-border-radius-rounded);
|
|
@@ -16,9 +17,14 @@
|
|
|
16
17
|
outline-color: transparent;
|
|
17
18
|
padding: var(--mrl-spacing-03) var(--mrl-spacing-04);
|
|
18
19
|
text-align: center;
|
|
19
|
-
transition:
|
|
20
|
+
transition:
|
|
21
|
+
outline-color var(--mrl-duration-04) var(--mrl-timing-m2),
|
|
20
22
|
background-color var(--mrl-duration-04) var(--mrl-timing-m2),
|
|
21
23
|
color var(--mrl-duration-04) var(--mrl-timing-m2);
|
|
24
|
+
&::after,
|
|
25
|
+
&:focus-visible::after {
|
|
26
|
+
border-radius: var(--mrl-border-radius-rounded);
|
|
27
|
+
}
|
|
22
28
|
:global(.MrlBadge) {
|
|
23
29
|
border-radius: var(--mrl-border-radius-rounded);
|
|
24
30
|
color: rgba(var(--mrl-gray-100), 1);
|
|
@@ -27,14 +33,11 @@
|
|
|
27
33
|
height: var(--mrl-spacing-05);
|
|
28
34
|
line-height: var(--mrl-line-height-02);
|
|
29
35
|
padding: var(--mrl-spacing-01) var(--mrl-spacing-02);
|
|
30
|
-
transition:
|
|
36
|
+
transition:
|
|
37
|
+
outline-color var(--mrl-duration-04) var(--mrl-timing-m2),
|
|
31
38
|
background-color var(--mrl-duration-04) var(--mrl-timing-m2),
|
|
32
39
|
color var(--mrl-duration-04) var(--mrl-timing-m2);
|
|
33
40
|
}
|
|
34
|
-
&:focus-within {
|
|
35
|
-
outline: var(--mrl-line-width-focus) solid var(--mrl-color-focus);
|
|
36
|
-
outline-offset: var(--mrl-space-offset-focus);
|
|
37
|
-
}
|
|
38
41
|
&:hover {
|
|
39
42
|
background-color: var(--mrl-color-background-highlight-emph-active);
|
|
40
43
|
cursor: pointer;
|
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
|
|
2
|
-
@use '~@muraldevkit/ds-foundation/src/styles/_mixins' as *;
|
|
3
|
-
@use '../../forms.global.scss' as *;
|
|
4
|
-
@use '../../forms.variables.scss';
|
|
5
|
-
.MrlTextarea {
|
|
6
|
-
@include mrl-focus($style: 'outline');
|
|
7
|
-
}
|
|
8
2
|
.MrlTextarea--wrapper {
|
|
9
3
|
display: flex;
|
|
10
4
|
flex-direction: column;
|
package/dist/styles.css
CHANGED
|
@@ -215,9 +215,9 @@
|
|
|
215
215
|
.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%}
|
|
216
216
|
: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)}
|
|
217
217
|
.MrlLabelWithDescription--H1p3L{--mrl-label-with-description-color: rgba(var(--mrl-gray-80), 1)}.MrlLabelWithDescription--H1p3L.mrl-is--selected--X6aIx,.MrlLabelWithDescription--H1p3L.mrl-is--indeterminate--NIB0c{--mrl-label-with-description-color: rgba(var(--mrl-gray-100), 1)}.MrlLabelWithDescription--H1p3L.mrl-is--disabled--FQaPm{--mrl-label-with-description-color: var(--mrl-color-text-disabled)}.MrlLabelWithDescription--H1p3L:not(.mrl-is--disabled--FQaPm):hover{--mrl-label-with-description-color: rgba(var(--mrl-gray-90), 1)}.MrlLabelWithDescription--H1p3L{--mrl-label-text-padding-top: calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));--mrl-description-margin-left: var(--mrl-spacing-09);--mrl-description-margin-top: calc(-1 * calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)));min-height:var(--mrl-spacing-09)}.MrlLabelWithDescription--H1p3L .MrlSvgContainer{flex-shrink:0}.MrlLabelWithDescription-label--NvU9q{color:var(--mrl-label-with-description-color);cursor:pointer;transition:color var(--mrl-duration-03) var(--mrl-timing-m2);vertical-align:middle}.MrlLabelWithDescription-label--NvU9q .MrlLabel-icon{height:var(--mrl-spacing-07);margin:var(--mrl-spacing-02) var(--mrl-spacing-04) var(--mrl-spacing-02) var(--mrl-spacing-01);width:var(--mrl-spacing-07)}.MrlLabelWithDescription-label--NvU9q .MrlLabel-text{padding-top:var(--mrl-label-text-padding-top)}.MrlLabelWithDescription-label--NvU9q.has-icon--FvQEK{margin-left:var(--mrl-spacing-01)}.MrlLabelWithDescription-label--NvU9q.has-icon--FvQEK .MrlLabel-text{padding-top:0}.MrlLabelWithDescription-label--NvU9q.has-multiline-label--vcGc0 .MrlLabel-text{padding-top:var(--mrl-label-text-padding-top)}.MrlLabelWithDescription-description--n6DUy{color:var(--mrl-label-with-description-color);margin-left:var(--mrl-spacing-02);transition:color var(--mrl-duration-03) var(--mrl-timing-m2)}.MrlLabelWithDescription-description--n6DUy .MrlLabelWithDescription-text--Cty6f{--mrl-text-weight: var(--mrl-type-weight-text-secondary)}.MrlLabelWithDescription-description--n6DUy.has-icon--FvQEK,.MrlLabelWithDescription-description--n6DUy.has-multiline-label--vcGc0{margin-left:var(--mrl-description-margin-left)}.MrlLabelWithDescription-description--n6DUy.has-icon--FvQEK{margin-top:var(--mrl-description-margin-top)}.MrlLabelWithDescription-description--n6DUy.has-multiline-label--vcGc0{margin-top:0}
|
|
218
|
-
.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}
|
|
219
|
-
.
|
|
220
|
-
.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);min-height:1.5rem;padding-left:0;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:focus-visible{color:var(--mrl-text-input-color-focus)}.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,.MrlEditableTextarea--readOnly--nlvYC):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:1.25rem;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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
218
|
+
.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--ikG_t:focus-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation--N4NRg;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation--N4NRg{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlTextarea--auto-expand--IIgp0{display:block;max-height:120px;overflow:hidden;resize:none}.MrlTextarea--read-only--mQLr3{resize:none}
|
|
219
|
+
.MrlTextarea--wrapper{display:flex;flex-direction:column;position:relative}
|
|
220
|
+
.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);min-height:1.5rem;padding-left:0;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-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation--QUfm3;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation--QUfm3{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlEditableTextarea--AXbhU:focus{--mrl-text-input-border-color: transparent}.MrlEditableTextarea--AXbhU:focus-visible{color:var(--mrl-text-input-color-focus)}.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,.MrlEditableTextarea--readOnly--nlvYC):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:1.25rem;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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
221
221
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
222
222
|
);bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1;animation-name:border-animation--XoqSv}@keyframes border-animation--XoqSv{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
223
223
|
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
)*-1);top:calc((
|
|
237
237
|
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
238
238
|
)*-1)}}@keyframes outline-animation--QUfm3{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlEditableTextarea-errorMessage--YpckF{color:var(--mrl-color-background-error);font-size:var(--mrl-type-size-text-small)}.MrlEditibaleTextInput-errorIcon--vEwLg{vertical-align:middle}.MrlEditableTextarea--wrapper--h6z0w:hover .MrlEditableTextarea--AXbhU:not(:focus){background-color:var(--mrl-black-opacity-00)}.MrlEditableTextarea--wrapper--h6z0w:hover .MrlEditableTextarea--readOnly--nlvYC:not(:focus){background-color:var(--mrl-text-input-background)}
|
|
239
|
-
.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:
|
|
239
|
+
.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: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}.MrlEditableTextarea--wrapper:hover .MrlEditableTextarea:not(:focus){background-color:var(--mrl-black-opacity-00)}.MrlEditableTextarea--wrapper:hover.MrlEditableTextarea--readOnly{background-color:var(--mrl-text-input-background)}
|
|
240
240
|
: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--rytmK:checked~.mrl-checkbox-inputDisplay--vjfjF,.MrlCheckboxStandalone-input--iem7x:checked~.MrlCheckboxStandalone-inputDisplay--wPiiP,.mrl-checkbox-input--rytmK:indeterminate~.mrl-checkbox-inputDisplay--vjfjF,.MrlCheckboxStandalone-input--iem7x:indeterminate~.MrlCheckboxStandalone-inputDisplay--wPiiP{--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--p1K4F{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlLabel--Ulf8q{--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--H_2sF{--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--Ulf8q.mrl-is--disabled--mtEhB{--mrl-label-text-color: var(--mrl-color-text-disabled)}.MrlLabel--Ulf8q{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--H_2sF{align-items:center;display:inline-flex;margin-left:var(--mrl-label-offset-inline);padding-left:0}.MrlLabel-icon--raDwL{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)}
|
|
241
241
|
.mrl-u-focus-wrapper--FmPvB{position:relative}.MrlForm-counter--Mhb7_{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--qMiRz:checked~.mrl-checkbox-inputDisplay--gDjCF,.MrlCheckboxStandalone-input--O6G41:checked~.MrlCheckboxStandalone-inputDisplay--TT8t0,.mrl-checkbox-input--qMiRz:indeterminate~.mrl-checkbox-inputDisplay--gDjCF,.MrlCheckboxStandalone-input--O6G41:indeterminate~.MrlCheckboxStandalone-inputDisplay--TT8t0{--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) )}.MrlCheckboxStandalone-input--O6G41[aria-invalid=true]~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-error)}.MrlCheckboxStandalone-input--O6G41:checked[aria-invalid=true]~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-error);--mrl-checkbox-input-background: var(--mrl-color-background-error)}.MrlCheckboxStandalone-input--O6G41:disabled~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled)}.MrlCheckboxStandalone-input--O6G41:checked:disabled~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled);--mrl-checkbox-input-background: var(--mrl-color-background-disabled)}.MrlCheckboxStandalone--ChU0R:hover{--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-90), 1)}.MrlCheckboxStandalone--ChU0R{height:var(--mrl-checkbox-input-affordance);padding:var(--mrl-checkbox-input-inset) var(--mrl-checkbox-input-inset) var(--mrl-checkbox-input-inset) var(--mrl-spacing-01);width:var(--mrl-checkbox-input-affordance);align-items:center;display:flex;min-height:var(--mrl-checkbox-height);position:relative}.MrlCheckboxStandalone-inputDisplay--TT8t0{background:var(--mrl-checkbox-input-background);border-color:var(--mrl-checkbox-input-border-color);border-radius:var(--mrl-checkbox-input-border-radius);border-style:solid;border-width:var(--mrl-checkbox-input-border-width);color:var(--mrl-checkbox-input-color);display:flex;height:var(--mrl-checkbox-input-size);width:var(--mrl-checkbox-input-size);z-index:1}.MrlCheckboxStandalone-inputDisplay-icon--UlYn3{display:none}.MrlCheckboxStandalone-input--O6G41{cursor:pointer;height:var(--mrl-checkbox-input-size);margin:0;opacity:0;width:var(--mrl-checkbox-input-size);z-index:2}.MrlCheckboxStandalone-input--O6G41:checked~.MrlCheckboxStandalone-inputDisplay--TT8t0 .MrlCheckboxStandalone-inputDisplay-icon--UlYn3{display:block}.MrlCheckboxStandalone-input--O6G41:indeterminate~.MrlCheckboxStandalone-inputDisplay--TT8t0 .MrlCheckboxStandalone-inputDisplay-icon--UlYn3{display:block}.MrlCheckboxStandalone--ChU0R .MrlCheckboxStandalone-input--O6G41{left:0;position:absolute}
|
|
242
242
|
.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) )}.MrlCheckboxStandalone-input[aria-invalid=true]~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-error)}.MrlCheckboxStandalone-input:checked[aria-invalid=true]~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-error);--mrl-checkbox-input-background: var(--mrl-color-background-error)}.MrlCheckboxStandalone-input:disabled~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled)}.MrlCheckboxStandalone-input:checked:disabled~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled);--mrl-checkbox-input-background: var(--mrl-color-background-disabled)}.MrlCheckboxStandalone:hover{--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-90), 1)}.MrlCheckboxStandalone-input{position:relative;position:absolute}.MrlCheckboxStandalone-input:focus-visible+.mrl-u-focus-indicator{outline:none}.MrlCheckboxStandalone-input:focus-visible+.mrl-u-focus-indicator::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
@@ -525,7 +525,25 @@
|
|
|
525
525
|
.MrlPanelStickyHeader--I1FiZ{background-color:var(--mrl-color-background);position:sticky;top:0}.MrlPanelStickyHeader--I1FiZ::after{background:var(--mrl-color-background);content:"";display:block;inset:0 calc(-1*var(--mrl-spacing-03));pointer-events:all;position:absolute;z-index:-1}
|
|
526
526
|
.MrlToolbar--Lrhb6{align-items:center;background:var(--mrl-color-background);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-lifted);cursor:default;display:flex;gap:var(--mrl-spacing-02);min-height:3rem;padding:var(--mrl-spacing-03);pointer-events:all;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m3)}.MrlToolbar-inverse--OwdSd{background:var(--mrl-color-background-inverse);box-shadow:none;color:var(--mrl-color-text-inverse)}.MrlToolbar-skeleton--eWZQv.MrlToolbar-vertical--hO8hj{background-color:rgba(var(--mrl-gray-30), 1)}.MrlToolbar-medium--FKg7Y{gap:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));min-height:3.5rem;padding:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01))}.MrlToolbar-xsmall--St9Ez{gap:var(--mrl-spacing-01);min-height:2rem;padding:var(--mrl-spacing-02)}.MrlToolbar-vertical--hO8hj{flex-direction:column;min-height:0;min-width:3rem}.MrlToolbar-vertical--hO8hj.MrlToolbar-medium--FKg7Y{min-width:3.5rem}.MrlToolbar-vertical--hO8hj.MrlToolbar-xsmall--St9Ez{min-width:2rem}.MrlToolbar-spaced--gmE0X{gap:var(--mrl-spacing-05);padding-left:var(--mrl-spacing-05)}.MrlToolbar-spaced--gmE0X .mrlButton--Oymf3+.mrlButton--Oymf3{margin-left:calc(var(--mrl-spacing-03)/2*-1)}
|
|
527
527
|
.MrlToolbarButtonIcon--Oetsi{margin-right:var(--mrl-spacing-03)}
|
|
528
|
-
.mrl-u-focus-wrapper--f4yRC{position:relative}.MrlFilterItem--qYLqp{align-items:center;background-color:var(--mrl-color-background-decorative);border-radius:var(--mrl-border-radius-rounded);color:rgba(var(--mrl-gray-100), 1);display:flex;font-family:var(--mrl-body-font);font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-04);gap:var(--mrl-spacing-02);height:var(--mrl-spacing-08);justify-content:center;line-height:var(--mrl-line-height-06);min-width:3.5rem;outline-color:rgba(0,0,0,0);padding:var(--mrl-spacing-03) var(--mrl-spacing-04);text-align:center;transition:outline-color var(--mrl-duration-04) var(--mrl-timing-m2),background-color var(--mrl-duration-04) var(--mrl-timing-m2),color var(--mrl-duration-04) var(--mrl-timing-m2)}.MrlFilterItem--qYLqp
|
|
528
|
+
.mrl-u-focus-wrapper--f4yRC{position:relative}.MrlFilterItem--qYLqp{position:relative;align-items:center;background-color:var(--mrl-color-background-decorative);border-radius:var(--mrl-border-radius-rounded);color:rgba(var(--mrl-gray-100), 1);display:flex;font-family:var(--mrl-body-font);font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-04);gap:var(--mrl-spacing-02);height:var(--mrl-spacing-08);justify-content:center;line-height:var(--mrl-line-height-06);min-width:3.5rem;outline-color:rgba(0,0,0,0);padding:var(--mrl-spacing-03) var(--mrl-spacing-04);text-align:center;transition:outline-color var(--mrl-duration-04) var(--mrl-timing-m2),background-color var(--mrl-duration-04) var(--mrl-timing-m2),color var(--mrl-duration-04) var(--mrl-timing-m2)}.MrlFilterItem--qYLqp:focus-visible{outline:none}.MrlFilterItem--qYLqp:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
529
|
+
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
530
|
+
);bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1;animation-name:border-animation--eZQOi}@keyframes border-animation--eZQOi{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
531
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
532
|
+
)*-1);left:calc((
|
|
533
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
534
|
+
)*-1);right:calc((
|
|
535
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
536
|
+
)*-1);top:calc((
|
|
537
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
538
|
+
)*-1)}}@keyframes border-animation-inverse--JdAlp{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
539
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
540
|
+
)*-1);left:calc((
|
|
541
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
542
|
+
)*-1);right:calc((
|
|
543
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
544
|
+
)*-1);top:calc((
|
|
545
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
546
|
+
)*-1)}}@keyframes outline-animation--T18Ac{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlFilterItem--qYLqp::after,.MrlFilterItem--qYLqp:focus-visible::after{border-radius:var(--mrl-border-radius-rounded)}.MrlFilterItem--qYLqp .MrlBadge{border-radius:var(--mrl-border-radius-rounded);color:rgba(var(--mrl-gray-100), 1);font-size:.625rem;font-weight:var(--mrl-font-weight-04);height:var(--mrl-spacing-05);line-height:var(--mrl-line-height-02);padding:var(--mrl-spacing-01) var(--mrl-spacing-02);transition:outline-color var(--mrl-duration-04) var(--mrl-timing-m2),background-color var(--mrl-duration-04) var(--mrl-timing-m2),color var(--mrl-duration-04) var(--mrl-timing-m2)}.MrlFilterItem--qYLqp:hover{background-color:var(--mrl-color-background-highlight-emph-active);cursor:pointer}.MrlFilterItem--qYLqp[aria-checked=true]{background-color:var(--mrl-color-background-inverse);color:var(--mrl-color-text-inverse-selected)}.MrlFilterItem--qYLqp[aria-checked=true] .MrlBadge{background-color:var(--mrl-color-background);color:rgba(var(--mrl-gray-100), 1)}.MrlFilterItem-has-count--sHcsy{padding-right:var(--mrl-spacing-03)}
|
|
529
547
|
.MrlFilter--f_g2l{display:flex;gap:var(--mrl-spacing-02);margin:var(--mrl-spacing-05) 0}
|
|
530
548
|
.mrl-u-focus-wrapper--XoJ1A{position:relative}.MrlBreadcrumbItem--Yocns{align-items:center;color:var(--mrl-color-text);display:inline-flex;font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-02);line-height:var(--mrl-line-height-06);min-height:var(--mrl-spacing-05)}.MrlBreadcrumbItem--Yocns:hover{color:var(--mrl-color-text-hover)}.MrlBreadcrumbItem--selected--qSXAB{color:var(--mrl-color-text-selected);font-weight:var(--mrl-font-weight-04)}.MrlBreadcrumbItem--Yocns a{position:relative;color:var(--mrl-color-text);padding-right:var(--mrl-spacing-01);text-decoration:none}.MrlBreadcrumbItem--Yocns a:focus-visible{outline:none}.MrlBreadcrumbItem--Yocns a:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
531
549
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
@@ -19,7 +19,7 @@ export declare const setClasses: (customClasses: AttrsObject | undefined, defaul
|
|
|
19
19
|
* Set an object of attributes to be used in a given component.
|
|
20
20
|
*
|
|
21
21
|
* @param {AttrsObject} attributes - The custom attributes passed to the component
|
|
22
|
-
* @param {AttrsObject}
|
|
22
|
+
* @param {AttrsObject} defaults - An optional object of the default attributes of a component
|
|
23
23
|
* @param {string} className - Default classes to apply to the component
|
|
24
24
|
*
|
|
25
25
|
* Use when applying attributes such as a className directly to a react component.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@muraldevkit/ui-toolkit",
|
|
3
|
-
"version": "4.47.
|
|
3
|
+
"version": "4.47.3",
|
|
4
4
|
"description": "Mural's UI Toolkit",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
"@babel/preset-env": "7.21.4",
|
|
51
51
|
"@babel/preset-react": "7.18.6",
|
|
52
52
|
"@babel/preset-typescript": "7.21.4",
|
|
53
|
+
"@emotion/react": "11.14.0",
|
|
53
54
|
"@muraldevkit/config": "*",
|
|
54
55
|
"@muraldevkit/ds-foundation": "*",
|
|
55
56
|
"@muraldevkit/ds-icons": "*",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from '../notification/MrlToast';
|