@atom-learning/components 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/components/avatar/AvatarImage.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const AvatarImage: ({ src, alt }: {
     src: string;
     alt: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/components/avatar/AvatarInitial.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AvatarInitial: () => JSX.Element;
+import * as React from 'react';
+export declare const AvatarInitial: () => React.JSX.Element;

package/dist/components/avatar/AvatarInitial.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{overrideStitchesVariantValue as a}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Text as l}from"../text/Text.js";import{AvatarRootContext as n}from"./Avatar.js";import{AvatarPlaceholder as i}from"./AvatarPlaceholder.js";const c={xs:"xs",sm:"sm",md:"sm",lg:"md",xl:"md",xxl:"lg"},x=()=>{const r=e.useContext(n),{name:t,size:o}=r,m=e.useMemo(()=>a(o,s=>c[s]),[o]);return t?e.createElement(l,{size:m,css:{color:"$tonal400"}},t[0].toUpperCase()):e.createElement(i,null)};export{x as AvatarInitial};
+import*as e from"react";import{overrideStitchesVariantValue as a}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Text as l}from"../text/Text.js";import{AvatarRootContext as i}from"./Avatar.js";import{AvatarPlaceholder as n}from"./AvatarPlaceholder.js";const c={xs:"xs",sm:"sm",md:"sm",lg:"md",xl:"md",xxl:"lg"},x=()=>{const o=e.useContext(i),{name:t,size:r}=o,m=e.useMemo(()=>a(r,s=>c[s]),[r]);return t?e.createElement(l,{size:m,css:{color:"$grey800"}},t[0].toUpperCase()):e.createElement(n,null)};export{x as AvatarInitial};
 //# sourceMappingURL=AvatarInitial.js.map

package/dist/components/avatar/AvatarInitial.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarInitial.js","sources":["../../../src/components/avatar/AvatarInitial.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Text } from '../text'\nimport { AvatarRootContext } from './Avatar'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\n\nconst toTextSize = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n  xl: 'md',\n  xxl: 'lg'\n}\n\nexport const AvatarInitial = () => {\n  const rootContext = React.useContext(AvatarRootContext)\n  const { name, size } = rootContext\n  const textSize = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toTextSize[s]),\n    [size]\n  )\n\n  if (!name) {\n    return <AvatarPlaceholder />\n  }\n\n  return (\n    <Text size={textSize} css={{ color: '$tonal400' }}>\n      {name[0].toUpperCase()}\n    </Text>\n  )\n}\n"],"names":["toTextSize","AvatarInitial","rootContext","React","AvatarRootContext","name","size","textSize","overrideStitchesVariantValue","s","Text","AvatarPlaceholder"],"mappings":"ySAQA,MAAMA,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,IAAK,IACP,EAEaC,EAAgB,IAAM,CACjC,MAAMC,EAAcC,EAAM,WAAWC,CAAiB,EAChD,CAAE,KAAAC,EAAM,KAAAC,CAAK,EAAIJ,EACjBK,EAAWJ,EAAM,QACrB,IAAMK,EAA6BF,EAAOG,GAAMT,EAAWS,EAAE,EAC7D,CAACH,CAAI,CACP,EAEA,OAAKD,EAKHF,EAAA,cAACO,EAAA,CAAK,KAAMH,EAAU,IAAK,CAAE,MAAO,WAAY,GAC7CF,EAAK,GAAG,YACX,CAAA,EANOF,EAAA,cAACQ,EAAA,IAAkB,CAQ9B"}
+{"version":3,"file":"AvatarInitial.js","sources":["../../../src/components/avatar/AvatarInitial.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Text } from '../text'\nimport { AvatarRootContext } from './Avatar'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\n\nconst toTextSize = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n  xl: 'md',\n  xxl: 'lg'\n}\n\nexport const AvatarInitial = () => {\n  const rootContext = React.useContext(AvatarRootContext)\n  const { name, size } = rootContext\n  const textSize = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toTextSize[s]),\n    [size]\n  )\n\n  if (!name) {\n    return <AvatarPlaceholder />\n  }\n\n  return (\n    <Text size={textSize} css={{ color: '$grey800' }}>\n      {name[0].toUpperCase()}\n    </Text>\n  )\n}\n"],"names":["toTextSize","AvatarInitial","rootContext","React","AvatarRootContext","name","size","textSize","overrideStitchesVariantValue","s","Text","AvatarPlaceholder"],"mappings":"ySAQA,MAAMA,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,IAAK,IACP,EAEaC,EAAgB,IAAM,CACjC,MAAMC,EAAcC,EAAM,WAAWC,CAAiB,EAChD,CAAE,KAAAC,EAAM,KAAAC,CAAK,EAAIJ,EACjBK,EAAWJ,EAAM,QACrB,IAAMK,EAA6BF,EAAOG,GAAMT,EAAWS,EAAE,EAC7D,CAACH,CAAI,CACP,EAEA,OAAKD,EAKHF,EAAA,cAACO,EAAA,CAAK,KAAMH,EAAU,IAAK,CAAE,MAAO,UAAW,GAC5CF,EAAK,GAAG,YACX,CAAA,EANOF,EAAA,cAACQ,EAAA,IAAkB,CAQ9B"}

package/dist/components/avatar/AvatarPlaceholder.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AvatarPlaceholder: () => JSX.Element;
+import * as React from 'react';
+export declare const AvatarPlaceholder: () => React.JSX.Element;

package/dist/components/badge/Badge.context.d.ts

@@ -9,5 +9,5 @@ declare type TBadgeContext = TBadgeProviderProps & {
     setIsOverflowing?: React.Dispatch<React.SetStateAction<boolean>>;
 };
 export declare const BadgeContext: React.Context<TBadgeContext>;
-export declare const BadgeProvider: ({ size, overflow, children }: React.PropsWithChildren<TBadgeProviderProps>) => JSX.Element;
+export declare const BadgeProvider: ({ size, overflow, children }: React.PropsWithChildren<TBadgeProviderProps>) => React.JSX.Element;
 export {};