@mjsz-vbr-elements/shared 2.11.2 → 2.12.0

package/dist/css/game-center.css

@@ -1,373 +0,0 @@
-/* --vbr-widget-typography-font-size-50
---vbr-widget-typography-font-lineheight-50 */
-
-.mjsz-vbr-gamecenter-game-data {
-    margin-bottom: 30px;
-    text-align: center;
-  }
-
-.mjsz-vbr-gamecenter-game-data .is-teams-and-results {
-      display: grid;
-      grid-template-columns: 1fr;
-      justify-items: center;
-      align-items: flex-end;
-    }
-
-@media all and (min-width: 576px) {
-
-.mjsz-vbr-gamecenter-game-data .is-teams-and-results {
-        grid-template-columns: repeat(3, 1fr)
-    }
-  }
-
-.mjsz-vbr-gamecenter-game-data .is-title-container {
-      margin-bottom: 30px;
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-title {
-      color: var(--vbr-widget-gamecenter-title-color);
-      font-size: var(--vbr-widget-gamecenter-title-size);
-      font-weight: var(--vbr-widget-gamecenter-title-weight);
-      text-transform: uppercase;
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-gamedate {
-      color: var(--vbr-widget-gamecenter-gamedate-color);
-      font-size: var(--vbr-widget-gamecenter-gamedate-size);
-      text-transform: uppercase;
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-local-gamedate {
-      color: var(--vbr-widget-gamecenter-local-gamedate-color);
-      font-size: var(--vbr-widget-gamecenter-local-gamedate-size);
-      text-transform: uppercase;
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-game-result {
-      color: var(--vbr-widget-gamecenter-result-color);
-      font-weight: var(--vbr-widget-gamecenter-result-weight);
-      font-size: var(--vbr-widget-gamecenter-result-size);
-      line-height: var(--vbr-widget-gamecenter-result-size);
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-team-name {
-      display: block;
-      padding: 8px 0;
-      color: var(--vbr-widget-gamecenter-teamname-color);
-      font-weight: var(--vbr-widget-gamecenter-teamname-weight);
-      font-size: var(--vbr-widget-gamecenter-teamname-size);
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-game-status {
-      color: var(--vbr-widget-gamecenter-gamestatus-color);
-      font-size: var(--vbr-widget-gamecenter-gamestatus-size);
-      text-transform: uppercase;
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-period-results {
-      color: var(--vbr-widget-gamecenter-periodresults-color);
-      font-size: var(--vbr-widget-gamecenter-periodresults-size);
-      font-weight: 500;
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-team-logo {
-      margin: auto;
-      display: block;
-      width: 128px;
-      height: 128px;
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-game-status-live {
-      color: var(--vbr-widget-live-game-color);
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-external-contents {
-      padding: 5px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-.mjsz-vbr-gamecenter-game-data .is-external-contents a {
-        display: flex;
-        align-items: center;
-        font-size: var(--vbr-widget-gamecenter-local-gamedate-size);
-      }
-
-.mjsz-vbr-gamecenter-game-data .is-external-contents a:after {
-          content: '/';
-          margin: 0 5px;
-        }
-
-.mjsz-vbr-gamecenter-game-data .is-external-contents a:last-of-type:after {
-          content: '';
-        }
-
-.mjsz-vbr-gamecenter-game-data .is-external-contents .is-icon {
-        margin-right: 5px;
-        display: inline-block;
-        width: 15px;
-        height: 15px;
-      }
-
-.mjsz-vbr-gamecenter-game-stats {
-    margin-bottom: 20px;
-  }
-
-.mjsz-vbr-gamecenter-game-stats [data-placement] {
-      z-index: 1000;
-    }
-
-.mjsz-vbr-gamecenter-game-stats .is-popover-content {
-      display: flex;
-      flex-direction: column;
-      gap: 20px;
-      padding: 16px;
-      background-color: var(--vbr-widget-primary-color-50);
-    }
-
-.mjsz-vbr-gamecenter-game-stats-container-wrapper {
-    --columns: 1fr;
-
-    display: grid;
-    grid-template-columns: var(--columns);
-    gap: 20px;
-    justify-items: center;
-    padding: 20px;
-    background-color: var(--vbr-widget-gamecenter-stats-bg-color);
-    border: 1px solid var(--vbr-widget-gamecenter-stats-border-color);
-  }
-
-@media all and (min-width: 768px) {
-
-.mjsz-vbr-gamecenter-game-stats-container-wrapper {
-      --columns: repeat(2, 1fr)
-  }
-  }
-
-@media all and (min-width: 992px) {
-
-.mjsz-vbr-gamecenter-game-stats-container-wrapper {
-      --columns: repeat(3, 1fr)
-  }
-  }
-
-.mjsz-vbr-gamecenter-game-stats-container {
-    text-align: center;
-  }
-
-.mjsz-vbr-gamecenter-game-stats-container dt {
-      font-size: var(--vbr-widget-gamecenter-stats-title-size);
-      color: var(--vbr-widget-gamecenter-stats-title-color);
-      text-transform: uppercase;
-    }
-
-.mjsz-vbr-gamecenter-game-stats-container dt button {
-        width: var(--vbr-widget-gamecenter-stats-title-size);
-      }
-
-.mjsz-vbr-gamecenter-game-stats-container dd {
-      font-size: var(--vbr-widget-gamecenter-stats-size);
-      color: var(--vbr-widget-gamecenter-stats-color);
-    }
-
-.mjsz-vbr-gamecenter-game-events {
-    container-name: rows;
-    container-type: inline-size;
-    margin-bottom: 20px;
-    border: 1px solid var(--vbr-widget-gamecenter-stats-border-color);
-  }
-
-.mjsz-vbr-gamecenter-game-events .is-period-header {
-      padding: 10px 20px;
-      font-size: var(--vbr-widget-gamecenter-period-header-size);
-      font-weight: var(--vbr-widget-gamecenter-period-header-weight);
-      text-align: center;
-      text-transform: uppercase;
-      color: var(--vbr-widget-gamecenter-period-header-color);
-      background-color: var(--vbr-widget-gamecenter-period-header-bg-color);
-    }
-
-.mjsz-vbr-gamecenter-game-events .is-no-action {
-      padding: 10px;
-      text-align: center;
-    }
-
-.mjsz-vbr-gamecenter-game-event {
-    --cols: 1fr 1fr 1fr 1fr 1fr 1fr 6fr;
-    display: grid;
-    grid-template-columns: var(--cols);
-    align-items: center;
-  }
-
-@container rows (max-width: 500px) {
-
-.mjsz-vbr-gamecenter-game-event {
-      --cols: 1fr 1fr 1fr 1fr 1fr 1fr
-  }
-
-      .mjsz-vbr-gamecenter-game-event > *:last-of-type {
-        grid-column: 2/7;
-      }
-    }
-
-.mjsz-vbr-gamecenter-game-event:nth-child(odd) {
-      background-color: var(--vbr-widget-table-stripped-bg-color);
-    }
-
-.mjsz-vbr-gamecenter-game-event > * {
-      padding: 10px;
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-team-logo-cell span {
-        display: inline-block;
-      }
-
-.mjsz-vbr-gamecenter-game-event .is-team-logo-cell img {
-        display: block;
-        width: 40px;
-        height: 40px;
-      }
-
-.mjsz-vbr-gamecenter-game-event .is-icon-cell svg {
-        width: 25px;
-        height: 25px;
-      }
-
-.mjsz-vbr-gamecenter-game-event .is-penalty-icon {
-      color: var(--vbr-widget-primary-color-300);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-goal-so-icon {
-      color: var(--vbr-widget-primary-color-500);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-goal-icon {
-      color: var(--vbr-widget-danger-color-a400);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-timer-icon {
-      color: var(--vbr-widget-secondary-color-500);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-goalie-in-icon {
-      color: var(--vbr-widget-secondary-color-500);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-goalie-out-icon {
-      color: var(--vbr-widget-danger-color-a400);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-time-cell {
-      font-weight: 700;
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-penalty-cell {
-      font-size: var(--vbr-widget-gamecenter-events-penalty-size);
-      text-align: center;
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-score {
-      font-size: var(--vbr-widget-gamecenter-events-score-size);
-      font-weight: 700;
-      text-align: center;
-      color: var(--vbr-widget-danger-color-a400);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-score-so {
-      font-size: var(--vbr-widget-gamecenter-events-score-size);
-      font-weight: 700;
-      text-align: center;
-      color: var(--vbr-widget-primary-color-500);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-score-so-goal {
-      color: var(--vbr-widget-live-game-color);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-goalie-direction {
-      font-size: var(--vbr-widget-gamecenter-events-goalie-direction-size);
-      text-align: center;
-      color: var(--vbr-widget-primary-color-400);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-evented-person {
-      font-size: var(--vbr-widget-gamecenter-events-evented-person-size);
-      font-weight: var(--vbr-widget-gamecenter-events-evented-person-weight);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-assists-list {
-      font-size: var(--vbr-widget-gamecenter-events-assitst-list-size);
-      color: var(--vbr-widget-primary-color-400);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-assists-list span::after {
-        content: ' / ';
-      }
-
-.mjsz-vbr-gamecenter-game-event .is-assists-list span:last-child::after {
-        content: '';
-      }
-
-.mjsz-vbr-gamecenter-game-event .is-poi-data {
-      font-size: var(--vbr-widget-gamecenter-events-poi-list-size);
-      color: var(--vbr-widget-primary-color-400);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-poi-data ul {
-        display: inline-flex;
-      }
-
-.mjsz-vbr-gamecenter-game-event .is-poi-data ul li::after {
-            content: ',';
-            margin-right: 2px;
-          }
-
-.mjsz-vbr-gamecenter-game-event .is-poi-data ul li:last-child::after {
-          content: '';
-        }
-
-.mjsz-vbr-gamecenter-game-event .is-player-number {
-      font-weight: 400;
-      font-style: italic;
-      color: var(--vbr-widget-primary-color-500);
-    }
-
-.mjsz-vbr-gamecenter-game-event .is-light-cell {
-      color: var(--vbr-widget-primary-color-400);
-    }
-
-.mjsz-vbr-gamecenter-data-table {
-    border: 1px solid var(--vbr-widget-gamecenter-team-container-border-color);
-    min-width: 0;
-  }
-
-.mjsz-vbr-gamecenter-data-table h2 {
-      padding: 8px;
-      font-size: var(--vbr-widget-gamecenter-team-container-title-size);
-      font-weight: 500;
-      color: var(--vbr-widget-gamecenter-team-container-title-color);
-      background-color: var(--vbr-widget-gamecenter-team-container-title-bg-color);
-    }
-
-.mjsz-vbr-gamecenter-data-columns {
-    --columns: 1fr;
-
-    display: grid;
-    grid-template-columns: var(--columns);
-    gap: 20px;
-    margin-bottom: 20px;
-  }
-
-@media all and (min-width: 576px) {
-
-.mjsz-vbr-gamecenter-data-columns {
-      --columns: repeat(2, 1fr)
-  }
-  }
-
-.mjsz-vbr-gamecenter-data-column {
-    display: grid;
-    gap: 20px;
-    margin-bottom: 20px;
-  }

package/dist/css/games-timeline.css

@@ -1,270 +0,0 @@
-.mjsz-vbr-games-timeline {
-  display: grid;
-  grid-template-columns: 30px 1fr 30px;
-  align-items: center;
-  height: 100%;
-
-  container-type: inline-size;
-  container-name: games-timeline;
-}
-
-  .mjsz-vbr-games-timeline > div {
-    display: flex;
-    overflow-x: auto;
-    overflow-y: hidden;
-    scroll-snap-type: x mandatory;
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
-
-  .mjsz-vbr-games-timeline > div::-webkit-scrollbar {
-      display: none;
-    }
-
-  .mjsz-vbr-games-timeline .is-slide {
-    flex-shrink: 0;
-    flex-grow: 0;
-    flex-basis: 100%;
-    scroll-snap-align: start;
-  }
-
-  @container games-timeline (width > 375px) {
-
-  .mjsz-vbr-games-timeline .is-slide {
-      flex-basis: 50%
-  }
-    }
-
-  @container games-timeline (width > 500px) {
-
-  .mjsz-vbr-games-timeline .is-slide {
-      flex-basis: 33.3334%
-  }
-    }
-
-  @container games-timeline (width > 700px) {
-
-  .mjsz-vbr-games-timeline .is-slide {
-      flex-basis: 25%
-  }
-    }
-
-  @container games-timeline (width > 880px) {
-
-  .mjsz-vbr-games-timeline .is-slide {
-      flex-basis: 20%
-  }
-    }
-
-  .mjsz-vbr-games-timeline > button {
-    position: relative;
-    display: grid;
-    place-content: center;
-    height: 100%;
-  }
-
-  .mjsz-vbr-games-timeline > button svg {
-      display: block;
-      height: 22px;
-      width: 22px;
-      color: var(--vbr-widget-games-timeline-arrow-color);
-      transition: all 0.2s;
-    }
-
-  .mjsz-vbr-games-timeline > button:hover svg {
-        color: var(--vbr-widget-games-timeline-arrow-hover-color);
-      }
-
-  .mjsz-vbr-games-timeline > button:disabled {
-      cursor: not-allowed;
-    }
-
-  .mjsz-vbr-games-timeline > button:disabled svg {
-        color: var(--vbr-widget-games-timeline-arrow-disabled-color);
-      }
-
-  .mjsz-vbr-games-timeline > button:before,
-    .mjsz-vbr-games-timeline > button:after {
-      position: absolute;
-      content: '';
-      top: 10px;
-      height: 90px;
-      transition: opacity 0.2s;
-    }
-
-  .mjsz-vbr-games-timeline > button:first-of-type:after {
-      right: 0;
-      border-right: 1px solid var(--vbr-widget-games-timeline-arrow-border-color);
-      box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.1);
-    }
-
-  .mjsz-vbr-games-timeline > button:last-of-type:before {
-      left: 0;
-      border-left: 1px solid var(--vbr-widget-games-timeline-arrow-border-color);
-      box-shadow: -1px 0 3px 0 rgba(0, 0, 0, 0.1);
-    }
-
-  .mjsz-vbr-games-timeline > button:disabled:first-of-type:after,
-    .mjsz-vbr-games-timeline > button:disabled:last-of-type:before {
-      opacity: 0;
-    }
-
-.mjsz-vbr-games-timeline-game {
-  display: grid;
-  grid-template-columns: 20px 1fr 20px;
-  grid-template-areas: 'gamedate gamedate gamedate' 'home-logo home-team home-score' 'away-logo away-team away-score' 'status status status';
-  grid-template-rows: 1fr 1fr 1fr 1fr;
-  gap: 5px;
-  justify-items: center;
-  align-items: center;
-  padding: 0.625rem;
-  line-height: 1;
-  cursor: pointer;
-}
-
-.mjsz-vbr-games-timeline-game:hover {
-    background-image: var(--vbr-widget-games-timeline-game-hover-bg-color);
-  }
-
-.mjsz-vbr-games-timeline-game time {
-    grid-area: gamedate;
-    font-size: var(--vbr-widget-games-timeline-game-date-size);
-    font-weight: 700;
-    color: var(--vbr-widget-games-timeline-game-date-color);
-  }
-
-.mjsz-vbr-games-timeline-game .is-home-team-logo {
-    grid-area: home-logo;
-  }
-
-.mjsz-vbr-games-timeline-game .is-away-team-logo {
-    grid-area: away-logo;
-  }
-
-.mjsz-vbr-games-timeline-game :is(.is-home-team-logo, .is-away-team-logo) .is-team-logo {
-      display: block;
-      width: 20px;
-      height: 20px;
-    }
-
-.mjsz-vbr-games-timeline-game :is(.is-home-team-name, .is-away-team-name) {
-    justify-self: start;
-    font-size: var(--vbr-widget-games-timeline-game-team-size);
-    font-weight: 700;
-    color: var(--vbr-widget-games-timeline-game-team-color);
-    overflow: hidden;
-    width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-.mjsz-vbr-games-timeline-game .is-home-team-name {
-    grid-area: home-team;
-  }
-
-.mjsz-vbr-games-timeline-game .is-away-team-name {
-    grid-area: away-team;
-  }
-
-.mjsz-vbr-games-timeline-game .is-home-team-score {
-    grid-area: home-score;
-  }
-
-.mjsz-vbr-games-timeline-game .is-away-team-score {
-    grid-area: away-score;
-  }
-
-.mjsz-vbr-games-timeline-game .is-status {
-    grid-area: status;
-    font-size: var(--vbr-widget-games-timeline-game-status-size);
-    color: var(--vbr-widget-games-timeline-game-status-color);
-    overflow: hidden;
-    width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    text-align: center;
-  }
-
-.mjsz-vbr-games-timeline-schedule-link {
-  display: grid;
-  place-content: center;
-  height: 100%;
-}
-
-.mjsz-vbr-games-timeline-schedule-link:hover {
-    background-image: var(--vbr-widget-games-timeline-game-hover-bg-color);
-  }
-
-.mjsz-vbr-games-timeline-schedule-link button {
-    display: flex;
-    align-items: center;
-    font-size: var(--vbr-widget-games-timeline-external-link-size);
-    font-weight: 700;
-    text-transform: uppercase;
-    color: var(--vbr-widget-games-timeline-external-link-color);
-  }
-
-.mjsz-vbr-games-timeline-schedule-link button svg {
-      display: inline-block;
-      width: 14px;
-    }
-
-.mjsz-vbr-games-timeline-error-indicator {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-  place-content: center;
-  width: 100%;
-  font-size: var(--vbr-widget-typography-font-size-400);
-  font-weight: 500;
-  color: var(--vbr-widget-error-notice-color);
-}
-
-.mjsz-vbr-games-timeline-error-indicator svg {
-    display: block;
-    width: 20px;
-  }
-
-.mjsz-vbr-games-timeline-error-indicator button {
-    text-decoration: underline;
-  }
-
-.mjsz-vbr-score-display {
-  height: 20px;
-  padding: 0 5px !important;
-}
-
-.mjsz-vbr-score-display .is-score {
-    display: grid;
-    grid-template-areas: 'stack';
-    justify-items: center;
-    position: relative;
-    overflow: hidden;
-    mask-image: linear-gradient(to bottom, transparent 0, black 30%, black 70%, transparent 100%);
-  }
-
-.mjsz-vbr-score-display .is-score > span {
-      grid-area: stack;
-      line-height: 20px;
-    }
-
-.mjsz-vbr-score-display .is-slide-transition-enter-active,
-  .mjsz-vbr-score-display .is-slide-transition-leave-active {
-    transition: all 420ms linear;
-  }
-
-.mjsz-vbr-score-display .is-slide-transition-enter-from {
-    transform: translateY(-100%);
-  }
-
-.mjsz-vbr-score-display .is-slide-transition-enter-to {
-    transform: translateY(0);
-  }
-
-.mjsz-vbr-score-display .is-slide-transition-leave-from {
-    transform: translateY(0);
-  }
-
-.mjsz-vbr-score-display .is-slide-transition-leave-to {
-    transform: translateY(100%);
-  }

package/dist/css/grid.css

@@ -1,58 +0,0 @@
-/* --vbr-widget-typography-font-size-50
---vbr-widget-typography-font-lineheight-50 */
-
-.g-row {
-  display: flex;
-}
-
-.g-row-wrap {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.g-col {
-  flex: 1 0 0%;
-}
-
-.g-gap-normal {
-  gap: 16px;
-}
-
-[class^='g-col-'] {
-  flex: 0 0 auto;
-}
-
-.g-col-6 {
-  width: 50%;
-}
-
-.g-col-5 {
-  width: 41.66666667%;
-}
-
-.g-col-3 {
-  width: 25%;
-}
-
-.g-col-auto {
-  width: auto;
-}
-
-.g-gap-normal {
-  gap: 20px;
-}
-
-.g-grid {
-  --columns: repeat(2, 1fr);
-  --columns-tablet: repeat(4, 1fr);
-
-  display: grid;
-  grid-template-columns: var(--columns);
-}
-
-@media all and (min-width: 768px) {
-
-.g-grid {
-    grid-template-columns: var(--columns-tablet)
-}
-  }