@eleven-labs/design-system 0.10.3 → 0.20.0

package/dist/svgs/arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 21"><path stroke="#000" d="m1.25 1.27 9.5 9.5-9.5 9.5"/><path stroke="#000" d="m2.704 6.83 4.046 3.94-4.046 4.062"/></svg>

package/dist/templates/LayoutContentWithSidebar/LayoutContentWithSidebar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { MarginSystemProps } from '../../types';
+export interface LayoutContentWithSidebarProps extends MarginSystemProps, Omit<React.ComponentPropsWithoutRef<'main'>, 'content'> {
+    content: React.ReactNode;
+    sidebar: React.ReactNode;
+}
+export declare const LayoutContentWithSidebar: React.FC<LayoutContentWithSidebarProps>;

package/dist/templates/LayoutContentWithSidebar/index.d.ts

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

package/dist/templates/LayoutTemplate/LayoutTemplate.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { FooterProps, HeaderProps } from '../../components';
+export type LayoutTemplateProps = {
+    header: HeaderProps;
+    footer: FooterProps;
+    children: React.ReactNode;
+};
+export declare const LayoutTemplate: React.FC<LayoutTemplateProps>;

package/dist/templates/LayoutTemplate/index.d.ts

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

package/dist/templates/index.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eleven-labs/design-system",
   "description": "Design System for Eleven Labs",
-  "version": "0.10.3",
+  "version": "0.20.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/eleven-labs/design-system.git"
@@ -36,7 +36,7 @@
     "lint:style": "stylelint 'src/**/*.scss'",
     "lint:es": "eslint --ext .ts,.tsx src",
     "lint": "npm run lint:style && npm run lint:es",
-    "test": "jest"
+    "test": "vitest --coverage"
   },
   "lint-staged": {
     "*.(ts|tsx)": [
@@ -53,7 +53,10 @@
   "dependencies": {
     "autosuggest-highlight": "^3.3.4",
     "classnames": "^2.3.2",
+    "copy-to-clipboard": "^3.3.3",
+    "downshift": "^8.3.1",
     "react-polymorphed": "^2.2.1",
+    "react-share": "^5.0.3",
     "react-syntax-highlighter": "^15.5.0"
   },
   "peerDependencies": {
@@ -69,20 +72,23 @@
     "@storybook/addon-essentials": "^7.0.22",
     "@storybook/addon-interactions": "^7.0.22",
     "@storybook/addon-links": "^7.0.22",
+    "@storybook/addon-mdx-gfm": "^7.6.7",
     "@storybook/react": "^7.0.22",
     "@storybook/react-vite": "^7.0.22",
-    "@storybook/testing-library": "^0.1.0",
+    "@storybook/testing-library": "^0.2.2",
     "@svgr/cli": "^8.0.1",
+    "@testing-library/jest-dom": "^6.2.0",
+    "@testing-library/react": "^14.1.2",
     "@types/autosuggest-highlight": "^3.2.0",
-    "@types/jest": "^29.5.2",
     "@types/react": "^18.2.13",
     "@types/react-dom": "^18.2.6",
     "@types/react-syntax-highlighter": "^15.5.7",
     "@vitejs/plugin-react": "^4.0.1",
+    "@vitest/coverage-v8": "^1.1.3",
     "autoprefixer": "^10.4.14",
     "eslint": "^8.52.0",
     "husky": "^8.0.3",
-    "jest": "^29.5.0",
+    "jsdom": "^23.2.0",
     "lint-staged": "^13.2.2",
     "postcss": "^8.4.24",
     "postcss-normalize": "^10.0.1",
@@ -98,12 +104,12 @@
     "stylelint": "^15.8.0",
     "stylelint-config-standard-scss": "^9.0.0",
     "svgo": "^3.0.2",
-    "ts-jest": "^29.1.0",
     "tsx": "^4.7.0",
     "typescript": "^4.9.5",
     "vite": "^4.3.9",
     "vite-plugin-dts": "^2.3.0",
     "vite-plugin-static-copy": "^0.16.0",
-    "vite-tsconfig-paths": "^4.2.0"
+    "vite-tsconfig-paths": "^4.2.0",
+    "vitest": "^1.1.3"
   }
 }

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

@@ -1,4 +0,0 @@
-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/Close.d.ts

@@ -1,4 +0,0 @@
-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/Tuto.d.ts

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

package/dist/svgs/arrow-back.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" d="M19 11.125H8.351l4.891-4.891L12 5l-7 7 7 7 1.234-1.234-4.883-4.891H19z"/></svg>

package/dist/svgs/close.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-opacity=".87" fill-rule="evenodd" d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" clip-rule="evenodd"/></svg>

package/dist/svgs/tuto.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" id="tuto_svg__FlaconTest" viewBox="0 0 14 16"><defs><style>.tuto_svg__cls-2{stroke-width:0;fill:#fff}</style></defs><path d="M13.98 14.25c-.04-.27-.14-.54-.28-.79L9.05 5.55V1.54H4.96v4.01L.3 13.47c-.15.25-.24.52-.28.79-.13.8.49 1.54 1.32 1.75h11.33c.83-.21 1.44-.95 1.32-1.75Z" class="tuto_svg__cls-2"/><rect width="6.01" height="1.12" x="4" class="tuto_svg__cls-2" rx=".54" ry=".54"/><path d="M12.07 13.01 8.62 6.98H5.41l-3.45 6.03c-.47.83-.19 1.79.75 2.14 0 0 .2.07.27.08.57.12 3.21.12 3.94.11s3.47.03 4.14-.11c.07-.01.27-.08.27-.08.94-.35 1.23-1.31.75-2.14Z" style="fill:#f4c93c;stroke-width:0"/></svg>