trepur_components 2.3.8 → 2.3.10

package/lib/styles/themes/palette.css

@@ -1,131 +0,0 @@
-* {
-  /* Palette */
-  --hsl-black: 0 0% 0%;
-  --hsl-white: 0 0% 100%;
-
-  /* Blue */
-  --hsl-blue-100: 240 100% 15%;
-  --hsl-blue-90: 240 91% 26%;
-  --hsl-blue-80: 239 82.1% 44%;
-  --hsl-blue-70: 235 89.8% 57.8%;
-  --hsl-blue-60: 233 92.4% 63.7%;
-  --hsl-blue-50: 230 94.7% 70.4%;
-  --hsl-blue-40: 227 96.4% 78.4%;
-  --hsl-blue-30: 224 97% 87.1%;
-  --hsl-blue-20: 222 100% 91.6%;
-  --hsl-blue-10: 222 100% 96.1%;
-
-  /* Cyan */
-  --hsl-cyan-100: 198.1 96.4% 10.8%;
-  --hsl-cyan-90: 198 100% 18.6%;
-  --hsl-cyan-80: 198.3 93.8% 31.6%;
-  --hsl-cyan-70: 197.9 85.1% 39.4%;
-  --hsl-cyan-60: 198 73.5% 48.8%;
-  --hsl-cyan-50: 197.9 91.1% 60.4%;
-  --hsl-cyan-40: 198 91.1% 69.2%;
-  --hsl-cyan-30: 198.2 92.7% 78.4%;
-  --hsl-cyan-20: 198.3 93.7% 87.6%;
-  --hsl-cyan-10: 200 100% 97.1%;
-
-  /* Fuchsia */
-  --hsl-fuchsia-100: 296.9 54.9% 13.9%;
-  --hsl-fuchsia-90: 297.4 60% 22.5%;
-  --hsl-fuchsia-80: 298.2 66.7% 38.8%;
-  --hsl-fuchsia-70: 297.8 67.6% 47.3%;
-  --hsl-fuchsia-60: 297.8 85.7% 56.3%;
-  --hsl-fuchsia-50: 297.8 94.3% 65.5%;
-  --hsl-fuchsia-40: 300 100% 75.1%;
-  --hsl-fuchsia-30: 300 100% 86.1%;
-  --hsl-fuchsia-20: 300 100% 91.6%;
-  --hsl-fuchsia-10: 296 100% 97.1%;
-
-  /* Green */
-  --hsl-green-100: 140.6 94.6% 7.3%;
-  --hsl-green-90: 135.6 73% 14.5%;
-  --hsl-green-80: 136.4 67.7% 25.5%;
-  --hsl-green-70: 139.6 68.5% 32.4%;
-  --hsl-green-60: 140.2 54.7% 45.9%;
-  --hsl-green-50: 139.8 55.4% 65.7%;
-  --hsl-green-40: 140.3 64.4% 80.2%;
-  --hsl-green-30: 135.6 73.5% 86.7%;
-  --hsl-green-20: 136 75% 92.2%;
-  --hsl-green-10: 138 100% 98%;
-
-  /* Neutral */
-  --hsl-neutral-99: 216.7 64.3% 5.5%;
-  --hsl-neutral-95: 220.9 39.3% 11%;
-  --hsl-neutral-90: 223.6 27.5% 15.7%;
-  --hsl-neutral-85: 222 19.6% 20%;
-  --hsl-neutral-80: 222.4 11.6% 28.8%;
-  --hsl-neutral-70: 221.3 8.3% 37.6%;
-  --hsl-neutral-60: 221.5 5.5% 46.5%;
-  --hsl-neutral-50: 223.6 4.8% 55.5%;
-  --hsl-neutral-40: 220 5% 64.5%;
-  --hsl-neutral-30: 220 5.3% 77.6%;
-  --hsl-neutral-25: 216 5.5% 82.2%;
-  --hsl-neutral-20: 225 5.9% 86.7%;
-  --hsl-neutral-15: 210 4.3% 91%;
-  --hsl-neutral-10: 180 4.3% 95.5%;
-  --hsl-neutral-5: 210 20% 98%;
-  --hsl-neutral-1: 0 0% 99.6%;
-
-  /* Orange */
-  --hsl-orange-100: 23.6 57.9% 11.2%;
-  --hsl-orange-90: 24.7 64.2% 20.8%;
-  --hsl-orange-80: 25.1 68.6% 30%;
-  --hsl-orange-70: 24.8 72.5% 48.4%;
-  --hsl-orange-60: 24.8 88.5% 55.5%;
-  --hsl-orange-50: 26 100% 66.5%;
-  --hsl-orange-40: 28.3 100% 75.9%;
-  --hsl-orange-30: 28.1 100% 87.5%;
-  --hsl-orange-20: 27.4 100% 93.1%;
-  --hsl-orange-10: 30 100% 98.4%;
-
-  /* Purple */
-  --hsl-purple-100: 265.5 60.6% 12.9%;
-  --hsl-purple-90: 266.1 85.7% 24.7%;
-  --hsl-purple-80: 266 83.6% 40.6%;
-  --hsl-purple-70: 265.9 78% 50%;
-  --hsl-purple-60: 266 85.2% 60.2%;
-  --hsl-purple-50: 265.7 97.2% 72.2%;
-  --hsl-purple-40: 266.1 96.4% 78%;
-  --hsl-purple-30: 266.2 97.5% 84.3%;
-  --hsl-purple-20: 266.1 95.8% 90.6%;
-  --hsl-purple-10: 264 100% 97.1%;
-
-  /* Red */
-  --hsl-red-100: 356.6 63.6% 10.8%;
-  --hsl-red-90: 356.3 69.9% 18.2%;
-  --hsl-red-80: 356.9 74% 25.7%;
-  --hsl-red-70: 356.8 77.4% 32.9%;
-  --hsl-red-60: 356.9 75.9% 45.5%;
-  --hsl-red-50: 356.5 87.9% 57.8%;
-  --hsl-red-40: 356.8 89.2% 71%;
-  --hsl-red-30: 357.5 89.9% 84.5%;
-  --hsl-red-20: 357 90.9% 91.4%;
-  --hsl-red-10: 352.5 100% 98.4%;
-
-  /* Teal */
-  --hsl-teal-100: 177.1 44.7% 9.2%;
-  --hsl-teal-90: 180 51.3% 15.3%;
-  --hsl-teal-80: 179.1 61.9% 20.6%;
-  --hsl-teal-70: 179.3 70.8% 25.5%;
-  --hsl-teal-60: 178.9 100% 30.8%;
-  --hsl-teal-50: 179 91.9% 38.6%;
-  --hsl-teal-40: 178.9 64.8% 52.2%;
-  --hsl-teal-30: 178.7 68.4% 73.9%;
-  --hsl-teal-20: 178.8 69.9% 85.7%;
-  --hsl-teal-10: 180 100% 98.4%;
-
-  /* Yellow */
-  --hsl-yellow-100: 47 85.2% 10.6%;
-  --hsl-yellow-90: 46.9 90.7% 16.9%;
-  --hsl-yellow-80: 46.9 94.8% 22.7%;
-  --hsl-yellow-70: 47.1 94.5% 35.7%;
-  --hsl-yellow-60: 46.9 89.1% 43.3%;
-  --hsl-yellow-50: 46.8 88.4% 52.5%;
-  --hsl-yellow-40: 46.9 97.7% 66.1%;
-  --hsl-yellow-30: 46.7 100% 82.4%;
-  --hsl-yellow-20: 46.5 100% 90.4%;
-  --hsl-yellow-10: 45 100% 98.4%;
-}

