trepur_components 2.3.7 → 2.3.8

package/archive/NavOld/style.module.css

@@ -1,156 +0,0 @@
-.wrapperCalsses {
-  @apply flex min-h-screen flex-col;
-}
-
-.defaultNavClasses {
-  @apply fixed bottom-0 left-0 right-0 top-0 z-50 h-full w-full bg-primary transition-opacity duration-700;
-}
-
-.navOpen {
-  @apply visible opacity-100;
-}
-
-.navClosed {
-  @apply invisible opacity-0;
-}
-
-.desktopNav {
-  @apply relative z-50;
-  @apply flex items-center justify-between;
-}
-
-.desktopNavDropShadow {
-  @apply drop-shadow-lg;
-}
-
-.mobileNav {
-  @apply relative z-50;
-}
-
-.stickyNav {
-  @apply fixed top-0 z-40 w-full overflow-hidden opacity-0 transition-all duration-500;
-}
-
-.stickyNavDropShadow {
-  @apply drop-shadow-lg;
-}
-
-.showStickyNav {
-  @apply opacity-100 transition-all duration-1000;
-}
-
-.invisible {
-  @apply hidden;
-}
-
-.primary {
-  @apply bg-primary text-secondary;
-}
-
-.secondary {
-  @apply bg-secondary text-primary;
-}
-
-.tertiary {
-  @apply bg-tertiary text-secondary;
-}
-
-.white {
-  @apply bg-white text-black;
-}
-
-.black {
-  @apply bg-black text-white;
-}
-
-.collapseBtnWrapper {
-  @apply absolute inset-y-0 left-8 top-4;
-}
-
-.collapseBtnWrapper:hover > button {
-  @apply text-primary;
-}
-
-.navItems {
-  @apply hidden w-96 justify-center py-6 md:flex md:pr-16 lg:pr-0;
-}
-
-.navItemPadding {
-  @apply mx-auto w-24 text-center;
-}
-
-.logoClassList {
-  @apply my-2 hidden w-96 md:flex;
-}
-
-.textClassList {
-  @apply hidden w-96 flex-row-reverse lg:flex;
-}
-
-.profileClassList {
-  @apply hidden w-96 flex-row-reverse md:flex;
-}
-
-.desktopLogo:focus {
-  @apply border-2 border-white;
-}
-
-.mobileLogo {
-  @apply mx-auto my-2;
-}
-
-.mobileLogo:focus {
-  @apply border-2 border-white;
-}
-
-.mobileContainer {
-  @apply flex items-center md:hidden;
-}
-
-.mobileDropDownMenu {
-  @apply space-y-1 pb-3 pt-2;
-}
-
-.dropDownNavClassList {
-  @apply z-50 overflow-hidden md:hidden;
-}
-
-.mobileDropDownMenuNavItems {
-  @apply pl-8 pt-2;
-}
-
-.dropDownCollapsed {
-  @apply h-0;
-}
-
-.sideNavClassList {
-  @apply fixed z-50 h-full overflow-hidden duration-700 md:hidden;
-}
-
-.mobileSideBarMenu {
-  @apply space-y-1 pb-3 pt-2;
-}
-
-.mobileSideBarMenuNavItems {
-  @apply pl-2 pt-4;
-}
-
-.mobileSideBarMenuNavItems:focus {
-  @apply border-2 border-white;
-}
-
-.sideBarCollapsed {
-  @apply w-0;
-}
-
-.sideBarExpanded {
-  @apply h-screen w-full sm:w-1/3;
-}
-
-.dark {
-  @apply bg-primary text-white;
-}
-
-.light {
-  @apply bg-white text-primary;
-}

package/archive/NavTwo/style.module.css

@@ -1,35 +0,0 @@
-.defaultNavClasses {
-  @apply fixed bottom-0 left-0 right-0 top-0 z-50 h-full w-full bg-primary transition-opacity duration-700;
-}
-
-.navOpen {
-  @apply visible opacity-100;
-}
-
-.navClosed {
-  @apply invisible opacity-0;
-}
-
-.stickyNav {
-  @apply fixed top-0 z-40 w-full overflow-hidden opacity-0 transition-all duration-500;
-}
-
-.showStickyNav {
-  @apply opacity-100 transition-all duration-1000;
-}
-
-.dropDownCollapsed {
-  @apply hidden h-0;
-}
-
-.sideNavClassList {
-  @apply fixed z-50 h-full overflow-hidden duration-700 md:hidden;
-}
-
-.sideBarCollapsed {
-  @apply w-0;
-}
-
-.sideBarExpanded {
-  @apply h-screen w-full sm:w-1/3;
-}

