trepur_components 2.3.8 → 2.3.10

package/src/components/fonts/Sora/OFL.txt

@@ -1,93 +0,0 @@
-Copyright 2019 The Sora Project Authors (https://github.com/sora-xor/sora-font)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.

package/src/components/fonts/Sora/README.txt

@@ -1,70 +0,0 @@
-Sora Variable Font
-==================
-
-This download contains Sora as both a variable font and static fonts.
-
-Sora is a variable font with this axis:
-  wght
-
-This means all the styles are contained in a single file:
-  Sora-VariableFont_wght.ttf
-
-If your app fully supports variable fonts, you can now pick intermediate styles
-that aren’t available as static fonts. Not all apps support variable fonts, and
-in those cases you can use the static font files for Sora:
-  static/Sora-Thin.ttf
-  static/Sora-ExtraLight.ttf
-  static/Sora-Light.ttf
-  static/Sora-Regular.ttf
-  static/Sora-Medium.ttf
-  static/Sora-SemiBold.ttf
-  static/Sora-Bold.ttf
-  static/Sora-ExtraBold.ttf
-
-Get started
------------
-
-1. Install the font files you want to use
-
-2. Use your app's font picker to view the font family and all the
-available styles
-
-Learn more about variable fonts
--------------------------------
-
-  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
-  https://variablefonts.typenetwork.com
-  https://medium.com/variable-fonts
-
-In desktop apps
-
-  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
-  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
-
-Online
-
-  https://developers.google.com/fonts/docs/getting_started
-  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
-  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
-
-Installing fonts
-
-  MacOS: https://support.apple.com/en-us/HT201749
-  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
-  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
-
-Android Apps
-
-  https://developers.google.com/fonts/docs/android
-  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
-
-License
--------
-Please read the full license text (OFL.txt) to understand the permissions,
-restrictions and requirements for usage, redistribution, and modification.
-
-You can use them in your products & projects – print or digital,
-commercial or otherwise.
-
-This isn't legal advice, please consider consulting a lawyer and see the full
-license for all details.

package/src/components/index.ts

@@ -1,119 +0,0 @@
-import { Accordion } from './Accordion';
-import { AlertBar } from './AlertBar';
-import { Breadcrumbs } from './Breadcrumbs';
-import { BreadcrumbsBordered } from './BreadcrumbsBordered';
-import { BreadcrumbsItem } from './BreadcrumbsItem';
-import { Button } from './Button';
-import { CalendarComponent } from './Calendar';
-import { Card } from './Card';
-import { CardWithTopImage } from './CardWithTopImage';
-import { Carousel } from './Carousel';
-import { CarouselThumbnail } from './CarouselThumbnail';
-import { Checkbox } from './Checkbox';
-import { Collapsible } from './Collapsible';
-import { Column } from './Column';
-import { Container } from './Container';
-import { Counter } from './Counter';
-import { DetailUpdater } from './DetailUpdater';
-import { Dialog } from './Dialog';
-import { DropdownMenu } from './DropdownMenu';
-import { DynamicTextSection } from './DynamicTextSection';
-import { FilterItem } from './FilterItem';
-import { Footer } from './Footer';
-import { FooterNav } from './FooterNav';
-import { FooterNavItem } from './FooterNavItem';
-import { Form } from './Form';
-import { FyreCard } from './FyreCard';
-import { Greeting } from './Greeting';
-import { HorizontalLine } from './HorizontalLine';
-import { Icon } from './Icon';
-import { IconCard } from './IconCard';
-import { Image } from './Image';
-import { ImageLink } from './ImageLink';
-import { ImageLinkList } from './ImageLinkList';
-import { InformationIcon } from './InformationIcon';
-import { Input } from './Input';
-import { Jumbotron } from './Jumbotron';
-import { MenuButton } from './MenuButton';
-import { Modal } from './Modal';
-import { NavItem } from './NavItem';
-import { NavOld } from './NavOld';
-import { Nav } from './NavTwo';
-import { NewsCard } from './NewsCard';
-import { Pill } from './Pill';
-import { ProductCard } from './ProductCard';
-import { ProductCardV2 } from './ProductCardV2';
-import { Profile } from './Profile';
-import { Row } from './Row';
-import { Search } from './Search';
-import { Select } from './Select';
-import { SocialBlock } from './SocialBlock';
-import { StarRating } from './StarRating';
-import { Testimonial } from './Testimonial';
-import { TextAndTitle } from './TextAndTitle';
-import { TextArea } from './TextArea';
-import { Timeline } from './Timeline';
-import { Tubestops } from './Tubestops';
-import { UserIcon } from './UserIcon';
-import { Video } from './Video';
-
-export {
-  Accordion,
-  AlertBar,
-  Breadcrumbs,
-  BreadcrumbsBordered,
-  BreadcrumbsItem,
-  Button,
-  CalendarComponent,
-  Card,
-  CardWithTopImage,
-  Checkbox,
-  Carousel,
-  CarouselThumbnail,
-  Collapsible,
-  Column,
-  Counter,
-  Container,
-  DetailUpdater,
-  DynamicTextSection,
-  Dialog,
-  DropdownMenu,
-  FilterItem,
-  Form,
-  Footer,
-  FooterNav,
-  FooterNavItem,
-  FyreCard,
-  Greeting,
-  HorizontalLine,
-  Icon,
-  IconCard,
-  Image,
-  ImageLink,
-  ImageLinkList,
-  InformationIcon,
-  Input,
-  Jumbotron,
-  MenuButton,
-  Modal,
-  NavOld,
-  Nav,
-  NavItem,
-  NewsCard,
-  Pill,
-  ProductCard,
-  ProductCardV2,
-  Profile,
-  Row,
-  Search,
-  Select,
-  SocialBlock,
-  StarRating,
-  Testimonial,
-  TextAndTitle,
-  TextArea,
-  Timeline,
-  Tubestops,
-  UserIcon,
-  Video,
-};

package/src/components/typography/Fonts/Fonts.stories.tsx

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

package/src/components/typography/Fonts/Fonts.tsx

@@ -1,74 +0,0 @@
-import { Icon } from '@components/Icon';
-import { faCheck } from '@fortawesome/fontawesome-free-solid';
-import { type IconProp } from '@fortawesome/fontawesome-svg-core';
-
-import '../../../styles/global.css';
-
-export const Fonts = () => {
-  return (
-    <div>
-      <h2>Font sizes</h2>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-xxs font-regular">This text is xxs</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-xs font-regular">This text is xs</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-sm font-regular">This text is sm</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-md font-regular">This text is md</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-lg font-regular">This text is lg</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-xl font-regular">This text is xl</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-xxl font-regular">This text is xxl</p>
-      </div>
-      <h2>Font weights</h2>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-md font-thin">This font is thin</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-md font-extraLight">This font is extra light</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-md font-light">This font is light</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-md font-regular">This font is regular</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-md font-medium">This font is medium</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-md font-semiBold">This font is semi bold</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-md font-bold">This font is bold</p>
-      </div>
-      <div className="flex items-center">
-        <Icon icon={faCheck as IconProp} />
-        <p className="text-md font-extraBold">This font is extra bold</p>
-      </div>
-    </div>
-  );
-}

package/src/documentation/Colours.mdx

@@ -1,192 +0,0 @@
-import { Meta, Unstyled } from '@storybook/blocks';
-
-<Meta title="colour/Palette" />
-
-<Unstyled>
-    <div className='px-4 grid grid-cols-1 gap-12'>
-      <div>
-        <h2 className='py-4'>Defaults</h2>
-        <div className='grid grid-cols-4 gap-6'>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-primary' />
-            <p>Primary</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-secondary' />
-            <p>Secondary</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-third' />
-            <p>Third</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-white' />
-            <p>White</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-black' />
-            <p>Black</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-grey' />
-            <p>Grey</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-light-grey' />
-            <p>Light Grey</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-lightest-grey' />
-            <p>Lightest Grey</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-border' />
-            <p>Border</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-border-light' />
-            <p>Border Light</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-border-lightest' />
-            <p>Border Lightest</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-border-dark' />
-            <p>Border Dark</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-primary-strict' />
-            <p>Primary Strict</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-red' />
-            <p>Red</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-gold' />
-            <p>Gold</p>
-          </div>
-
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-ink' />
-            <p>Ink</p>
-          </div>
-        </div>
-      </div>
-      <div>
-        <h2 className='py-4'>Feedback</h2>
-        <div className='grid grid-cols-4 gap-6'>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-success' />
-            <p>Success</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-error' />
-            <p>Error</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-warning' />
-            <p>Warning</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-info' />
-            <p>Info</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-success-light' />
-            <p>Success Light</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-error-light' />
-            <p>Error Light</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-warning-light' />
-            <p>Warning Light</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-info-light' />
-            <p>Info Light</p>
-          </div>
-        </div>
-      </div>
-      <div>
-        <h2 className='py-4'>Socials</h2>
-        <div className='grid grid-cols-4 gap-6'>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-facebook' />
-            <p>Facebook</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-linkedin' />
-            <p>Linkedin</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-email' />
-            <p>Email</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-github' />
-            <p>Github</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-whatsapp' />
-            <p>Whatsapp</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-twitter' />
-            <p>Twitter</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-instagram' />
-            <p>Instagram</p>
-          </div>
-        </div>
-      </div>
-      <div>
-        <h2 className='py-4'>Interactive Socials</h2>
-        <div className='grid grid-cols-4 gap-6'>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-interactive-facebook' />
-            <p>Interactive Facebook</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-interactive-linkedin' />
-            <p>Interactive Linkedin</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-interactive-email' />
-            <p>Interactive Email</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-interactive-github' />
-            <p>Interactive Github</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-interactive-whatsapp' />
-            <p>Interactive Whatsapp</p>
-          </div>
-          <div className='grid grid-cols-1 gap-1'>
-            <div className='h-6 rounded-md bg-interactive-twitter' />
-            <p>Interactive Twitter</p>
-          </div>
-        </div>
-      </div>
-    </div>
-
-</Unstyled>

package/src/documentation/Introduction.mdx

@@ -1,9 +0,0 @@
-import { Meta, Unstyled } from '@storybook/blocks';
-
-<Meta title="guides/Introduction" />
-
-<img src="trepur-components-logo.png" width="200" />
-
-# Trepur Components
-
-Welcome to Trepur Components, the design system for Trepur Tech

package/src/index.ts

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

package/src/styles/global.css

@@ -1,75 +0,0 @@
-@import './themes/palette.css';
-@import './themes/local.css';
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@font-face {
-  font-family: 'Sora';
-  src: url('../fonts/Sora/static/Sora-Thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Sora';
-  src: url('../fonts/Sora/static/Sora-ExtraLight.ttf') format('truetype');
-  font-weight: 200;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Sora';
-  src: url('../fonts/Sora/static/Sora-Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Sora';
-  src: url('../fonts/Sora/static/Sora-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Sora';
-  src: url('../fonts/Sora/static/Sora-Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Sora';
-  src: url('../fonts/Sora/static/Sora-SemiBold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Sora';
-  src: url('../fonts/Sora/static/Sora-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Sora';
-  src: url('../fonts/Sora/static/Sora-ExtraBold.ttf') format('truetype');
-  font-weight: 800;
-  font-style: normal;
-}
-
-.slick-track {
-  display: flex !important;
-}
-
-.slick-slide {
-  height: inherit !important;
-}
-
-.slick-slide > div {
-  height: 100%;
-  display: flex;
-}