@muraldevkit/ui-toolkit 4.17.0 → 4.18.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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const allowedValues: {
|
|
2
2
|
kinds: readonly ["info", "success", "warning", "error", "private", "general"];
|
|
3
3
|
levels: readonly ["2", "3", "4", "5", "6"];
|
|
4
|
-
scopes: readonly ["page", "
|
|
4
|
+
scopes: readonly ["page", "inline"];
|
|
5
5
|
states: readonly ["open", "close"];
|
|
6
6
|
};
|
|
7
7
|
export type NotificationKind = (typeof allowedValues.kinds)[number];
|
|
@@ -54,16 +54,13 @@
|
|
|
54
54
|
.mrl-blockNotification[data-kind='private'] {
|
|
55
55
|
--mrl-blockNotification-background: var(--mrl-blockNotification-background-general);
|
|
56
56
|
}
|
|
57
|
-
.mrl-blockNotification[data-scope='component'] {
|
|
58
|
-
--mrl-blockNotification-radius: var(--mrl-radii-01);
|
|
59
|
-
}
|
|
60
57
|
.mrl-blockNotification[data-scope='inline'] {
|
|
61
58
|
--mrl-blockNotification-radius: var(--mrl-border-radius-content-large);
|
|
62
59
|
--mrl-blockNotification-inset-spacing: calc(var(--mrl-spacing-03) + var(--mrl-spacing-01))
|
|
63
60
|
var(--mrl-spacing-04);
|
|
64
61
|
--mrl-blockNotification-cta-spacing: calc(
|
|
65
|
-
|
|
66
|
-
|
|
62
|
+
calc(var(--mrl-spacing-03) - var(--mrl-spacing-01)) * -1
|
|
63
|
+
)
|
|
67
64
|
calc(var(--mrl-spacing-03) * -1) calc(calc(var(--mrl-spacing-03) - var(--mrl-spacing-01)) * -1)
|
|
68
65
|
0;
|
|
69
66
|
}
|
package/dist/styles.css
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
var(--mrl-spacing-09) + var(--mrl-modal-close-offset) + var(--mrl-modal-close-inline-margin)
|
|
63
63
|
) var(--mrl-modal-padding-vertical-bottom) var(--mrl-modal-padding-horizontal);transition:box-shadow var(--mrl-duration-04) var(--mrl-timing-m2)}.mrl-modal-scroll-shadow-top--uMyh_{box-shadow:var(--mrl-shadow-01);border-top-left-radius:var(--mrl-modal-border-radius);border-top-right-radius:var(--mrl-modal-border-radius)}
|
|
64
64
|
:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--g5lvQ mrl-button:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-icon-button:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-shadow-button:not(.hydrated--o7ivF){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton--g5lvQ mrl-button[kind=inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-button[kind=ghost-inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-icon-button[kind=inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-icon-button[kind=ghost-inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-shadow-button[kind=inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--o7ivF){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}.mrlIconButton--N1xT_,.mrlButton--UOrR4{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small--R5A75,.mrlButton--small--KCyji{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall--zGt_t,.mrlButton--xsmall--YmUKv{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--N1xT_.mrlIconButton--small--R5A75,.mrlButton--UOrR4.mrlIconButton--small--R5A75{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton--N1xT_.mrlIconButton--small--R5A75+.mrl-tooltip-content--YoxiZ,.mrlButton--UOrR4.mrlIconButton--small--R5A75+.mrl-tooltip-content--YoxiZ{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large--DuVWJ,.mrlButton--large--uK2sc{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton--N1xT_.mrlIconButton--large--DuVWJ,.mrlButton--UOrR4.mrlIconButton--large--DuVWJ{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton--N1xT_.mrlButton--primary--fWOHk,.mrlIconButton--N1xT_.mrlButton--ghost--H6Mjn,.mrlIconButton--N1xT_.mrlButton--ghost-inverse--gkLBL,.mrlIconButton--N1xT_.mrlIconButton--primary--_iqHK,.mrlIconButton--N1xT_.mrlIconButton--ghost--fXFNz,.mrlIconButton--N1xT_.mrlIconButton--ghost-inverse--edqLX,.mrlButton--UOrR4.mrlButton--primary--fWOHk,.mrlButton--UOrR4.mrlButton--ghost--H6Mjn,.mrlButton--UOrR4.mrlButton--ghost-inverse--gkLBL,.mrlButton--UOrR4.mrlIconButton--primary--_iqHK,.mrlButton--UOrR4.mrlIconButton--ghost--fXFNz,.mrlButton--UOrR4.mrlIconButton--ghost-inverse--edqLX{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native--Dm3zi,.mrlButton--secondary-native--uqfIS{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary--_iqHK,.mrlButton--primary--fWOHk{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native--jSBlt,.mrlButton--primary-native--CkoKQ{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: var(transparent);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost--fXFNz,.mrlButton--ghost--H6Mjn{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost--fXFNz[aria-pressed=true],.mrlIconButton--ghost--fXFNz[aria-checked=true],.mrlIconButton--ghost--fXFNz[aria-expanded=true],.mrlIconButton--ghost--fXFNz[aria-selected=true],.mrlButton--ghost--H6Mjn[aria-pressed=true],.mrlButton--ghost--H6Mjn[aria-checked=true],.mrlButton--ghost--H6Mjn[aria-expanded=true],.mrlButton--ghost--H6Mjn[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--edqLX,.mrlButton--ghost-inverse--gkLBL{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse--edqLX.mrlButton--skeleton--Z56lr,.mrlButton--ghost-inverse--gkLBL.mrlButton--skeleton--Z56lr{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-pressed=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-checked=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-expanded=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-selected=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-pressed=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-checked=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-expanded=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-pressed=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-checked=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-expanded=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-selected=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-pressed=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-checked=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-expanded=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse--gkLBL[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse--gkLBL[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse--gkLBL[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse--gkLBL[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse--iC3E0,.mrlButton--inverse--HWmPc{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse--iC3E0.mrlButton--skeleton--Z56lr,.mrlButton--inverse--HWmPc.mrlButton--skeleton--Z56lr{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--N1xT_[aria-disabled=true][aria-pressed=true],.mrlIconButton--N1xT_[aria-disabled=true][aria-checked=true],.mrlIconButton--N1xT_[aria-disabled=true][aria-expanded=true],.mrlIconButton--N1xT_[aria-disabled=true][aria-selected=true],.mrlButton--UOrR4[aria-disabled=true][aria-pressed=true],.mrlButton--UOrR4[aria-disabled=true][aria-checked=true],.mrlButton--UOrR4[aria-disabled=true][aria-expanded=true],.mrlButton--UOrR4[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrl-modal--jKDeJ{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-02);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal--jKDeJ,.mrl-modal--jKDeJ .footer--j3pZ9.slotted--kZA3p .mrl-modal-footer--zNhnh,.mrl-modal--jKDeJ .header--vdnu6.slotted--kZA3p .mrl-modal-header--pjBSk{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large--c8tyJ,.mrl-modal--large--c8tyJ .footer--j3pZ9.slotted--kZA3p .mrl-modal-footer--zNhnh,.mrl-modal--large--c8tyJ .header--vdnu6.slotted--kZA3p .mrl-modal-header--pjBSk{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal--Tjkn3,.mrl-display-modal--DNakS{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-header-native--LP98Z{--mrl-native-modal-header-max-button-size: var(--mrl-spacing-13);--mrl-native-modal-header-padding: var(--mrl-spacing-04)}.mrl-modal-header-native--LP98Z{align-items:center;display:grid;gap:var(--mrl-spacing-04);grid-template-columns:var(--mrl-native-modal-header-max-button-size) 1fr var(--mrl-native-modal-header-max-button-size);padding:var(--mrl-native-modal-header-padding) var(--mrl-native-modal-header-padding)}.mrl-modal-header-native--LP98Z .mrl-text-heading{color:var(--mrl-modal-header-text-color);display:block;font-weight:var(--mrl-font-weight-04);line-height:var(--mrl-line-height-09);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mrl-modal-header-native__primary-content--i_4Fb{display:flex;justify-content:flex-end}.mrl-modal-header-native__primary-content--i_4Fb .mrlButton--primary-native{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrl-modal-header-native__secondary-content--yjjIK{display:flex}.mrl-modal-header-native__secondary-content--yjjIK .mrlButton--secondary-native{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
65
|
-
.mrl-u-focus-wrapper--NJiZg{position:relative}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--fzk0A mrl-button:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button:not(.hydrated--nDK2K){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton--fzk0A mrl-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-button[kind=ghost-inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button[kind=ghost-inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--nDK2K){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}.mrl-blockNotification--xbhrd{--mrl-blockNotification-background: var(--mrl-color-background-info);--mrl-blockNotification-background-general: rgba(var(--mrl-gray-100), 1);--mrl-blockNotification-color: rgba(var(--mrl-gray-10), 1);--mrl-blockNotification-heading-color: var(--mrl-color-text-inverse);--mrl-blockNotification-height: var(--mrl-spacing-09);--mrl-blockNotification-inline-spacing: var(--mrl-spacing-03);--mrl-blockNotification-inline-spacing-message: var(--mrl-spacing-02);--mrl-blockNotification-inset-spacing: var(--mrl-spacing-02) var(--mrl-spacing-07);--mrl-blockNotification-radius: 0;--mrl-blockNotification-svg-color: var(--mrl-color-text-inverse)}.mrl-blockNotification--xbhrd[data-kind=info]{--mrl-blockNotification-background: var(--mrl-color-background-info)}.mrl-blockNotification--xbhrd[data-kind=info][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-info-light);--mrl-blockNotification-color: var(--mrl-color-text-info);--mrl-blockNotification-svg-color: var(--mrl-color-text-info);--mrl-blockNotification-heading-color: var(--mrl-color-text-info)}.mrl-blockNotification--xbhrd[data-kind=error]{--mrl-blockNotification-background: var(--mrl-color-background-error)}.mrl-blockNotification--xbhrd[data-kind=error][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-error-light);--mrl-blockNotification-color: var(--mrl-color-text-error);--mrl-blockNotification-svg-color: var(--mrl-color-text-error);--mrl-blockNotification-heading-color: var(--mrl-color-text-error)}.mrl-blockNotification--xbhrd[data-kind=success]{--mrl-blockNotification-background: var(--mrl-color-background-success)}.mrl-blockNotification--xbhrd[data-kind=success][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-success-light);--mrl-blockNotification-color: var(--mrl-color-text-success);--mrl-blockNotification-svg-color: var(--mrl-color-text-success);--mrl-blockNotification-heading-color: var(--mrl-color-text-success)}.mrl-blockNotification--xbhrd[data-kind=warning]{--mrl-blockNotification-background: var(--mrl-color-background-warning);--mrl-blockNotification-color: rgba(var(--mrl-gray-90), 1);--mrl-blockNotification-heading-color: rgba(var(--mrl-black), 1);--mrl-blockNotification-svg-color: rgba(var(--mrl-color-text-warning), 1)}.mrl-blockNotification--xbhrd[data-kind=warning][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-warning-light);--mrl-blockNotification-color: var(--mrl-color-text-warning);--mrl-blockNotification-heading-color: var(--mrl-color-text-warning);--mrl-blockNotification-svg-color: rgba(var(--mrl-status-warning), 1)}.mrl-blockNotification--xbhrd[data-kind=general],.mrl-blockNotification--xbhrd[data-kind=private]{--mrl-blockNotification-background: var(--mrl-blockNotification-background-general)}.mrl-blockNotification--xbhrd[data-scope=
|
|
65
|
+
.mrl-u-focus-wrapper--NJiZg{position:relative}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--fzk0A mrl-button:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button:not(.hydrated--nDK2K){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton--fzk0A mrl-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-button[kind=ghost-inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button[kind=ghost-inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--nDK2K){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}.mrl-blockNotification--xbhrd{--mrl-blockNotification-background: var(--mrl-color-background-info);--mrl-blockNotification-background-general: rgba(var(--mrl-gray-100), 1);--mrl-blockNotification-color: rgba(var(--mrl-gray-10), 1);--mrl-blockNotification-heading-color: var(--mrl-color-text-inverse);--mrl-blockNotification-height: var(--mrl-spacing-09);--mrl-blockNotification-inline-spacing: var(--mrl-spacing-03);--mrl-blockNotification-inline-spacing-message: var(--mrl-spacing-02);--mrl-blockNotification-inset-spacing: var(--mrl-spacing-02) var(--mrl-spacing-07);--mrl-blockNotification-radius: 0;--mrl-blockNotification-svg-color: var(--mrl-color-text-inverse)}.mrl-blockNotification--xbhrd[data-kind=info]{--mrl-blockNotification-background: var(--mrl-color-background-info)}.mrl-blockNotification--xbhrd[data-kind=info][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-info-light);--mrl-blockNotification-color: var(--mrl-color-text-info);--mrl-blockNotification-svg-color: var(--mrl-color-text-info);--mrl-blockNotification-heading-color: var(--mrl-color-text-info)}.mrl-blockNotification--xbhrd[data-kind=error]{--mrl-blockNotification-background: var(--mrl-color-background-error)}.mrl-blockNotification--xbhrd[data-kind=error][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-error-light);--mrl-blockNotification-color: var(--mrl-color-text-error);--mrl-blockNotification-svg-color: var(--mrl-color-text-error);--mrl-blockNotification-heading-color: var(--mrl-color-text-error)}.mrl-blockNotification--xbhrd[data-kind=success]{--mrl-blockNotification-background: var(--mrl-color-background-success)}.mrl-blockNotification--xbhrd[data-kind=success][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-success-light);--mrl-blockNotification-color: var(--mrl-color-text-success);--mrl-blockNotification-svg-color: var(--mrl-color-text-success);--mrl-blockNotification-heading-color: var(--mrl-color-text-success)}.mrl-blockNotification--xbhrd[data-kind=warning]{--mrl-blockNotification-background: var(--mrl-color-background-warning);--mrl-blockNotification-color: rgba(var(--mrl-gray-90), 1);--mrl-blockNotification-heading-color: rgba(var(--mrl-black), 1);--mrl-blockNotification-svg-color: rgba(var(--mrl-color-text-warning), 1)}.mrl-blockNotification--xbhrd[data-kind=warning][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-warning-light);--mrl-blockNotification-color: var(--mrl-color-text-warning);--mrl-blockNotification-heading-color: var(--mrl-color-text-warning);--mrl-blockNotification-svg-color: rgba(var(--mrl-status-warning), 1)}.mrl-blockNotification--xbhrd[data-kind=general],.mrl-blockNotification--xbhrd[data-kind=private]{--mrl-blockNotification-background: var(--mrl-blockNotification-background-general)}.mrl-blockNotification--xbhrd[data-scope=inline]{--mrl-blockNotification-radius: var(--mrl-border-radius-content-large);--mrl-blockNotification-inset-spacing: calc(var(--mrl-spacing-03) + var(--mrl-spacing-01)) var(--mrl-spacing-04);--mrl-blockNotification-cta-spacing: calc( calc(var(--mrl-spacing-03) - var(--mrl-spacing-01)) * -1 ) calc(var(--mrl-spacing-03) * -1) calc(calc(var(--mrl-spacing-03) - var(--mrl-spacing-01)) * -1) 0}.mrl-blockNotification-icon--CAq04{display:flex;min-width:fit-content}.mrl-blockNotification-icon--CAq04 svg{color:var(--mrl-blockNotification-svg-color)}.mrl-blockNotification--xbhrd{margin-top:0;opacity:1;transition-duration:var(--mrl-duration-03);transition-property:margin opacity;transition-timing-function:var(--mrl-timing-m1);align-items:center;background:var(--mrl-blockNotification-background);color:var(--mrl-blockNotification-color);display:flex;flex-direction:row;gap:var(--mrl-blockNotification-inline-spacing);justify-content:center;min-height:var(--mrl-blockNotification-height);padding:var(--mrl-blockNotification-inset-spacing);position:relative;width:100%}.mrl-blockNotification--xbhrd .mrl-blockNotification-close-wrapper--yODTH{position:absolute;right:var(--mrl-spacing-02);top:50%;transform:translateY(-50%)}.mrl-blockNotification--xbhrd .mrl-blockNotification-close-wrapper--yODTH svg{color:var(--mrl-blockNotification-color)}.mrl-blockNotification--xbhrd[data-scope=inline]{display:inline-flex;justify-content:start;position:relative;width:100%}.mrl-blockNotification--xbhrd[data-scope=inline] .cta--gnyoO{margin:var(--mrl-blockNotification-cta-spacing)}.mrl-blockNotification--xbhrd[data-scope=inline] .mrl-blockNotification-icon--CAq04{align-self:baseline}.mrl-blockNotification--xbhrd[data-scope=inline] .mrl-blockNotification-close-wrapper--yODTH{position:absolute;top:20px}.mrl-blockNotification--dismissible--ZlIID{padding-right:calc(
|
|
66
66
|
var(--mrl-spacing-02) + var(--mrl-blockNotification-inline-spacing) + var(--mrl-spacing-08)
|
|
67
67
|
);position:relative}.mrl-blockNotification-message--MdtXZ{align-items:center;max-width:45rem}.mrl-blockNotification-message--MdtXZ h2,.mrl-blockNotification-message--MdtXZ p{display:contents}.mrl-blockNotification-message--MdtXZ h2::after{content:" ";display:contents}.mrl-blockNotification-message--MdtXZ p{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)}.mrl-blockNotification-heading--WGPWE{color:var(--mrl-blockNotification-heading-color);display:inline;margin-right:var(--mrl-blockNotification-inline-spacing-message)}
|
|
68
68
|
.mrl-u-focus-wrapper{position:relative}.mrl-blockNotification{border-radius:var(--mrl-blockNotification-radius)}.mrl-blockNotification.mrl-is--transitioning{opacity:0}.mrl-blockNotification.mrl-is--closed{display:none;padding:0}@media(prefers-reduced-motion: no-preference){.mrl-blockNotification.mrl-is--transitioning{margin-top:calc(var(--mrl-blockNotification-height)*-1)}}
|