package/lib/utils/matchMedia.js

@@ -1,9 +0,0 @@
-const a = (e) => {
-  if (typeof window > "u")
-    return !1;
-  const t = window.matchMedia(e);
-  return t == null ? void 0 : t.matches;
-};
-export {
-  a as default
-};

package/postcss.config.js

@@ -1,8 +0,0 @@
-const config = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
-
-export default config;

package/src/components/Accordion/Accordion.stories.tsx

@@ -1,116 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { idAndClassName } from '@utils/controls';
-
-import { Accordion } from './';
-
-const propItems = [
-  {
-    preText: 'This is some text',
-    title: 'This is a title',
-    subtitle: 'This is a subtitle',
-    imageProps: {
-      src: 'https://picsum.photos/100/100',
-    },
-    children: (
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper
-        in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla
-        lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec
-        ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh,
-        posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu
-        dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam
-        lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis
-        luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo
-        sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida
-        risus, et bibendum nunc condimentum eu.
-      </p>
-    ),
-  },
-  {
-    preText:
-      'Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellendus nihil, molestias amet sed, corrupti debitis odit doloribus perspiciatis est, quasi illum culpa iusto. Molestias, ducimus. Provident, quibusdam fuga. Voluptatem, saepe.',
-    title: 'This is a title',
-    imageProps: {
-      src: 'https://picsum.photos/101/100',
-    },
-    children: (
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper
-        in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla
-        lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec
-        ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh,
-        posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu
-        dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam
-        lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis
-        luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo
-        sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida
-        risus, et bibendum nunc condimentum eu.
-      </p>
-    ),
-  },
-  {
-    subtitle: 'This is a subtitle',
-    imageProps: {
-      src: 'https://picsum.photos/100/101',
-    },
-    children: (
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper
-        in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla
-        lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec
-        ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh,
-        posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu
-        dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam
-        lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis
-        luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo
-        sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida
-        risus, et bibendum nunc condimentum eu.
-      </p>
-    ),
-  },
-  {
-    imageProps: {
-      src: 'https://picsum.photos/102/100',
-    },
-    children: (
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper
-        in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla
-        lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec
-        ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh,
-        posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu
-        dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam
-        lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis
-        luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo
-        sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida
-        risus, et bibendum nunc condimentum eu.
-      </p>
-    ),
-  }
-]
-
-const meta = {
-  title: 'Components/Accordion',
-  component: Accordion,
-  argTypes: {
-    ...idAndClassName,
-    items: {
-      description: 'An array of collapsible props',
-      control: { type: 'array', default: undefined },
-      table: {
-        category: 'Accordion',
-        type: { summary: 'array' },
-        defaultValue: { summary: 'undefined' },
-      }
-    }
-  },
-  args: {
-    items: propItems,
-  }
-} satisfies Meta<typeof Accordion>;
-
-export default meta;
-
-type Story = StoryObj<typeof Accordion>;
-
-export const Default: Story = {};

