@temp-spotwork/ui 1.4.3

package/dist/components/atoms/icons/iconMap.d.ts

@@ -0,0 +1,313 @@
+import { ReadStatus } from './iconsSVGs/Small';
+
+export declare const svgs: {
+    Add: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    AdvancedSearch: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ArrowLeft: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ArrowRight: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Ascending: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Attach: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Bell: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    BellUnread: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Building: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Calendar: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Cancellation: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Chapters: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CheckIn: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CheckInCircleSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ChevronDown: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ChevronLeft: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ChevronRight: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ChevronUp: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Clock: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CollapseSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Contact: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Cross: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CrossInCircleSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Descending: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    DoubleTick: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Duplicate: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Edit: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Feedback: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    File: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ExpandSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    InfoSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    HamburgerMenu: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Jobs: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    KebabMenu: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    MagnifyingGlass: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Maximize: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Maximize1: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Minimize: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    OpenSeparately: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    PlaceholderIcon: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Profile: {
+        ({ fill }: {
+            fill?: string | false;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Restore: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Send: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Settings: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Shifts: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Sort: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Subtract: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Summary: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Support: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    SwitchToClassic: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Tick: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Timer: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Trash: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Undo: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Verification: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    AddSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    AlertSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ArrowRightSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ArrowUpSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    AscendingSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CalendarSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CaretDownSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CaretRightSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CheckedInSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CheckedOutSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CheckinSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CheckOutSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ChevronDownSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ChevronLeftSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ChevronRightSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ChevronUpSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CrossSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CopyLarge: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CopySmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    DescendingSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    DistanceSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    EmptySmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    IncompleteSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    KebabMenuSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    LocationPinSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    MagnifyingGlassSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    NotesSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    OpenSeparatelySmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    PlaceholderIconSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ReadStatus: typeof ReadStatus;
+    ShieldSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    SortSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    SuccessSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    TickSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    UnsavedChangesSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    UploadSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    WaitingSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    WarningSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    CAN: () => import("react/jsx-runtime").JSX.Element;
+    USA: () => import("react/jsx-runtime").JSX.Element;
+    SidePeak: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    SidePeakSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ProfileSmall: {
+        ({ fill }: {
+            fill?: string | false;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    EmptyTemplate: () => import("react/jsx-runtime").JSX.Element;
+    PostAShift: () => import("react/jsx-runtime").JSX.Element;
+    NewSpotter: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    FlaggedMessage: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    AbnormalLastShift: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    LocationDisabled: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export type SvgKey = keyof typeof svgs;

package/dist/components/atoms/icons/iconMap.js

@@ -0,0 +1,214 @@
+import o from "./iconsSVGs/Large/Add.js";
+import r from "./iconsSVGs/Large/AdvancedSearch.js";
+import m from "./iconsSVGs/Large/ArrowLeft.js";
+import i from "./iconsSVGs/Large/ArrowRight.js";
+import t from "./iconsSVGs/Large/Ascending.js";
+import e from "./iconsSVGs/Large/Attach.js";
+import l from "./iconsSVGs/Large/Bell.js";
+import p from "./iconsSVGs/Large/BellUnread.js";
+import a from "./iconsSVGs/Large/Calendar.js";
+import f from "./iconsSVGs/Large/Cancellation.js";
+import n from "./iconsSVGs/Large/Chapters.js";
+import S from "./iconsSVGs/Large/CheckIn.js";
+import s from "./iconsSVGs/Large/ChevronDown.js";
+import c from "./iconsSVGs/Large/ChevronLeft.js";
+import C from "./iconsSVGs/Large/ChevronRight.js";
+import h from "./iconsSVGs/Large/ChevronUp.js";
+import d from "./iconsSVGs/Large/Clock.js";
+import g from "./iconsSVGs/Large/Contact.js";
+import A from "./iconsSVGs/Large/Copy.js";
+import k from "./iconsSVGs/Large/Cross.js";
+import v from "./iconsSVGs/Large/Descending.js";
+import $ from "./iconsSVGs/Large/DoubleTick.js";
+import u from "./iconsSVGs/Large/Duplicate.js";
+import I from "./iconsSVGs/Large/Edit.js";
+import "react/jsx-runtime";
+import y from "./iconsSVGs/Large/File.js";
+import M from "./iconsSVGs/Large/HamburgerMenu.js";
+import b from "./iconsSVGs/Large/KebabMenu.js";
+import w from "./iconsSVGs/Large/MagnifyingGlass.js";
+import D from "./iconsSVGs/Large/Maximize.js";
+import U from "./iconsSVGs/Large/Maximize1.js";
+import R from "./iconsSVGs/Large/Minimize.js";
+import P from "./iconsSVGs/Large/OpenSeparately.js";
+import L from "./iconsSVGs/Large/PlaceholderIcon.js";
+import { Profile as T } from "./iconsSVGs/Large/Profile.js";
+import O from "./iconsSVGs/Large/Restore.js";
+import E from "./iconsSVGs/Large/Send.js";
+import F from "./iconsSVGs/Large/Shifts.js";
+import x from "./iconsSVGs/Large/Sort.js";
+import G from "./iconsSVGs/Large/Subtract.js";
+import K from "./iconsSVGs/Large/Summary.js";
+import N from "./iconsSVGs/Large/Support.js";
+import W from "./iconsSVGs/Large/Tick.js";
+import z from "./iconsSVGs/Large/Timer.js";
+import B from "./iconsSVGs/Large/Trash.js";
+import H from "./iconsSVGs/Large/Undo.js";
+import J from "./iconsSVGs/Large/Verification.js";
+import V from "./iconsSVGs/Large/Sidepeak.js";
+import j from "./iconsSVGs/Large/Settings.js";
+import q from "./iconsSVGs/Large/SwitchToClassic.js";
+import Q from "./iconsSVGs/Large/Building.js";
+import X from "./iconsSVGs/Large/NewSpotter.js";
+import Y from "./iconsSVGs/Large/FlaggedMessage.js";
+import Z from "./iconsSVGs/Large/AbnormalLastShift.js";
+import _ from "./iconsSVGs/Large/LocationDisabled.js";
+import oo from "./iconsSVGs/Large/Jobs.js";
+import ro from "./iconsSVGs/Large/Feedback.js";
+import mo from "./iconsSVGs/Small/Add.js";
+import io from "./iconsSVGs/Small/Alert.js";
+import to from "./iconsSVGs/Small/ArrowRight.js";
+import eo from "./iconsSVGs/Small/ArrowUp.js";
+import lo from "./iconsSVGs/Small/Ascending.js";
+import po from "./iconsSVGs/Small/Calendar.js";
+import ao from "./iconsSVGs/Small/CaretDown.js";
+import fo from "./iconsSVGs/Small/CaretRight.js";
+import no from "./iconsSVGs/Small/CheckedIn.js";
+import So from "./iconsSVGs/Small/CheckedOut.js";
+import so from "./iconsSVGs/Small/CheckIn.js";
+import co from "./iconsSVGs/Small/CheckInCircle.js";
+import Co from "./iconsSVGs/Small/CheckOut.js";
+import ho from "./iconsSVGs/Small/ChevronDown.js";
+import go from "./iconsSVGs/Small/ChevronLeft.js";
+import Ao from "./iconsSVGs/Small/ChevronRight.js";
+import ko from "./iconsSVGs/Small/ChevronUp.js";
+import vo from "./iconsSVGs/Small/Collapse.js";
+import $o from "./iconsSVGs/Small/Copy.js";
+import uo from "./iconsSVGs/Small/Cross.js";
+import Io from "./iconsSVGs/Small/CrossInCircle.js";
+import yo from "./iconsSVGs/Small/Descending.js";
+import Mo from "./iconsSVGs/Small/DistanceSmall.js";
+import bo from "./iconsSVGs/Small/Empty.js";
+import wo from "./iconsSVGs/Small/Expand.js";
+import Do from "./iconsSVGs/Small/Incomplete.js";
+import Uo from "./iconsSVGs/Small/Info.js";
+import Ro from "./iconsSVGs/Small/KebabMenu.js";
+import Po from "./iconsSVGs/Small/LocationPin.js";
+import Lo from "./iconsSVGs/Small/MagnifyingGlass.js";
+import To from "./iconsSVGs/Small/Notes.js";
+import Oo from "./iconsSVGs/Small/OpenSeparately.js";
+import Eo from "./iconsSVGs/Small/PlaceholderIcon.js";
+import { ProfileSmall as Fo } from "./iconsSVGs/Small/Profile.js";
+import xo from "./iconsSVGs/Small/ReadStatus.js";
+import Go from "./iconsSVGs/Small/Shield.js";
+import Ko from "./iconsSVGs/Small/SidepeakSmall.js";
+import No from "./iconsSVGs/Small/Sort.js";
+import Wo from "./iconsSVGs/Small/Success.js";
+import zo from "./iconsSVGs/Small/Tick.js";
+import Bo from "./iconsSVGs/Small/UnsavedChanges.js";
+import Ho from "./iconsSVGs/Small/Upload.js";
+import Jo from "./iconsSVGs/Small/Waiting.js";
+import Vo from "./iconsSVGs/Small/Warning.js";
+import jo from "./iconsSVGs/ExtraLarge/EmptyTemplate.js";
+import qo from "./iconsSVGs/ExtraLarge/PostAShift.js";
+import Qo from "./iconsSVGs/Countries/USA.js";
+import Xo from "./iconsSVGs/Countries/CAN.js";
+const qm = {
+  Add: o,
+  AdvancedSearch: r,
+  ArrowLeft: m,
+  ArrowRight: i,
+  Ascending: t,
+  Attach: e,
+  Bell: l,
+  BellUnread: p,
+  Building: Q,
+  Calendar: a,
+  Cancellation: f,
+  Chapters: n,
+  CheckIn: S,
+  CheckInCircleSmall: co,
+  ChevronDown: s,
+  ChevronLeft: c,
+  ChevronRight: C,
+  ChevronUp: h,
+  Clock: d,
+  CollapseSmall: vo,
+  Contact: g,
+  Cross: k,
+  CrossInCircleSmall: Io,
+  Descending: v,
+  DoubleTick: $,
+  Duplicate: u,
+  Edit: I,
+  Feedback: ro,
+  File: y,
+  ExpandSmall: wo,
+  InfoSmall: Uo,
+  HamburgerMenu: M,
+  Jobs: oo,
+  KebabMenu: b,
+  MagnifyingGlass: w,
+  Maximize: D,
+  Maximize1: U,
+  Minimize: R,
+  OpenSeparately: P,
+  PlaceholderIcon: L,
+  Profile: T,
+  Restore: O,
+  Send: E,
+  Settings: j,
+  Shifts: F,
+  Sort: x,
+  Subtract: G,
+  Summary: K,
+  Support: N,
+  SwitchToClassic: q,
+  Tick: W,
+  Timer: z,
+  Trash: B,
+  Undo: H,
+  Verification: J,
+  AddSmall: mo,
+  AlertSmall: io,
+  ArrowRightSmall: to,
+  ArrowUpSmall: eo,
+  AscendingSmall: lo,
+  CalendarSmall: po,
+  CaretDownSmall: ao,
+  CaretRightSmall: fo,
+  CheckedInSmall: no,
+  CheckedOutSmall: So,
+  CheckinSmall: so,
+  CheckOutSmall: Co,
+  ChevronDownSmall: ho,
+  ChevronLeftSmall: go,
+  ChevronRightSmall: Ao,
+  ChevronUpSmall: ko,
+  CrossSmall: uo,
+  CopyLarge: A,
+  CopySmall: $o,
+  DescendingSmall: yo,
+  DistanceSmall: Mo,
+  EmptySmall: bo,
+  IncompleteSmall: Do,
+  KebabMenuSmall: Ro,
+  LocationPinSmall: Po,
+  MagnifyingGlassSmall: Lo,
+  NotesSmall: To,
+  OpenSeparatelySmall: Oo,
+  PlaceholderIconSmall: Eo,
+  ReadStatus: xo,
+  ShieldSmall: Go,
+  SortSmall: No,
+  SuccessSmall: Wo,
+  TickSmall: zo,
+  UnsavedChangesSmall: Bo,
+  UploadSmall: Ho,
+  WaitingSmall: Jo,
+  WarningSmall: Vo,
+  CAN: Xo,
+  USA: Qo,
+  SidePeak: V,
+  SidePeakSmall: Ko,
+  ProfileSmall: Fo,
+  EmptyTemplate: jo,
+  PostAShift: qo,
+  NewSpotter: X,
+  FlaggedMessage: Y,
+  AbnormalLastShift: Z,
+  LocationDisabled: _
+};
+export {
+  qm as svgs
+};

package/dist/components/atoms/icons/icons.d.ts

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+import { SvgKey } from './iconMap';
+import { DataVizColor, GlyphColor } from '../../styles/colors';
+
+export type IconsProps = {
+    /**
+     * key used for icons when there are multiple clickabled icons on the page
+     */
+    id?: string;
+    /**
+     * the type of icon that is rendered, eg. Add icon, Arrow Left, Warning...
+     */
+    icon: SvgKey;
+    /**
+     * a list of four numbers: min-x, min-y, width and height. The numbers min-x and min-y represent the top left coordinates of the viewport
+     */
+    viewBox?: string;
+    /**
+     * the color of the icon
+     */
+    color?: GlyphColor | DataVizColor;
+    /**
+     * the handleClick that can do an action once the icon is clicked, this can be disabled if true
+     */
+    handleClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     *  wrong name or implementation, if true then the icon is disabled and we return just svg
+     */
+    disabled?: boolean;
+    /**
+     * hover text to pop up when the text appears
+     */
+    hoverText?: string | React.ReactNode;
+    /**
+     * destructive
+     */
+    destructive?: boolean;
+    /**
+     * dark mode
+     */
+    dark?: boolean;
+    /**
+     * form
+     */
+    button?: boolean;
+    /**
+     * background color for hovering  on 'a regular button with no button attributes its just for a form'
+     */
+    hoverBackground?: string;
+    /**
+     * the special prop if you need to pass a special color which doesn't exist in the the Glyph map
+     */
+    cssColor?: string;
+    /**
+     * optional autoFocus
+     */
+    autoFocus?: boolean;
+};
+export declare function Icons({ icon, color, cssColor, handleClick, disabled, id, hoverText, destructive, dark, button, hoverBackground, autoFocus, }: IconsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/icons/icons.js

@@ -0,0 +1,78 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { svgs as N } from "./iconMap.js";
+import { Typography as A } from "../../styles/typography/typography.js";
+import { T as $, a as S, b as j, C as T, A as z } from "../../../index-DNpMaKvH.js";
+import { styles as C } from "./styles.js";
+import "../../styles/colors/colors.js";
+import { crusta as f, cinnabar as g, glyph as e, dataVizColors as b } from "../../styles/colors/colormap.js";
+import { t as d } from "../../../bundle-mjs-CAy1p0fn.js";
+import { tooltipArrowStyles as E, toolTipStyles as M } from "../../styles/tool-tip/styles.js";
+function O({
+  icon: h = "Add",
+  color: a = "default",
+  cssColor: v,
+  handleClick: s,
+  disabled: o = !1,
+  id: r,
+  hoverText: n,
+  destructive: i = !1,
+  dark: c = !1,
+  button: y = !1,
+  hoverBackground: w,
+  autoFocus: m = !1
+}) {
+  const l = N[h], I = C(), u = o ? /* @__PURE__ */ t(
+    l,
+    {
+      "data-testid": `icon-${r}`,
+      fill: v || (e[a] ?? b[a] ?? e.active),
+      hover: void 0,
+      active: void 0
+    },
+    r
+  ) : y ? /* @__PURE__ */ t(
+    "button",
+    {
+      autoFocus: m,
+      type: "button",
+      className: d(
+        I.buttonClass,
+        `${c ? "focus:bg-surface-defaultInverted hover:bg-surface-defaultInverted active:bg-bcolor-defaultInverted" : i ? "hover:bg-shadow-destructive active:bg-shadow-alert" : "hover:bg-surface-active active:bg-shadow-active"}`,
+        "group text-black"
+      ),
+      "data-testid": `button-button-icon-${r}`,
+      onClick: (x) => !o && (s == null ? void 0 : s(x)),
+      children: /* @__PURE__ */ t(
+        l,
+        {
+          active: c ? f[200] : i ? g[800] : e.active,
+          hover: c ? f[300] : i ? e.alert : e.active,
+          fill: o === !1 && (c ? f[400] : i ? g[600] : e.active)
+        }
+      )
+    },
+    r
+  ) : /* @__PURE__ */ t(
+    "button",
+    {
+      autoFocus: m,
+      type: "button",
+      "data-testid": `button-icon-${r}`,
+      onClick: o ? () => {
+      } : s,
+      className: w ? "hover:bg-surface-active active:bg-shadow-active hover:rounded active:rounded p-xxs" : "",
+      children: /* @__PURE__ */ t(l, { fill: e[a] ?? b[a] ?? e.active, hover: void 0, active: void 0 })
+    },
+    r
+  );
+  return n ? /* @__PURE__ */ p($, { children: [
+    /* @__PURE__ */ t(S, { asChild: !o, disabled: o, children: u }),
+    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ p(T, { className: d(M), side: "bottom", align: "center", children: [
+      typeof n == "string" ? /* @__PURE__ */ t(A, { color: "defaultInverted", children: n, swStyle: 1, className: "px-xs max-w-[30rem]" }) : n,
+      /* @__PURE__ */ t(z, { className: E })
+    ] }) })
+  ] }) : u;
+}
+export {
+  O as Icons
+};

package/dist/components/atoms/icons/icons.stories.d.ts

@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Icons } from './';
+
+declare const meta: Meta<typeof Icons>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithColors: Story;
+export declare const ButtonIcons: Story;
+export declare const DisabledIcons: Story;
+export declare const WithTooltips: Story;
+export declare const NavigationIcons: Story;
+export declare const ActionIcons: Story;
+export declare const StatusIcons: Story;
+export declare const SmallIcons: Story;
+export declare const FormIcons: Story;
+export declare const CommunicationIcons: Story;
+export declare const FileIcons: Story;
+export declare const SearchIcons: Story;
+export declare const MenuIcons: Story;
+export declare const Interactive: Story;
+export declare const AllIcons: Story;