description v26.39.0 palette 5.0.8-alpha.8 palette 2.43.7

Visual testing

Visual testing is disabled for the moment
Manifest files

Github
Confluence
Jira
Jenkins
Firebase
Browserstack

light_mode

dark_mode

description v26.39.0 palette 5.0.8-alpha.8 palette 2.43.7

Getting started
- visibility Templates overview
- Guidelines
  - insert_photo Iconography
  - font_download Typography
- Components

Guidelines
- Iconography
  - flag Flags
  - sports_soccer Sports
- Typography
  - text_rotation_none Betclic variable
  - text_fields Roboto
Components
- Shared
  - policy DGS
    - Fullscreen Modal
      - Desktop
      - Mobile
    - Banner
      - Desktop
      - Mobile
- Universes
  - person Account
    - Guidelines
    - Modals
  - casino Casino
    - Banners
      - Gamification
        
        Desktop
        
        Mobile
    - Button
      - Play
    - Bottom Sheet
    - Game cards
      - Desktop
      - Mobile
    - Modal
    - Navigation
      - Header
        
        Mobile
    - ProgressBar
    - Prize drop
      - Game card
        
        Mobile
        
        Desktop
      - Overlay
  - content_paste Content
    - Promotion
      - Alert
      - Block
      - Button
      - Card
      - Chip
      - Hero
      - Layout
      - Link
      - List
      - Media
      - Modal
      - Spacing
      - Tab
      - Table
      - Text
      - Title
  - euro_symbol Payment
    - Deposit
      - Buttons
    - Payment cards
    - Text Input
    - Withdraw
      - Payment card
  - group Social
    - Sport
      - My bets card
      - Profile
        
        Avatar
        
        Favorites
        
        Performances
        
        Relations
        
        Statistics
        
        User informations
        
        Visibility
  - sports_soccer Sport
    - Alert
    - Badge
      - Inline
    - Banner
    - Bottom sheet
    - Cards
      - Player card
      - Top multiple
    - Events
      - Cards
        
        Live
        
        Prelive
      - Headers
        
        Live
        
        Prelive
      - Statistics
        
        Bracket
        
        Lineup
        
        Match center
        
        Live
        
        Performances
        
        Players
        
        Ranking
        
        Rounds
        
        Momentum
        
        Momentum v1
        
        Momentum v2
    - Modal
    - Freequest
    - Goalbooster
      - Cards
      - Pickers
      - Timers
    - Hack friday
      - Chat
        
        Conversation
        
        Window
      - Progressbar
      - Program card
    - Pinata
      - Lucky draw
        
        Challenge card
    - Markets
      - Live
      - Prelive
    - Missions
      - Jackpot
        
        Challenge card
    - Modal
    - My bets
      - Cards
        
        Prelive
        
        Canceled
        
        Cashout
        
        Lost
        
        Ongoing
        
        Won
        
        Live
        
        Cashout
        
        Lost
        
        Ongoing
        
        Won
        
        Safebet
        
        Token boost
    - Onboarding
    - Picker
    - Progressive betting slip
      - Common
        
        Footers
      - Desktop
        
        Cards
        
        Headers
      - Mobile
        
        Cards
        
        Fastbet
        
        Headers
        
        Strips
    - Tag
  - bedroom_baby Turf
    - Badge
    - Boosted cards
    - Button
      - Checkout
    - Freequest
    - Meeting cards
    - Jockey cards
    - Market types
    - My bets
      - Cards
        
        Canceled
        
        Lost
        
        Ongoing
        
        Won
    - Meeting cards
    - Onboarding
    - Performance tag
    - Pinata
      - Lucky draw
        
        Challenge card
    - Progressive betting slip
      - Common
        
        Footers
        
        Cards
      - Mobile
        
        Strips
        
        Headers
        
        Content
        
        Fastbet
      - Desktop
        
        Headers
    - Race cards
    - Race event
    - Ranking
    - Sections
    - Tag
    - Timer
  - widgets Widget
    - Composition football
    - Virtual sport
- Tactics
  - call_to_action Actions
    - Button
      - Betting
      - Cashout
      - Circle
      - Ghost
        
        Ghost
        
        Ghost Interactive
        
        Ghost Primary
        
        Ghost Secondary
        
        Ghost Tertiary
      - Primary
      - Secondary
      - Structure
      - Tertiary
    - Custom keyboard
    - Dropdown
    - Filter (Chip)
    - Link
    - List
    - Segmented control
    - Slider
    - Switch
    - Tab
  - hub Communication
    - Alert
    - Badge
      - Corner
      - Inline
    - Banner
      - Offer
      - Referral
      - Reminder
      - Welcome
    - Bottom sheet
    - Modal
    - Notification
    - Progress bar
    - Snackbar
    - Tag
    - Timer
    - Tooltip
    - Overlay
  - looks Decorative
    - Animations
    - Loader
    - Rive
    - Separator
    - Skeleton
  - mode Forms
  - menu Navigation
    - Bottom navigation
    - Context menu
    - Footer
      - Desktop
      - Mobile
    - Header
      - Desktop
      - Mobile
    - Tab bar

Alert

The alerts are extended from the Tactics components.

Tactics Documentation Content

TWIG component : Universes/_common/_twig/_components/_alert.twig
CSS components : DesignSystem/_tactics/_components/_css/_common/_alert/_alert.scss
DesignSystem/_tactics/_components/_css/_common/_alert/_floating.scss
DesignSystem/_tactics/_components/_css/_common/_alert/_informative.scss

Informative

Fugiat :

- do fugiat duis aute in laborum aute duis dolor ex occaecat laboris quis dolor.
Labore velit enim dolor ex ea. Pariatur ex nisi ut sit eu dolor dolor duis. Deserunt nostrud ea enim laboris aliqua velit enim eu veniam aliquip pariatur.

- Sint labore excepteur velit Lorem. Nulla eiusmod commodo ipsum aliquip tempor. Amet ex culpa esse amet ullamco tempor Lorem sunt excepteur et veniam incididunt qui aliqua. Labore exercitation minim adipisicing labore nostrud magna proident et commodo ad. Irure nostrud eu nostrud et magna aliquip nulla est sint ut. Elit minim cillum ullamco amet labore deserunt nulla est anim aliquip.