@muraldevkit/ui-toolkit 4.47.2 → 4.47.4

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.
Files changed (22) hide show
  1. package/dist/components/avatar/MrlAvatarButton/MrlAvatarButton.d.ts +0 -1
  2. package/dist/components/badge/MrlBadge/MrlBadge.d.ts +0 -1
  3. package/dist/components/badge/MrlBadgeNotification/MrlBadgeNotification.d.ts +0 -1
  4. package/dist/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.d.ts +0 -1
  5. package/dist/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.d.ts +0 -1
  6. package/dist/components/form/select/styles/default.d.ts +0 -1
  7. package/dist/components/menu/MrlMenu/MrlMenu.d.ts +0 -11
  8. package/dist/components/popover/MrlPopover/hooks/use-mrl-popover-event-handlers.d.ts +2 -1
  9. package/dist/components/popover/demo/PopoverWithTrigger.d.ts +3 -1
  10. package/dist/index.js +1 -1
  11. package/dist/styles/MrlEditableTextarea/global.scss +0 -1
  12. package/dist/styles/MrlEditableTextarea/module.scss +1 -0
  13. package/dist/styles/MrlFilterItem/module.scss +9 -6
  14. package/dist/styles/MrlTextarea/global.scss +0 -6
  15. package/dist/styles/MrlTextarea/module.scss +1 -0
  16. package/dist/styles.css +23 -5
  17. package/dist/utils/index.d.ts +1 -0
  18. package/dist/utils/isElementAriaDisabled/index.d.ts +1 -0
  19. package/dist/utils/isElementAriaDisabled/isElementAriaDisabled.d.ts +7 -0
  20. package/dist/utils/isElementAriaDisabled/isElementAriaDisabled.test.d.ts +1 -0
  21. package/dist/utils/setAttributes/setAttributes.d.ts +1 -1
  22. package/package.json +2 -1
package/dist/styles/MrlEditableTextarea/global.scss CHANGED
@@ -3,7 +3,6 @@
3
3
  @use '../../forms.global.scss' as *;
4
4
  @use '../../forms.variables.scss';
5
5
  .MrlEditableTextarea {
6
- @include mrl-focus($style: 'outline');
7
6
  &:not(:disabled):read-only {
8
7
  --mrl-text-input-background: none;
9
8
  color: var(--mrl-text-input-color-read-only);
package/dist/styles/MrlEditableTextarea/module.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @use '../../forms.variables.scss';
6
6
  .MrlEditableTextarea {
7
7
  @include mrl-text-inputs;
8
+ @include mrl-focus($style: 'outline');
8
9
  --mrl-text-input-border-color: var(--mrl-color-background);
9
10
  min-height: 1.5rem;
10
11
  padding-left: 0;
package/dist/styles/MrlFilterItem/module.scss CHANGED
@@ -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: outline-color var(--mrl-duration-04) var(--mrl-timing-m2),
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: outline-color var(--mrl-duration-04) var(--mrl-timing-m2),
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;
package/dist/styles/MrlTextarea/global.scss CHANGED
@@ -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/MrlTextarea/module.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  .MrlTextarea {
6
6
  @include mrl-text-inputs;
7
7
  @include mrl-text-inputs-read-only;
8
+ @include mrl-focus($style: 'outline');
8
9
  resize: vertical;
9
10
  &--auto-expand {
10
11
  display: block;
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
- .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{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation{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--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{--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:focus-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation{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: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)}
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 .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:focus-within{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.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)}
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)
package/dist/utils/index.d.ts CHANGED
@@ -4,6 +4,7 @@ export * from './getCamelCase';
4
4
  export * from './isImagePath';
5
5
  export * from './isImageUri';
6
6
  export * from './isObject';
7
+ export * from './isElementAriaDisabled';
7
8
  export * from './setAttributes';
8
9
  export * from './noop';
9
10
  export * from './preventDefault';
package/dist/utils/isElementAriaDisabled/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './isElementAriaDisabled';
package/dist/utils/isElementAriaDisabled/isElementAriaDisabled.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Checks if an element has aria-disabled="true"
3
+ *
4
+ * @param {HTMLElement | null | undefined} element - The element to check for aria-disabled attribute
5
+ * @returns {boolean} - true if the element has aria-disabled="true", false otherwise
6
+ */
7
+ export declare const isElementAriaDisabled: (element: HTMLElement | null | undefined) => boolean;
package/dist/utils/setAttributes/setAttributes.d.ts CHANGED
@@ -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} [defaults={}] - An optional object of the default attributes of a component
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.2",
3
+ "version": "4.47.4",
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": "*",