@micromag/screen-keypad 0.4.4 → 0.4.7

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 +1 @@
1
- .container{height:100%;overflow:hidden;position:relative;-ms-touch-action:none;touch-action:none;width:100%}.container p{font-weight:inherit;margin-bottom:inherit;margin-top:inherit}.container.isPlaceholder .layout{padding:10px}.background{height:100%;z-index:1}.background,.fixedHeader{left:0;position:absolute;top:0;width:100%}.fixedHeader{display:-ms-flexbox;display:flex;right:0;z-index:50;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end;opacity:0;padding:10px;pointer-events:none}.fixedHeader.open{opacity:1;pointer-events:auto}.close{display:inline-block;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;-webkit-filter:invert(100%);filter:invert(100%);font-family:inherit;font-weight:700;margin-left:auto;padding:0}.close:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;outline:3px solid var(--mm-purple);outline-offset:4px}.closeIcon{border-radius:50%;color:#000;height:25px;padding:0;width:25px}.header{top:0}.footer,.header{left:0;position:absolute;width:100%}.footer{bottom:0}.inner{height:100%;position:relative;z-index:2}.layout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;text-align:center;-webkit-transition:padding .2s ease-out;transition:padding .2s ease-out}.subtitle,.title{width:100%}.emptyText,.emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.emptyTitle{height:100px}.emptyText{height:50px}.grid{width:85%}.item{height:100%;position:relative}.item .button{gap:0}.withSquareItems .item{aspect-ratio:1;height:auto}.button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-weight:inherit;justify-content:center;padding:0;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback)}.button:focus-visible,.button:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.button:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.button.isEmpty{padding:2px;pointer-events:none}.button.disableHover,.button.isEmpty{cursor:default}.button.disableHover:active,.button.disableHover:hover,.button.isEmpty:active,.button.isEmpty:hover{-webkit-transform:none;-ms-transform:none;transform:none}.button.isLink{-webkit-text-decoration:none;text-decoration:none}.button.isLink:hover{color:inherit}.withSquareItems .button{height:100%;left:0;position:absolute;top:0;width:100%}.button .buttonPlaceholder,.button .imagePlaceholder{margin:0;width:100%}.buttonLabel{padding:5px;width:100%}.empty{margin-bottom:10px;padding:10px;width:100%}.emptyButtonVisual{margin-bottom:5px;padding:10px 5px}.emptyButtonLabel{margin-bottom:5px;padding:2px 5px}.popupBackdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(0,0,0,.2);left:0;pointer-events:none;position:absolute;z-index:2}.popup,.popupBackdrop{height:100%;top:0;width:100%}.popup{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative;position:fixed;right:0;-ms-touch-action:none;touch-action:none;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);z-index:6}.popup:active,.popup:hover{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.popupButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;padding:0;position:relative;text-align:left;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);width:100%;z-index:3}.popupButton:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.popupScroll{height:100%;width:100%}.popupInner{background-color:var(--mm-black);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:10% 7.5%;overflow:hidden;position:relative;z-index:40}.popupInner.withShadow{-webkit-box-shadow:0 0 2px var(--mm-black);box-shadow:0 0 2px var(--mm-black)}.popupInner .popupContent{font-family:inherit;font-style:inherit;font-weight:inherit;line-height:inherit}.popupInner .popupContent p{font-weight:inherit;margin-bottom:0;margin-top:0}.placeholder{mix-blend-mode:normal}.popupContent,.popupHeading,.popupVisual{width:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;margin-bottom:.5em}.popupHeading{font-weight:inherit;margin-bottom:.25em}.contentSplit .emptyHeading,.contentSplit .popupHeading{-ms-flex-order:1;order:1}.contentSplit .emptyVisual,.contentSplit .popupVisual{-ms-flex-order:2;order:2}.contentSplit .emptyContent,.contentSplit .popupContent{-ms-flex-order:3;order:3}.contentSplit .emptyCTA,.contentSplit .popupCTA{-ms-flex-order:4;order:4}.contentBottom .emptyVisual,.contentBottom .popupVisual{-ms-flex-order:1;order:1}.contentBottom .emptyHeading,.contentBottom .popupHeading{-ms-flex-order:2;order:2}.contentBottom .emptyContent,.contentBottom .popupContent{-ms-flex-order:3;order:3}.contentBottom .emptyCTA,.contentBottom .popupCTA{-ms-flex-order:4;order:4}.popupCTA{margin:0 auto;z-index:2}
1
+ .micromag-screen-keypad-container{height:100%;overflow:hidden;position:relative;-ms-touch-action:none;touch-action:none;width:100%}.micromag-screen-keypad-container p{font-weight:inherit;margin-bottom:inherit;margin-top:inherit}.micromag-screen-keypad-container.micromag-screen-keypad-isPlaceholder .micromag-screen-keypad-layout{padding:10px}.micromag-screen-keypad-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-keypad-fixedHeader{display:-ms-flexbox;display:flex;left:0;position:absolute;right:0;top:0;width:100%;z-index:50;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end;opacity:0;padding:10px;pointer-events:none}.micromag-screen-keypad-fixedHeader.micromag-screen-keypad-open{opacity:1;pointer-events:auto}.micromag-screen-keypad-close{display:inline-block;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;-webkit-filter:invert(100%);filter:invert(100%);font-family:inherit;font-weight:700;margin-left:auto;padding:0}.micromag-screen-keypad-close:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;outline:3px solid var(--mm-purple);outline-offset:4px}.micromag-screen-keypad-closeIcon{border-radius:50%;color:#000;height:25px;padding:0;width:25px}.micromag-screen-keypad-header{left:0;position:absolute;top:0;width:100%}.micromag-screen-keypad-footer{bottom:0;left:0;position:absolute;width:100%}.micromag-screen-keypad-inner{height:100%;position:relative;z-index:2}.micromag-screen-keypad-layout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;text-align:center;-webkit-transition:padding .2s ease-out;transition:padding .2s ease-out}.micromag-screen-keypad-subtitle,.micromag-screen-keypad-title{width:100%}.micromag-screen-keypad-emptyText,.micromag-screen-keypad-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.micromag-screen-keypad-emptyTitle{height:100px}.micromag-screen-keypad-emptyText{height:50px}.micromag-screen-keypad-grid{width:85%}.micromag-screen-keypad-item{height:100%;position:relative}.micromag-screen-keypad-item .micromag-screen-keypad-button{gap:0}.micromag-screen-keypad-withSquareItems .micromag-screen-keypad-item{aspect-ratio:1;height:auto}.micromag-screen-keypad-button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-weight:inherit;justify-content:center;padding:0;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback)}.micromag-screen-keypad-button:focus-visible,.micromag-screen-keypad-button:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-keypad-button:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.micromag-screen-keypad-button.micromag-screen-keypad-isEmpty{padding:2px;pointer-events:none}.micromag-screen-keypad-button.micromag-screen-keypad-disableHover,.micromag-screen-keypad-button.micromag-screen-keypad-isEmpty{cursor:default}.micromag-screen-keypad-button.micromag-screen-keypad-disableHover:active,.micromag-screen-keypad-button.micromag-screen-keypad-disableHover:hover,.micromag-screen-keypad-button.micromag-screen-keypad-isEmpty:active,.micromag-screen-keypad-button.micromag-screen-keypad-isEmpty:hover{-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-keypad-button.micromag-screen-keypad-isLink{-webkit-text-decoration:none;text-decoration:none}.micromag-screen-keypad-button.micromag-screen-keypad-isLink:hover{color:inherit}.micromag-screen-keypad-withSquareItems .micromag-screen-keypad-button{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-keypad-button .micromag-screen-keypad-buttonPlaceholder,.micromag-screen-keypad-button .micromag-screen-keypad-imagePlaceholder{margin:0;width:100%}.micromag-screen-keypad-buttonLabel{padding:5px;width:100%}.micromag-screen-keypad-empty{margin-bottom:10px;padding:10px;width:100%}.micromag-screen-keypad-emptyButtonVisual{margin-bottom:5px;padding:10px 5px}.micromag-screen-keypad-emptyButtonLabel{margin-bottom:5px;padding:2px 5px}.micromag-screen-keypad-popupBackdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(0,0,0,.2);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.micromag-screen-keypad-popup{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;padding:0;position:relative;position:fixed;right:0;top:0;-ms-touch-action:none;touch-action:none;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);width:100%;z-index:6}.micromag-screen-keypad-popup:active,.micromag-screen-keypad-popup:hover{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.micromag-screen-keypad-popupButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;padding:0;position:relative;text-align:left;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);width:100%;z-index:3}.micromag-screen-keypad-popupButton:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.micromag-screen-keypad-popupScroll{height:100%;width:100%}.micromag-screen-keypad-popupInner{background-color:var(--mm-black);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:10% 7.5%;overflow:hidden;position:relative;z-index:40}.micromag-screen-keypad-popupInner.micromag-screen-keypad-withShadow{-webkit-box-shadow:0 0 2px var(--mm-black);box-shadow:0 0 2px var(--mm-black)}.micromag-screen-keypad-popupInner .micromag-screen-keypad-popupContent{font-family:inherit;font-style:inherit;font-weight:inherit;line-height:inherit}.micromag-screen-keypad-popupInner .micromag-screen-keypad-popupContent p{font-weight:inherit;margin-bottom:0;margin-top:0}.micromag-screen-keypad-placeholder{mix-blend-mode:normal}.micromag-screen-keypad-popupContent,.micromag-screen-keypad-popupHeading,.micromag-screen-keypad-popupVisual{width:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;margin-bottom:.5em}.micromag-screen-keypad-popupHeading{font-weight:inherit;margin-bottom:.25em}.micromag-screen-keypad-contentSplit .micromag-screen-keypad-emptyHeading,.micromag-screen-keypad-contentSplit .micromag-screen-keypad-popupHeading{-ms-flex-order:1;order:1}.micromag-screen-keypad-contentSplit .micromag-screen-keypad-emptyVisual,.micromag-screen-keypad-contentSplit .micromag-screen-keypad-popupVisual{-ms-flex-order:2;order:2}.micromag-screen-keypad-contentSplit .micromag-screen-keypad-emptyContent,.micromag-screen-keypad-contentSplit .micromag-screen-keypad-popupContent{-ms-flex-order:3;order:3}.micromag-screen-keypad-contentSplit .micromag-screen-keypad-emptyCTA,.micromag-screen-keypad-contentSplit .micromag-screen-keypad-popupCTA{-ms-flex-order:4;order:4}.micromag-screen-keypad-contentBottom .micromag-screen-keypad-emptyVisual,.micromag-screen-keypad-contentBottom .micromag-screen-keypad-popupVisual{-ms-flex-order:1;order:1}.micromag-screen-keypad-contentBottom .micromag-screen-keypad-emptyHeading,.micromag-screen-keypad-contentBottom .micromag-screen-keypad-popupHeading{-ms-flex-order:2;order:2}.micromag-screen-keypad-contentBottom .micromag-screen-keypad-emptyContent,.micromag-screen-keypad-contentBottom .micromag-screen-keypad-popupContent{-ms-flex-order:3;order:3}.micromag-screen-keypad-contentBottom .micromag-screen-keypad-emptyCTA,.micromag-screen-keypad-contentBottom .micromag-screen-keypad-popupCTA{-ms-flex-order:4;order:4}.micromag-screen-keypad-popupCTA{margin:0 auto;z-index:2}
package/es/index.js CHANGED
@@ -24,7 +24,7 @@ import Scroll from '@micromag/element-scroll';
24
24
  import Text from '@micromag/element-text';
25
25
  import Visual from '@micromag/element-visual';
26
26
 
27
- var styles = {"container":"container","isPlaceholder":"isPlaceholder","layout":"layout","background":"background","fixedHeader":"fixedHeader","open":"open","close":"close","closeIcon":"closeIcon","header":"header","footer":"footer","inner":"inner","title":"title","subtitle":"subtitle","emptyTitle":"emptyTitle","emptyText":"emptyText","grid":"grid","item":"item","button":"button","withSquareItems":"withSquareItems","isEmpty":"isEmpty","disableHover":"disableHover","isLink":"isLink","imagePlaceholder":"imagePlaceholder","buttonPlaceholder":"buttonPlaceholder","buttonLabel":"buttonLabel","empty":"empty","emptyButtonVisual":"emptyButtonVisual","emptyButtonLabel":"emptyButtonLabel","popupBackdrop":"popupBackdrop","popup":"popup","popupButton":"popupButton","popupScroll":"popupScroll","popupInner":"popupInner","withShadow":"withShadow","popupContent":"popupContent","placeholder":"placeholder","popupHeading":"popupHeading","popupVisual":"popupVisual","contentSplit":"contentSplit","emptyHeading":"emptyHeading","emptyVisual":"emptyVisual","emptyContent":"emptyContent","emptyCTA":"emptyCTA","popupCTA":"popupCTA","contentBottom":"contentBottom"};
27
+ var styles = {"container":"micromag-screen-keypad-container","isPlaceholder":"micromag-screen-keypad-isPlaceholder","layout":"micromag-screen-keypad-layout","background":"micromag-screen-keypad-background","fixedHeader":"micromag-screen-keypad-fixedHeader","open":"micromag-screen-keypad-open","close":"micromag-screen-keypad-close","closeIcon":"micromag-screen-keypad-closeIcon","header":"micromag-screen-keypad-header","footer":"micromag-screen-keypad-footer","inner":"micromag-screen-keypad-inner","title":"micromag-screen-keypad-title","subtitle":"micromag-screen-keypad-subtitle","emptyTitle":"micromag-screen-keypad-emptyTitle","emptyText":"micromag-screen-keypad-emptyText","grid":"micromag-screen-keypad-grid","item":"micromag-screen-keypad-item","button":"micromag-screen-keypad-button","withSquareItems":"micromag-screen-keypad-withSquareItems","isEmpty":"micromag-screen-keypad-isEmpty","disableHover":"micromag-screen-keypad-disableHover","isLink":"micromag-screen-keypad-isLink","imagePlaceholder":"micromag-screen-keypad-imagePlaceholder","buttonPlaceholder":"micromag-screen-keypad-buttonPlaceholder","buttonLabel":"micromag-screen-keypad-buttonLabel","empty":"micromag-screen-keypad-empty","emptyButtonVisual":"micromag-screen-keypad-emptyButtonVisual","emptyButtonLabel":"micromag-screen-keypad-emptyButtonLabel","popupBackdrop":"micromag-screen-keypad-popupBackdrop","popup":"micromag-screen-keypad-popup","popupButton":"micromag-screen-keypad-popupButton","popupScroll":"micromag-screen-keypad-popupScroll","popupInner":"micromag-screen-keypad-popupInner","withShadow":"micromag-screen-keypad-withShadow","popupContent":"micromag-screen-keypad-popupContent","placeholder":"micromag-screen-keypad-placeholder","popupHeading":"micromag-screen-keypad-popupHeading","popupVisual":"micromag-screen-keypad-popupVisual","contentSplit":"micromag-screen-keypad-contentSplit","emptyHeading":"micromag-screen-keypad-emptyHeading","emptyVisual":"micromag-screen-keypad-emptyVisual","emptyContent":"micromag-screen-keypad-emptyContent","emptyCTA":"micromag-screen-keypad-emptyCTA","popupCTA":"micromag-screen-keypad-popupCTA","contentBottom":"micromag-screen-keypad-contentBottom"};
28
28
 
29
29
  var placeholders = [{
30
30
  id: '1'
package/es/styles.css CHANGED
@@ -1 +1 @@
1
- .container{height:100%;overflow:hidden;position:relative;-ms-touch-action:none;touch-action:none;width:100%}.container p{font-weight:inherit;margin-bottom:inherit;margin-top:inherit}.container.isPlaceholder .layout{padding:10px}.background{height:100%;z-index:1}.background,.fixedHeader{left:0;position:absolute;top:0;width:100%}.fixedHeader{display:-ms-flexbox;display:flex;right:0;z-index:50;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end;opacity:0;padding:10px;pointer-events:none}.fixedHeader.open{opacity:1;pointer-events:auto}.close{display:inline-block;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;-webkit-filter:invert(100%);filter:invert(100%);font-family:inherit;font-weight:700;margin-left:auto;padding:0}.close:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;outline:3px solid var(--mm-purple);outline-offset:4px}.closeIcon{border-radius:50%;color:#000;height:25px;padding:0;width:25px}.header{top:0}.footer,.header{left:0;position:absolute;width:100%}.footer{bottom:0}.inner{height:100%;position:relative;z-index:2}.layout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;text-align:center;-webkit-transition:padding .2s ease-out;transition:padding .2s ease-out}.subtitle,.title{width:100%}.emptyText,.emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.emptyTitle{height:100px}.emptyText{height:50px}.grid{width:85%}.item{height:100%;position:relative}.item .button{gap:0}.withSquareItems .item{aspect-ratio:1;height:auto}.button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-weight:inherit;justify-content:center;padding:0;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback)}.button:focus-visible,.button:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.button:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.button.isEmpty{padding:2px;pointer-events:none}.button.disableHover,.button.isEmpty{cursor:default}.button.disableHover:active,.button.disableHover:hover,.button.isEmpty:active,.button.isEmpty:hover{-webkit-transform:none;-ms-transform:none;transform:none}.button.isLink{-webkit-text-decoration:none;text-decoration:none}.button.isLink:hover{color:inherit}.withSquareItems .button{height:100%;left:0;position:absolute;top:0;width:100%}.button .buttonPlaceholder,.button .imagePlaceholder{margin:0;width:100%}.buttonLabel{padding:5px;width:100%}.empty{margin-bottom:10px;padding:10px;width:100%}.emptyButtonVisual{margin-bottom:5px;padding:10px 5px}.emptyButtonLabel{margin-bottom:5px;padding:2px 5px}.popupBackdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(0,0,0,.2);left:0;pointer-events:none;position:absolute;z-index:2}.popup,.popupBackdrop{height:100%;top:0;width:100%}.popup{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative;position:fixed;right:0;-ms-touch-action:none;touch-action:none;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);z-index:6}.popup:active,.popup:hover{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.popupButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;padding:0;position:relative;text-align:left;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);width:100%;z-index:3}.popupButton:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.popupScroll{height:100%;width:100%}.popupInner{background-color:var(--mm-black);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:10% 7.5%;overflow:hidden;position:relative;z-index:40}.popupInner.withShadow{-webkit-box-shadow:0 0 2px var(--mm-black);box-shadow:0 0 2px var(--mm-black)}.popupInner .popupContent{font-family:inherit;font-style:inherit;font-weight:inherit;line-height:inherit}.popupInner .popupContent p{font-weight:inherit;margin-bottom:0;margin-top:0}.placeholder{mix-blend-mode:normal}.popupContent,.popupHeading,.popupVisual{width:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;margin-bottom:.5em}.popupHeading{font-weight:inherit;margin-bottom:.25em}.contentSplit .emptyHeading,.contentSplit .popupHeading{-ms-flex-order:1;order:1}.contentSplit .emptyVisual,.contentSplit .popupVisual{-ms-flex-order:2;order:2}.contentSplit .emptyContent,.contentSplit .popupContent{-ms-flex-order:3;order:3}.contentSplit .emptyCTA,.contentSplit .popupCTA{-ms-flex-order:4;order:4}.contentBottom .emptyVisual,.contentBottom .popupVisual{-ms-flex-order:1;order:1}.contentBottom .emptyHeading,.contentBottom .popupHeading{-ms-flex-order:2;order:2}.contentBottom .emptyContent,.contentBottom .popupContent{-ms-flex-order:3;order:3}.contentBottom .emptyCTA,.contentBottom .popupCTA{-ms-flex-order:4;order:4}.popupCTA{margin:0 auto;z-index:2}
1
+ .micromag-screen-keypad-container{height:100%;overflow:hidden;position:relative;-ms-touch-action:none;touch-action:none;width:100%}.micromag-screen-keypad-container p{font-weight:inherit;margin-bottom:inherit;margin-top:inherit}.micromag-screen-keypad-container.micromag-screen-keypad-isPlaceholder .micromag-screen-keypad-layout{padding:10px}.micromag-screen-keypad-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-keypad-fixedHeader{display:-ms-flexbox;display:flex;left:0;position:absolute;right:0;top:0;width:100%;z-index:50;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end;opacity:0;padding:10px;pointer-events:none}.micromag-screen-keypad-fixedHeader.micromag-screen-keypad-open{opacity:1;pointer-events:auto}.micromag-screen-keypad-close{display:inline-block;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;-webkit-filter:invert(100%);filter:invert(100%);font-family:inherit;font-weight:700;margin-left:auto;padding:0}.micromag-screen-keypad-close:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;outline:3px solid var(--mm-purple);outline-offset:4px}.micromag-screen-keypad-closeIcon{border-radius:50%;color:#000;height:25px;padding:0;width:25px}.micromag-screen-keypad-header{left:0;position:absolute;top:0;width:100%}.micromag-screen-keypad-footer{bottom:0;left:0;position:absolute;width:100%}.micromag-screen-keypad-inner{height:100%;position:relative;z-index:2}.micromag-screen-keypad-layout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;text-align:center;-webkit-transition:padding .2s ease-out;transition:padding .2s ease-out}.micromag-screen-keypad-subtitle,.micromag-screen-keypad-title{width:100%}.micromag-screen-keypad-emptyText,.micromag-screen-keypad-emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.micromag-screen-keypad-emptyTitle{height:100px}.micromag-screen-keypad-emptyText{height:50px}.micromag-screen-keypad-grid{width:85%}.micromag-screen-keypad-item{height:100%;position:relative}.micromag-screen-keypad-item .micromag-screen-keypad-button{gap:0}.micromag-screen-keypad-withSquareItems .micromag-screen-keypad-item{aspect-ratio:1;height:auto}.micromag-screen-keypad-button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-weight:inherit;justify-content:center;padding:0;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback)}.micromag-screen-keypad-button:focus-visible,.micromag-screen-keypad-button:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-keypad-button:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.micromag-screen-keypad-button.micromag-screen-keypad-isEmpty{padding:2px;pointer-events:none}.micromag-screen-keypad-button.micromag-screen-keypad-disableHover,.micromag-screen-keypad-button.micromag-screen-keypad-isEmpty{cursor:default}.micromag-screen-keypad-button.micromag-screen-keypad-disableHover:active,.micromag-screen-keypad-button.micromag-screen-keypad-disableHover:hover,.micromag-screen-keypad-button.micromag-screen-keypad-isEmpty:active,.micromag-screen-keypad-button.micromag-screen-keypad-isEmpty:hover{-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-keypad-button.micromag-screen-keypad-isLink{-webkit-text-decoration:none;text-decoration:none}.micromag-screen-keypad-button.micromag-screen-keypad-isLink:hover{color:inherit}.micromag-screen-keypad-withSquareItems .micromag-screen-keypad-button{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-keypad-button .micromag-screen-keypad-buttonPlaceholder,.micromag-screen-keypad-button .micromag-screen-keypad-imagePlaceholder{margin:0;width:100%}.micromag-screen-keypad-buttonLabel{padding:5px;width:100%}.micromag-screen-keypad-empty{margin-bottom:10px;padding:10px;width:100%}.micromag-screen-keypad-emptyButtonVisual{margin-bottom:5px;padding:10px 5px}.micromag-screen-keypad-emptyButtonLabel{margin-bottom:5px;padding:2px 5px}.micromag-screen-keypad-popupBackdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(0,0,0,.2);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.micromag-screen-keypad-popup{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;padding:0;position:relative;position:fixed;right:0;top:0;-ms-touch-action:none;touch-action:none;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);width:100%;z-index:6}.micromag-screen-keypad-popup:active,.micromag-screen-keypad-popup:hover{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.micromag-screen-keypad-popupButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;padding:0;position:relative;text-align:left;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);width:100%;z-index:3}.micromag-screen-keypad-popupButton:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.micromag-screen-keypad-popupScroll{height:100%;width:100%}.micromag-screen-keypad-popupInner{background-color:var(--mm-black);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:10% 7.5%;overflow:hidden;position:relative;z-index:40}.micromag-screen-keypad-popupInner.micromag-screen-keypad-withShadow{-webkit-box-shadow:0 0 2px var(--mm-black);box-shadow:0 0 2px var(--mm-black)}.micromag-screen-keypad-popupInner .micromag-screen-keypad-popupContent{font-family:inherit;font-style:inherit;font-weight:inherit;line-height:inherit}.micromag-screen-keypad-popupInner .micromag-screen-keypad-popupContent p{font-weight:inherit;margin-bottom:0;margin-top:0}.micromag-screen-keypad-placeholder{mix-blend-mode:normal}.micromag-screen-keypad-popupContent,.micromag-screen-keypad-popupHeading,.micromag-screen-keypad-popupVisual{width:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;margin-bottom:.5em}.micromag-screen-keypad-popupHeading{font-weight:inherit;margin-bottom:.25em}.micromag-screen-keypad-contentSplit .micromag-screen-keypad-emptyHeading,.micromag-screen-keypad-contentSplit .micromag-screen-keypad-popupHeading{-ms-flex-order:1;order:1}.micromag-screen-keypad-contentSplit .micromag-screen-keypad-emptyVisual,.micromag-screen-keypad-contentSplit .micromag-screen-keypad-popupVisual{-ms-flex-order:2;order:2}.micromag-screen-keypad-contentSplit .micromag-screen-keypad-emptyContent,.micromag-screen-keypad-contentSplit .micromag-screen-keypad-popupContent{-ms-flex-order:3;order:3}.micromag-screen-keypad-contentSplit .micromag-screen-keypad-emptyCTA,.micromag-screen-keypad-contentSplit .micromag-screen-keypad-popupCTA{-ms-flex-order:4;order:4}.micromag-screen-keypad-contentBottom .micromag-screen-keypad-emptyVisual,.micromag-screen-keypad-contentBottom .micromag-screen-keypad-popupVisual{-ms-flex-order:1;order:1}.micromag-screen-keypad-contentBottom .micromag-screen-keypad-emptyHeading,.micromag-screen-keypad-contentBottom .micromag-screen-keypad-popupHeading{-ms-flex-order:2;order:2}.micromag-screen-keypad-contentBottom .micromag-screen-keypad-emptyContent,.micromag-screen-keypad-contentBottom .micromag-screen-keypad-popupContent{-ms-flex-order:3;order:3}.micromag-screen-keypad-contentBottom .micromag-screen-keypad-emptyCTA,.micromag-screen-keypad-contentBottom .micromag-screen-keypad-popupCTA{-ms-flex-order:4;order:4}.micromag-screen-keypad-popupCTA{margin:0 auto;z-index:2}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-keypad",
3
- "version": "0.4.4",
3
+ "version": "0.4.7",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -65,23 +65,23 @@
65
65
  "react-dom": "^18.3.0 || ^19.0.0"
66
66
  },
67
67
  "dependencies": {
68
- "@babel/runtime": "^7.13.10",
69
- "@micromag/core": "^0.4.4",
70
- "@micromag/element-background": "^0.4.4",
71
- "@micromag/element-button": "^0.4.4",
72
- "@micromag/element-call-to-action": "^0.4.4",
73
- "@micromag/element-container": "^0.4.4",
74
- "@micromag/element-footer": "^0.4.4",
75
- "@micromag/element-grid": "^0.4.4",
76
- "@micromag/element-header": "^0.4.4",
77
- "@micromag/element-heading": "^0.4.4",
78
- "@micromag/element-keypad": "^0.4.4",
79
- "@micromag/element-layout": "^0.4.4",
80
- "@micromag/element-scroll": "^0.4.4",
81
- "@micromag/element-text": "^0.4.4",
82
- "@micromag/element-urbania-author": "^0.4.4",
83
- "@micromag/element-visual": "^0.4.4",
84
- "@micromag/transforms": "^0.4.4",
68
+ "@babel/runtime": "^7.28.6",
69
+ "@micromag/core": "^0.4.7",
70
+ "@micromag/element-background": "^0.4.7",
71
+ "@micromag/element-button": "^0.4.7",
72
+ "@micromag/element-call-to-action": "^0.4.7",
73
+ "@micromag/element-container": "^0.4.7",
74
+ "@micromag/element-footer": "^0.4.7",
75
+ "@micromag/element-grid": "^0.4.7",
76
+ "@micromag/element-header": "^0.4.7",
77
+ "@micromag/element-heading": "^0.4.7",
78
+ "@micromag/element-keypad": "^0.4.7",
79
+ "@micromag/element-layout": "^0.4.7",
80
+ "@micromag/element-scroll": "^0.4.7",
81
+ "@micromag/element-text": "^0.4.7",
82
+ "@micromag/element-urbania-author": "^0.4.7",
83
+ "@micromag/element-visual": "^0.4.7",
84
+ "@micromag/transforms": "^0.4.7",
85
85
  "@react-spring/core": "^10.0.3",
86
86
  "@react-spring/web": "^10.0.3",
87
87
  "@use-gesture/react": "^10.3.0",
@@ -94,6 +94,6 @@
94
94
  "access": "public",
95
95
  "registry": "https://registry.npmjs.org/"
96
96
  },
97
- "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
97
+ "gitHead": "980f31596f09533637462b004eefd1877e7ea204",
98
98
  "types": "es/index.d.ts"
99
99
  }