package/archive/NewsCard/style.module.css

@@ -1,15 +0,0 @@
-.rounded {
-  @apply rounded-lg;
-}
-
-.classList {
-  @apply flex border p-2;
-}
-
-.contentWrapper {
-  @apply flex w-auto flex-col justify-between text-center;
-}
-
-.buttonWrapper {
-  @apply px-8;
-}

package/archive/Pill/style.module.css

@@ -1,32 +0,0 @@
-.wrapperClasses {
-  @apply rounded-full border-2 py-1;
-  @apply inline-block border-primary text-primary;
-}
-
-.wrapperPadding {
-  @apply px-4;
-}
-
-.wrapperPaddingDismiss {
-  @apply pl-4 pr-1;
-}
-
-.classes {
-  @apply flex;
-}
-
-.icon {
-  @apply ml-2 rounded-full;
-}
-
-.visible {
-  @apply opacity-100;
-}
-
-.invisible {
-  @apply opacity-0;
-}
-
-.hidden {
-  @apply invisible;
-}

package/archive/ProductCard/style.module.css

@@ -1,53 +0,0 @@
-.classList {
-  @apply flex flex-col;
-  @apply rounded-lg;
-  @apply shadow-xl;
-  max-width: 380px;
-}
-
-.imageClassList {
-  @apply h-full w-full object-cover;
-  @apply h-96 overflow-hidden;
-  @apply rounded-t-lg;
-}
-
-.content {
-  height: 150px;
-  @apply overflow-hidden;
-}
-
-.contentWrapper {
-  @apply h-full;
-  @apply bg-white;
-  @apply mt-0 p-6;
-  @apply rounded-b-lg;
-  @apply transition-all duration-300;
-}
-
-.title {
-  @apply text-md font-medium;
-}
-
-.subtitle {
-  @apply text-sm font-regular;
-}
-
-.description {
-  @apply pb-6 text-sm font-light;
-}
-
-.hoverContentWrapper {
-  @apply flex h-full text-center;
-  @apply bg-white;
-  @apply mt-0 p-6;
-  @apply rounded-b-lg;
-  @apply transition-all duration-300;
-}
-
-.buttonWrapper {
-  @apply mx-auto my-auto;
-}
-
-.editButton {
-  @apply absolute right-2 top-2;
-}

package/archive/ProductCardV2/index.tsx

