@1money/component-ui 0.0.39 → 0.0.40
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-notification{display:flex;gap:var(--om-spacing-200,8px);align-items:flex-start;padding:var(--om-spacing-300,12px);background-color:var(--om-bg-default-secondary,#f8f8f8);border-radius:var(--om-radius-300,12px);box-shadow:var(--om-shadow-200,0 10px 22px rgba(0,0,0,.1))}.om-component-ui-notification-content-wrapper{display:flex;flex:1 0 0;gap:var(--om-spacing-300,12px);align-items:flex-start;min-width:0}.om-component-ui-notification-icon-wrapper{display:flex;flex-shrink:0;align-items:center}.om-component-ui-notification-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.om-component-ui-notification-content{display:flex;flex:1 0 0;flex-direction:column;gap:var(--om-spacing-100,4px);align-items:flex-start;min-width:0;padding-top:var(--om-spacing-200,8px)}.om-component-ui-notification-body,.om-component-ui-notification-title{display:block}.om-component-ui-notification-link{font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-strong-font-weight);padding:0;color:var(--om-text-brand,#073387);text-decoration:underline;background:none;border:none;cursor:pointer}.om-component-ui-notification-close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;color:var(--om-icon-neutral-secondary,#9fa3a3);background:none;border:none;cursor:pointer}.om-component-ui-notification-close .om-component-ui-icons-wrapper{--icon-color:currentcolor}.om-component-ui-notification-close:hover{color:var(--om-icon-neutral,#404042)}.om-component-ui-notification-viewport{position:fixed;inset:0;z-index:1100;pointer-events:none}.om-component-ui-notification-stack{position:fixed;display:flex;flex-direction:column;--notification-motion-offset:calc(100% + var(--om-spacing-300, 12px));width:
|
|
1
|
+
.om-component-ui-notification{display:flex;gap:var(--om-spacing-200,8px);align-items:flex-start;padding:var(--om-spacing-300,12px);background-color:var(--om-bg-default-secondary,#f8f8f8);border-radius:var(--om-radius-300,12px);box-shadow:var(--om-shadow-200,0 10px 22px rgba(0,0,0,.1))}.om-component-ui-notification-content-wrapper{display:flex;flex:1 0 0;gap:var(--om-spacing-300,12px);align-items:flex-start;min-width:0}.om-component-ui-notification-icon-wrapper{display:flex;flex-shrink:0;align-items:center}.om-component-ui-notification-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.om-component-ui-notification-content{display:flex;flex:1 0 0;flex-direction:column;gap:var(--om-spacing-100,4px);align-items:flex-start;min-width:0;padding-top:var(--om-spacing-200,8px)}.om-component-ui-notification-body,.om-component-ui-notification-title{display:block}.om-component-ui-notification-link{font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-strong-font-weight);padding:0;color:var(--om-text-brand,#073387);text-decoration:underline;background:none;border:none;cursor:pointer}.om-component-ui-notification-close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;color:var(--om-icon-neutral-secondary,#9fa3a3);background:none;border:none;cursor:pointer}.om-component-ui-notification-close .om-component-ui-icons-wrapper{--icon-color:currentcolor}.om-component-ui-notification-close:hover{color:var(--om-icon-neutral,#404042)}.om-component-ui-notification-viewport{position:fixed;inset:0;z-index:1100;pointer-events:none}.om-component-ui-notification-stack{position:fixed;display:flex;flex-direction:column;--notification-motion-offset:calc(100% + var(--om-spacing-300, 12px));width:375px;max-width:calc(100vw - var(--om-spacing-400, 16px) * 2);pointer-events:none}.om-component-ui-notification-stack-topLeft{top:var(--om-spacing-400,16px);left:var(--om-spacing-400,16px);--notification-motion-offset:calc(-100% - var(--om-spacing-300, 12px))}.om-component-ui-notification-stack-topRight{top:var(--om-spacing-400,16px);right:var(--om-spacing-400,16px)}.om-component-ui-notification-stack-bottomLeft{bottom:var(--om-spacing-400,16px);left:var(--om-spacing-400,16px);--notification-motion-offset:calc(-100% - var(--om-spacing-300, 12px))}.om-component-ui-notification-stack-bottomRight{right:var(--om-spacing-400,16px);bottom:var(--om-spacing-400,16px)}.om-component-ui-notification-item{display:grid;grid-template-rows:1fr;transition:grid-template-rows .24s ease,margin-top .24s ease;will-change:grid-template-rows,margin-top}.om-component-ui-notification-item+.om-component-ui-notification-item{margin-top:var(--om-spacing-300,12px)}.om-component-ui-notification-item-inner{min-height:0;overflow:visible;transform:translateZ(0);opacity:1;transition:transform .24s ease,opacity .24s ease;pointer-events:auto;will-change:transform,opacity}.om-component-ui-notification-item-enter,.om-component-ui-notification-item-exit+.om-component-ui-notification-item{margin-top:0}.om-component-ui-notification-item-active{grid-template-rows:1fr}.om-component-ui-notification-item-exit .om-component-ui-notification-item-inner{pointer-events:none}.om-component-ui-notification-item-exit-collapse{grid-template-rows:0fr}.om-component-ui-notification-item-exit-collapse .om-component-ui-notification-item-inner{overflow:hidden}.om-component-ui-notification-item-enter .om-component-ui-notification-item-inner,.om-component-ui-notification-item-exit .om-component-ui-notification-item-inner{transform:translate3d(var(--notification-motion-offset),0,0);opacity:0}.om-component-ui-notification-item-active .om-component-ui-notification-item-inner{transform:translateZ(0)}
|