@indico-data/design-system 2.1.2 → 2.2.0

package/lib/{components → src/components}/button/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconName } from '../../types';
+import { IconName } from '@/types';
 export type ButtonVariants = 'solid' | 'outline' | 'text';
 export type ButtonColors = 'primary' | 'secondary' | 'warning' | 'error' | 'success' | 'info';
 export type ButtonIconPositions = 'left' | 'right';

package/lib/src/components/icons/Icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const Icon: React.FC<IconProps>;
+export default Icon;

package/lib/src/components/icons/Icon.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { IconProps } from './types';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<IconProps>;
+export declare const DefaultIcon: Story;
+export declare const IconStates: Story;
+export declare const CustomStyledIcon: Story;
+export declare const Indicons: Story;
+export declare const FontAwesomeIcons: Story;

package/lib/src/components/icons/index.d.ts

@@ -0,0 +1 @@
+export { default as Icon } from './Icon';

package/lib/src/components/icons/types.d.ts

@@ -0,0 +1,10 @@
+import { MouseEventHandler } from 'react';
+import { IconName, PermafrostComponent } from '@/types';
+export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IconProps = PermafrostComponent & {
+    name: IconName;
+    ariaLabel?: string;
+    size?: IconSizes;
+    style?: React.CSSProperties;
+    onClick?: MouseEventHandler<SVGElement>;
+};

package/lib/{components → src/components}/index.d.ts

@@ -1,2 +1,3 @@
 export { Container, Col, Row } from './grid';
 export { Button } from './button';
+export { Icon } from './icons';

package/lib/src/index.d.ts

@@ -0,0 +1,8 @@
+import './styles/index.scss';
+export { GlobalStyles } from './legacy/styles/globals/index';
+export { ANIMATION, BREAKPOINT, COLORS, MATH, MEDIA_QUERIES, MARGINS, PADDINGS, SPACING, TYPOGRAPHY, } from './legacy/tokens';
+export { AbstractRadio, AbstractRadioGroup, Accordion, BarSpinner, BorderSelect, Button as LegacyButton, CirclePulse, CircleSpinner, ConfirmModal, Drawer, DatePicker, EditableInput, IconButton, ListTable, LoadingAwareContainer, LoadingList, ModalBase, MultiCombobox, NoInputDatePicker, NumberInput, Pagination, PercentageRing, Radio, RadioGroup, RandomLoadingMessage, SearchInput, Section, SectionBlock, SectionBody, SectionHeader, SectionTable, Select, Shrug, SingleCombobox, TextInput, TextTruncate, Toggle, Tooltip, } from './legacy/components';
+export { numberUtils, stringUtils, colorUtils } from './legacy/utils';
+export { Container, Row, Col } from './components/grid';
+export { Button } from './components/button';
+export { Icon } from './components/icons';

package/lib/{legacy → src/legacy}/components/Toggle/Toggle.d.ts

@@ -1,10 +1,11 @@
 import { PermafrostComponent, IconName } from '@/types';
+import { IconSizes } from '@/components/icons/types';
 type Props = {
     disabled: boolean;
     onChange: any;
     value: boolean;
     ['aria-label']?: string;
-    iconSize?: number | string;
+    iconSize?: IconSizes;
     checkedIconName?: IconName;
     notCheckedIconName?: IconName;
 } & PermafrostComponent;

