{"version":3,"file":"static/js/theme-definition3.e8c81a78.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/game-search/search-input/search-input-area/boxes/search-input-area-box/search-input-area.default.box.ts","app-react/components/profile-box/boxes/profile-cashier-button/profile-cashier-button.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/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\";\r\nimport {flexAdaptiveSizeItem} from \"../../../../../themes/architecture/css-helpers/flex\";\r\nimport {ButtonLabelOverflow, ButtonSizeVariant} from \"../../button-props.interface\";\r\n\r\ninterface IButtonLabelPaddingBoxProps {\r\n    lateralPadding: number;\r\n    sizeVariant: ButtonSizeVariant;\r\n    labelOverflow: ButtonLabelOverflow;\r\n}\r\n\r\nexport const ButtonLabelPaddingDefaultBox = styled.span<IButtonLabelPaddingBoxProps>`\r\n    ${flexAdaptiveSizeItem}\r\n    \r\n    padding: 0em ${({lateralPadding}) => lateralPadding}em 0em;\r\n\r\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\r\n    overflow: hidden;\r\n    text-overflow: ${({labelOverflow}) => labelOverflow === \"ellipsis\" ? \"ellipsis\" : \"clip\"};\r\n`;","import styled from \"styled-components\";\r\n\r\nexport const SearchInputAreaDefaultBox = styled.input`\r\n    background: transparent;\r\n    color: ${props => props.theme.colors.textLight};\r\n    font-size: 1.5rem;\r\n    cursor: pointer;\r\n    font-weight: 500;\r\n    outline: none;\r\n    border: 2px solid ${props => props.theme.colors.boxBorderLighter};\r\n    border-radius: 4rem;\r\n    transition: width 0.5s ease, padding 0.5s ease;\r\n    &:focus {\r\n        outline: none;\r\n    }\r\n    &::placeholder {\r\n        color: ${props => props.theme.colors.textMiddleDark};\r\n    }\r\n\r\n    @media ${({theme}) => theme.mediaQuery.xlAndAbove} {\r\n        width: 32rem;\r\n        &:focus {\r\n            width: 44rem;\r\n        }\r\n    }\r\n\r\n    @media ${({theme}) => theme.mediaQuery.lAndBelow} {\r\n        width: 100%;\r\n        font-weight: 300;\r\n        &::placeholder {\r\n            color: ${props => props.theme.colors.textLight};\r\n        }\r\n    }\r\n`;","import styled from \"styled-components\";\r\n\r\nexport const ProfileCashierButtonDefaultBox = styled.div`\r\n    display: block;\r\n    position: relative;\r\n    line-height: 2.7;\r\n    cursor: pointer;\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    text-decoration: none;\r\n\r\n    background-color: ${({theme}) => theme.colors.backgroundMiddleDark};\r\n    transition: all 0.2s ease-in-out;\r\n    border-style: solid;\r\n    border-width: 2px;\r\n    border-radius: 50px;\r\n    padding: 0 3rem 0 0;\r\n    text-transform: none;\r\n    opacity: 0.8;\r\n\r\n    min-width: 150px;\r\n    width: fit-content;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    &:hover {\r\n        opacity: 1;\r\n    }\r\n`;\r\n","import styled from \"styled-components\";\r\n\r\nexport const UserMenuHeaderDefaultBox = styled.div`\r\n  position: relative;\r\n  flex: unset;\r\n  padding: 1.4rem 0 1.4rem 0;\r\n  background-color: ${({theme}) => theme.colors.background};\r\n`\r\n","import * as React from \"react\";\r\nimport { SvgIcon, ISvgIconProps } from \"../../../../basic-ui-components/icon/svg-icon/svg.icon\";\r\n\r\nexport interface IInfoIconProps extends ISvgIconProps {\r\n}\r\n\r\nexport class InfoIcon extends React.PureComponent<IInfoIconProps> {\r\n    render() {\r\n        return (\r\n            <SvgIcon {...this.props}>\r\n                <g>\r\n                    <path\r\n                        fill=\"currentColor\"\r\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\"\r\n                    />\r\n                </g>\r\n            </SvgIcon>\r\n        );\r\n    }\r\n}","import {IThemeIcons} from '../../architecture/sections/theme-icons.interface';\r\nimport {InfoIcon} from './icons/info.icon';\r\n\r\n\r\nexport const Casino888Icons: Partial<IThemeIcons> = {\r\n    infoIcon: InfoIcon\r\n}\r\n\r\n","import styled from \"styled-components\";\r\nimport {ButtonLabelPaddingDefaultBox} from \"./button-label-padding.default.box\";\r\n\r\nexport const ButtonLabelPaddingCasino888Box = styled(ButtonLabelPaddingDefaultBox)`\r\n    padding-top: 0.2em;\r\n    padding-bottom: 0em;\r\n`;","import {LobbyHeaderLineCasino888WsopBox} from \"./lobby-header-line.casino888Wsop.box\";\r\n\r\nexport const LobbyHeaderLineCasino888Box = LobbyHeaderLineCasino888WsopBox;\r\n","import {LobbyHeaderTitleCasino888WsopBox} from \"./lobby-header-title.casino888Wsop.box\";\r\n\r\nexport const LobbyHeaderTitleCasino888Box = LobbyHeaderTitleCasino888WsopBox;\r\n","import {LogoContainerCasino888WsopBox} from \"./logo-container.casino888Wsop.box\";\r\n\r\nexport const LogoContainerCasino888Box = LogoContainerCasino888WsopBox;","import styled from \"styled-components\";\r\nimport { ProfileCashierButtonDefaultBox } from \"./profile-cashier-button.default.box\";\r\n\r\nexport const ProfileCashierButtonCasino888Box = styled(ProfileCashierButtonDefaultBox)`\r\n    color: ${({theme}) => theme.colors.brandSecondary};\r\n    border-color: ${({theme}) => theme.colors.brandSecondary};\r\n\r\n    @media ${({theme}) => theme.mediaQuery.lowHeight}, ${({theme}) => theme.mediaQuery.xlAndBelow} {\r\n        line-height: 2.2;\r\n    }\r\n    ${({theme}) => theme.font.presets.ultra};\r\n`;\r\n","import {SearchInputAreaCasino888WsopBox} from \"./search-input-area.casino888Wsop.box\";\r\n\r\nexport const SearchInputAreaCasino888Box = SearchInputAreaCasino888WsopBox;\r\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 {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\tLobbyHeaderLineBox: LobbyHeaderLineCasino888Box,\n\tLobbyHeaderTitleBox: LobbyHeaderTitleCasino888Box,\n\tLogoContainerBox: LogoContainerCasino888Box,\n\tProfileCashierButtonBox: ProfileCashierButtonCasino888Box,\n\tSearchInputAreaBox: SearchInputAreaCasino888Box,\n\tUserMenuHeaderBox: UserMenuHeaderCasino888Box,\n}","import styled from \"styled-components\";\r\nimport {UserMenuHeaderDefaultBox} from \"./user-menu-header.default.box\";\r\n\r\nexport const UserMenuHeaderCasino888Box = styled(UserMenuHeaderDefaultBox)`\r\n  padding: 1.6rem 0 1.7rem 0;\r\n`","import {OrbitTheme} from '../../architecture/orbit-theme.interface';\r\nimport {makeTheme} from '../../make-theme';\r\nimport {IGeneralColors} from '../../architecture/sections/general-colors.interface';\r\nimport {Casino888Icons} from './icons-registry';\r\nimport { ThemeName } from '../../architecture/theme-names';\r\nimport {createGlobalStyle} from \"styled-components\";\r\nimport React from \"react\";\r\nimport {baseColors} from \"./base-colors\";\r\nimport {IThemeDefinition} from \"../../../services/theme/theme-definition.interface\";\r\nimport {ThemeBoxes} from \"./theme.boxes\";\r\nimport {makeCommonGlobalStyles} from \"../common-global-styles\";\r\n\r\nconst GlobalStyles = createGlobalStyle`\r\n    ${makeCommonGlobalStyles()}\r\n    body {\r\n        font-family: \"888-Orbit\", verdana, sans-serif;\r\n        font-weight: 600;\r\n    }\r\n`;\r\n\r\n\r\n\r\nconst generalColors: IGeneralColors  = {\r\n    brandPrimary: baseColors.base01,\r\n    brandPrimaryDark: baseColors.base01Dark,\r\n    brandPrimaryLight: baseColors.base01Light,\r\n    brandPrimaryContrast: baseColors.base01Contrast,\r\n\r\n    brandSecondary: baseColors.base02,\r\n    brandSecondaryDark: baseColors.base02Dark,\r\n    brandSecondaryLight: baseColors.base02Light,\r\n    brandSecondaryContrast: baseColors.base02Contrast,\r\n\r\n    backgroundDark: baseColors.black,\r\n    backgroundMiddleDark: baseColors.gray023,\r\n    background: baseColors.gray033, //bodyBackground\r\n    backgroundLight: baseColors.gray043, //bodyBackgroundLight\r\n    backgroundHover: baseColors.gray033,\r\n    backgroundActive: baseColors.gray033,\r\n    backgroundContrast: baseColors.white,\r\n    iconBackgroundActive: baseColors.base01,\r\n    logoBackground: baseColors.base01,\r\n\r\n    textDark: baseColors.black,\r\n    textMiddleDark: baseColors.gray113,\r\n    text: baseColors.gray183,\r\n    textLight: baseColors.white, //bodyText\r\n    textHover: baseColors.white,\r\n    textActive: baseColors.base01,\r\n    textContrast: baseColors.white,\r\n    moneyColor: baseColors.base02,\r\n\r\n    boxBorderDark: baseColors.black,\r\n    boxBorderMediumDark: baseColors.gray023,\r\n    boxBorder: baseColors.gray033,\r\n    boxBorderLight: baseColors.gray043,\r\n    boxBorderLighter: baseColors.gray053,\r\n    boxBorderContrast: baseColors.gray113, //bodyInfo\r\n    modalDialogBorder: baseColors.gray113,\r\n\r\n    danger: baseColors.base03,\r\n    dangerDark: baseColors.base03Dark,\r\n    dangerLight: baseColors.base03Light,\r\n\r\n    buttonDark: baseColors.black,\r\n    buttonLight: baseColors.white,\r\n    buttonInfo: baseColors.gray113,\r\n    buttonWarning: baseColors.base03,\r\n\r\n    horizontalLineBackgroundColor: baseColors.gray033,\r\n    horizontalLineBackgroundImage: \"\",\r\n\r\n    gameModeRealBackground: baseColors.gray023,\r\n    gameModeDemoBackground: baseColors.white,\r\n\r\n    sportBrandPrimary: \"#FC6200\",\r\n    pokerBrandPrimary: \"#0370DD\",\r\n    videoSlidesFilterButtonOutline: baseColors.gray193,\r\n\r\n    snackbarNotificationBg: baseColors.gray043,\r\n\r\n};\r\n\r\n\r\n\r\nconst Casino888Theme: OrbitTheme = makeTheme({\r\n    generalColors: generalColors,\r\n    themeSpecificIcons: Casino888Icons\r\n});\r\n\r\nCasino888Theme.globalStyles = (<GlobalStyles/>);\r\n\r\nconst themeDefinition: IThemeDefinition = {\r\n    themeName: ThemeName.Casino888,\r\n    shellTheme: Casino888Theme,\r\n    mainContentTheme: Casino888Theme,\r\n    popupsTheme: Casino888Theme,\r\n    toastersTheme: Casino888Theme,\r\n    themeBoxes: ThemeBoxes\r\n}\r\n\r\nexport default themeDefinition;"],"names":["ButtonLabelPaddingDefaultBox","styled","flexAdaptiveSizeItem","lateralPadding","labelOverflow","SearchInputAreaDefaultBox","props","theme","colors","textLight","boxBorderLighter","textMiddleDark","mediaQuery","xlAndAbove","lAndBelow","ProfileCashierButtonDefaultBox","backgroundMiddleDark","UserMenuHeaderDefaultBox","background","InfoIcon","this","fill","d","React","Casino888Icons","infoIcon","ButtonLabelPaddingCasino888Box","LobbyHeaderLineCasino888Box","LobbyHeaderLineCasino888WsopBox","LobbyHeaderTitleCasino888Box","LobbyHeaderTitleCasino888WsopBox","LogoContainerCasino888Box","LogoContainerCasino888WsopBox","ProfileCashierButtonCasino888Box","brandSecondary","lowHeight","xlAndBelow","font","presets","ultra","SearchInputAreaCasino888Box","SearchInputAreaCasino888WsopBox","ThemeBoxes","ButtonLabelPaddingBox","LobbyHeaderLineBox","LobbyHeaderTitleBox","LogoContainerBox","ProfileCashierButtonBox","SearchInputAreaBox","UserMenuHeaderBox","GlobalStyles","createGlobalStyle","makeCommonGlobalStyles","generalColors","brandPrimary","baseColors","brandPrimaryDark","brandPrimaryLight","brandPrimaryContrast","brandSecondaryDark","brandSecondaryLight","brandSecondaryContrast","backgroundDark","backgroundLight","backgroundHover","backgroundActive","backgroundContrast","iconBackgroundActive","logoBackground","textDark","text","textHover","textActive","textContrast","moneyColor","boxBorderDark","boxBorderMediumDark","boxBorder","boxBorderLight","boxBorderContrast","modalDialogBorder","danger","dangerDark","dangerLight","buttonDark","buttonLight","buttonInfo","buttonWarning","horizontalLineBackgroundColor","horizontalLineBackgroundImage","gameModeRealBackground","gameModeDemoBackground","sportBrandPrimary","pokerBrandPrimary","videoSlidesFilterButtonOutline","snackbarNotificationBg","Casino888Theme","makeTheme","themeSpecificIcons","globalStyles","themeName","ThemeName","shellTheme","mainContentTheme","popupsTheme","toastersTheme","themeBoxes"],"sourceRoot":""}