@1money/component-ui 0.0.34 → 0.0.35
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
|
-
.om-component-ui-dialog-root{position:fixed;inset:0;z-index:1000}.om-component-ui-dialog-overlay{position:absolute;inset:0;background-color:var(--om-bg-scrim-dark,rgba(0,0,0,.2));opacity:0;transition:opacity .2s ease}.om-component-ui-dialog-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--om-spacing-400,16px);pointer-events:none}.om-component-ui-dialog{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:min(100%,450px);max-height:calc(100vh - var(--om-spacing-800, 32px));overflow:hidden;background-color:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-600,24px);outline:none;box-shadow:var(--om-shadow-200,0 10px 22px rgba(0,0,0,.1));transform:translateY(var(--om-spacing-400,16px));opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:auto}.om-component-ui-dialog-small{width:min(100%,450px)}.om-component-ui-dialog-large{width:min(100%,740px)}.om-component-ui-dialog-full-width{width:calc(100vw - var(--om-spacing-800, 32px));max-width:none}.om-component-ui-dialog-with-media .om-component-ui-dialog-inner{padding-top:var(--om-spacing-800,32px)}.om-component-ui-dialog-media{width:100%;overflow:hidden;background-color:var(--om-bg-default-tertiary,#e3e4e4)}.om-component-ui-dialog-inner{display:flex;flex-direction:column;gap:var(--om-spacing-600,24px);width:100%;padding:var(--om-spacing-
|
|
1
|
+
.om-component-ui-dialog-root{position:fixed;inset:0;z-index:1000}.om-component-ui-dialog-overlay{position:absolute;inset:0;background-color:var(--om-bg-scrim-dark,rgba(0,0,0,.2));opacity:0;transition:opacity .2s ease}.om-component-ui-dialog-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--om-spacing-400,16px);pointer-events:none}.om-component-ui-dialog{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:min(100%,450px);max-height:calc(100vh - var(--om-spacing-800, 32px));overflow:hidden;background-color:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-600,24px);outline:none;box-shadow:var(--om-shadow-200,0 10px 22px rgba(0,0,0,.1));transform:translateY(var(--om-spacing-400,16px));opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:auto}.om-component-ui-dialog-small{width:min(100%,450px)}.om-component-ui-dialog-large{width:min(100%,740px)}.om-component-ui-dialog-full-width{width:calc(100vw - var(--om-spacing-800, 32px));max-width:none}.om-component-ui-dialog-with-media .om-component-ui-dialog-inner{padding-top:var(--om-spacing-800,32px)}.om-component-ui-dialog-media{width:100%;overflow:hidden;background-color:var(--om-bg-default-tertiary,#e3e4e4)}.om-component-ui-dialog-inner{display:flex;flex-direction:column;gap:var(--om-spacing-600,24px);width:100%;padding:var(--om-spacing-800,32px)}.om-component-ui-dialog-header{display:flex;align-items:center;width:100%;min-height:24px}.om-component-ui-dialog-control{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--om-icon-default-tertiary,#646465);background:transparent;border:none;cursor:pointer}.om-component-ui-dialog-control .om-component-ui-icons-wrapper{--icon-color:currentcolor}.om-component-ui-dialog-control:hover{color:var(--om-icon-default,#131313)}.om-component-ui-dialog-control-close{position:absolute;top:15px;right:15px;z-index:1}.om-component-ui-dialog-body{width:100%;min-width:0}.om-component-ui-dialog-illustration{display:flex;align-items:center;justify-content:flex-start;padding-bottom:var(--om-spacing-300,12px);line-height:0}.om-component-ui-dialog-content,.om-component-ui-dialog-title{width:100%;min-width:0}.om-component-ui-dialog-title{color:var(--om-text-default,#131313)}.om-component-ui-dialog-content{padding-top:var(--om-spacing-300,12px)}.om-component-ui-dialog-footer{display:flex;gap:var(--om-spacing-300,12px);width:100%}.om-component-ui-dialog-footer-small{flex-direction:column;align-items:stretch}.om-component-ui-dialog-footer-large{align-items:stretch}.om-component-ui-dialog-action-button{width:100%;min-height:52px;border-radius:var(--om-radius-300,12px)}.om-component-ui-dialog-action-button.om-component-ui-button{justify-content:center}.om-component-ui-dialog-action-button-cancel.om-component-ui-button{color:var(--om-text-default,#131313);background-color:var(--om-bg-neutral-tertiary,#f0f0f0)}.om-component-ui-dialog-action-button-cancel.om-component-ui-button:hover:not(:disabled){background-color:var(--om-bg-neutral-secondary,#e3e4e4)}.om-component-ui-dialog-footer-large>.om-component-ui-dialog-action-button{flex:1 1 0}.om-component-ui-dialog-root-open .om-component-ui-dialog-overlay{opacity:1}.om-component-ui-dialog-root-open .om-component-ui-dialog{transform:translateY(0);opacity:1}.om-component-ui-dialog-root-closed .om-component-ui-dialog-overlay{opacity:0}.om-component-ui-dialog-root-closed .om-component-ui-dialog{transform:translateY(var(--om-spacing-400,16px));opacity:0}@media (max-width:767.98px){.om-component-ui-dialog-wrapper{align-items:flex-end}.om-component-ui-dialog-full-width{width:100%}.om-component-ui-dialog-inner{padding-right:var(--om-spacing-800,32px);padding-left:var(--om-spacing-800,32px)}.om-component-ui-dialog-footer-large{flex-direction:column}}
|