@muraldevkit/ui-toolkit 4.27.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.
Files changed (30) hide show
  1. package/dist/components/button/MrlIconButton/MrlIconButton.d.ts +0 -2
  2. package/dist/components/form/select/MrlMultiSelect/MrlMultiSelect.d.ts +8 -0
  3. package/dist/components/form/select/MrlSelect/MrlSelect.d.ts +8 -0
  4. package/dist/components/form/select/components/MrlSelectContainer.d.ts +9 -0
  5. package/dist/components/form/select/components/MrlSelectValueContainer.d.ts +9 -0
  6. package/dist/components/form/select/components/index.d.ts +2 -0
  7. package/dist/components/modal/MrlModal/MrlModal.d.ts +0 -4
  8. package/dist/components/modal/constants.d.ts +0 -2
  9. package/dist/components/modal/index.d.ts +0 -1
  10. package/dist/components/svg/config.d.ts +1 -1
  11. package/dist/components/toolbar/MrlToolbarButton/MrlToolbarButton.d.ts +0 -1
  12. package/dist/contexts/index.d.ts +0 -1
  13. package/dist/hooks/index.d.ts +0 -1
  14. package/dist/index.js +1 -1
  15. package/dist/styles.css +0 -1
  16. package/dist/utils/index.d.ts +0 -1
  17. package/package.json +1 -1
  18. package/dist/components/modal/MrlModalHeaderNative/MrlModalHeaderNative.d.ts +0 -13
  19. package/dist/components/modal/MrlModalHeaderNative/index.d.ts +0 -1
  20. package/dist/components/modal/demo/ModalWithDevices.d.ts +0 -16
  21. package/dist/contexts/MrlDeviceProvider/MrlDeviceProvider.d.ts +0 -28
  22. package/dist/contexts/MrlDeviceProvider/index.d.ts +0 -1
  23. package/dist/hooks/useVirtualKeyboard/index.d.ts +0 -1
  24. package/dist/hooks/useVirtualKeyboard/useVirtualKeyboard.d.ts +0 -24
  25. package/dist/styles/MrlModalHeaderNative/module.scss +0 -41
  26. package/dist/styles/MrlModalHeaderNative/variables.scss +0 -4
  27. package/dist/utils/scrollToElementWithLabel/index.d.ts +0 -1
  28. package/dist/utils/scrollToElementWithLabel/scrollToElementWithLabel.d.ts +0 -6
  29. package/dist/utils/scrollToElementWithLabel/scrollToElementWithLabel.test.d.ts +0 -1
  30. 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)}
@@ -8,5 +8,4 @@ export * from './setAttributes';
8
8
  export * from './noop';
9
9
  export * from './preventDefault';
10
10
  export * from './trapFocus';
11
- export * from './scrollToElementWithLabel';
12
11
  export * from './layers';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@muraldevkit/ui-toolkit",
3
- "version": "4.27.0",
3
+ "version": "4.29.0-dev-Qa0Y.1",
4
4
  "description": "Mural's UI Toolkit",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -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,4 +0,0 @@
1
- .mrl-modal-header-native {
2
- --mrl-native-modal-header-max-button-size: var(--mrl-spacing-13);
3
- --mrl-native-modal-header-padding: var(--mrl-spacing-04);
4
- }
@@ -1 +0,0 @@
1
- export { scrollToElementWithLabel } from './scrollToElementWithLabel';
@@ -1,6 +0,0 @@
1
- /**
2
- * Scroll element into view. If is an input or textarea, will scroll to it or the higher label associated to it.
3
- *
4
- * @param element to be scrolled into view
5
- */
6
- export declare function scrollToElementWithLabel(element: Element): void;
@@ -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;