@atom-learning/components 3.26.6 → 3.26.7
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/CHANGELOG.md +2 -2
- package/dist/components/empty-state/EmptyState.d.ts +4 -0
- package/dist/components/empty-state/EmptyStateBody.d.ts +3 -1
- package/dist/components/empty-state/EmptyStateBody.js +1 -1
- package/dist/components/empty-state/EmptyStateBody.js.map +1 -1
- package/dist/components/empty-state/EmptyStateTitle.d.ts +3 -1
- package/dist/components/empty-state/EmptyStateTitle.js +1 -1
- package/dist/components/empty-state/EmptyStateTitle.js.map +1 -1
- package/dist/docgen.json +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
## [3.26.
|
|
1
|
+
## [3.26.7](https://github.com/Atom-Learning/components/compare/v3.26.6...v3.26.7) (2024-07-03)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
6
|
+
* add `as` prop for empty state title & body ([e28cf63](https://github.com/Atom-Learning/components/commit/e28cf631f09b1b7fe1e5c1a5fb51fa94277e7211))
|
|
7
7
|
|
|
8
8
|
# [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
|
|
9
9
|
|
|
@@ -1862,6 +1862,8 @@ export declare const EmptyState: {
|
|
|
1862
1862
|
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1863
1863
|
};
|
|
1864
1864
|
}> | undefined;
|
|
1865
|
+
} & {
|
|
1866
|
+
as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
|
|
1865
1867
|
}) => JSX.Element;
|
|
1866
1868
|
Body: (props: Omit<Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>> & {
|
|
1867
1869
|
ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
|
|
@@ -2608,6 +2610,8 @@ export declare const EmptyState: {
|
|
|
2608
2610
|
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
2609
2611
|
};
|
|
2610
2612
|
}> | undefined;
|
|
2613
|
+
} & {
|
|
2614
|
+
as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
|
|
2611
2615
|
}) => JSX.Element;
|
|
2612
2616
|
};
|
|
2613
2617
|
export {};
|
|
@@ -743,6 +743,8 @@ declare const StyledEmptyStateBody: import("@stitches/react/types/styled-compone
|
|
|
743
743
|
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
744
744
|
};
|
|
745
745
|
}>>;
|
|
746
|
-
declare type EmptyStateBodyProps = React.ComponentProps<typeof StyledEmptyStateBody
|
|
746
|
+
declare type EmptyStateBodyProps = React.ComponentProps<typeof StyledEmptyStateBody> & {
|
|
747
|
+
as?: React.ComponentType | React.ElementType;
|
|
748
|
+
};
|
|
747
749
|
export declare const EmptyStateBody: (props: EmptyStateBodyProps) => JSX.Element;
|
|
748
750
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as t from"react";import{Text as m}from"../text/Text.js";import{styled as
|
|
1
|
+
import*as t from"react";import{Text as m}from"../text/Text.js";import{styled as s}from"../../stitches.js";import{EmptyStateContext as n}from"./EmptyState.context.js";const i=s(m,{color:"$tonal400",fontWeight:"400",variants:{size:{xs:{fontSize:"$sm",mb:"$4"},sm:{fontSize:"$sm",mb:"$4"},md:{fontSize:"$sm",mb:"$4"},lg:{fontSize:"$md",mb:"calc($4 + $2)"},xl:{fontSize:"$md",mb:"calc($4 + $2)"}}}}),r=e=>{const{size:o}=t.useContext(n);return t.createElement(i,{size:o,...e})};export{r as EmptyStateBody};
|
|
2
2
|
//# sourceMappingURL=EmptyStateBody.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStateBody.js","sources":["../../../src/components/empty-state/EmptyStateBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateBody = styled(Text, {\n color: '$tonal400',\n fontWeight: '400',\n variants: {\n size: {\n xs: {\n fontSize: '$sm',\n mb: '$4'\n },\n sm: {\n fontSize: '$sm',\n mb: '$4'\n },\n md: {\n fontSize: '$sm',\n mb: '$4'\n },\n lg: {\n fontSize: '$md',\n mb: 'calc($4 + $2)'\n },\n xl: {\n fontSize: '$md',\n mb: 'calc($4 + $2)'\n }\n }\n }\n})\n\ntype EmptyStateBodyProps = React.ComponentProps<typeof StyledEmptyStateBody
|
|
1
|
+
{"version":3,"file":"EmptyStateBody.js","sources":["../../../src/components/empty-state/EmptyStateBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateBody = styled(Text, {\n color: '$tonal400',\n fontWeight: '400',\n variants: {\n size: {\n xs: {\n fontSize: '$sm',\n mb: '$4'\n },\n sm: {\n fontSize: '$sm',\n mb: '$4'\n },\n md: {\n fontSize: '$sm',\n mb: '$4'\n },\n lg: {\n fontSize: '$md',\n mb: 'calc($4 + $2)'\n },\n xl: {\n fontSize: '$md',\n mb: 'calc($4 + $2)'\n }\n }\n }\n})\n\ntype EmptyStateBodyProps = React.ComponentProps<typeof StyledEmptyStateBody> & {\n as?: React.ComponentType | React.ElementType\n}\n\nexport const EmptyStateBody = (props: EmptyStateBodyProps) => {\n const { size } = React.useContext(EmptyStateContext)\n return <StyledEmptyStateBody size={size} {...props} />\n}\n"],"names":["StyledEmptyStateBody","styled","Text","EmptyStateBody","props","size","React","EmptyStateContext"],"mappings":"sKAOA,MAAMA,EAAuBC,EAAOC,EAAM,CACxC,MAAO,YACP,WAAY,MACZ,SAAU,CACR,KAAM,CACJ,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,eACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,eACN,CACF,CACF,CACF,CAAC,EAMYC,EAAkBC,GAA+B,CAC5D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACN,EAAA,CAAqB,KAAMK,EAAO,GAAGD,EAAO,CACtD"}
|
|
@@ -368,6 +368,8 @@ declare const StyledEmptyStateTitle: import("@stitches/react/types/styled-compon
|
|
|
368
368
|
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
369
369
|
};
|
|
370
370
|
}>>;
|
|
371
|
-
declare type EmptyStateTitleProps = React.ComponentProps<typeof StyledEmptyStateTitle
|
|
371
|
+
declare type EmptyStateTitleProps = React.ComponentProps<typeof StyledEmptyStateTitle> & {
|
|
372
|
+
as?: React.ComponentType | React.ElementType;
|
|
373
|
+
};
|
|
372
374
|
export declare const EmptyStateTitle: (props: EmptyStateTitleProps) => JSX.Element;
|
|
373
375
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as t from"react";import{styled as m}from"../../stitches.js";import{EmptyStateContext as
|
|
1
|
+
import*as t from"react";import{styled as m}from"../../stitches.js";import{EmptyStateContext as i}from"./EmptyState.context.js";const n=m("h2",{color:"$tonal400",fontFamily:"$body",fontWeight:"600",m:0,variants:{size:{xs:{fontSize:"$md",mb:"$3"},sm:{fontSize:"$md",mb:"$3"},md:{fontSize:"$md",mb:"$3"},lg:{fontSize:"$lg",mb:"$4"},xl:{fontSize:"$lg",mb:"$4"}}}}),r=o=>{const{size:e}=t.useContext(i);return t.createElement(n,{size:e,...o})};export{r as EmptyStateTitle};
|
|
2
2
|
//# sourceMappingURL=EmptyStateTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStateTitle.js","sources":["../../../src/components/empty-state/EmptyStateTitle.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateTitle = styled('h2', {\n color: '$tonal400',\n fontFamily: '$body',\n fontWeight: '600',\n m: 0,\n variants: {\n size: {\n xs: {\n fontSize: '$md',\n mb: '$3'\n },\n sm: {\n fontSize: '$md',\n mb: '$3'\n },\n md: {\n fontSize: '$md',\n mb: '$3'\n },\n lg: {\n fontSize: '$lg',\n mb: '$4'\n },\n xl: {\n fontSize: '$lg',\n mb: '$4'\n }\n }\n }\n})\n\ntype EmptyStateTitleProps = React.ComponentProps
|
|
1
|
+
{"version":3,"file":"EmptyStateTitle.js","sources":["../../../src/components/empty-state/EmptyStateTitle.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateTitle = styled('h2', {\n color: '$tonal400',\n fontFamily: '$body',\n fontWeight: '600',\n m: 0,\n variants: {\n size: {\n xs: {\n fontSize: '$md',\n mb: '$3'\n },\n sm: {\n fontSize: '$md',\n mb: '$3'\n },\n md: {\n fontSize: '$md',\n mb: '$3'\n },\n lg: {\n fontSize: '$lg',\n mb: '$4'\n },\n xl: {\n fontSize: '$lg',\n mb: '$4'\n }\n }\n }\n})\n\ntype EmptyStateTitleProps = React.ComponentProps<\n typeof StyledEmptyStateTitle\n> & {\n as?: React.ComponentType | React.ElementType\n}\n\nexport const EmptyStateTitle = (props: EmptyStateTitleProps) => {\n const { size } = React.useContext(EmptyStateContext)\n return <StyledEmptyStateTitle size={size} {...props} />\n}\n"],"names":["StyledEmptyStateTitle","styled","EmptyStateTitle","props","size","React","EmptyStateContext"],"mappings":"+HAMA,MAAMA,EAAwBC,EAAO,KAAM,CACzC,MAAO,YACP,WAAY,QACZ,WAAY,MACZ,EAAG,EACH,SAAU,CACR,KAAM,CACJ,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,CACF,CACF,CACF,CAAC,EAQYC,EAAmBC,GAAgC,CAC9D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACL,EAAA,CAAsB,KAAMI,EAAO,GAAGD,EAAO,CACvD"}
|