{"version":3,"sources":["app-react/themes/definitions/casino888/make-casino888-fonts-family.ts","app-react/themes/definitions/casino888/icons-registry.ts","app-react/themes/definitions/casino888/icons/info.icon.tsx","app-react/themes/definitions/casino888/base-colors.ts","app-react/themes/definitions/casino888/theme.definition.tsx"],"names":["makeCasino888FontsFamily","body","thin","light","regular","bold","medium","black","ultra","secondary","Casino888Icons","infoIcon","this","props","fill","d","React","baseColors","base01","base01Contrast","base01Dark","base01Light","base02","base02Contrast","base02Dark","base02Light","base03","base03Contrast","base03Dark","base03Light","grayColors","GlobalStyles","createGlobalStyle","theme","images","texture","toString","generalColors","brandPrimary","brandPrimaryDark","brandPrimaryLight","brandPrimaryContrast","brandSecondary","brandSecondaryDark","brandSecondaryLight","brandSecondaryContrast","backgroundDark","backgroundMiddleDark","gray023","background","gray033","backgroundLight","gray043","backgroundHover","backgroundActive","backgroundContrast","white","iconBackgroundActive","logoBackground","textDark","textMiddleDark","gray113","text","gray183","textLight","textHover","textActive","textContrast","moneyColor","boxBorderDark","boxBorderMediumDark","boxBorder","boxBorderLight","boxBorderLighter","gray053","boxBorderContrast","modalDialogBorder","danger","dangerDark","dangerLight","buttonDark","buttonLight","buttonInfo","buttonWarning","horizontalLineBackgroundColor","horizontalLineBackgroundImage","gameModeRealBackground","gameModeDemoBackground","FontFamily","sdkTheme","fontTypes","Main","Secondary","Type03","Type04","Type05","Type06","Type07","Casino888Theme","makeTheme","fonts","themeSpecificIcons","globalStyles","sdk","themeDefinition","themeName","ThemeName","Casino888","shellTheme","mainContentTheme","popupsTheme"],"mappings":"iGAEO,SAASA,IACZ,MAAO,CACHC,KAAM,sCACNC,KAAM,kCACNC,MAAO,mCACPC,QAAS,6BACTC,KAAM,kCACNC,OAAQ,oCACRC,MAAO,mCACPC,MAAO,mCACPC,UAAW,8CAVnB,mC,wICEaC,EAAuC,CAChDC,SCCJ,4JACI,WACI,OACI,cAAC,IAAD,2BAAaC,KAAKC,OAAlB,aACI,4BACI,sBACIC,KAAK,eACLC,EAAE,qjBAP1B,GAA8BC,kB,yBCJjBC,EAAU,aACnBC,OAAQ,UACRC,eAAgB,UAChBC,WAAY,UACZC,YAAa,UAEbC,OAAQ,UACRC,eAAgB,UAChBC,WAAY,UACZC,YAAa,UAEbC,OAAQ,UACRC,eAAgB,UAChBC,WAAY,UACZC,YAAa,WAEVC,KCNDC,EAAeC,YAAH,yKAEe,SAAAnB,GAAK,OAAIA,EAAMoB,MAAMC,OAAOC,QAAQC,cAQ/DC,EAAiC,CACnCC,aAAcrB,EAAWC,OACzBqB,iBAAkBtB,EAAWG,WAC7BoB,kBAAmBvB,EAAWI,YAC9BoB,qBAAsBxB,EAAWE,eAEjCuB,eAAgBzB,EAAWK,OAC3BqB,mBAAoB1B,EAAWO,WAC/BoB,oBAAqB3B,EAAWQ,YAChCoB,uBAAwB5B,EAAWM,eAEnCuB,eAAgB7B,EAAWV,MAC3BwC,qBAAsB9B,EAAW+B,QACjCC,WAAYhC,EAAWiC,QACvBC,gBAAiBlC,EAAWmC,QAC5BC,gBAAiBpC,EAAWiC,QAC5BI,iBAAkBrC,EAAWiC,QAC7BK,mBAAoBtC,EAAWuC,MAC/BC,qBAAsBxC,EAAWC,OACjCwC,eAAgBzC,EAAWC,OAE3ByC,SAAU1C,EAAWV,MACrBqD,eAAgB3C,EAAW4C,QAC3BC,KAAM7C,EAAW8C,QACjBC,UAAW/C,EAAWuC,MACtBS,UAAWhD,EAAWuC,MACtBU,WAAYjD,EAAWC,OACvBiD,aAAclD,EAAWuC,MACzBY,WAAYnD,EAAWK,OAEvB+C,cAAepD,EAAWV,MAC1B+D,oBAAqBrD,EAAW+B,QAChCuB,UAAWtD,EAAWiC,QACtBsB,eAAgBvD,EAAWmC,QAC3BqB,iBAAkBxD,EAAWyD,QAC7BC,kBAAmB1D,EAAW4C,QAC9Be,kBAAmB3D,EAAW4C,QAE9BgB,OAAQ5D,EAAWS,OACnBoD,WAAY7D,EAAWW,WACvBmD,YAAa9D,EAAWY,YAExBmD,WAAY/D,EAAWV,MACvB0E,YAAahE,EAAWuC,MACxB0B,WAAYjE,EAAW4C,QACvBsB,cAAelE,EAAWS,OAE1B0D,8BAA+BnE,EAAWiC,QAC1CmC,8BAA+B,GAE/BC,uBAAwBrE,EAAW+B,QACnCuC,uBAAwBtE,EAAWuC,OAwEjCgC,EAAaxF,cAEbyF,EAA+B,CACjCC,UAAW,CACPC,KAAMH,EAAWpF,QACjBwF,UAAWJ,EAAWnF,KACtBwF,OAAQL,EAAWvF,KACnB6F,OAAQN,EAAWhF,MACnBuF,OAAQP,EAAWrF,MACnB6F,OAAQR,EAAW/E,UACnBwF,OAAQ,aAIVC,EAA6BC,YAAU,CACzC9D,cAAeA,EACf+D,MAAOZ,EACPa,mBAAoB3F,IAGxBwF,EAAeI,aAAgB,cAACvE,EAAD,IAC/BmE,EAAeK,IAAMd,EAGrB,IAAMe,EAAoC,CACtCC,UAAWC,IAAUC,UACrBC,WAAYV,EACZW,iBAAkBX,EAClBY,YAAaZ,GAGFM","file":"static/js/theme-definition4.357b7ff6.chunk.js","sourcesContent":["import {IFontFamily} from '../../architecture/sections/font-family.interface';\r\n\r\nexport function makeCasino888FontsFamily(): IFontFamily {\r\n    return {\r\n        body: '\"888-DemiBold\", verdana, sans-serif',\r\n        thin: '\"888-Thin\", verdana, sans-serif',\r\n        light: '\"888-Light\", verdana, sans-serif',\r\n        regular: '\"888\", verdana, sans-serif',\r\n        bold: '\"888-Bold\", verdana, sans-serif',\r\n        medium: '\"888-Medium\", verdana, sans-serif',\r\n        black: '\"888-Black\", verdana, sans-serif',\r\n        ultra: '\"888-Ultra\", verdana, sans-serif',\r\n        secondary: '\"Oleo-Script-Regular\", verdana, sans-serif',\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 * 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 {grayColors} from \"../../architecture/gray-colors\";\r\n\r\nexport const baseColors = {\r\n    base01: \"#7ff800\", //brandGreen\r\n    base01Contrast: \"#000000\",\r\n    base01Dark: \"#7aec37\", //inchWorm\r\n    base01Light: \"#d2f800\", //limeGreen\r\n\r\n    base02: \"#fce403\", //turbo\r\n    base02Contrast: \"#000000\",\r\n    base02Dark: \"#ffff00\", //yellow\r\n    base02Light: \"#d5ec37\", //pear\r\n\r\n    base03: \"#ff014f\", //red\r\n    base03Contrast: \"#ffffff\",\r\n    base03Dark: \"#e00146\",\r\n    base03Light: \"#ff1a61\",\r\n\r\n    ...grayColors\r\n}\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 {makeCasino888FontsFamily} from './make-casino888-fonts-family';\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 {ISdkTheme} from \"../../architecture/sections/sdk/sdk-theme.interface\";\r\n\r\nconst GlobalStyles = createGlobalStyle`\r\n    body {\r\n        background-image: url(\"${props => props.theme.images.texture.toString()}\");\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\r\n\r\n    //bodyText: baseColors.white,\r\n    //bodyInfo: baseColors.gray110,\r\n    //bodyBackground: baseColors.gray020,\r\n    //bodyBackgroundLight: baseColors.gray030,\r\n    //bodyHover: baseColors.gray020,\r\n    //buttonDark: baseColors.black,\r\n    //buttonLight: baseColors.white,\r\n    //buttonInfo: baseColors.gray110,\r\n    //buttonWarning: baseColors.base03,\r\n\r\n    //componentBackground: baseColors.gray040,\r\n    //componentTextInfo: baseColors.gray110,\r\n    //componentTextLight: baseColors.white,\r\n    //headerBackground: baseColors.black,\r\n    //headerText: baseColors.base01,\r\n    //modalDialogBorder: baseColors.gray110,\r\n    //gameDescriptionText: baseColors.gray200,\r\n    //intermediatePageGradientBackground: `linear-gradient(to bottom,  ${baseColors.transparent} 46%, ${baseColors.gray020} 100%)`,\r\n    //dividerBottomBorder: baseColors.gray030,\r\n    //dividerTopBorder: baseColors.gray050,\r\n    //navBackground: baseColors.black,\r\n    //navBoxBackground: baseColors.gray040,\r\n    //navItemTextNormal: baseColors.gray110,\r\n    //navItemTextHover: baseColors.white,\r\n    //navItemTextActive: baseColors.base01,\r\n    //filterItemTextActive: baseColors.base02,\r\n    //gameNumberBadgeColor: baseColors.black,\r\n    //profileBoxMessagesBackground: baseColors.gray050,\r\n\r\n    //usefulLinkBackground: baseColors.gray040,\r\n    //usefulLinkTextNormal: baseColors.gray110,\r\n    //usefulLinkTextHover: baseColors.white,\r\n\r\n    //arenaTitle: baseColors.white,\r\n    //filterSelected: baseColors.base01,\r\n    //filterTop: baseColors.base02Dark,\r\n    //filterMiddle: baseColors.base02Light,\r\n    //filterBottom: baseColors.base01Dark,\r\n\r\n    //spinnerBackground: baseColors.black,\r\n\r\n    //arenaTitleTopDevider: baseColors.black,\r\n    //arenaTitleBottomDevider: baseColors.gray070,\r\n\r\n    //searchLinksBorder: baseColors.gray040,\r\n    //searchResultsBorder: baseColors.gray050,\r\n\r\n    //userMenuSectionText: baseColors.gray110,\r\n    //userMenuSectionBg: baseColors.gray040,\r\n    //userMenuTitleText: baseColors.gray110, //!!!\r\n    //userMenuBalanceTitle: baseColors.white,\r\n    //userMenuBalanceColor: baseColors.base02,\r\n    //userMenuBalanceBorder: baseColors.gray020,\r\n    //sideMenuLogoBackground: baseColors.base01,\r\n    //verticalListBackground: baseColors.gray020,\r\n    //jackpotValueColor: baseColors.base02,\r\n\r\n    //imageLoadBackgroundColor: baseColors.black,\r\n    //popupHeaderTextColor: baseColors.white,\r\n    //popupHeaderBackgroundColor: baseColors.gray040,\r\n    //popupIconColor: baseColors.base02,\r\n    //popupContentBackgroundColor: baseColors.gray020,\r\n    //filtersTitleColor: baseColors.gray200,\r\n    //filterCheckboxBorder: baseColors.gray070\r\n\r\n    // popupIconColor: Color.brandGreen,\r\n};\r\n\r\nconst FontFamily = makeCasino888FontsFamily();\r\n\r\nconst sdkTheme: Partial<ISdkTheme> = {\r\n    fontTypes: {\r\n        Main: FontFamily.regular,\r\n        Secondary: FontFamily.bold,\r\n        Type03: FontFamily.body,\r\n        Type04: FontFamily.ultra,\r\n        Type05: FontFamily.light,\r\n        Type06: FontFamily.secondary,\r\n        Type07: \"Digital7\"\r\n    }\r\n};\r\n\r\nconst Casino888Theme: OrbitTheme = makeTheme({\r\n    generalColors: generalColors,\r\n    fonts: FontFamily,\r\n    themeSpecificIcons: Casino888Icons\r\n});\r\n\r\nCasino888Theme.globalStyles = (<GlobalStyles/>);\r\nCasino888Theme.sdk = sdkTheme;\r\n\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}\r\n\r\nexport default themeDefinition;"],"sourceRoot":""}