package/src/components/Accordion/index.tsx

@@ -1,21 +0,0 @@
-import { Collapsible } from "@components/index";
-
-export interface AccordionProps {
-  id?: string;
-  className?: string;
-  items: any;
-}
-
-export const Accordion = ({ id, className, items }: AccordionProps) => {
-  return (
-    <div id={id} className={className}>
-      {items?.map((item: any, i: number) => {
-        return (
-          <Collapsible key={`collapsible_item_${i}`} {...item}>
-            {item.children}
-          </Collapsible>
-        );
-      })}
-    </div>
-  );
-}

package/src/components/AlertBar/AlertBar.stories.tsx

@@ -1,95 +0,0 @@
-import { Meta, type StoryObj } from '@storybook/react';
-import { idAndClassName } from '@utils/controls';
-
-import { AlertBar } from '.';
-
-const meta = {
-  title: 'Components/Alert Bar',
-  component: AlertBar,
-  argTypes: {
-    ...idAndClassName,
-    type: {
-      type: { name: 'string', required: false },
-      options: ['success', 'warning', 'error', 'info'],
-      description: 'The type of alert to render',
-      table: {
-        type: { summary: 'warning' },
-        defaultValue: { summary: 'warning' },
-      },
-      defaultValue: 'warning',
-      control: { type: 'radio' },
-    },
-    text: {
-      type: { name: 'string', required: false },
-      description: 'The text to display in the component',
-      table: {
-        type: { summary: 'string' },
-        defaultValue: { summary: 'undefined' },
-      }
-    },
-
-    leftIconProps: {
-      description: 'The icon props for the icon to display aligned to the left',
-      table: {
-        category: '',
-        type: { summary: 'string' },
-        defaultValue: { summary: 'undefined' },
-      }
-    },
-    rightIconProps: {
-      description:
-        'The icon props for the icon to display aligned to the right',
-      table: {
-        category: '',
-        type: { summary: 'string' },
-        defaultValue: { summary: 'undefined' },
-      }
-    },
-    textCenter: {
-      type: { name: 'boolean', required: false },
-      description: 'Aligns the text in the center of the component',
-      table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
-      },
-      defaultValue: 'false',
-    },
-    isDismissable: {
-      type: { name: 'boolean', required: false },
-      description: 'Enables the component to be closed when set to true',
-      table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
-      },
-      defaultValue: 'false',
-    },
-    onDismissClick: {
-      type: { name: 'function', required: false },
-      description: 'The action to perform when the component is closed',
-      action: 'onClick',
-      table: {
-        type: {
-          summary: 'function',
-        },
-        defaultValue: { summary: 'undefined' },
-      }
-    }
-  },
-  args: {
-    text: 'This is an alert bar message',
-    leftIconProps: {
-      type: 'heart',
-      colour: 'white',
-      hollow: true,
-    },
-    rightIconProps: {
-      type: 'heart',
-      colour: 'white',
-    }
-  }
-};
-export default meta;
-
-type Story = StoryObj<typeof AlertBar>;
-
-export const Default: Story = {};

