trepur_components 2.3.8 → 2.3.10

package/lib/components/index.d.ts

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

package/lib/documentation/assets/index.d.ts

@@ -0,0 +1,3 @@
+import { default as TrepurComponentsLogo } from './trepurComponentsLogo.svg';
+
+export { TrepurComponentsLogo };

package/lib/index.js

@@ -1,118 +1,72 @@
 import { Accordion as e } from "./components/Accordion/index.js";
 import { AlertBar as m } from "./components/AlertBar/index.js";
 import { Breadcrumbs as x } from "./components/Breadcrumbs/index.js";
-import { BreadcrumbsBordered as a } from "./components/BreadcrumbsBordered/index.js";
-import { BreadcrumbsItem as i } from "./components/BreadcrumbsItem/index.js";
-import { Button as d } from "./components/Button/index.js";
-import { CalendarComponent as u } from "./components/Calendar/index.js";
-import { Card as I } from "./components/Card/index.js";
-import { CardWithTopImage as T } from "./components/CardWithTopImage/index.js";
-import { Checkbox as B } from "./components/Checkbox/index.js";
-import { Carousel as F } from "./components/Carousel/index.js";
-import { CarouselThumbnail as v } from "./components/CarouselThumbnail/index.js";
-import { Collapsible as h } from "./components/Collapsible/index.js";
-import { Column as A } from "./components/Column/index.js";
-import { Counter as L } from "./components/Counter/index.js";
-import { Container as w } from "./components/Container/index.js";
-import { DetailUpdater as y } from "./components/DetailUpdater/index.js";
-import { DynamicTextSection as U } from "./components/DynamicTextSection/index.js";
-import { Dialog as z } from "./components/Dialog/index.js";
-import { DropdownMenu as H } from "./components/DropdownMenu/index.js";
-import { FilterItem as O } from "./components/FilterItem/index.js";
-import { Form as j } from "./components/Form/index.js";
-import { Footer as E } from "./components/Footer/index.js";
-import { FooterNav as Q } from "./components/FooterNav/index.js";
-import { FooterNavItem as Y } from "./components/FooterNavItem/index.js";
-import { FyreCard as _ } from "./components/FyreCard/index.js";
-import { Greeting as oo } from "./components/Greeting/index.js";
-import { HorizontalLine as eo } from "./components/HorizontalLine/index.js";
-import { Icon as mo } from "./components/Icon/index.js";
-import { IconCard as xo } from "./components/IconCard/index.js";
-import { Image as ao } from "./components/Image/index.js";
-import { ImageLink as io } from "./components/ImageLink/index.js";
-import { ImageLinkList as co } from "./components/ImageLinkList/index.js";
-import { InformationIcon as Co } from "./components/InformationIcon/index.js";
-import { Input as so } from "./components/Input/index.js";
-import { Jumbotron as bo } from "./components/Jumbotron/index.js";
-import { MenuButton as go } from "./components/MenuButton/index.js";
-import { Modal as No } from "./components/Modal/index.js";
-import { NavOld as So } from "./components/NavOld/index.js";
-import { Nav as ko } from "./components/NavTwo/index.js";
-import { NavItem as Do } from "./components/NavItem/index.js";
-import { NewsCard as Po } from "./components/NewsCard/index.js";
-import { Pill as Mo } from "./components/Pill/index.js";
-import { ProductCard as Ro } from "./components/ProductCard/index.js";
-import { ProductCardV2 as Vo } from "./components/ProductCardV2/index.js";
-import { Profile as Go } from "./components/Profile/index.js";
-import { Row as Jo } from "./components/Row/index.js";
-import { Search as Wo } from "./components/Search/index.js";
-import { Select as qo } from "./components/Select/index.js";
-import { SocialBlock as Ko } from "./components/SocialBlock/index.js";
-import { StarRating as Xo } from "./components/StarRating/index.js";
-import { Testimonial as Zo } from "./components/Testimonial/index.js";
-import { TextAndTitle as $o } from "./components/TextAndTitle/index.js";
-import { TextArea as rr } from "./components/TextArea/index.js";
-import { Timeline as tr } from "./components/Timeline/index.js";
-import { Tubestops as pr } from "./components/Tubestops/index.js";
-import { UserIcon as fr } from "./components/UserIcon/index.js";
-import { Video as nr } from "./components/Video/index.js";
+import { Button as a } from "./components/Button/index.js";
+import { CalendarComponent as n } from "./components/Calendar/index.js";
+import { Card as u } from "./components/Card/index.js";
+import { Checkbox as C } from "./components/Checkbox/index.js";
+import { Carousel as c } from "./components/Carousel/index.js";
+import { CarouselThumbnail as I } from "./components/CarouselThumbnail/index.js";
+import { Collapsible as g } from "./components/Collapsible/index.js";
+import { Counter as h } from "./components/Counter/index.js";
+import { DetailUpdater as A } from "./components/DetailUpdater/index.js";
+import { Dialog as F } from "./components/Dialog/index.js";
+import { Dropdown as S } from "./components/Dropdown/index.js";
+import { Form as k } from "./components/Form/index.js";
+import { Footer as G } from "./components/Footer/index.js";
+import { FooterNav as U } from "./components/FooterNav/index.js";
+import { Greeting as j } from "./components/Greeting/index.js";
+import { Icon as y } from "./components/Icon/index.js";
+import { Image as E } from "./components/Image/index.js";
+import { ImageCard as J } from "./components/ImageCard/index.js";
+import { Input as L } from "./components/Input/index.js";
+import { MenuButton as Q } from "./components/MenuButton/index.js";
+import { Modal as W } from "./components/Modal/index.js";
+import { Nav as Y } from "./components/Nav/index.js";
+import { NavItem as _ } from "./components/NavItem/index.js";
+import { Pill as oo } from "./components/Pill/index.js";
+import { Search as eo } from "./components/Search/index.js";
+import { Select as mo } from "./components/Select/index.js";
+import { Stars as xo } from "./components/Stars/index.js";
+import { Testimonial as ao } from "./components/Testimonial/index.js";
+import { TextArea as no } from "./components/TextArea/index.js";
+import { Timeline as uo } from "./components/Timeline/index.js";
+import { Tubestops as so } from "./components/Tubestops/index.js";
+import { Video as bo } from "./components/Video/index.js";
 export {
   e as Accordion,
   m as AlertBar,
   x as Breadcrumbs,
-  a as BreadcrumbsBordered,
-  i as BreadcrumbsItem,
-  d as Button,
-  u as CalendarComponent,
-  I as Card,
-  T as CardWithTopImage,
-  F as Carousel,
-  v as CarouselThumbnail,
-  B as Checkbox,
-  h as Collapsible,
-  A as Column,
-  w as Container,
-  L as Counter,
-  y as DetailUpdater,
-  z as Dialog,
-  H as DropdownMenu,
-  U as DynamicTextSection,
-  O as FilterItem,
-  E as Footer,
-  Q as FooterNav,
-  Y as FooterNavItem,
-  j as Form,
-  _ as FyreCard,
-  oo as Greeting,
-  eo as HorizontalLine,
-  mo as Icon,
-  xo as IconCard,
-  ao as Image,
-  io as ImageLink,
-  co as ImageLinkList,
-  Co as InformationIcon,
-  so as Input,
-  bo as Jumbotron,
-  go as MenuButton,
-  No as Modal,
-  ko as Nav,
-  Do as NavItem,
-  So as NavOld,
-  Po as NewsCard,
-  Mo as Pill,
-  Ro as ProductCard,
-  Vo as ProductCardV2,
-  Go as Profile,
-  Jo as Row,
-  Wo as Search,
-  qo as Select,
-  Ko as SocialBlock,
-  Xo as StarRating,
-  Zo as Testimonial,
-  $o as TextAndTitle,
-  rr as TextArea,
-  tr as Timeline,
-  pr as Tubestops,
-  fr as UserIcon,
-  nr as Video
+  a as Button,
+  n as CalendarComponent,
+  u as Card,
+  c as Carousel,
+  I as CarouselThumbnail,
+  C as Checkbox,
+  g as Collapsible,
+  h as Counter,
+  A as DetailUpdater,
+  F as Dialog,
+  S as Dropdown,
+  G as Footer,
+  U as FooterNav,
+  k as Form,
+  j as Greeting,
+  y as Icon,
+  E as Image,
+  J as ImageCard,
+  L as Input,
+  Q as MenuButton,
+  W as Modal,
+  Y as Nav,
+  _ as NavItem,
+  oo as Pill,
+  eo as Search,
+  mo as Select,
+  xo as Stars,
+  ao as Testimonial,
+  no as TextArea,
+  uo as Timeline,
+  so as Tubestops,
+  bo as Video
 };

