@uniformdev/design-system 19.121.0 → 19.121.1-alpha.3

package/dist/index.js

@@ -45,7 +45,7 @@ var importedIcons_exports = {};
 __export(importedIcons_exports, {
   importedIcons: () => importedIcons
 });
-var import_CgAdd, import_CgAddR, import_CgAirplane, import_CgAlarm, import_CgAlbum, import_CgAlignBottom, import_CgAlignCenter, import_CgAlignLeft, import_CgAlignMiddle, import_CgAlignRight, import_CgAlignTop, import_CgAnchor, import_CgAppleWatch, import_CgArrangeBack, import_CgArrangeFront, import_CgArrowAlignH, import_CgArrowAlignV, import_CgArrowBottomLeft, import_CgArrowBottomLeftO, import_CgArrowBottomLeftR, import_CgArrowBottomRight, import_CgArrowBottomRightO, import_CgArrowBottomRightR, import_CgArrowDown, import_CgArrowDownO, import_CgArrowDownR, import_CgArrowLeft, import_CgArrowLeftO, import_CgArrowLeftR, import_CgArrowLongDown, import_CgArrowLongDownC, import_CgArrowLongDownE, import_CgArrowLongDownL, import_CgArrowLongDownR, import_CgArrowLongLeft, import_CgArrowLongLeftC, import_CgArrowLongLeftE, import_CgArrowLongLeftL, import_CgArrowLongLeftR, import_CgArrowLongRight, import_CgArrowLongRightC, import_CgArrowLongRightE, import_CgArrowLongRightL, import_CgArrowLongRightR, import_CgArrowLongUp, import_CgArrowLongUpC, import_CgArrowLongUpE, import_CgArrowLongUpL, import_CgArrowLongUpR, import_CgArrowRight, import_CgArrowRightO, import_CgArrowRightR, import_CgArrowsBreakeH, import_CgArrowsBreakeV, import_CgArrowsExchange, import_CgArrowsExchangeAlt, import_CgArrowsExchangeAltV, import_CgArrowsExchangeV, import_CgArrowsExpandDownLeft, import_CgArrowsExpandDownRight, import_CgArrowsExpandLeft, import_CgArrowsExpandLeftAlt, import_CgArrowsExpandRight, import_CgArrowsExpandRightAlt, import_CgArrowsExpandUpLeft, import_CgArrowsExpandUpRight, import_CgArrowsH, import_CgArrowsHAlt, import_CgArrowsMergeAltH, import_CgArrowsMergeAltV, import_CgArrowsScrollH, import_CgArrowsScrollV, import_CgArrowsShrinkH, import_CgArrowsShrinkV, import_CgArrowsV, import_CgArrowsVAlt, import_CgArrowTopLeft, import_CgArrowTopLeftO, import_CgArrowTopLeftR, import_CgArrowTopRight, import_CgArrowTopRightO, import_CgArrowTopRightR, import_CgArrowUp, import_CgArrowUpO, import_CgArrowUpR, import_CgAssign, import_CgAsterisk, import_CgAttachment, import_CgAttribution, import_CgAwards, import_CgBackspace, import_CgBandAid, import_CgBattery, import_CgBatteryEmpty, import_CgBatteryFull, import_CgBee, import_CgBell, import_CgBitbucket, import_CgBlock, import_CgBoard, import_CgBolt, import_CgBookmark, import_CgBorderAll, import_CgBorderBottom, import_CgBorderLeft, import_CgBorderRight, import_CgBorderStyleDashed, import_CgBorderStyleDotted, import_CgBorderStyleSolid, import_CgBot, import_CgBowl, import_CgBox, import_CgBoy, import_CgBriefcase, import_CgBrowse, import_CgBrowser, import_CgBrush, import_CgBulb, import_CgCalculator, import_CgCalendar, import_CgCalendarDates, import_CgCalendarDue, import_CgCalendarNext, import_CgCalendarToday, import_CgCalendarTwo, import_CgCalibrate, import_CgCamera, import_CgCap, import_CgCaptions, import_CgCardClubs, import_CgCardDiamonds, import_CgCardHearts, import_CgCardSpades, import_CgCarousel, import_CgCast, import_CgChart, import_CgCheck, import_CgCheckO, import_CgCheckR, import_CgChevronDoubleDown, import_CgChevronDoubleDownO, import_CgChevronDoubleDownR, import_CgChevronDoubleLeft, import_CgChevronDoubleLeftO, import_CgChevronDoubleLeftR, import_CgChevronDoubleRight, import_CgChevronDoubleRightO, import_CgChevronDoubleRightR, import_CgChevronDoubleUp, import_CgChevronDoubleUpO, import_CgChevronDoubleUpR, import_CgChevronDown, import_CgChevronDownO, import_CgChevronDownR, import_CgChevronLeft, import_CgChevronLeftO, import_CgChevronLeftR, import_CgChevronRight, import_CgChevronRightO, import_CgChevronRightR, import_CgChevronUp, import_CgChevronUpO, import_CgChevronUpR, import_CgClapperBoard, import_CgClipboard, import_CgClose, import_CgCloseO, import_CgCloseR, import_CgCloud, import_CgCode, import_CgCodeSlash, import_CgCoffee, import_CgCollage, import_CgColorBucket, import_CgColorPicker, import_CgComment, import_CgCommunity, import_CgComponents, import_CgCompress, import_CgCompressLeft, import_CgCompressRight, import_CgCompressV, import_CgController, import_CgCopy, import_CgCopyright, import_CgCornerDoubleDownLeft, import_CgCornerDoubleDownRight, import_CgCornerDoubleLeftDown, import_CgCornerDoubleLeftUp, import_CgCornerDoubleRightDown, import_CgCornerDoubleRightUp, import_CgCornerDoubleUpLeft, import_CgCornerDoubleUpRight, import_CgCornerDownLeft, import_CgCornerDownRight, import_CgCornerLeftDown, import_CgCornerLeftUp, import_CgCornerRightDown, import_CgCornerRightUp, import_CgCornerUpLeft, import_CgCornerUpRight, import_CgCPlusPlus, import_CgCreditCard, import_CgCrop, import_CgCross, import_CgCrown, import_CgDanger, import_CgDarkMode, import_CgData, import_CgDatabase, import_CgDebug, import_CgDesktop, import_CgDetailsLess, import_CgDetailsMore, import_CgDialpad, import_CgDice1, import_CgDice2, import_CgDice3, import_CgDice4, import_CgDice5, import_CgDice6, import_CgDisc, import_CgDisplayFlex, import_CgDisplayFullwidth, import_CgDisplayGrid, import_CgDisplaySpacing, import_CgDistributeHorizontal, import_CgDistributeVertical, import_CgDockBottom, import_CgDockLeft, import_CgDockRight, import_CgDockWindow, import_CgDollar, import_CgDrive, import_CgDrop, import_CgDropInvert, import_CgDropOpacity, import_CgDuplicate, import_CgEditBlackPoint, import_CgEditContrast, import_CgEditExposure, import_CgEditFade, import_CgEditFlipH, import_CgEditFlipV, import_CgEditHighlight, import_CgEditMarkup, import_CgEditMask, import_CgEditNoise, import_CgEditShadows, import_CgEditStraight, import_CgEditUnmask, import_CgEject, import_CgEnter, import_CgErase, import_CgEreader, import_CgEricsson, import_CgEthernet, import_CgEuro, import_CgExpand, import_CgExport, import_CgExtension, import_CgExtensionAdd, import_CgExtensionAlt, import_CgExtensionRemove, import_CgExternal, import_CgEye, import_CgEyeAlt, import_CgFeed, import_CgFile, import_CgFileAdd, import_CgFileDocument, import_CgFileRemove, import_CgFilm, import_CgFilters, import_CgFlag, import_CgFlagAlt, import_CgFolder, import_CgFolderAdd, import_CgFolderRemove, import_CgFontHeight, import_CgFontSpacing, import_CgFormatBold, import_CgFormatCenter, import_CgFormatColor, import_CgFormatHeading, import_CgFormatIndentDecrease, import_CgFormatIndentIncrease, import_CgFormatItalic, import_CgFormatJustify, import_CgFormatLeft, import_CgFormatLineHeight, import_CgFormatRight, import_CgFormatSeparator, import_CgFormatSlash, import_CgFormatStrike, import_CgFormatText, import_CgFormatUnderline, import_CgFormatUppercase, import_CgGames, import_CgGenderFemale, import_CgGenderMale, import_CgGhostCharacter, import_CgGift, import_CgGirl, import_CgGitBranch, import_CgGitCommit, import_CgGitFork, import_CgGitPull, import_CgGlass, import_CgGlassAlt, import_CgGlobe, import_CgGlobeAlt, import_CgGym, import_CgHashtag, import_CgHeadset, import_CgHeart, import_CgHome, import_CgHomeAlt, import_CgHomeScreen, import_CgIcecream, import_CgImage, import_CgImport, import_CgInbox, import_CgInfinity, import_CgInfo, import_CgInpicture, import_CgInsertAfter, import_CgInsertAfterO, import_CgInsertAfterR, import_CgInsertBefore, import_CgInsertBeforeO, import_CgInsertBeforeR, import_CgInsights, import_CgInternal, import_CgKey, import_CgKeyboard, import_CgKeyhole, import_CgLaptop, import_CgLayoutGrid, import_CgLayoutGridSmall, import_CgLayoutList, import_CgLayoutPin, import_CgLink, import_CgList, import_CgListTree, import_CgLivePhoto, import_CgLoadbar, import_CgLoadbarAlt, import_CgLoadbarDoc, import_CgLoadbarSound, import_CgLock, import_CgLockUnlock, import_CgLogIn, import_CgLogOff, import_CgLogOut, import_CgLoupe, import_CgMagnet, import_CgMail, import_CgMailForward, import_CgMailOpen, import_CgMailReply, import_CgMathDivide, import_CgMathEqual, import_CgMathMinus, import_CgMathPercent, import_CgMathPlus, import_CgMaximize, import_CgMaximizeAlt, import_CgMediaLive, import_CgMediaPodcast, import_CgMenu, import_CgMenuBoxed, import_CgMenuCake, import_CgMenuCheese, import_CgMenuGridO, import_CgMenuGridR, import_CgMenuHotdog, import_CgMenuLeft, import_CgMenuLeftAlt, import_CgMenuMotion, import_CgMenuOreos, import_CgMenuRight, import_CgMenuRightAlt, import_CgMenuRound, import_CgMergeHorizontal, import_CgMergeVertical, import_CgMic, import_CgMinimize, import_CgMinimizeAlt, import_CgMiniPlayer, import_CgModem, import_CgMoon, import_CgMore, import_CgMoreAlt, import_CgMoreO, import_CgMoreR, import_CgMoreVertical, import_CgMoreVerticalAlt, import_CgMoreVerticalO, import_CgMoreVerticalR, import_CgMouse, import_CgMoveDown, import_CgMoveLeft, import_CgMoveRight, import_CgMoveTask, import_CgMoveUp, import_CgMusic, import_CgMusicNote, import_CgMusicSpeaker, import_CgNametag, import_CgNotes, import_CgNotifications, import_CgOptions, import_CgOrganisation, import_CgPassword, import_CgPathBack, import_CgPathCrop, import_CgPathDivide, import_CgPathExclude, import_CgPathFront, import_CgPathIntersect, import_CgPathOutline, import_CgPathTrim, import_CgPathUnite, import_CgPen, import_CgPentagonBottomLeft, import_CgPentagonBottomRight, import_CgPentagonDown, import_CgPentagonLeft, import_CgPentagonRight, import_CgPentagonTopLeft, import_CgPentagonTopRight, import_CgPentagonUp, import_CgPerformance, import_CgPhone, import_CgPhotoscan, import_CgPiano, import_CgPill, import_CgPin, import_CgPinAlt, import_CgPinBottom, import_CgPinTop, import_CgPlayBackwards, import_CgPlayButton, import_CgPlayButtonO, import_CgPlayButtonR, import_CgPlayForwards, import_CgPlayList, import_CgPlayListAdd, import_CgPlayListCheck, import_CgPlayListRemove, import_CgPlayListSearch, import_CgPlayPause, import_CgPlayPauseO, import_CgPlayPauseR, import_CgPlayStop, import_CgPlayStopO, import_CgPlayStopR, import_CgPlayTrackNext, import_CgPlayTrackNextO, import_CgPlayTrackNextR, import_CgPlayTrackPrev, import_CgPlayTrackPrevO, import_CgPlayTrackPrevR, import_CgPlug, import_CgPolaroid, import_CgPoll, import_CgPresentation, import_CgPrinter, import_CgProfile, import_CgPullClear, import_CgPushChevronDown, import_CgPushChevronDownO, import_CgPushChevronDownR, import_CgPushChevronLeft, import_CgPushChevronLeftO, import_CgPushChevronLeftR, import_CgPushChevronRight, import_CgPushChevronRightO, import_CgPushChevronRightR, import_CgPushChevronUp, import_CgPushChevronUpO, import_CgPushChevronUpR, import_CgPushDown, import_CgPushLeft, import_CgPushRight, import_CgPushUp, import_CgQr, import_CgQuote, import_CgQuoteO, import_CgRadioCheck, import_CgRadioChecked, import_CgRatio, import_CgRead, import_CgReadme, import_CgRecord, import_CgRedo, import_CgRemote, import_CgRemove, import_CgRemoveR, import_CgRename, import_CgReorder, import_CgRepeat, import_CgRing, import_CgRowFirst, import_CgRowLast, import_CgRuler, import_CgSandClock, import_CgScan, import_CgScreen, import_CgScreenMirror, import_CgScreenShot, import_CgScreenWide, import_CgScrollH, import_CgScrollV, import_CgSearch, import_CgSearchFound, import_CgSearchLoading, import_CgSelect, import_CgSelectO, import_CgSelectR, import_CgServer, import_CgShapeCircle, import_CgShapeHalfCircle, import_CgShapeHexagon, import_CgShapeRhombus, import_CgShapeSquare, import_CgShapeTriangle, import_CgShapeZigzag, import_CgShare, import_CgShield, import_CgShoppingBag, import_CgShoppingCart, import_CgShortcut, import_CgSidebar, import_CgSidebarOpen, import_CgSidebarRight, import_CgSignal, import_CgSize, import_CgSleep, import_CgSmartHomeBoiler, import_CgSmartHomeCooker, import_CgSmartHomeHeat, import_CgSmartHomeLight, import_CgSmartHomeRefrigerator, import_CgSmartHomeWashMachine, import_CgSmartphone, import_CgSmartphoneChip, import_CgSmartphoneRam, import_CgSmartphoneShake, import_CgSmile, import_CgSmileMouthOpen, import_CgSmileNeutral, import_CgSmileNoMouth, import_CgSmileNone, import_CgSmileSad, import_CgSmileUpside, import_CgSoftwareDownload, import_CgSoftwareUpload, import_CgSortAz, import_CgSortZa, import_CgSpaceBetween, import_CgSpaceBetweenV, import_CgSpinner, import_CgSpinnerAlt, import_CgSpinnerTwo, import_CgSpinnerTwoAlt, import_CgStack, import_CgStopwatch, import_CgStories, import_CgStyle, import_CgSun, import_CgSupport, import_CgSwap, import_CgSwapVertical, import_CgSweden, import_CgSwiss, import_CgSync, import_CgTab, import_CgTag, import_CgTapDouble, import_CgTapSingle, import_CgTemplate, import_CgTennis, import_CgTerminal, import_CgTerrain, import_CgThermometer, import_CgThermostat, import_CgTikcode, import_CgTime, import_CgTimelapse, import_CgTimer, import_CgToday, import_CgToggleOff, import_CgToggleOn, import_CgToggleSquare, import_CgToggleSquareOff, import_CgToolbarBottom, import_CgToolbarLeft, import_CgToolbarRight, import_CgToolbarTop, import_CgToolbox, import_CgTouchpad, import_CgTrack, import_CgTranscript, import_CgTrash, import_CgTrashEmpty, import_CgTree, import_CgTrees, import_CgTrending, import_CgTrendingDown, import_CgTrophy, import_CgTv, import_CgUiKit, import_CgUmbrella, import_CgUnavailable, import_CgUnblock, import_CgUndo, import_CgUnsplash, import_CgUsb, import_CgUsbC, import_CgUser, import_CgUserAdd, import_CgUserList, import_CgUserRemove, import_CgViewCols, import_CgViewComfortable, import_CgViewDay, import_CgViewGrid, import_CgViewList, import_CgViewMonth, import_CgViewSplit, import_CgVinyl, import_CgVoicemail, import_CgVoicemailO, import_CgVoicemailR, import_CgVolume, import_CgWebcam, import_CgWebsite, import_CgWorkAlt, import_CgYinyang, import_CgZoomIn, import_CgZoomOut, importedIcons;
+var import_CgAdd, import_CgAddR, import_CgAirplane, import_CgAlarm, import_CgAlbum, import_CgAlignBottom, import_CgAlignCenter, import_CgAlignLeft, import_CgAlignMiddle, import_CgAlignRight, import_CgAlignTop, import_CgAnchor, import_CgAppleWatch, import_CgArrangeBack, import_CgArrangeFront, import_CgArrowAlignH, import_CgArrowAlignV, import_CgArrowBottomLeft, import_CgArrowBottomLeftO, import_CgArrowBottomLeftR, import_CgArrowBottomRight, import_CgArrowBottomRightO, import_CgArrowBottomRightR, import_CgArrowDown, import_CgArrowDownO, import_CgArrowDownR, import_CgArrowLeft, import_CgArrowLeftO, import_CgArrowLeftR, import_CgArrowLongDown, import_CgArrowLongDownC, import_CgArrowLongDownE, import_CgArrowLongDownL, import_CgArrowLongDownR, import_CgArrowLongLeft, import_CgArrowLongLeftC, import_CgArrowLongLeftE, import_CgArrowLongLeftL, import_CgArrowLongLeftR, import_CgArrowLongRight, import_CgArrowLongRightC, import_CgArrowLongRightE, import_CgArrowLongRightL, import_CgArrowLongRightR, import_CgArrowLongUp, import_CgArrowLongUpC, import_CgArrowLongUpE, import_CgArrowLongUpL, import_CgArrowLongUpR, import_CgArrowRight, import_CgArrowRightO, import_CgArrowRightR, import_CgArrowsBreakeH, import_CgArrowsBreakeV, import_CgArrowsExchange, import_CgArrowsExchangeAlt, import_CgArrowsExchangeAltV, import_CgArrowsExchangeV, import_CgArrowsExpandDownLeft, import_CgArrowsExpandDownRight, import_CgArrowsExpandLeft, import_CgArrowsExpandLeftAlt, import_CgArrowsExpandRight, import_CgArrowsExpandRightAlt, import_CgArrowsExpandUpLeft, import_CgArrowsExpandUpRight, import_CgArrowsH, import_CgArrowsHAlt, import_CgArrowsMergeAltH, import_CgArrowsMergeAltV, import_CgArrowsScrollH, import_CgArrowsScrollV, import_CgArrowsShrinkH, import_CgArrowsShrinkV, import_CgArrowsV, import_CgArrowsVAlt, import_CgArrowTopLeft, import_CgArrowTopLeftO, import_CgArrowTopLeftR, import_CgArrowTopRight, import_CgArrowTopRightO, import_CgArrowTopRightR, import_CgArrowUp, import_CgArrowUpO, import_CgArrowUpR, import_CgAssign, import_CgAsterisk, import_CgAttachment, import_CgAttribution, import_CgAwards, import_CgBackspace, import_CgBandAid, import_CgBattery, import_CgBatteryEmpty, import_CgBatteryFull, import_CgBee, import_CgBell, import_CgBitbucket, import_CgBlock, import_CgBoard, import_CgBolt, import_CgBookmark, import_CgBorderAll, import_CgBorderBottom, import_CgBorderLeft, import_CgBorderRight, import_CgBorderStyleDashed, import_CgBorderStyleDotted, import_CgBorderStyleSolid, import_CgBot, import_CgBowl, import_CgBox, import_CgBoy, import_CgBriefcase, import_CgBrowse, import_CgBrowser, import_CgBrush, import_CgBulb, import_CgCalculator, import_CgCalendar, import_CgCalendarDates, import_CgCalendarDue, import_CgCalendarNext, import_CgCalendarToday, import_CgCalendarTwo, import_CgCalibrate, import_CgCamera, import_CgCap, import_CgCaptions, import_CgCardClubs, import_CgCardDiamonds, import_CgCardHearts, import_CgCardSpades, import_CgCarousel, import_CgCast, import_CgChart, import_CgCheck, import_CgCheckO, import_CgCheckR, import_CgChevronDoubleDown, import_CgChevronDoubleDownO, import_CgChevronDoubleDownR, import_CgChevronDoubleLeft, import_CgChevronDoubleLeftO, import_CgChevronDoubleLeftR, import_CgChevronDoubleRight, import_CgChevronDoubleRightO, import_CgChevronDoubleRightR, import_CgChevronDoubleUp, import_CgChevronDoubleUpO, import_CgChevronDoubleUpR, import_CgChevronDown, import_CgChevronDownO, import_CgChevronDownR, import_CgChevronLeft, import_CgChevronLeftO, import_CgChevronLeftR, import_CgChevronRight, import_CgChevronRightO, import_CgChevronRightR, import_CgChevronUp, import_CgChevronUpO, import_CgChevronUpR, import_CgClapperBoard, import_CgClipboard, import_CgClose, import_CgCloseO, import_CgCloseR, import_CgCloud, import_CgCode, import_CgCodeSlash, import_CgCoffee, import_CgCollage, import_CgColorBucket, import_CgColorPicker, import_CgComment, import_CgCommunity, import_CgComponents, import_CgCompress, import_CgCompressLeft, import_CgCompressRight, import_CgCompressV, import_CgController, import_CgCopy, import_CgCopyright, import_CgCornerDoubleDownLeft, import_CgCornerDoubleDownRight, import_CgCornerDoubleLeftDown, import_CgCornerDoubleLeftUp, import_CgCornerDoubleRightDown, import_CgCornerDoubleRightUp, import_CgCornerDoubleUpLeft, import_CgCornerDoubleUpRight, import_CgCornerDownLeft, import_CgCornerDownRight, import_CgCornerLeftDown, import_CgCornerLeftUp, import_CgCornerRightDown, import_CgCornerRightUp, import_CgCornerUpLeft, import_CgCornerUpRight, import_CgCPlusPlus, import_CgCreditCard, import_CgCrop, import_CgCross, import_CgCrown, import_CgDanger, import_CgDarkMode, import_CgData, import_CgDatabase, import_CgDebug, import_CgDesktop, import_CgDetailsLess, import_CgDetailsMore, import_CgDialpad, import_CgDice1, import_CgDice2, import_CgDice3, import_CgDice4, import_CgDice5, import_CgDice6, import_CgDisc, import_CgDisplayFlex, import_CgDisplayFullwidth, import_CgDisplayGrid, import_CgDisplaySpacing, import_CgDistributeHorizontal, import_CgDistributeVertical, import_CgDockBottom, import_CgDockLeft, import_CgDockRight, import_CgDockWindow, import_CgDollar, import_CgDrive, import_CgDrop, import_CgDropInvert, import_CgDropOpacity, import_CgDuplicate, import_CgEditBlackPoint, import_CgEditContrast, import_CgEditExposure, import_CgEditFade, import_CgEditFlipH, import_CgEditFlipV, import_CgEditHighlight, import_CgEditMarkup, import_CgEditMask, import_CgEditNoise, import_CgEditShadows, import_CgEditStraight, import_CgEditUnmask, import_CgEject, import_CgEnter, import_CgErase, import_CgEreader, import_CgEricsson, import_CgEthernet, import_CgEuro, import_CgExpand, import_CgExport, import_CgExtension, import_CgExtensionAdd, import_CgExtensionAlt, import_CgExtensionRemove, import_CgExternal, import_CgEye, import_CgEyeAlt, import_CgFeed, import_CgFile, import_CgFileAdd, import_CgFileDocument, import_CgFileRemove, import_CgFilm, import_CgFilters, import_CgFlag, import_CgFlagAlt, import_CgFolder, import_CgFolderAdd, import_CgFolderRemove, import_CgFontHeight, import_CgFontSpacing, import_CgFormatBold, import_CgFormatCenter, import_CgFormatColor, import_CgFormatHeading, import_CgFormatIndentDecrease, import_CgFormatIndentIncrease, import_CgFormatItalic, import_CgFormatJustify, import_CgFormatLeft, import_CgFormatLineHeight, import_CgFormatRight, import_CgFormatSeparator, import_CgFormatSlash, import_CgFormatStrike, import_CgFormatText, import_CgFormatUnderline, import_CgFormatUppercase, import_CgGames, import_CgGenderFemale, import_CgGenderMale, import_CgGhostCharacter, import_CgGift, import_CgGirl, import_CgGitBranch, import_CgGitCommit, import_CgGitFork, import_CgGitPull, import_CgGlass, import_CgGlassAlt, import_CgGlobe, import_CgGlobeAlt, import_CgGym, import_CgHashtag, import_CgHeadset, import_CgHeart, import_CgHome, import_CgHomeAlt, import_CgHomeScreen, import_CgIcecream, import_CgImage, import_CgImport, import_CgInbox, import_CgInfinity, import_CgInfo, import_CgInpicture, import_CgInsertAfter, import_CgInsertAfterO, import_CgInsertAfterR, import_CgInsertBefore, import_CgInsertBeforeO, import_CgInsertBeforeR, import_CgInsights, import_CgInternal, import_CgKey, import_CgKeyboard, import_CgKeyhole, import_CgLaptop, import_CgLayoutGrid, import_CgLayoutGridSmall, import_CgLayoutList, import_CgLayoutPin, import_CgLink, import_CgList, import_CgListTree, import_CgLivePhoto, import_CgLoadbar, import_CgLoadbarAlt, import_CgLoadbarDoc, import_CgLoadbarSound, import_CgLock, import_CgLockUnlock, import_CgLogIn, import_CgLogOff, import_CgLogOut, import_CgLoupe, import_CgMagnet, import_CgMail, import_CgMailForward, import_CgMailOpen, import_CgMailReply, import_CgMathDivide, import_CgMathEqual, import_CgMathMinus, import_CgMathPercent, import_CgMathPlus, import_CgMaximize, import_CgMaximizeAlt, import_CgMediaLive, import_CgMediaPodcast, import_CgMenu, import_CgMenuBoxed, import_CgMenuCake, import_CgMenuCheese, import_CgMenuGridO, import_CgMenuGridR, import_CgMenuHotdog, import_CgMenuLeft, import_CgMenuLeftAlt, import_CgMenuMotion, import_CgMenuOreos, import_CgMenuRight, import_CgMenuRightAlt, import_CgMenuRound, import_CgMergeHorizontal, import_CgMergeVertical, import_CgMic, import_CgMinimize, import_CgMinimizeAlt, import_CgMiniPlayer, import_CgModem, import_CgMoon, import_CgMore, import_CgMoreAlt, import_CgMoreO, import_CgMoreR, import_CgMoreVertical, import_CgMoreVerticalAlt, import_CgMoreVerticalO, import_CgMoreVerticalR, import_CgMouse, import_CgMoveDown, import_CgMoveLeft, import_CgMoveRight, import_CgMoveTask, import_CgMoveUp, import_CgMusic, import_CgMusicNote, import_CgMusicSpeaker, import_CgNametag, import_CgNotes, import_CgNotifications, import_CgOptions, import_CgOrganisation, import_CgPassword, import_CgPathBack, import_CgPathCrop, import_CgPathDivide, import_CgPathExclude, import_CgPathFront, import_CgPathIntersect, import_CgPathOutline, import_CgPathTrim, import_CgPathUnite, import_CgPen, import_CgPentagonBottomLeft, import_CgPentagonBottomRight, import_CgPentagonDown, import_CgPentagonLeft, import_CgPentagonRight, import_CgPentagonTopLeft, import_CgPentagonTopRight, import_CgPentagonUp, import_CgPerformance, import_CgPhone, import_CgPhotoscan, import_CgPiano, import_CgPill, import_CgPin, import_CgPinAlt, import_CgPinBottom, import_CgPinTop, import_CgPlayBackwards, import_CgPlayButton, import_CgPlayButtonO, import_CgPlayButtonR, import_CgPlayForwards, import_CgPlayList, import_CgPlayListAdd, import_CgPlayListCheck, import_CgPlayListRemove, import_CgPlayListSearch, import_CgPlayPause, import_CgPlayPauseO, import_CgPlayPauseR, import_CgPlayStop, import_CgPlayStopO, import_CgPlayStopR, import_CgPlayTrackNext, import_CgPlayTrackNextO, import_CgPlayTrackNextR, import_CgPlayTrackPrev, import_CgPlayTrackPrevO, import_CgPlayTrackPrevR, import_CgPlug, import_CgPolaroid, import_CgPoll, import_CgPresentation, import_CgPrinter, import_CgProfile, import_CgPullClear, import_CgPushChevronDown, import_CgPushChevronDownO, import_CgPushChevronDownR, import_CgPushChevronLeft, import_CgPushChevronLeftO, import_CgPushChevronLeftR, import_CgPushChevronRight, import_CgPushChevronRightO, import_CgPushChevronRightR, import_CgPushChevronUp, import_CgPushChevronUpO, import_CgPushChevronUpR, import_CgPushDown, import_CgPushLeft, import_CgPushRight, import_CgPushUp, import_CgQr, import_CgQuote, import_CgQuoteO, import_CgRadioCheck, import_CgRadioChecked, import_CgRatio, import_CgRead, import_CgReadme, import_CgRecord, import_CgRedo, import_CgRemote, import_CgRemove, import_CgRemoveR, import_CgRename, import_CgReorder, import_CgRepeat, import_CgRing, import_CgRowFirst, import_CgRowLast, import_CgRuler, import_CgSandClock, import_CgScan, import_CgScreen, import_CgScreenMirror, import_CgScreenShot, import_CgScreenWide, import_CgScrollH, import_CgScrollV, import_CgSearch, import_CgSearchFound, import_CgSearchLoading, import_CgSelect, import_CgSelectO, import_CgSelectR, import_CgServer, import_CgShapeCircle, import_CgShapeHalfCircle, import_CgShapeHexagon, import_CgShapeRhombus, import_CgShapeSquare, import_CgShapeTriangle, import_CgShapeZigzag, import_CgShare, import_CgShield, import_CgShoppingBag, import_CgShoppingCart, import_CgShortcut, import_CgSidebar, import_CgSidebarOpen, import_CgSidebarRight, import_CgSignal, import_CgSize, import_CgSleep, import_CgSmartHomeBoiler, import_CgSmartHomeCooker, import_CgSmartHomeHeat, import_CgSmartHomeLight, import_CgSmartHomeRefrigerator, import_CgSmartHomeWashMachine, import_CgSmartphone, import_CgSmartphoneChip, import_CgSmartphoneRam, import_CgSmartphoneShake, import_CgSmile, import_CgSmileMouthOpen, import_CgSmileNeutral, import_CgSmileNoMouth, import_CgSmileNone, import_CgSmileSad, import_CgSmileUpside, import_CgSoftwareDownload, import_CgSoftwareUpload, import_CgSortAz, import_CgSortZa, import_CgSpaceBetween, import_CgSpaceBetweenV, import_CgSpinner, import_CgSpinnerAlt, import_CgSpinnerTwo, import_CgSpinnerTwoAlt, import_CgStack, import_CgStopwatch, import_CgStories, import_CgStyle, import_CgSun, import_CgSupport, import_CgSwap, import_CgSwapVertical, import_CgSweden, import_CgSwiss, import_CgSync, import_CgTab, import_CgTag, import_CgTapDouble, import_CgTapSingle, import_CgTemplate, import_CgTennis, import_CgTerminal, import_CgTerrain, import_CgThermometer, import_CgThermostat, import_CgTikcode, import_CgTime, import_CgTimelapse, import_CgTimer, import_CgToday, import_CgToggleOff, import_CgToggleOn, import_CgToggleSquare, import_CgToggleSquareOff, import_CgToolbarBottom, import_CgToolbarLeft, import_CgToolbarRight, import_CgToolbarTop, import_CgToolbox, import_CgTouchpad, import_CgTrack, import_CgTranscript, import_CgTrash, import_CgTrashEmpty, import_CgTree, import_CgTrees, import_CgTrending, import_CgTrendingDown, import_CgTrophy, import_CgTv, import_CgUiKit, import_CgUmbrella, import_CgUnavailable, import_CgUnblock, import_CgUndo, import_CgUnsplash, import_CgUsb, import_CgUsbC, import_CgUser, import_CgUserAdd, import_CgUserList, import_CgUserRemove, import_CgViewCols, import_CgViewComfortable, import_CgViewDay, import_CgViewGrid, import_CgViewList, import_CgViewMonth, import_CgViewSplit, import_CgVinyl, import_CgVoicemail, import_CgVoicemailO, import_CgVoicemailR, import_CgVolume, import_CgWebcam, import_CgWebsite, import_CgWorkAlt, import_CgYinyang, import_CgZoomIn, import_CgZoomOut, import_MdCopyAll, importedIcons;
 var init_importedIcons = __esm({
   "src/components/Icons/importedIcons.ts"() {
     "use strict";
@@ -693,6 +693,7 @@ var init_importedIcons = __esm({
     import_CgYinyang = require("@react-icons/all-files/cg/CgYinyang");
     import_CgZoomIn = require("@react-icons/all-files/cg/CgZoomIn");
     import_CgZoomOut = require("@react-icons/all-files/cg/CgZoomOut");
+    import_MdCopyAll = require("@react-icons/all-files/md/MdCopyAll");
     importedIcons = {
       "add-r": import_CgAddR.CgAddR,
       add: import_CgAdd.CgAdd,
@@ -879,6 +880,7 @@ var init_importedIcons = __esm({
       compress: import_CgCompress.CgCompress,
       controller: import_CgController.CgController,
       copy: import_CgCopy.CgCopy,
+      "copy-all": import_MdCopyAll.MdCopyAll,
       copyright: import_CgCopyright.CgCopyright,
       "corner-double-down-left": import_CgCornerDoubleDownLeft.CgCornerDoubleDownLeft,
       "corner-double-down-right": import_CgCornerDoubleDownRight.CgCornerDoubleDownRight,
@@ -1467,6 +1469,7 @@ __export(src_exports, {
   RICHTEXT_OPERATORS: () => RICHTEXT_OPERATORS,
   ResolveIcon: () => ResolveIcon,
   RichTextToolbarIcon: () => RichTextToolbarIcon,
+  SYSTEM_DATE_OPERATORS: () => SYSTEM_DATE_OPERATORS,
   SYSTEM_FIELD_OPERATORS: () => SYSTEM_FIELD_OPERATORS,
   ScrollableList: () => ScrollableList,
   ScrollableListInputItem: () => ScrollableListInputItem,
@@ -1507,6 +1510,7 @@ __export(src_exports, {
   ToastContainer: () => ToastContainer,
   Tooltip: () => Tooltip,
   TwoColumnLayout: () => TwoColumnLayout,
+  USER_OPERATORS: () => USER_OPERATORS,
   UniformBadge: () => UniformBadge,
   UniformLogo: () => UniformLogo,
   UniformLogoLarge: () => UniformLogoLarge,
@@ -4199,7 +4203,7 @@ var import_react22 = require("@emotion/react");
 var PageHeaderSectionContainer = import_react22.css`
   display: flex;
   justify-content: space-between;
-  margin-bottom: var(--spacing-lg);
+  margin-bottom: var(--spacing-sm);
   flex-direction: column;
   gap: var(--spacing-sm);
 
@@ -15578,7 +15582,8 @@ function InputComboBox(props) {
               background: "var(--gray-100)",
               "&:hover": {
                 borderColor: "var(--gray-300)"
-              }
+              },
+              ...state.isFocused ? { borderColor: "var(--gray-300)" } : {}
             },
             ...(_b = (_a2 = props.styles) == null ? void 0 : _a2.control) == null ? void 0 : _b.call(_a2, base, state)
           };
@@ -19389,6 +19394,16 @@ var toggleInput2 = import_react110.css`
     color: var(--white);
   }
 
+  &:indeterminate,
+  &:indeterminate:hover,
+  &:indeterminate:focus {
+    background: var(--accent-dark-active)
+      url('data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNiIKICBoZWlnaHQ9IjE2IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNCAxMkM0IDExLjQ0NzcgNC40NDc3MiAxMSA1IDExSDE5QzE5LjU1MjMgMTEgMjAgMTEuNDQ3NyAyMCAxMkMyMCAxMi41NTIzIDE5LjU1MjMgMTMgMTkgMTNINUM0LjQ0NzcyIDEzIDQgMTIuNTUyMyA0IDEyWiIKICAgIGZpbGw9IndoaXRlIgogIC8+Cjwvc3ZnPg==')
+      no-repeat center center;
+    border-color: var(--accent-dark-active);
+    color: var(--white);
+  }
+
   &:hover {
     border-color: var(--accent-dark-hover);
   }
@@ -22098,6 +22113,60 @@ var TEXTBOX_OPERATORS = [
     editorType: "empty"
   }
 ];
+var USER_OPERATORS = [
+  {
+    label: "is...",
+    value: "eq",
+    editorType: "text"
+  },
+  {
+    label: "contains...",
+    value: "match",
+    editorType: "text"
+  },
+  {
+    label: "is not...",
+    value: "neq",
+    editorType: "text"
+  }
+];
+var SYSTEM_DATE_OPERATORS = [
+  {
+    label: "is...",
+    value: "eq",
+    editorType: "date"
+  },
+  {
+    label: "is between...",
+    value: "between",
+    editorType: "dateRange"
+  },
+  {
+    label: "is before...",
+    value: "lt",
+    editorType: "date"
+  },
+  {
+    label: "is after...",
+    value: "gt",
+    editorType: "date"
+  },
+  {
+    label: "is on or before...",
+    value: "lte",
+    editorType: "date"
+  },
+  {
+    label: "is on or after...",
+    value: "gte",
+    editorType: "date"
+  },
+  {
+    label: "is not...",
+    value: "neq",
+    editorType: "date"
+  }
+];
 var RICHTEXT_OPERATORS = [
   {
     label: "is empty...",
@@ -22243,6 +22312,12 @@ var FilterButton = import_react138.css`
     opacity: var(--opacity-50);
   }
 `;
+var FilterButtonText = import_react138.css`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 14ch;
+`;
 var FilterButtonSelected = import_react138.css`
   background: var(--gray-100);
   border-color: var(--gray-300);
@@ -22279,7 +22354,6 @@ var AddConditionalBtn = import_react138.css`
   gap: var(--spacing-sm);
   transition: color var(--duration-fast) var(--timing-ease-out);
   padding: 0;
-  font-size: var(--fs-sm);
 
   &:hover,
   &:focus {
@@ -22334,7 +22408,7 @@ var SearchAndFilterOptionsContainer = import_react138.css`
   padding: var(--spacing-md) var(--spacing-md) var(--spacing-base);
   will-change: height;
   position: relative;
-  z-index: 2;
+  z-index: 1;
 `;
 var SearchAndFilterOptionsInnerContainer = import_react138.css`
   display: flex;
@@ -22344,6 +22418,11 @@ var SearchAndFilterOptionsInnerContainer = import_react138.css`
 var SearchAndFilterButtonGroup = import_react138.css`
   margin-top: var(--spacing-base);
 `;
+var SortFilterInputRow = import_react138.css`
+  align-items: center;
+  display: flex;
+  gap: var(--spacing-sm);
+`;
 
 // src/components/SearchAndFilter/FilterButton.tsx
 var import_jsx_runtime117 = require("@emotion/react/jsx-runtime");
@@ -22367,7 +22446,7 @@ var FilterButton2 = ({
       "data-testid": "filters-button",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Icon, { icon, iconColor: "currentColor", size: "1rem" }),
-        text,
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { css: FilterButtonText, children: text }),
         filterCount ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Counter, { count: filterCount, bgColor: "var(--white)" }) : null
       ]
     }
@@ -22506,10 +22585,22 @@ var useSearchAndFilter = () => {
 var import_jsx_runtime119 = require("@emotion/react/jsx-runtime");
 var FilterControls = ({
   children,
+  defaultSortByValue,
   hideSearchInput
 }) => {
-  const { setFilterVisibility, filterVisibility, setSearchTerm, validFilterQuery, searchTerm, sortByValue } = useSearchAndFilter();
+  var _a, _b, _c;
+  const {
+    setFilterVisibility,
+    filterVisibility,
+    setSearchTerm,
+    validFilterQuery,
+    searchTerm,
+    sortByValue,
+    filterOptions
+  } = useSearchAndFilter();
+  const [initialSortValue, setInitialSortValue] = (0, import_react140.useState)(sortByValue);
   const [localeSearchTerm, setLocaleSearchTerm] = (0, import_react140.useState)("");
+  const [userHasChangedSortByValue, setUserHasChangedSortByValue] = (0, import_react140.useState)(false);
   (0, import_react_use3.useDebounce)(
     () => {
       setSearchTerm(localeSearchTerm);
@@ -22523,14 +22614,25 @@ var FilterControls = ({
     }
   }, [searchTerm]);
   const handleFilterToggle = (mode) => {
-    if (filterVisibility && ["sort", "filters"].includes(filterVisibility)) {
+    if (filterVisibility === "filters" && mode === "filters" || filterVisibility === "sort" && mode === "sort") {
       return setFilterVisibility(void 0);
     }
     return setFilterVisibility(mode);
   };
-  const sortByValues = sortByValue ? sortByValue == null ? void 0 : sortByValue.split("_") : "Sort";
-  const sortByValueLabel = Array.isArray(sortByValues) ? sortByValue == null ? void 0 : sortByValue.split("_")[0] : "Sort";
-  const sortByIcon = Array.isArray(sortByValues) ? sortByValues[1] === "ASC" ? "arrow-up" : "arrow-down" : "sort-az";
+  const sortValue = (sortByValue != null ? sortByValue : defaultSortByValue).split("_");
+  const sortDirection = sortValue == null ? void 0 : sortValue.pop();
+  const sortField = sortValue == null ? void 0 : sortValue.join("_");
+  const sortOn = sortField.startsWith("fields.") ? "contentTypeFields" : "metadata";
+  const sortByValueLabel = (_c = (_b = (_a = filterOptions == null ? void 0 : filterOptions.find((op) => op.value === sortOn)) == null ? void 0 : _a.options) == null ? void 0 : _b.find((f) => f.value === sortField)) == null ? void 0 : _c.label;
+  const sortByIcon = userHasChangedSortByValue ? sortDirection === "ASC" ? "arrow-up" : "arrow-down" : "sort-az";
+  (0, import_react_use3.useEffectOnce)(() => {
+    setInitialSortValue(sortByValue);
+  });
+  (0, import_react140.useEffect)(() => {
+    if (initialSortValue !== sortByValue) {
+      setUserHasChangedSortByValue(true);
+    }
+  }, [initialSortValue, sortByValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
       FilterButton2,
@@ -22549,7 +22651,7 @@ var FilterControls = ({
         "aria-controls": "search-and-filter-sortBy",
         "aria-label": "sort by options",
         "aria-haspopup": "true",
-        text: sortByValueLabel,
+        text: !userHasChangedSortByValue ? "Sort" : sortByValueLabel,
         icon: sortByIcon,
         "aria-expanded": filterVisibility === "sort",
         hasSelectedValue: sortByValue !== "",
@@ -22708,10 +22810,11 @@ var FilterMultiChoiceEditor = ({
   options,
   isDisabled,
   readOnly,
+  valueTestId,
   ...props
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     InputComboBox,
     {
       ...props,
@@ -22726,19 +22829,28 @@ var FilterMultiChoiceEditor = ({
       },
       value,
       "aria-readonly": readOnly,
+      styles: {
+        menu(base) {
+          return {
+            ...base,
+            minWidth: "max-content"
+          };
+        }
+      },
       ...readOnlyProps
     }
-  );
+  ) });
 };
 var FilterSingleChoiceEditor = ({
   options,
   value,
   isDisabled,
   readOnly,
-  onChange
+  onChange,
+  valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     InputComboBox,
     {
       placeholder: "Type to search...",
@@ -22751,9 +22863,17 @@ var FilterSingleChoiceEditor = ({
       isDisabled,
       value,
       "aria-readonly": readOnly,
+      styles: {
+        menu(base) {
+          return {
+            ...base,
+            minWidth: "max-content"
+          };
+        }
+      },
       ...readOnlyProps
     }
-  );
+  ) });
 };
 var CustomOptions = ({ label, value }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(StatusBullet, { status: label, message: value });
@@ -22763,10 +22883,11 @@ var StatusMultiEditor = ({
   value,
   isDisabled,
   readOnly,
-  onChange
+  onChange,
+  valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     InputComboBox,
     {
       options,
@@ -22778,19 +22899,28 @@ var StatusMultiEditor = ({
       formatOptionLabel: CustomOptions,
       value,
       isDisabled,
+      styles: {
+        menu(base) {
+          return {
+            ...base,
+            minWidth: "max-content"
+          };
+        }
+      },
       ...readOnlyProps
     }
-  );
+  ) });
 };
 var StatusSingleEditor = ({
   options,
   value,
   isDisabled,
   readOnly,
-  onChange
+  onChange,
+  valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     InputComboBox,
     {
       options,
@@ -22801,11 +22931,19 @@ var StatusSingleEditor = ({
       formatOptionLabel: CustomOptions,
       value,
       isDisabled,
+      styles: {
+        menu(base) {
+          return {
+            ...base,
+            minWidth: "max-content"
+          };
+        }
+      },
       ...readOnlyProps
     }
-  );
+  ) });
 };
-var TextEditor = ({ onChange, ariaLabel, value, readOnly }) => {
+var TextEditor = ({ onChange, ariaLabel, value, readOnly, valueTestId }) => {
   (0, import_react_use4.useDebounce)(() => onChange, 500, [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     Input,
@@ -22815,11 +22953,19 @@ var TextEditor = ({ onChange, ariaLabel, value, readOnly }) => {
       onChange: (e) => onChange(e.currentTarget.value),
       placeholder: "Enter phrase to search\u2026",
       value,
-      readOnly
+      readOnly,
+      "data-testid": valueTestId
     }
   );
 };
-var NumberRangeEditor = ({ onChange, disabled: disabled2, ariaLabel, value, readOnly }) => {
+var NumberRangeEditor = ({
+  onChange,
+  disabled: disabled2,
+  ariaLabel,
+  value,
+  readOnly,
+  valueTestId
+}) => {
   const [minValue, setMinValue] = (0, import_react142.useState)("");
   const [maxValue, setMaxValue] = (0, import_react142.useState)("");
   const [error, setError] = (0, import_react142.useState)("");
@@ -22842,41 +22988,50 @@ var NumberRangeEditor = ({ onChange, disabled: disabled2, ariaLabel, value, read
     setError("");
     onChange([minValue, maxValue]);
   }, [maxValue, minValue, setError]);
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { css: twoColumnGrid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-      Input,
-      {
-        label: `${ariaLabel}-min`,
-        type: "number",
-        showLabel: false,
-        min: 0,
-        placeholder: "Low",
-        onChange: (e) => setMinValue(e.currentTarget.value),
-        "aria-invalid": !error ? false : true,
-        disabled: disabled2,
-        value: value ? value[0] : "",
-        readOnly
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-      Input,
-      {
-        type: "number",
-        label: `${ariaLabel}-max`,
-        showLabel: false,
-        min: 0,
-        placeholder: "High",
-        onChange: (e) => setMaxValue(e.currentTarget.value),
-        "aria-invalid": !error ? false : true,
-        disabled: disabled2,
-        value: value ? value[1] : "",
-        readOnly
-      }
-    ),
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        Input,
+        {
+          label: `${ariaLabel}-min`,
+          type: "number",
+          showLabel: false,
+          min: 0,
+          placeholder: "Low",
+          onChange: (e) => setMinValue(e.currentTarget.value),
+          "aria-invalid": !error ? false : true,
+          disabled: disabled2,
+          value: value ? value[0] : "",
+          readOnly
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        Input,
+        {
+          type: "number",
+          label: `${ariaLabel}-max`,
+          showLabel: false,
+          min: 0,
+          placeholder: "High",
+          onChange: (e) => setMaxValue(e.currentTarget.value),
+          "aria-invalid": !error ? false : true,
+          disabled: disabled2,
+          value: value ? value[1] : "",
+          readOnly
+        }
+      )
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ErrorContainer, { errorMessage: error })
   ] });
 };
-var NumberEditor = ({ ariaLabel, onChange, disabled: disabled2, value, readOnly }) => {
+var NumberEditor = ({
+  ariaLabel,
+  onChange,
+  disabled: disabled2,
+  value,
+  readOnly,
+  valueTestId
+}) => {
   return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     Input,
     {
@@ -22887,11 +23042,19 @@ var NumberEditor = ({ ariaLabel, onChange, disabled: disabled2, value, readOnly
       onChange: (e) => onChange(e.currentTarget.value),
       disabled: disabled2,
       value,
-      readOnly
+      readOnly,
+      "data-testid": valueTestId
     }
   );
 };
-var DateEditor = ({ onChange, ariaLabel, disabled: disabled2, value, readOnly }) => {
+var DateEditor = ({
+  onChange,
+  ariaLabel,
+  disabled: disabled2,
+  value,
+  readOnly,
+  valueTestId
+}) => {
   return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     Input,
     {
@@ -22901,11 +23064,19 @@ var DateEditor = ({ onChange, ariaLabel, disabled: disabled2, value, readOnly })
       onChange: (e) => onChange(e.currentTarget.value),
       disabled: disabled2,
       value,
-      readOnly
+      readOnly,
+      "data-testid": valueTestId
     }
   );
 };
-var DateRangeEditor = ({ ariaLabel, onChange, disabled: disabled2, value, readOnly }) => {
+var DateRangeEditor = ({
+  ariaLabel,
+  onChange,
+  disabled: disabled2,
+  value,
+  readOnly,
+  valueTestId
+}) => {
   const [minDateValue, setMinDateValue] = (0, import_react142.useState)(value ? value[0] : "");
   const [maxDateValue, setMaxDateValue] = (0, import_react142.useState)(value ? value[1] : "");
   const [error, setError] = (0, import_react142.useState)("");
@@ -22940,33 +23111,35 @@ var DateRangeEditor = ({ ariaLabel, onChange, disabled: disabled2, value, readOn
     setError("");
     onChange([minDateValue, maxDateValue]);
   }, [minDateValue, maxDateValue, setError]);
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { css: twoColumnGrid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-      Input,
-      {
-        label: `${ariaLabel}-min-date`,
-        type: "date",
-        showLabel: false,
-        value: minDateValue,
-        onChange: (e) => setMinDateValue(e.currentTarget.value),
-        "aria-invalid": !error ? false : true,
-        disabled: disabled2,
-        readOnly
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-      Input,
-      {
-        label: `${ariaLabel}-max-date`,
-        type: "date",
-        showLabel: false,
-        value: maxDateValue,
-        onChange: (e) => setMaxDateValue(e.currentTarget.value),
-        "aria-invalid": !error ? false : true,
-        disabled: disabled2,
-        readOnly
-      }
-    ),
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        Input,
+        {
+          label: `${ariaLabel}-min-date`,
+          type: "date",
+          showLabel: false,
+          value: minDateValue,
+          onChange: (e) => setMinDateValue(e.currentTarget.value),
+          "aria-invalid": !error ? false : true,
+          disabled: disabled2,
+          readOnly
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        Input,
+        {
+          label: `${ariaLabel}-max-date`,
+          type: "date",
+          showLabel: false,
+          value: maxDateValue,
+          onChange: (e) => setMaxDateValue(e.currentTarget.value),
+          "aria-invalid": !error ? false : true,
+          disabled: disabled2,
+          readOnly
+        }
+      )
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ErrorContainer, { errorMessage: error })
   ] });
 };
@@ -23032,7 +23205,7 @@ var SearchAndFilterOptionsContainer2 = ({
     ) : null
   ] });
 };
-var FilterMenu = ({ id, filterTitle = "Show records", menuControls, children }) => {
+var FilterMenu = ({ id, filterTitle = "Show results", menuControls, children }) => {
   const { filterVisibility, setFilterVisibility } = useSearchAndFilter();
   const innerMenuRef = import_react143.default.useRef(null);
   (0, import_react143.useEffect)(() => {
@@ -23106,8 +23279,8 @@ var FilterItem = ({
     menuIsOpen: false,
     isClearable: false
   } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { css: ConditionalFilterRow, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: index === 0 ? "where" : "and" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: index === 0 ? "Where" : "and" }),
     /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { css: ConditionalInputRow, children: [
       /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         InputComboBox,
@@ -23118,8 +23291,21 @@ var FilterItem = ({
             var _a2;
             onParamChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
           },
+          isOptionDisabled: (option) => {
+            var _a2;
+            return (_a2 = option == null ? void 0 : option.disabled) != null ? _a2 : false;
+          },
+          styles: {
+            menu(base) {
+              return {
+                ...base,
+                minWidth: "max-content"
+              };
+            }
+          },
           value: selectedFieldValue,
-          ...readOnlyProps
+          ...readOnlyProps,
+          id: "filter-field"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
@@ -23133,7 +23319,16 @@ var FilterItem = ({
           },
           isDisabled: !filters[index].field,
           value: selectedOperatorValue,
-          ...readOnlyProps
+          styles: {
+            menu(base) {
+              return {
+                ...base,
+                minWidth: "max-content"
+              };
+            }
+          },
+          ...readOnlyProps,
+          id: "filter-operator"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
@@ -23145,16 +23340,18 @@ var FilterItem = ({
           onChange: (e) => onValueChange(e != null ? e : ""),
           readOnly,
           isDisabled: !filters[index].operator,
-          value: selectedMetaValue
+          value: selectedMetaValue,
+          valueTestId: "filter-value"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+      readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         "button",
         {
           type: "button",
           onClick: () => handleDeleteFilter(index),
           "aria-label": "delete filter",
           css: IconBtn,
+          "data-testid": "delete-filter",
           children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { icon: "trash", iconColor: "red", size: "1rem" })
         }
       )
@@ -23167,6 +23364,7 @@ var FilterItems = ({
 }) => {
   const { filterOptions, filters, setFilters, handleAddFilter, handleResetFilters, setFilterVisibility } = useSearchAndFilter();
   const handleUpdateFilter = (index, prop, value) => {
+    var _a, _b, _c, _d, _e;
     const next = [...filters];
     next[index] = { ...next[index], [prop]: value };
     if (prop === "operator") {
@@ -23179,7 +23377,11 @@ var FilterItems = ({
       }
     }
     if (prop === "field") {
-      next[index].operator = "";
+      const firstOperatorInAvailableOperators = (_e = (_d = (_c = (_b = (_a = filterOptions.find((fo) => {
+        var _a2;
+        return (_a2 = fo.options) == null ? void 0 : _a2.find((op) => op.value === value);
+      })) == null ? void 0 : _a.options) == null ? void 0 : _b.find((op) => op.value === next[index].field)) == null ? void 0 : _c.operatorOptions) == null ? void 0 : _d[0].value) != null ? _e : "eq";
+      next[index].operator = firstOperatorInAvailableOperators;
       next[index].value = "";
     }
     setFilters(next);
@@ -23189,10 +23391,19 @@ var FilterItems = ({
     {
       id: "search-and-filter-options",
       menuControls: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("button", { type: "button", css: AddConditionalBtn, onClick: handleAddFilter, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { icon: "math-plus", iconColor: "currentColor", size: "1rem" }),
-          addButtonText
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+          "button",
+          {
+            type: "button",
+            css: AddConditionalBtn,
+            onClick: handleAddFilter,
+            "data-testid": "add-filter",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { icon: "math-plus", iconColor: "currentColor", size: "1rem" }),
+              addButtonText
+            ]
+          }
+        ),
         (filters == null ? void 0 : filters.length) ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           "button",
           {
@@ -23202,6 +23413,7 @@ var FilterItems = ({
               handleResetFilters();
               setFilterVisibility(void 0);
             },
+            "data-testid": "reset-filters",
             children: resetButtonText
           }
         ) : null
@@ -23459,7 +23671,7 @@ var SortItems = () => {
     var _a2;
     return (_a2 = item.options) == null ? void 0 : _a2.find((option) => option.value === sortField);
   })) == null ? void 0 : _a.options) == null ? void 0 : _b.find((nestedOption) => nestedOption.value === sortField);
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(FilterMenu, { id: "search-and-filter-options", filterTitle: "Sort by", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { css: ConditionalFilterRow, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { css: ConditionalInputRow, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(FilterMenu, { id: "search-and-filter-options", filterTitle: "Sort by", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { css: SortFilterInputRow, children: [
     /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
       InputComboBox,
       {
@@ -23468,6 +23680,14 @@ var SortItems = () => {
           const fieldName = e == null ? void 0 : e.value;
           setSortBy(`${fieldName}_${sortDirection}`);
         },
+        styles: {
+          menu(base) {
+            return {
+              ...base,
+              minWidth: "max-content"
+            };
+          }
+        },
         value: currentSelectedOption
       }
     ),
@@ -23484,7 +23704,7 @@ var SortItems = () => {
         value: sortDirection
       }
     )
-  ] }) }) });
+  ] }) });
 };
 
 // src/components/SearchAndFilter/FilterModeView.tsx
@@ -23587,7 +23807,7 @@ var SearchAndFilter = ({
               css: SearchAndFilterControlsWrapper(
                 viewSwitchControls ? "auto auto 1fr 0.5fr" : "auto auto 1fr"
               ),
-              children: !filterControls ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(FilterControls, { hideSearchInput: !onSearchChange }) : filterControls
+              children: !filterControls ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(FilterControls, { hideSearchInput: !onSearchChange, defaultSortByValue }) : filterControls
             }
           ),
           viewSwitchControls
@@ -24320,6 +24540,7 @@ var ToastContainer = ({ limit = 4 }) => {
   RICHTEXT_OPERATORS,
   ResolveIcon,
   RichTextToolbarIcon,
+  SYSTEM_DATE_OPERATORS,
   SYSTEM_FIELD_OPERATORS,
   ScrollableList,
   ScrollableListInputItem,
@@ -24360,6 +24581,7 @@ var ToastContainer = ({ limit = 4 }) => {
   ToastContainer,
   Tooltip,
   TwoColumnLayout,
+  USER_OPERATORS,
   UniformBadge,
   UniformLogo,
   UniformLogoLarge,