trepur_components 2.3.7 → 2.3.9

package/archive/Tubestops/style.module.css

@@ -1,54 +0,0 @@
-.wrapper {
-  @apply flex py-4;
-}
-
-.item {
-  @apply w-full;
-  min-width: 120px;
-}
-
-.circle {
-  @apply z-10 mx-auto h-6 w-6 rounded-full;
-}
-
-.completedCircle {
-  @apply -mt-4 bg-success;
-}
-
-.inactiveCircle {
-  @apply -mt-4 bg-border-light;
-}
-
-.activeCircle {
-  @apply -mt-4 bg-gold;
-}
-
-.circleLast {
-  @apply mt-1;
-}
-
-.line {
-  @apply mt-4 h-1 w-full bg-border-light;
-  margin-left: 50%;
-}
-
-.completedLine {
-  @apply mt-4 h-1 w-full bg-success;
-  margin-left: 50%;
-}
-
-.text {
-  @apply mt-2 text-center;
-}
-
-.activeStop {
-  @apply font-bold text-gold;
-}
-
-.inactiveStop {
-  @apply font-medium text-border-light;
-}
-
-.completedStop {
-  @apply font-medium text-success;
-}

package/archive/UserIcon/UserIcon.stories.tsx

@@ -1,52 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { idAndClassName } from '@utils/controls';
-
-import UserIcon from '.';
-
-const meta = {
-  title: 'Components/User Icon',
-  component: UserIcon,
-  argTypes: {
-    ...idAndClassName,
-
-    name: {
-      description: '',
-      control: 'text',
-      table: {
-        category: '',
-      },
-    },
-    description: {
-      description: '',
-      control: 'text',
-      table: {
-        category: '',
-      },
-    },
-    imageProps: {
-      type: { name: 'other', value: 'object' },
-      description: 'The props to pass to the image to display on the component',
-      table: {
-        type: {
-          summary: 'object',
-        },
-        defaultValue: { summary: 'undefined' },
-      },
-    },
-  },
-  args: {
-    imageProps: {
-      title: '',
-      altText: '',
-      src: 'https://picsum.photos/200/200',
-    },
-    name: 'Someones name',
-    description: 'someone info',
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};

package/archive/UserIcon/index.tsx

@@ -1,46 +0,0 @@
-import React from 'react';
-
-import Image, { type Props as imageProps } from '@components/Image';
-import classNames from 'classnames';
-
-
-
-export interface Props {
-  id?: string;
-  className?: string;
-  name?: string;
-  description?: string;
-  imageProps?: imageProps;
-}
-const UserIcon = ({
-  id,
-  className,
-  name,
-  description,
-  imageProps,
-}: Props): JSX.Element => {
-  const classList = classNames(
-    {
-      className: className !== undefined,
-    },
-    style.classList,
-    'theme-local',
-  );
-
-  imageProps = {
-    ...imageProps,
-    src: imageProps?.src !== undefined ? imageProps.src : '',
-    className: classNames(imageProps?.className, style.imageClassList),
-  };
-  return (
-    <div id={id} className={classList}>
-      <Image {...imageProps} />
-      <div className={style.contentWrapper}>
-        <p className={style.name}>{name}</p>
-        <p className={style.description}>{description}</p>
-      </div>
-    </div>
-  );
-};
-
-export default UserIcon;

package/archive/UserIcon/style.module.css

@@ -1,19 +0,0 @@
-.classList {
-  @apply flex items-center;
-}
-
-.imageClassList {
-  @apply mr-4 h-12 w-12 shrink-0 rounded-full;
-}
-
-.name {
-  @apply text-md font-regular;
-}
-
-.description {
-  @apply text-sm font-light;
-}
-
-.contentWrapper {
-  @apply ltr:ml-3 rtl:mr-3;
-}

package/archive/Video/Video.stories.tsx

@@ -1,23 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { idAndClassName } from '@utils/controls';
-
-import Video from '.';
-
-const meta = {
-  title: 'Components/Video',
-  component: Video,
-  argTypes: {
-    ...idAndClassName,
-  },
-  args: {
-    withControls: true,
-    autoPlay: true,
-    muted: true,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};

package/archive/Video/index.tsx

@@ -1,47 +0,0 @@
-export interface Props {
-  id?: string;
-  className?: string;
-  autoPlay?: boolean;
-  muted?: boolean;
-  poster?: string;
-  mp4File?: string;
-  webmFile?: string;
-  ogvFile?: string;
-  height?: string;
-  width?: string;
-  withControls?: boolean;
-  withPoster?: boolean;
-}
-
-const Video = ({
-  id,
-  className,
-  autoPlay,
-  muted,
-  poster,
-  mp4File,
-  webmFile,
-  ogvFile,
-  height,
-  width,
-  withControls,
-}: Props): JSX.Element => {
-  return (
-    <video
-      id={id}
-      className={className}
-      poster={poster}
-      width={width}
-      height={height}
-      controls={withControls}
-      autoPlay={autoPlay}
-      muted={muted}
-    >
-      <source src={mp4File} type="video/mp4" />
-      {webmFile !== null && <source src={webmFile} type="video/webm" />}
-      {ogvFile !== undefined && <source src={ogvFile} type="video/ogg" />}
-    </video>
-  );
-};
-
-export default Video;

package/archive/theme.ts

@@ -1,39 +0,0 @@
-import tailwindConfig from '../tailwind.config'
-
-// const tokenUnits: string[] = ['em', 'ex', '%', 'px', 'cm', 'mm', 'in', 'pt', 'pc', 'ch', 'rem', 'vh', 'vw', 'vmin', 'vmax']
-let themeName: string;
-
-export const setTheme = (theme: string): void => {
-  themeName = theme;
-};
-
-export const getTheme = (): string => {
-  return themeName;
-};
-
-const getThemeFromOptions = (themeName?: string): any => {
-  const themes = tailwindConfig.themes;
-
-  if (themeName == null) return tailwindConfig.theme;
-
-  // eslint-disable-next-line @typescript-eslint/no-confusing-void-expression
-  const theme = themes.find((t: any) => t.name === themeName);
-  return theme ?? tailwindConfig.theme;
-};
-
-export function getTwVal<Type>(
-  section: string,
-  property: string,
-): Type | undefined {
-  try {
-    const theme =
-      section === 'colors'
-        ? getThemeFromOptions(themeName)
-        : tailwindConfig.theme;
-    return theme[section][property];
-  } catch (e) {
-    console.warn(e);
-    console.warn(`Unable to get tailwind value ${section}: ${property}`);
-    return undefined;
-  }
-}

package/archive/typography/Fonts/Fonts.stories.tsx

@@ -1,14 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import Fonts from './Fonts';
-
-const meta = {
-  title: 'Trepur Components/Typography/Fonts',
-  component: Fonts,
-} satisfies Meta<typeof Fonts>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};

package/archive/typography/Fonts/Fonts.tsx

@@ -1,181 +0,0 @@
-import React from 'react';
-
-import Icon from '@components/Icon';
-
-import '../../styles/base.css';
-
-const Fonts: React.FC<{}> = (): JSX.Element => {
-  return (
-    <div className="theme-local">
-      <h2>Font sizes</h2>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-xxs font-regular">This text is xxs</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-xs font-regular">This text is xs</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-sm font-regular">This text is sm</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-regular">This text is md</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-lg font-regular">This text is lg</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-xl font-regular">This text is xl</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-xxl font-regular">This text is xxl</p>
-      </div>
-      <h2>Font weights</h2>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-thin">This font is thin</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-extraLight">This font is extra light</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-light">This font is light</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-regular">This font is regular</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-medium">This font is medium</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-semiBold">This font is semi bold</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-bold">This font is bold</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-extraBold">This font is extra bold</p>
-      </div>
-    </div>
-  );
-};
-
-export default Fonts;

package/lib/components/Accordion/Accordion.stories.d.ts

@@ -1,94 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('.').Props>;
-    argTypes: {
-        items: {
-            description: string;
-            control: {
-                type: string;
-                default: undefined;
-            };
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        id: {
-            description: string;
-            control: {
-                type: string;
-                default: boolean;
-            };
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        className: {
-            description: string;
-            control: {
-                type: string;
-                default: boolean;
-            };
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-    args: {
-        items: ({
-            preText: string;
-            title: string;
-            subtitle: string;
-            imageProps: {
-                src: string;
-            };
-            children: import("react/jsx-runtime").JSX.Element;
-        } | {
-            preText: string;
-            title: string;
-            imageProps: {
-                src: string;
-            };
-            children: import("react/jsx-runtime").JSX.Element;
-            subtitle?: undefined;
-        } | {
-            subtitle: string;
-            imageProps: {
-                src: string;
-            };
-            children: import("react/jsx-runtime").JSX.Element;
-            preText?: undefined;
-            title?: undefined;
-        } | {
-            imageProps: {
-                src: string;
-            };
-            children: import("react/jsx-runtime").JSX.Element;
-            preText?: undefined;
-            title?: undefined;
-            subtitle?: undefined;
-        })[];
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/lib/components/Accordion/index.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-
-export interface Props {
-    id?: string;
-    className?: string;
-    items: any;
-}
-export declare const Accordion: React.FC<Props>;

package/lib/components/Accordion/index.js

@@ -1,15 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import e from "classnames";
-const i = ({
-  id: c,
-  className: a,
-  items: r
-}) => /* @__PURE__ */ o("div", { id: c, className: e(a, "theme-local"), children: r == null ? void 0 : r.map((l, m) => (
-  // <Collapsible key={`collapsible_item_${i}`} {...item}>
-  //   {item.children}
-  // </Collapsible>
-  /* @__PURE__ */ o("div", {})
-)) });
-export {
-  i as Accordion
-};