@cfx-dev/ui-components 4.5.17 → 4.5.18
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/dist/assets/css/Flyout.css +1 -1
- package/dist/assets/css/Popover.css +1 -1
- package/dist/assets/general/global.css +1 -1
- package/dist/components/Flyout/Flyout.d.ts +7 -3
- package/dist/components/Flyout/Flyout.js +61 -48
- package/dist/components/Flyout/FlyoutShowcase.d.ts +5 -0
- package/dist/components/Flyout/FlyoutShowcase.js +28 -0
- package/dist/components/Flyout/index.d.ts +1 -1
- package/dist/components/Flyout/index.js +5 -3
- package/dist/main.d.ts +1 -1
- package/dist/main.js +176 -174
- package/dist/styles-scss/_ui.scss +1 -0
- package/dist/styles-scss/global.scss +2 -0
- package/dist/styles-scss/tokens.scss +26 -21
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.cfxui__Flyout__root__eba04{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.cfxui__Flyout__root__eba04 .cfxui__Flyout__backdrop__57f9e{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay-backdrop-background);opacity:0;pointer-events:none}.cfxui__Flyout__root__eba04 .
|
|
1
|
+
@keyframes cfxui__Flyout__holder-appearance-rtl__3ccf2{0%{opacity:0;transform:translate(calc(var(--quant) * 2.5))}to{opacity:1;transform:translate(0)}}@keyframes cfxui__Flyout__holder-appearance-btu__84100{0%{opacity:0;transform:translateY(calc(var(--quant) * 2.5))}to{opacity:1;transform:translateY(0)}}@keyframes cfxui__Flyout__backdrop-appearance-rtl__9f651{0%{opacity:0}to{opacity:1}}.cfxui__Flyout__root__eba04{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;pointer-events:none}.cfxui__Flyout__root__eba04 .cfxui__Flyout__backdrop__57f9e{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay-backdrop-background);opacity:0;pointer-events:none}.cfxui__Flyout__root__eba04 .cfxui__Flyout__holder__d80b5{position:fixed;top:0;right:0;bottom:0;left:0;border-radius:0;background:rgba(var(--color-bg),1);opacity:0;transform:translate(calc(var(--quant) * 2.5));pointer-events:none}.cfxui__Flyout__root__eba04 .cfxui__Flyout__holder__d80b5 .cfxui__Flyout__content__04e42{width:100%;height:100%;overflow:hidden}@media (min-width: 640px){.cfxui__Flyout__root__eba04 .cfxui__Flyout__holder__d80b5{inset:0 0 0 calc(100vw - 420px);border-radius:var(--border-radius-small) 0 0 var(--border-radius-small)}}.cfxui__Flyout__root__eba04 .cfxui__Flyout__header__40009{display:flex;align-items:center;justify-content:space-between;gap:var(--offset-normal)}.cfxui__Flyout__root__eba04 .cfxui__Flyout__header__40009 .cfxui__Flyout__title__b235a{flex-grow:1;width:1px;display:flex;align-items:center;gap:var(--offset-normal);font-size:var(--font-size-xxlarge)}.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__backdrop__57f9e{opacity:1;pointer-events:all;animation:cfxui__Flyout__backdrop-appearance__d9564 .2s ease}.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__mask__72713{opacity:1}.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__holder__d80b5{opacity:1;transform:translate(0);pointer-events:all;animation:cfxui__Flyout__holder-appearance-btu__84100 .2s ease}@media (min-width: 640px){.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__holder__d80b5{animation:cfxui__Flyout__holder-appearance-rtl__3ccf2 .2s ease}}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452{--offset-flyout: calc((100vh - (var(--height) - var(--offset-safezone) * 2) * 1) * .5 - var(--offset-large));top:var(--offset-flyout, initial);bottom:var(--offset-flyout, initial);padding:calc((100vh - (var(--height) - var(--offset-safezone) * 2) * 1) * .5 - var(--offset-flyout, initial)) calc((100vw - (var(--width) - var(--offset-safezone) * 2) * 1) * .5) calc((100vh - (var(--height) - var(--offset-safezone) * 2) * 1) * .5 - var(--offset-flyout, initial)) var(--offset-xlarge);border-radius:var(--border-radius-normal) 0 0 var(--border-radius-normal);box-shadow:0 0 0 calc(var(--quant) * .25) var(--color-flyout-holder-border) inset,var(--shadow-large, initial)}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452 .cfxui__Flyout__mask__72713{--mask-right: var(--viewport-right, initial);--mask-right-offset: calc(var(--mask-right, initial) - var(--offset-large));position:fixed;top:0;right:0;bottom:0;left:0;mask:linear-gradient(90deg,#000 0%,#000 var(--mask-right-offset, initial),transparent var(--mask-right, initial),transparent 100%);opacity:0;pointer-events:none}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-normal__e1165 .cfxui__Flyout__holder__d80b5{left:32vw}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-small__038a5 .cfxui__Flyout__holder__d80b5{left:48vw}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-xsmall__839e8 .cfxui__Flyout__holder__d80b5{left:64vw}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-xxsmall__33712 .cfxui__Flyout__holder__d80b5{left:80vw;padding:calc(var(--quant) * 5) calc(var(--quant) * 3.75)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.cfxui__Popover__root__4521b{position:relative}.cfxui__Popover__root__4521b .cfxui__Popover__popover__bea1e{position:absolute;border-radius:var(--border-radius-small);box-shadow:var(--shadow-large, initial)
|
|
1
|
+
.cfxui__Popover__root__4521b{position:relative}.cfxui__Popover__root__4521b .cfxui__Popover__popover__bea1e{position:absolute;border-radius:var(--border-radius-small);box-shadow:var(--shadow-large, initial);min-height:100%;min-width:100%;z-index:1;opacity:0;pointer-events:none}.cfxui__Popover__root__4521b .cfxui__Popover__popover__bea1e.cfxui__Popover__pos-top-right__95a54{top:calc(100% + var(--offset-small));right:0}.cfxui__Popover__root__4521b .cfxui__Popover__popover__bea1e.cfxui__Popover__pos-top-left__a93aa{top:calc(100% + var(--offset-small));left:0}.cfxui__Popover__root__4521b.cfxui__Popover__active__e4504 .cfxui__Popover__popover__bea1e{opacity:1;pointer-events:all;animation:cfxui__Popover__appearance__20d42 .2s ease}@keyframes cfxui__Popover__appearance__20d42{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
|