@magiclabs/ui-components 1.24.1 → 1.24.2
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/card.js +1 -1
- package/dist/cjs/components/containers/card.js.map +1 -1
- package/dist/es/components/containers/card.js +1 -1
- package/dist/es/components/containers/card.js.map +1 -1
- package/dist/types/components/containers/card.d.ts +2 -1
- package/dist/types/components/containers/card.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var v=require("../feedback/loading-spinner.js");require("../feedback/progress-bar.js"),require("@styled/tokens"),require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js"),require("../primitives/text.js"),require("../primitives/portal.js");var j=require("react");require("../../hooks/useToast.js"),require("../../recipes/toast.js");var s=require("@styled/jsx");require("../feedback/tooltip.js");var m=require("../../recipes/card.js"),d=require("@styled/css");const t=j.forwardRef(({children:i,className:a,id:u,asButton:r,stack:l,onClick:o,validating:n,...x},c)=>{const q=m.card({asButton:r,validating:n,...x});return l||r?e.jsx(s.Flex,{id:u,className:d.cx(q,a),flexDirection:"column",role:r?"button":"none",onClick:r?o:void 0,ref:c,children:n?e.jsx(v.LoadingSpinner,{neutral:!0}):i}):e.jsx(s.Box,{id:u,className:d.cx(q,a),ref:c,children:i})});t.displayName="Card",exports.Card=t;
|
|
2
2
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../../../../src/components/containers/card.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { card } from '@recipes/card';\nimport { cx } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { ComponentProps, forwardRef } from 'react';\n\nexport interface CardProps extends ComponentProps<'div'> {\n
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../../../../src/components/containers/card.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { card } from '@recipes/card';\nimport { cx } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { ComponentProps, forwardRef } from 'react';\n\nexport interface CardProps extends ComponentProps<'div'> {\n className?: string;\n id?: string;\n alt?: boolean;\n asButton?: boolean;\n alignment?: 'center' | 'left' | 'right';\n expand?: boolean;\n gapType?: 'none' | 'sm' | 'md' | 'lg';\n heavyShadow?: boolean;\n paddingType?: 'none' | 'sm' | 'md' | 'lg';\n stack?: boolean;\n widthMax?: boolean;\n disabled?: boolean;\n validating?: boolean;\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n ({ children, className, id, asButton, stack, onClick, validating, ...props }, ref) => {\n const classStyles = card({ asButton, validating, ...props });\n\n return stack || asButton ? (\n <Flex\n id={id}\n className={cx(classStyles, className)}\n flexDirection=\"column\"\n role={asButton ? 'button' : 'none'}\n onClick={asButton ? onClick : undefined}\n ref={ref}\n >\n {validating ? <LoadingSpinner neutral /> : children}\n </Flex>\n ) : (\n <Box id={id} className={cx(classStyles, className)} ref={ref}>\n {children}\n </Box>\n );\n },\n);\n\nCard.displayName = 'Card';\n"],"names":["Card","forwardRef","children","className","id","asButton","stack","onClick","validating","props","ref","classStyles","card","_jsx","Flex","cx","LoadingSpinner","Box"],"mappings":"+uBAsBO,MAAMA,EAAOC,EAAAA,WAClB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAAC,EAAI,SAAAC,EAAU,MAAAC,EAAO,QAAAC,EAAS,WAAAC,EAAY,GAAGC,CAAO,EAAEC,IAAO,CACnF,MAAMC,EAAcC,EAAAA,KAAK,CAAE,SAAAP,EAAU,WAAAG,EAAY,GAAGC,CAAK,CAAE,EAE3D,OAAOH,GAASD,EACdQ,EAAAA,IAACC,EAAI,KAAA,CACH,GAAIV,EACJ,UAAWW,EAAAA,GAAGJ,EAAaR,CAAS,EACpC,cAAc,SACd,KAAME,EAAW,SAAW,OAC5B,QAASA,EAAWE,EAAU,OAC9B,IAAKG,WAEJF,EAAaK,MAACG,EAAAA,eAAe,CAAA,aAAad,CAAQ,CAAA,EAGrDW,MAACI,EAAAA,KAAI,GAAIb,EAAI,UAAWW,KAAGJ,EAAaR,CAAS,EAAG,IAAKO,EACtD,SAAAR,CACG,CAAA,CAEV,CAAC,EAGHF,EAAK,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as f}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import"../primitives/portal.js";import{forwardRef as u}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{Flex as x,Box as C}from"@styled/jsx";import"../feedback/tooltip.js";import{card as N}from"../../recipes/card.js";import{cx as e}from"@styled/css";const c=u(({children:i,className:t,id:m,asButton:o,stack:l,onClick:d,validating:p,...s},a)=>{const n=N({asButton:o,validating:p,...s});return l||o?r(x,{id:m,className:e(n,t),flexDirection:"column",role:o?"button":"none",onClick:o?d:void 0,ref:a,children:p?r(f,{neutral:!0}):i}):r(C,{id:m,className:e(n,t),ref:a,children:i})});c.displayName="Card";export{c as Card};
|
|
2
2
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../../../../src/components/containers/card.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { card } from '@recipes/card';\nimport { cx } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { ComponentProps, forwardRef } from 'react';\n\nexport interface CardProps extends ComponentProps<'div'> {\n
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../../../../src/components/containers/card.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { card } from '@recipes/card';\nimport { cx } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { ComponentProps, forwardRef } from 'react';\n\nexport interface CardProps extends ComponentProps<'div'> {\n className?: string;\n id?: string;\n alt?: boolean;\n asButton?: boolean;\n alignment?: 'center' | 'left' | 'right';\n expand?: boolean;\n gapType?: 'none' | 'sm' | 'md' | 'lg';\n heavyShadow?: boolean;\n paddingType?: 'none' | 'sm' | 'md' | 'lg';\n stack?: boolean;\n widthMax?: boolean;\n disabled?: boolean;\n validating?: boolean;\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n ({ children, className, id, asButton, stack, onClick, validating, ...props }, ref) => {\n const classStyles = card({ asButton, validating, ...props });\n\n return stack || asButton ? (\n <Flex\n id={id}\n className={cx(classStyles, className)}\n flexDirection=\"column\"\n role={asButton ? 'button' : 'none'}\n onClick={asButton ? onClick : undefined}\n ref={ref}\n >\n {validating ? <LoadingSpinner neutral /> : children}\n </Flex>\n ) : (\n <Box id={id} className={cx(classStyles, className)} ref={ref}>\n {children}\n </Box>\n );\n },\n);\n\nCard.displayName = 'Card';\n"],"names":["Card","forwardRef","children","className","id","asButton","stack","onClick","validating","props","ref","classStyles","card","_jsx","Flex","cx","LoadingSpinner","Box"],"mappings":"mvBAsBO,MAAMA,EAAOC,EAClB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAAC,EAAI,SAAAC,EAAU,MAAAC,EAAO,QAAAC,EAAS,WAAAC,EAAY,GAAGC,CAAO,EAAEC,IAAO,CACnF,MAAMC,EAAcC,EAAK,CAAE,SAAAP,EAAU,WAAAG,EAAY,GAAGC,CAAK,CAAE,EAE3D,OAAOH,GAASD,EACdQ,EAACC,EAAI,CACH,GAAIV,EACJ,UAAWW,EAAGJ,EAAaR,CAAS,EACpC,cAAc,SACd,KAAME,EAAW,SAAW,OAC5B,QAASA,EAAWE,EAAU,OAC9B,IAAKG,WAEJF,EAAaK,EAACG,EAAe,CAAA,aAAad,CAAQ,CAAA,EAGrDW,EAACI,GAAI,GAAIb,EAAI,UAAWW,EAAGJ,EAAaR,CAAS,EAAG,IAAKO,EACtD,SAAAR,CACG,CAAA,CAEV,CAAC,EAGHF,EAAK,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/card.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtD,
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/card.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,mHAqBhB,CAAC"}
|