@muraldevkit/ui-toolkit 4.28.0 → 4.29.0-dev-Qa0Y.1
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/button/MrlIconButton/MrlIconButton.d.ts +0 -2
- package/dist/components/modal/MrlModal/MrlModal.d.ts +0 -4
- package/dist/components/modal/constants.d.ts +0 -2
- package/dist/components/modal/index.d.ts +0 -1
- package/dist/components/svg/config.d.ts +1 -1
- package/dist/components/toolbar/MrlToolbarButton/MrlToolbarButton.d.ts +0 -1
- package/dist/contexts/index.d.ts +0 -1
- package/dist/hooks/index.d.ts +0 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +0 -1
- package/dist/utils/index.d.ts +0 -1
- package/package.json +1 -1
- package/dist/components/modal/MrlModalHeaderNative/MrlModalHeaderNative.d.ts +0 -13
- package/dist/components/modal/MrlModalHeaderNative/index.d.ts +0 -1
- package/dist/components/modal/demo/ModalWithDevices.d.ts +0 -16
- package/dist/contexts/MrlDeviceProvider/MrlDeviceProvider.d.ts +0 -28
- package/dist/contexts/MrlDeviceProvider/index.d.ts +0 -1
- package/dist/hooks/useVirtualKeyboard/index.d.ts +0 -1
- package/dist/hooks/useVirtualKeyboard/useVirtualKeyboard.d.ts +0 -24
- package/dist/styles/MrlModalHeaderNative/module.scss +0 -41
- package/dist/styles/MrlModalHeaderNative/variables.scss +0 -4
- package/dist/utils/scrollToElementWithLabel/index.d.ts +0 -1
- package/dist/utils/scrollToElementWithLabel/scrollToElementWithLabel.d.ts +0 -6
- package/dist/utils/scrollToElementWithLabel/scrollToElementWithLabel.test.d.ts +0 -1
- package/dist/utils/test-utils/patchGetBoundingRect.d.ts +0 -7
package/dist/styles.css
CHANGED
|
@@ -63,7 +63,6 @@
|
|
|
63
63
|
:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--SPEnO mrl-button:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-icon-button:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-shadow-button:not(.hydrated--MfRbw){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--SPEnO mrl-button[kind=inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-button[kind=ghost-inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-icon-button[kind=inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-icon-button[kind=ghost-inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-shadow-button[kind=inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--MfRbw){--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--mYUAO,.mrlButton--j99md{--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--QJlzO,.mrlButton--small--gUYTD{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall--Qhk6d,.mrlButton--xsmall--_74DA{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--mYUAO.mrlIconButton--small--QJlzO,.mrlButton--j99md.mrlIconButton--small--QJlzO{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton--mYUAO.mrlIconButton--small--QJlzO+.mrl-tooltip-content--O61TT,.mrlButton--j99md.mrlIconButton--small--QJlzO+.mrl-tooltip-content--O61TT{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large--s7S1M,.mrlButton--large--SQFgd{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton--mYUAO.mrlIconButton--large--s7S1M,.mrlButton--j99md.mrlIconButton--large--s7S1M{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton--mYUAO.mrlButton--primary--YpKff,.mrlIconButton--mYUAO.mrlButton--ghost--ZpPfB,.mrlIconButton--mYUAO.mrlButton--ghost-inverse--aPltg,.mrlIconButton--mYUAO.mrlIconButton--primary--MOpuU,.mrlIconButton--mYUAO.mrlIconButton--ghost--LgIBg,.mrlIconButton--mYUAO.mrlIconButton--ghost-inverse--ZUPUz,.mrlButton--j99md.mrlButton--primary--YpKff,.mrlButton--j99md.mrlButton--ghost--ZpPfB,.mrlButton--j99md.mrlButton--ghost-inverse--aPltg,.mrlButton--j99md.mrlIconButton--primary--MOpuU,.mrlButton--j99md.mrlIconButton--ghost--LgIBg,.mrlButton--j99md.mrlIconButton--ghost-inverse--ZUPUz{--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--Fvewv,.mrlButton--secondary-native--m0t19{--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--MOpuU,.mrlButton--primary--YpKff{--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--XYDJg,.mrlButton--primary-native--gUqWp{--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--LgIBg,.mrlButton--ghost--ZpPfB{--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--LgIBg[aria-pressed=true],.mrlIconButton--ghost--LgIBg[aria-checked=true],.mrlIconButton--ghost--LgIBg[aria-expanded=true],.mrlIconButton--ghost--LgIBg[aria-selected=true],.mrlButton--ghost--ZpPfB[aria-pressed=true],.mrlButton--ghost--ZpPfB[aria-checked=true],.mrlButton--ghost--ZpPfB[aria-expanded=true],.mrlButton--ghost--ZpPfB[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--ZUPUz,.mrlButton--ghost-inverse--aPltg{--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--ZUPUz.mrlButton--skeleton--CqVCa,.mrlButton--ghost-inverse--aPltg.mrlButton--skeleton--CqVCa{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-pressed=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-checked=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-expanded=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-selected=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-pressed=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-checked=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-expanded=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-pressed=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-checked=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-expanded=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-selected=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-pressed=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-checked=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-expanded=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse--aPltg[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse--aPltg[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse--aPltg[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse--aPltg[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--nJPJv,.mrlButton--inverse--gjtOv{--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--nJPJv.mrlButton--skeleton--CqVCa,.mrlButton--inverse--gjtOv.mrlButton--skeleton--CqVCa{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--mYUAO[aria-disabled=true][aria-pressed=true],.mrlIconButton--mYUAO[aria-disabled=true][aria-checked=true],.mrlIconButton--mYUAO[aria-disabled=true][aria-expanded=true],.mrlIconButton--mYUAO[aria-disabled=true][aria-selected=true],.mrlButton--j99md[aria-disabled=true][aria-pressed=true],.mrlButton--j99md[aria-disabled=true][aria-checked=true],.mrlButton--j99md[aria-disabled=true][aria-expanded=true],.mrlButton--j99md[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--G3GrT{--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--G3GrT,.mrl-modal--G3GrT .footer--JGgMU.slotted--lqdLw .mrl-modal-footer--Yra0w,.mrl-modal--G3GrT .header--r7DpG.slotted--lqdLw .mrl-modal-header--LAa4V{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large--YCz11,.mrl-modal--large--YCz11 .footer--JGgMU.slotted--lqdLw .mrl-modal-footer--Yra0w,.mrl-modal--large--YCz11 .header--r7DpG.slotted--lqdLw .mrl-modal-header--LAa4V{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal--q1V1P,.mrl-display-modal--Acudx{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-header--LAa4V{color:var(--mrl-modal-header-text-color);display:flex;min-height:calc(var(--mrl-type-size-headline-large)*var(--mrl-type-line-height-headline-large));padding:var(--mrl-modal-padding-vertical-top) calc(
|
|
64
64
|
var(--mrl-spacing-09) + var(--mrl-modal-close-offset) + var(--mrl-modal-close-inline-margin)
|
|
65
65
|
) 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)}
|
|
66
|
-
: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}
|
|
67
66
|
.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(
|
|
68
67
|
var(--mrl-spacing-02) + var(--mrl-blockNotification-inline-spacing) + var(--mrl-spacing-08)
|
|
69
68
|
);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)}
|
package/dist/utils/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface MrlModalHeaderDeviceProps {
|
|
3
|
-
primaryButton?: React.ReactElement;
|
|
4
|
-
secondaryButton?: React.ReactElement;
|
|
5
|
-
text: string;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* This is the Modal Header for native devices.
|
|
9
|
-
*
|
|
10
|
-
* @param {MrlModalHeaderDeviceProps} props - MrlModalHeaderNative component props
|
|
11
|
-
* @returns a header element
|
|
12
|
-
*/
|
|
13
|
-
export declare const MrlModalHeaderNative: ({ primaryButton, secondaryButton, text }: MrlModalHeaderDeviceProps) => JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { MrlModalHeaderNative } from './MrlModalHeaderNative';
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { MrlDeviceClient } from '../../../contexts';
|
|
3
|
-
interface ModalDemoProps {
|
|
4
|
-
client?: MrlDeviceClient;
|
|
5
|
-
/** Additional function to be run when the modal closes */
|
|
6
|
-
hookClose?: (() => void) | undefined;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Demo for a modal with a trigger button
|
|
10
|
-
*
|
|
11
|
-
* @param {object} props - The props object
|
|
12
|
-
* @param {Function} props.hookClose - hookClose for modal
|
|
13
|
-
* @returns {Element} Rendered demo
|
|
14
|
-
*/
|
|
15
|
-
export declare const ModalWithDevicesDemo: ({ client, hookClose }: ModalDemoProps) => JSX.Element;
|
|
16
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* browser: mobile and desktop browsers
|
|
4
|
-
* native: native app running on tablets and phones
|
|
5
|
-
* display: SmartHubs and other big displays
|
|
6
|
-
*/
|
|
7
|
-
export type MrlDeviceClient = 'browser' | 'native' | 'display';
|
|
8
|
-
export interface MrlDeviceProviderProps {
|
|
9
|
-
/** The child elements to be wrapped by the MrlDeviceProvider. */
|
|
10
|
-
children: React.ReactNode;
|
|
11
|
-
/** The type of client where the UI toolkit is running: 'browser', 'native', or 'display'. */
|
|
12
|
-
client: MrlDeviceClient;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Provides context for switching the views according to the client type (browser, mobile or display).
|
|
16
|
-
*
|
|
17
|
-
* `client` can be retrieved using the `useDeviceClient()` hook. Defaults to `browser` when running outside the provider.
|
|
18
|
-
*
|
|
19
|
-
* @param {MrlDeviceClient} props.client The client type where ui-toolkit is running
|
|
20
|
-
* @returns the devices provider component
|
|
21
|
-
*/
|
|
22
|
-
export declare function MrlDeviceProvider({ children, client }: MrlDeviceProviderProps): React.ReactElement;
|
|
23
|
-
/**
|
|
24
|
-
* React hook for customizing the UI according to the client type.
|
|
25
|
-
*
|
|
26
|
-
* @returns {MrlDeviceClient} 'browser' | 'native' | 'display' (defaults to 'browser' called outside MrlDeviceProvider is present)
|
|
27
|
-
*/
|
|
28
|
-
export declare function useDeviceClient(): MrlDeviceClient;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './MrlDeviceProvider';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './useVirtualKeyboard';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Custom event name for the virtual keyboard.
|
|
3
|
-
*/
|
|
4
|
-
export declare const MRL_VIRTUAL_KEYBOARD_EVENT_NAME = "mrl-virtual-keyboard";
|
|
5
|
-
/**
|
|
6
|
-
* Virtual keyboard event with the keyboard height information.
|
|
7
|
-
*/
|
|
8
|
-
export type MrlVirtualKeyboardEvent = CustomEvent<{
|
|
9
|
-
height: number;
|
|
10
|
-
}>;
|
|
11
|
-
/**
|
|
12
|
-
* Utility function to dispatch MrlKeyboardEvent from consumer
|
|
13
|
-
*
|
|
14
|
-
* @param height the height of the virtual keyboard, 0 if closed
|
|
15
|
-
*/
|
|
16
|
-
export declare function dispatchMrlKeyboardEvent(height: number): void;
|
|
17
|
-
/**
|
|
18
|
-
* Hook to access the virtual keyboard height
|
|
19
|
-
*
|
|
20
|
-
* @param disabled If disabled will always return 0
|
|
21
|
-
* @param content If a content is passed, this hook will return the height of the overlap between content and keyboard
|
|
22
|
-
* @returns virtual keyboard height or 0 if there isn't any.
|
|
23
|
-
*/
|
|
24
|
-
export declare function useVirtualKeyboard(disabled: boolean, content?: HTMLElement | null): number;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
@use '../modal.variables.scss' as *;
|
|
3
|
-
@use './MrlModalHeaderNative.variables.scss' as *;
|
|
4
|
-
.mrl-modal-header-native {
|
|
5
|
-
align-items: center;
|
|
6
|
-
display: grid;
|
|
7
|
-
gap: var(--mrl-spacing-04);
|
|
8
|
-
grid-template-columns: var(--mrl-native-modal-header-max-button-size) 1fr var(
|
|
9
|
-
--mrl-native-modal-header-max-button-size
|
|
10
|
-
);
|
|
11
|
-
padding: var(--mrl-native-modal-header-padding) var(--mrl-native-modal-header-padding);
|
|
12
|
-
:global(.mrl-text-heading) {
|
|
13
|
-
color: var(--mrl-modal-header-text-color);
|
|
14
|
-
display: block;
|
|
15
|
-
font-weight: var(--mrl-font-weight-04);
|
|
16
|
-
line-height: var(--mrl-line-height-09);
|
|
17
|
-
overflow: hidden;
|
|
18
|
-
text-align: center;
|
|
19
|
-
text-overflow: ellipsis;
|
|
20
|
-
white-space: nowrap;
|
|
21
|
-
}
|
|
22
|
-
&__primary-content {
|
|
23
|
-
display: flex;
|
|
24
|
-
justify-content: flex-end;
|
|
25
|
-
:global(.mrlButton--primary-native) {
|
|
26
|
-
display: block;
|
|
27
|
-
overflow: hidden;
|
|
28
|
-
text-overflow: ellipsis;
|
|
29
|
-
white-space: nowrap;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
&__secondary-content {
|
|
33
|
-
display: flex;
|
|
34
|
-
:global(.mrlButton--secondary-native) {
|
|
35
|
-
display: block;
|
|
36
|
-
overflow: hidden;
|
|
37
|
-
text-overflow: ellipsis;
|
|
38
|
-
white-space: nowrap;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { scrollToElementWithLabel } from './scrollToElementWithLabel';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* getBoundingRect is not properly implemented in JSDom (it returns always 0). This function allows to set a hardcoded response for it.
|
|
3
|
-
*
|
|
4
|
-
* @param element the DOM to be patched
|
|
5
|
-
* @param patch a DOMReact to be returned by getBoundingReact
|
|
6
|
-
*/
|
|
7
|
-
export declare function patchGetBoundingRect(element: HTMLElement, patch: Partial<DOMRect>): void;
|