package/lib/src/legacy/components/Toggle/Toggle.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import { Toggle } from './Toggle';
+declare const meta: {
+    component: (props: {
+        disabled: boolean;
+        onChange: any;
+        value: boolean;
+        "aria-label"?: string | undefined;
+        iconSize?: import("../../../components/icons/types").IconSizes | undefined;
+        checkedIconName?: "search" | "split" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmark-saved" | "bookmarks" | "branch" | "calendar" | "check" | "check-circle" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "choose-library" | "circle-help" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "cog" | "collection" | "company-name" | "compare" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "date" | "document" | "draggable" | "droplet" | "edit" | "education" | "ellipsis" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "fa-0" | "fa-1" | "fa-2" | "fa-3" | "fa-4" | "fa-5" | "fa-6" | "fa-7" | "fa-8" | "fa-9" | "fa-a" | "fa-ad" | "fa-add" | "fa-address-book" | "fa-address-card" | "fa-adjust" | "fa-air-freshener" | "fa-align-center" | "fa-align-justify" | "fa-align-left" | "fa-align-right" | "fa-allergies" | "fa-ambulance" | "fa-american-sign-language-interpreting" | "fa-anchor" | "fa-anchor-circle-check" | "fa-anchor-circle-exclamation" | "fa-anchor-circle-xmark" | "fa-anchor-lock" | "fa-angle-double-down" | "fa-angle-double-left" | "fa-angle-double-right" | "fa-angle-double-up" | "fa-angle-down" | "fa-angle-left" | "fa-angle-right" | "fa-angle-up" | "fa-angles-down" | "fa-angles-left" | "fa-angles-right" | "fa-angles-up" | "fa-angry" | "fa-ankh" | "fa-apple-alt" | "fa-apple-whole" | "fa-archive" | "fa-archway" | "fa-area-chart" | "fa-arrow-alt-circle-down" | "fa-arrow-alt-circle-left" | "fa-arrow-alt-circle-right" | "fa-arrow-alt-circle-up" | "fa-arrow-circle-down" | "fa-arrow-circle-left" | "fa-arrow-circle-right" | "fa-arrow-circle-up" | "fa-arrow-down" | "fa-arrow-down-19" | "fa-arrow-down-91" | "fa-arrow-down-a-z" | "fa-arrow-down-long" | "fa-arrow-down-short-wide" | "fa-arrow-down-up-across-line" | "fa-arrow-down-up-lock" | "fa-arrow-down-wide-short" | "fa-arrow-down-z-a" | "fa-arrow-left" | "fa-arrow-left-long" | "fa-arrow-left-rotate" | "fa-arrow-pointer" | "fa-arrow-right" | "fa-arrow-right-arrow-left" | "fa-arrow-right-from-bracket" | "fa-arrow-right-from-file" | "fa-arrow-right-long" | "fa-arrow-right-rotate" | "fa-arrow-right-to-bracket" | "fa-arrow-right-to-city" | "fa-arrow-right-to-file" | "fa-arrow-rotate-back" | "fa-arrow-rotate-backward" | "fa-arrow-rotate-forward" | "fa-arrow-rotate-left" | "fa-arrow-rotate-right" | "fa-arrow-trend-down" | "fa-arrow-trend-up" | "fa-arrow-turn-down" | "fa-arrow-turn-up" | "fa-arrow-up" | "fa-arrow-up-19" | "fa-arrow-up-91" | "fa-arrow-up-a-z" | "fa-arrow-up-from-bracket" | "fa-arrow-up-from-ground-water" | "fa-arrow-up-from-water-pump" | "fa-arrow-up-long" | "fa-arrow-up-right-dots" | "fa-arrow-up-right-from-square" | "fa-arrow-up-short-wide" | "fa-arrow-up-wide-short" | "fa-arrow-up-z-a" | "fa-arrows" | "fa-arrows-alt" | "fa-arrows-alt-h" | "fa-arrows-alt-v" | "fa-arrows-down-to-line" | "fa-arrows-down-to-people" | "fa-arrows-h" | "fa-arrows-left-right" | "fa-arrows-left-right-to-line" | "fa-arrows-rotate" | "fa-arrows-spin" | "fa-arrows-split-up-and-left" | "fa-arrows-to-circle" | "fa-arrows-to-dot" | "fa-arrows-to-eye" | "fa-arrows-turn-right" | "fa-arrows-turn-to-dots" | "fa-arrows-up-down" | "fa-arrows-up-down-left-right" | "fa-arrows-up-to-line" | "fa-arrows-v" | "fa-asl-interpreting" | "fa-assistive-listening-systems" | "fa-asterisk" | "fa-at" | "fa-atlas" | "fa-atom" | "fa-audio-description" | "fa-austral-sign" | "fa-automobile" | "fa-award" | "fa-b" | "fa-baby" | "fa-baby-carriage" | "fa-backspace" | "fa-backward" | "fa-backward-fast" | "fa-backward-step" | "fa-bacon" | "fa-bacteria" | "fa-bacterium" | "fa-bag-shopping" | "fa-bahai" | "fa-baht-sign" | "fa-balance-scale" | "fa-balance-scale-left" | "fa-balance-scale-right" | "fa-ban" | "fa-ban-smoking" | "fa-band-aid" | "fa-bandage" | "fa-bangladeshi-taka-sign" | "fa-bank" | "fa-bar-chart" | "fa-barcode" | "fa-bars" | "fa-bars-progress" | "fa-bars-staggered" | "fa-baseball" | "fa-baseball-ball" | "fa-baseball-bat-ball" | "fa-basket-shopping" | "fa-basketball" | "fa-basketball-ball" | "fa-bath" | "fa-bathtub" | "fa-battery" | "fa-battery-0" | "fa-battery-2" | "fa-battery-3" | "fa-battery-4" | "fa-battery-5" | "fa-battery-car" | "fa-battery-empty" | "fa-battery-full" | "fa-battery-half" | "fa-battery-quarter" | "fa-battery-three-quarters" | "fa-bed" | "fa-bed-pulse" | "fa-beer" | "fa-beer-mug-empty" | "fa-bell" | "fa-bell-concierge" | "fa-bell-slash" | "fa-bezier-curve" | "fa-bible" | "fa-bicycle" | "fa-biking" | "fa-binoculars" | "fa-biohazard" | "fa-birthday-cake" | "fa-bitcoin-sign" | "fa-blackboard" | "fa-blender" | "fa-blender-phone" | "fa-blind" | "fa-blog" | "fa-bold" | "fa-bolt" | "fa-bolt-lightning" | "fa-bomb" | "fa-bone" | "fa-bong" | "fa-book" | "fa-book-atlas" | "fa-book-bible" | "fa-book-bookmark" | "fa-book-dead" | "fa-book-journal-whills" | "fa-book-medical" | "fa-book-open" | "fa-book-open-reader" | "fa-book-quran" | "fa-book-reader" | "fa-book-skull" | "fa-book-tanakh" | "fa-bookmark" | "fa-border-all" | "fa-border-none" | "fa-border-style" | "fa-border-top-left" | "fa-bore-hole" | "fa-bottle-droplet" | "fa-bottle-water" | "fa-bowl-food" | "fa-bowl-rice" | "fa-bowling-ball" | "fa-box" | "fa-box-archive" | "fa-box-open" | "fa-box-tissue" | "fa-boxes" | "fa-boxes-alt" | "fa-boxes-packing" | "fa-boxes-stacked" | "fa-braille" | "fa-brain" | "fa-brazilian-real-sign" | "fa-bread-slice" | "fa-bridge" | "fa-bridge-circle-check" | "fa-bridge-circle-exclamation" | "fa-bridge-circle-xmark" | "fa-bridge-lock" | "fa-bridge-water" | "fa-briefcase" | "fa-briefcase-clock" | "fa-briefcase-medical" | "fa-broadcast-tower" | "fa-broom" | "fa-broom-ball" | "fa-brush" | "fa-bucket" | "fa-bug" | "fa-bug-slash" | "fa-bugs" | "fa-building" | "fa-building-circle-arrow-right" | "fa-building-circle-check" | "fa-building-circle-exclamation" | "fa-building-circle-xmark" | "fa-building-columns" | "fa-building-flag" | "fa-building-lock" | "fa-building-ngo" | "fa-building-shield" | "fa-building-un" | "fa-building-user" | "fa-building-wheat" | "fa-bullhorn" | "fa-bullseye" | "fa-burger" | "fa-burn" | "fa-burst" | "fa-bus" | "fa-bus-alt" | "fa-bus-simple" | "fa-business-time" | "fa-c" | "fa-cab" | "fa-cable-car" | "fa-cake" | "fa-cake-candles" | "fa-calculator" | "fa-calendar" | "fa-calendar-alt" | "fa-calendar-check" | "fa-calendar-day" | "fa-calendar-days" | "fa-calendar-minus" | "fa-calendar-plus" | "fa-calendar-times" | "fa-calendar-week" | "fa-calendar-xmark" | "fa-camera" | "fa-camera-alt" | "fa-camera-retro" | "fa-camera-rotate" | "fa-campground" | "fa-cancel" | "fa-candy-cane" | "fa-cannabis" | "fa-capsules" | "fa-car" | "fa-car-alt" | "fa-car-battery" | "fa-car-burst" | "fa-car-crash" | "fa-car-on" | "fa-car-rear" | "fa-car-side" | "fa-car-tunnel" | "fa-caravan" | "fa-caret-down" | "fa-caret-left" | "fa-caret-right" | "fa-caret-square-down" | "fa-caret-square-left" | "fa-caret-square-right" | "fa-caret-square-up" | "fa-caret-up" | "fa-carriage-baby" | "fa-carrot" | "fa-cart-arrow-down" | "fa-cart-flatbed" | "fa-cart-flatbed-suitcase" | "fa-cart-plus" | "fa-cart-shopping" | "fa-cash-register" | "fa-cat" | "fa-cedi-sign" | "fa-cent-sign" | "fa-certificate" | "fa-chain" | "fa-chain-broken" | "fa-chain-slash" | "fa-chair" | "fa-chalkboard" | "fa-chalkboard-teacher" | "fa-chalkboard-user" | "fa-champagne-glasses" | "fa-charging-station" | "fa-chart-area" | "fa-chart-bar" | "fa-chart-column" | "fa-chart-gantt" | "fa-chart-line" | "fa-chart-pie" | "fa-chart-simple" | "fa-check" | "fa-check-circle" | "fa-check-double" | "fa-check-square" | "fa-check-to-slot" | "fa-cheese" | "fa-chess" | "fa-chess-bishop" | "fa-chess-board" | "fa-chess-king" | "fa-chess-knight" | "fa-chess-pawn" | "fa-chess-queen" | "fa-chess-rook" | "fa-chevron-circle-down" | "fa-chevron-circle-left" | "fa-chevron-circle-right" | "fa-chevron-circle-up" | "fa-chevron-down" | "fa-chevron-left" | "fa-chevron-right" | "fa-chevron-up" | "fa-child" | "fa-child-combatant" | "fa-child-dress" | "fa-child-reaching" | "fa-child-rifle" | "fa-children" | "fa-church" | "fa-circle" | "fa-circle-arrow-down" | "fa-circle-arrow-left" | "fa-circle-arrow-right" | "fa-circle-arrow-up" | "fa-circle-check" | "fa-circle-chevron-down" | "fa-circle-chevron-left" | "fa-circle-chevron-right" | "fa-circle-chevron-up" | "fa-circle-dollar-to-slot" | "fa-circle-dot" | "fa-circle-down" | "fa-circle-exclamation" | "fa-circle-h" | "fa-circle-half-stroke" | "fa-circle-info" | "fa-circle-left" | "fa-circle-minus" | "fa-circle-nodes" | "fa-circle-notch" | "fa-circle-pause" | "fa-circle-play" | "fa-circle-plus" | "fa-circle-question" | "fa-circle-radiation" | "fa-circle-right" | "fa-circle-stop" | "fa-circle-up" | "fa-circle-user" | "fa-circle-xmark" | "fa-city" | "fa-clapperboard" | "fa-clinic-medical" | "fa-clipboard" | "fa-clipboard-check" | "fa-clipboard-list" | "fa-clipboard-question" | "fa-clipboard-user" | "fa-clock" | "fa-clock-four" | "fa-clock-rotate-left" | "fa-clone" | "fa-close" | "fa-closed-captioning" | "fa-cloud" | "fa-cloud-arrow-down" | "fa-cloud-arrow-up" | "fa-cloud-bolt" | "fa-cloud-download" | "fa-cloud-download-alt" | "fa-cloud-meatball" | "fa-cloud-moon" | "fa-cloud-moon-rain" | "fa-cloud-rain" | "fa-cloud-showers-heavy" | "fa-cloud-showers-water" | "fa-cloud-sun" | "fa-cloud-sun-rain" | "fa-cloud-upload" | "fa-cloud-upload-alt" | "fa-clover" | "fa-cny" | "fa-cocktail" | "fa-code" | "fa-code-branch" | "fa-code-commit" | "fa-code-compare" | "fa-code-fork" | "fa-code-merge" | "fa-code-pull-request" | "fa-coffee" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-colon-sign" | "fa-columns" | "fa-comment" | "fa-comment-alt" | "fa-comment-dollar" | "fa-comment-dots" | "fa-comment-medical" | "fa-comment-slash" | "fa-comment-sms" | "fa-commenting" | "fa-comments" | "fa-comments-dollar" | "fa-compact-disc" | "fa-compass" | "fa-compass-drafting" | "fa-compress" | "fa-compress-alt" | "fa-compress-arrows-alt" | "fa-computer" | "fa-computer-mouse" | "fa-concierge-bell" | "fa-contact-book" | "fa-contact-card" | "fa-cookie" | "fa-cookie-bite" | "fa-copy" | "fa-copyright" | "fa-couch" | "fa-cow" | "fa-credit-card" | "fa-credit-card-alt" | "fa-crop" | "fa-crop-alt" | "fa-crop-simple" | "fa-cross" | "fa-crosshairs" | "fa-crow" | "fa-crown" | "fa-crutch" | "fa-cruzeiro-sign" | "fa-cube" | "fa-cubes" | "fa-cubes-stacked" | "fa-cut" | "fa-cutlery" | "fa-d" | "fa-dashboard" | "fa-database" | "fa-deaf" | "fa-deafness" | "fa-dedent" | "fa-delete-left" | "fa-democrat" | "fa-desktop" | "fa-desktop-alt" | "fa-dharmachakra" | "fa-diagnoses" | "fa-diagram-next" | "fa-diagram-predecessor" | "fa-diagram-project" | "fa-diagram-successor" | "fa-diamond" | "fa-diamond-turn-right" | "fa-dice" | "fa-dice-d-20" | "fa-dice-d-6" | "fa-dice-five" | "fa-dice-four" | "fa-dice-one" | "fa-dice-six" | "fa-dice-three" | "fa-dice-two" | "fa-digging" | "fa-digital-tachograph" | "fa-directions" | "fa-disease" | "fa-display" | "fa-divide" | "fa-dizzy" | "fa-dna" | "fa-dog" | "fa-dollar" | "fa-dollar-sign" | "fa-dolly" | "fa-dolly-box" | "fa-dolly-flatbed" | "fa-donate" | "fa-dong-sign" | "fa-door-closed" | "fa-door-open" | "fa-dot-circle" | "fa-dove" | "fa-down-left-and-up-right-to-center" | "fa-down-long" | "fa-download" | "fa-drafting-compass" | "fa-dragon" | "fa-draw-polygon" | "fa-drivers-license" | "fa-droplet" | "fa-droplet-slash" | "fa-drum" | "fa-drum-steelpan" | "fa-drumstick-bite" | "fa-dumbbell" | "fa-dumpster" | "fa-dumpster-fire" | "fa-dungeon" | "fa-e" | "fa-ear-deaf" | "fa-ear-listen" | "fa-earth" | "fa-earth-africa" | "fa-earth-america" | "fa-earth-americas" | "fa-earth-asia" | "fa-earth-europe" | "fa-earth-oceania" | "fa-edit" | "fa-egg" | "fa-eject" | "fa-elevator" | "fa-ellipsis" | "fa-ellipsis-h" | "fa-ellipsis-v" | "fa-ellipsis-vertical" | "fa-envelope" | "fa-envelope-circle-check" | "fa-envelope-open" | "fa-envelope-open-text" | "fa-envelope-square" | "fa-envelopes-bulk" | "fa-equals" | "fa-eraser" | "fa-ethernet" | "fa-eur" | "fa-euro" | "fa-euro-sign" | "fa-exchange" | "fa-exchange-alt" | "fa-exclamation" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-expand" | "fa-expand-alt" | "fa-expand-arrows-alt" | "fa-explosion" | "fa-external-link" | "fa-external-link-alt" | "fa-external-link-square" | "fa-external-link-square-alt" | "fa-eye" | "fa-eye-dropper" | "fa-eye-dropper-empty" | "fa-eye-low-vision" | "fa-eye-slash" | "fa-eyedropper" | "fa-f" | "fa-face-angry" | "fa-face-dizzy" | "fa-face-flushed" | "fa-face-frown" | "fa-face-frown-open" | "fa-face-grimace" | "fa-face-grin" | "fa-face-grin-beam" | "fa-face-grin-beam-sweat" | "fa-face-grin-hearts" | "fa-face-grin-squint" | "fa-face-grin-squint-tears" | "fa-face-grin-stars" | "fa-face-grin-tears" | "fa-face-grin-tongue" | "fa-face-grin-tongue-squint" | "fa-face-grin-tongue-wink" | "fa-face-grin-wide" | "fa-face-grin-wink" | "fa-face-kiss" | "fa-face-kiss-beam" | "fa-face-kiss-wink-heart" | "fa-face-laugh" | "fa-face-laugh-beam" | "fa-face-laugh-squint" | "fa-face-laugh-wink" | "fa-face-meh" | "fa-face-meh-blank" | "fa-face-rolling-eyes" | "fa-face-sad-cry" | "fa-face-sad-tear" | "fa-face-smile" | "fa-face-smile-beam" | "fa-face-smile-wink" | "fa-face-surprise" | "fa-face-tired" | "fa-fan" | "fa-fast-backward" | "fa-fast-forward" | "fa-faucet" | "fa-faucet-drip" | "fa-fax" | "fa-feather" | "fa-feather-alt" | "fa-feather-pointed" | "fa-feed" | "fa-female" | "fa-ferry" | "fa-fighter-jet" | "fa-file" | "fa-file-alt" | "fa-file-archive" | "fa-file-arrow-down" | "fa-file-arrow-up" | "fa-file-audio" | "fa-file-circle-check" | "fa-file-circle-exclamation" | "fa-file-circle-minus" | "fa-file-circle-plus" | "fa-file-circle-question" | "fa-file-circle-xmark" | "fa-file-clipboard" | "fa-file-code" | "fa-file-contract" | "fa-file-csv" | "fa-file-download" | "fa-file-edit" | "fa-file-excel" | "fa-file-export" | "fa-file-image" | "fa-file-import" | "fa-file-invoice" | "fa-file-invoice-dollar" | "fa-file-lines" | "fa-file-medical" | "fa-file-medical-alt" | "fa-file-pdf" | "fa-file-pen" | "fa-file-powerpoint" | "fa-file-prescription" | "fa-file-shield" | "fa-file-signature" | "fa-file-text" | "fa-file-upload" | "fa-file-video" | "fa-file-waveform" | "fa-file-word" | "fa-file-zipper" | "fa-fill" | "fa-fill-drip" | "fa-film" | "fa-filter" | "fa-filter-circle-dollar" | "fa-filter-circle-xmark" | "fa-fingerprint" | "fa-fire" | "fa-fire-alt" | "fa-fire-burner" | "fa-fire-extinguisher" | "fa-fire-flame-curved" | "fa-fire-flame-simple" | "fa-first-aid" | "fa-fish" | "fa-fish-fins" | "fa-fist-raised" | "fa-flag" | "fa-flag-checkered" | "fa-flag-usa" | "fa-flask" | "fa-flask-vial" | "fa-floppy-disk" | "fa-florin-sign" | "fa-flushed" | "fa-folder" | "fa-folder-blank" | "fa-folder-closed" | "fa-folder-minus" | "fa-folder-open" | "fa-folder-plus" | "fa-folder-tree" | "fa-font" | "fa-font-awesome" | "fa-font-awesome-flag" | "fa-font-awesome-logo-full" | "fa-football" | "fa-football-ball" | "fa-forward" | "fa-forward-fast" | "fa-forward-step" | "fa-franc-sign" | "fa-frog" | "fa-frown" | "fa-frown-open" | "fa-funnel-dollar" | "fa-futbol" | "fa-futbol-ball" | "fa-g" | "fa-gamepad" | "fa-gas-pump" | "fa-gauge" | "fa-gauge-high" | "fa-gauge-med" | "fa-gauge-simple" | "fa-gauge-simple-high" | "fa-gauge-simple-med" | "fa-gavel" | "fa-gbp" | "fa-gear" | "fa-gears" | "fa-gem" | "fa-genderless" | "fa-ghost" | "fa-gift" | "fa-gifts" | "fa-glass-cheers" | "fa-glass-martini" | "fa-glass-martini-alt" | "fa-glass-water" | "fa-glass-water-droplet" | "fa-glass-whiskey" | "fa-glasses" | "fa-globe" | "fa-globe-africa" | "fa-globe-americas" | "fa-globe-asia" | "fa-globe-europe" | "fa-globe-oceania" | "fa-golf-ball" | "fa-golf-ball-tee" | "fa-gopuram" | "fa-graduation-cap" | "fa-greater-than" | "fa-greater-than-equal" | "fa-grimace" | "fa-grin" | "fa-grin-alt" | "fa-grin-beam" | "fa-grin-beam-sweat" | "fa-grin-hearts" | "fa-grin-squint" | "fa-grin-squint-tears" | "fa-grin-stars" | "fa-grin-tears" | "fa-grin-tongue" | "fa-grin-tongue-squint" | "fa-grin-tongue-wink" | "fa-grin-wink" | "fa-grip" | "fa-grip-horizontal" | "fa-grip-lines" | "fa-grip-lines-vertical" | "fa-grip-vertical" | "fa-group-arrows-rotate" | "fa-guarani-sign" | "fa-guitar" | "fa-gun" | "fa-h" | "fa-h-square" | "fa-hamburger" | "fa-hammer" | "fa-hamsa" | "fa-hand" | "fa-hand-back-fist" | "fa-hand-dots" | "fa-hand-fist" | "fa-hand-holding" | "fa-hand-holding-dollar" | "fa-hand-holding-droplet" | "fa-hand-holding-hand" | "fa-hand-holding-heart" | "fa-hand-holding-medical" | "fa-hand-holding-usd" | "fa-hand-holding-water" | "fa-hand-lizard" | "fa-hand-middle-finger" | "fa-hand-paper" | "fa-hand-peace" | "fa-hand-point-down" | "fa-hand-point-left" | "fa-hand-point-right" | "fa-hand-point-up" | "fa-hand-pointer" | "fa-hand-rock" | "fa-hand-scissors" | "fa-hand-sparkles" | "fa-hand-spock" | "fa-handcuffs" | "fa-hands" | "fa-hands-american-sign-language-interpreting" | "fa-hands-asl-interpreting" | "fa-hands-bound" | "fa-hands-bubbles" | "fa-hands-clapping" | "fa-hands-helping" | "fa-hands-holding" | "fa-hands-holding-child" | "fa-hands-holding-circle" | "fa-hands-praying" | "fa-hands-wash" | "fa-handshake" | "fa-handshake-alt" | "fa-handshake-alt-slash" | "fa-handshake-angle" | "fa-handshake-simple" | "fa-handshake-simple-slash" | "fa-handshake-slash" | "fa-hanukiah" | "fa-hard-drive" | "fa-hard-hat" | "fa-hard-of-hearing" | "fa-hashtag" | "fa-hat-cowboy" | "fa-hat-cowboy-side" | "fa-hat-hard" | "fa-hat-wizard" | "fa-haykal" | "fa-hdd" | "fa-head-side-cough" | "fa-head-side-cough-slash" | "fa-head-side-mask" | "fa-head-side-virus" | "fa-header" | "fa-heading" | "fa-headphones" | "fa-headphones-alt" | "fa-headphones-simple" | "fa-headset" | "fa-heart" | "fa-heart-broken" | "fa-heart-circle-bolt" | "fa-heart-circle-check" | "fa-heart-circle-exclamation" | "fa-heart-circle-minus" | "fa-heart-circle-plus" | "fa-heart-circle-xmark" | "fa-heart-crack" | "fa-heart-music-camera-bolt" | "fa-heart-pulse" | "fa-heartbeat" | "fa-helicopter" | "fa-helicopter-symbol" | "fa-helmet-safety" | "fa-helmet-un" | "fa-highlighter" | "fa-hiking" | "fa-hill-avalanche" | "fa-hill-rockslide" | "fa-hippo" | "fa-history" | "fa-hockey-puck" | "fa-holly-berry" | "fa-home" | "fa-home-alt" | "fa-home-lg" | "fa-home-lg-alt" | "fa-home-user" | "fa-horse" | "fa-horse-head" | "fa-hospital" | "fa-hospital-alt" | "fa-hospital-symbol" | "fa-hospital-user" | "fa-hospital-wide" | "fa-hot-tub" | "fa-hot-tub-person" | "fa-hotdog" | "fa-hotel" | "fa-hourglass" | "fa-hourglass-1" | "fa-hourglass-2" | "fa-hourglass-3" | "fa-hourglass-empty" | "fa-hourglass-end" | "fa-hourglass-half" | "fa-hourglass-start" | "fa-house" | "fa-house-chimney" | "fa-house-chimney-crack" | "fa-house-chimney-medical" | "fa-house-chimney-user" | "fa-house-chimney-window" | "fa-house-circle-check" | "fa-house-circle-exclamation" | "fa-house-circle-xmark" | "fa-house-crack" | "fa-house-damage" | "fa-house-fire" | "fa-house-flag" | "fa-house-flood-water" | "fa-house-flood-water-circle-arrow-right" | "fa-house-laptop" | "fa-house-lock" | "fa-house-medical" | "fa-house-medical-circle-check" | "fa-house-medical-circle-exclamation" | "fa-house-medical-circle-xmark" | "fa-house-medical-flag" | "fa-house-signal" | "fa-house-tsunami" | "fa-house-user" | "fa-hryvnia" | "fa-hryvnia-sign" | "fa-hurricane" | "fa-i" | "fa-i-cursor" | "fa-ice-cream" | "fa-icicles" | "fa-icons" | "fa-id-badge" | "fa-id-card" | "fa-id-card-alt" | "fa-id-card-clip" | "fa-igloo" | "fa-ils" | "fa-image" | "fa-image-portrait" | "fa-images" | "fa-inbox" | "fa-indent" | "fa-indian-rupee" | "fa-indian-rupee-sign" | "fa-industry" | "fa-infinity" | "fa-info" | "fa-info-circle" | "fa-inr" | "fa-institution" | "fa-italic" | "fa-j" | "fa-jar" | "fa-jar-wheat" | "fa-jedi" | "fa-jet-fighter" | "fa-jet-fighter-up" | "fa-joint" | "fa-journal-whills" | "fa-jpy" | "fa-jug-detergent" | "fa-k" | "fa-kaaba" | "fa-key" | "fa-keyboard" | "fa-khanda" | "fa-kip-sign" | "fa-kiss" | "fa-kiss-beam" | "fa-kiss-wink-heart" | "fa-kit-medical" | "fa-kitchen-set" | "fa-kiwi-bird" | "fa-krw" | "fa-l" | "fa-ladder-water" | "fa-land-mine-on" | "fa-landmark" | "fa-landmark-alt" | "fa-landmark-dome" | "fa-landmark-flag" | "fa-language" | "fa-laptop" | "fa-laptop-code" | "fa-laptop-file" | "fa-laptop-house" | "fa-laptop-medical" | "fa-lari-sign" | "fa-laugh" | "fa-laugh-beam" | "fa-laugh-squint" | "fa-laugh-wink" | "fa-layer-group" | "fa-leaf" | "fa-left-long" | "fa-left-right" | "fa-legal" | "fa-lemon" | "fa-less-than" | "fa-less-than-equal" | "fa-level-down" | "fa-level-down-alt" | "fa-level-up" | "fa-level-up-alt" | "fa-life-ring" | "fa-lightbulb" | "fa-line-chart" | "fa-lines-leaning" | "fa-link" | "fa-link-slash" | "fa-lira-sign" | "fa-list" | "fa-list-12" | "fa-list-alt" | "fa-list-check" | "fa-list-dots" | "fa-list-numeric" | "fa-list-ol" | "fa-list-squares" | "fa-list-ul" | "fa-litecoin-sign" | "fa-location" | "fa-location-arrow" | "fa-location-crosshairs" | "fa-location-dot" | "fa-location-pin" | "fa-location-pin-lock" | "fa-lock" | "fa-lock-open" | "fa-locust" | "fa-long-arrow-alt-down" | "fa-long-arrow-alt-left" | "fa-long-arrow-alt-right" | "fa-long-arrow-alt-up" | "fa-long-arrow-down" | "fa-long-arrow-left" | "fa-long-arrow-right" | "fa-long-arrow-up" | "fa-low-vision" | "fa-luggage-cart" | "fa-lungs" | "fa-lungs-virus" | "fa-m" | "fa-magic" | "fa-magic-wand-sparkles" | "fa-magnet" | "fa-magnifying-glass" | "fa-magnifying-glass-arrow-right" | "fa-magnifying-glass-chart" | "fa-magnifying-glass-dollar" | "fa-magnifying-glass-location" | "fa-magnifying-glass-minus" | "fa-magnifying-glass-plus" | "fa-mail-bulk" | "fa-mail-forward" | "fa-mail-reply" | "fa-mail-reply-all" | "fa-male" | "fa-manat-sign" | "fa-map" | "fa-map-location" | "fa-map-location-dot" | "fa-map-marked" | "fa-map-marked-alt" | "fa-map-marker" | "fa-map-marker-alt" | "fa-map-pin" | "fa-map-signs" | "fa-marker" | "fa-mars" | "fa-mars-and-venus" | "fa-mars-and-venus-burst" | "fa-mars-double" | "fa-mars-stroke" | "fa-mars-stroke-h" | "fa-mars-stroke-right" | "fa-mars-stroke-up" | "fa-mars-stroke-v" | "fa-martini-glass" | "fa-martini-glass-citrus" | "fa-martini-glass-empty" | "fa-mask" | "fa-mask-face" | "fa-mask-ventilator" | "fa-masks-theater" | "fa-mattress-pillow" | "fa-maximize" | "fa-medal" | "fa-medkit" | "fa-meh" | "fa-meh-blank" | "fa-meh-rolling-eyes" | "fa-memory" | "fa-menorah" | "fa-mercury" | "fa-message" | "fa-meteor" | "fa-microchip" | "fa-microphone" | "fa-microphone-alt" | "fa-microphone-alt-slash" | "fa-microphone-lines" | "fa-microphone-lines-slash" | "fa-microphone-slash" | "fa-microscope" | "fa-mill-sign" | "fa-minimize" | "fa-minus" | "fa-minus-circle" | "fa-minus-square" | "fa-mitten" | "fa-mobile" | "fa-mobile-alt" | "fa-mobile-android" | "fa-mobile-android-alt" | "fa-mobile-button" | "fa-mobile-phone" | "fa-mobile-retro" | "fa-mobile-screen" | "fa-mobile-screen-button" | "fa-money-bill" | "fa-money-bill-1" | "fa-money-bill-1-wave" | "fa-money-bill-alt" | "fa-money-bill-transfer" | "fa-money-bill-trend-up" | "fa-money-bill-wave" | "fa-money-bill-wave-alt" | "fa-money-bill-wheat" | "fa-money-bills" | "fa-money-check" | "fa-money-check-alt" | "fa-money-check-dollar" | "fa-monument" | "fa-moon" | "fa-mortar-board" | "fa-mortar-pestle" | "fa-mosque" | "fa-mosquito" | "fa-mosquito-net" | "fa-motorcycle" | "fa-mound" | "fa-mountain" | "fa-mountain-city" | "fa-mountain-sun" | "fa-mouse" | "fa-mouse-pointer" | "fa-mug-hot" | "fa-mug-saucer" | "fa-multiply" | "fa-museum" | "fa-music" | "fa-n" | "fa-naira-sign" | "fa-navicon" | "fa-network-wired" | "fa-neuter" | "fa-newspaper" | "fa-not-equal" | "fa-notdef" | "fa-note-sticky" | "fa-notes-medical" | "fa-o" | "fa-object-group" | "fa-object-ungroup" | "fa-oil-can" | "fa-oil-well" | "fa-om" | "fa-otter" | "fa-outdent" | "fa-p" | "fa-pager" | "fa-paint-brush" | "fa-paint-roller" | "fa-paintbrush" | "fa-palette" | "fa-pallet" | "fa-panorama" | "fa-paper-plane" | "fa-paperclip" | "fa-parachute-box" | "fa-paragraph" | "fa-parking" | "fa-passport" | "fa-pastafarianism" | "fa-paste" | "fa-pause" | "fa-pause-circle" | "fa-paw" | "fa-peace" | "fa-pen" | "fa-pen-alt" | "fa-pen-clip" | "fa-pen-fancy" | "fa-pen-nib" | "fa-pen-ruler" | "fa-pen-square" | "fa-pen-to-square" | "fa-pencil" | "fa-pencil-alt" | "fa-pencil-ruler" | "fa-pencil-square" | "fa-people-arrows" | "fa-people-arrows-left-right" | "fa-people-carry" | "fa-people-carry-box" | "fa-people-group" | "fa-people-line" | "fa-people-pulling" | "fa-people-robbery" | "fa-people-roof" | "fa-pepper-hot" | "fa-percent" | "fa-percentage" | "fa-person" | "fa-person-arrow-down-to-line" | "fa-person-arrow-up-from-line" | "fa-person-biking" | "fa-person-booth" | "fa-person-breastfeeding" | "fa-person-burst" | "fa-person-cane" | "fa-person-chalkboard" | "fa-person-circle-check" | "fa-person-circle-exclamation" | "fa-person-circle-minus" | "fa-person-circle-plus" | "fa-person-circle-question" | "fa-person-circle-xmark" | "fa-person-digging" | "fa-person-dots-from-line" | "fa-person-dress" | "fa-person-dress-burst" | "fa-person-drowning" | "fa-person-falling" | "fa-person-falling-burst" | "fa-person-half-dress" | "fa-person-harassing" | "fa-person-hiking" | "fa-person-military-pointing" | "fa-person-military-rifle" | "fa-person-military-to-person" | "fa-person-praying" | "fa-person-pregnant" | "fa-person-rays" | "fa-person-rifle" | "fa-person-running" | "fa-person-shelter" | "fa-person-skating" | "fa-person-skiing" | "fa-person-skiing-nordic" | "fa-person-snowboarding" | "fa-person-swimming" | "fa-person-through-window" | "fa-person-walking" | "fa-person-walking-arrow-loop-left" | "fa-person-walking-arrow-right" | "fa-person-walking-dashed-line-arrow-right" | "fa-person-walking-luggage" | "fa-person-walking-with-cane" | "fa-peseta-sign" | "fa-peso-sign" | "fa-phone" | "fa-phone-alt" | "fa-phone-flip" | "fa-phone-slash" | "fa-phone-square" | "fa-phone-square-alt" | "fa-phone-volume" | "fa-photo-film" | "fa-photo-video" | "fa-pie-chart" | "fa-piggy-bank" | "fa-pills" | "fa-ping-pong-paddle-ball" | "fa-pizza-slice" | "fa-place-of-worship" | "fa-plane" | "fa-plane-arrival" | "fa-plane-circle-check" | "fa-plane-circle-exclamation" | "fa-plane-circle-xmark" | "fa-plane-departure" | "fa-plane-lock" | "fa-plane-slash" | "fa-plane-up" | "fa-plant-wilt" | "fa-plate-wheat" | "fa-play" | "fa-play-circle" | "fa-plug" | "fa-plug-circle-bolt" | "fa-plug-circle-check" | "fa-plug-circle-exclamation" | "fa-plug-circle-minus" | "fa-plug-circle-plus" | "fa-plug-circle-xmark" | "fa-plus" | "fa-plus-circle" | "fa-plus-minus" | "fa-plus-square" | "fa-podcast" | "fa-poll" | "fa-poll-h" | "fa-poo" | "fa-poo-bolt" | "fa-poo-storm" | "fa-poop" | "fa-portrait" | "fa-pound-sign" | "fa-power-off" | "fa-pray" | "fa-praying-hands" | "fa-prescription" | "fa-prescription-bottle" | "fa-prescription-bottle-alt" | "fa-prescription-bottle-medical" | "fa-print" | "fa-procedures" | "fa-project-diagram" | "fa-pump-medical" | "fa-pump-soap" | "fa-puzzle-piece" | "fa-q" | "fa-qrcode" | "fa-question" | "fa-question-circle" | "fa-quidditch" | "fa-quidditch-broom-ball" | "fa-quote-left" | "fa-quote-left-alt" | "fa-quote-right" | "fa-quote-right-alt" | "fa-quran" | "fa-r" | "fa-radiation" | "fa-radiation-alt" | "fa-radio" | "fa-rainbow" | "fa-random" | "fa-ranking-star" | "fa-receipt" | "fa-record-vinyl" | "fa-rectangle-ad" | "fa-rectangle-list" | "fa-rectangle-times" | "fa-rectangle-xmark" | "fa-recycle" | "fa-redo" | "fa-redo-alt" | "fa-refresh" | "fa-registered" | "fa-remove" | "fa-remove-format" | "fa-reorder" | "fa-repeat" | "fa-reply" | "fa-reply-all" | "fa-republican" | "fa-restroom" | "fa-retweet" | "fa-ribbon" | "fa-right-from-bracket" | "fa-right-left" | "fa-right-long" | "fa-right-to-bracket" | "fa-ring" | "fa-rmb" | "fa-road" | "fa-road-barrier" | "fa-road-bridge" | "fa-road-circle-check" | "fa-road-circle-exclamation" | "fa-road-circle-xmark" | "fa-road-lock" | "fa-road-spikes" | "fa-robot" | "fa-rocket" | "fa-rod-asclepius" | "fa-rod-snake" | "fa-rotate" | "fa-rotate-back" | "fa-rotate-backward" | "fa-rotate-forward" | "fa-rotate-left" | "fa-rotate-right" | "fa-rouble" | "fa-route" | "fa-rss" | "fa-rss-square" | "fa-rub" | "fa-ruble" | "fa-ruble-sign" | "fa-rug" | "fa-ruler" | "fa-ruler-combined" | "fa-ruler-horizontal" | "fa-ruler-vertical" | "fa-running" | "fa-rupee" | "fa-rupee-sign" | "fa-rupiah-sign" | "fa-s" | "fa-sack-dollar" | "fa-sack-xmark" | "fa-sad-cry" | "fa-sad-tear" | "fa-sailboat" | "fa-satellite" | "fa-satellite-dish" | "fa-save" | "fa-scale-balanced" | "fa-scale-unbalanced" | "fa-scale-unbalanced-flip" | "fa-school" | "fa-school-circle-check" | "fa-school-circle-exclamation" | "fa-school-circle-xmark" | "fa-school-flag" | "fa-school-lock" | "fa-scissors" | "fa-screwdriver" | "fa-screwdriver-wrench" | "fa-scroll" | "fa-scroll-torah" | "fa-sd-card" | "fa-search" | "fa-search-dollar" | "fa-search-location" | "fa-search-minus" | "fa-search-plus" | "fa-section" | "fa-seedling" | "fa-server" | "fa-shapes" | "fa-share" | "fa-share-alt" | "fa-share-alt-square" | "fa-share-from-square" | "fa-share-nodes" | "fa-share-square" | "fa-sheet-plastic" | "fa-shekel" | "fa-shekel-sign" | "fa-sheqel" | "fa-sheqel-sign" | "fa-shield" | "fa-shield-alt" | "fa-shield-blank" | "fa-shield-cat" | "fa-shield-dog" | "fa-shield-halved" | "fa-shield-heart" | "fa-shield-virus" | "fa-ship" | "fa-shipping-fast" | "fa-shirt" | "fa-shoe-prints" | "fa-shop" | "fa-shop-lock" | "fa-shop-slash" | "fa-shopping-bag" | "fa-shopping-basket" | "fa-shopping-cart" | "fa-shower" | "fa-shrimp" | "fa-shuffle" | "fa-shuttle-space" | "fa-shuttle-van" | "fa-sign" | "fa-sign-hanging" | "fa-sign-in" | "fa-sign-in-alt" | "fa-sign-language" | "fa-sign-out" | "fa-sign-out-alt" | "fa-signal" | "fa-signal-5" | "fa-signal-perfect" | "fa-signature" | "fa-signing" | "fa-signs-post" | "fa-sim-card" | "fa-sink" | "fa-sitemap" | "fa-skating" | "fa-skiing" | "fa-skiing-nordic" | "fa-skull" | "fa-skull-crossbones" | "fa-slash" | "fa-sleigh" | "fa-sliders" | "fa-sliders-h" | "fa-smile" | "fa-smile-beam" | "fa-smile-wink" | "fa-smog" | "fa-smoking" | "fa-smoking-ban" | "fa-sms" | "fa-snowboarding" | "fa-snowflake" | "fa-snowman" | "fa-snowplow" | "fa-soap" | "fa-soccer-ball" | "fa-socks" | "fa-solar-panel" | "fa-sort" | "fa-sort-alpha-asc" | "fa-sort-alpha-desc" | "fa-sort-alpha-down" | "fa-sort-alpha-down-alt" | "fa-sort-alpha-up" | "fa-sort-alpha-up-alt" | "fa-sort-amount-asc" | "fa-sort-amount-desc" | "fa-sort-amount-down" | "fa-sort-amount-down-alt" | "fa-sort-amount-up" | "fa-sort-amount-up-alt" | "fa-sort-asc" | "fa-sort-desc" | "fa-sort-down" | "fa-sort-numeric-asc" | "fa-sort-numeric-desc" | "fa-sort-numeric-down" | "fa-sort-numeric-down-alt" | "fa-sort-numeric-up" | "fa-sort-numeric-up-alt" | "fa-sort-up" | "fa-spa" | "fa-space-shuttle" | "fa-spaghetti-monster-flying" | "fa-spell-check" | "fa-spider" | "fa-spinner" | "fa-splotch" | "fa-spoon" | "fa-spray-can" | "fa-spray-can-sparkles" | "fa-sprout" | "fa-square" | "fa-square-arrow-up-right" | "fa-square-caret-down" | "fa-square-caret-left" | "fa-square-caret-right" | "fa-square-caret-up" | "fa-square-check" | "fa-square-envelope" | "fa-square-full" | "fa-square-h" | "fa-square-minus" | "fa-square-nfi" | "fa-square-parking" | "fa-square-pen" | "fa-square-person-confined" | "fa-square-phone" | "fa-square-phone-flip" | "fa-square-plus" | "fa-square-poll-horizontal" | "fa-square-poll-vertical" | "fa-square-root-alt" | "fa-square-root-variable" | "fa-square-rss" | "fa-square-share-nodes" | "fa-square-up-right" | "fa-square-virus" | "fa-square-xmark" | "fa-staff-aesculapius" | "fa-staff-snake" | "fa-stairs" | "fa-stamp" | "fa-stapler" | "fa-star" | "fa-star-and-crescent" | "fa-star-half" | "fa-star-half-alt" | "fa-star-half-stroke" | "fa-star-of-david" | "fa-star-of-life" | "fa-step-backward" | "fa-step-forward" | "fa-sterling-sign" | "fa-stethoscope" | "fa-sticky-note" | "fa-stop" | "fa-stop-circle" | "fa-stopwatch" | "fa-stopwatch-20" | "fa-store" | "fa-store-alt" | "fa-store-alt-slash" | "fa-store-slash" | "fa-stream" | "fa-street-view" | "fa-strikethrough" | "fa-stroopwafel" | "fa-subscript" | "fa-subtract" | "fa-subway" | "fa-suitcase" | "fa-suitcase-medical" | "fa-suitcase-rolling" | "fa-sun" | "fa-sun-plant-wilt" | "fa-superscript" | "fa-surprise" | "fa-swatchbook" | "fa-swimmer" | "fa-swimming-pool" | "fa-synagogue" | "fa-sync" | "fa-sync-alt" | "fa-syringe" | "fa-t" | "fa-t-shirt" | "fa-table" | "fa-table-cells" | "fa-table-cells-column-lock" | "fa-table-cells-large" | "fa-table-cells-row-lock" | "fa-table-columns" | "fa-table-list" | "fa-table-tennis" | "fa-table-tennis-paddle-ball" | "fa-tablet" | "fa-tablet-alt" | "fa-tablet-android" | "fa-tablet-button" | "fa-tablet-screen-button" | "fa-tablets" | "fa-tachograph-digital" | "fa-tachometer" | "fa-tachometer-alt" | "fa-tachometer-alt-average" | "fa-tachometer-alt-fast" | "fa-tachometer-average" | "fa-tachometer-fast" | "fa-tag" | "fa-tags" | "fa-tanakh" | "fa-tape" | "fa-tarp" | "fa-tarp-droplet" | "fa-tasks" | "fa-tasks-alt" | "fa-taxi" | "fa-teeth" | "fa-teeth-open" | "fa-teletype" | "fa-television" | "fa-temperature-0" | "fa-temperature-1" | "fa-temperature-2" | "fa-temperature-3" | "fa-temperature-4" | "fa-temperature-arrow-down" | "fa-temperature-arrow-up" | "fa-temperature-down" | "fa-temperature-empty" | "fa-temperature-full" | "fa-temperature-half" | "fa-temperature-high" | "fa-temperature-low" | "fa-temperature-quarter" | "fa-temperature-three-quarters" | "fa-temperature-up" | "fa-tenge" | "fa-tenge-sign" | "fa-tent" | "fa-tent-arrow-down-to-line" | "fa-tent-arrow-left-right" | "fa-tent-arrow-turn-left" | "fa-tent-arrows-down" | "fa-tents" | "fa-terminal" | "fa-text-height" | "fa-text-slash" | "fa-text-width" | "fa-th" | "fa-th-large" | "fa-th-list" | "fa-theater-masks" | "fa-thermometer" | "fa-thermometer-0" | "fa-thermometer-1" | "fa-thermometer-2" | "fa-thermometer-3" | "fa-thermometer-4" | "fa-thermometer-empty" | "fa-thermometer-full" | "fa-thermometer-half" | "fa-thermometer-quarter" | "fa-thermometer-three-quarters" | "fa-thumb-tack" | "fa-thumbs-down" | "fa-thumbs-up" | "fa-thumbtack" | "fa-thunderstorm" | "fa-ticket" | "fa-ticket-alt" | "fa-ticket-simple" | "fa-timeline" | "fa-times" | "fa-times-circle" | "fa-times-rectangle" | "fa-times-square" | "fa-tint" | "fa-tint-slash" | "fa-tired" | "fa-toggle-off" | "fa-toggle-on" | "fa-toilet" | "fa-toilet-paper" | "fa-toilet-paper-slash" | "fa-toilet-portable" | "fa-toilets-portable" | "fa-toolbox" | "fa-tools" | "fa-tooth" | "fa-torah" | "fa-torii-gate" | "fa-tornado" | "fa-tower-broadcast" | "fa-tower-cell" | "fa-tower-observation" | "fa-tractor" | "fa-trademark" | "fa-traffic-light" | "fa-trailer" | "fa-train" | "fa-train-subway" | "fa-train-tram" | "fa-tram" | "fa-transgender" | "fa-transgender-alt" | "fa-trash" | "fa-trash-alt" | "fa-trash-arrow-up" | "fa-trash-can" | "fa-trash-can-arrow-up" | "fa-trash-restore" | "fa-trash-restore-alt" | "fa-tree" | "fa-tree-city" | "fa-triangle-circle-square" | "fa-triangle-exclamation" | "fa-trophy" | "fa-trowel" | "fa-trowel-bricks" | "fa-truck" | "fa-truck-arrow-right" | "fa-truck-droplet" | "fa-truck-fast" | "fa-truck-field" | "fa-truck-field-un" | "fa-truck-front" | "fa-truck-loading" | "fa-truck-medical" | "fa-truck-monster" | "fa-truck-moving" | "fa-truck-pickup" | "fa-truck-plane" | "fa-truck-ramp-box" | "fa-try" | "fa-tshirt" | "fa-tty" | "fa-turkish-lira" | "fa-turkish-lira-sign" | "fa-turn-down" | "fa-turn-up" | "fa-tv" | "fa-tv-alt" | "fa-u" | "fa-umbrella" | "fa-umbrella-beach" | "fa-underline" | "fa-undo" | "fa-undo-alt" | "fa-universal-access" | "fa-university" | "fa-unlink" | "fa-unlock" | "fa-unlock-alt" | "fa-unlock-keyhole" | "fa-unsorted" | "fa-up-down" | "fa-up-down-left-right" | "fa-up-long" | "fa-up-right-and-down-left-from-center" | "fa-up-right-from-square" | "fa-upload" | "fa-usd" | "fa-user" | "fa-user-alt" | "fa-user-alt-slash" | "fa-user-astronaut" | "fa-user-check" | "fa-user-circle" | "fa-user-clock" | "fa-user-cog" | "fa-user-doctor" | "fa-user-edit" | "fa-user-friends" | "fa-user-gear" | "fa-user-graduate" | "fa-user-group" | "fa-user-injured" | "fa-user-large" | "fa-user-large-slash" | "fa-user-lock" | "fa-user-md" | "fa-user-minus" | "fa-user-ninja" | "fa-user-nurse" | "fa-user-pen" | "fa-user-plus" | "fa-user-secret" | "fa-user-shield" | "fa-user-slash" | "fa-user-tag" | "fa-user-tie" | "fa-user-times" | "fa-user-xmark" | "fa-users" | "fa-users-between-lines" | "fa-users-cog" | "fa-users-gear" | "fa-users-line" | "fa-users-rays" | "fa-users-rectangle" | "fa-users-slash" | "fa-users-viewfinder" | "fa-utensil-spoon" | "fa-utensils" | "fa-v" | "fa-van-shuttle" | "fa-vault" | "fa-vcard" | "fa-vector-square" | "fa-venus" | "fa-venus-double" | "fa-venus-mars" | "fa-vest" | "fa-vest-patches" | "fa-vial" | "fa-vial-circle-check" | "fa-vial-virus" | "fa-vials" | "fa-video" | "fa-video-camera" | "fa-video-slash" | "fa-vihara" | "fa-virus" | "fa-virus-covid" | "fa-virus-covid-slash" | "fa-virus-slash" | "fa-viruses" | "fa-voicemail" | "fa-volcano" | "fa-volleyball" | "fa-volleyball-ball" | "fa-volume-control-phone" | "fa-volume-down" | "fa-volume-high" | "fa-volume-low" | "fa-volume-mute" | "fa-volume-off" | "fa-volume-times" | "fa-volume-up" | "fa-volume-xmark" | "fa-vote-yea" | "fa-vr-cardboard" | "fa-w" | "fa-walkie-talkie" | "fa-walking" | "fa-wallet" | "fa-wand-magic" | "fa-wand-magic-sparkles" | "fa-wand-sparkles" | "fa-warehouse" | "fa-warning" | "fa-water" | "fa-water-ladder" | "fa-wave-square" | "fa-weight" | "fa-weight-hanging" | "fa-weight-scale" | "fa-wheat-alt" | "fa-wheat-awn" | "fa-wheat-awn-circle-exclamation" | "fa-wheelchair" | "fa-wheelchair-alt" | "fa-wheelchair-move" | "fa-whiskey-glass" | "fa-wifi" | "fa-wifi-3" | "fa-wifi-strong" | "fa-wind" | "fa-window-close" | "fa-window-maximize" | "fa-window-minimize" | "fa-window-restore" | "fa-wine-bottle" | "fa-wine-glass" | "fa-wine-glass-alt" | "fa-wine-glass-empty" | "fa-won" | "fa-won-sign" | "fa-worm" | "fa-wrench" | "fa-x" | "fa-x-ray" | "fa-xmark" | "fa-xmark-circle" | "fa-xmark-square" | "fa-xmarks-lines" | "fa-y" | "fa-yen" | "fa-yen-sign" | "fa-yin-yang" | "fa-z" | "fa-zap" | "file" | "fileHappy" | "filter" | "filter-outline" | "find-documents" | "folder" | "form" | "gallery" | "graphiql" | "grid-view" | "happy" | "help" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "indico-o-white" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "libraries" | "list-view" | "location" | "lock" | "logout" | "menu" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-collections" | "no-format" | "no-libraries" | "no_results" | "object-detection" | "organizations" | "output" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "pointer" | "popup" | "preview-view" | "price" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "reset" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "text" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "zoom-in" | "zoom-out" | undefined;
+        notCheckedIconName?: "search" | "split" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmark-saved" | "bookmarks" | "branch" | "calendar" | "check" | "check-circle" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "choose-library" | "circle-help" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "cog" | "collection" | "company-name" | "compare" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "date" | "document" | "draggable" | "droplet" | "edit" | "education" | "ellipsis" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "fa-0" | "fa-1" | "fa-2" | "fa-3" | "fa-4" | "fa-5" | "fa-6" | "fa-7" | "fa-8" | "fa-9" | "fa-a" | "fa-ad" | "fa-add" | "fa-address-book" | "fa-address-card" | "fa-adjust" | "fa-air-freshener" | "fa-align-center" | "fa-align-justify" | "fa-align-left" | "fa-align-right" | "fa-allergies" | "fa-ambulance" | "fa-american-sign-language-interpreting" | "fa-anchor" | "fa-anchor-circle-check" | "fa-anchor-circle-exclamation" | "fa-anchor-circle-xmark" | "fa-anchor-lock" | "fa-angle-double-down" | "fa-angle-double-left" | "fa-angle-double-right" | "fa-angle-double-up" | "fa-angle-down" | "fa-angle-left" | "fa-angle-right" | "fa-angle-up" | "fa-angles-down" | "fa-angles-left" | "fa-angles-right" | "fa-angles-up" | "fa-angry" | "fa-ankh" | "fa-apple-alt" | "fa-apple-whole" | "fa-archive" | "fa-archway" | "fa-area-chart" | "fa-arrow-alt-circle-down" | "fa-arrow-alt-circle-left" | "fa-arrow-alt-circle-right" | "fa-arrow-alt-circle-up" | "fa-arrow-circle-down" | "fa-arrow-circle-left" | "fa-arrow-circle-right" | "fa-arrow-circle-up" | "fa-arrow-down" | "fa-arrow-down-19" | "fa-arrow-down-91" | "fa-arrow-down-a-z" | "fa-arrow-down-long" | "fa-arrow-down-short-wide" | "fa-arrow-down-up-across-line" | "fa-arrow-down-up-lock" | "fa-arrow-down-wide-short" | "fa-arrow-down-z-a" | "fa-arrow-left" | "fa-arrow-left-long" | "fa-arrow-left-rotate" | "fa-arrow-pointer" | "fa-arrow-right" | "fa-arrow-right-arrow-left" | "fa-arrow-right-from-bracket" | "fa-arrow-right-from-file" | "fa-arrow-right-long" | "fa-arrow-right-rotate" | "fa-arrow-right-to-bracket" | "fa-arrow-right-to-city" | "fa-arrow-right-to-file" | "fa-arrow-rotate-back" | "fa-arrow-rotate-backward" | "fa-arrow-rotate-forward" | "fa-arrow-rotate-left" | "fa-arrow-rotate-right" | "fa-arrow-trend-down" | "fa-arrow-trend-up" | "fa-arrow-turn-down" | "fa-arrow-turn-up" | "fa-arrow-up" | "fa-arrow-up-19" | "fa-arrow-up-91" | "fa-arrow-up-a-z" | "fa-arrow-up-from-bracket" | "fa-arrow-up-from-ground-water" | "fa-arrow-up-from-water-pump" | "fa-arrow-up-long" | "fa-arrow-up-right-dots" | "fa-arrow-up-right-from-square" | "fa-arrow-up-short-wide" | "fa-arrow-up-wide-short" | "fa-arrow-up-z-a" | "fa-arrows" | "fa-arrows-alt" | "fa-arrows-alt-h" | "fa-arrows-alt-v" | "fa-arrows-down-to-line" | "fa-arrows-down-to-people" | "fa-arrows-h" | "fa-arrows-left-right" | "fa-arrows-left-right-to-line" | "fa-arrows-rotate" | "fa-arrows-spin" | "fa-arrows-split-up-and-left" | "fa-arrows-to-circle" | "fa-arrows-to-dot" | "fa-arrows-to-eye" | "fa-arrows-turn-right" | "fa-arrows-turn-to-dots" | "fa-arrows-up-down" | "fa-arrows-up-down-left-right" | "fa-arrows-up-to-line" | "fa-arrows-v" | "fa-asl-interpreting" | "fa-assistive-listening-systems" | "fa-asterisk" | "fa-at" | "fa-atlas" | "fa-atom" | "fa-audio-description" | "fa-austral-sign" | "fa-automobile" | "fa-award" | "fa-b" | "fa-baby" | "fa-baby-carriage" | "fa-backspace" | "fa-backward" | "fa-backward-fast" | "fa-backward-step" | "fa-bacon" | "fa-bacteria" | "fa-bacterium" | "fa-bag-shopping" | "fa-bahai" | "fa-baht-sign" | "fa-balance-scale" | "fa-balance-scale-left" | "fa-balance-scale-right" | "fa-ban" | "fa-ban-smoking" | "fa-band-aid" | "fa-bandage" | "fa-bangladeshi-taka-sign" | "fa-bank" | "fa-bar-chart" | "fa-barcode" | "fa-bars" | "fa-bars-progress" | "fa-bars-staggered" | "fa-baseball" | "fa-baseball-ball" | "fa-baseball-bat-ball" | "fa-basket-shopping" | "fa-basketball" | "fa-basketball-ball" | "fa-bath" | "fa-bathtub" | "fa-battery" | "fa-battery-0" | "fa-battery-2" | "fa-battery-3" | "fa-battery-4" | "fa-battery-5" | "fa-battery-car" | "fa-battery-empty" | "fa-battery-full" | "fa-battery-half" | "fa-battery-quarter" | "fa-battery-three-quarters" | "fa-bed" | "fa-bed-pulse" | "fa-beer" | "fa-beer-mug-empty" | "fa-bell" | "fa-bell-concierge" | "fa-bell-slash" | "fa-bezier-curve" | "fa-bible" | "fa-bicycle" | "fa-biking" | "fa-binoculars" | "fa-biohazard" | "fa-birthday-cake" | "fa-bitcoin-sign" | "fa-blackboard" | "fa-blender" | "fa-blender-phone" | "fa-blind" | "fa-blog" | "fa-bold" | "fa-bolt" | "fa-bolt-lightning" | "fa-bomb" | "fa-bone" | "fa-bong" | "fa-book" | "fa-book-atlas" | "fa-book-bible" | "fa-book-bookmark" | "fa-book-dead" | "fa-book-journal-whills" | "fa-book-medical" | "fa-book-open" | "fa-book-open-reader" | "fa-book-quran" | "fa-book-reader" | "fa-book-skull" | "fa-book-tanakh" | "fa-bookmark" | "fa-border-all" | "fa-border-none" | "fa-border-style" | "fa-border-top-left" | "fa-bore-hole" | "fa-bottle-droplet" | "fa-bottle-water" | "fa-bowl-food" | "fa-bowl-rice" | "fa-bowling-ball" | "fa-box" | "fa-box-archive" | "fa-box-open" | "fa-box-tissue" | "fa-boxes" | "fa-boxes-alt" | "fa-boxes-packing" | "fa-boxes-stacked" | "fa-braille" | "fa-brain" | "fa-brazilian-real-sign" | "fa-bread-slice" | "fa-bridge" | "fa-bridge-circle-check" | "fa-bridge-circle-exclamation" | "fa-bridge-circle-xmark" | "fa-bridge-lock" | "fa-bridge-water" | "fa-briefcase" | "fa-briefcase-clock" | "fa-briefcase-medical" | "fa-broadcast-tower" | "fa-broom" | "fa-broom-ball" | "fa-brush" | "fa-bucket" | "fa-bug" | "fa-bug-slash" | "fa-bugs" | "fa-building" | "fa-building-circle-arrow-right" | "fa-building-circle-check" | "fa-building-circle-exclamation" | "fa-building-circle-xmark" | "fa-building-columns" | "fa-building-flag" | "fa-building-lock" | "fa-building-ngo" | "fa-building-shield" | "fa-building-un" | "fa-building-user" | "fa-building-wheat" | "fa-bullhorn" | "fa-bullseye" | "fa-burger" | "fa-burn" | "fa-burst" | "fa-bus" | "fa-bus-alt" | "fa-bus-simple" | "fa-business-time" | "fa-c" | "fa-cab" | "fa-cable-car" | "fa-cake" | "fa-cake-candles" | "fa-calculator" | "fa-calendar" | "fa-calendar-alt" | "fa-calendar-check" | "fa-calendar-day" | "fa-calendar-days" | "fa-calendar-minus" | "fa-calendar-plus" | "fa-calendar-times" | "fa-calendar-week" | "fa-calendar-xmark" | "fa-camera" | "fa-camera-alt" | "fa-camera-retro" | "fa-camera-rotate" | "fa-campground" | "fa-cancel" | "fa-candy-cane" | "fa-cannabis" | "fa-capsules" | "fa-car" | "fa-car-alt" | "fa-car-battery" | "fa-car-burst" | "fa-car-crash" | "fa-car-on" | "fa-car-rear" | "fa-car-side" | "fa-car-tunnel" | "fa-caravan" | "fa-caret-down" | "fa-caret-left" | "fa-caret-right" | "fa-caret-square-down" | "fa-caret-square-left" | "fa-caret-square-right" | "fa-caret-square-up" | "fa-caret-up" | "fa-carriage-baby" | "fa-carrot" | "fa-cart-arrow-down" | "fa-cart-flatbed" | "fa-cart-flatbed-suitcase" | "fa-cart-plus" | "fa-cart-shopping" | "fa-cash-register" | "fa-cat" | "fa-cedi-sign" | "fa-cent-sign" | "fa-certificate" | "fa-chain" | "fa-chain-broken" | "fa-chain-slash" | "fa-chair" | "fa-chalkboard" | "fa-chalkboard-teacher" | "fa-chalkboard-user" | "fa-champagne-glasses" | "fa-charging-station" | "fa-chart-area" | "fa-chart-bar" | "fa-chart-column" | "fa-chart-gantt" | "fa-chart-line" | "fa-chart-pie" | "fa-chart-simple" | "fa-check" | "fa-check-circle" | "fa-check-double" | "fa-check-square" | "fa-check-to-slot" | "fa-cheese" | "fa-chess" | "fa-chess-bishop" | "fa-chess-board" | "fa-chess-king" | "fa-chess-knight" | "fa-chess-pawn" | "fa-chess-queen" | "fa-chess-rook" | "fa-chevron-circle-down" | "fa-chevron-circle-left" | "fa-chevron-circle-right" | "fa-chevron-circle-up" | "fa-chevron-down" | "fa-chevron-left" | "fa-chevron-right" | "fa-chevron-up" | "fa-child" | "fa-child-combatant" | "fa-child-dress" | "fa-child-reaching" | "fa-child-rifle" | "fa-children" | "fa-church" | "fa-circle" | "fa-circle-arrow-down" | "fa-circle-arrow-left" | "fa-circle-arrow-right" | "fa-circle-arrow-up" | "fa-circle-check" | "fa-circle-chevron-down" | "fa-circle-chevron-left" | "fa-circle-chevron-right" | "fa-circle-chevron-up" | "fa-circle-dollar-to-slot" | "fa-circle-dot" | "fa-circle-down" | "fa-circle-exclamation" | "fa-circle-h" | "fa-circle-half-stroke" | "fa-circle-info" | "fa-circle-left" | "fa-circle-minus" | "fa-circle-nodes" | "fa-circle-notch" | "fa-circle-pause" | "fa-circle-play" | "fa-circle-plus" | "fa-circle-question" | "fa-circle-radiation" | "fa-circle-right" | "fa-circle-stop" | "fa-circle-up" | "fa-circle-user" | "fa-circle-xmark" | "fa-city" | "fa-clapperboard" | "fa-clinic-medical" | "fa-clipboard" | "fa-clipboard-check" | "fa-clipboard-list" | "fa-clipboard-question" | "fa-clipboard-user" | "fa-clock" | "fa-clock-four" | "fa-clock-rotate-left" | "fa-clone" | "fa-close" | "fa-closed-captioning" | "fa-cloud" | "fa-cloud-arrow-down" | "fa-cloud-arrow-up" | "fa-cloud-bolt" | "fa-cloud-download" | "fa-cloud-download-alt" | "fa-cloud-meatball" | "fa-cloud-moon" | "fa-cloud-moon-rain" | "fa-cloud-rain" | "fa-cloud-showers-heavy" | "fa-cloud-showers-water" | "fa-cloud-sun" | "fa-cloud-sun-rain" | "fa-cloud-upload" | "fa-cloud-upload-alt" | "fa-clover" | "fa-cny" | "fa-cocktail" | "fa-code" | "fa-code-branch" | "fa-code-commit" | "fa-code-compare" | "fa-code-fork" | "fa-code-merge" | "fa-code-pull-request" | "fa-coffee" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-colon-sign" | "fa-columns" | "fa-comment" | "fa-comment-alt" | "fa-comment-dollar" | "fa-comment-dots" | "fa-comment-medical" | "fa-comment-slash" | "fa-comment-sms" | "fa-commenting" | "fa-comments" | "fa-comments-dollar" | "fa-compact-disc" | "fa-compass" | "fa-compass-drafting" | "fa-compress" | "fa-compress-alt" | "fa-compress-arrows-alt" | "fa-computer" | "fa-computer-mouse" | "fa-concierge-bell" | "fa-contact-book" | "fa-contact-card" | "fa-cookie" | "fa-cookie-bite" | "fa-copy" | "fa-copyright" | "fa-couch" | "fa-cow" | "fa-credit-card" | "fa-credit-card-alt" | "fa-crop" | "fa-crop-alt" | "fa-crop-simple" | "fa-cross" | "fa-crosshairs" | "fa-crow" | "fa-crown" | "fa-crutch" | "fa-cruzeiro-sign" | "fa-cube" | "fa-cubes" | "fa-cubes-stacked" | "fa-cut" | "fa-cutlery" | "fa-d" | "fa-dashboard" | "fa-database" | "fa-deaf" | "fa-deafness" | "fa-dedent" | "fa-delete-left" | "fa-democrat" | "fa-desktop" | "fa-desktop-alt" | "fa-dharmachakra" | "fa-diagnoses" | "fa-diagram-next" | "fa-diagram-predecessor" | "fa-diagram-project" | "fa-diagram-successor" | "fa-diamond" | "fa-diamond-turn-right" | "fa-dice" | "fa-dice-d-20" | "fa-dice-d-6" | "fa-dice-five" | "fa-dice-four" | "fa-dice-one" | "fa-dice-six" | "fa-dice-three" | "fa-dice-two" | "fa-digging" | "fa-digital-tachograph" | "fa-directions" | "fa-disease" | "fa-display" | "fa-divide" | "fa-dizzy" | "fa-dna" | "fa-dog" | "fa-dollar" | "fa-dollar-sign" | "fa-dolly" | "fa-dolly-box" | "fa-dolly-flatbed" | "fa-donate" | "fa-dong-sign" | "fa-door-closed" | "fa-door-open" | "fa-dot-circle" | "fa-dove" | "fa-down-left-and-up-right-to-center" | "fa-down-long" | "fa-download" | "fa-drafting-compass" | "fa-dragon" | "fa-draw-polygon" | "fa-drivers-license" | "fa-droplet" | "fa-droplet-slash" | "fa-drum" | "fa-drum-steelpan" | "fa-drumstick-bite" | "fa-dumbbell" | "fa-dumpster" | "fa-dumpster-fire" | "fa-dungeon" | "fa-e" | "fa-ear-deaf" | "fa-ear-listen" | "fa-earth" | "fa-earth-africa" | "fa-earth-america" | "fa-earth-americas" | "fa-earth-asia" | "fa-earth-europe" | "fa-earth-oceania" | "fa-edit" | "fa-egg" | "fa-eject" | "fa-elevator" | "fa-ellipsis" | "fa-ellipsis-h" | "fa-ellipsis-v" | "fa-ellipsis-vertical" | "fa-envelope" | "fa-envelope-circle-check" | "fa-envelope-open" | "fa-envelope-open-text" | "fa-envelope-square" | "fa-envelopes-bulk" | "fa-equals" | "fa-eraser" | "fa-ethernet" | "fa-eur" | "fa-euro" | "fa-euro-sign" | "fa-exchange" | "fa-exchange-alt" | "fa-exclamation" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-expand" | "fa-expand-alt" | "fa-expand-arrows-alt" | "fa-explosion" | "fa-external-link" | "fa-external-link-alt" | "fa-external-link-square" | "fa-external-link-square-alt" | "fa-eye" | "fa-eye-dropper" | "fa-eye-dropper-empty" | "fa-eye-low-vision" | "fa-eye-slash" | "fa-eyedropper" | "fa-f" | "fa-face-angry" | "fa-face-dizzy" | "fa-face-flushed" | "fa-face-frown" | "fa-face-frown-open" | "fa-face-grimace" | "fa-face-grin" | "fa-face-grin-beam" | "fa-face-grin-beam-sweat" | "fa-face-grin-hearts" | "fa-face-grin-squint" | "fa-face-grin-squint-tears" | "fa-face-grin-stars" | "fa-face-grin-tears" | "fa-face-grin-tongue" | "fa-face-grin-tongue-squint" | "fa-face-grin-tongue-wink" | "fa-face-grin-wide" | "fa-face-grin-wink" | "fa-face-kiss" | "fa-face-kiss-beam" | "fa-face-kiss-wink-heart" | "fa-face-laugh" | "fa-face-laugh-beam" | "fa-face-laugh-squint" | "fa-face-laugh-wink" | "fa-face-meh" | "fa-face-meh-blank" | "fa-face-rolling-eyes" | "fa-face-sad-cry" | "fa-face-sad-tear" | "fa-face-smile" | "fa-face-smile-beam" | "fa-face-smile-wink" | "fa-face-surprise" | "fa-face-tired" | "fa-fan" | "fa-fast-backward" | "fa-fast-forward" | "fa-faucet" | "fa-faucet-drip" | "fa-fax" | "fa-feather" | "fa-feather-alt" | "fa-feather-pointed" | "fa-feed" | "fa-female" | "fa-ferry" | "fa-fighter-jet" | "fa-file" | "fa-file-alt" | "fa-file-archive" | "fa-file-arrow-down" | "fa-file-arrow-up" | "fa-file-audio" | "fa-file-circle-check" | "fa-file-circle-exclamation" | "fa-file-circle-minus" | "fa-file-circle-plus" | "fa-file-circle-question" | "fa-file-circle-xmark" | "fa-file-clipboard" | "fa-file-code" | "fa-file-contract" | "fa-file-csv" | "fa-file-download" | "fa-file-edit" | "fa-file-excel" | "fa-file-export" | "fa-file-image" | "fa-file-import" | "fa-file-invoice" | "fa-file-invoice-dollar" | "fa-file-lines" | "fa-file-medical" | "fa-file-medical-alt" | "fa-file-pdf" | "fa-file-pen" | "fa-file-powerpoint" | "fa-file-prescription" | "fa-file-shield" | "fa-file-signature" | "fa-file-text" | "fa-file-upload" | "fa-file-video" | "fa-file-waveform" | "fa-file-word" | "fa-file-zipper" | "fa-fill" | "fa-fill-drip" | "fa-film" | "fa-filter" | "fa-filter-circle-dollar" | "fa-filter-circle-xmark" | "fa-fingerprint" | "fa-fire" | "fa-fire-alt" | "fa-fire-burner" | "fa-fire-extinguisher" | "fa-fire-flame-curved" | "fa-fire-flame-simple" | "fa-first-aid" | "fa-fish" | "fa-fish-fins" | "fa-fist-raised" | "fa-flag" | "fa-flag-checkered" | "fa-flag-usa" | "fa-flask" | "fa-flask-vial" | "fa-floppy-disk" | "fa-florin-sign" | "fa-flushed" | "fa-folder" | "fa-folder-blank" | "fa-folder-closed" | "fa-folder-minus" | "fa-folder-open" | "fa-folder-plus" | "fa-folder-tree" | "fa-font" | "fa-font-awesome" | "fa-font-awesome-flag" | "fa-font-awesome-logo-full" | "fa-football" | "fa-football-ball" | "fa-forward" | "fa-forward-fast" | "fa-forward-step" | "fa-franc-sign" | "fa-frog" | "fa-frown" | "fa-frown-open" | "fa-funnel-dollar" | "fa-futbol" | "fa-futbol-ball" | "fa-g" | "fa-gamepad" | "fa-gas-pump" | "fa-gauge" | "fa-gauge-high" | "fa-gauge-med" | "fa-gauge-simple" | "fa-gauge-simple-high" | "fa-gauge-simple-med" | "fa-gavel" | "fa-gbp" | "fa-gear" | "fa-gears" | "fa-gem" | "fa-genderless" | "fa-ghost" | "fa-gift" | "fa-gifts" | "fa-glass-cheers" | "fa-glass-martini" | "fa-glass-martini-alt" | "fa-glass-water" | "fa-glass-water-droplet" | "fa-glass-whiskey" | "fa-glasses" | "fa-globe" | "fa-globe-africa" | "fa-globe-americas" | "fa-globe-asia" | "fa-globe-europe" | "fa-globe-oceania" | "fa-golf-ball" | "fa-golf-ball-tee" | "fa-gopuram" | "fa-graduation-cap" | "fa-greater-than" | "fa-greater-than-equal" | "fa-grimace" | "fa-grin" | "fa-grin-alt" | "fa-grin-beam" | "fa-grin-beam-sweat" | "fa-grin-hearts" | "fa-grin-squint" | "fa-grin-squint-tears" | "fa-grin-stars" | "fa-grin-tears" | "fa-grin-tongue" | "fa-grin-tongue-squint" | "fa-grin-tongue-wink" | "fa-grin-wink" | "fa-grip" | "fa-grip-horizontal" | "fa-grip-lines" | "fa-grip-lines-vertical" | "fa-grip-vertical" | "fa-group-arrows-rotate" | "fa-guarani-sign" | "fa-guitar" | "fa-gun" | "fa-h" | "fa-h-square" | "fa-hamburger" | "fa-hammer" | "fa-hamsa" | "fa-hand" | "fa-hand-back-fist" | "fa-hand-dots" | "fa-hand-fist" | "fa-hand-holding" | "fa-hand-holding-dollar" | "fa-hand-holding-droplet" | "fa-hand-holding-hand" | "fa-hand-holding-heart" | "fa-hand-holding-medical" | "fa-hand-holding-usd" | "fa-hand-holding-water" | "fa-hand-lizard" | "fa-hand-middle-finger" | "fa-hand-paper" | "fa-hand-peace" | "fa-hand-point-down" | "fa-hand-point-left" | "fa-hand-point-right" | "fa-hand-point-up" | "fa-hand-pointer" | "fa-hand-rock" | "fa-hand-scissors" | "fa-hand-sparkles" | "fa-hand-spock" | "fa-handcuffs" | "fa-hands" | "fa-hands-american-sign-language-interpreting" | "fa-hands-asl-interpreting" | "fa-hands-bound" | "fa-hands-bubbles" | "fa-hands-clapping" | "fa-hands-helping" | "fa-hands-holding" | "fa-hands-holding-child" | "fa-hands-holding-circle" | "fa-hands-praying" | "fa-hands-wash" | "fa-handshake" | "fa-handshake-alt" | "fa-handshake-alt-slash" | "fa-handshake-angle" | "fa-handshake-simple" | "fa-handshake-simple-slash" | "fa-handshake-slash" | "fa-hanukiah" | "fa-hard-drive" | "fa-hard-hat" | "fa-hard-of-hearing" | "fa-hashtag" | "fa-hat-cowboy" | "fa-hat-cowboy-side" | "fa-hat-hard" | "fa-hat-wizard" | "fa-haykal" | "fa-hdd" | "fa-head-side-cough" | "fa-head-side-cough-slash" | "fa-head-side-mask" | "fa-head-side-virus" | "fa-header" | "fa-heading" | "fa-headphones" | "fa-headphones-alt" | "fa-headphones-simple" | "fa-headset" | "fa-heart" | "fa-heart-broken" | "fa-heart-circle-bolt" | "fa-heart-circle-check" | "fa-heart-circle-exclamation" | "fa-heart-circle-minus" | "fa-heart-circle-plus" | "fa-heart-circle-xmark" | "fa-heart-crack" | "fa-heart-music-camera-bolt" | "fa-heart-pulse" | "fa-heartbeat" | "fa-helicopter" | "fa-helicopter-symbol" | "fa-helmet-safety" | "fa-helmet-un" | "fa-highlighter" | "fa-hiking" | "fa-hill-avalanche" | "fa-hill-rockslide" | "fa-hippo" | "fa-history" | "fa-hockey-puck" | "fa-holly-berry" | "fa-home" | "fa-home-alt" | "fa-home-lg" | "fa-home-lg-alt" | "fa-home-user" | "fa-horse" | "fa-horse-head" | "fa-hospital" | "fa-hospital-alt" | "fa-hospital-symbol" | "fa-hospital-user" | "fa-hospital-wide" | "fa-hot-tub" | "fa-hot-tub-person" | "fa-hotdog" | "fa-hotel" | "fa-hourglass" | "fa-hourglass-1" | "fa-hourglass-2" | "fa-hourglass-3" | "fa-hourglass-empty" | "fa-hourglass-end" | "fa-hourglass-half" | "fa-hourglass-start" | "fa-house" | "fa-house-chimney" | "fa-house-chimney-crack" | "fa-house-chimney-medical" | "fa-house-chimney-user" | "fa-house-chimney-window" | "fa-house-circle-check" | "fa-house-circle-exclamation" | "fa-house-circle-xmark" | "fa-house-crack" | "fa-house-damage" | "fa-house-fire" | "fa-house-flag" | "fa-house-flood-water" | "fa-house-flood-water-circle-arrow-right" | "fa-house-laptop" | "fa-house-lock" | "fa-house-medical" | "fa-house-medical-circle-check" | "fa-house-medical-circle-exclamation" | "fa-house-medical-circle-xmark" | "fa-house-medical-flag" | "fa-house-signal" | "fa-house-tsunami" | "fa-house-user" | "fa-hryvnia" | "fa-hryvnia-sign" | "fa-hurricane" | "fa-i" | "fa-i-cursor" | "fa-ice-cream" | "fa-icicles" | "fa-icons" | "fa-id-badge" | "fa-id-card" | "fa-id-card-alt" | "fa-id-card-clip" | "fa-igloo" | "fa-ils" | "fa-image" | "fa-image-portrait" | "fa-images" | "fa-inbox" | "fa-indent" | "fa-indian-rupee" | "fa-indian-rupee-sign" | "fa-industry" | "fa-infinity" | "fa-info" | "fa-info-circle" | "fa-inr" | "fa-institution" | "fa-italic" | "fa-j" | "fa-jar" | "fa-jar-wheat" | "fa-jedi" | "fa-jet-fighter" | "fa-jet-fighter-up" | "fa-joint" | "fa-journal-whills" | "fa-jpy" | "fa-jug-detergent" | "fa-k" | "fa-kaaba" | "fa-key" | "fa-keyboard" | "fa-khanda" | "fa-kip-sign" | "fa-kiss" | "fa-kiss-beam" | "fa-kiss-wink-heart" | "fa-kit-medical" | "fa-kitchen-set" | "fa-kiwi-bird" | "fa-krw" | "fa-l" | "fa-ladder-water" | "fa-land-mine-on" | "fa-landmark" | "fa-landmark-alt" | "fa-landmark-dome" | "fa-landmark-flag" | "fa-language" | "fa-laptop" | "fa-laptop-code" | "fa-laptop-file" | "fa-laptop-house" | "fa-laptop-medical" | "fa-lari-sign" | "fa-laugh" | "fa-laugh-beam" | "fa-laugh-squint" | "fa-laugh-wink" | "fa-layer-group" | "fa-leaf" | "fa-left-long" | "fa-left-right" | "fa-legal" | "fa-lemon" | "fa-less-than" | "fa-less-than-equal" | "fa-level-down" | "fa-level-down-alt" | "fa-level-up" | "fa-level-up-alt" | "fa-life-ring" | "fa-lightbulb" | "fa-line-chart" | "fa-lines-leaning" | "fa-link" | "fa-link-slash" | "fa-lira-sign" | "fa-list" | "fa-list-12" | "fa-list-alt" | "fa-list-check" | "fa-list-dots" | "fa-list-numeric" | "fa-list-ol" | "fa-list-squares" | "fa-list-ul" | "fa-litecoin-sign" | "fa-location" | "fa-location-arrow" | "fa-location-crosshairs" | "fa-location-dot" | "fa-location-pin" | "fa-location-pin-lock" | "fa-lock" | "fa-lock-open" | "fa-locust" | "fa-long-arrow-alt-down" | "fa-long-arrow-alt-left" | "fa-long-arrow-alt-right" | "fa-long-arrow-alt-up" | "fa-long-arrow-down" | "fa-long-arrow-left" | "fa-long-arrow-right" | "fa-long-arrow-up" | "fa-low-vision" | "fa-luggage-cart" | "fa-lungs" | "fa-lungs-virus" | "fa-m" | "fa-magic" | "fa-magic-wand-sparkles" | "fa-magnet" | "fa-magnifying-glass" | "fa-magnifying-glass-arrow-right" | "fa-magnifying-glass-chart" | "fa-magnifying-glass-dollar" | "fa-magnifying-glass-location" | "fa-magnifying-glass-minus" | "fa-magnifying-glass-plus" | "fa-mail-bulk" | "fa-mail-forward" | "fa-mail-reply" | "fa-mail-reply-all" | "fa-male" | "fa-manat-sign" | "fa-map" | "fa-map-location" | "fa-map-location-dot" | "fa-map-marked" | "fa-map-marked-alt" | "fa-map-marker" | "fa-map-marker-alt" | "fa-map-pin" | "fa-map-signs" | "fa-marker" | "fa-mars" | "fa-mars-and-venus" | "fa-mars-and-venus-burst" | "fa-mars-double" | "fa-mars-stroke" | "fa-mars-stroke-h" | "fa-mars-stroke-right" | "fa-mars-stroke-up" | "fa-mars-stroke-v" | "fa-martini-glass" | "fa-martini-glass-citrus" | "fa-martini-glass-empty" | "fa-mask" | "fa-mask-face" | "fa-mask-ventilator" | "fa-masks-theater" | "fa-mattress-pillow" | "fa-maximize" | "fa-medal" | "fa-medkit" | "fa-meh" | "fa-meh-blank" | "fa-meh-rolling-eyes" | "fa-memory" | "fa-menorah" | "fa-mercury" | "fa-message" | "fa-meteor" | "fa-microchip" | "fa-microphone" | "fa-microphone-alt" | "fa-microphone-alt-slash" | "fa-microphone-lines" | "fa-microphone-lines-slash" | "fa-microphone-slash" | "fa-microscope" | "fa-mill-sign" | "fa-minimize" | "fa-minus" | "fa-minus-circle" | "fa-minus-square" | "fa-mitten" | "fa-mobile" | "fa-mobile-alt" | "fa-mobile-android" | "fa-mobile-android-alt" | "fa-mobile-button" | "fa-mobile-phone" | "fa-mobile-retro" | "fa-mobile-screen" | "fa-mobile-screen-button" | "fa-money-bill" | "fa-money-bill-1" | "fa-money-bill-1-wave" | "fa-money-bill-alt" | "fa-money-bill-transfer" | "fa-money-bill-trend-up" | "fa-money-bill-wave" | "fa-money-bill-wave-alt" | "fa-money-bill-wheat" | "fa-money-bills" | "fa-money-check" | "fa-money-check-alt" | "fa-money-check-dollar" | "fa-monument" | "fa-moon" | "fa-mortar-board" | "fa-mortar-pestle" | "fa-mosque" | "fa-mosquito" | "fa-mosquito-net" | "fa-motorcycle" | "fa-mound" | "fa-mountain" | "fa-mountain-city" | "fa-mountain-sun" | "fa-mouse" | "fa-mouse-pointer" | "fa-mug-hot" | "fa-mug-saucer" | "fa-multiply" | "fa-museum" | "fa-music" | "fa-n" | "fa-naira-sign" | "fa-navicon" | "fa-network-wired" | "fa-neuter" | "fa-newspaper" | "fa-not-equal" | "fa-notdef" | "fa-note-sticky" | "fa-notes-medical" | "fa-o" | "fa-object-group" | "fa-object-ungroup" | "fa-oil-can" | "fa-oil-well" | "fa-om" | "fa-otter" | "fa-outdent" | "fa-p" | "fa-pager" | "fa-paint-brush" | "fa-paint-roller" | "fa-paintbrush" | "fa-palette" | "fa-pallet" | "fa-panorama" | "fa-paper-plane" | "fa-paperclip" | "fa-parachute-box" | "fa-paragraph" | "fa-parking" | "fa-passport" | "fa-pastafarianism" | "fa-paste" | "fa-pause" | "fa-pause-circle" | "fa-paw" | "fa-peace" | "fa-pen" | "fa-pen-alt" | "fa-pen-clip" | "fa-pen-fancy" | "fa-pen-nib" | "fa-pen-ruler" | "fa-pen-square" | "fa-pen-to-square" | "fa-pencil" | "fa-pencil-alt" | "fa-pencil-ruler" | "fa-pencil-square" | "fa-people-arrows" | "fa-people-arrows-left-right" | "fa-people-carry" | "fa-people-carry-box" | "fa-people-group" | "fa-people-line" | "fa-people-pulling" | "fa-people-robbery" | "fa-people-roof" | "fa-pepper-hot" | "fa-percent" | "fa-percentage" | "fa-person" | "fa-person-arrow-down-to-line" | "fa-person-arrow-up-from-line" | "fa-person-biking" | "fa-person-booth" | "fa-person-breastfeeding" | "fa-person-burst" | "fa-person-cane" | "fa-person-chalkboard" | "fa-person-circle-check" | "fa-person-circle-exclamation" | "fa-person-circle-minus" | "fa-person-circle-plus" | "fa-person-circle-question" | "fa-person-circle-xmark" | "fa-person-digging" | "fa-person-dots-from-line" | "fa-person-dress" | "fa-person-dress-burst" | "fa-person-drowning" | "fa-person-falling" | "fa-person-falling-burst" | "fa-person-half-dress" | "fa-person-harassing" | "fa-person-hiking" | "fa-person-military-pointing" | "fa-person-military-rifle" | "fa-person-military-to-person" | "fa-person-praying" | "fa-person-pregnant" | "fa-person-rays" | "fa-person-rifle" | "fa-person-running" | "fa-person-shelter" | "fa-person-skating" | "fa-person-skiing" | "fa-person-skiing-nordic" | "fa-person-snowboarding" | "fa-person-swimming" | "fa-person-through-window" | "fa-person-walking" | "fa-person-walking-arrow-loop-left" | "fa-person-walking-arrow-right" | "fa-person-walking-dashed-line-arrow-right" | "fa-person-walking-luggage" | "fa-person-walking-with-cane" | "fa-peseta-sign" | "fa-peso-sign" | "fa-phone" | "fa-phone-alt" | "fa-phone-flip" | "fa-phone-slash" | "fa-phone-square" | "fa-phone-square-alt" | "fa-phone-volume" | "fa-photo-film" | "fa-photo-video" | "fa-pie-chart" | "fa-piggy-bank" | "fa-pills" | "fa-ping-pong-paddle-ball" | "fa-pizza-slice" | "fa-place-of-worship" | "fa-plane" | "fa-plane-arrival" | "fa-plane-circle-check" | "fa-plane-circle-exclamation" | "fa-plane-circle-xmark" | "fa-plane-departure" | "fa-plane-lock" | "fa-plane-slash" | "fa-plane-up" | "fa-plant-wilt" | "fa-plate-wheat" | "fa-play" | "fa-play-circle" | "fa-plug" | "fa-plug-circle-bolt" | "fa-plug-circle-check" | "fa-plug-circle-exclamation" | "fa-plug-circle-minus" | "fa-plug-circle-plus" | "fa-plug-circle-xmark" | "fa-plus" | "fa-plus-circle" | "fa-plus-minus" | "fa-plus-square" | "fa-podcast" | "fa-poll" | "fa-poll-h" | "fa-poo" | "fa-poo-bolt" | "fa-poo-storm" | "fa-poop" | "fa-portrait" | "fa-pound-sign" | "fa-power-off" | "fa-pray" | "fa-praying-hands" | "fa-prescription" | "fa-prescription-bottle" | "fa-prescription-bottle-alt" | "fa-prescription-bottle-medical" | "fa-print" | "fa-procedures" | "fa-project-diagram" | "fa-pump-medical" | "fa-pump-soap" | "fa-puzzle-piece" | "fa-q" | "fa-qrcode" | "fa-question" | "fa-question-circle" | "fa-quidditch" | "fa-quidditch-broom-ball" | "fa-quote-left" | "fa-quote-left-alt" | "fa-quote-right" | "fa-quote-right-alt" | "fa-quran" | "fa-r" | "fa-radiation" | "fa-radiation-alt" | "fa-radio" | "fa-rainbow" | "fa-random" | "fa-ranking-star" | "fa-receipt" | "fa-record-vinyl" | "fa-rectangle-ad" | "fa-rectangle-list" | "fa-rectangle-times" | "fa-rectangle-xmark" | "fa-recycle" | "fa-redo" | "fa-redo-alt" | "fa-refresh" | "fa-registered" | "fa-remove" | "fa-remove-format" | "fa-reorder" | "fa-repeat" | "fa-reply" | "fa-reply-all" | "fa-republican" | "fa-restroom" | "fa-retweet" | "fa-ribbon" | "fa-right-from-bracket" | "fa-right-left" | "fa-right-long" | "fa-right-to-bracket" | "fa-ring" | "fa-rmb" | "fa-road" | "fa-road-barrier" | "fa-road-bridge" | "fa-road-circle-check" | "fa-road-circle-exclamation" | "fa-road-circle-xmark" | "fa-road-lock" | "fa-road-spikes" | "fa-robot" | "fa-rocket" | "fa-rod-asclepius" | "fa-rod-snake" | "fa-rotate" | "fa-rotate-back" | "fa-rotate-backward" | "fa-rotate-forward" | "fa-rotate-left" | "fa-rotate-right" | "fa-rouble" | "fa-route" | "fa-rss" | "fa-rss-square" | "fa-rub" | "fa-ruble" | "fa-ruble-sign" | "fa-rug" | "fa-ruler" | "fa-ruler-combined" | "fa-ruler-horizontal" | "fa-ruler-vertical" | "fa-running" | "fa-rupee" | "fa-rupee-sign" | "fa-rupiah-sign" | "fa-s" | "fa-sack-dollar" | "fa-sack-xmark" | "fa-sad-cry" | "fa-sad-tear" | "fa-sailboat" | "fa-satellite" | "fa-satellite-dish" | "fa-save" | "fa-scale-balanced" | "fa-scale-unbalanced" | "fa-scale-unbalanced-flip" | "fa-school" | "fa-school-circle-check" | "fa-school-circle-exclamation" | "fa-school-circle-xmark" | "fa-school-flag" | "fa-school-lock" | "fa-scissors" | "fa-screwdriver" | "fa-screwdriver-wrench" | "fa-scroll" | "fa-scroll-torah" | "fa-sd-card" | "fa-search" | "fa-search-dollar" | "fa-search-location" | "fa-search-minus" | "fa-search-plus" | "fa-section" | "fa-seedling" | "fa-server" | "fa-shapes" | "fa-share" | "fa-share-alt" | "fa-share-alt-square" | "fa-share-from-square" | "fa-share-nodes" | "fa-share-square" | "fa-sheet-plastic" | "fa-shekel" | "fa-shekel-sign" | "fa-sheqel" | "fa-sheqel-sign" | "fa-shield" | "fa-shield-alt" | "fa-shield-blank" | "fa-shield-cat" | "fa-shield-dog" | "fa-shield-halved" | "fa-shield-heart" | "fa-shield-virus" | "fa-ship" | "fa-shipping-fast" | "fa-shirt" | "fa-shoe-prints" | "fa-shop" | "fa-shop-lock" | "fa-shop-slash" | "fa-shopping-bag" | "fa-shopping-basket" | "fa-shopping-cart" | "fa-shower" | "fa-shrimp" | "fa-shuffle" | "fa-shuttle-space" | "fa-shuttle-van" | "fa-sign" | "fa-sign-hanging" | "fa-sign-in" | "fa-sign-in-alt" | "fa-sign-language" | "fa-sign-out" | "fa-sign-out-alt" | "fa-signal" | "fa-signal-5" | "fa-signal-perfect" | "fa-signature" | "fa-signing" | "fa-signs-post" | "fa-sim-card" | "fa-sink" | "fa-sitemap" | "fa-skating" | "fa-skiing" | "fa-skiing-nordic" | "fa-skull" | "fa-skull-crossbones" | "fa-slash" | "fa-sleigh" | "fa-sliders" | "fa-sliders-h" | "fa-smile" | "fa-smile-beam" | "fa-smile-wink" | "fa-smog" | "fa-smoking" | "fa-smoking-ban" | "fa-sms" | "fa-snowboarding" | "fa-snowflake" | "fa-snowman" | "fa-snowplow" | "fa-soap" | "fa-soccer-ball" | "fa-socks" | "fa-solar-panel" | "fa-sort" | "fa-sort-alpha-asc" | "fa-sort-alpha-desc" | "fa-sort-alpha-down" | "fa-sort-alpha-down-alt" | "fa-sort-alpha-up" | "fa-sort-alpha-up-alt" | "fa-sort-amount-asc" | "fa-sort-amount-desc" | "fa-sort-amount-down" | "fa-sort-amount-down-alt" | "fa-sort-amount-up" | "fa-sort-amount-up-alt" | "fa-sort-asc" | "fa-sort-desc" | "fa-sort-down" | "fa-sort-numeric-asc" | "fa-sort-numeric-desc" | "fa-sort-numeric-down" | "fa-sort-numeric-down-alt" | "fa-sort-numeric-up" | "fa-sort-numeric-up-alt" | "fa-sort-up" | "fa-spa" | "fa-space-shuttle" | "fa-spaghetti-monster-flying" | "fa-spell-check" | "fa-spider" | "fa-spinner" | "fa-splotch" | "fa-spoon" | "fa-spray-can" | "fa-spray-can-sparkles" | "fa-sprout" | "fa-square" | "fa-square-arrow-up-right" | "fa-square-caret-down" | "fa-square-caret-left" | "fa-square-caret-right" | "fa-square-caret-up" | "fa-square-check" | "fa-square-envelope" | "fa-square-full" | "fa-square-h" | "fa-square-minus" | "fa-square-nfi" | "fa-square-parking" | "fa-square-pen" | "fa-square-person-confined" | "fa-square-phone" | "fa-square-phone-flip" | "fa-square-plus" | "fa-square-poll-horizontal" | "fa-square-poll-vertical" | "fa-square-root-alt" | "fa-square-root-variable" | "fa-square-rss" | "fa-square-share-nodes" | "fa-square-up-right" | "fa-square-virus" | "fa-square-xmark" | "fa-staff-aesculapius" | "fa-staff-snake" | "fa-stairs" | "fa-stamp" | "fa-stapler" | "fa-star" | "fa-star-and-crescent" | "fa-star-half" | "fa-star-half-alt" | "fa-star-half-stroke" | "fa-star-of-david" | "fa-star-of-life" | "fa-step-backward" | "fa-step-forward" | "fa-sterling-sign" | "fa-stethoscope" | "fa-sticky-note" | "fa-stop" | "fa-stop-circle" | "fa-stopwatch" | "fa-stopwatch-20" | "fa-store" | "fa-store-alt" | "fa-store-alt-slash" | "fa-store-slash" | "fa-stream" | "fa-street-view" | "fa-strikethrough" | "fa-stroopwafel" | "fa-subscript" | "fa-subtract" | "fa-subway" | "fa-suitcase" | "fa-suitcase-medical" | "fa-suitcase-rolling" | "fa-sun" | "fa-sun-plant-wilt" | "fa-superscript" | "fa-surprise" | "fa-swatchbook" | "fa-swimmer" | "fa-swimming-pool" | "fa-synagogue" | "fa-sync" | "fa-sync-alt" | "fa-syringe" | "fa-t" | "fa-t-shirt" | "fa-table" | "fa-table-cells" | "fa-table-cells-column-lock" | "fa-table-cells-large" | "fa-table-cells-row-lock" | "fa-table-columns" | "fa-table-list" | "fa-table-tennis" | "fa-table-tennis-paddle-ball" | "fa-tablet" | "fa-tablet-alt" | "fa-tablet-android" | "fa-tablet-button" | "fa-tablet-screen-button" | "fa-tablets" | "fa-tachograph-digital" | "fa-tachometer" | "fa-tachometer-alt" | "fa-tachometer-alt-average" | "fa-tachometer-alt-fast" | "fa-tachometer-average" | "fa-tachometer-fast" | "fa-tag" | "fa-tags" | "fa-tanakh" | "fa-tape" | "fa-tarp" | "fa-tarp-droplet" | "fa-tasks" | "fa-tasks-alt" | "fa-taxi" | "fa-teeth" | "fa-teeth-open" | "fa-teletype" | "fa-television" | "fa-temperature-0" | "fa-temperature-1" | "fa-temperature-2" | "fa-temperature-3" | "fa-temperature-4" | "fa-temperature-arrow-down" | "fa-temperature-arrow-up" | "fa-temperature-down" | "fa-temperature-empty" | "fa-temperature-full" | "fa-temperature-half" | "fa-temperature-high" | "fa-temperature-low" | "fa-temperature-quarter" | "fa-temperature-three-quarters" | "fa-temperature-up" | "fa-tenge" | "fa-tenge-sign" | "fa-tent" | "fa-tent-arrow-down-to-line" | "fa-tent-arrow-left-right" | "fa-tent-arrow-turn-left" | "fa-tent-arrows-down" | "fa-tents" | "fa-terminal" | "fa-text-height" | "fa-text-slash" | "fa-text-width" | "fa-th" | "fa-th-large" | "fa-th-list" | "fa-theater-masks" | "fa-thermometer" | "fa-thermometer-0" | "fa-thermometer-1" | "fa-thermometer-2" | "fa-thermometer-3" | "fa-thermometer-4" | "fa-thermometer-empty" | "fa-thermometer-full" | "fa-thermometer-half" | "fa-thermometer-quarter" | "fa-thermometer-three-quarters" | "fa-thumb-tack" | "fa-thumbs-down" | "fa-thumbs-up" | "fa-thumbtack" | "fa-thunderstorm" | "fa-ticket" | "fa-ticket-alt" | "fa-ticket-simple" | "fa-timeline" | "fa-times" | "fa-times-circle" | "fa-times-rectangle" | "fa-times-square" | "fa-tint" | "fa-tint-slash" | "fa-tired" | "fa-toggle-off" | "fa-toggle-on" | "fa-toilet" | "fa-toilet-paper" | "fa-toilet-paper-slash" | "fa-toilet-portable" | "fa-toilets-portable" | "fa-toolbox" | "fa-tools" | "fa-tooth" | "fa-torah" | "fa-torii-gate" | "fa-tornado" | "fa-tower-broadcast" | "fa-tower-cell" | "fa-tower-observation" | "fa-tractor" | "fa-trademark" | "fa-traffic-light" | "fa-trailer" | "fa-train" | "fa-train-subway" | "fa-train-tram" | "fa-tram" | "fa-transgender" | "fa-transgender-alt" | "fa-trash" | "fa-trash-alt" | "fa-trash-arrow-up" | "fa-trash-can" | "fa-trash-can-arrow-up" | "fa-trash-restore" | "fa-trash-restore-alt" | "fa-tree" | "fa-tree-city" | "fa-triangle-circle-square" | "fa-triangle-exclamation" | "fa-trophy" | "fa-trowel" | "fa-trowel-bricks" | "fa-truck" | "fa-truck-arrow-right" | "fa-truck-droplet" | "fa-truck-fast" | "fa-truck-field" | "fa-truck-field-un" | "fa-truck-front" | "fa-truck-loading" | "fa-truck-medical" | "fa-truck-monster" | "fa-truck-moving" | "fa-truck-pickup" | "fa-truck-plane" | "fa-truck-ramp-box" | "fa-try" | "fa-tshirt" | "fa-tty" | "fa-turkish-lira" | "fa-turkish-lira-sign" | "fa-turn-down" | "fa-turn-up" | "fa-tv" | "fa-tv-alt" | "fa-u" | "fa-umbrella" | "fa-umbrella-beach" | "fa-underline" | "fa-undo" | "fa-undo-alt" | "fa-universal-access" | "fa-university" | "fa-unlink" | "fa-unlock" | "fa-unlock-alt" | "fa-unlock-keyhole" | "fa-unsorted" | "fa-up-down" | "fa-up-down-left-right" | "fa-up-long" | "fa-up-right-and-down-left-from-center" | "fa-up-right-from-square" | "fa-upload" | "fa-usd" | "fa-user" | "fa-user-alt" | "fa-user-alt-slash" | "fa-user-astronaut" | "fa-user-check" | "fa-user-circle" | "fa-user-clock" | "fa-user-cog" | "fa-user-doctor" | "fa-user-edit" | "fa-user-friends" | "fa-user-gear" | "fa-user-graduate" | "fa-user-group" | "fa-user-injured" | "fa-user-large" | "fa-user-large-slash" | "fa-user-lock" | "fa-user-md" | "fa-user-minus" | "fa-user-ninja" | "fa-user-nurse" | "fa-user-pen" | "fa-user-plus" | "fa-user-secret" | "fa-user-shield" | "fa-user-slash" | "fa-user-tag" | "fa-user-tie" | "fa-user-times" | "fa-user-xmark" | "fa-users" | "fa-users-between-lines" | "fa-users-cog" | "fa-users-gear" | "fa-users-line" | "fa-users-rays" | "fa-users-rectangle" | "fa-users-slash" | "fa-users-viewfinder" | "fa-utensil-spoon" | "fa-utensils" | "fa-v" | "fa-van-shuttle" | "fa-vault" | "fa-vcard" | "fa-vector-square" | "fa-venus" | "fa-venus-double" | "fa-venus-mars" | "fa-vest" | "fa-vest-patches" | "fa-vial" | "fa-vial-circle-check" | "fa-vial-virus" | "fa-vials" | "fa-video" | "fa-video-camera" | "fa-video-slash" | "fa-vihara" | "fa-virus" | "fa-virus-covid" | "fa-virus-covid-slash" | "fa-virus-slash" | "fa-viruses" | "fa-voicemail" | "fa-volcano" | "fa-volleyball" | "fa-volleyball-ball" | "fa-volume-control-phone" | "fa-volume-down" | "fa-volume-high" | "fa-volume-low" | "fa-volume-mute" | "fa-volume-off" | "fa-volume-times" | "fa-volume-up" | "fa-volume-xmark" | "fa-vote-yea" | "fa-vr-cardboard" | "fa-w" | "fa-walkie-talkie" | "fa-walking" | "fa-wallet" | "fa-wand-magic" | "fa-wand-magic-sparkles" | "fa-wand-sparkles" | "fa-warehouse" | "fa-warning" | "fa-water" | "fa-water-ladder" | "fa-wave-square" | "fa-weight" | "fa-weight-hanging" | "fa-weight-scale" | "fa-wheat-alt" | "fa-wheat-awn" | "fa-wheat-awn-circle-exclamation" | "fa-wheelchair" | "fa-wheelchair-alt" | "fa-wheelchair-move" | "fa-whiskey-glass" | "fa-wifi" | "fa-wifi-3" | "fa-wifi-strong" | "fa-wind" | "fa-window-close" | "fa-window-maximize" | "fa-window-minimize" | "fa-window-restore" | "fa-wine-bottle" | "fa-wine-glass" | "fa-wine-glass-alt" | "fa-wine-glass-empty" | "fa-won" | "fa-won-sign" | "fa-worm" | "fa-wrench" | "fa-x" | "fa-x-ray" | "fa-xmark" | "fa-xmark-circle" | "fa-xmark-square" | "fa-xmarks-lines" | "fa-y" | "fa-yen" | "fa-yen-sign" | "fa-yin-yang" | "fa-z" | "fa-zap" | "file" | "fileHappy" | "filter" | "filter-outline" | "find-documents" | "folder" | "form" | "gallery" | "graphiql" | "grid-view" | "happy" | "help" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "indico-o-white" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "libraries" | "list-view" | "location" | "lock" | "logout" | "menu" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-collections" | "no-format" | "no-libraries" | "no_results" | "object-detection" | "organizations" | "output" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "pointer" | "popup" | "preview-view" | "price" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "reset" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "text" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "zoom-in" | "zoom-out" | undefined;
+    } & import("../../../types").PermafrostComponent) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof Toggle>;
+export declare const Normal: Story;
+export declare const Disabled: Story;
+export declare const Icons: Story;

package/lib/{legacy → src/legacy}/components/index.d.ts

@@ -2,7 +2,6 @@ export { Accordion } from './Accordion';
 export { Section, SectionBlock, SectionBody, SectionHeader, SectionTable } from './basic-section';
 export { Button, IconButton } from './buttons';
 export { BorderSelect, MultiCombobox, Select, SingleCombobox } from './dropdowns';
-export { Icon, faIcons, indicons } from './Icon';
 export { EditableInput, NumberInput, SearchInput, TextInput, Radio, RadioGroup, AbstractRadio, AbstractRadioGroup, DatePicker, NoInputDatePicker, } from './inputs';
 export { BarSpinner, CirclePulse, CircleSpinner, LoadingList, PercentageRing, RandomLoadingMessage, LoadingIndicator, } from './loading-indicators';
 export { ListTable } from './ListTable';

package/lib/{legacy → src/legacy}/components/inputs/NoInputDatePicker/NoInputDatePicker.d.ts

@@ -1,5 +1,6 @@
 import { DateRange } from 'react-day-picker';
 import { IconName, PermafrostComponent } from '@/types';
+import { IconSizes } from '@/components/icons/types';
 type Props = PermafrostComponent & {
     ariaLabel?: string;
     disableBeforeDate?: Date;
@@ -12,7 +13,7 @@ type Props = PermafrostComponent & {
     selectedRange?: DateRange | undefined;
     value: Date | undefined;
     triggerIcon: IconName;
-    triggerIconSize: [string | number];
+    triggerIconSize: IconSizes;
     isRangePicker?: boolean;
     isOpen?: boolean;
     clearOnClose?: boolean;

package/lib/{legacy → src/legacy}/components/loading-indicators/CircleSpinner/CircleSpinner.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 import { PermafrostComponent } from '@/types';
+import { IconSizes } from '@/components/icons/types';
 type Props = PermafrostComponent & {
     ariaLabel?: string;
-    size?: string;
-    style?: {
-        [key: string]: string;
-    };
+    size?: IconSizes;
+    style?: React.CSSProperties;
     fill?: string;
 };
 export declare function CircleSpinner(props: Props): React.ReactElement;

package/lib/src/legacy/components/text-truncate/TextTruncate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/types.d.ts

@@ -0,0 +1,12 @@
+export type PermafrostComponent = {
+    id?: string;
+    className?: string;
+    'data-cy'?: string;
+    'data-testid'?: string;
+};
+export type ButtonVariant = 'default' | 'primary' | 'destructive';
+export type ButtonSize = 'normal' | 'large';
+import { ListItem } from './legacy/components/Navigation/Drawer/types';
+export type { ListItem };
+import { IconName } from '../build/generated/iconTypes';
+export type { IconName };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indico-data/design-system",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "description": "",
   "author": "",
   "main": "lib/index.js",
@@ -12,15 +12,17 @@
     "url": "https://github.com/IndicoDataSolutions/permafrost.git"
   },
   "scripts": {
-    "dev": "storybook dev -p 6006",
+    "dev": "npm run generate-icons && storybook dev -p 6006",
     "lint": "yarn eslint src --ext ts,js,tsx,jsx",
-    "build": "rollup -c",
+    "build": "npm run generate-icons && rollup -c",
     "build storybook": "storybook build",
     "test-storybook": "test-storybook",
     "test": "DEBUG_PRINT_LIMIT=10000 jest",
     "test:watch": "DEBUG_PRINT_LIMIT=10000 jest --watch",
     "all-releases": "npm view @indico-data/design-system versions",
-    "latest-release": "npm dist-tags ls @indico-data/design-system"
+    "latest-release": "npm dist-tags ls @indico-data/design-system",
+    "generate-icons": "node scripts/generateIconTypes.js",
+    "postinstall": "yarn generate-icons"
   },
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"
@@ -29,27 +31,28 @@
     "@fortawesome/fontawesome-svg-core": "^6.5.2",
     "@fortawesome/free-regular-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
+    "@fortawesome/react-fontawesome": "^0.2.0",
     "@indico-data/utils": "^0.0.5",
     "@popperjs/core": "^2.11.8",
-    "@react-aria/radio": "^3.10.2",
-    "@react-aria/visually-hidden": "^3.8.10",
-    "@react-types/button": "^3.9.2",
-    "@react-types/checkbox": "^3.7.1",
-    "@react-types/radio": "^3.7.1",
+    "@react-aria/radio": "^3.10.3",
+    "@react-aria/visually-hidden": "^3.8.12",
+    "@react-types/button": "^3.9.3",
+    "@react-types/checkbox": "^3.8.1",
+    "@react-types/radio": "^3.8.0",
     "classnames": "^2.5.1",
     "date-fns": "^3.6.0",
     "focus-trap-react": "^10.2.3",
     "html-webpack-plugin": "^5.6.0",
     "prop-types": "^15.8.1",
-    "react-aria-components": "^1.1.1",
+    "react-aria-components": "^1.2.1",
     "react-day-picker": "^8.10.1",
     "react-grid-system": "^8.2.0",
     "react-modal": "^3.16.1",
     "react-popper": "^2.3.0",
-    "react-stately": "^3.30.1",
-    "react-tooltip": "5.26.3",
-    "svgo": "^3.2.0",
-    "ts-jest": "^29.1.2",
+    "react-stately": "^3.31.0",
+    "react-tooltip": "5.26.4",
+    "svgo": "^3.2.2",
+    "ts-jest": "^29.1.3",
     "tslib": "^2.6.2",
     "uuid": "^9.0.1",
     "webpack": "^5.91.0",

package/rollup.config.mjs

@@ -45,9 +45,9 @@ export default [
     ],
   },
   {
-    input: 'lib/index.d.ts',
+    input: 'src/types.ts',
     output: [{ file: 'lib/index.d.ts', format: 'es' }],
     plugins: [dts()],
     external: [/\.css$/, /\.scss$/],
   },
-];
+];

