@temp-spotwork/ui 1.5.0 → 1.6.0

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

@@ -58,6 +58,12 @@ export declare const svgs: {
     Clock: ({ fill }: {
         fill: any;
     }) => import("react/jsx-runtime").JSX.Element;
+    CloudLightning: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    cloudLightning: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
     CollapseSmall: ({ fill }: {
         fill: any;
     }) => import("react/jsx-runtime").JSX.Element;
@@ -234,6 +240,12 @@ export declare const svgs: {
     CrossSmall: ({ fill }: {
         fill: any;
     }) => import("react/jsx-runtime").JSX.Element;
+    CloudLightningSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    cloudLightningSmall: ({ fill }: {
+        fill: any;
+    }) => import("react/jsx-runtime").JSX.Element;
     CopyLarge: ({ fill }: {
         fill: any;
     }) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -4,7 +4,7 @@ import { Icons as l } from "./icons.js";
 import "./iconsSVGs/Large/Profile.js";
 import "./iconsSVGs/Small/Profile.js";
 import "../../styles/colors/colors.js";
-import { glyphColorsKeys as i } from "../../styles/colors/colormap.js";
+import { glyphColorsKeys as t } from "../../styles/colors/colormap.js";
 import { P as r } from "../../../index-DNpMaKvH.js";
 import c from "react";
 const f = {
@@ -15,7 +15,7 @@ const f = {
   },
   tags: ["autodocs"],
   decorators: [
-    (a) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(a, {}) })
+    (i) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(i, {}) })
   ],
   argTypes: {
     icon: {
@@ -39,6 +39,8 @@ const f = {
         "ChevronRight",
         "ChevronUp",
         "Clock",
+        "CloudLightning",
+        "CloudLightningSmall",
         "CollapseSmall",
         "Contact",
         "Cross",
@@ -116,13 +118,15 @@ const f = {
         "ProfileSmall",
         "Building",
         "EmptyTemplate",
-        "PostAShift"
+        "PostAShift",
+        "cloudLightning",
+        "cloudLightningSmall"
       ],
       description: "The type of icon to display"
     },
     color: {
       control: "select",
-      options: i,
+      options: t,
       description: "The color of the icon"
     },
     disabled: {
@@ -241,7 +245,7 @@ const f = {
     /* @__PURE__ */ e(l, { icon: "ChevronUpSmall" }),
     /* @__PURE__ */ e(l, { icon: "KebabMenuSmall" })
   ] })
-}, M = {
+}, L = {
   render: () => /* @__PURE__ */ n("div", { className: "flex gap-4 items-center", children: [
     /* @__PURE__ */ e(l, { icon: "Calendar" }),
     /* @__PURE__ */ e(l, { icon: "Clock" }),
@@ -250,7 +254,7 @@ const f = {
     /* @__PURE__ */ e(l, { icon: "Shifts" }),
     /* @__PURE__ */ e(l, { icon: "CheckInCircleSmall" })
   ] })
-}, U = {
+}, M = {
   render: () => /* @__PURE__ */ n("div", { className: "flex gap-4 items-center", children: [
     /* @__PURE__ */ e(l, { icon: "Send" }),
     /* @__PURE__ */ e(l, { icon: "Contact" }),
@@ -259,7 +263,7 @@ const f = {
     /* @__PURE__ */ e(l, { icon: "DoubleTick" }),
     /* @__PURE__ */ e(l, { icon: "ReadStatus" })
   ] })
-}, D = {
+}, U = {
   render: () => /* @__PURE__ */ n("div", { className: "flex gap-4 items-center", children: [
     /* @__PURE__ */ e(l, { icon: "File" }),
     /* @__PURE__ */ e(l, { icon: "Attach" }),
@@ -267,7 +271,7 @@ const f = {
     /* @__PURE__ */ e(l, { icon: "NotesSmall" }),
     /* @__PURE__ */ e(l, { icon: "UploadSmall" })
   ] })
-}, N = {
+}, D = {
   render: () => /* @__PURE__ */ n("div", { className: "flex gap-4 items-center", children: [
     /* @__PURE__ */ e(l, { icon: "MagnifyingGlass" }),
     /* @__PURE__ */ e(l, { icon: "AdvancedSearch" }),
@@ -275,7 +279,7 @@ const f = {
     /* @__PURE__ */ e(l, { icon: "Sort" }),
     /* @__PURE__ */ e(l, { icon: "SortSmall" })
   ] })
-}, P = {
+}, N = {
   render: () => /* @__PURE__ */ n("div", { className: "flex gap-4 items-center", children: [
     /* @__PURE__ */ e(l, { icon: "HamburgerMenu" }),
     /* @__PURE__ */ e(l, { icon: "KebabMenu" }),
@@ -284,24 +288,24 @@ const f = {
     /* @__PURE__ */ e(l, { icon: "Profile" }),
     /* @__PURE__ */ e(l, { icon: "ProfileSmall" })
   ] })
-}, R = {
+}, P = {
   render: () => {
-    const [a, t] = c.useState(!1);
+    const [i, a] = c.useState(!1);
     return /* @__PURE__ */ n("div", { className: "flex gap-4 items-center", children: [
       /* @__PURE__ */ e(
         l,
         {
-          icon: a ? "Tick" : "Add",
-          color: a ? "success" : "default",
+          icon: i ? "Tick" : "Add",
+          color: i ? "success" : "default",
           button: !0,
-          hoverText: a ? "Unlike" : "Like",
-          handleClick: () => t(!a)
+          hoverText: i ? "Unlike" : "Like",
+          handleClick: () => a(!i)
         }
       ),
       /* @__PURE__ */ e("span", { children: "Click to toggle state" })
     ] });
   }
-}, L = {
+}, R = {
   render: () => /* @__PURE__ */ e("div", { className: "grid grid-cols-8 gap-4 p-4 max-w-4xl", children: [
     "Add",
     "AdvancedSearch",
@@ -321,6 +325,8 @@ const f = {
     "ChevronRight",
     "ChevronUp",
     "Clock",
+    "CloudLightning",
+    "CloudLightningSmall",
     "CollapseSmall",
     "Contact",
     "Cross",
@@ -398,28 +404,30 @@ const f = {
     "ProfileSmall",
     "Building",
     "EmptyTemplate",
-    "PostAShift"
-  ].map((t) => /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-2 p-2 border rounded", children: [
-    /* @__PURE__ */ e(l, { icon: t }),
-    /* @__PURE__ */ e("span", { className: "text-xs text-center", children: t })
-  ] }, t)) }),
+    "PostAShift",
+    "cloudLightning",
+    "cloudLightningSmall"
+  ].map((a) => /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-2 p-2 border rounded", children: [
+    /* @__PURE__ */ e(l, { icon: a }),
+    /* @__PURE__ */ e("span", { className: "text-xs text-center", children: a })
+  ] }, a)) }),
   parameters: {
     layout: "padded"
   }
 };
 export {
   T as ActionIcons,
-  L as AllIcons,
+  R as AllIcons,
   A as ButtonIcons,
-  U as CommunicationIcons,
+  M as CommunicationIcons,
   v as Default,
   b as DisabledIcons,
-  D as FileIcons,
-  M as FormIcons,
-  R as Interactive,
-  P as MenuIcons,
+  U as FileIcons,
+  L as FormIcons,
+  P as Interactive,
+  N as MenuIcons,
   I as NavigationIcons,
-  N as SearchIcons,
+  D as SearchIcons,
   w as SmallIcons,
   y as StatusIcons,
   k as WithColors,

package/dist/components/atoms/icons/iconsSVGs/Large/CloudLightning.d.ts

@@ -0,0 +1,4 @@
+declare const CloudLightning: ({ fill }: {
+    fill: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CloudLightning;

package/dist/components/atoms/icons/iconsSVGs/Large/CloudLightning.js

@@ -0,0 +1,22 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+const n = ({ fill: o }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: o,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ t("path", { d: "M6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973" }),
+      /* @__PURE__ */ t("path", { d: "m13 12-3 5h4l-3 5" })
+    ]
+  }
+);
+export {
+  n as default
+};

package/dist/components/atoms/icons/iconsSVGs/Large/index.d.ts

@@ -15,6 +15,7 @@ import { default as ChevronLeft } from './ChevronLeft';
 import { default as ChevronRight } from './ChevronRight';
 import { default as ChevronUp } from './ChevronUp';
 import { default as Clock } from './Clock';
+import { default as CloudLightning } from './CloudLightning';
 import { default as Contact } from './Contact';
 import { default as Copy } from './Copy';
 import { default as Cross } from './Cross';
@@ -58,4 +59,4 @@ import { default as LocationDisabled } from './LocationDisabled';
 import { default as Jobs } from './Jobs';
 import { default as Feedback } from './Feedback';
 
-export { Add, AdvancedSearch, ArrowLeft, ArrowRight, Ascending, Attach, Bell, BellUnread, Building, Calendar, Cancellation, Chapters, CheckIn, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Contact, Copy, Cross, Descending, DoubleTick, Duplicate, Edit, EyeClose, EyeOpen, File, FileDownload, HamburgerMenu, Jobs, KebabMenu, MagnifyingGlass, Maximize, Maximize1, Minimize, OpenSeparately, PlaceholderIcon, Profile, Restore, Send, Settings, Shifts, Sort, Subtract, Summary, Support, SwitchToClassic, Tick, Timer, Trash, Undo, Verification, SidePeak, NewSpotter, FlaggedMessage, AbnormalLastShift, LocationDisabled, Feedback, };
+export { Add, AdvancedSearch, ArrowLeft, ArrowRight, Ascending, Attach, Bell, BellUnread, Building, Calendar, Cancellation, Chapters, CheckIn, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, CloudLightning, Contact, Copy, Cross, Descending, DoubleTick, Duplicate, Edit, EyeClose, EyeOpen, File, FileDownload, HamburgerMenu, Jobs, KebabMenu, MagnifyingGlass, Maximize, Maximize1, Minimize, OpenSeparately, PlaceholderIcon, Profile, Restore, Send, Settings, Shifts, Sort, Subtract, Summary, Support, SwitchToClassic, Tick, Timer, Trash, Undo, Verification, SidePeak, NewSpotter, FlaggedMessage, AbnormalLastShift, LocationDisabled, Feedback, };

package/dist/components/atoms/icons/iconsSVGs/Large/index.js

@@ -1,120 +1,122 @@
 import { default as o } from "./Add.js";
 import { default as t } from "./AdvancedSearch.js";
 import { default as l } from "./ArrowLeft.js";
-import { default as d } from "./ArrowRight.js";
-import { default as m } from "./Ascending.js";
+import { default as s } from "./ArrowRight.js";
+import { default as u } from "./Ascending.js";
 import { default as x } from "./Attach.js";
 import { default as n } from "./Bell.js";
 import { default as h } from "./BellUnread.js";
-import { default as S } from "./Calendar.js";
+import { default as g } from "./Calendar.js";
 import { default as b } from "./Cancellation.js";
 import { default as M } from "./Chapters.js";
 import { default as w } from "./CheckIn.js";
 import { default as D } from "./ChevronDown.js";
-import { default as T } from "./ChevronLeft.js";
-import { default as L } from "./ChevronRight.js";
+import { default as L } from "./ChevronLeft.js";
+import { default as F } from "./ChevronRight.js";
 import { default as B } from "./ChevronUp.js";
 import { default as P } from "./Clock.js";
-import { default as U } from "./Contact.js";
-import { default as O } from "./Copy.js";
-import { default as H } from "./Cross.js";
-import { default as K } from "./Descending.js";
-import { default as V } from "./DoubleTick.js";
-import { default as q } from "./Duplicate.js";
-import { default as W } from "./Edit.js";
-import { default as Y } from "./EyeClose.js";
-import { default as _ } from "./EyeOpen.js";
-import { default as ee } from "./File.js";
-import { default as oe } from "./FileDownload.js";
-import { default as te } from "./HamburgerMenu.js";
-import { default as le } from "./KebabMenu.js";
-import { default as de } from "./MagnifyingGlass.js";
-import { default as me } from "./Maximize.js";
-import { default as xe } from "./Maximize1.js";
-import { default as ne } from "./Minimize.js";
-import { default as he } from "./OpenSeparately.js";
-import { default as Se } from "./PlaceholderIcon.js";
-import { Profile as be } from "./Profile.js";
-import { default as Me } from "./Restore.js";
-import { default as we } from "./Send.js";
-import { default as De } from "./Shifts.js";
-import { default as Te } from "./Sort.js";
-import { default as Le } from "./Subtract.js";
-import { default as Be } from "./Summary.js";
-import { default as Pe } from "./Support.js";
-import { default as Ue } from "./Tick.js";
-import { default as Oe } from "./Timer.js";
-import { default as He } from "./Trash.js";
-import { default as Ke } from "./Undo.js";
-import { default as Ve } from "./Verification.js";
-import { default as qe } from "./Sidepeak.js";
-import { default as We } from "./Settings.js";
-import { default as Ye } from "./SwitchToClassic.js";
-import { default as _e } from "./Building.js";
-import { default as ea } from "./NewSpotter.js";
-import { default as oa } from "./FlaggedMessage.js";
-import { default as ta } from "./AbnormalLastShift.js";
-import { default as la } from "./LocationDisabled.js";
-import { default as da } from "./Jobs.js";
-import { default as ma } from "./Feedback.js";
+import { default as U } from "./CloudLightning.js";
+import { default as O } from "./Contact.js";
+import { default as H } from "./Copy.js";
+import { default as K } from "./Cross.js";
+import { default as V } from "./Descending.js";
+import { default as q } from "./DoubleTick.js";
+import { default as W } from "./Duplicate.js";
+import { default as Y } from "./Edit.js";
+import { default as _ } from "./EyeClose.js";
+import { default as ee } from "./EyeOpen.js";
+import { default as oe } from "./File.js";
+import { default as te } from "./FileDownload.js";
+import { default as le } from "./HamburgerMenu.js";
+import { default as se } from "./KebabMenu.js";
+import { default as ue } from "./MagnifyingGlass.js";
+import { default as xe } from "./Maximize.js";
+import { default as ne } from "./Maximize1.js";
+import { default as he } from "./Minimize.js";
+import { default as ge } from "./OpenSeparately.js";
+import { default as be } from "./PlaceholderIcon.js";
+import { Profile as Me } from "./Profile.js";
+import { default as we } from "./Restore.js";
+import { default as De } from "./Send.js";
+import { default as Le } from "./Shifts.js";
+import { default as Fe } from "./Sort.js";
+import { default as Be } from "./Subtract.js";
+import { default as Pe } from "./Summary.js";
+import { default as Ue } from "./Support.js";
+import { default as Oe } from "./Tick.js";
+import { default as He } from "./Timer.js";
+import { default as Ke } from "./Trash.js";
+import { default as Ve } from "./Undo.js";
+import { default as qe } from "./Verification.js";
+import { default as We } from "./Sidepeak.js";
+import { default as Ye } from "./Settings.js";
+import { default as _e } from "./SwitchToClassic.js";
+import { default as ea } from "./Building.js";
+import { default as oa } from "./NewSpotter.js";
+import { default as ta } from "./FlaggedMessage.js";
+import { default as la } from "./AbnormalLastShift.js";
+import { default as sa } from "./LocationDisabled.js";
+import { default as ua } from "./Jobs.js";
+import { default as xa } from "./Feedback.js";
 export {
-  ta as AbnormalLastShift,
+  la as AbnormalLastShift,
   o as Add,
   t as AdvancedSearch,
   l as ArrowLeft,
-  d as ArrowRight,
-  m as Ascending,
+  s as ArrowRight,
+  u as Ascending,
   x as Attach,
   n as Bell,
   h as BellUnread,
-  _e as Building,
-  S as Calendar,
+  ea as Building,
+  g as Calendar,
   b as Cancellation,
   M as Chapters,
   w as CheckIn,
   D as ChevronDown,
-  T as ChevronLeft,
-  L as ChevronRight,
+  L as ChevronLeft,
+  F as ChevronRight,
   B as ChevronUp,
   P as Clock,
-  U as Contact,
-  O as Copy,
-  H as Cross,
-  K as Descending,
-  V as DoubleTick,
-  q as Duplicate,
-  W as Edit,
-  Y as EyeClose,
-  _ as EyeOpen,
-  ma as Feedback,
-  ee as File,
-  oe as FileDownload,
-  oa as FlaggedMessage,
-  te as HamburgerMenu,
-  da as Jobs,
-  le as KebabMenu,
-  la as LocationDisabled,
-  de as MagnifyingGlass,
-  me as Maximize,
-  xe as Maximize1,
-  ne as Minimize,
-  ea as NewSpotter,
-  he as OpenSeparately,
-  Se as PlaceholderIcon,
-  be as Profile,
-  Me as Restore,
-  we as Send,
-  We as Settings,
-  De as Shifts,
-  qe as SidePeak,
-  Te as Sort,
-  Le as Subtract,
-  Be as Summary,
-  Pe as Support,
-  Ye as SwitchToClassic,
-  Ue as Tick,
-  Oe as Timer,
-  He as Trash,
-  Ke as Undo,
-  Ve as Verification
+  U as CloudLightning,
+  O as Contact,
+  H as Copy,
+  K as Cross,
+  V as Descending,
+  q as DoubleTick,
+  W as Duplicate,
+  Y as Edit,
+  _ as EyeClose,
+  ee as EyeOpen,
+  xa as Feedback,
+  oe as File,
+  te as FileDownload,
+  ta as FlaggedMessage,
+  le as HamburgerMenu,
+  ua as Jobs,
+  se as KebabMenu,
+  sa as LocationDisabled,
+  ue as MagnifyingGlass,
+  xe as Maximize,
+  ne as Maximize1,
+  he as Minimize,
+  oa as NewSpotter,
+  ge as OpenSeparately,
+  be as PlaceholderIcon,
+  Me as Profile,
+  we as Restore,
+  De as Send,
+  Ye as Settings,
+  Le as Shifts,
+  We as SidePeak,
+  Fe as Sort,
+  Be as Subtract,
+  Pe as Summary,
+  Ue as Support,
+  _e as SwitchToClassic,
+  Oe as Tick,
+  He as Timer,
+  Ke as Trash,
+  Ve as Undo,
+  qe as Verification
 };

package/dist/components/atoms/icons/iconsSVGs/Small/CloudLightning.d.ts

@@ -0,0 +1,4 @@
+declare const CloudLightning: ({ fill }: {
+    fill: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CloudLightning;

package/dist/components/atoms/icons/iconsSVGs/Small/CloudLightning.js

@@ -0,0 +1,22 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+const n = ({ fill: o }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: o,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ t("path", { d: "M6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973" }),
+      /* @__PURE__ */ t("path", { d: "m13 12-3 5h4l-3 5" })
+    ]
+  }
+);
+export {
+  n as default
+};

package/dist/components/atoms/icons/iconsSVGs/Small/index.d.ts

@@ -16,6 +16,7 @@ import { default as ChevronLeft } from './ChevronLeft';
 import { default as ChevronRight } from './ChevronRight';
 import { default as ChevronUp } from './ChevronUp';
 import { default as Collapse } from './Collapse';
+import { default as CloudLightning } from './CloudLightning';
 import { default as Copy } from './Copy';
 import { default as Cross } from './Cross';
 import { default as CrossInCircle } from './CrossInCircle';
@@ -44,4 +45,4 @@ import { default as Upload } from './Upload';
 import { default as Waiting } from './Waiting';
 import { default as Warning } from './Warning';
 
-export { Add, Alert, ArrowRight, ArrowUp, Ascending, Calendar, CaretDown, CaretRight, CheckedIn, CheckedOut, CheckIn, CheckInCircle, CheckOut, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Collapse, Cross, CrossInCircle, Descending, DistanceSmall, Empty, Expand, FileDownload, Incomplete, Info, KebabMenu, LocationPin, MagnifyingGlass, Notes, OpenSeparately, PlaceholderIcon, ReadStatus, Shield, Sort, Success, Tick, UnsavedChanges, Upload, Waiting, Warning, Copy, SidePeakSmall, ProfileSmall, };
+export { Add, Alert, ArrowRight, ArrowUp, Ascending, Calendar, CaretDown, CaretRight, CheckedIn, CheckedOut, CheckIn, CheckInCircle, CheckOut, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Collapse, CloudLightning, Cross, CrossInCircle, Descending, DistanceSmall, Empty, Expand, FileDownload, Incomplete, Info, KebabMenu, LocationPin, MagnifyingGlass, Notes, OpenSeparately, PlaceholderIcon, ReadStatus, Shield, Sort, Success, Tick, UnsavedChanges, Upload, Waiting, Warning, Copy, SidePeakSmall, ProfileSmall, };

package/dist/components/atoms/icons/iconsSVGs/Small/index.js

@@ -1,7 +1,7 @@
-import { default as o } from "./Add.js";
+import { default as a } from "./Add.js";
 import { default as t } from "./Alert.js";
 import { default as l } from "./ArrowRight.js";
-import { default as d } from "./ArrowUp.js";
+import { default as s } from "./ArrowUp.js";
 import { default as m } from "./Ascending.js";
 import { default as x } from "./Calendar.js";
 import { default as i } from "./CaretDown.js";
@@ -12,42 +12,43 @@ import { default as v } from "./CheckIn.js";
 import { default as A } from "./CheckInCircle.js";
 import { default as y } from "./CheckOut.js";
 import { default as R } from "./ChevronDown.js";
-import { default as O } from "./ChevronLeft.js";
-import { default as E } from "./ChevronRight.js";
+import { default as L } from "./ChevronLeft.js";
+import { default as b } from "./ChevronRight.js";
 import { default as M } from "./ChevronUp.js";
 import { default as F } from "./Collapse.js";
-import { default as K } from "./Copy.js";
-import { default as T } from "./Cross.js";
-import { default as q } from "./CrossInCircle.js";
-import { default as B } from "./Descending.js";
-import { default as J } from "./DistanceSmall.js";
-import { default as V } from "./Empty.js";
-import { default as Y } from "./Expand.js";
-import { default as _ } from "./FileDownload.js";
-import { default as ee } from "./Incomplete.js";
-import { default as oe } from "./Info.js";
-import { default as te } from "./KebabMenu.js";
-import { default as le } from "./LocationPin.js";
-import { default as de } from "./MagnifyingGlass.js";
-import { default as me } from "./Notes.js";
-import { default as xe } from "./OpenSeparately.js";
-import { default as ie } from "./PlaceholderIcon.js";
-import { ProfileSmall as ce } from "./Profile.js";
-import { default as ge } from "./ReadStatus.js";
-import { default as ke } from "./Shield.js";
-import { default as ve } from "./SidepeakSmall.js";
-import { default as Ae } from "./Sort.js";
-import { default as ye } from "./Success.js";
-import { default as Re } from "./Tick.js";
-import { default as Oe } from "./UnsavedChanges.js";
-import { default as Ee } from "./Upload.js";
-import { default as Me } from "./Waiting.js";
-import { default as Fe } from "./Warning.js";
+import { default as K } from "./CloudLightning.js";
+import { default as T } from "./Copy.js";
+import { default as q } from "./Cross.js";
+import { default as B } from "./CrossInCircle.js";
+import { default as J } from "./Descending.js";
+import { default as V } from "./DistanceSmall.js";
+import { default as Y } from "./Empty.js";
+import { default as _ } from "./Expand.js";
+import { default as ee } from "./FileDownload.js";
+import { default as ae } from "./Incomplete.js";
+import { default as te } from "./Info.js";
+import { default as le } from "./KebabMenu.js";
+import { default as se } from "./LocationPin.js";
+import { default as me } from "./MagnifyingGlass.js";
+import { default as xe } from "./Notes.js";
+import { default as ie } from "./OpenSeparately.js";
+import { default as ce } from "./PlaceholderIcon.js";
+import { ProfileSmall as ge } from "./Profile.js";
+import { default as ke } from "./ReadStatus.js";
+import { default as ve } from "./Shield.js";
+import { default as Ae } from "./SidepeakSmall.js";
+import { default as ye } from "./Sort.js";
+import { default as Re } from "./Success.js";
+import { default as Le } from "./Tick.js";
+import { default as be } from "./UnsavedChanges.js";
+import { default as Me } from "./Upload.js";
+import { default as Fe } from "./Waiting.js";
+import { default as Ke } from "./Warning.js";
 export {
-  o as Add,
+  a as Add,
   t as Alert,
   l as ArrowRight,
-  d as ArrowUp,
+  s as ArrowUp,
   m as Ascending,
   x as Calendar,
   i as CaretDown,
@@ -58,35 +59,36 @@ export {
   g as CheckedIn,
   k as CheckedOut,
   R as ChevronDown,
-  O as ChevronLeft,
-  E as ChevronRight,
+  L as ChevronLeft,
+  b as ChevronRight,
   M as ChevronUp,
+  K as CloudLightning,
   F as Collapse,
-  K as Copy,
-  T as Cross,
-  q as CrossInCircle,
-  B as Descending,
-  J as DistanceSmall,
-  V as Empty,
-  Y as Expand,
-  _ as FileDownload,
-  ee as Incomplete,
-  oe as Info,
-  te as KebabMenu,
-  le as LocationPin,
-  de as MagnifyingGlass,
-  me as Notes,
-  xe as OpenSeparately,
-  ie as PlaceholderIcon,
-  ce as ProfileSmall,
-  ge as ReadStatus,
-  ke as Shield,
-  ve as SidePeakSmall,
-  Ae as Sort,
-  ye as Success,
-  Re as Tick,
-  Oe as UnsavedChanges,
-  Ee as Upload,
-  Me as Waiting,
-  Fe as Warning
+  T as Copy,
+  q as Cross,
+  B as CrossInCircle,
+  J as Descending,
+  V as DistanceSmall,
+  Y as Empty,
+  _ as Expand,
+  ee as FileDownload,
+  ae as Incomplete,
+  te as Info,
+  le as KebabMenu,
+  se as LocationPin,
+  me as MagnifyingGlass,
+  xe as Notes,
+  ie as OpenSeparately,
+  ce as PlaceholderIcon,
+  ge as ProfileSmall,
+  ke as ReadStatus,
+  ve as Shield,
+  Ae as SidePeakSmall,
+  ye as Sort,
+  Re as Success,
+  Le as Tick,
+  be as UnsavedChanges,
+  Me as Upload,
+  Fe as Waiting,
+  Ke as Warning
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@temp-spotwork/ui",
   "private": false,
-  "version": "1.5.0",
+  "version": "1.6.0",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",