@eleven-labs/design-system 0.5.4 → 0.6.1

package/dist/components/Atoms/Blockquote/Blockquote.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AsProps, ColorSystemProps, MarginSystemProps } from '../../../types';
+export type BlockquoteProps = AsProps<'blockquote'> & MarginSystemProps & Pick<ColorSystemProps, 'bg'>;
+export declare const Blockquote: React.FC<BlockquoteProps>;

package/dist/components/Atoms/Blockquote/index.d.ts

@@ -0,0 +1 @@
+export * from './Blockquote';

package/dist/components/Atoms/Logo/Logo.d.ts

@@ -1,4 +1,6 @@
-import { AsProps, ColorSystemProps, LogoNameType, MarginSystemProps } from '../../../types';
+import { AsProps, ColorSystemProps, MarginSystemProps } from '../../../types';
+export declare const logoName: readonly ["website", "blog"];
+export type LogoNameType = (typeof logoName)[number];
 export type LogoProps = AsProps<'div'> & MarginSystemProps & Pick<ColorSystemProps, 'color'> & {
     name: LogoNameType;
     size?: string | number;

package/dist/components/Atoms/Skeleton/Skeleton.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '../../../components';
+export interface SkeletonOptions {
+    isLoading?: boolean;
+}
+export type SkeletonProps = BoxProps<'div'> & SkeletonOptions;
+export declare const Skeleton: import("../../..").ComponentWithAs<"div", SkeletonProps>;

package/dist/components/Atoms/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export * from './Skeleton';

package/dist/components/Atoms/Svgs/AccessTime.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAccessTime: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgAccessTime: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgAccessTime;

package/dist/components/Atoms/Svgs/ArrowBack.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgArrowBack: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgArrowBack: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgArrowBack;

package/dist/components/Atoms/Svgs/Calendar.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgCalendar: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgCalendar: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgCalendar;

package/dist/components/Atoms/Svgs/Close.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgClose: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgClose: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgClose;

package/dist/components/Atoms/Svgs/Facebook.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgFacebook: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgFacebook: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgFacebook;

package/dist/components/Atoms/Svgs/Language.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgLanguage: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgLanguage: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgLanguage;

package/dist/components/Atoms/Svgs/Link.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgLink: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgLink: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgLink;

package/dist/components/Atoms/Svgs/Linkedin.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgLinkedin: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgLinkedin: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgLinkedin;

package/dist/components/Atoms/Svgs/Logo.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgLogo: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgLogo;

package/dist/components/Atoms/Svgs/Message.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgMessage: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgMessage: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgMessage;

package/dist/components/Atoms/Svgs/Person.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgPerson: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgPerson: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgPerson;

package/dist/components/Atoms/Svgs/Rss.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgRss: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgRss: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgRss;

package/dist/components/Atoms/Svgs/Search.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgSearch: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgSearch: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgSearch;

package/dist/components/Atoms/Svgs/Twitter.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgTwitter: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgTwitter: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgTwitter;

package/dist/components/Atoms/Svgs/Welcometothejungle.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgWelcometothejungle: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgWelcometothejungle: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgWelcometothejungle;

package/dist/components/Atoms/SyntaxHighlighter/SyntaxHighlighter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SyntaxHighlighterProps as SyntaxHighlighterBaseProps } from 'react-syntax-highlighter';
+import { MarginSystemProps } from '../../../types';
+export type SyntaxHighlighterProps = MarginSystemProps & Pick<SyntaxHighlighterBaseProps, 'language' | 'children'>;
+export declare const SyntaxHighlighter: React.FC<SyntaxHighlighterProps>;

package/dist/components/Atoms/SyntaxHighlighter/index.d.ts

@@ -0,0 +1 @@
+export * from './SyntaxHighlighter';

package/dist/components/Atoms/index.d.ts

@@ -1,6 +1,9 @@
-export * from './Layout';
-export * from './Typography';
 export * as Svgs from './Svgs';
+export * from './Button';
 export * from './Icon';
+export * from './Layout';
 export * from './Logo';
-export * from './Button';
+export * from './SyntaxHighlighter';
+export * from './Typography';
+export * from './Blockquote';
+export * from './Skeleton';

package/dist/components/Molecules/Reminder/Reminder.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BoxProps } from '../../../components';
+export declare const reminderVariantList: readonly ["note", "summary", "info", "tip", "success", "question", "warning", "failure", "danger", "bug", "example", "quote"];
+export type ReminderVariantType = (typeof reminderVariantList)[number];
+export type ReminderOptions = {
+    variant: ReminderVariantType;
+    title: React.ReactNode;
+};
+export type ReminderProps = BoxProps & ReminderOptions;
+export declare const Reminder: React.FC<ReminderProps>;

package/dist/components/Molecules/Reminder/index.d.ts

@@ -0,0 +1 @@
+export * from './Reminder';

package/dist/components/Molecules/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Link';
+export * from './Reminder';
 export * from './SearchField';
 export * from './TextHighlight';

package/dist/constants/tokenNameList.d.ts

@@ -5,6 +5,5 @@ export declare const widthTokenNameList: readonly ("full" | "screen")[];
 export declare const heightTokenNameList: readonly ("full" | "screen")[];
 export declare const fontWeightTokenNameList: readonly ("regular" | "medium" | "bold")[];
 export declare const iconTokenNameList: readonly ("access-time" | "arrow-back" | "calendar" | "close" | "facebook" | "language" | "link" | "linkedin" | "rss" | "message" | "person" | "search" | "twitter" | "welcometothejungle")[];
-export declare const logoTokenNameList: readonly ("website" | "blog")[];
 export declare const headingSizeTokenNameList: readonly ("s" | "m" | "l" | "xl")[];
 export declare const textSizeTokenNameList: readonly ("xs" | "s" | "m")[];

package/dist/constants/tokenVariables.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 Mar 2023 20:34:52 GMT
+ * Generated on Wed, 21 Jun 2023 14:59:19 GMT
  */
 export declare const tokenVariables: {
     asset: {
@@ -68,14 +68,6 @@ export declare const tokenVariables: {
                 value: string;
             };
         };
-        logo: {
-            website: {
-                value: string;
-            };
-            blog: {
-                value: string;
-            };
-        };
     };
     breakpoint: {
         xs: {