@magiclabs/ui-components 1.52.0 → 1.52.1
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/cjs/components/containers/overlay.js +1 -1
- package/dist/cjs/components/containers/overlay.js.map +1 -1
- package/dist/es/components/containers/overlay.js +1 -1
- package/dist/es/components/containers/overlay.js.map +1 -1
- package/dist/types/components/containers/overlay.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var i=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var i=require("react/jsx-runtime"),p=require("../../hooks/useDisplayState.js"),v=require("../../recipes/overlay.js"),b=require("@styled/jsx");const l=({animate:r=!0,backgroundType:e="none",hide:n=!1,fullscreen:t=!1,onAnimated:s=()=>{},onHidden:o=()=>{},children:d})=>{const a=v.overlay({animate:r,backgroundType:e,hide:n,fullscreen:t}),{displayed:c,onHide:u,onShow:y}=p.useDisplayState({animate:r,show:!n,onHidden:o,onShown:s});if(!c)return null;const m=e!=="none";return i.jsxs(b.VStack,{alignItems:"center",className:a.container,children:[m&&i.jsx("div",{className:a.bg,onAnimationEnd:n?u:y,style:{...e==="blurred"&&{backdropFilter:"blur(6px)",WebkitBackdropFilter:"blur(6px)"}}}),d]})};l.displayName="Overlay",exports.Overlay=l;
|
|
2
2
|
//# sourceMappingURL=overlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.js","sources":["../../../../src/components/containers/overlay.tsx"],"sourcesContent":["import { useDisplayState } from '@hooks/useDisplayState';\nimport { overlay } from '@recipes/overlay';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\nexport interface OverlayProps extends ComponentProps<'div'> {\n animate?: boolean;\n backgroundType?: 'none' | 'blurred' | 'transparent' | 'solid';\n hide?: boolean;\n fullscreen?: boolean;\n onAnimated?: () => void;\n onHidden?: () => void;\n}\n\nexport const Overlay = ({\n animate = true,\n backgroundType = 'none',\n hide = false,\n fullscreen = false,\n onAnimated = () => {},\n onHidden = () => {},\n children,\n}: OverlayProps) => {\n const classes = overlay({ animate, backgroundType, hide, fullscreen });\n const { displayed, onHide, onShow } = useDisplayState({\n animate,\n show: !hide,\n onHidden,\n onShown: onAnimated,\n });\n\n if (!displayed) {\n return null;\n }\n\n const hasBackground = backgroundType !== 'none';\n\n return (\n <VStack alignItems=\"center\" className={classes.container}>\n {hasBackground && <div
|
|
1
|
+
{"version":3,"file":"overlay.js","sources":["../../../../src/components/containers/overlay.tsx"],"sourcesContent":["import { useDisplayState } from '@hooks/useDisplayState';\nimport { overlay } from '@recipes/overlay';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\nexport interface OverlayProps extends ComponentProps<'div'> {\n animate?: boolean;\n backgroundType?: 'none' | 'blurred' | 'transparent' | 'solid';\n hide?: boolean;\n fullscreen?: boolean;\n onAnimated?: () => void;\n onHidden?: () => void;\n}\n\nexport const Overlay = ({\n animate = true,\n backgroundType = 'none',\n hide = false,\n fullscreen = false,\n onAnimated = () => {},\n onHidden = () => {},\n children,\n}: OverlayProps) => {\n const classes = overlay({ animate, backgroundType, hide, fullscreen });\n const { displayed, onHide, onShow } = useDisplayState({\n animate,\n show: !hide,\n onHidden,\n onShown: onAnimated,\n });\n\n if (!displayed) {\n return null;\n }\n\n const hasBackground = backgroundType !== 'none';\n\n return (\n <VStack alignItems=\"center\" className={classes.container}>\n {hasBackground && (\n <div\n className={classes.bg}\n onAnimationEnd={!hide ? onShow : onHide}\n style={{\n ...(backgroundType === 'blurred' && { backdropFilter: 'blur(6px)', WebkitBackdropFilter: 'blur(6px)' }),\n }}\n />\n )}\n {children}\n </VStack>\n );\n};\n\nOverlay.displayName = 'Overlay';\n"],"names":["Overlay","animate","backgroundType","hide","fullscreen","onAnimated","onHidden","children","classes","overlay","displayed","onHide","onShow","useDisplayState","hasBackground","_jsxs","VStack","_jsx"],"mappings":"2JAaa,MAAAA,EAAU,CAAC,CACtB,QAAAC,EAAU,GACV,eAAAC,EAAiB,OACjB,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,WAAAC,EAAa,IAAK,CAAA,EAClB,SAAAC,EAAW,IAAO,CAClB,EAAA,SAAAC,CAAQ,IACS,CACjB,MAAMC,EAAUC,EAAQ,QAAA,CAAE,QAAAR,EAAS,eAAAC,EAAgB,KAAAC,EAAM,WAAAC,CAAU,CAAE,EAC/D,CAAE,UAAAM,EAAW,OAAAC,EAAQ,OAAAC,CAAM,EAAKC,EAAAA,gBAAgB,CACpD,QAAAZ,EACA,KAAM,CAACE,EACP,SAAAG,EACA,QAASD,CACV,CAAA,EAED,GAAI,CAACK,EACH,OAAO,KAGT,MAAMI,EAAgBZ,IAAmB,OAEzC,OACEa,EAAAA,KAACC,SAAO,CAAA,WAAW,SAAS,UAAWR,EAAQ,oBAC5CM,GACCG,EAAAA,IACE,MAAA,CAAA,UAAWT,EAAQ,GACnB,eAAiBL,EAAgBQ,EAATC,EACxB,MAAO,CACL,GAAIV,IAAmB,WAAa,CAAE,eAAgB,YAAa,qBAAsB,YAC1F,CAAA,CAAA,EAGJK,CAAQ,CAAA,CAAA,CAGf,EAEAP,EAAQ,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as u,jsx as y}from"react/jsx-runtime";import{useDisplayState as b}from"../../hooks/useDisplayState.js";import{overlay as f}from"../../recipes/overlay.js";import{VStack as h}from"@styled/jsx";const i=({animate:o=!0,backgroundType:e="none",hide:n=!1,fullscreen:a=!1,onAnimated:t=()=>{},onHidden:l=()=>{},children:d})=>{const r=f({animate:o,backgroundType:e,hide:n,fullscreen:a}),{displayed:m,onHide:c,onShow:s}=b({animate:o,show:!n,onHidden:l,onShown:t});if(!m)return null;const p=e!=="none";return u(h,{alignItems:"center",className:r.container,children:[p&&y("div",{className:r.bg,onAnimationEnd:n?c:s,style:{...e==="blurred"&&{backdropFilter:"blur(6px)",WebkitBackdropFilter:"blur(6px)"}}}),d]})};i.displayName="Overlay";export{i as Overlay};
|
|
2
2
|
//# sourceMappingURL=overlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.js","sources":["../../../../src/components/containers/overlay.tsx"],"sourcesContent":["import { useDisplayState } from '@hooks/useDisplayState';\nimport { overlay } from '@recipes/overlay';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\nexport interface OverlayProps extends ComponentProps<'div'> {\n animate?: boolean;\n backgroundType?: 'none' | 'blurred' | 'transparent' | 'solid';\n hide?: boolean;\n fullscreen?: boolean;\n onAnimated?: () => void;\n onHidden?: () => void;\n}\n\nexport const Overlay = ({\n animate = true,\n backgroundType = 'none',\n hide = false,\n fullscreen = false,\n onAnimated = () => {},\n onHidden = () => {},\n children,\n}: OverlayProps) => {\n const classes = overlay({ animate, backgroundType, hide, fullscreen });\n const { displayed, onHide, onShow } = useDisplayState({\n animate,\n show: !hide,\n onHidden,\n onShown: onAnimated,\n });\n\n if (!displayed) {\n return null;\n }\n\n const hasBackground = backgroundType !== 'none';\n\n return (\n <VStack alignItems=\"center\" className={classes.container}>\n {hasBackground && <div
|
|
1
|
+
{"version":3,"file":"overlay.js","sources":["../../../../src/components/containers/overlay.tsx"],"sourcesContent":["import { useDisplayState } from '@hooks/useDisplayState';\nimport { overlay } from '@recipes/overlay';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\nexport interface OverlayProps extends ComponentProps<'div'> {\n animate?: boolean;\n backgroundType?: 'none' | 'blurred' | 'transparent' | 'solid';\n hide?: boolean;\n fullscreen?: boolean;\n onAnimated?: () => void;\n onHidden?: () => void;\n}\n\nexport const Overlay = ({\n animate = true,\n backgroundType = 'none',\n hide = false,\n fullscreen = false,\n onAnimated = () => {},\n onHidden = () => {},\n children,\n}: OverlayProps) => {\n const classes = overlay({ animate, backgroundType, hide, fullscreen });\n const { displayed, onHide, onShow } = useDisplayState({\n animate,\n show: !hide,\n onHidden,\n onShown: onAnimated,\n });\n\n if (!displayed) {\n return null;\n }\n\n const hasBackground = backgroundType !== 'none';\n\n return (\n <VStack alignItems=\"center\" className={classes.container}>\n {hasBackground && (\n <div\n className={classes.bg}\n onAnimationEnd={!hide ? onShow : onHide}\n style={{\n ...(backgroundType === 'blurred' && { backdropFilter: 'blur(6px)', WebkitBackdropFilter: 'blur(6px)' }),\n }}\n />\n )}\n {children}\n </VStack>\n );\n};\n\nOverlay.displayName = 'Overlay';\n"],"names":["Overlay","animate","backgroundType","hide","fullscreen","onAnimated","onHidden","children","classes","overlay","displayed","onHide","onShow","useDisplayState","hasBackground","_jsxs","VStack","_jsx"],"mappings":"2MAaa,MAAAA,EAAU,CAAC,CACtB,QAAAC,EAAU,GACV,eAAAC,EAAiB,OACjB,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,WAAAC,EAAa,IAAK,CAAA,EAClB,SAAAC,EAAW,IAAO,CAClB,EAAA,SAAAC,CAAQ,IACS,CACjB,MAAMC,EAAUC,EAAQ,CAAE,QAAAR,EAAS,eAAAC,EAAgB,KAAAC,EAAM,WAAAC,CAAU,CAAE,EAC/D,CAAE,UAAAM,EAAW,OAAAC,EAAQ,OAAAC,CAAM,EAAKC,EAAgB,CACpD,QAAAZ,EACA,KAAM,CAACE,EACP,SAAAG,EACA,QAASD,CACV,CAAA,EAED,GAAI,CAACK,EACH,OAAO,KAGT,MAAMI,EAAgBZ,IAAmB,OAEzC,OACEa,EAACC,EAAO,CAAA,WAAW,SAAS,UAAWR,EAAQ,oBAC5CM,GACCG,EACE,MAAA,CAAA,UAAWT,EAAQ,GACnB,eAAiBL,EAAgBQ,EAATC,EACxB,MAAO,CACL,GAAIV,IAAmB,WAAa,CAAE,eAAgB,YAAa,qBAAsB,YAC1F,CAAA,CAAA,EAGJK,CAAQ,CAAA,CAAA,CAGf,EAEAP,EAAQ,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/overlay.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,KAAK,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,OAAO,CAAC;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,OAAO;qFAQjB,YAAY;;
|
|
1
|
+
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/overlay.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,KAAK,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,OAAO,CAAC;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,OAAO;qFAQjB,YAAY;;CA6Bd,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@magiclabs/ui-components",
|
|
3
|
-
"version": "1.52.
|
|
3
|
+
"version": "1.52.1",
|
|
4
4
|
"packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0",
|
|
5
5
|
"description": "💅 A theme-able library of reusable UI components",
|
|
6
6
|
"author": "Magic Labs <open-source@magic.link>",
|