From 982c553e15aaf9a09f944629ab8de203f3a0f2bb Mon Sep 17 00:00:00 2001 From: Jesse Bofill Date: Mon, 18 Mar 2024 14:52:28 -0600 Subject: [PATCH] chore(static-classes): add/fix/update css classes --- src/utils/static-classes.ts | 1063 +++++++++++++++++++++++------------ 1 file changed, 713 insertions(+), 350 deletions(-) diff --git a/src/utils/static-classes.ts b/src/utils/static-classes.ts index 77a044bd..dc2e03ab 100644 --- a/src/utils/static-classes.ts +++ b/src/utils/static-classes.ts @@ -1,8 +1,9 @@ -import { findModule } from '../webpack'; +import { findClassModule } from '../class-mapper'; type QuickAccessMenuClasses = Record< | 'ActiveTab' | 'AllTabContents' + | 'BackgroundAnimation' | 'BatteryDetailsLabels' | 'BatteryIcon' | 'BatteryPercentageLabel' @@ -30,6 +31,8 @@ type QuickAccessMenuClasses = Record< | 'ItemFocusAnim-darkerGrey-nocolor' | 'ItemFocusAnim-green' | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' | 'ItemFocusAnimBorder-darkGrey' | 'KeyboardButton' | 'Label' @@ -42,7 +45,9 @@ type QuickAccessMenuClasses = Record< | 'PanelSection' | 'PanelSectionRow' | 'PanelSectionTitle' + | 'PopupBody' | 'QuickAccessMenu' + | 'QuickAccessNotifications' | 'ReallyLow' | 'Remaining' | 'Selected' @@ -51,152 +56,182 @@ type QuickAccessMenuClasses = Record< | 'TabGroupPanel' | 'TabPanelHidden' | 'Tabs' + | 'TabsWithFooter' | 'Text' | 'Title' | 'TransitionMenuDelay' | 'Up' + | 'VR' | 'ViewPlaceholder' | 'VoiceTab' | 'duration-app-launch' | 'focusAnimation' - | 'hoverAnimation', + | 'hoverAnimation' + | 'vrgamepadui-floating-bar-popup-panel-height' + | 'vrgamepadui-floating-bar-popup-panel-width' + | 'vrgamepadui-floating-keyboard-height' + | 'vrgamepadui-floating-keyboard-width' + | 'vrgamepadui-floating-side-panel-height' + | 'vrgamepadui-floating-side-panel-width', string >; type ScrollPanelClasses = Record<'ScrollBoth' | 'ScrollPanel' | 'ScrollX' | 'ScrollY', string>; type GamepadDialogClasses = Record< - | 'duration-app-launch' - | 'GamepadDialogContent' - | 'GamepadDialogContent_InnerWidth' - | 'Field' - | 'Button' - | 'NoMinWidth' | 'ActiveAndUnfocused' - | 'StandaloneFieldSeparator' - | 'StandardPadding' + | 'AlignCenter' + | 'AlignLeft' + | 'AlignRight' + | 'BackgroundAnimation' + | 'BasicTextInput' + | 'BeforeChildren' + | 'BottomButtons' + | 'Button' + | 'ChildrenWidthFixed' + | 'ChildrenWidthGrow' + | 'Clickable' | 'CompactPadding' - | 'WithDescription' - | 'WithBottomSeparatorStandard' - | 'WithBottomSeparatorThick' - | 'HighlightOnFocus' - | 'ItemFocusAnim-darkerGrey' - | 'ItemFocusAnim-darkGrey' - | 'WithBottomSeparator' + | 'ControlsListChild' + | 'ControlsListOuterPanel' | 'Disabled' - | 'Clickable' - | 'FieldClickTarget' - | 'FieldChildren' - | 'FieldLeadIcon' - | 'FieldLabelRow' - | 'VerticalAlignCenter' - | 'InlineWrapShiftsChildrenBelow' + | 'DropDownControlButtonContents' + | 'DropDownRow' | 'ExtraPaddingOnChildrenBelow' - | 'ChildrenWidthFixed' - | 'ChildrenWidthGrow' - | 'WithFirstRow' - | 'WithChildrenBelow' + | 'ExtraSpacing' + | 'Field' + | 'FieldChildrenInner' + | 'FieldChildrenWithIcon' + | 'FieldClickTarget' + | 'FieldDescription' + | 'FieldIcon' | 'FieldLabel' + | 'FieldLabelRow' | 'FieldLabelValue' - | 'FieldDescription' + | 'Front' + | 'FullWidth' + | 'GamepadDialogContent' + | 'GamepadDialogContent_InnerWidth' + | 'HighlightOnFocus' + | 'IconContainer' + | 'InlineWrapShiftsChildrenBelow' + | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' + | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' + | 'ItemFocusAnimBorder-darkGrey' + | 'ItemMaxSizeDesktop' + | 'Label' + | 'LabelFieldValue' + | 'ModalClickToDismiss' | 'ModalPosition' - | 'WithStandardPadding' - | 'slideInAnimation' - | 'BasicTextInput' - | 'Toggle' - | 'ToggleRail' + | 'NoHeaderPadding' + | 'NoMinWidth' | 'On' - | 'ToggleSwitch' - | 'LabelFieldValue' - | 'DropDownControlButtonContents' + | 'QuickAccess-Menu' + | 'ScrollWithin' | 'Spacer' - | 'ControlsListOuterPanel' + | 'StandaloneFieldSeparator' + | 'StandardPadding' | 'StandardSpacing' - | 'ExtraSpacing' - | 'AlignRight' - | 'AlignLeft' - | 'AlignCenter' - | 'ControlsListChild' - | 'QuickAccess-Menu' - | 'BigButtons' - | 'BottomButtons' - | 'ItemFocusAnim-darkerGrey-nocolor' - | 'ItemFocusAnim-grey' - | 'ItemFocusAnimBorder-darkGrey' - | 'ItemFocusAnim-green' + | 'Toggle' + | 'ToggleRail' + | 'ToggleSwitch' + | 'VR' + | 'VerticalAlignCenter' + | 'WithBottomSeparator' + | 'WithBottomSeparatorStandard' + | 'WithBottomSeparatorThick' + | 'WithChildrenBelow' + | 'WithDescription' + | 'WithFirstRow' + | 'WithStandardPadding' + | 'duration-app-launch' | 'focusAnimation' - | 'hoverAnimation', + | 'hoverAnimation' + | 'slideInAnimation', string >; type QuickAccessControlsClasses = Record< - | 'duration-app-launch' - | 'PanelSection' - | 'PanelSectionTitle' - | 'Text' - | 'PanelSectionRow' - | 'Label' - | 'ComingSoon' - | 'LowBattery' - | 'ReallyLow' - | 'LowBatteryGauge' - | 'Remaining' - | 'EmptyNotifications' - | 'BatterySectionContainer' + | 'BackgroundAnimation' + | 'BatteryDetailsLabels' | 'BatteryIcon' | 'BatteryPercentageLabel' - | 'BatteryDetailsLabels' - | 'BatteryProjectedValue' | 'BatteryProjectedLabel' - | 'ItemFocusAnim-darkerGrey-nocolor' - | 'ItemFocusAnim-darkerGrey' + | 'BatteryProjectedValue' + | 'BatterySectionContainer' + | 'ComingSoon' + | 'EmptyNotifications' | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' | 'ItemFocusAnimBorder-darkGrey' - | 'ItemFocusAnim-green' + | 'Label' + | 'LowBattery' + | 'LowBatteryGauge' + | 'PanelSection' + | 'PanelSectionRow' + | 'PanelSectionTitle' + | 'QuickAccessNotifications' + | 'ReallyLow' + | 'Remaining' + | 'Text' + | 'VR' + | 'duration-app-launch' | 'focusAnimation' | 'hoverAnimation', string >; type UpdaterFieldClasses = Record< - | 'duration-app-launch' - | 'OOBEUpdateStatusContainer' - | 'UpdateScreen' - | 'UpdatePanel' - | 'CurrentStatus' - | 'TotalUpdateSize' - | 'ProgressInfoContainer' - | 'TimeRemaining' - | 'BatteryLowWarning' - | 'fadeInAnimation' - | 'ProgressStatus' - | 'UpdateStatusContainer' - | 'UpdaterFieldStatusSuccess' - | 'UpdaterFieldStatusApplying' - | 'TextContainer' | 'ApplyingText' - | 'UpdateBytesRemaining' - | 'Label' - | 'Numerator' - | 'Separator' + | 'BackgroundAnimation' + | 'BatteryLowWarning' + | 'Body' + | 'CurrentStatus' | 'Denominator' - | 'PatchNotes' - | 'PostedTime' | 'EventDetailTitle' - | 'EventDetailsSubTitle' | 'EventDetailsBody' + | 'EventDetailsSubTitle' | 'InsufficientBatteryText' - | 'UnsupportedHardwareWarning' - | 'Title' - | 'Text' - | 'Body' - | 'ItemFocusAnim-darkerGrey-nocolor' - | 'ItemFocusAnim-darkerGrey' | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' | 'ItemFocusAnimBorder-darkGrey' - | 'ItemFocusAnim-green' + | 'Label' + | 'Numerator' + | 'OOBEUpdateStatusContainer' + | 'PatchNotes' + | 'PostedTime' + | 'ProgressInfoContainer' + | 'ProgressStatus' + | 'Separator' + | 'Text' + | 'TextContainer' + | 'TimeRemaining' + | 'Title' + | 'TotalUpdateSize' + | 'UnsupportedHardwareWarning' + | 'UpdateBytesRemaining' + | 'UpdatePanel' + | 'UpdateScreen' + | 'UpdateStatusContainer' + | 'UpdaterFieldStatusApplying' + | 'UpdaterFieldStatusSuccess' + | 'duration-app-launch' + | 'fadeInAnimation' | 'focusAnimation' | 'hoverAnimation', string @@ -205,34 +240,48 @@ type UpdaterFieldClasses = Record< type PlaySectionClasses = Record< | 'AchievementCountLabel' | 'AchievementProgressRow' + | 'AchievementSVG' | 'ActionSection' | 'AppButtonsContainer' | 'Arrow' | 'AvatarAndPersona' + | 'BackgroundAnimation' | 'BreakNarrow' | 'BreakShort' | 'BreakTall' | 'BreakUltraWide' | 'BreakWide' + | 'ButtonChild' + | 'ButtonText' + | 'ChooseButton' + | 'ClaimButton' + | 'ClaimButtonContainer' | 'ClickablePlayBarItem' + | 'CloudIconSVG' | 'CloudStatusIcon' | 'CloudStatusLabel' | 'CloudStatusRow' + | 'CloudStatusSyncFail' | 'CloudSyncProblem' | 'CloudSynching' | 'ComingSoon' | 'Container' + | 'ControllerConfigButton' + | 'ControllerSupportInfo' + | 'ControllerSupportRow' | 'DetailsProgressBar' | 'DetailsProgressContainer' | 'DetailsSection' | 'DetailsSectionExtra' | 'DetailsSectionStatus' + | 'Disabled' | 'DotDotDot' | 'DownloadPaused' | 'DownloadProgressBar' | 'Downloading' | 'FavoriteButton' | 'Favorited' + | 'FeatureHidden' | 'GameInfoButton' | 'GameStat' | 'GameStatIcon' @@ -254,12 +303,18 @@ type PlaySectionClasses = Record< | 'ItemFocusAnim-darkerGrey-nocolor' | 'ItemFocusAnim-green' | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' | 'ItemFocusAnimBorder-darkGrey' - | 'Label' | 'LastPlayed' | 'LastPlayedInfo' + | 'LaunchOptionCallout' + | 'LaunchOptionCalloutMessage' + | 'LaunchOptionCalloutMessageContainer' + | 'LongButton' | 'MenuActive' | 'MenuButton' + | 'MenuButtonContainer' | 'MiniAchievements' | 'OfflineMode' | 'OnlyDownloadBar' @@ -275,7 +330,7 @@ type PlaySectionClasses = Record< | 'PlaytimeIcon' | 'PlaytimeIconForced' | 'PortraitBar' - | 'Presale' + | 'PrivateAppActiveIndicator' | 'RecentlyUpdated' | 'RecentlyUpdatedIcon' | 'RecentlyUpdatedLink' @@ -287,6 +342,7 @@ type PlaySectionClasses = Record< | 'RightControls' | 'Row' | 'SharedLibrary' + | 'ShowStreaming' | 'StatusAndStats' | 'StatusNameContainer' | 'StickyHeader' @@ -302,50 +358,61 @@ type PlaySectionClasses = Record< >; type GamepadSliderClasses = Record< - | 'error-shake-duration' - | 'SliderControlPanelGroup' - | 'SliderControlAndNotches' - | 'WithDefaultValue' - | 'SliderControl' + | 'AlignToEnds' + | 'AlignToLeft' + | 'AlignToRight' + | 'BackgroundAnimation' + | 'CompoundSlider' + | 'CompoundSliderSubSlider' + | 'CompoundSliderSubSliderLabel' + | 'CompoundSliderSubSliderLabelContainer' + | 'CompoundSliderSubSliderLabelInternal' + | 'CompoundSliderSubSliderLabelPositioner' + | 'DefaultValueColorLeft' + | 'DefaultValueColorRight' + | 'DefaultValueIsColorRange' + | 'DefaultValueTick' + | 'DefaultValueTickContainer' + | 'DescriptionValue' | 'Disabled' - | 'SliderTrack' - | 'SliderHasNotches' - | 'SliderTrackDark' - | 'SliderHandleContainer' - | 'VerticalLineSliderHandleContainer' + | 'EditableValue' + | 'ErrorShake' + | 'FakeEditableValue' + | 'Icon' + | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' + | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' + | 'ItemFocusAnimBorder-darkGrey' + | 'LabelText' + | 'Left' + | 'ParenSliderHandle' | 'ParenSliderHandleContainer' + | 'RedBorder' + | 'Right' + | 'SliderControl' + | 'SliderControlAndNotches' + | 'SliderControlPanelGroup' | 'SliderHandle' + | 'SliderHandleContainer' | 'SliderHandleFocusPop' - | 'VerticalLineSliderHandle' - | 'ParenSliderHandle' - | 'Left' - | 'SliderControlWithIcon' - | 'Icon' - | 'SliderNotchContainer' + | 'SliderHasNotches' | 'SliderNotch' - | 'AlignToEnds' + | 'SliderNotchContainer' | 'SliderNotchLabel' - | 'AlignToLeft' - | 'AlignToRight' | 'SliderNotchTick' + | 'SliderTrack' + | 'SliderTrackDark' | 'TickActive' - | 'LabelText' - | 'DescriptionValue' - | 'EditableValue' - | 'FakeEditableValue' - | 'RedBorder' - | 'EditableValueSuffix' - | 'ErrorShake' + | 'VerticalLineSliderHandle' + | 'VerticalLineSliderHandleContainer' + | 'WithDefaultValue' + | 'duration-app-launch' | 'error-shake' - | 'CompoundSlider' - | 'CompoundSliderSubSlider' - | 'Right' - | 'CompoundSliderSubSliderLabelContainer' - | 'CompoundSliderSubSliderLabelPositioner' - | 'CompoundSliderSubSliderLabel' - | 'CompoundSliderSubSliderLabelInternal' - | 'DefaultValueTickContainer' - | 'DefaultValueTick', + | 'error-shake-duration', string >; @@ -406,6 +473,8 @@ type AppDetailsHeaderClasses = Record< >; type AppDetailsClasses = Record< + | 'AppDetailsOverviewPanel' + | 'BackgroundAnimation' | 'BreakNarrow' | 'BreakShort' | 'BreakTall' @@ -424,6 +493,8 @@ type AppDetailsClasses = Record< | 'ItemFocusAnim-darkerGrey-nocolor' | 'ItemFocusAnim-green' | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' | 'ItemFocusAnimBorder-darkGrey' | 'PlayBar' | 'PreventScrolling' @@ -442,300 +513,592 @@ type AppDetailsClasses = Record< >; type GamepadUIClasses = Record< - | 'duration-app-launch' - | 'TransitionMenuDelay' - | 'PanelSection' - | 'PanelSectionTitle' - | 'Text' - | 'PanelSectionRow' - | 'Label' - | 'ComingSoon' - | 'LowBattery' - | 'ReallyLow' - | 'LowBatteryGauge' - | 'Remaining' - | 'EmptyNotifications' - | 'BatterySectionContainer' - | 'BatteryIcon' - | 'BatteryPercentageLabel' - | 'BatteryDetailsLabels' - | 'BatteryProjectedValue' - | 'BatteryProjectedLabel' - | 'ViewPlaceholder' - | 'FullHeight' - | 'Title' - | 'Container' - | 'Open' - | 'QuickAccessMenu' - | 'HeaderContainer' - | 'Menu' - | 'HeaderAndFooterVisible' - | 'TabContentColumn' - | 'Tabs' - | 'Tab' - | 'Selected' + | 'BackgroundAnimation' + | 'BasicHome' + | 'BasicUiRoot' + | 'Content' + | 'ContinuousRenderPixel' + | 'ContinuousRenderPixelBlink' + | 'GamepadDialogOverlay' + | 'GamepadUIPopupWindowBody' + | 'HeaderHeightVisible' + | 'ItemFocusAnim-darkGrey' | 'ItemFocusAnim-darkerGrey' | 'ItemFocusAnim-darkerGrey-nocolor' - | 'VoiceTab' | 'ItemFocusAnim-green' - | 'Blocked' - | 'TabPanelHidden' - | 'FriendsTitle' - | 'FriendsListTabPanel' - | 'PanelOuterNav' - | 'PanelExitAnchor' - | 'TabGroupPanel' - | 'FooterBoxShadow' - | 'AllTabContents' - | 'ContentTransition' - | 'ActiveTab' - | 'Up' - | 'Enter' - | 'EnterActive' - | 'Exit' - | 'ExitActive' - | 'Down' - | 'KeyboardButton' - | 'ItemFocusAnim-darkGrey' | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' | 'ItemFocusAnimBorder-darkGrey' + | 'MainNavMenuAnchor' + | 'MainNavMenuMainSplit' + | 'OpaqueBackground' + | 'PopupBody' + | 'QuickAccessMenuAnchor' + | 'StandaloneKeyboard' + | 'SteamUIPopupHTML' + | 'SteamUIPopupWindow' + | 'SteamUIPopupWindowBody' + | 'TransparentBackground' + | 'TrueBlackBackground' + | 'VR' + | 'duration-app-launch' | 'focusAnimation' - | 'hoverAnimation', + | 'hoverAnimation' + | 'vrgamepadui-floating-bar-popup-panel-height' + | 'vrgamepadui-floating-bar-popup-panel-width' + | 'vrgamepadui-floating-keyboard-height' + | 'vrgamepadui-floating-keyboard-width' + | 'vrgamepadui-floating-side-panel-height' + | 'vrgamepadui-floating-side-panel-width', string >; type GamepadTabbedPageClasses = Record< - | 'duration-app-launch' - | 'headerHeight' - | 'contentPadding' - | 'GamepadTabbedPage' - | 'TabHeaderRowWrapper' - | 'Floating' - | 'TabRow' - | 'TabRowTabs' - | 'BleedGlyphs' - | 'TabsRowScroll' - | 'FixCenterAlignScroll' - | 'Tab' - | 'Selected' - | 'HasAddon' - | 'RightAddon' - | 'TabTitle' - | 'LeftAddon' - | 'TabCount' | 'Active' - | 'TabBadge' - | 'TabCountBadge' - | 'TabRowSpacer' - | 'Glyphs' - | 'Show' - | 'TabContents' + | 'AnimateDownwardExpansion' + | 'Arrows' + | 'BackgroundAnimation' + | 'BleedGlyphs' + | 'CanBeHeaderBackground' | 'ContentTransition' - | 'TabContentsScroll' - | 'Right' | 'Enter' | 'EnterActive' | 'Exit' | 'ExitActive' + | 'ExpandFadeDownwards' + | 'FixCenterAlignScroll' + | 'Floating' + | 'GamepadTabbedPage' + | 'Glyphs' + | 'HasAddon' + | 'IsUnderHeader' + | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' + | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' + | 'ItemFocusAnimBorder-darkGrey' | 'Left' - | 'TabIcon', + | 'LeftAddon' + | 'OverlayPinnedView' + | 'Right' + | 'RightAddon' + | 'ScrolledDown' + | 'Selected' + | 'Show' + | 'SortAndFilterButton' + | 'SortAndFilterContainer' + | 'Tab' + | 'TabBadge' + | 'TabContents' + | 'TabContentsScroll' + | 'TabCount' + | 'TabCountBadge' + | 'TabHeaderRowWrapper' + | 'TabIcon' + | 'TabRow' + | 'TabRowSpacer' + | 'TabRowTabs' + | 'TabTitle' + | 'TabsRowScroll' + | 'contentPadding' + | 'duration-app-launch' + | 'headerHeight', string >; type GamepadContextMenuClasses = Record< - | 'duration-app-launch' - | 'BasicContextMenuModal' + | 'Arrow' + | 'BackgroundAnimation' + | 'BasicContextMenuContainer' | 'BasicContextMenuHeader' | 'BasicContextMenuHeaderShrinkableSpacing' - | 'BasicContextMenuContainer' - | 'slideInAnimation' - | 'contextMenu' - | 'contextMenuContents' - | 'hasSubMenu' - | 'contextMenuFade' - | 'contextMenuItem' - | 'active' - | 'Selected' - | 'Focused' - | 'Positive' - | 'Emphasis' - | 'Destructive' + | 'BasicContextMenuModal' | 'Capitalized' - | 'MenuSectionHeader' - | 'UpperCase' - | 'SubMenu' | 'ContextMenuSeparator' - | 'Label' - | 'Arrow' - | 'ItemFocusAnim-darkerGrey-nocolor' - | 'ItemFocusAnim-darkerGrey' + | 'Destructive' + | 'Emphasis' + | 'Focused' | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' | 'ItemFocusAnimBorder-darkGrey' - | 'ItemFocusAnim-green' + | 'Label' + | 'MenuSectionHeader' + | 'Positive' + | 'Selected' + | 'SubMenu' + | 'UpperCase' + | 'active' + | 'contextMenu' + | 'contextMenuContents' + | 'contextMenuFade' + | 'contextMenuItem' + | 'duration-app-launch' | 'focusAnimation' - | 'hoverAnimation', + | 'hasSubMenu' + | 'hoverAnimation' + | 'slideInAnimation', string >; -type AchievementClasses = Record< - | 'nAchievementHeight' - | 'nGlobalAchievementHeight' - | 'nAchievementsListTitleHeight' - | 'nAchievementGap' +type AchievementListClasses = Record< + | 'AchievementContent' + | 'AchievementDescription' + | 'AchievementGlobalPercentage' | 'AchievementList' - | 'ListTitle' | 'AchievementListItemBase' + | 'AchievementTitle' + | 'AlignEnd' + | 'Avatar' + | 'AvatarContainer' + | 'ComparisonAchieverColumn' + | 'ComparisonAchieverInfo' | 'Container' | 'Content' - | 'Right' + | 'Description' | 'Footer' - | 'AchievementTitle' - | 'AchievementDescription' - | 'AchievementGlobalPercentage' - | 'InBody' - | 'VerticalContent' - | 'UnlockDate' - | 'AlignEnd' - | 'ProgressBar' - | 'ProgressCount' - | 'AchievementContent' - | 'HiddenAchievementContent' | 'FriendAchievementFooter' - | 'GlobalPercentage' - | 'UserUnlockDateTime' + | 'GlobalAchievementListItem' | 'GlobalAchievementsListHeader' - | 'SearchField' - | 'Avatar' + | 'GlobalPercentage' | 'HeaderText' - | 'GlobalAchievementListItem' - | 'UnlockContainer' + | 'Hidden' + | 'HiddenAchievementContent' + | 'ImageContainer' + | 'InBody' | 'Info' - | 'Title' - | 'Description' + | 'ListTitle' | 'Percent' - | 'ImageContainer' + | 'ProgressBar' + | 'ProgressContainer' + | 'ProgressCount' | 'ProgressFill' + | 'ProgressLabel' + | 'Right' + | 'SearchField' + | 'Secondary' | 'SpoilerWarning' - | 'Hidden' + | 'Title' + | 'Unachieved' + | 'UnlockContainer' + | 'UnlockDate' + | 'UserUnlockDateTime' + | 'VerticalContent' + | 'duration-app-launch' + | 'nAchievementGap' + | 'nAchievementHeight' + | 'nAchievementsListTitleHeight' + | 'nGlobalAchievementHeight', + string +>; + +type AchievementPageClasses = Record< + | 'AchievementContent' + | 'AchievementDescription' + | 'AchievementGlobalPercentage' + | 'AchievementList' + | 'AchievementListItemBase' + | 'AchievementTabs' + | 'AchievementTitle' + | 'AlignEnd' + | 'Avatar' + | 'AvatarContainer' + | 'Background' + | 'Blur' + | 'CompareButtonContainer' | 'ComparisonAchieverColumn' | 'ComparisonAchieverInfo' + | 'Container' + | 'Content' + | 'Description' + | 'DragHandle' + | 'ErrorButtons' + | 'ErrorContainer' + | 'ErrorTitle' + | 'Footer' + | 'FriendAchievementFooter' + | 'FriendAchievementsListHeader' + | 'GlobalAchievementListItem' + | 'GlobalAchievementsListHeader' + | 'GlobalButton' + | 'GlobalPercentage' + | 'HeaderContainer' + | 'HeaderImage' + | 'HeaderText' + | 'Hidden' + | 'HiddenAchievementContent' + | 'ImageContainer' + | 'InBody' + | 'Info' + | 'Label' + | 'List' + | 'ListTitle' + | 'LoadingContainer' + | 'MyAchievementsHeader' + | 'Nav' + | 'NotOwnedMessage' + | 'Page' + | 'Percent' + | 'PerfectGame' + | 'PinnedView' + | 'PinnedViewTabs' + | 'ProgressBar' | 'ProgressContainer' + | 'ProgressCount' + | 'ProgressFill' | 'ProgressLabel' + | 'Right' + | 'SearchField' | 'Secondary' - | 'AvatarContainer' - | 'Unachieved', + | 'SortableAchievementsList' + | 'SortableUserAchievement' + | 'SortableUserAchievementInner' + | 'SpoilerWarning' + | 'Text' + | 'Throbber' + | 'Title' + | 'ToggleContainer' + | 'Unachieved' + | 'UnlockContainer' + | 'UnlockDate' + | 'UserContext' + | 'UserUnlockDateTime' + | 'VerticalContent' + | 'duration-app-launch' + | 'headerPadding' + | 'nAchievementGap' + | 'nAchievementHeight' + | 'nAchievementsListTitleHeight' + | 'nGlobalAchievementHeight', string >; type MainMenuAppRunningClasses = Record< - | 'duration-app-launch' - | 'ScrollMask' - | 'HideMask' - | 'MainMenuAppRunning' - | 'MenuOpen' - | 'NavigationColumn' - | 'ControllerColumnFocused' - | 'NavColumnFocused' - | 'NavigationBox' - | 'NavigationMenuItem' - | 'ItemFocusAnim-darkerGrey' | 'Active' - | 'Disabled' - | 'SwitchAppsTitle' - | 'SelectableAppWindow' + | 'ActiveContent' | 'ActiveDot' - | 'NavigationMenuItemSeparator' | 'AppColumn' - | 'FocusedColumn' | 'AppColumnContent' - | 'ActiveContent' + | 'AppRunningControls' + | 'BackgroundAnimation' + | 'Collapsible' + | 'Container' + | 'ControllerColumnFocused' | 'CurrentGameBackground' | 'CurrentGameLogo' - | 'OverlayAchievements' - | 'Container' - | 'OverlayGuides' - | 'OverlayNotes' - | 'OverlayInplaceBrowser' - | 'ItemFocusAnim-darkerGrey-nocolor' + | 'Disabled' + | 'FocusedColumn' + | 'HideMask' | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' | 'ItemFocusAnimBorder-darkGrey' - | 'ItemFocusAnim-green' + | 'KeyBoardVisible' + | 'NavColumnFocused' + | 'NavigationBox' + | 'NavigationColumn' + | 'NavigationMenuItem' + | 'NavigationMenuItemSeparator' + | 'OverlayAchievements' + | 'OverlayGuides' + | 'OverlayInplaceBrowser' + | 'OverlayNotes' + | 'ScrollMask' + | 'SelectableAppWindow' + | 'SwitchAppsTitle' + | 'Visible' + | 'duration-app-launch' | 'focusAnimation' | 'hoverAnimation', string >; type BasicAppDetailsSectionStylerClasses = Record< - | 'duration-app-launch' - | 'headerPadding' - | 'Header' - | 'AppDetailsContent' - | 'AppDetailsContainer' - | 'AppDetailsRoot' - | 'GameInfoContainer' - | 'GameInfoQuickLinks' - | 'GameInfoCollections' - | 'CollectionsHeader' - | 'PlaySection' + | 'ActionButtonAndStatusPanel' | 'ActionRow' - | 'AppDetailSectionList' | 'AppActionButton' - | 'ActionButtonAndStatusPanel' | 'AppButtons' - | 'InvertFocusedIcon' - | 'DeckVerifiedFeedbackContainer' - | 'DeckVerifiedFeedbackConfirmationContainer' + | 'AppDetailSectionList' + | 'AppDetailsContainer' + | 'AppDetailsContent' + | 'AppDetailsRoot' + | 'CollectionsHeader' | 'DeckVerifiedFeedbackButton' + | 'DeckVerifiedFeedbackConfirmation' + | 'DeckVerifiedFeedbackConfirmationContainer' + | 'DeckVerifiedFeedbackContainer' | 'DeckVerifiedFeedbackQuestion' - | 'DeckVerifiedFeedbackConfirmation', + | 'GameInfoCollections' + | 'GameInfoContainer' + | 'GameInfoQuickLinks' + | 'Header' + | 'InvertFocusedIcon' + | 'PlaySection' + | 'duration-app-launch' + | 'headerPadding', + string +>; + +type SteamSpinnerClasses = Record< + | 'BackgroundAnimation' + | 'Black' + | 'Container' + | 'ContainerBackground' + | 'ExtraSpace' + | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' + | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' + | 'ItemFocusAnimBorder-darkGrey' + | 'LoadingStatus' + | 'Medium' + | 'Small' + | 'Spacer' + | 'SpinnerLoaderContainer' + | 'focusAnimation' + | 'hoverAnimation', + string +>; + +type FooterClasses = Record< + | 'BackgroundAnimation' + | 'BasicFooter' + | 'FooterLegend' + | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' + | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' + | 'ItemFocusAnimBorder-darkGrey' + | 'Opaque' + | 'PillShapedIcon' + | 'QuickAccessFooter' + | 'Relative' + | 'Spacer' + | 'WithKeyboard' + | 'duration-app-launch' + | 'focusAnimation' + | 'hoverAnimation', + string +>; + +type AppActionButtonClasses = Record< + | 'BackgroundAnimation' + | 'BreakNarrow' + | 'BreakShort' + | 'BreakTall' + | 'BreakUltraWide' + | 'BreakWide' + | 'ButtonChild' + | 'ButtonText' + | 'ButtonThrobberPadding' + | 'Disabled' + | 'ForceShutdownButton' + | 'GamepadUIBreakNarrow' + | 'GamepadUIBreakShort' + | 'GamepadUIBreakWide' + | 'Green' + | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' + | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' + | 'ItemFocusAnimBorder-darkGrey' + | 'LongButton' + | 'NoAction' + | 'PlayButton' + | 'PlayButtonContainer' + | 'RightBreakNarrow' + | 'RightBreakUltraNarrow' + | 'RightBreakUltraWide' + | 'RightBreakWide' + | 'ShowStreaming' + | 'ShowingStreaming' + | 'ShutdownAppButton' + | 'StreamingCallout' + | 'StreamingCalloutMessage' + | 'StreamingCalloutMessageContainer' + | 'StreamingContextMenuItem' + | 'StreamingSelector' + | 'Throbber' + | 'ThrobberContainer' + | 'WaitingForForceShutdown' + | 'WaitingForShutdownSpinner' + | 'duration-app-launch' + | 'focusAnimation' + | 'hoverAnimation' + | 'rotate', + string +>; + +type LibraryAssetImageClasses = Record< + | 'Container' + | 'GreyBackground' + | 'Hidden' + | 'Image' + | 'LandscapeImage' + | 'LongTitles' + | 'NoTransitions' + | 'PortraitImage' + | 'Short' + | 'Title' + | 'Visibility' + | 'Visible' + | 'duration-app-launch', + string +>; + +type GamepadLibraryClasses = Record< + | 'AppGridFilterHeader' + | 'AppGridFilterHeaderAsButton' + | 'AppGridFilterText' + | 'BackgroundAnimation' + | 'BreakNarrow' + | 'BreakShort' + | 'BreakTall' + | 'BreakUltraWide' + | 'BreakWide' + | 'CollectionContents' + | 'CollectionHeader' + | 'ComingSoon' + | 'GamepadLibrary' + | 'GamepadUIBreakNarrow' + | 'GamepadUIBreakShort' + | 'GamepadUIBreakWide' + | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' + | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' + | 'ItemFocusAnimBorder-darkGrey' + | 'RightBreakNarrow' + | 'RightBreakUltraNarrow' + | 'RightBreakUltraWide' + | 'RightBreakWide' + | 'duration-app-launch' + | 'focusAnimation' + | 'hoverAnimation', + string +>; + +type FocusRingClasses = Record< + | 'DebugFocusRing' + | 'FocusRing' + | 'FocusRingOnHiddenItem' + | 'FocusRingRoot' + | 'blinker' + | 'fadeOutline' + | 'flash' + | 'growOutline', + string +>; + +type SearchBarClasses = Record< + | 'BackgroundAnimation' + | 'ForceExpanded' + | 'IconMovesOnHover' + | 'ItemFocusAnim-darkGrey' + | 'ItemFocusAnim-darkerGrey' + | 'ItemFocusAnim-darkerGrey-nocolor' + | 'ItemFocusAnim-green' + | 'ItemFocusAnim-grey' + | 'ItemFocusAnim-translucent-white-10' + | 'ItemFocusAnim-translucent-white-20' + | 'ItemFocusAnimBorder-darkGrey' + | 'SearchAndTitleContainer' + | 'SearchBox' + | 'SearchFieldBackground' + | 'SearchIconLeft' + | 'SearchIconRight' + | 'ShowingSearch' + | 'ShowingTitle' + | 'VR' + | 'Visible' + | 'WhiteBackground' + | 'duration-app-launch', + string +>; + +type MainBrowserClasses = Record< + | 'Browser' + | 'BrowserContainer' + | 'BrowserNavRoot' + | 'Disabled' + | 'ExternalBrowserContainer' + | 'InputSupportLevel' + | 'MainBrowser' + | 'MainBrowserContainer' + | 'MicroTxnContainer' + | 'NavigationButton' + | 'RequireTouchscreenLabel' + | 'StatusIcon' + | 'Toggled' + | 'URL' + | 'URLBar' + | 'URLInput' + | 'Visible' + | 'duration-app-launch' + | 'showSupportLevel', string >; -export const quickAccessMenuClasses: QuickAccessMenuClasses = findModule( - (mod) => typeof mod === 'object' && mod?.Title && mod?.QuickAccessMenu && mod?.BatteryDetailsLabels, -); +export const quickAccessMenuClasses = findClassModule((m) => m.Title && m.QuickAccessMenu && m.BatteryDetailsLabels) as QuickAccessMenuClasses; +export const scrollPanelClasses = findClassModule((m) => m.ScrollPanel) as ScrollPanelClasses; +export const gamepadDialogClasses = findClassModule((m) => m.GamepadDialogContent && !m.BindingButtons) as GamepadDialogClasses; +export const quickAccessControlsClasses = findClassModule((m) => m.BatteryPercentageLabel && m.PanelSection && !m['vr-dashboard-bar-height'] && !m.QuickAccessMenu && !m.QuickAccess && !m.PerfProfileInfo) as QuickAccessControlsClasses; +export const updaterFieldClasses = findClassModule((m) => m.OOBEUpdateStatusContainer) as UpdaterFieldClasses; +export const playSectionClasses = findClassModule((m) => m.PlayBarDetailLabel) as PlaySectionClasses; +export const gamepadSliderClasses = findClassModule((m) => m.SliderControlPanelGroup) as GamepadSliderClasses; +export const appDetailsHeaderClasses = findClassModule((m) => m.TopCapsule) as AppDetailsHeaderClasses; +export const appDetailsClasses = findClassModule((m) => m.HeaderLoaded) as AppDetailsClasses; +export const gamepadUIClasses = findClassModule((m) => m.BasicUiRoot) as GamepadUIClasses; +export const gamepadTabbedPageClasses = findClassModule((m) => m.GamepadTabbedPage) as GamepadTabbedPageClasses; +export const gamepadContextMenuClasses = findClassModule((m) => m.BasicContextMenuModal) as GamepadContextMenuClasses; +export const achievementListClasses = findClassModule((m) => m.AchievementListItemBase && !m.Page) as AchievementListClasses; +export const achievementPageClasses = findClassModule((m) => m.AchievementListItemBase && m.Page) as AchievementPageClasses; +export const mainMenuAppRunningClasses = findClassModule((m) => m.AppRunningControls && m.OverlayAchievements) as MainMenuAppRunningClasses; +export const basicAppDetailsSectionStylerClasses = findClassModule((m) => m.AppDetailsRoot) as BasicAppDetailsSectionStylerClasses; +export const steamSpinnerClasses = findClassModule(m => m.SpinnerLoaderContainer) as SteamSpinnerClasses; +export const footerClasses = findClassModule(m => m.QuickAccessFooter) as FooterClasses; +export const appActionButtonClasses = findClassModule(m => m.PlayButtonContainer) as AppActionButtonClasses; +export const libraryAssetImageClasses = findClassModule(m => m.LongTitles && m.GreyBackground) as LibraryAssetImageClasses; +export const gamepadLibraryClasses = findClassModule(m => m.GamepadLibrary) as GamepadLibraryClasses; +export const focusRingClasses = findClassModule(m => m.FocusRingRoot) as FocusRingClasses; +export const searchBarClasses = findClassModule(m => m.SearchAndTitleContainer) as SearchBarClasses; +export const mainBrowserClasses = findClassModule(m => m.MainBrowserContainer) as MainBrowserClasses; + /** - * @depreciated please use quickAccessMenuClasses instead + * @deprecated please use quickAccessMenuClasses instead */ export const staticClasses = quickAccessMenuClasses; -export const scrollPanelClasses: ScrollPanelClasses = findModule((mod) => typeof mod === 'object' && mod?.ScrollPanel); + /** - * @depreciated please use scrollPanelClasses instead + * @deprecated please use scrollPanelClasses instead */ export const scrollClasses = scrollPanelClasses; -// TODO refactor to use class mapper -export const gamepadDialogClasses: GamepadDialogClasses = findModule( - (mod) => typeof mod === 'object' && mod?.GamepadDialogContent, -); -export const quickAccessControlsClasses: QuickAccessControlsClasses = findModule( - (mod) => typeof mod === 'object' && typeof mod?.PanelSection === 'string' && mod?.PanelSection, -); -export const updaterFieldClasses: UpdaterFieldClasses = findModule( - (mod) => typeof mod === 'object' && mod?.OOBEUpdateStatusContainer, -); -export const playSectionClasses: PlaySectionClasses = findModule((mod) => typeof mod === 'object' && mod?.Container); -export const gamepadSliderClasses: GamepadSliderClasses = findModule( - (mod) => typeof mod === 'object' && mod?.SliderControlPanelGroup, -); -export const appDetailsHeaderClasses: AppDetailsHeaderClasses = findModule( - (mod) => typeof mod === 'object' && mod?.TopCapsule, -); -export const appDetailsClasses: AppDetailsClasses = findModule((mod) => typeof mod === 'object' && mod?.HeaderLoaded); -export const gamepadUIClasses: GamepadUIClasses = findModule((mod) => typeof mod === 'object' && mod?.BasicUiRoot); -export const gamepadTabbedPageClasses: GamepadTabbedPageClasses = findModule( - (mod) => typeof mod === 'object' && mod?.GamepadTabbedPage, -); -export const gamepadContextMenuClasses: GamepadContextMenuClasses = findModule( - (mod) => typeof mod === 'object' && mod?.BasicContextMenuModal, -); -export const achievementClasses: AchievementClasses = findModule( - (mod) => typeof mod === 'object' && mod?.AchievementListItemBase, -); -export const mainMenuAppRunningClasses: MainMenuAppRunningClasses = findModule( - (mod) => typeof mod === 'object' && mod?.MainMenuAppRunning, -); -export const basicAppDetailsSectionStylerClasses: BasicAppDetailsSectionStylerClasses = findModule( - (mod) => typeof mod === 'object' && mod?.AppDetailsRoot, -); + +/** + * @deprecated please use achievementListClasses instead + */ +export const achievementClasses = achievementListClasses; \ No newline at end of file