{"version":3,"file":"static/js/theme-definition7.7573962b.chunk.js","mappings":"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","sources":["app-react/themes/definitions/mrgreen/theme.definition.tsx"],"sourcesContent":["import {OrbitTheme} from '../../architecture/orbit-theme.interface';\r\nimport {makeTheme} from '../../make-theme';\r\nimport {ThemeName} from '../../architecture/theme-names';\r\nimport {MrGreenIcons} from './icons-registry';\r\nimport {createGlobalStyle, css} 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 {createMainContentBaseUIComponents} from \"./main-content-base-ui-components\";\r\nimport {ISdkTheme} from \"../../architecture/sections/sdk/sdk-theme.interface\";\r\nimport {createShellBaseUIComponents} from \"./shell-base-ui-components\";\r\nimport {shellGeneralColors} from \"./shell-general-colors\";\r\nimport {mainContentGeneralColors} from \"./main-content-general-colors\";\r\nimport {IFontPresets} from '../../architecture/sections/font-family.interface';\r\nimport {makeMrGreenFontsFamily} from \"./make-mrgreen-fonts-family\";\r\nimport {HeaderArenasStyle} from \"../../architecture/sections/theme-layout.interface\";\r\nimport {SDK_CSS_OVERRIDE} from \"../../css-global-classes\";\r\nimport {MrGreenThemeCustomizer} from \"./theme-customizer\";\r\n\r\nconst GlobalStyles = createGlobalStyle`\r\n  body {\r\n    font-family: \"Montserrat\", verdana, sans-serif;\r\n    font-weight: 600;\r\n  }\r\n  \r\n  .cgp-pc, .cgp-mobile {\r\n    .cgp-themes-main-cta {\r\n      &:hover {\r\n        &.cgp-modal-button{\r\n            text-transform: lowercase;\r\n            &::first-letter {\r\n                text-transform: uppercase;\r\n            }\r\n        }\r\n      }\r\n      &.cgp-modal-button{\r\n        text-transform: lowercase;\r\n        &::first-letter {\r\n            text-transform: uppercase;\r\n        }\r\n      }\r\n    }   \r\n    .${SDK_CSS_OVERRIDE} .cgp-overlay{\r\n        .cgp-modal-themes-main-title {\r\n            color: ${mainContentGeneralColors.textDark};\r\n            background-color: ${mainContentGeneralColors.brandPrimary};\r\n         }\r\n\r\n        .cgp-overlay-content.cgp-theme-property-background-color-base05 {\r\n            background-color: ${mainContentGeneralColors.background};\r\n        }\r\n\r\n        .cgp-msg-content .cgp-themes-main-text {\r\n            color:${mainContentGeneralColors.brandPrimaryDark};\r\n        }\r\n\r\n        .cgp-themes-main-cta, .cgp-themes-touch-id-auto-enabled-cta {\r\n            color: ${mainContentGeneralColors.textDark};\r\n            background-color: ${mainContentGeneralColors.brandPrimary};\r\n            border-color: ${mainContentGeneralColors.brandPrimary};\r\n            &:hover {\r\n              color: ${mainContentGeneralColors.textDark};\r\n              background-color: ${mainContentGeneralColors.brandPrimary};\r\n              border-color: ${mainContentGeneralColors.brandPrimary};\r\n            }\r\n            &:not(:checked) ~ label {\r\n            background-color: ${mainContentGeneralColors.buttonInfo};\r\n          }\r\n        }\r\n\r\n        .cgp-themes-secondary-cta {\r\n            color: ${mainContentGeneralColors.brandSecondaryDark};\r\n            background-color: ${mainContentGeneralColors.background};\r\n            border-color: ${mainContentGeneralColors.brandSecondaryDark};\r\n            &:hover {\r\n              color: ${mainContentGeneralColors.textDark};\r\n              background-color: ${mainContentGeneralColors.brandSecondaryDark};\r\n              border-color: ${mainContentGeneralColors.brandSecondaryDark};\r\n            }\r\n        }\r\n\r\n        .cgp-themes-large-text {\r\n            color: ${mainContentGeneralColors.brandPrimaryDark};\r\n        }\r\n      \r\n    }\r\n    \r\n    .session-timer-component-container {\r\n      .session-timer-field,\r\n      .session-timer-description {\r\n        color: ${mainContentGeneralColors.textDark};\r\n      }\r\n    }\r\n    \r\n  }\r\n\r\n`;\r\n\r\nconst fontPresets: IFontPresets = {\r\n  thin: css`\r\n      font-family: \"Montserrat\", verdana, sans-serif;\r\n      font-weight: 100;\r\n  `,\r\n  light: css`\r\n      font-family: \"Montserrat\", verdana, sans-serif;\r\n      font-weight: 400;\r\n  `,\r\n  regular: css`\r\n      font-family: \"Montserrat\", verdana, sans-serif;\r\n      font-weight: 500;\r\n  `,\r\n  medium: css`\r\n      font-family: \"Montserrat\", verdana, sans-serif;\r\n      font-weight: 500;\r\n  `,\r\n  body: css`\r\n      font-family: \"Montserrat\", verdana, sans-serif;\r\n      font-weight: 500;\r\n  `,\r\n  bold: css`\r\n      font-family: \"Montserrat\", verdana, sans-serif;\r\n      font-weight: 700;\r\n  `,\r\n  black: css`\r\n      font-family: \"Montserrat\", verdana, sans-serif;\r\n      font-weight: 800;\r\n  `,\r\n  ultra: css`\r\n      font-family: \"Montserrat\", verdana, sans-serif;\r\n      font-weight: 700;\r\n  `,\r\n  secondary: css`\r\n      font-family: \"Montserrat\", verdana, sans-serif;\r\n      font-weight: 700;\r\n  `\r\n};\r\n\r\nconst fonts = makeMrGreenFontsFamily();\r\n\r\n\r\nconst sdkTheme: Partial<ISdkTheme> = {\r\n\r\n  colors: {\r\n    main: baseColors.white,\r\n    darkmain: baseColors.black,\r\n    secondary: baseColors.white,\r\n    base01: baseColors.base01Dark,\r\n    base02: baseColors.gray113,\r\n    base03: baseColors.gray033,\r\n    base04: baseColors.base01,\r\n    base05: baseColors.base01Dark,\r\n  },\r\n  fontTypes: {\r\n    Main: fonts.regular,\r\n    Secondary: fonts.bold,\r\n    Type03: fonts.medium,\r\n    Type04: fonts.bold,\r\n    Type05: fonts.regular,\r\n    Type06: fonts.bold,\r\n  }\r\n\r\n};\r\n\r\nconst MrGreenShellTheme: OrbitTheme = makeTheme({\r\n  generalColors: shellGeneralColors,\r\n  fonts: fonts,\r\n  fontPresets,\r\n  baseUIComponents: createShellBaseUIComponents,\r\n  layout: {\r\n    headerArenasStyle: HeaderArenasStyle.Menu\r\n  },\r\n  themeSpecificIcons: MrGreenIcons\r\n});\r\n\r\nMrGreenShellTheme.sdk = sdkTheme;\r\nMrGreenShellTheme.globalStyles = (<GlobalStyles />);\r\n\r\nconst MrGreenContentTheme: OrbitTheme = makeTheme({\r\n  generalColors: mainContentGeneralColors,\r\n  fonts: fonts,\r\n  fontPresets,\r\n  themeSpecificIcons: MrGreenIcons,\r\n  layout: {\r\n    headerArenasStyle: HeaderArenasStyle.Menu\r\n  },\r\n  baseUIComponents: createMainContentBaseUIComponents\r\n})\r\n\r\nMrGreenContentTheme.sdk = sdkTheme;\r\nMrGreenShellTheme.components.header.colors.indicatorBadge.backgroundInGridLayout = baseColors.base05;\r\nMrGreenShellTheme.components.newLiveCasino.colors.filterButtonLabel = shellGeneralColors.textLight;\r\nMrGreenContentTheme.components.header.colors.indicatorBadge.backgroundInGridLayout = mainContentGeneralColors.brandSecondaryLight;\r\nMrGreenContentTheme.components.gamesListTitle.colors.text.regular = mainContentGeneralColors.brandSecondaryDark;\r\nMrGreenContentTheme.components.gamesListTitle.colors.text.dailyJackpot = mainContentGeneralColors.brandSecondaryDark;\r\nMrGreenContentTheme.components.gamesListTitle.colors.text.redTigerJackpot = mainContentGeneralColors.brandSecondaryDark;\r\nMrGreenContentTheme.components.generalTitle.colors.background = mainContentGeneralColors.background;\r\n\r\nMrGreenContentTheme.components.newLiveCasino.colors.gridItem.infobarBackground = mainContentGeneralColors.backgroundLight;\r\n\r\nMrGreenContentTheme.components.gamingHistory.colors.background = baseColors.gray243;\r\nMrGreenContentTheme.components.gamingHistory.colors.recordBackground = baseColors.white;\r\n\r\nconst themeDefinition: IThemeDefinition = {\r\n  themeName: ThemeName.MrGreen,\r\n  shellTheme: MrGreenShellTheme,\r\n  mainContentTheme: MrGreenContentTheme,\r\n  popupsTheme: MrGreenContentTheme,\r\n  useSquareIconsForGames: true,\r\n  createThemeCustomizer: (services) => new MrGreenThemeCustomizer(services)\r\n}\r\n\r\n\r\nexport default themeDefinition;"],"names":["GlobalStyles","createGlobalStyle","SDK_CSS_OVERRIDE","mainContentGeneralColors","fontPresets","thin","css","light","regular","medium","body","bold","black","ultra","secondary","fonts","makeMrGreenFontsFamily","sdkTheme","colors","main","baseColors","darkmain","base01","base02","base03","base04","base05","fontTypes","Main","Secondary","Type03","Type04","Type05","Type06","MrGreenShellTheme","makeTheme","generalColors","shellGeneralColors","baseUIComponents","createShellBaseUIComponents","layout","headerArenasStyle","HeaderArenasStyle","themeSpecificIcons","MrGreenIcons","sdk","globalStyles","MrGreenContentTheme","createMainContentBaseUIComponents","components","header","indicatorBadge","backgroundInGridLayout","newLiveCasino","filterButtonLabel","gamesListTitle","text","dailyJackpot","redTigerJackpot","generalTitle","background","gridItem","infobarBackground","gamingHistory","recordBackground","themeDefinition","themeName","ThemeName","shellTheme","mainContentTheme","popupsTheme","useSquareIconsForGames","createThemeCustomizer","services","MrGreenThemeCustomizer"],"sourceRoot":""}