package/lib/styles/global.css

@@ -1,5 +1,5 @@
-@import './themes/palette.css';
 @import './themes/local.css';
+@import './themes/test.css';
 
 @tailwind base;
 @tailwind components;

package/lib/styles/themes/local.css

@@ -1,7 +1,4 @@
 body {
-  --color-primary: #0036a0;
-  --color-secondary: #e2e2e2;
-  --color-tertiary: #921457;
   --color-ink: #495863;
   --color-transparent: transparent;
   --color-white: #ffffff;
@@ -15,8 +12,6 @@ body {
   --color-border-lightest: #eeeeee;
   --color-border-light: #d8d8d8;
   --color-border-dark: #616161;
-  --color-error-light: #ffd9d9;
-  --color-success-light: #e7f5e7;
   --color-facebook: #3b5999;
   --color-whatsapp: #25d366;
   --color-twitter: #55acee;
@@ -32,9 +27,66 @@ body {
   --color-interactive-email: #9f110c;
   --color-interactive-github: #000000;
   --color-gold: #e2b13c;
-  --color-error: #b11013;
-  --color-warning: #ffd35c;
-  --color-success: #69c364;
-  --color-info-light: #d8eaf5;
   --color-linkedin: #0e76a8;
+
+  --color-primary: #0036a0;
+  --color-secondary: #e2e2e2;
+  --color-tertiary: #921457;
+
+  /* pill */
+  --color-error-default: #b91c1c;
+  --color-warning-default: #a16207;
+  --color-success-default: #047857;
+  --color-info-default: #0369a1;
+
+  --color-error-light: #fca5a5;
+  --color-warning-light: #fde047;
+  --color-success-light: #6ee7b7;
+  --color-info-light: #7dd3fc;
+
+  /* Button */
+  --color-button-primary-active: #010c23;
+  --color-button-primary-border: #1b54c6;
+  --color-button-primary-bg: #1b54c6;
+  --color-button-primary-text: #ffffff;
+  --color-button-primary-hover: #012c82;
+
+  --color-button-secondary-active: #533200;
+  --color-button-secondary-border: #c65f1b;
+  --color-button-secondary-bg: #c67c1b;
+  --color-button-secondary-text: #b2b2b2;
+  --color-button-secondary-hover: #825101;
+
+  --color-button-ghost-active: #242424;
+  --color-button-ghost-border: #ffffff00;
+  --color-button-ghost-bg: #0055ff00;
+  --color-button-ghost-text: #000000;
+  --color-button-ghost-hover: #5f5f5f;
+
+  /* Footer */
+  --color-footer-bg: #1b54c6;
+  --color-footer-text: #ffffff;
+
+  /* Star */
+  --color-star: #f5bf1f;
+
+  /* Tubestops */
+  --color-tubestop-station-active: #57e31b;
+  --color-tubestop-station-complete: #c9c8c8;
+  --color-tubestop-station-future: #5a4f45;
+  --color-tubestop-line-complete: #c9c8c8;
+  --color-tubestop-line-future: #707070;
+  --color-tubestop-text-active: #000000;
+  --color-tubestop-text-complete: #c9c8c8;
+  --color-tubestop-text-future: #5b5b5b;
+
+  /* Carousel */
+  --color-carousel-dots-active: #1a1dd9;
+  --color-carousel-dots-default: #2c2525;
+  --color-carousel-dots-hover: #1a1dd9;
+  --color-carousel-arrow-default: #31a3dd;
+  --color-carousel-arrow-hover: #ae127a;
+
+  /* Nav */
+  --color-nav: #ae127a;
 }

package/lib/styles/themes/test.css

@@ -0,0 +1,28 @@
+body.theme-test {
+  --color-primary: #0036a0;
+  --color-secondary: #0036a0;
+  --color-tertiary: #0036a0;
+  --color-ink: #0036a0;
+  --color-transparent: #0036a0;
+  --color-white: #0036a0;
+  --color-black: #0036a0;
+  --color-red: #0036a0;
+  --color-grey: #0036a0;
+  --color-light-grey: #0036a0;
+  --color-lightest-grey: #0036a0;
+  --color-primary-strict: #0036a0;
+  --color-border: #0036a0;
+  --color-border-lightest: #0036a0;
+  --color-border-light: #0036a0;
+  --color-border-dark: #0036a0;
+
+  --color-error-default: #0036a0;
+  --color-warning-default: #0036a0;
+  --color-success-default: #0036a0;
+  --color-info-default: #0036a0;
+
+  --color-error-light: #0036a0;
+  --color-warning-light: #0036a0;
+  --color-success-light: #0036a0;
+  --color-info-light: #0036a0;
+}