@1money/component-ui 0.0.37 → 0.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/Navigation/style/Navigation.css +1 -1
- package/es/components/Navigation/style/NavigationStepper.css +1 -1
- package/es/index.css +1 -1
- package/lib/components/Navigation/style/Navigation.css +1 -1
- package/lib/components/Navigation/style/NavigationStepper.css +1 -1
- package/lib/index.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.om-component-ui-navigation{display:flex;flex-direction:column;gap:var(--om-spacing-600,24px);width:
|
|
1
|
+
.om-component-ui-navigation{display:flex;flex-direction:column;gap:var(--om-spacing-600,24px);width:280px;height:100vh;padding:var(--om-spacing-1000,40px) var(--om-spacing-400,16px) var(--om-spacing-600,24px);background-color:var(--om-bg-default,#fff);border-right:1px solid var(--om-border-neutral,#e3e4e4);transition:width .15s ease-in-out}.om-component-ui-navigation-header{display:flex;align-items:center;padding:0 var(--om-spacing-200,8px)}.om-component-ui-navigation-selector{display:flex;gap:var(--om-spacing-600,24px);align-items:center;height:40px;padding:var(--om-spacing-200,8px) var(--om-spacing-300,12px);background-color:var(--om-bg-default-secondary,#f8f8f8);border-radius:var(--om-radius-300,12px);cursor:pointer}.om-component-ui-navigation-nav{display:flex;flex:1;flex-direction:column;gap:var(--om-spacing-600,24px);min-height:0;overflow:hidden;overflow-y:auto}.om-component-ui-navigation-item-wrapper,.om-component-ui-navigation-menu{display:flex;flex-direction:column;gap:var(--om-spacing-100,4px)}.om-component-ui-navigation-item-wrapper{width:100%}.om-component-ui-navigation-item{display:flex;align-items:center;width:100%;padding:var(--om-spacing-200,8px) var(--om-spacing-400,16px);color:var(--om-text-default-secondary,#404042);background-color:transparent;border:none;border-radius:var(--om-radius-300,12px);cursor:pointer}.om-component-ui-navigation-item-content{display:flex;flex:1;gap:var(--om-spacing-200,8px);align-items:center;min-width:0}.om-component-ui-navigation-item:hover:not(:disabled){background-color:var(--om-bg-default-hover,#f0f0f0)}.om-component-ui-navigation-item-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--om-icon-default-secondary,#404042)}.om-component-ui-navigation-item-label{flex:1;overflow:hidden;white-space:nowrap;text-align:left;text-overflow:ellipsis}.om-component-ui-navigation-item .om-component-ui-typography{color:inherit}.om-component-ui-navigation-item-suffix{flex-shrink:0}.om-component-ui-navigation-item-link{display:flex;color:inherit;text-decoration:none}.om-component-ui-navigation-item-arrow{display:inline-flex;flex-shrink:0;align-items:center;color:var(--om-icon-default-secondary,#404042);transition:transform .2s ease-in-out}.om-component-ui-navigation-item-arrow-open{transform:rotate(-180deg)}.om-component-ui-navigation-item-expandable .om-component-ui-navigation-item-content{flex:1}.om-component-ui-navigation-item-active{color:var(--om-text-default,#131313);background-color:var(--om-bg-brand-tertiary,#edf2f9)}.om-component-ui-navigation-item-active .om-component-ui-navigation-item-icon{color:var(--om-icon-default,#131313)}.om-component-ui-navigation-item-active:hover:not(:disabled){background-color:var(--om-bg-brand-tertiary-hover,#dde6f4)}.om-component-ui-navigation-item-disabled{color:var(--om-text-disabled,#bbbdc1);cursor:not-allowed}.om-component-ui-navigation-item-disabled .om-component-ui-navigation-item-arrow,.om-component-ui-navigation-item-disabled .om-component-ui-navigation-item-icon{color:var(--om-icon-disabled,#d1d2d2)}.om-component-ui-navigation-item-disabled:hover{background-color:transparent}.om-component-ui-navigation-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-in-out}.om-component-ui-navigation-submenu-open{grid-template-rows:1fr}.om-component-ui-navigation-submenu-inner{display:flex;flex-direction:column;gap:var(--om-spacing-100,4px);overflow:hidden}.om-component-ui-navigation-submenu-item{display:flex;align-items:center;width:100%;padding:var(--om-spacing-200,8px) var(--om-spacing-400,16px) var(--om-spacing-200,8px) var(--om-spacing-1000,40px);color:var(--om-text-default-secondary,#404042);background-color:transparent;border:none;border-radius:var(--om-radius-300,12px);cursor:pointer}.om-component-ui-navigation-submenu-item .om-component-ui-typography{color:inherit}.om-component-ui-navigation-submenu-item:hover:not(:disabled){background-color:var(--om-bg-default-hover,#f0f0f0)}.om-component-ui-navigation-submenu-item-active{color:var(--om-text-default,#131313);background-color:var(--om-bg-brand-tertiary,#edf2f9)}.om-component-ui-navigation-submenu-item-active .om-component-ui-navigation-item-icon{color:var(--om-icon-default,#131313)}.om-component-ui-navigation-submenu-item-active:hover:not(:disabled){background-color:var(--om-bg-brand-tertiary-hover,#dde6f4)}.om-component-ui-navigation-submenu-item-disabled{color:var(--om-text-disabled,#bbbdc1);cursor:not-allowed}.om-component-ui-navigation-submenu-item-disabled .om-component-ui-navigation-item-icon{color:var(--om-icon-disabled,#d1d2d2)}.om-component-ui-navigation-submenu-item-disabled:hover{background-color:transparent}.om-component-ui-navigation-collapsed-submenu-panel.om-trigger-panel{margin-top:-12px;padding:0;background-color:transparent;border:none;border-radius:0;box-shadow:none}.om-component-ui-navigation-collapsed-submenu{display:flex;flex-direction:column;min-width:196px;padding:0;background-color:var(--om-bg-default-secondary,#f8f8f8);border-radius:var(--om-radius-300,12px);box-shadow:0 10px 22px 0 rgba(0,0,0,.1)}.om-component-ui-navigation-collapsed-submenu-item{display:flex;gap:var(--om-spacing-200,8px);align-items:center;width:100%;padding:var(--om-spacing-300,12px);color:var(--om-text-default-secondary,#404042);background-color:transparent;border:none;border-radius:var(--om-radius-300,12px);cursor:pointer}.om-component-ui-navigation-collapsed-submenu-item .om-component-ui-typography{color:inherit}.om-component-ui-navigation-collapsed-submenu-item:hover:not(:disabled){background-color:var(--om-bg-default-hover,#f0f0f0)}.om-component-ui-navigation-collapsed-submenu-item-active{color:var(--om-text-default,#131313);background-color:var(--om-bg-neutral-tertiary,#f0f0f0)}.om-component-ui-navigation-collapsed-submenu-item-active .om-component-ui-navigation-item-icon{color:var(--om-icon-default,#131313)}.om-component-ui-navigation-collapsed-submenu-item-disabled{color:var(--om-text-disabled,#bbbdc1);cursor:not-allowed}.om-component-ui-navigation-collapsed-submenu-item-disabled .om-component-ui-navigation-item-icon{color:var(--om-icon-disabled,#d1d2d2)}.om-component-ui-navigation-collapsed-submenu-item-disabled:hover{background-color:transparent}.om-component-ui-navigation-collapsed-submenu-divider{height:1px;margin:0 var(--om-spacing-300,12px);background-color:var(--om-border-neutral,#e3e4e4)}.om-component-ui-navigation-settings{display:flex;flex-direction:column;gap:var(--om-spacing-100,4px);margin-top:auto;overflow:clip}.om-component-ui-navigation-divider{height:1px;margin:0 var(--om-spacing-300,12px);background-color:var(--om-border-neutral,#e3e4e4)}.om-component-ui-navigation-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:var(--om-spacing-200,8px);color:var(--om-icon-default-secondary,#404042);background-color:var(--om-bg-default-secondary,#f8f8f8);border:none;border-radius:var(--om-radius-300,12px);cursor:pointer}.om-component-ui-navigation-collapse-toggle:hover{background-color:var(--om-bg-default-secondary-hover,#e3e4e4)}.om-component-ui-navigation-collapsed-item{display:flex;flex-direction:column;gap:var(--om-spacing-100,4px);align-items:center;justify-content:center;width:100%;padding:var(--om-spacing-200,8px);color:var(--om-text-default-secondary,#404042);font-size:inherit;background-color:transparent;border:none;border-radius:var(--om-radius-300,12px);cursor:pointer}.om-component-ui-navigation-collapsed-item .om-component-ui-typography{color:inherit}.om-component-ui-navigation-collapsed-item:hover:not(:disabled){background-color:var(--om-bg-neutral-tertiary,#f0f0f0)}.om-component-ui-navigation-collapsed-item-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--om-icon-default-secondary,#404042)}.om-component-ui-navigation-collapsed-item-label{width:100%;text-align:center;overflow-wrap:break-word}.om-component-ui-navigation-collapsed-item-active{color:var(--om-text-default,#131313);background-color:var(--om-bg-brand-tertiary,#edf2f9)}.om-component-ui-navigation-collapsed-item-active .om-component-ui-navigation-collapsed-item-icon{color:var(--om-icon-default,#131313)}.om-component-ui-navigation-collapsed-item-active:hover:not(:disabled){background-color:var(--om-bg-brand-tertiary-hover,#dde6f4)}.om-component-ui-navigation-collapsed-item-disabled{color:var(--om-text-disabled,#bbbdc1);cursor:not-allowed}.om-component-ui-navigation-collapsed-item-disabled .om-component-ui-navigation-collapsed-item-icon{color:var(--om-icon-disabled,#d1d2d2)}.om-component-ui-navigation-collapsed-item-disabled:hover{background-color:transparent}.om-component-ui-navigation-collapsed{align-items:center;width:84px;padding:var(--om-spacing-1000,40px) var(--om-spacing-100,4px) var(--om-spacing-600,24px)}.om-component-ui-navigation-collapsed .om-component-ui-navigation-header{justify-content:center;padding:0}.om-component-ui-navigation-collapsed .om-component-ui-navigation-selector{flex-direction:column;gap:var(--om-spacing-100,4px);align-items:center;justify-content:center;height:auto;padding:var(--om-spacing-200,8px)}.om-component-ui-navigation-collapsed .om-component-ui-navigation-nav{align-items:center;width:100%}.om-component-ui-navigation-collapsed .om-component-ui-navigation-menu,.om-component-ui-navigation-collapsed .om-component-ui-navigation-settings{gap:var(--om-spacing-200,8px);align-items:center;width:100%}.om-component-ui-navigation-collapsed .om-component-ui-navigation-divider{margin:0 var(--om-spacing-100,4px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.om-component-ui-navigation-stepper{display:flex;flex-direction:column;width:280px;height:
|
|
1
|
+
.om-component-ui-navigation-stepper{display:flex;flex-direction:column;width:280px;height:100vh;padding:var(--om-spacing-1000,40px) var(--om-spacing-400,16px) var(--om-spacing-600,24px);color:var(--om-text-default,#131313);background-color:var(--om-bg-default,#fff);border-right:1px solid var(--om-border-neutral,#e3e4e4)}.om-component-ui-navigation-stepper-header{display:flex;align-items:center;padding:0 var(--om-spacing-200,8px)}.om-component-ui-navigation-stepper-header-logo{display:inline-flex;padding:0;color:inherit;background:transparent;border:none;cursor:pointer}.om-component-ui-navigation-stepper-header-logo:focus-visible{outline:2px solid var(--om-border-brand,#073387);outline-offset:2px}.om-component-ui-navigation-stepper-steps{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px);width:100%;margin:var(--om-spacing-800,32px) 0 0;padding:0;list-style:none}.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step{display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:var(--om-spacing-400,16px) var(--om-spacing-300,12px);color:var(--om-text-default-secondary,#404042);background-color:transparent;border-radius:var(--om-radius-300,12px);cursor:pointer}.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step-label{flex:1;font-weight:500;font-size:16px;line-height:18px}.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step-active{color:var(--om-text-default,#131313);background-color:var(--om-bg-brand-tertiary,#edf2f9)}.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step-done{color:var(--om-text-default,#131313)}.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step-done-active{color:var(--om-text-default,#131313);background-color:var(--om-bg-brand-tertiary,#edf2f9)}.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step-disabled{color:var(--om-text-disabled,#bbbdc1);cursor:not-allowed}.om-component-ui-navigation-stepper-footer{margin-top:auto;color:var(--om-text-default-secondary,#404042);font-weight:600;font-size:12px;line-height:13px}
|