@muraldevkit/ui-toolkit 4.2.2 → 4.3.0
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/panel/MrlPanel/MrlPanel.d.ts +1 -1
- package/dist/components/table/MrlSmartTable/MrlSmartTable.d.ts +4 -0
- package/dist/components/table/MrlTable/MrlTable.d.ts +1 -1
- package/dist/components/table/MrlTableCell/MrlTableCell.d.ts +3 -1
- package/dist/components/table/MrlTableColumn/MrlTableColumn.d.ts +3 -1
- package/dist/index.js +1 -1
- package/dist/styles/MrlSwitchStandalone/module.scss +1 -0
- package/dist/styles/table/global.scss +2 -2
- package/dist/styles.css +3 -3
- package/dist/utils/getScrollableContainer/getScrollableContainer.d.ts +7 -0
- package/dist/utils/hasHorizontalScroll/hasHorizontalScroll.d.ts +11 -0
- package/package.json +1 -1
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
}
|
|
40
40
|
&.left {
|
|
41
41
|
left: var(--mrl-table-selection-width);
|
|
42
|
-
|
|
42
|
+
&-shadow::after {
|
|
43
43
|
border-image-outset: 0 var(--mrl-spacing-02) 0 0;
|
|
44
44
|
border-image-slice: 0 100% 0 0;
|
|
45
45
|
border-image-source: linear-gradient(
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
}
|
|
60
60
|
&.right {
|
|
61
61
|
right: 0;
|
|
62
|
-
|
|
62
|
+
&-shadow::before {
|
|
63
63
|
border-image-outset: 0 0 0 var(--mrl-spacing-02);
|
|
64
64
|
border-image-slice: 0 0 0 100%;
|
|
65
65
|
border-image-source: linear-gradient(
|
package/dist/styles.css
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
.mrl-u-focus-wrapper--IfL9D{position:relative}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--XLj69:checked~.mrl-checkbox-inputDisplay--wvcYQ,.MrlCheckboxStandalone-input--Wr9fd:checked~.MrlCheckboxStandalone-inputDisplay--S8c_q,.mrl-checkbox-input--XLj69:indeterminate~.mrl-checkbox-inputDisplay--wvcYQ,.MrlCheckboxStandalone-input--Wr9fd:indeterminate~.MrlCheckboxStandalone-inputDisplay--S8c_q{--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) )}.MrlRadioButtonStandalone-input--dqdfP:focus-within~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-active)}.MrlRadioButtonStandalone-input--dqdfP:hover~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-hover)}.MrlRadioButtonStandalone-input--dqdfP:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-radio-button-background-selected)}.MrlRadioButtonStandalone-input--dqdfP:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{--mrl-radio-button-background: var(--mrl-radio-button-background-selected)}.MrlRadioButtonStandalone-input--dqdfP:disabled~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-disabled)}.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E~.MrlRadioButtonStandalone-faux-input--Jb_IU,.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU,.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E:hover~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-background-error)}.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{--mrl-radio-button-background: var(--mrl-color-background-error)}.MrlRadioButtonStandalone-input--dqdfP:disabled:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-disabled)}.MrlRadioButtonStandalone-input--dqdfP:disabled:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{--mrl-radio-button-background: var(--mrl-color-background-disabled)}.MrlRadioButtonStandalone--WN4ja{display:inline-block;margin:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));margin-left:var(--mrl-spacing-01);min-height:var(--mrl-radio-button-height);min-width:var(--mrl-radio-button-width);position:relative}.MrlRadioButtonStandalone-input--dqdfP{appearance:none;cursor:pointer;height:var(--mrl-radio-button-height);left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;vertical-align:middle;width:var(--mrl-radio-button-width);z-index:1}.MrlRadioButtonStandalone-input--dqdfP:disabled,.MrlRadioButtonStandalone-input--dqdfP~.MrlRadioButtonStandalone-faux-input--Jb_IU{cursor:default;pointer-events:none}.MrlRadioButtonStandalone-input--dqdfP~.MrlRadioButtonStandalone-faux-input--Jb_IU{background-color:var(--mrl-radio-button-background);border-color:var(--mrl-radio-button-border-color);border-radius:var(--mrl-radio-button-border-radius);border-style:solid;border-width:var(--mrl-radio-button-border-width);height:var(--mrl-radio-button-height);left:0;position:absolute;top:0;transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2);width:var(--mrl-radio-button-width)}.MrlRadioButtonStandalone-input--dqdfP~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{background-color:var(--mrl-radio-button-background);border-radius:var(--mrl-border-radius-rounded);content:"";cursor:pointer;height:var(--mrl-radio-button-fill-size);left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2);width:var(--mrl-radio-button-fill-size)}
|
|
31
31
|
.mrl-u-focus-wrapper{position:relative}.MrlRadioButtonStandalone-input{position:relative;position:absolute}.MrlRadioButtonStandalone-input:focus-visible+.mrl-u-focus-indicator{outline:none}.MrlRadioButtonStandalone-input:focus-visible+.mrl-u-focus-indicator::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-rounded) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlRadioButtonStandalone-focus-indicator{height:var(--mrl-radio-button-height);left:0;pointer-events:none;position:absolute;top:auto;width:var(--mrl-radio-button-width)}
|
|
32
32
|
: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--otHVC:checked~.mrl-checkbox-inputDisplay--n6jnp,.MrlCheckboxStandalone-input--GNHta:checked~.MrlCheckboxStandalone-inputDisplay--ie5bJ,.mrl-checkbox-input--otHVC:indeterminate~.mrl-checkbox-inputDisplay--n6jnp,.MrlCheckboxStandalone-input--GNHta:indeterminate~.MrlCheckboxStandalone-inputDisplay--ie5bJ{--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--Clq8M{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlLabel--kpDDL{--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--zKiSM{--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--kpDDL.mrl-is--disabled--hithx{--mrl-label-text-color: var(--mrl-color-text-disabled)}.MrlLabel--kpDDL{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--zKiSM{align-items:center;display:inline-flex;margin-left:var(--mrl-label-offset-inline);padding-left:0}.MrlLabel-icon--Hjqge{height:var(--mrl-label-icon-size);margin:var(--mrl-label-icon-inset) calc(var(--mrl-label-icon-inset) + var(--mrl-label-offset-inline)) var(--mrl-label-icon-inset) var(--mrl-label-icon-inset);width:var(--mrl-label-icon-size)}.MrlSwitch--XCL5G{align-items:center;display:flex;justify-content:space-between}.MrlSwitch-disabled--iS1ZX{color:rgba(var(--mrl-gray-40), 1)}
|
|
33
|
-
.mrl-u-focus-wrapper--Zz4hG{position:relative}.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-80), 1);border-radius:.625rem;cursor:pointer;display:block;height:var(--mrl-spacing-06);width:calc(var(--mrl-spacing-08) + var(--mrl-spacing-02))}@media(prefers-reduced-motion: no-preference){.MrlSwitchStandalone-switch--usdmG{transition:var(--mrl-duration-02)}}.MrlSwitchStandalone-switch-indicator--QRM7_{align-content:center;background-color:var(--mrl-color-background);border-radius:.375rem;bottom:calc(var(--mrl-spacing-03) - var(--mrl-spacing-02));color:var(--mrl-color-background-secondary);display:flex;height:var(--mrl-spacing-04);left:var(--mrl-spacing-02);pointer-events:none;position:absolute;width:var(--mrl-spacing-04)}@media(prefers-reduced-motion: no-preference){.MrlSwitchStandalone-switch-indicator--QRM7_{transition:var(--mrl-duration-02) var(--mrl-timing-m1)}}.MrlSwitchStandalone-switch-indicator--QRM7_ .mrl-svg--jTrfw{height:var(--mrl-spacing-04);pointer-events:none;width:var(--mrl-spacing-04)}.MrlSwitchStandalone--z_J5F{height:100%;position:relative}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK{height:var(--mrl-spacing-06);opacity:0;position:absolute;width:calc(var(--mrl-spacing-08) + var(--mrl-spacing-02))}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-90), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:active+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-100), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:disabled+.MrlSwitchStandalone-switch--usdmG,.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:disabled:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-40), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:disabled~.MrlSwitchStandalone-switch-indicator--QRM7_{color:rgba(var(--mrl-gray-40), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:focus-visible+.MrlSwitchStandalone-switch--usdmG::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--K5EQd;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--K5EQd{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--J3M_h{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-70), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked~.MrlSwitchStandalone-switch-indicator--QRM7_{color:rgba(var(--mrl-blue-70), 1);transform:translateX(calc(var(--mrl-spacing-08) - var(--mrl-spacing-05)))}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-80), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked:active+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-90), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked:disabled+.MrlSwitchStandalone-switch--usdmG,.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked:disabled:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-40), 1)}
|
|
33
|
+
.mrl-u-focus-wrapper--Zz4hG{position:relative}.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-80), 1);border-radius:.625rem;cursor:pointer;display:block;height:var(--mrl-spacing-06);width:calc(var(--mrl-spacing-08) + var(--mrl-spacing-02))}@media(prefers-reduced-motion: no-preference){.MrlSwitchStandalone-switch--usdmG{transition:var(--mrl-duration-02)}}.MrlSwitchStandalone-switch-indicator--QRM7_{align-content:center;background-color:var(--mrl-color-background);border-radius:.375rem;bottom:calc(var(--mrl-spacing-03) - var(--mrl-spacing-02));color:var(--mrl-color-background-secondary);display:flex;height:var(--mrl-spacing-04);left:var(--mrl-spacing-02);pointer-events:none;position:absolute;width:var(--mrl-spacing-04)}@media(prefers-reduced-motion: no-preference){.MrlSwitchStandalone-switch-indicator--QRM7_{transition:var(--mrl-duration-02) var(--mrl-timing-m1)}}.MrlSwitchStandalone-switch-indicator--QRM7_ .mrl-svg--jTrfw{height:var(--mrl-spacing-04);pointer-events:none;width:var(--mrl-spacing-04)}.MrlSwitchStandalone--z_J5F{height:100%;position:relative}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK{cursor:pointer;height:var(--mrl-spacing-06);opacity:0;position:absolute;width:calc(var(--mrl-spacing-08) + var(--mrl-spacing-02))}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-90), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:active+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-100), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:disabled+.MrlSwitchStandalone-switch--usdmG,.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:disabled:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-40), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:disabled~.MrlSwitchStandalone-switch-indicator--QRM7_{color:rgba(var(--mrl-gray-40), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:focus-visible+.MrlSwitchStandalone-switch--usdmG::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--K5EQd;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--K5EQd{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--J3M_h{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-70), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked~.MrlSwitchStandalone-switch-indicator--QRM7_{color:rgba(var(--mrl-blue-70), 1);transform:translateX(calc(var(--mrl-spacing-08) - var(--mrl-spacing-05)))}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-80), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked:active+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-90), 1)}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked:disabled+.MrlSwitchStandalone-switch--usdmG,.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK:checked:disabled:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-40), 1)}
|
|
34
34
|
|
|
35
35
|
/*!
|
|
36
36
|
* Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
.mrl-u-focus-wrapper--k6Q_0{position:relative}.primary--Vz5Xk{--mrl-popover-background-color: var(--mrl-color-background);--mrl-popover-text-color: var(--mrl-color-text);--mrl-popover-text-emph-color: var(--mrl-color-text-emph)}.inverse--tA1Uc{--mrl-popover-background-color: var(--mrl-color-background-inverse);--mrl-popover-text-color: var(--mrl-color-text-inverse);--mrl-popover-text-emph-color: var(--mrl-color-text-emph)}.default--kJtD1{--mrl-popover-padding: var(--mrl-spacing-05)}.compact--IsSC7{--mrl-popover-padding: var(--mrl-spacing-04)}.MrlPopover--NHYhK{background:var(--mrl-popover-background-color);border-radius:var(--mrl-border-radius-functional-large);box-shadow:var(--mrl-shadows-raised);color:var(--mrl-popover-text-color);flex-direction:column;max-width:600px;opacity:0;overflow:hidden;padding:var(--mrl-popover-padding);pointer-events:auto;position:fixed;z-index:500;z-index:600;filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.24)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.06))}.MrlPopover--NHYhK a{color:var(--mrl-popover-text-color)}.MrlPopover--submenu--NcjJf{left:97%;position:absolute}.MrlPopover--close--KxF7l{position:absolute;right:4px;top:6px;transition:none}.MrlPopover--close--KxF7l svg{color:var(--mrl-popover-text-color)}.MrlPopover--NHYhK.compact--IsSC7{padding:var(--mrl-space-stack-related)}.MrlPopover--NHYhK.open--X5O6m{display:flex}.MrlPopover--scrolling--Okepx{padding-right:0}.MrlPopover--scrolling--content--xZZhQ{overflow:hidden auto;padding-right:calc(var(--mrl-popover-padding) - 4px)}.MrlPopover--scrolling--content--xZZhQ .MrlPopover--close--KxF7l{right:8px}.MrlPopover--point--RMoNb{background:var(--mrl-popover-background-color);border-radius:0 2px;height:10px;position:absolute;width:10px;z-index:2}.MrlPopover--point--RMoNb[data-point*=bottom-]{top:-4px;transform:rotate(315deg)}.MrlPopover--point--RMoNb[data-point*=top-]{bottom:-4px;transform:rotate(315deg)}.MrlPopover--point--RMoNb[data-point=bottom-left],.MrlPopover--point--RMoNb[data-point=top-left]{left:14px}.MrlPopover--point--RMoNb[data-point=bottom-right],.MrlPopover--point--RMoNb[data-point=top-right]{right:14px}.MrlPopover--point--RMoNb[data-point=bottom-center],.MrlPopover--point--RMoNb[data-point=top-center]{left:calc(50% - 8px)}.MrlPopover--point--RMoNb[data-point*=left-]{right:-5px;transform:rotate(225deg)}.MrlPopover--point--RMoNb[data-point*=right-]{left:-5px;transform:rotate(45deg)}.MrlPopover--point--RMoNb[data-point=left-center],.MrlPopover--point--RMoNb[data-point=right-center]{top:calc(50% - 8px)}.MrlPopover--point--RMoNb[data-point=left-top],.MrlPopover--point--RMoNb[data-point=right-top]{top:16px}.MrlPopover--point--RMoNb[data-point=left-bottom],.MrlPopover--point--RMoNb[data-point=right-bottom]{bottom:16px}.inverse--tA1Uc .MrlPopover--scrolling--content--xZZhQ::-webkit-scrollbar{background-color:var(--mrl-popover-background-color);border-radius:10px;width:12px}.inverse--tA1Uc .MrlPopover--scrolling--content--xZZhQ::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--mrl-popover-text-color);border:3px solid rgba(0,0,0,0);border-radius:10px;position:relative}
|
|
71
71
|
.MrlTable--WqkKm{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--vFuO8{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTable--WqkKm{width:100%}
|
|
72
72
|
.MrlTable--hBgdv{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--DmN3s{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}
|
|
73
|
-
.MrlTable--Pjlpf{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--L7e2t{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableCell--cErPC{height:var(--mrl-table-column-height);padding:var(--mrl-table-default-padding-inline);text-align:left;vertical-align:middle}.MrlTableCell--cErPC.selection{height:var(--mrl-spacing-10);min-width:2.75rem;padding:var(--mrl-spacing-02) var(--mrl-spacing-03);width:2.75rem}.MrlTableCell--cErPC.selection:has(+.MrlTableColumn--Zz9NN:hover){background-color:var(--mrl-table-row-background-hover)}.MrlTableCell--cErPC.selection .MrlCheckboxStandalone{align-items:center;display:flex;height:auto;justify-content:center;min-height:auto;padding:0;width:auto}.MrlTableCell--cErPC.sticky--undTq{background-color:var(--mrl-table-row-background);position:sticky;z-index:200}.MrlTableCell--cErPC.sticky--undTq::before,.MrlTableCell--cErPC.sticky--undTq::after{content:"";height:100%;position:absolute;top:0;width:var(--mrl-spacing-02)}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz{left:var(--mrl-table-selection-width)}.MrlTableCell--cErPC.sticky--undTq.left--
|
|
74
|
-
.MrlTable--IO57x{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--Mzd7Z{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableColumn--iwJqz{height:var(--mrl-table-column-height);padding:var(--mrl-table-default-padding-inline);text-align:left;vertical-align:middle;color:var(--mrl-color-text);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-title);position:relative}.MrlTableColumn--iwJqz.selection{height:var(--mrl-spacing-10);min-width:2.75rem;padding:var(--mrl-spacing-02) var(--mrl-spacing-03);width:2.75rem}.MrlTableColumn--iwJqz.selection:has(+.MrlTableColumn--iwJqz:hover){background-color:var(--mrl-table-row-background-hover)}.MrlTableColumn--iwJqz.selection .MrlCheckboxStandalone{align-items:center;display:flex;height:auto;justify-content:center;min-height:auto;padding:0;width:auto}.MrlTableColumn--iwJqz.sticky--tVbHx{background-color:var(--mrl-table-row-background);position:sticky;z-index:200}.MrlTableColumn--iwJqz.sticky--tVbHx::before,.MrlTableColumn--iwJqz.sticky--tVbHx::after{content:"";height:100%;position:absolute;top:0;width:var(--mrl-spacing-02)}.MrlTableColumn--iwJqz.sticky--tVbHx.left--OUfZv{left:var(--mrl-table-selection-width)}.MrlTableColumn--iwJqz.sticky--tVbHx.left--
|
|
73
|
+
.MrlTable--Pjlpf{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--L7e2t{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableCell--cErPC{height:var(--mrl-table-column-height);padding:var(--mrl-table-default-padding-inline);text-align:left;vertical-align:middle}.MrlTableCell--cErPC.selection{height:var(--mrl-spacing-10);min-width:2.75rem;padding:var(--mrl-spacing-02) var(--mrl-spacing-03);width:2.75rem}.MrlTableCell--cErPC.selection:has(+.MrlTableColumn--Zz9NN:hover){background-color:var(--mrl-table-row-background-hover)}.MrlTableCell--cErPC.selection .MrlCheckboxStandalone{align-items:center;display:flex;height:auto;justify-content:center;min-height:auto;padding:0;width:auto}.MrlTableCell--cErPC.sticky--undTq{background-color:var(--mrl-table-row-background);position:sticky;z-index:200}.MrlTableCell--cErPC.sticky--undTq::before,.MrlTableCell--cErPC.sticky--undTq::after{content:"";height:100%;position:absolute;top:0;width:var(--mrl-spacing-02)}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz{left:var(--mrl-table-selection-width)}.MrlTableCell--cErPC.sticky--undTq.left-shadow--bCkNZ::after{border-image-outset:0 var(--mrl-spacing-02) 0 0;border-image-slice:0 100% 0 0;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 10%) 0%, rgba(var(--mrl-black), 0%) 100%);border-image-width:0 var(--mrl-spacing-02) 0 0;right:0}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz.selection{left:0}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz.selection::after{background-image:none}.MrlTableCell--cErPC.sticky--undTq.right--lLyjv{right:0}.MrlTableCell--cErPC.sticky--undTq.right-shadow--D7N0j::before{border-image-outset:0 0 0 var(--mrl-spacing-02);border-image-slice:0 0 0 100%;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 0%) 0%, rgba(var(--mrl-black), 10%) 100%);border-image-width:0 0 0 var(--mrl-spacing-02);left:0}.MrlTableCell--cErPC.sticky--undTq.clickable--znqsE:hover{background-color:var(--mrl-table-column-background-hover)}
|
|
74
|
+
.MrlTable--IO57x{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--Mzd7Z{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableColumn--iwJqz{height:var(--mrl-table-column-height);padding:var(--mrl-table-default-padding-inline);text-align:left;vertical-align:middle;color:var(--mrl-color-text);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-title);position:relative}.MrlTableColumn--iwJqz.selection{height:var(--mrl-spacing-10);min-width:2.75rem;padding:var(--mrl-spacing-02) var(--mrl-spacing-03);width:2.75rem}.MrlTableColumn--iwJqz.selection:has(+.MrlTableColumn--iwJqz:hover){background-color:var(--mrl-table-row-background-hover)}.MrlTableColumn--iwJqz.selection .MrlCheckboxStandalone{align-items:center;display:flex;height:auto;justify-content:center;min-height:auto;padding:0;width:auto}.MrlTableColumn--iwJqz.sticky--tVbHx{background-color:var(--mrl-table-row-background);position:sticky;z-index:200}.MrlTableColumn--iwJqz.sticky--tVbHx::before,.MrlTableColumn--iwJqz.sticky--tVbHx::after{content:"";height:100%;position:absolute;top:0;width:var(--mrl-spacing-02)}.MrlTableColumn--iwJqz.sticky--tVbHx.left--OUfZv{left:var(--mrl-table-selection-width)}.MrlTableColumn--iwJqz.sticky--tVbHx.left-shadow--bVt2A::after{border-image-outset:0 var(--mrl-spacing-02) 0 0;border-image-slice:0 100% 0 0;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 10%) 0%, rgba(var(--mrl-black), 0%) 100%);border-image-width:0 var(--mrl-spacing-02) 0 0;right:0}.MrlTableColumn--iwJqz.sticky--tVbHx.left--OUfZv.selection{left:0}.MrlTableColumn--iwJqz.sticky--tVbHx.left--OUfZv.selection::after{background-image:none}.MrlTableColumn--iwJqz.sticky--tVbHx.right--bm_ZL{right:0}.MrlTableColumn--iwJqz.sticky--tVbHx.right-shadow--ENyOa::before{border-image-outset:0 0 0 var(--mrl-spacing-02);border-image-slice:0 0 0 100%;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 0%) 0%, rgba(var(--mrl-black), 10%) 100%);border-image-width:0 0 0 var(--mrl-spacing-02);left:0}.MrlTableColumn--iwJqz.sticky--tVbHx.clickable--Hm2c4:hover{background-color:var(--mrl-table-column-background-hover)}.MrlTableColumn--iwJqz.clickable--Hm2c4:hover{background-color:var(--mrl-table-column-background-hover);cursor:pointer;user-select:none}.MrlTableColumn--iwJqz .MrlTableColumn--tooltip{margin-left:var(--mrl-spacing-02)}.MrlTableColumn--iwJqz .MrlTableColumn--sort-indicator,.MrlTableColumn--iwJqz .MrlTableColumn--tooltip{color:var(--mrl-table-column-svg-color);vertical-align:text-top}
|
|
75
75
|
.MrlTable--rQtCh{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--n28A8{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableHeader--XRtgB{background-color:var(--mrl-color-background);border-bottom:var(--mrl-table-header-row-border-bottom)}
|
|
76
76
|
.MrlTable--Menop{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--EMdMH{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.mrl-u-focus-wrapper--a4h9J{position:relative}.MrlTableRow--vJGYJ{background-color:var(--mrl-table-row-background);border-bottom:var(--mrl-table-row-border-bottom);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);height:var(--mrl-table-row-height);outline:none}.MrlTableRow--vJGYJ:hover:not(.MrlTableRow--selected)>td{background-color:var(--mrl-table-row-background-hover)}.MrlTableRow--vJGYJ:focus-visible{position:relative}.MrlTableRow--vJGYJ:focus-visible:focus-visible{outline:none}.MrlTableRow--vJGYJ:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--vE0v9;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--vE0v9{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--fLkd9{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}
|
|
77
77
|
.MrlTable--SmJkA{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--Ub9_k{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableEmptyState--Ub9_k{align-items:center;background-color:var(--mrl-black-opacity-00);color:var(--mrl-color-text-secondary);display:flex;font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);justify-content:center;min-height:var(--mrl-table-empty-state-min-height);padding-block:var(--mrl-table-empty-state-padding-block);padding-inline:var(--mrl-table-empty-state-padding-block)}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type HasHorizontalScrollReturn = {
|
|
2
|
+
hasScrollLeft: boolean;
|
|
3
|
+
hasScrollRight: boolean;
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* Test if an element has scrollable content in the horizontal axis
|
|
7
|
+
*
|
|
8
|
+
* @param element - the element that is scrollable
|
|
9
|
+
* @returns - object with hasScrollLeft and hasScrollRight properties
|
|
10
|
+
*/
|
|
11
|
+
export declare const hasHorizontalScroll: (element: HTMLElement) => HasHorizontalScrollReturn;
|