@@ -1,119 +0,0 @@
-import React from 'react';
-
-import Counter from '@components/Counter';
-import Icon, { type Props as iconProps } from '@components/Icon';
-import { type Props as imageProps } from '@components/Image';
-import classNames from 'classnames';
-
-
-
-export interface Props {
-  id?: string;
-  className?: string;
-  title?: string;
-  imageProps?: imageProps;
-  topRightIcon?: iconProps;
-  bottomRightIcon?: iconProps;
-  topLeftIcon?: iconProps;
-  bottomLeftIcon?: iconProps;
-  textLineOne?: string;
-  textLineTwo?: string;
-  textLineThree?: string;
-  onClick?: () => void;
-  onCounterClick?: (count: number) => void;
-  count?: number;
-  isSelected?: boolean;
-}
-
-const ProductCardV2: React.FC<Props> = ({
-  id,
-  className,
-  imageProps,
-  title,
-  textLineOne,
-  textLineTwo,
-  textLineThree,
-  topRightIcon,
-  bottomRightIcon,
-  topLeftIcon,
-  bottomLeftIcon,
-  onClick,
-  onCounterClick,
-  count,
-  isSelected = false,
-}: Props): JSX.Element => {
-  return (
-    <div
-      id={id}
-      className={classNames(
-        {
-          [style.cardSelected]: isSelected,
-        },
-        style.card,
-        className,
-        'theme-local',
-      )}
-      onClick={onClick}
-    >
-      <div className={style.imageContainer}>
-        <img className={style.image} {...imageProps} />
-        {topRightIcon && (
-          <Icon
-            {...topRightIcon}
-            className={classNames(topRightIcon.className, style.topRightIcon)}
-          />
-        )}
-        {bottomRightIcon && (
-          <Icon
-            {...bottomRightIcon}
-            colour="success"
-            className={classNames(
-              bottomRightIcon.className,
-              style.bottomRightIcon,
-            )}
-          />
-        )}
-        {topLeftIcon && (
-          <Icon
-            {...topLeftIcon}
-            className={classNames(topLeftIcon.className, style.topLeftIcon)}
-          />
-        )}
-        {bottomLeftIcon && (
-          <Icon
-            {...bottomLeftIcon}
-            colour="success"
-            className={classNames(
-              bottomLeftIcon.className,
-              style.bottomLeftIcon,
-            )}
-          />
-        )}
-        {count && (
-          <div className={classNames(style.counter)}>
-            <Counter
-              count={count}
-              onClick={(newCount: number) => {
-                onCounterClick?.(newCount);
-              }}
-            />
-          </div>
-        )}
-      </div>
-      <div className={style.contentWrapper}>
-        {title !== undefined && <h3 className={style.title}>{title}</h3>}
-        {textLineOne !== undefined && (
-          <h4 className={style.subtitle}>{textLineOne}</h4>
-        )}
-        {textLineTwo !== undefined && (
-          <h4 className={style.subtitle}>{textLineTwo}</h4>
-        )}
-        {textLineThree !== undefined && (
-          <h4 className={style.subtitle}>{textLineThree}</h4>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default ProductCardV2;

package/archive/ProductCardV2/style.module.css

@@ -1,59 +0,0 @@
-.card {
-  max-width: 600px;
-  @apply scale-100 transform cursor-pointer duration-300;
-}
-
-.card:hover {
-  @apply scale-105 transform duration-300;
-}
-
-.cardSelected {
-  @apply rounded-lg border-2 border-border-light p-2;
-}
-
-.image {
-  @apply w-full rounded-xl;
-  @apply object-cover;
-  @apply bg-white;
-  aspect-ratio: 1 / 1;
-}
-
-.imageContainer {
-  @apply relative;
-}
-
-.contentWrapper {
-  @apply mt-4;
-}
-
-.title {
-  @apply text-md font-light text-ink;
-}
-
-.subtitle {
-  @apply text-sm font-extraLight text-border-dark;
-}
-
-.description {
-  @apply pb-6 text-sm font-light;
-}
-
-.topRightIcon {
-  @apply absolute right-4 top-4 cursor-pointer;
-}
-
-.topLeftIcon {
-  @apply absolute left-4 top-4 cursor-pointer;
-}
-
-.bottomRightIcon {
-  @apply absolute bottom-4 right-4 cursor-pointer;
-}
-
-.bottomLeftIcon {
-  @apply absolute bottom-4 left-4 cursor-pointer;
-}
-
-.counter {
-  @apply absolute bottom-4 left-4 cursor-pointer;
-}

package/archive/Proficiencies/style.module.css

@@ -1,31 +0,0 @@
-.classList {
-  @apply mx-auto w-full;
-}
-
-.container {
-  @apply py-8;
-}
-
-.heading {
-  @apply pt-0;
-}
-
-.title {
-  @apply pb-2 text-md font-medium text-grey;
-}
-
-.description {
-  @apply pb-8 text-sm font-medium text-grey;
-}
-
-.columnWrapper {
-  @apply flex flex-wrap;
-}
-
-.column {
-  @apply pb-4;
-}
-
-.image {
-  @apply mx-auto md:mx-0;
-}

package/archive/Profile/style.module.css

@@ -1,47 +0,0 @@
-.classList {
-  @apply object-cover text-center;
-}
-
-.floatRight {
-  @apply float-right;
-}
-
-.floatLeft {
-  @apply float-left;
-}
-
-.dropdownRight {
-  @apply -mr-16 mt-16;
-}
-
-.dropdownLeft {
-  @apply -ml-16 mt-16;
-}
-
-.center {
-  @apply text-center;
-}
-
-.rouned {
-  @apply rounded-full;
-}
-
-.bordered {
-  @apply border;
-}
-
-.buttonClassList {
-  @apply flex rounded-full;
-}
-
-.linksWrapper {
-  @apply z-10 w-48 shadow-lg sm:inline-block;
-}
-
-.linkClassList {
-  @apply block border-b px-4 py-2 text-sm font-bold;
-}
-
-.buttonWrapper {
-  @apply inset-y-0 hidden  sm:inline-flex;
-}

package/archive/Row/style.module.css

@@ -1,3 +0,0 @@
-.classList {
-  @apply flex flex-wrap;
-}

package/archive/Search/style.module.css

@@ -1,23 +0,0 @@
-.classList {
-  @apply flex;
-}
-
-.inputClassList {
-  @apply w-full rounded-md border-2 py-2 pr-9;
-}
-
-.leftIcon {
-  @apply pl-9;
-}
-
-.noLeftIcon {
-  @apply pl-2;
-}
-
-.text {
-  @apply py-2 pr-4;
-}
-
-.inputWrapper {
-  @apply relative flex w-full;
-}

package/archive/Select/style.module.css

@@ -1,52 +0,0 @@
-.classList {
-  @apply w-full rounded-xl bg-white;
-  @apply shadow drop-shadow;
-  @apply flex cursor-pointer flex-row justify-between px-4;
-}
-
-.fullWidth {
-  @apply w-full;
-}
-
-.notFullWidth {
-  @apply sm:w-72;
-}
-
-.labelContainer {
-  @apply flex flex-col;
-}
-
-.labelWrapper {
-  @apply absolute mt-2 flex bg-white text-xs font-thin;
-}
-
-.required {
-  @apply font-semiBold text-error;
-}
-
-.value {
-  @apply rounded-xl border-ink bg-white pb-1 pt-6 text-ink;
-  @apply flex justify-between;
-}
-
-.icon {
-  @apply my-auto;
-}
-
-.dropdownWrapper {
-  @apply relative z-20;
-}
-
-.optionList {
-  @apply absolute w-full bg-white;
-  @apply mt-2 rounded-2xl py-4;
-  @apply shadow-xl;
-  @apply border border-lightest-grey;
-  @apply h-64 overflow-scroll;
-}
-
-.option {
-  @apply bg-white text-ink hover:bg-lightest-grey;
-  @apply hover:cursor-pointer;
-  @apply px-4 py-2;
-}

package/archive/Showcase/index.tsx

@@ -1,75 +0,0 @@
-import React from 'react';
-
-import Avatar from '@components/Avatar';
-import ComponentWrapper from '@components/ComponentWrapper';
-import Container from '@components/Container';
-import Icon, { type Props as iconProps } from '@components/Icon';
-import { type Colours } from '@utils/controls';
-import classNames from 'classnames';
-
-
-
-export interface Props {
-  id: string;
-  className?: string;
-  title: string;
-  subTitle: string;
-  description: string;
-  bgColour?: Colours;
-  image: string;
-
-  size?: 'small' | 'medium' | 'large';
-  iconProps?: iconProps;
-}
-
-const Showcase: React.FC<Props> = ({
-  id,
-  className,
-  title,
-  subTitle,
-  description,
-  bgColour,
-  size = 'large',
-
-  iconProps,
-}: Props): JSX.Element => {
-  const classList = classNames(className, 'theme-local');
-
-  const containerSize = classNames(
-    {
-      [style.smallContainer]: size === 'small',
-      [style.mediumContainer]: size === 'medium',
-      [style.largeContainer]: size === 'large',
-    },
-    style.container,
-  );
-
-  return (
-    <ComponentWrapper id={id} className={classList} bgColour={bgColour}>
-      <Container className={containerSize}>
-        <div className={style.textWrapper}>
-          <h2 className={style.title}>{title}</h2>
-          <h2 className={style.subTitle}>{subTitle}</h2>
-          <p className={style.description}>{description}</p>
-        </div>
-        <div className={style.avatarWrapper}>
-          <Avatar />
-        </div>
-      </Container>
-      {iconProps?.type !== undefined && (
-        <div className={style.iconWrapper}>
-          <Icon
-            className={style.icon}
-            size={2}
-            rounded
-            {...iconProps}
-            type={iconProps.type}
-            onClick={iconProps.onClick}
-          />
-        </div>
-      )}
-    </ComponentWrapper>
-  );
-};
-
-export default Showcase;