@inceptionbg/iui 1.0.4 → 1.0.6

package/src/Elements/Tooltip/Tooltip.tsx

@@ -1,116 +0,0 @@
-import clsx from "clsx";
-import {
-  cloneElement,
-  Dispatch,
-  FC,
-  ReactElement,
-  SetStateAction,
-  useEffect,
-  useRef,
-  useState,
-} from "react";
-import { createPortal } from "react-dom";
-import "./tooltip.scss";
-
-type Position = "left" | "right" | "top" | "bottom";
-interface Props {
-  label?: string;
-  position?: Position;
-  disabled?: boolean;
-  className?: string;
-  children: ReactElement;
-}
-export const Tooltip: FC<Props> = ({
-  label,
-  position = "bottom",
-  disabled,
-  className,
-  children,
-}) => {
-  const [newPosition, setNewPosition] = useState<Position | "">("");
-
-  const containerRef = useRef<any>(null);
-  const tooltipRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!disabled && !!label) {
-      const container = containerRef.current;
-      const tooltip = tooltipRef.current;
-
-      const onMouseEnter = () => {
-        if (container && tooltip) {
-          setAbsolutePosition(container, tooltip, position, setNewPosition);
-          tooltip?.classList.add("visible");
-        }
-      };
-      const onMouseLeave = () => tooltip?.classList.remove("visible");
-
-      container?.addEventListener("mouseenter", onMouseEnter);
-      container?.addEventListener("mouseleave", onMouseLeave);
-
-      return () => {
-        container?.removeEventListener("mouseenter", onMouseEnter);
-        container?.removeEventListener("mouseleave", onMouseLeave);
-      };
-    }
-  }, [disabled, label, position]);
-
-  return !!label && !disabled ? (
-    <>
-      {cloneElement(children, { ref: containerRef })}
-      {createPortal(
-        <div ref={tooltipRef} className={clsx("tooltip-container", className)}>
-          <div className="tooltip">
-            <div className={clsx("arrow", newPosition || position)} />
-            <div>{label}</div>
-          </div>
-        </div>,
-        document.body
-      )}
-    </>
-  ) : (
-    children
-  );
-};
-
-const setAbsolutePosition = (
-  containerEl: HTMLDivElement,
-  targetEl: HTMLDivElement,
-  position: Position,
-  setNewPosition: Dispatch<SetStateAction<Position | "">>
-) => {
-  const containerRect = containerEl.getBoundingClientRect();
-  const tooltipRect = targetEl.getBoundingClientRect();
-
-  if (position === "bottom" || position === "top") {
-    const bottom = Math.floor(containerRect.bottom + 16);
-    const top = Math.floor(containerRect.top - tooltipRect.height - 16);
-    const leftCenter = Math.floor(
-      containerRect.left + containerRect.width / 2 - tooltipRect.width / 2
-    );
-    const reverse =
-      position === "top"
-        ? top < 0
-        : bottom + tooltipRect.height > window.innerHeight;
-
-    setNewPosition(reverse ? (position === "bottom" ? "top" : "bottom") : "");
-
-    targetEl.style.top = `${
-      position === "bottom" ? (reverse ? top : bottom) : reverse ? bottom : top
-    }px`;
-    targetEl.style.left = `${leftCenter}px`;
-  } else if (position === "right") {
-    targetEl.style.top =
-      Math.floor(
-        containerRect.top + containerRect.height / 2 - tooltipRect.height / 2
-      ) + "px";
-    targetEl.style.left = Math.floor(containerRect.right + 16) + "px";
-  } else if (position === "left") {
-    targetEl.style.top =
-      Math.floor(
-        containerRect.top + containerRect.height / 2 - tooltipRect.height / 2
-      ) + "px";
-    targetEl.style.left =
-      Math.floor(containerRect.left - tooltipRect.width - 16) + "px";
-  }
-};

package/src/Elements/Tooltip/tooltip.scss

