{"version":3,"file":"static/js/theme-definition3.905dbca5.chunk.js","mappings":"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","sources":["app-react/basic-ui-components/button/base/boxes/label-padding-box/button-label-padding.default.box.ts","app-react/components/user-menu/user-menu/boxes/header/user-menu-header.default.box.ts","app-react/themes/definitions/casino888/icons/info.icon.tsx","app-react/themes/definitions/casino888/icons-registry.ts","app-react/basic-ui-components/button/base/boxes/label-padding-box/button-label-padding.casino888.box.ts","app-react/components/home-page-header-arenas/boxes/home-page-header-arenas-container.casino888.box.ts","app-react/components/lobby-header/boxes/line/lobby-header-line.casino888.box.ts","app-react/components/lobby-header/boxes/title/lobby-header-title.casino888.box.ts","app-react/components/user-menu/logo-box/boxes/logo-container/logo-container.casino888.box.ts","app-react/components/profile-box/boxes/profile-cashier-button/profile-cashier-button.casino888.box.ts","app-react/components/game-search/search-input/search-input-area/boxes/search-input-area-box/search-input-area.casino888.box.ts","app-react/themes/definitions/casino888/theme.boxes.ts","app-react/components/user-menu/user-menu/boxes/header/user-menu-header.casino888.box.ts","app-react/themes/definitions/casino888/theme.definition.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport {flexAdaptiveSizeItem} from \"../../../../../themes/architecture/css-helpers/flex\";\nimport {ButtonLabelOverflow, ButtonSizeVariant} from \"../../button-props.interface\";\n\ninterface IButtonLabelPaddingBoxProps {\n    lateralPadding: number;\n    sizeVariant: ButtonSizeVariant;\n    labelOverflow: ButtonLabelOverflow;\n}\n\nexport const ButtonLabelPaddingDefaultBox = styled.span<IButtonLabelPaddingBoxProps>`\n    ${flexAdaptiveSizeItem}\n    \n    padding: 0em ${({lateralPadding}) => lateralPadding}em 0em;\n\n    white-space: ${({labelOverflow}) => labelOverflow === \"wrap\" ? \"unset\" : \"nowrap\"}; // use \"unset\" if you want to allow label wrap, use \"nowrap\" for expanding the button or ellipsis\n    overflow: hidden;\n    text-overflow: ${({labelOverflow}) => labelOverflow === \"ellipsis\" ? \"ellipsis\" : \"clip\"};\n`;","import styled from \"styled-components\";\n\nexport const UserMenuHeaderDefaultBox = styled.div`\n  position: relative;\n  flex: unset;\n  padding: 1.4rem 0 1.4rem 0;\n  background-color: ${({theme}) => theme.colors.background};\n`\n","import * as React from \"react\";\nimport { SvgIcon, ISvgIconProps } from \"../../../../basic-ui-components/icon/svg-icon/svg.icon\";\n\nexport interface IInfoIconProps extends ISvgIconProps {\n}\n\nexport class InfoIcon extends React.PureComponent<IInfoIconProps> {\n    render() {\n        return (\n            <SvgIcon {...this.props}>\n                <g>\n                    <path\n                        fill=\"currentColor\"\n                        d=\"M14.42,10.69a19.18,19.18,0,0,1-.78,4.16,20.1,20.1,0,0,0-.78,3.86c0,.6.09.91.26.91a6.3,6.3,0,0,0,1.33-.55l.34-.17.49,1-.69.57a10.55,10.55,0,0,1-1.61.94,5,5,0,0,1-2.19.59,2.06,2.06,0,0,1-1.58-.62,2.33,2.33,0,0,1-.58-1.67A17.49,17.49,0,0,1,9.35,16a18,18,0,0,0,.72-3.5,3.88,3.88,0,0,0-.75-2.27l-.26-.35,0-.37A20,20,0,0,1,14,9.05,2.59,2.59,0,0,1,14.42,10.69Zm-3.28-4.8a2,2,0,0,1-.58-1.51,2.19,2.19,0,0,1,.79-1.67A2.65,2.65,0,0,1,13.18,2a2.15,2.15,0,0,1,1.61.58,2,2,0,0,1,.58,1.51,2.16,2.16,0,0,1-.82,1.66,2.72,2.72,0,0,1-1.83.72A2.14,2.14,0,0,1,11.14,5.89Z\"\n                    />\n                </g>\n            </SvgIcon>\n        );\n    }\n}","import {IThemeIcons} from '../../architecture/sections/theme-icons.interface';\nimport {InfoIcon} from './icons/info.icon';\n\n\nexport const Casino888Icons: Partial<IThemeIcons> = {\n    infoIcon: InfoIcon\n}\n\n","import styled from \"styled-components\";\nimport {ButtonLabelPaddingDefaultBox} from \"./button-label-padding.default.box\";\n\nexport const ButtonLabelPaddingCasino888Box = styled(ButtonLabelPaddingDefaultBox)`\n    padding-top: 0.2em;\n    padding-bottom: 0em;\n`;","import styled from \"styled-components\";\nimport {HomePageHeaderArenasContainerDefaultBox} from \"./home-page-header-arenas-container.default.box\";\n\nexport const HomePageHeaderArenasContainerCasino888Box = styled(HomePageHeaderArenasContainerDefaultBox)`\n  margin-bottom: 1.5rem;\n  @media ${({theme}) => theme.mediaQuery.lAndAbove} {\n    padding-top: 2.8rem;\n    margin-bottom: 2rem;\n  }\n`;\n","import {LobbyHeaderLineCasino888WsopBox} from \"./lobby-header-line.casino888Wsop.box\";\n\nexport const LobbyHeaderLineCasino888Box = LobbyHeaderLineCasino888WsopBox;\n","import {LobbyHeaderTitleCasino888WsopBox} from \"./lobby-header-title.casino888Wsop.box\";\n\nexport const LobbyHeaderTitleCasino888Box = LobbyHeaderTitleCasino888WsopBox;\n","import {LogoContainerCasino888WsopBox} from \"./logo-container.casino888Wsop.box\";\n\nexport const LogoContainerCasino888Box = LogoContainerCasino888WsopBox;","import styled from \"styled-components\";\nimport { ProfileCashierButtonDefaultBox } from \"./profile-cashier-button.default.box\";\n\nexport const ProfileCashierButtonCasino888Box = styled(ProfileCashierButtonDefaultBox)`\n    color: ${({theme}) => theme.colors.brandSecondary};\n    border-color: ${({theme}) => theme.colors.brandSecondary};\n\n    @media ${({theme}) => theme.mediaQuery.lowHeight}, ${({theme}) => theme.mediaQuery.xlAndBelow} {\n        line-height: 2.2;\n    }\n    ${({theme}) => theme.font.presets.ultra};\n`;\n","import {SearchInputAreaCasino888WsopBox} from \"./search-input-area.casino888Wsop.box\";\n\nexport const SearchInputAreaCasino888Box = SearchInputAreaCasino888WsopBox;\n","/**\n* This is an automatically generated file. Do not change it manually\n*/\nimport {IThemeBoxes} from \"../../../services/theme/theme-boxes.interface\";\nimport {ButtonLabelPaddingCasino888Box} from \"../../../basic-ui-components/button/base/boxes/label-padding-box/button-label-padding.casino888.box\";\nimport {HomePageHeaderArenasContainerCasino888Box} from \"../../../components/home-page-header-arenas/boxes/home-page-header-arenas-container.casino888.box\";\nimport {LobbyHeaderLineCasino888Box} from \"../../../components/lobby-header/boxes/line/lobby-header-line.casino888.box\";\nimport {LobbyHeaderTitleCasino888Box} from \"../../../components/lobby-header/boxes/title/lobby-header-title.casino888.box\";\nimport {LogoContainerCasino888Box} from \"../../../components/user-menu/logo-box/boxes/logo-container/logo-container.casino888.box\";\nimport {ProfileCashierButtonCasino888Box} from \"../../../components/profile-box/boxes/profile-cashier-button/profile-cashier-button.casino888.box\";\nimport {SearchInputAreaCasino888Box} from \"../../../components/game-search/search-input/search-input-area/boxes/search-input-area-box/search-input-area.casino888.box\";\nimport {UserMenuHeaderCasino888Box} from \"../../../components/user-menu/user-menu/boxes/header/user-menu-header.casino888.box\";\n\nexport const ThemeBoxes: Partial<IThemeBoxes> = {\n\tButtonLabelPaddingBox: ButtonLabelPaddingCasino888Box,\n\tHomePageHeaderArenasBox: HomePageHeaderArenasContainerCasino888Box,\n\tLobbyHeaderLineBox: LobbyHeaderLineCasino888Box,\n\tLobbyHeaderTitleBox: LobbyHeaderTitleCasino888Box,\n\tLogoContainerBox: LogoContainerCasino888Box,\n\tProfileCashierButtonBox: ProfileCashierButtonCasino888Box,\n\tSearchInputAreaBox: SearchInputAreaCasino888Box,\n\tUserMenuHeaderBox: UserMenuHeaderCasino888Box,\n}","import styled from \"styled-components\";\nimport {UserMenuHeaderDefaultBox} from \"./user-menu-header.default.box\";\n\nexport const UserMenuHeaderCasino888Box = styled(UserMenuHeaderDefaultBox)`\n  padding: 1.6rem 0 1.7rem 0;\n`","import './casino888-fonts';\nimport {OrbitTheme} from '../../architecture/orbit-theme.interface';\nimport {makeTheme} from '../../make-theme';\nimport {IGeneralColors} from '../../architecture/sections/general-colors.interface';\nimport {Casino888Icons} from './icons-registry';\nimport { ThemeName } from '../../architecture/theme-names';\nimport {createGlobalStyle} from \"styled-components\";\nimport React from \"react\";\nimport {baseColors} from \"./base-colors\";\nimport {IThemeDefinition} from \"../../../services/theme/theme-definition.interface\";\nimport {ThemeBoxes} from \"./theme.boxes\";\nimport {makeCommonGlobalStyles} from \"../../global-styles/common-global-styles\";\nimport {IThemeInitializationParams} from \"../../architecture/theme-initialization-params\";\n\nconst GlobalStyles = createGlobalStyle`\n    ${makeCommonGlobalStyles()}\n    body {\n        font-family: \"888-Orbit\", verdana, sans-serif;\n        font-weight: 600;\n    }\n`;\n\n\n\nconst generalColors: IGeneralColors  = {\n    brandPrimary: baseColors.base01,\n    brandPrimaryDark: baseColors.base01Dark,\n    brandPrimaryLight: baseColors.base01Light,\n    brandPrimaryContrast: baseColors.base01Contrast,\n\n    brandSecondary: baseColors.base02,\n    brandSecondaryDark: baseColors.base02Dark,\n    brandSecondaryLight: baseColors.base02Light,\n    brandSecondaryContrast: baseColors.base02Contrast,\n\n    backgroundDark: baseColors.black,\n    backgroundMiddleDark: baseColors.gray023,\n    background: baseColors.gray033, //bodyBackground\n    backgroundLight: baseColors.gray043, //bodyBackgroundLight\n    backgroundHover: baseColors.gray033,\n    backgroundActive: baseColors.gray033,\n    backgroundContrast: baseColors.white,\n    iconBackgroundActive: baseColors.base01,\n    logoBackground: baseColors.base01,\n\n    textDark: baseColors.black,\n    textMiddleDark: baseColors.gray113,\n    text: baseColors.gray183,\n    textLight: baseColors.white, //bodyText\n    textHover: baseColors.white,\n    textActive: baseColors.base01,\n    textContrast: baseColors.white,\n    moneyColor: baseColors.base02,\n\n    boxBorderDark: baseColors.black,\n    boxBorderMediumDark: baseColors.gray023,\n    boxBorder: baseColors.gray033,\n    boxBorderLight: baseColors.gray043,\n    boxBorderLighter: baseColors.gray053,\n    boxBorderContrast: baseColors.gray113, //bodyInfo\n    modalDialogBorder: baseColors.gray113,\n\n    danger: baseColors.base03,\n    dangerDark: baseColors.base03Dark,\n    dangerLight: baseColors.base03Light,\n\n    buttonDark: baseColors.black,\n    buttonLight: baseColors.white,\n    buttonInfo: baseColors.gray113,\n    buttonWarning: baseColors.base03,\n\n    horizontalLineBackgroundColor: baseColors.gray033,\n    horizontalLineBackgroundImage: \"\",\n\n    gameModeRealBackground: baseColors.gray023,\n    gameModeDemoBackground: baseColors.white,\n\n    sportBrandPrimary: \"#FC6200\",\n    pokerBrandPrimary: \"#0370DD\",\n    videoSlidesFilterButtonOutline: baseColors.gray193,\n\n    snackbarNotificationBg: baseColors.gray043,\n    exploreHighlight: baseColors.explorePurple,\n\n};\n\n\nexport default (params: IThemeInitializationParams): IThemeDefinition => {\n    const Casino888Theme: OrbitTheme = makeTheme({\n        assetsMap: params.assetsMap,\n        generalColors: generalColors,\n        themeSpecificIcons: Casino888Icons\n    });\n\n    Casino888Theme.globalStyles = (<GlobalStyles/>);\n\n    const themeDefinition: IThemeDefinition = {\n        themeName: ThemeName.Casino888,\n        shellTheme: Casino888Theme,\n        mainContentTheme: Casino888Theme,\n        popupsTheme: Casino888Theme,\n        toastersTheme: Casino888Theme,\n        themeBoxes: ThemeBoxes\n    }\n\n    return themeDefinition;\n}"],"names":["ButtonLabelPaddingDefaultBox","styled","flexAdaptiveSizeItem","lateralPadding","labelOverflow","UserMenuHeaderDefaultBox","theme","colors","background","InfoIcon","this","props","fill","d","React","Casino888Icons","infoIcon","ButtonLabelPaddingCasino888Box","HomePageHeaderArenasContainerCasino888Box","HomePageHeaderArenasContainerDefaultBox","mediaQuery","lAndAbove","LobbyHeaderLineCasino888Box","LobbyHeaderLineCasino888WsopBox","LobbyHeaderTitleCasino888Box","LobbyHeaderTitleCasino888WsopBox","LogoContainerCasino888Box","LogoContainerCasino888WsopBox","ProfileCashierButtonCasino888Box","ProfileCashierButtonDefaultBox","brandSecondary","lowHeight","xlAndBelow","font","presets","ultra","SearchInputAreaCasino888Box","SearchInputAreaCasino888WsopBox","ThemeBoxes","ButtonLabelPaddingBox","HomePageHeaderArenasBox","LobbyHeaderLineBox","LobbyHeaderTitleBox","LogoContainerBox","ProfileCashierButtonBox","SearchInputAreaBox","UserMenuHeaderBox","GlobalStyles","createGlobalStyle","makeCommonGlobalStyles","generalColors","brandPrimary","baseColors","brandPrimaryDark","brandPrimaryLight","brandPrimaryContrast","brandSecondaryDark","brandSecondaryLight","brandSecondaryContrast","backgroundDark","backgroundMiddleDark","backgroundLight","backgroundHover","backgroundActive","backgroundContrast","iconBackgroundActive","logoBackground","textDark","textMiddleDark","text","textLight","textHover","textActive","textContrast","moneyColor","boxBorderDark","boxBorderMediumDark","boxBorder","boxBorderLight","boxBorderLighter","boxBorderContrast","modalDialogBorder","danger","dangerDark","dangerLight","buttonDark","buttonLight","buttonInfo","buttonWarning","horizontalLineBackgroundColor","horizontalLineBackgroundImage","gameModeRealBackground","gameModeDemoBackground","sportBrandPrimary","pokerBrandPrimary","videoSlidesFilterButtonOutline","snackbarNotificationBg","exploreHighlight","params","Casino888Theme","makeTheme","assetsMap","themeSpecificIcons","globalStyles","themeName","ThemeName","shellTheme","mainContentTheme","popupsTheme","toastersTheme","themeBoxes"],"sourceRoot":""}