@eleven-labs/design-system 0.23.0 → 0.25.0

package/dist/types/SystemProps/FlexSystemProps.d.ts

@@ -0,0 +1,12 @@
+import type { TypeWithMediaQueriesType } from '../../types';
+import type { FlexDirectionType, FlexWrapType } from '../../types';
+export interface FlexSystemProps {
+    /**
+     * flex-direction (including breakpoints modifiers)
+     */
+    flexDirection?: TypeWithMediaQueriesType<FlexDirectionType>;
+    /**
+     * Can flex items wrap onto multiple lines (including breakpoints modifiers)
+     */
+    flexWrap?: TypeWithMediaQueriesType<FlexWrapType>;
+}

package/dist/types/SystemProps/LayoutSystemProps.d.ts

@@ -1,4 +1,4 @@
-import type { DisplayType, HeightType, TypeWithMediaQueriesType, WidthType } from '../../types';
+import type { DisplayType, HeightType, MediaQueryType, TypeWithMediaQueriesType, WidthType } from '../../types';
 export interface LayoutSystemProps {
     /**
      * display (including breakpoints modifiers)
@@ -13,19 +13,11 @@ export interface LayoutSystemProps {
      */
     height?: TypeWithMediaQueriesType<HeightType>;
     /**
-     * min-width (including breakpoints modifiers)
+     * Defines hidden above strategy with media queries (is similar to "min-width") (including breakpoints modifiers)
      */
-    minWidth?: TypeWithMediaQueriesType<WidthType>;
+    hiddenAbove?: MediaQueryType;
     /**
-     * max-width (including breakpoints modifiers)
+     * Defines hidden below strategy with media queries (is similar to "max-width") (including breakpoints modifiers)
      */
-    maxWidth?: TypeWithMediaQueriesType<WidthType>;
-    /**
-     * min-height (including breakpoints modifiers)
-     */
-    minHeight?: TypeWithMediaQueriesType<HeightType>;
-    /**
-     * max-height (including breakpoints modifiers)
-     */
-    maxHeight?: TypeWithMediaQueriesType<HeightType>;
+    hiddenBelow?: MediaQueryType;
 }

package/dist/types/SystemProps/SystemProps.d.ts

@@ -1,8 +1,8 @@
 import type { ColorSystemProps } from './ColorSystemProps';
-import type { FlexBoxSystemProps } from './FlexBoxSystemProps';
-import type { HiddenSystemProps } from './HiddenSystemProps';
+import type { FlexItemSystemProps } from './FlexItemSystemProps';
+import type { FlexOrGridItemSystemProps } from './FlexOrGridItemSystemProps';
 import type { LayoutSystemProps } from './LayoutSystemProps';
 import type { SpacingSystemProps } from './SpacingSystemProps';
 import type { TypographySystemProps } from './TypographySystemProps';