package/scripts/generateIconTypes.js

@@ -0,0 +1,50 @@
+const fs = require('fs');
+const path = require('path');
+const { fas } = require('@fortawesome/free-solid-svg-icons');
+
+// Read custom icons from indicons.tsx
+const indiconsPath = path.resolve(__dirname, '../src/components/icons/indicons.tsx');
+const indiconsFileContent = fs.readFileSync(indiconsPath, 'utf-8');
+
+// Extract keys (icon names) from the indicons file, including both quoted and non-quoted keys
+const customIconMatches = [...indiconsFileContent.matchAll(/['"]?(\w+(-\w+)*)['"]?:\s*\(/g)];
+const customIcons = customIconMatches.map((match) => match[1]);
+
+// Convert camelCase to kebab-case, this is a kinda gross but more readable than alternatives (unless we add a new package)
+const camelToKebab = (str) => {
+  return str
+    .replace(/([a-z])([A-Z])/g, '$1-$2')
+    .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+    .replace(/(\d)([A-Za-z])/g, '$1-$2')
+    .replace(/([a-zA-Z])([0-9])/g, '$1-$2')
+    .replace(/([A-Z]+)([A-Z][a-z])/g, (_, p1, p2) => `${p1.toLowerCase()}-${p2}`)
+    .replace(/([a-zA-Z])([A-Z]+)/g, (_, p1, p2) => `${p1}-${p2.toLowerCase()}`)
+    .toLowerCase();
+};
+
+const outputDir = path.resolve(__dirname, '../build/generated');
+const outputPath = path.join(outputDir, 'iconTypes.ts');
+
+// Ensure the directory exists
+if (!fs.existsSync(outputDir)) {
+  fs.mkdirSync(outputDir, { recursive: true });
+}
+
+// Convert FontAwesome icon names to kebab-case and create a mapping
+const fontAwesomeIconNames = Object.keys(fas).map(camelToKebab);
+
+const iconNames = fontAwesomeIconNames
+  .concat(customIcons)
+  .sort()
+  .map((name) => `'${name}'`);
+
+const content = `
+export const iconNames = [
+  ${iconNames.join(', ')}
+] as const;
+
+export type IconName = typeof iconNames[number];
+`;
+
+fs.writeFileSync(outputPath, content.trim());
+console.log('Icon types and names generated');

package/src/components/button/Button.tsx

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import React from 'react';
-import { Icon } from '../../legacy/components/Icon/Icon';
+import { Icon } from '@/components/icons';
 
 import { ButtonProps } from './types';
 
@@ -57,7 +57,6 @@ export const Button = (props: ButtonProps) => {
       onKeyDown={onKeyDown}
       {...rest}
     >
-      {/* TODO -- Redo Icon component */}
       {isLoading && (
         <Icon
           name="fa-circle-notch"

package/src/components/button/types.ts

@@ -1,4 +1,5 @@
-import { IconName } from '../../types';
+import { IconName } from '@/types';
+
 export type ButtonVariants = 'solid' | 'outline' | 'text';
 
 export type ButtonColors = 'primary' | 'secondary' | 'warning' | 'error' | 'success' | 'info';