@@ -1,46 +0,0 @@
-.tooltip-container {
-  position: fixed;
-  border-radius: 8px;
-  background: #222;
-  color: #fff;
-  font-size: 12px;
-  font-weight: bold;
-  white-space: nowrap;
-  padding: 8px 16px;
-  text-align: center;
-  z-index: 1001;
-  transition: 0.3s opacity;
-  &:not(.visible) {
-    visibility: hidden;
-    opacity: 0;
-  }
-}
-.tooltip {
-  position: relative;
-  height: 100%;
-  .arrow {
-    position: absolute;
-    border: 8px solid #222;
-    z-index: 1001;
-    &.top {
-      top: calc(100% + 8px);
-      left: calc(50% - 8px);
-      border-color: #222 transparent transparent transparent;
-    }
-    &.bottom {
-      bottom: calc(100% + 8px);
-      left: calc(50% - 8px);
-      border-color: transparent transparent #222 transparent;
-    }
-    &.left {
-      top: calc(50% - 8px);
-      left: calc(100% + 16px);
-      border-color: transparent transparent transparent #222;
-    }
-    &.right {
-      top: calc(50% - 8px);
-      right: calc(100% + 16px);
-      border-color: transparent #222 transparent transparent;
-    }
-  }
-}

package/src/Elements/Wrappers/ConditionalWrapper.tsx

@@ -1,10 +0,0 @@
-import { FC, ReactElement } from "react";
-
-interface Props {
-  condition: boolean;
-  wrapper: (children: ReactElement) => ReactElement;
-  children: ReactElement;
-}
-
-export const ConditionalWrapper: FC<Props> = ({ condition, wrapper, children }) =>
-  condition ? wrapper(children) : children;

package/src/Elements/Wrappers/FormWrapper.tsx

@@ -1,67 +0,0 @@
-import clsx from "clsx";
-import { FC, FormEvent, ReactNode } from "react";
-import { Button } from "../Button/Button";
-
-export interface IFormWrapper {
-  isLoading: boolean;
-  className?: string;
-  submitButton: {
-    label?: string;
-    icon?: any;
-    disabled?: boolean;
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    primary?: boolean;
-  };
-  otherButtons?: {
-    label: string;
-    icon?: any;
-    disabled?: boolean;
-    outlined?: boolean;
-    onClick: () => void;
-  }[];
-  noAccess?: boolean;
-  children: ReactNode;
-}
-
-export const FormWrapper: FC<IFormWrapper> = ({
-  isLoading,
-  noAccess,
-  submitButton,
-  otherButtons,
-  className,
-  children,
-}) => (
-  <form
-    className={clsx(className, { "form-disabled": isLoading })}
-    onSubmit={(e) => {
-      e.preventDefault();
-      !submitButton.disabled && submitButton.onSubmit(e);
-    }}
-  >
-    {children}
-    {(!noAccess || otherButtons) && (
-      <div className="text-center mt-3 mb-2">
-        {otherButtons?.map((e) => (
-          <Button
-            key={e.label}
-            label={e.label}
-            icon={e.icon}
-            disabled={isLoading || e.disabled}
-            outlined={e.outlined}
-            onClick={e.onClick}
-            className="mr-2"
-          />
-        ))}
-        {!noAccess && (
-          <Button
-            label={submitButton.label || "Submit"}
-            icon={submitButton.icon}
-            disabled={isLoading || submitButton.disabled}
-            outlined={!submitButton.primary}
-            primary={submitButton.primary}
-          />
-        )}
-      </div>
-    )}
-  </form>
-);

package/src/Elements/Wrappers/FullPageWrapper.tsx