-export interface SystemProps extends SpacingSystemProps, ColorSystemProps, TypographySystemProps, LayoutSystemProps, FlexBoxSystemProps, HiddenSystemProps {
+export interface SystemProps extends SpacingSystemProps, ColorSystemProps, TypographySystemProps, LayoutSystemProps, FlexOrGridItemSystemProps, FlexItemSystemProps {
 }

package/dist/types/SystemProps/index.d.ts

@@ -2,6 +2,8 @@ export * from './ColorSystemProps';
 export * from './SpacingSystemProps';
 export * from './SystemProps';
 export * from './TypographySystemProps';
-export * from './FlexBoxSystemProps';
 export * from './LayoutSystemProps';
-export * from './HiddenSystemProps';
+export * from './FlexOrGridSystemProps';
+export * from './FlexSystemProps';
+export * from './FlexOrGridItemSystemProps';
+export * from './FlexItemSystemProps';

package/dist/types/tokenTypes.d.ts

@@ -5,5 +5,5 @@ export type WidthType = keyof (typeof tokenVariables)['width'];
 export type HeightType = keyof (typeof tokenVariables)['height'];
 export type FontWeightType = keyof (typeof tokenVariables)['font-weight'];
 export type IconNameType = keyof (typeof tokenVariables)['asset']['icon'];
-export type HeadingSizeType = keyof ((typeof tokenVariables)['mobile']['typography']['heading'] | (typeof tokenVariables)['desktop']['typography']['heading']);
-export type TextSizeType = keyof ((typeof tokenVariables)['mobile']['typography']['text'] | (typeof tokenVariables)['desktop']['typography']['text']);
+export type HeadingSizeType = keyof ((typeof tokenVariables)['typography']['heading'] | (typeof tokenVariables)['desktop']['typography']['heading']);
+export type TextSizeType = keyof ((typeof tokenVariables)['typography']['text'] | (typeof tokenVariables)['desktop']['typography']['text']);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eleven-labs/design-system",
   "description": "Design System for Eleven Labs",
-  "version": "0.23.0",
+  "version": "0.25.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/eleven-labs/design-system.git"
@@ -55,7 +55,6 @@
     "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": {

package/dist/constants/systemProps/flexBoxSystemProps.d.ts

@@ -1,2 +0,0 @@
-import type { FlexBoxSystemProps } from '../../types';
-export declare const flexBoxSystemProps: Record<keyof FlexBoxSystemProps, readonly string[]>;

package/dist/constants/systemProps/hiddenSystemProps.d.ts

@@ -1,2 +0,0 @@
-import type { HiddenSystemProps } from '../../types';
-export declare const hiddenSystemProps: Record<keyof HiddenSystemProps, readonly string[]>;

package/dist/helpers/systemPropsHelper/flexBoxSystemClassName.d.ts

@@ -1,2 +0,0 @@
-import type { FlexBoxSystemProps } from '../../types';
-export declare const flexBoxSystemClassName: <TProps extends FlexBoxSystemProps>(props: TProps) => string;

package/dist/helpers/systemPropsHelper/hiddenSystemClassName.d.ts

@@ -1,2 +0,0 @@
-import type { HiddenSystemProps } from '../../types';
-export declare const hiddenSystemClassName: <TProps extends HiddenSystemProps>(props: TProps) => string;

package/dist/hooks/useCopyToClipboard.d.ts

@@ -1,5 +0,0 @@
-import type React from 'react';
-export type Content = React.RefObject<HTMLElement | HTMLInputElement> | number | string;
-export type Timeout = number;
-export type useCopyTextReturn = [() => void, boolean];
-export declare function useCopyText(content: Content, timeout: Timeout): useCopyTextReturn;

package/dist/types/SystemProps/FlexBoxSystemProps.d.ts

@@ -1,48 +0,0 @@
-import type { AlignContentType, AlignItemsType, FlexType, JustifyContentType, SpacingType, TypeWithMediaQueriesType } from '../../types';
-import type { AlignSelfType, FlexBasisType, FlexDirectionType, FlexWrapType } from '../../types';
-export interface FlexBoxSystemProps {
-    /**
-     * flex-direction (including breakpoints modifiers)
-     */
-    flexDirection?: TypeWithMediaQueriesType<FlexDirectionType>;
-    /**
-     * Can flex items wrap onto multiple lines (including breakpoints modifiers)
-     */
-    flexWrap?: TypeWithMediaQueriesType<FlexWrapType>;
-    /**
-     * align-items (including breakpoints modifiers)
-     */
-    alignItems?: TypeWithMediaQueriesType<AlignItemsType>;
-    /**
-     * align-content (including breakpoints modifiers)
-     */
-    alignContent?: TypeWithMediaQueriesType<AlignContentType>;
-    /**
-     * Defines horizontal alignment along the main axis (including breakpoints modifiers)
-     */
-    justifyContent?: TypeWithMediaQueriesType<JustifyContentType>;
-    /**
-     * Defines a align self (including breakpoints modifiers)
-     */
-    alignSelf?: TypeWithMediaQueriesType<AlignSelfType>;
-    /**
-     * Defines gap for col and row (including breakpoints modifiers)
-     */
-    gap?: TypeWithMediaQueriesType<SpacingType>;
-    /**
-     * Defines row gap (including breakpoints modifiers)
-     */
-    gapX?: TypeWithMediaQueriesType<SpacingType>;
-    /**
-     * Defines col gap (including breakpoints modifiers)
-     */
-    gapY?: TypeWithMediaQueriesType<SpacingType>;
-    /**
-     * Defines a flex basis, auto or number (including breakpoints modifiers)
-     */
-    flexBasis?: TypeWithMediaQueriesType<FlexBasisType>;
-    /**
-     * Defines a flex (including breakpoints modifiers)
-     */
-    flex?: TypeWithMediaQueriesType<FlexType>;
-}

package/dist/types/SystemProps/HiddenSystemProps.d.ts

@@ -1,11 +0,0 @@
-import type { MediaQueryType } from '../../types';
-export interface HiddenSystemProps {
-    /**
-     * Defines hidden above strategy with media queries (is similar to "min-width") (including breakpoints modifiers)
-     */
-    hiddenAbove?: MediaQueryType;
-    /**
-     * Defines hidden below strategy with media queries (is similar to "max-width") (including breakpoints modifiers)
-     */
-    hiddenBelow?: MediaQueryType;
-}