package/src/components/AlertBar/index.tsx

@@ -1,113 +0,0 @@
-import { type MouseEventHandler, useState } from 'react';
-
-// import Icon, { type Props as iconProps } from '@components/Icon';
-import classNames from 'classnames';
-
-export interface Props {
-  id?: string;
-  className?: string;
-  type?: 'success' | 'warning' | 'error' | 'info';
-  text?: string;
-  // leftIconProps?: iconProps;
-  // rightIconProps?: iconProps;
-  textCenter?: boolean;
-  isDismissable?: boolean;
-  onDismissClick?: MouseEventHandler;
-}
-
-export const AlertBar = ({
-  id,
-  className,
-  type = 'warning',
-  text,
-  // leftIconProps,
-  // rightIconProps,
-  textCenter = false,
-  isDismissable = false,
-  onDismissClick,
-}: Props) => {
-  const [alertBarStatus, setAlertBarStatus] = useState({
-    state: 'open',
-    display: true,
-  })
-
-  // const iconLeft = leftIconProps != null && <Icon {...leftIconProps} />;
-
-  // const iconRight = rightIconProps != null && <Icon {...rightIconProps} />;
-
-  const bgColor = classNames({
-    'bg-success': type === 'success',
-    'bg-warning': type === 'warning',
-    'bg-error': type === 'error',
-    'bg-info-light': type === 'info',
-  })
-
-  const alertBarState = classNames({
-    'opacity-100': alertBarStatus.state === 'open',
-    'opacity-0': alertBarStatus.state === 'closed',
-    hidden: !alertBarStatus.display,
-  })
-
-  const classList = classNames(
-    className,
-    bgColor,
-    alertBarState,
-    'flex py-2 text-white duration-700  w-parent transition-opactiy',
-  )
-
-  const textClassList = classNames(
-    {
-      'text-center': textCenter,
-      // 'pl-20': !textCenter && leftIconProps !== null,
-      // 'pl-4': !textCenter && leftIconProps === null,
-    },
-    'w-full py-3',
-  )
-
-  const rightIconClasses = classNames(
-    {
-      'hover:cursor-pointer': isDismissable,
-    },
-    'absolute right-0 pr-8 pt-3',
-  )
-
-  const closeAlertBar = (e: any): void => {
-    setAlertBarStatus({
-      state: 'closed',
-      display: alertBarStatus.display,
-    })
-    setTimeout(() => {
-      setAlertBarStatus({
-        state: 'closed',
-        display: false,
-      })
-    }, 700);
-    if (onDismissClick != null) {
-      onDismissClick(e);
-    }
-  };
-
-  // const dismissIcon = <Icon type="multiply" colour="white" />;
-
-  return (
-    <div id={id} className={classList}>
-      {/* {leftIconProps != null && (
-        <span className='absolute pl-8 pt-3'>{iconLeft}</span>
-      )} */}
-      <h3 className={textClassList}>{text}</h3>
-      {/* {isDismissable && (
-        <a
-          className={rightIconClasses}
-          onClick={(e) => {
-            closeAlertBar(e);
-          }}
-        >
-          <span>{dismissIcon}</span>
-        </a>
-      )} */}
-      {/* {iconRight != null && !isDismissable && (
-        <span className={rightIconClasses}>{iconRight}</span>
-      )} */}
-    </div>
-  );
-}

package/src/components/Avatar/Avatar.stories.tsx

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