@@ -1,87 +0,0 @@
-import "../../styles/iui/components/_pagePrelogin.scss";
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-import { FC, ReactElement, ReactNode } from "react";
-import { useNavigate } from "react-router-dom";
-import { faArrowLeft } from "../../icons/solid/faArrowLeft";
-import { Button } from "../Button/Button";
-import { ConditionalWrapper } from "./ConditionalWrapper";
-
-interface Props {
-  title: string;
-  description: string | ReactElement;
-  actionButton?: {
-    label: string;
-    icon?: IconDefinition;
-    onClick?: () => void;
-    onFormSubmit?: () => void;
-    marginLarge?: boolean;
-    regular?: boolean;
-  };
-  backButton?: boolean;
-  img?: string;
-  translations?: { Back?: string };
-  children?: ReactNode;
-}
-
-export const FullPageWrapper: FC<Props> = ({
-  title,
-  description,
-  actionButton,
-  backButton,
-  img,
-  translations,
-  children,
-}) => {
-  const navigate = useNavigate();
-  return (
-    <div className="full-page-container">
-      <h1>{title}</h1>
-      <h2>{description}</h2>
-      <div className="content">
-        <ConditionalWrapper
-          condition={!!actionButton?.onFormSubmit}
-          wrapper={(children) => (
-            <form
-              onSubmit={(e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                actionButton?.onFormSubmit!();
-              }}
-            >
-              {children}
-            </form>
-          )}
-        >
-          <div>
-            <div className="children">{children}</div>
-            {(!!actionButton || backButton) && (
-              <div className="flex">
-                {backButton && (
-                  <Button
-                    label={translations?.Back || "Back"}
-                    icon={faArrowLeft}
-                    className="mr-2"
-                    onClick={() => navigate(-1)}
-                  />
-                )}
-                {!!actionButton && (
-                  <Button
-                    label={actionButton.label}
-                    icon={actionButton.icon}
-                    onClick={actionButton.onClick}
-                    primary={!actionButton.regular}
-                  />
-                )}
-              </div>
-            )}
-          </div>
-        </ConditionalWrapper>
-        {img && (
-          <div className="full-page-image">
-            <img src={img} alt="ePismonosa" />
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};

package/src/icons/duotone/faArrowLeftFromLine.ts

@@ -1,17 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fad";
-const iconName = "arrow-left-from-line";
-const width = 448;
-const height = 512;
-const unicode = "f344";
-const svgPathData = [
-  "M384 96v320c0 17.69 14.31 32 32 32s32-14.31 32-32V96c0-17.69-14.31-32-32-32S384 78.31 384 96z",
-  "M182.6 406.6c-12.5 12.5-32.75 12.5-45.25 0l-128-128c-12.5-12.5-12.5-32.75 0-45.25l128-128c12.5-12.5 32.75-12.5 45.25 0C188.9 111.6 192 119.8 192 128S188.9 144.4 182.6 150.6L109.3 224H288c17.69 0 32 14.31 32 32s-14.31 32-32 32H109.3l73.38 73.38C195.1 373.9 195.1 394.1 182.6 406.6z",
-];
-
-export const faArrowLeftFromLine: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/duotone/faArrowRightToLine.ts

@@ -1,17 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fad";
-const iconName = "arrow-right-to-line";
-const width = 448;
-const height = 512;
-const unicode = "f340";
-const svgPathData = [
-  "M384 96v320c0 17.69 14.31 32 32 32s32-14.31 32-32V96c0-17.69-14.31-32-32-32S384 78.31 384 96z",
-  "M137.4 105.4c12.5-12.5 32.75-12.5 45.25 0l128 128c12.5 12.5 12.5 32.75 0 45.25l-128 128c-12.5 12.5-32.75 12.5-45.25 0C131.1 400.4 128 392.2 128 384s3.125-16.38 9.375-22.62L210.8 288H32C14.31 288 0 273.7 0 256s14.31-32 32-32h178.8L137.4 150.6C124.9 138.1 124.9 117.9 137.4 105.4z",
-];
-
-export const faArrowRightToLine: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/duotone/faBell.ts

@@ -1,17 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fad";
-const iconName = "bell";
-const width = 448;
-const height = 512;
-const unicode = "f0f3";
-const svgPathData = [
-  "M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256z",
-  "M288 448C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288z",
-];
-
-export const faBell: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/duotone/faEye.ts

@@ -1,17 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fad";
-const iconName = "eye";
-const width = 576;
-const height = 512;
-const unicode = "f06e";
-const svgPathData = [
-  "M572.5 238.1C518.3 115.5 410.9 32 288 32S57.69 115.6 3.469 238.1C1.563 243.4 0 251 0 256c0 4.977 1.562 12.6 3.469 17.03C57.72 396.5 165.1 480 288 480s230.3-83.58 284.5-206.1C574.4 268.6 576 260.1 576 256C576 251 574.4 243.4 572.5 238.1zM432 256c0 79.45-64.47 144-143.9 144C208.6 400 144 335.5 144 256S208.5 112 288 112S432 176.5 432 256z",
-  "M288 160C285.7 160 282.4 160.4 279.5 160.8C284.8 170 288 180.6 288 192c0 35.35-28.65 64-64 64C212.6 256 201.1 252.7 192.7 247.5C192.4 250.5 192 253.6 192 256c0 52.1 43 96 96 96s96-42.99 96-95.99S340.1 160 288 160z",
-];
-
-export const faEye: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/duotone/faEyeSlash.ts

@@ -1,17 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fad";
-const iconName = "eye-slash";
-const width = 640;
-const height = 512;
-const unicode = "f070";
-const svgPathData = [
-  "M149.2 91.63c49.62-37.69 108.1-59.62 170.8-59.62c122.9 0 230.3 83.53 284.5 206.1c1.906 4.43 3.469 12.05 3.469 17.03c0 4.957-1.562 12.6-3.469 17.03c-19.42 44.19-45.89 83.01-77.21 114.1l-81.27-63.69c11.09-20.4 17.95-43.44 17.95-68.27c0-79.48-64.5-144-143.1-144c-37.29 0-70.83 14.65-96.42 37.93L149.2 91.63zM319.1 160c-2.301 .0293-5.575 .4436-8.461 .7658C316.8 170 319.1 180.6 319.1 192c0 10.17-2.602 19.62-6.821 28.16l94.71 74.24c5.158-11.78 8.114-24.73 8.114-38.4C415.1 203 372.1 160 319.1 160zM319.1 352c-46.96 0-85.92-33.81-94.22-78.37l99.33 77.86C323.4 351.6 321.8 352 319.1 352zM373.6 389.5l74.5 58.4c-39.3 20.65-82.61 32.14-128.1 32.14c-122.9 0-230.3-83.53-284.5-206.1c-1.906-4.43-3.469-12.05-3.469-17.03c0-4.959 1.562-12.6 3.469-17.03c12.54-28.55 28.04-54.84 45.81-78.59l96.72 75.8C177.1 242.7 175.1 249.2 175.1 256c0 79.48 64.53 143.1 144 143.1C338.1 400 356.1 396.1 373.6 389.5z",
-  "M615.1 512c-5.188 0-10.39-1.651-14.8-5.12L9.188 42.89C-1.234 34.73-3.051 19.63 5.121 9.189c8.188-10.41 23.22-12.29 33.69-4.073l591.1 463.1c10.42 8.156 12.24 23.26 4.068 33.7C630.1 508.8 623.1 512 615.1 512z",
-];
-
-export const faEyeSlash: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/duotone/faHouseHeart.ts

@@ -1,17 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fad";
-const iconName = "house-heart";
-const width = 576;
-const height = 512;
-const unicode = "f4c9";
-const svgPathData = [
-  "M64.07 448L64.02 270.5L288 74.52L512.1 270.6L512.5 447.9C512.6 483.3 483.9 512 448.5 512H128.1C92.74 512 64.09 483.4 64.07 448L64.07 448zM299.3 428.7L392 336C414.1 313.9 414.1 278.1 392 256C369.9 233.9 334.1 233.9 312 256L288 280L264 256C241.9 233.9 206.1 233.9 184 256C161.9 278.1 161.9 313.9 184 336L276.7 428.7C282.9 434.9 293.1 434.9 299.3 428.7H299.3z",
-  "M565.1 231.9C578.4 243.6 579.7 263.8 568.1 277.1C556.4 290.4 536.2 291.7 522.9 280.1L288 74.52L53.07 280.1C39.77 291.7 19.56 290.4 7.917 277.1C-3.72 263.8-2.372 243.6 10.93 231.9L266.9 7.918C278.1-2.639 297-2.639 309.1 7.918L565.1 231.9zM276.7 428.7L184 336C161.9 313.9 161.9 278.1 184 256C206.1 233.9 241.9 233.9 264 256L288 280L312 256C334.1 233.9 369.9 233.9 392 256C414.1 278.1 414.1 313.9 392 336L299.3 428.7C293.1 434.9 282.9 434.9 276.7 428.7H276.7z",
-];
-
-export const faHouseHeart: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/duotone/faPlusCircle.ts

@@ -1,18 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fad";
-const iconName = "circle-plus";
-const width = 512;
-const height = 512;
-const unicode = "f055";
-const svgPathData = [
-  "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256C397.4 512 512 397.4 512 256S397.4 0 256 0zM352 280H280V352c0 13.2-10.8 24-23.1 24C242.8 376 232 365.2 232 352V280H160C146.8 280 136 269.2 136 256c0-13.2 10.8-24 24-24H232V160c0-13.2 10.8-24 24-24C269.2 136 280 146.8 280 160v72h72C365.2 232 376 242.8 376 256C376 269.2 365.2 280 352 280z",
-  "M352 280H280V352c0 13.2-10.8 24-23.1 24C242.8 376 232 365.2 232 352V280H160C146.8 280 136 269.2 136 256c0-13.2 10.8-24 24-24H232V160c0-13.2 10.8-24 24-24C269.2 136 280 146.8 280 160v72h72C365.2 232 376 242.8 376 256C376 269.2 365.2 280 352 280z",
-];
-
-export const faPlusCircle: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};
-

package/src/icons/duotone/faUser.ts

@@ -1,18 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fad";
-const iconName = "user";
-const width = 448;
-const height = 512;
-const unicode = "f007";
-const svgPathData = [
-  "M352 128c0 70.69-57.3 128-128 128C153.3 256 96 198.7 96 128s57.31-128 128-128C294.7 0 352 57.31 352 128z",
-  "M274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z",
-];
-
-export const faUser: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};
-

package/src/icons/duotone/index.ts

@@ -1,19 +0,0 @@
-import { faArrowLeftFromLine } from "./faArrowLeftFromLine";
-import { faArrowRightToLine } from "./faArrowRightToLine";
-import { faBell } from "./faBell";
-import { faEye } from "./faEye";
-import { faEyeSlash } from "./faEyeSlash";
-import { faHouseHeart } from "./faHouseHeart";
-import { faPlusCircle } from "./faPlusCircle";
-import { faUser } from "./faUser";
-
-export {
-  faArrowLeftFromLine,
-  faArrowRightToLine,
-  faBell,
-  faEye,
-  faEyeSlash,
-  faHouseHeart,
-  faPlusCircle,
-  faUser,
-};

package/src/icons/light/faAngleDown.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "angle-down";
-const width = 384;
-const height = 512;
-const unicode = "f107";
-const svgPathData =
-  "M362.7 203.9l-159.1 144c-6.125 5.469-15.31 5.469-21.44 0L21.29 203.9C14.73 197.1 14.2 187.9 20.1 181.3C26.38 174.4 36.5 174.5 42.73 180.1L192 314.5l149.3-134.4c6.594-5.877 16.69-5.361 22.62 1.188C369.8 187.9 369.3 197.1 362.7 203.9z";
-
-export const faAngleDown: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/light/faArrowDownShortWide.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "arrow-down-short-wide";
-const width = 576;
-const height = 512;
-const unicode = "f884";
-const svgPathData =
-  "M304 208h128C440.8 208 448 200.8 448 192s-7.156-16-16-16h-128c-8.844 0-15.1 7.156-15.1 16S295.2 208 304 208zM304 336h192c8.844 0 16-7.156 16-16s-7.156-16-16-16h-192c-8.844 0-15.1 7.156-15.1 16S295.2 336 304 336zM304 80h64c8.844 0 16-7.156 16-16S376.8 48 368 48h-64c-8.844 0-15.1 7.156-15.1 16S295.2 80 304 80zM560 432h-256c-8.844 0-15.1 7.156-15.1 16S295.2 464 304 464h256c8.844 0 16-7.156 16-16S568.8 432 560 432zM224 352c-4.094 0-8.188 1.562-11.31 4.688L144 425.4V48C144 39.16 136.8 32 128 32S112 39.16 112 48v377.4l-68.69-68.69c-6.25-6.25-16.38-6.25-22.62 0s-6.25 16.38 0 22.62l96 96c6.25 6.25 16.38 6.25 22.62 0l96-96c6.25-6.25 6.25-16.38 0-22.62C232.2 353.6 228.1 352 224 352z";
-
-export const faArrowDownShortWide: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/light/faArrowDownWideShort.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "arrow-down-wide-short";
-const width = 576;
-const height = 512;
-const unicode = "f160";
-const svgPathData =
-  "M368 432h-64c-8.844 0-15.1 7.156-15.1 16S295.2 464 304 464h64c8.844 0 16-7.156 16-16S376.8 432 368 432zM432 304h-128c-8.844 0-15.1 7.156-15.1 16S295.2 336 304 336h128c8.844 0 16-7.156 16-16S440.8 304 432 304zM496 176h-192c-8.844 0-15.1 7.156-15.1 16S295.2 208 304 208h192C504.8 208 512 200.8 512 192S504.8 176 496 176zM560 48h-256c-8.844 0-15.1 7.156-15.1 16S295.2 80 304 80h256C568.8 80 576 72.84 576 64S568.8 48 560 48zM224 352c-4.094 0-8.188 1.562-11.31 4.688L144 425.4V48C144 39.16 136.8 32 128 32S112 39.16 112 48v377.4l-68.69-68.69c-6.25-6.25-16.38-6.25-22.62 0s-6.25 16.38 0 22.62l96 96c6.25 6.25 16.38 6.25 22.62 0l96-96c6.25-6.25 6.25-16.38 0-22.62C232.2 353.6 228.1 352 224 352z";
-
-export const faArrowDownWideShort: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/light/faArrowsToLine.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "arrows-to-line";
-const width = 448;
-const height = 512;
-const unicode = "e0a7";
-const svgPathData =
-  "M235.3 324.7C231.3 320.7 226.5 320 224 320s-7.299 .6547-11.33 4.698l-79.98 79.98C129.6 407.8 128 411.9 128 416c0 8.523 6.865 16 16 16c4.094 0 8.188-1.562 11.31-4.688L208 374.6V496c0 8.844 7.156 16 16 16s16-7.156 16-16v-121.4l52.69 52.69C295.8 430.4 299.9 432 304 432c9.139 0 16-7.477 16-16c0-4.094-1.562-8.188-4.688-11.31L235.3 324.7zM212.7 187.3C214.4 189 218.3 192 224 192s9.609-2.98 11.33-4.707l79.98-79.98C318.4 104.2 320 100.1 320 96c0-8.527-6.865-16-16-16c-4.094 0-8.188 1.562-11.31 4.688L240 137.4V16C240 7.156 232.8 0 224 0S208 7.156 208 16v121.4L155.3 84.69C152.2 81.56 148.1 80 144 80C134.9 80 128 87.47 128 96c0 4.094 1.562 8.188 4.688 11.31L212.7 187.3zM432 240h-416C7.156 240 0 247.1 0 255.1S7.156 272 16 272h416c8.844 0 16-7.165 16-16.01S440.8 240 432 240z";
-
-export const faArrowsToLine: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/light/faArrowsUpDown.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "arrows-up-down";
-const width = 256;
-const height = 512;
-const unicode = "f07d";
-const svgPathData =
-  "M139.3 4.688l112 112C254.4 119.8 256 123.9 256 128s-1.562 8.188-4.688 11.31c-6.25 6.25-16.38 6.25-22.62 0L144 54.63v402.8l84.69-84.69c6.25-6.25 16.38-6.25 22.62 0C254.4 375.8 256 379.9 256 384s-1.562 8.188-4.688 11.31l-112 112c-6.25 6.25-16.38 6.25-22.62 0l-112-112c-6.25-6.25-6.25-16.38 0-22.62s16.38-6.25 22.62 0L112 457.4V54.63L27.31 139.3c-6.25 6.25-16.38 6.25-22.62 0s-6.25-16.38 0-22.62l112-112C122.9-1.562 133.1-1.562 139.3 4.688z";
-
-export const faArrowsUpDown: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/light/faBell.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "bell";
-const width = 448;
-const height = 512;
-const unicode = "f0f3";
-const svgPathData =
-  "M207.1 16C207.1 7.164 215.2 0 223.1 0C232.8 0 240 7.164 240 16V32.79C320.9 40.82 384 109 384 192V221.1C384 264.8 401.4 306.7 432.3 337.7L435 340.4C443.3 348.7 448 359.1 448 371.7C448 396.2 428.2 416 403.7 416H44.28C19.83 416 0 396.2 0 371.7C0 359.1 4.666 348.7 12.97 340.4L15.72 337.7C46.63 306.7 64 264.8 64 221.1V192C64 109 127.1 40.82 208 32.79L207.1 16zM223.1 64C153.3 64 95.1 121.3 95.1 192V221.1C95.1 273.3 75.26 323.4 38.35 360.3L35.6 363C33.29 365.3 31.1 368.5 31.1 371.7C31.1 378.5 37.5 384 44.28 384H403.7C410.5 384 416 378.5 416 371.7C416 368.5 414.7 365.3 412.4 363L409.7 360.3C372.7 323.4 352 273.3 352 221.1V192C352 121.3 294.7 64 223.1 64H223.1zM223.1 480C237.9 480 249.8 471.1 254.2 458.7C257.1 450.3 266.3 445.1 274.6 448.9C282.9 451.9 287.3 461 284.4 469.3C275.6 494.2 251.9 512 223.1 512C196.1 512 172.4 494.2 163.6 469.3C160.7 461 165.1 451.9 173.4 448.9C181.7 445.1 190.9 450.3 193.8 458.7C198.2 471.1 210.1 480 223.1 480z";
-
-export const faBell: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/light/faCheck.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "check";
-const width = 512;
-const height = 512;
-const unicode = "f00c";
-const svgPathData =
-  "M475.3 123.3l-272 272C200.2 398.4 196.1 400 192 400s-8.188-1.562-11.31-4.688l-144-144c-6.25-6.25-6.25-16.38 0-22.62s16.38-6.25 22.62 0L192 361.4l260.7-260.7c6.25-6.25 16.38-6.25 22.62 0S481.6 117.1 475.3 123.3z";
-
-export const faCheck: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/light/faClockRotateLeft.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "clock-rotate-left";
-const width = 512;
-const height = 512;
-const unicode = "f1da";
-const svgPathData =
-  "M256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C172.2 512 97.87 471.8 51.19 409.6C45.88 402.5 47.31 392.5 54.37 387.2C61.44 381.9 71.47 383.3 76.78 390.4C117.7 444.8 182.7 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32C166.7 32 89.51 84.3 53.55 160H144C152.8 160 160 167.2 160 176C160 184.8 152.8 192 144 192H16C7.164 192 0 184.8 0 176V48C0 39.16 7.164 32 16 32C24.84 32 32 39.16 32 48V131.1C75.66 53.29 159.6 0 256 0zM256 128C264.8 128 272 135.2 272 144V249.4L347.3 324.7C353.6 330.9 353.6 341.1 347.3 347.3C341.1 353.6 330.9 353.6 324.7 347.3L244.7 267.3C241.7 264.3 239.1 260.2 239.1 256V144C239.1 135.2 247.2 128 255.1 128H256z";
-
-export const faClockRotateLeft: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/light/faEllipsisVertical.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "ellipsis-vertical";
-const width = 128;
-const height = 512;
-const unicode = "f142";
-const svgPathData =
-  "M64 384C81.67 384 96 398.3 96 416C96 433.7 81.67 448 64 448C46.33 448 32 433.7 32 416C32 398.3 46.33 384 64 384zM64 224C81.67 224 96 238.3 96 256C96 273.7 81.67 288 64 288C46.33 288 32 273.7 32 256C32 238.3 46.33 224 64 224zM64 128C46.33 128 32 113.7 32 96C32 78.33 46.33 64 64 64C81.67 64 96 78.33 96 96C96 113.7 81.67 128 64 128z";
-
-export const faEllipsisVertical: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/icons/light/faXmark.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "xmark";
-const width = 320;
-const height = 512;
-const unicode = "f00d";
-const svgPathData =
-  "M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z";
-
-export const faXmark: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};