@czi-sds/components 15.1.1 → 15.2.0

package/dist/src/core/Icon/map.js

@@ -0,0 +1,476 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconMap = void 0;
+var IconBacteriaLarge_svg_1 = require("../../common/svgs/IconBacteriaLarge.svg");
+var IconBacteriaSmall_svg_1 = require("../../common/svgs/IconBacteriaSmall.svg");
+var IconBarChartHorizontal3Small_svg_1 = require("../../common/svgs/IconBarChartHorizontal3Small.svg");
+var IconBarChartVertical3Small_svg_1 = require("../../common/svgs/IconBarChartVertical3Small.svg");
+var IconBarChartVertical4Small_svg_1 = require("../../common/svgs/IconBarChartVertical4Small.svg");
+var IconBookLarge_svg_1 = require("../../common/svgs/IconBookLarge.svg");
+var IconCheckCircleLarge_svg_1 = require("../../common/svgs/IconCheckCircleLarge.svg");
+var IconCheckCircleSmall_svg_1 = require("../../common/svgs/IconCheckCircleSmall.svg");
+var IconCheckSmall_svg_1 = require("../../common/svgs/IconCheckSmall.svg");
+var IconChevronDownLarge_svg_1 = require("../../common/svgs/IconChevronDownLarge.svg");
+var IconChevronDownSmall_svg_1 = require("../../common/svgs/IconChevronDownSmall.svg");
+var IconChevronLeftLarge_svg_1 = require("../../common/svgs/IconChevronLeftLarge.svg");
+var IconChevronLeftSmall_svg_1 = require("../../common/svgs/IconChevronLeftSmall.svg");
+var IconChevronRightLarge_svg_1 = require("../../common/svgs/IconChevronRightLarge.svg");
+var IconChevronRightSmall_svg_1 = require("../../common/svgs/IconChevronRightSmall.svg");
+var IconChevronUpLarge_svg_1 = require("../../common/svgs/IconChevronUpLarge.svg");
+var IconChevronUpSmall_svg_1 = require("../../common/svgs/IconChevronUpSmall.svg");
+var IconCirclesOverlapLarge_svg_1 = require("../../common/svgs/IconCirclesOverlapLarge.svg");
+var IconCirclesOverlapSmall_svg_1 = require("../../common/svgs/IconCirclesOverlapSmall.svg");
+var IconCompassLarge_svg_1 = require("../../common/svgs/IconCompassLarge.svg");
+var IconCopyLarge_svg_1 = require("../../common/svgs/IconCopyLarge.svg");
+var IconCopySmall_svg_1 = require("../../common/svgs/IconCopySmall.svg");
+var IconDnaLarge_svg_1 = require("../../common/svgs/IconDnaLarge.svg");
+var IconDocumentSmall_svg_1 = require("../../common/svgs/IconDocumentSmall.svg");
+var IconDotsHorizontal3Large_svg_1 = require("../../common/svgs/IconDotsHorizontal3Large.svg");
+var IconDotsHorizontal3Small_svg_1 = require("../../common/svgs/IconDotsHorizontal3Small.svg");
+var IconDownloadLarge_svg_1 = require("../../common/svgs/IconDownloadLarge.svg");
+var IconDownloadSmall_svg_1 = require("../../common/svgs/IconDownloadSmall.svg");
+var IconEditLarge_svg_1 = require("../../common/svgs/IconEditLarge.svg");
+var IconEditSmall_svg_1 = require("../../common/svgs/IconEditSmall.svg");
+var IconExclamationMarkCircleLarge_svg_1 = require("../../common/svgs/IconExclamationMarkCircleLarge.svg");
+var IconExclamationMarkCircleSmall_svg_1 = require("../../common/svgs/IconExclamationMarkCircleSmall.svg");
+var IconExclamationmarkSpeechBubbleLarge_svg_1 = require("../../common/svgs/IconExclamationmarkSpeechBubbleLarge.svg");
+var IconEyeClosedSmall_svg_1 = require("../../common/svgs/IconEyeClosedSmall.svg");
+var IconEyeOpenSmall_svg_1 = require("../../common/svgs/IconEyeOpenSmall.svg");
+var IconFilterSmall_svg_1 = require("../../common/svgs/IconFilterSmall.svg");
+var IconFlagCheckSmall_svg_1 = require("../../common/svgs/IconFlagCheckSmall.svg");
+var IconFlagOutlineSmall_svg_1 = require("../../common/svgs/IconFlagOutlineSmall.svg");
+var IconFlagQuestionmarkSmall_svg_1 = require("../../common/svgs/IconFlagQuestionmarkSmall.svg");
+var IconFlagXmarkSmall_svg_1 = require("../../common/svgs/IconFlagXmarkSmall.svg");
+var IconFlaskLarge_svg_1 = require("../../common/svgs/IconFlaskLarge.svg");
+var IconFlaskPrivateLarge_svg_1 = require("../../common/svgs/IconFlaskPrivateLarge.svg");
+var IconFlaskPublicLarge_svg_1 = require("../../common/svgs/IconFlaskPublicLarge.svg");
+var IconGearSmall_svg_1 = require("../../common/svgs/IconGearSmall.svg");
+var IconGlobeBasicLarge_svg_1 = require("../../common/svgs/IconGlobeBasicLarge.svg");
+var IconGlobeSmall_svg_1 = require("../../common/svgs/IconGlobeSmall.svg");
+var IconGridLarge_svg_1 = require("../../common/svgs/IconGridLarge.svg");
+var IconGridPrivateLarge_svg_1 = require("../../common/svgs/IconGridPrivateLarge.svg");
+var IconGridPublicLarge_svg_1 = require("../../common/svgs/IconGridPublicLarge.svg");
+var IconHouseSmall_svg_1 = require("../../common/svgs/IconHouseSmall.svg");
+var IconInfoCircleLarge_svg_1 = require("../../common/svgs/IconInfoCircleLarge.svg");
+var IconInfoCircleSmall_svg_1 = require("../../common/svgs/IconInfoCircleSmall.svg");
+var IconInfoSpeechBubbleLarge_svg_1 = require("../../common/svgs/IconInfoSpeechBubbleLarge.svg");
+var IconLifeRingSmall_svg_1 = require("../../common/svgs/IconLifeRingSmall.svg");
+var IconLightBulbLarge_svg_1 = require("../../common/svgs/IconLightBulbLarge.svg");
+var IconLightBulbSmall_svg_1 = require("../../common/svgs/IconLightBulbSmall.svg");
+var IconLinesDashed3Solid1Small_svg_1 = require("../../common/svgs/IconLinesDashed3Solid1Small.svg");
+var IconLinesHorizontalLarge_svg_1 = require("../../common/svgs/IconLinesHorizontalLarge.svg");
+var IconLinesHorizontalSmall_svg_1 = require("../../common/svgs/IconLinesHorizontalSmall.svg");
+var IconLinkSmall_svg_1 = require("../../common/svgs/IconLinkSmall.svg");
+var IconListSmall_svg_1 = require("../../common/svgs/IconListSmall.svg");
+var IconLoadingLarge_svg_1 = require("../../common/svgs/IconLoadingLarge.svg");
+var IconLoadingSmall_svg_1 = require("../../common/svgs/IconLoadingSmall.svg");
+var IconLockCircleSmall_svg_1 = require("../../common/svgs/IconLockCircleSmall.svg");
+var IconLockLarge_svg_1 = require("../../common/svgs/IconLockLarge.svg");
+var IconLockSmall_svg_1 = require("../../common/svgs/IconLockSmall.svg");
+var IconMinusSmall_svg_1 = require("../../common/svgs/IconMinusSmall.svg");
+var IconOpenSmall_svg_1 = require("../../common/svgs/IconOpenSmall.svg");
+var IconPeopleLarge_svg_1 = require("../../common/svgs/IconPeopleLarge.svg");
+var IconPeopleSmall_svg_1 = require("../../common/svgs/IconPeopleSmall.svg");
+var IconPercentageSmall_svg_1 = require("../../common/svgs/IconPercentageSmall.svg");
+var IconPersonLarge_svg_1 = require("../../common/svgs/IconPersonLarge.svg");
+var IconPersonSmall_svg_1 = require("../../common/svgs/IconPersonSmall.svg");
+var IconPinLocationSmall_svg_1 = require("../../common/svgs/IconPinLocationSmall.svg");
+var IconPinSmall_svg_1 = require("../../common/svgs/IconPinSmall.svg");
+var IconPlayLarge_svg_1 = require("../../common/svgs/IconPlayLarge.svg");
+var IconPlusCircleSmall_svg_1 = require("../../common/svgs/IconPlusCircleSmall.svg");
+var IconPlusSmall_svg_1 = require("../../common/svgs/IconPlusSmall.svg");
+var IconProjectPrivateLarge_svg_1 = require("../../common/svgs/IconProjectPrivateLarge.svg");
+var IconProjectPublicLarge_svg_1 = require("../../common/svgs/IconProjectPublicLarge.svg");
+var IconPuzzlePieceSmall_svg_1 = require("../../common/svgs/IconPuzzlePieceSmall.svg");
+var IconQuestionMarkLarge_svg_1 = require("../../common/svgs/IconQuestionMarkLarge.svg");
+var IconRefreshLarge_svg_1 = require("../../common/svgs/IconRefreshLarge.svg");
+var IconRefreshSmall_svg_1 = require("../../common/svgs/IconRefreshSmall.svg");
+var IconSaveLarge_svg_1 = require("../../common/svgs/IconSaveLarge.svg");
+var IconSearchLarge_svg_1 = require("../../common/svgs/IconSearchLarge.svg");
+var IconSearchLinesHorizontalLarge_svg_1 = require("../../common/svgs/IconSearchLinesHorizontalLarge.svg");
+var IconSearchLinesHorizontalSmall_svg_1 = require("../../common/svgs/IconSearchLinesHorizontalSmall.svg");
+var IconSearchSmall_svg_1 = require("../../common/svgs/IconSearchSmall.svg");
+var IconShareLarge_svg_1 = require("../../common/svgs/IconShareLarge.svg");
+var IconSlidersHorizontalLarge_svg_1 = require("../../common/svgs/IconSlidersHorizontalLarge.svg");
+var IconSpeechBubblesLarge_svg_1 = require("../../common/svgs/IconSpeechBubblesLarge.svg");
+var IconSquareOnDashedSquareLarge_svg_1 = require("../../common/svgs/IconSquareOnDashedSquareLarge.svg");
+var IconStarLarge_svg_1 = require("../../common/svgs/IconStarLarge.svg");
+var IconStarburstSmall_svg_1 = require("../../common/svgs/IconStarburstSmall.svg");
+var IconTableSmall_svg_1 = require("../../common/svgs/IconTableSmall.svg");
+var IconTrashCanLarge_svg_1 = require("../../common/svgs/IconTrashCanLarge.svg");
+var IconTrashCanSmall_svg_1 = require("../../common/svgs/IconTrashCanSmall.svg");
+var IconTreeDendogramLarge_svg_1 = require("../../common/svgs/IconTreeDendogramLarge.svg");
+var IconTreeHorizontalLarge_svg_1 = require("../../common/svgs/IconTreeHorizontalLarge.svg");
+var IconTreeHorizontalPrivateLarge_svg_1 = require("../../common/svgs/IconTreeHorizontalPrivateLarge.svg");
+var IconTreeHorizontalPublicLarge_svg_1 = require("../../common/svgs/IconTreeHorizontalPublicLarge.svg");
+var IconTreeHorizontalSmall_svg_1 = require("../../common/svgs/IconTreeHorizontalSmall.svg");
+var IconTreeHorizontalTopRightFilledLarge_svg_1 = require("../../common/svgs/IconTreeHorizontalTopRightFilledLarge.svg");
+var IconTreeVerticalSmall_svg_1 = require("../../common/svgs/IconTreeVerticalSmall.svg");
+var IconTriangleDownSmall_svg_1 = require("../../common/svgs/IconTriangleDownSmall.svg");
+var IconTriangleLeftSmall_svg_1 = require("../../common/svgs/IconTriangleLeftSmall.svg");
+var IconTriangleRightSmall_svg_1 = require("../../common/svgs/IconTriangleRightSmall.svg");
+var IconTriangleUpSmall_svg_1 = require("../../common/svgs/IconTriangleUpSmall.svg");
+var IconUploadLarge_svg_1 = require("../../common/svgs/IconUploadLarge.svg");
+var IconUploadSmall_svg_1 = require("../../common/svgs/IconUploadSmall.svg");
+var IconVirusLarge_svg_1 = require("../../common/svgs/IconVirusLarge.svg");
+var IconXMarkCircleSmall_svg_1 = require("../../common/svgs/IconXMarkCircleSmall.svg");
+var IconXMarkLarge_svg_1 = require("../../common/svgs/IconXMarkLarge.svg");
+var IconXMarkSmall_svg_1 = require("../../common/svgs/IconXMarkSmall.svg");
+exports.iconMap = {
+    bacteria: {
+        largeIcon: IconBacteriaLarge_svg_1.ReactComponent,
+        smallIcon: IconBacteriaSmall_svg_1.ReactComponent,
+    },
+    barChartHorizontal3: {
+        largeIcon: null,
+        smallIcon: IconBarChartHorizontal3Small_svg_1.ReactComponent,
+    },
+    barChartVertical3: {
+        largeIcon: null,
+        smallIcon: IconBarChartVertical3Small_svg_1.ReactComponent,
+    },
+    barChartVertical4: {
+        largeIcon: null,
+        smallIcon: IconBarChartVertical4Small_svg_1.ReactComponent,
+    },
+    book: {
+        largeIcon: IconBookLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    check: {
+        largeIcon: null,
+        smallIcon: IconCheckSmall_svg_1.ReactComponent,
+    },
+    checkCircle: {
+        largeIcon: IconCheckCircleLarge_svg_1.ReactComponent,
+        smallIcon: IconCheckCircleSmall_svg_1.ReactComponent,
+    },
+    chevronDown: {
+        largeIcon: IconChevronDownLarge_svg_1.ReactComponent,
+        smallIcon: IconChevronDownSmall_svg_1.ReactComponent,
+    },
+    chevronLeft: {
+        largeIcon: IconChevronLeftLarge_svg_1.ReactComponent,
+        smallIcon: IconChevronLeftSmall_svg_1.ReactComponent,
+    },
+    chevronRight: {
+        largeIcon: IconChevronRightLarge_svg_1.ReactComponent,
+        smallIcon: IconChevronRightSmall_svg_1.ReactComponent,
+    },
+    chevronUp: {
+        largeIcon: IconChevronUpLarge_svg_1.ReactComponent,
+        smallIcon: IconChevronUpSmall_svg_1.ReactComponent,
+    },
+    circlesOverlap: {
+        largeIcon: IconCirclesOverlapLarge_svg_1.ReactComponent,
+        smallIcon: IconCirclesOverlapSmall_svg_1.ReactComponent,
+    },
+    compass: {
+        largeIcon: IconCompassLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    copy: {
+        largeIcon: IconCopyLarge_svg_1.ReactComponent,
+        smallIcon: IconCopySmall_svg_1.ReactComponent,
+    },
+    dna: {
+        largeIcon: IconDnaLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    document: {
+        largeIcon: null,
+        smallIcon: IconDocumentSmall_svg_1.ReactComponent,
+    },
+    dotsHorizontal: {
+        largeIcon: IconDotsHorizontal3Large_svg_1.ReactComponent,
+        smallIcon: IconDotsHorizontal3Small_svg_1.ReactComponent,
+    },
+    download: {
+        largeIcon: IconDownloadLarge_svg_1.ReactComponent,
+        smallIcon: IconDownloadSmall_svg_1.ReactComponent,
+    },
+    edit: {
+        largeIcon: IconEditLarge_svg_1.ReactComponent,
+        smallIcon: IconEditSmall_svg_1.ReactComponent,
+    },
+    exclamationMarkCircle: {
+        largeIcon: IconExclamationMarkCircleLarge_svg_1.ReactComponent,
+        smallIcon: IconExclamationMarkCircleSmall_svg_1.ReactComponent,
+    },
+    exclamationMarkSpeechBubble: {
+        largeIcon: IconExclamationmarkSpeechBubbleLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    eyeClosed: {
+        largeIcon: null,
+        smallIcon: IconEyeClosedSmall_svg_1.ReactComponent,
+    },
+    eyeOpen: {
+        largeIcon: null,
+        smallIcon: IconEyeOpenSmall_svg_1.ReactComponent,
+    },
+    filter: {
+        largeIcon: null,
+        smallIcon: IconFilterSmall_svg_1.ReactComponent,
+    },
+    flagCheck: {
+        largeIcon: null,
+        smallIcon: IconFlagCheckSmall_svg_1.ReactComponent,
+    },
+    flagOutline: {
+        largeIcon: null,
+        smallIcon: IconFlagOutlineSmall_svg_1.ReactComponent,
+    },
+    flagQuestionmark: {
+        largeIcon: null,
+        smallIcon: IconFlagQuestionmarkSmall_svg_1.ReactComponent,
+    },
+    flagXmark: {
+        largeIcon: null,
+        smallIcon: IconFlagXmarkSmall_svg_1.ReactComponent,
+    },
+    flask: {
+        largeIcon: IconFlaskLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    flaskPrivate: {
+        largeIcon: IconFlaskPrivateLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    flaskPublic: {
+        largeIcon: IconFlaskPublicLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    gear: {
+        largeIcon: null,
+        smallIcon: IconGearSmall_svg_1.ReactComponent,
+    },
+    globe: {
+        largeIcon: null,
+        smallIcon: IconGlobeSmall_svg_1.ReactComponent,
+    },
+    globeBasic: {
+        largeIcon: IconGlobeBasicLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    grid: {
+        largeIcon: IconGridLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    gridPrivate: {
+        largeIcon: IconGridPrivateLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    gridPublic: {
+        largeIcon: IconGridPublicLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    house: {
+        largeIcon: null,
+        smallIcon: IconHouseSmall_svg_1.ReactComponent,
+    },
+    infoCircle: {
+        largeIcon: IconInfoCircleLarge_svg_1.ReactComponent,
+        smallIcon: IconInfoCircleSmall_svg_1.ReactComponent,
+    },
+    infoSpeechBubble: {
+        largeIcon: IconInfoSpeechBubbleLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    lifeRing: {
+        largeIcon: null,
+        smallIcon: IconLifeRingSmall_svg_1.ReactComponent,
+    },
+    lightBulb: {
+        largeIcon: IconLightBulbLarge_svg_1.ReactComponent,
+        smallIcon: IconLightBulbSmall_svg_1.ReactComponent,
+    },
+    linesDashed3Solid1: {
+        largeIcon: null,
+        smallIcon: IconLinesDashed3Solid1Small_svg_1.ReactComponent,
+    },
+    linesHorizontal: {
+        largeIcon: IconLinesHorizontalLarge_svg_1.ReactComponent,
+        smallIcon: IconLinesHorizontalSmall_svg_1.ReactComponent,
+    },
+    link: {
+        largeIcon: null,
+        smallIcon: IconLinkSmall_svg_1.ReactComponent,
+    },
+    list: {
+        largeIcon: null,
+        smallIcon: IconListSmall_svg_1.ReactComponent,
+    },
+    loading: {
+        largeIcon: IconLoadingLarge_svg_1.ReactComponent,
+        smallIcon: IconLoadingSmall_svg_1.ReactComponent,
+    },
+    lock: {
+        largeIcon: IconLockLarge_svg_1.ReactComponent,
+        smallIcon: IconLockSmall_svg_1.ReactComponent,
+    },
+    lockCircle: {
+        largeIcon: null,
+        smallIcon: IconLockCircleSmall_svg_1.ReactComponent,
+    },
+    minus: {
+        largeIcon: null,
+        smallIcon: IconMinusSmall_svg_1.ReactComponent,
+    },
+    open: {
+        largeIcon: null,
+        smallIcon: IconOpenSmall_svg_1.ReactComponent,
+    },
+    people: {
+        largeIcon: IconPeopleLarge_svg_1.ReactComponent,
+        smallIcon: IconPeopleSmall_svg_1.ReactComponent,
+    },
+    percentage: {
+        largeIcon: null,
+        smallIcon: IconPercentageSmall_svg_1.ReactComponent,
+    },
+    person: {
+        largeIcon: IconPersonLarge_svg_1.ReactComponent,
+        smallIcon: IconPersonSmall_svg_1.ReactComponent,
+    },
+    pin: {
+        largeIcon: null,
+        smallIcon: IconPinSmall_svg_1.ReactComponent,
+    },
+    pinLocation: {
+        largeIcon: null,
+        smallIcon: IconPinLocationSmall_svg_1.ReactComponent,
+    },
+    play: {
+        largeIcon: IconPlayLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    plus: {
+        largeIcon: null,
+        smallIcon: IconPlusSmall_svg_1.ReactComponent,
+    },
+    plusCircle: {
+        largeIcon: null,
+        smallIcon: IconPlusCircleSmall_svg_1.ReactComponent,
+    },
+    projectPrivate: {
+        largeIcon: IconProjectPrivateLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    projectPublic: {
+        largeIcon: IconProjectPublicLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    puzzlePiece: {
+        largeIcon: null,
+        smallIcon: IconPuzzlePieceSmall_svg_1.ReactComponent,
+    },
+    questionMark: {
+        largeIcon: IconQuestionMarkLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    refresh: {
+        largeIcon: IconRefreshLarge_svg_1.ReactComponent,
+        smallIcon: IconRefreshSmall_svg_1.ReactComponent,
+    },
+    save: {
+        largeIcon: IconSaveLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    search: {
+        largeIcon: IconSearchLarge_svg_1.ReactComponent,
+        smallIcon: IconSearchSmall_svg_1.ReactComponent,
+    },
+    searchLinesHorizontal: {
+        largeIcon: IconSearchLinesHorizontalLarge_svg_1.ReactComponent,
+        smallIcon: IconSearchLinesHorizontalSmall_svg_1.ReactComponent,
+    },
+    share: {
+        largeIcon: IconShareLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    slidersHorizontal: {
+        largeIcon: IconSlidersHorizontalLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    speechBubbles: {
+        largeIcon: IconSpeechBubblesLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    squareOnDashedSquare: {
+        largeIcon: IconSquareOnDashedSquareLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    star: {
+        largeIcon: IconStarLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    starburst: {
+        largeIcon: null,
+        smallIcon: IconStarburstSmall_svg_1.ReactComponent,
+    },
+    table: {
+        largeIcon: null,
+        smallIcon: IconTableSmall_svg_1.ReactComponent,
+    },
+    trashCan: {
+        largeIcon: IconTrashCanLarge_svg_1.ReactComponent,
+        smallIcon: IconTrashCanSmall_svg_1.ReactComponent,
+    },
+    treeDendogram: {
+        largeIcon: IconTreeDendogramLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    treeHorizontal: {
+        largeIcon: IconTreeHorizontalLarge_svg_1.ReactComponent,
+        smallIcon: IconTreeHorizontalSmall_svg_1.ReactComponent,
+    },
+    treeHorizontalPrivate: {
+        largeIcon: IconTreeHorizontalPrivateLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    treeHorizontalPublic: {
+        largeIcon: IconTreeHorizontalPublicLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    treeHorizontalTopRightFilled: {
+        largeIcon: IconTreeHorizontalTopRightFilledLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    treeVertical: {
+        largeIcon: null,
+        smallIcon: IconTreeVerticalSmall_svg_1.ReactComponent,
+    },
+    triangleDown: {
+        largeIcon: null,
+        smallIcon: IconTriangleDownSmall_svg_1.ReactComponent,
+    },
+    triangleLeft: {
+        largeIcon: null,
+        smallIcon: IconTriangleLeftSmall_svg_1.ReactComponent,
+    },
+    triangleRight: {
+        largeIcon: null,
+        smallIcon: IconTriangleRightSmall_svg_1.ReactComponent,
+    },
+    triangleUp: {
+        largeIcon: null,
+        smallIcon: IconTriangleUpSmall_svg_1.ReactComponent,
+    },
+    upload: {
+        largeIcon: IconUploadLarge_svg_1.ReactComponent,
+        smallIcon: IconUploadSmall_svg_1.ReactComponent,
+    },
+    virus: {
+        largeIcon: IconVirusLarge_svg_1.ReactComponent,
+        smallIcon: null,
+    },
+    xMark: {
+        largeIcon: IconXMarkLarge_svg_1.ReactComponent,
+        smallIcon: IconXMarkSmall_svg_1.ReactComponent,
+    },
+    xMarkCircle: {
+        largeIcon: null,
+        smallIcon: IconXMarkCircleSmall_svg_1.ReactComponent,
+    },
+};

package/dist/src/core/Icon/style.d.ts

@@ -0,0 +1,36 @@
+import { SvgIconProps } from "@mui/material";
+import { FC } from "react";
+import { CommonThemeProps } from "../styles";
+import { IconNameToSizes } from "./map";
+export interface IconExtraProps<IconName extends keyof IconNameToSizes> extends CommonThemeProps {
+    className?: string;
+    sdsIcon: IconName;
+    sdsSize: IconNameToSizes[IconName];
+    sdsType: "iconButton" | "interactive" | "static" | "button";
+}
+export type SdsIconColorType = "beta" | "gray" | "primary" | "secondary" | "info" | "success" | "warning" | "error";
+interface SdsIconWithColor {
+    iconColor?: SdsIconColorType;
+    shade?: 100 | 200 | 300 | 400 | 500 | 600;
+}
+export type StyledSvgIconProps<IconName extends keyof IconNameToSizes> = IconExtraProps<IconName> & CustomSVGProps & SvgIconProps<"svg", {
+    component: FC<CustomSVGProps>;
+}> & SdsIconWithColor;
+export declare const StyledSvgIcon: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
+    color?: import("@mui/types").OverridableStringUnion<"disabled" | "inherit" | "primary" | "secondary" | "action" | "error" | "info" | "success" | "warning", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
+    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
+    htmlColor?: string | undefined;
+    inheritViewBox?: boolean | undefined;
+    shapeRendering?: string | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    titleAccess?: string | undefined;
+    viewBox?: string | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "className" | "style" | "onChange" | "children" | "elevation" | "fontWeight" | "clipPath" | "color" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "path" | "key" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "max" | "media" | "method" | "min" | "name" | "target" | "type" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "color" | "fontSize" | "shapeRendering" | "viewBox" | "htmlColor" | "inheritViewBox" | "titleAccess"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & IconExtraProps<keyof IconNameToSizes> & CustomSVGProps & {
+    component: FC<CustomSVGProps>;
+} & SdsIconWithColor, {}, {}>;
+export declare const StyledIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/src/core/Icon/style.js

@@ -0,0 +1,42 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledIcon = exports.StyledSvgIcon = void 0;
+var react_1 = require("@emotion/react");
+var material_1 = require("@mui/material");
+var styles_1 = require("@mui/material/styles");
+var styles_2 = require("../styles");
+/**
+ * @see https://mui.com/material-ui/icons/#svgicon
+ */
+function iconSize(props) {
+    var _a, _b;
+    var sdsSize = props.sdsSize;
+    var iconSizes = (0, styles_2.getIconSizes)(props);
+    return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    height: ", "px;\n    width: ", "px;\n  "], ["\n    height: ", "px;\n    width: ", "px;\n  "])), (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _b === void 0 ? void 0 : _b.width);
+}
+function buttonStyle() {
+    return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: inherit;\n  "], ["\n    color: inherit;\n  "])));
+}
+function staticStyle(props) {
+    var _a = props.iconColor, iconColor = _a === void 0 ? "primary" : _a, _b = props.shade, shade = _b === void 0 ? 400 : _b;
+    var colors = (0, styles_2.getColors)(props);
+    return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), colors === null || colors === void 0 ? void 0 : colors[iconColor][shade]);
+}
+function interactive(props) {
+    var colors = (0, styles_2.getColors)(props);
+    var _a = props.iconColor, iconColor = _a === void 0 ? "primary" : _a, _b = props.shade, shade = _b === void 0 ? 400 : _b;
+    return (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n\n    &:disabled {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n\n    &:disabled {\n      color: ", ";\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.gray[600], colors === null || colors === void 0 ? void 0 : colors[iconColor][shade], colors === null || colors === void 0 ? void 0 : colors.gray[300]);
+}
+var doNotForwardProps = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
+exports.StyledSvgIcon = (0, styles_1.styled)(material_1.SvgIcon, {
+    shouldForwardProp: function (prop) { return !doNotForwardProps.includes(prop); },
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var sdsType = props.sdsType;
+    return (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), sdsType !== "iconButton" && iconSize(props), sdsType === "static" && staticStyle(props), sdsType === "interactive" && interactive(props), sdsType === "button" && buttonStyle());
+});
+exports.StyledIcon = (0, styles_1.styled)("div")(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n  display: contents;\n"], ["\n  /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n  display: contents;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/src/core/InputCheckbox/InputCheckbox.namespace-test.d.ts

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

package/dist/src/core/InputCheckbox/InputCheckbox.namespace-test.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var components_1 = require("@czi-sds/components");
+var material_1 = require("@mui/material");
+var utils_1 = require("src/common/utils");
+var InputCheckboxNameSpaceTest = function (props) {
+    return ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(components_1.InputCheckbox, { "data-testid": "checkbox", disabled: false, onChange: utils_1.noop, stage: "unchecked" }), label: "Label" }));
+};

package/dist/src/core/InputCheckbox/index.d.ts

@@ -0,0 +1,13 @@
+import { CheckboxProps as MUICheckboxProps } from "@mui/material";
+import { CheckboxExtraProps } from "./styles";
+interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate" | "nonce" | "rev" | "rel" | "autoFocus" | "content"> {
+    checkboxProps?: Partial<MUICheckboxProps>;
+    label?: string;
+    stage?: "checked" | "unchecked" | "indeterminate";
+}
+export type CheckboxProps = CheckboxContentProps & CheckboxExtraProps;
+/**
+ * @see https://mui.com/material-ui/react-checkbox/
+ */
+declare const InputCheckbox: (props: CheckboxProps) => JSX.Element;
+export default InputCheckbox;