@mjsz-vbr-elements/shared 2.11.2 → 2.12.0

package/dist/css/paginator.css

@@ -1,49 +0,0 @@
-.mjsz-vbr-paginator {
-  display: flex;
-  flex-direction: row;
-  list-style-type: none;
-  margin: 10px 0;
-  padding: 0;
-}
-
-  .mjsz-vbr-paginator button,
-  .mjsz-vbr-paginator div {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 6px 12px;
-    text-decoration: none;
-    cursor: pointer;
-    color: var(--vbr-widget-paginator-color);
-    border: 1px solid var(--vbr-widget-paginator-border-color);
-    background-color: var(--vbr-widget-paginator-bg-color);
-    margin-left: -1px;
-  }
-
-  .mjsz-vbr-paginator button .icon, .mjsz-vbr-paginator div .icon {
-      width: 16px;
-      height: 16px;
-      margin: 0 -4px;
-    }
-
-  .mjsz-vbr-paginator button:hover:not(.mjsz-vbr-paginator button.is-disabled,.mjsz-vbr-paginator button.is-active), .mjsz-vbr-paginator div:hover:not(.mjsz-vbr-paginator div.is-disabled,.mjsz-vbr-paginator div.is-active) {
-      color: var(--vbr-widget-paginator-hover-color);
-      background-color: var(--vbr-widget-paginator-hover-bg-color);
-    }
-
-  .mjsz-vbr-paginator button:disabled,
-    .mjsz-vbr-paginator button.is-disabled,
-    .mjsz-vbr-paginator div:disabled,
-    .mjsz-vbr-paginator div.is-disabled {
-      color: var(--vbr-widget-paginator-disabled-color);
-      background-color: var(--vbr-widget-paginator-bg-color);
-      pointer-events: none;
-      cursor: default;
-    }
-
-  .mjsz-vbr-paginator button.is-active, .mjsz-vbr-paginator div.is-active {
-      color: var(--vbr-widget-paginator-active-color);
-      background-color: var(--vbr-widget-paginator-active-bg-color);
-      border-color: var(--vbr-widget-paginator-active-bg-color);
-      cursor: default;
-    }

package/dist/css/playoffs.css

@@ -1,147 +0,0 @@
-/* --vbr-widget-typography-font-size-50
---vbr-widget-typography-font-lineheight-50 */
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid {
-    display: grid;
-    grid-template-columns:
-      60px 160px minmax(60px, 0.41fr) minmax(160px, 1fr) minmax(40px, 60px) 70px minmax(160px, 1fr)
-      minmax(180px, 0.9fr);
-    color: var(--vbr-widget-table-color);
-  }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid:nth-child(odd) > div {
-      background-color: var(--vbr-widget-table-stripped-bg-color);
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid.is-optional {
-      opacity: 0.5;
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid > div {
-      padding: 8px;
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-truncate {
-      overflow: visible;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-text-right {
-      text-align: right;
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-text-center {
-      text-align: center;
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-text-bold {
-      font-weight: 900;
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-text-light {
-      color: var(--vbr-widget-table-cell-light-color);
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-text-dark {
-      color: var(--vbr-widget-table-cell-dark-color);
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-text-accent {
-      color: var(--vbr-widget-secondary-color-500);
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .label {
-      padding: 3px 6px;
-      font-size: var(--vbr-widget-typography-font-size-100);
-      font-weight: 700;
-      color: var(--vbr-widget-table-label-color);
-      background-color: var(--vbr-widget-table-label-bg-color);
-      border-radius: 2px;
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .label:not(:last-of-type) {
-        margin-right: 3px;
-      }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-long {
-      display: block;
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-short {
-      display: none;
-    }
-
-@container table-wrapper (max-width: 768px) {
-      .mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-long {
-        display: none;
-      }
-      .mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-short {
-        display: block;
-      }
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-section-title {
-    padding: 10px;
-    text-align: center;
-    font-size: var(--vbr-widget-typography-font-size-500);
-    font-weight: 700;
-    color: var(--vbr-widget-primary-color-100);
-    background-color: var(--vbr-widget-primary-color-700);
-  }
-
-.mjsz-vbr-playoffs .mjsz-vbr-section-details {
-    display: grid;
-    grid-template-columns: 1fr;
-    align-items: center;
-    justify-items: center;
-    gap: 20px;
-    padding: 20px;
-    background-color: var(--vbr-widget-primary-color-50);
-  }
-
-@media all and (min-width: 576px) {
-
-.mjsz-vbr-playoffs .mjsz-vbr-section-details {
-      grid-template-columns: 1fr fit-content(100px) fit-content(100px) fit-content(100px) 1fr;
-  }
-  }
-
-.mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-long {
-      display: block;
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-short {
-      display: none;
-    }
-
-@container section-details (max-width: 768px) {
-      .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-long {
-        display: none;
-      }
-      .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-short {
-        display: block;
-      }
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-section-details .is-logo-image {
-      width: 70px;
-      height: 70px;
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-section-details .is-result {
-      font-size: 4rem;
-      font-weight: 700;
-      text-align: center;
-      color: var(--vbr-widget-primary-color-800);
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name {
-      font-size: var(--vbr-widget-typography-font-size-700);
-      font-weight: 700;
-      color: var(--vbr-widget-primary-color-800);
-    }
-
-.mjsz-vbr-playoffs .mjsz-vbr-section-details .is-right {
-      text-align: right;
-    }

package/dist/css/progress.css

@@ -1,127 +0,0 @@
-.mjsz-vbr-progress {
-  display: flex;
-  height: var(--vbr-widget-progress-height);
-  overflow: hidden;
-  font-size: var(--vbr-widget-typography-font-size-50);
-  background-color: var(--vbr-widget-progress-bg-color);
-  border-radius: var(--vbr-widget-progress-border-radius);
-}
-
-.mjsz-vbr-progress-bar {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  overflow: hidden;
-  width: 100%;
-  color: var(--vbr-widget-primary-color-0);
-  text-align: center;
-  white-space: nowrap;
-  background-color: var(--vbr-widget-progress-bar-color);
-}
-
-.mjsz-vbr-progress-bar-stripped {
-  --color: var(--vbr-widget-progress-bar-stripe-color);
-  --angle: var(--vbr-widget-progress-bar-stripe-angle);
-
-  background-image: linear-gradient(
-    var(--angle),
-    var(--color) 25%,
-    transparent 25%,
-    transparent 50%,
-    var(--color) 50%,
-    var(--color) 75%,
-    transparent 75%,
-    transparent
-  );
-
-  background-size: var(--vbr-widget-progress-height) var(--vbr-widget-progress-height);
-}
-
-.mjsz-vbr-progress-bar-animated {
-  animation: 1s linear infinite progress-bar-stripes;
-}
-
-@media (prefers-reduced-motion: reduce) {
-
-.mjsz-vbr-progress-bar-animated {
-    animation: none
-}
-  }
-
-@keyframes progress-bar-stripes {
-  0% {
-    background-position-x: var(--vbr-widget-progress-height);
-  }
-}
-
-.mjsz-vbr-statistics-double-bar {
-  display: grid;
-  grid-template-columns: 0.3fr 1fr 1fr 0.3fr;
-  grid-template-areas: 'value-start title title value-end' 'bar-start bar-start bar-end bar-end';
-  align-items: center;
-}
-
-@media (width > 500px) {
-
-.mjsz-vbr-statistics-double-bar {
-    grid-template-areas: 'title title title title' 'value-start bar-start bar-end value-end'
-}
-  }
-
-.mjsz-vbr-statistics-double-bar .is-value {
-    font-weight: 700;
-    color: var(--vbr-widget-primary-color-900);
-  }
-
-.mjsz-vbr-statistics-double-bar .is-value-start {
-    grid-area: value-start;
-    padding-inline-end: 0.5rem;
-    justify-self: end;
-  }
-
-.mjsz-vbr-statistics-double-bar .is-value-end {
-    grid-area: value-end;
-    padding-inline-start: 0.5rem;
-  }
-
-.mjsz-vbr-statistics-double-bar .is-bar {
-    background-color: var(--vbr-widget-primary-color-50);
-    height: 8px;
-    margin-block: 5px;
-  }
-
-.mjsz-vbr-statistics-double-bar .is-bar-start {
-    grid-area: bar-start;
-
-    display: flex;
-    justify-content: flex-end;
-  }
-
-.mjsz-vbr-statistics-double-bar .is-bar-start--progress {
-    background-color: var(--vbr-widget-gamecenter-home-team-identifier-color);
-    outline: 1px solid var(--vbr-widget-gamecenter-home-team-identifier-border-color);
-    outline-offset: -1px;
-    height: 100%;
-    transition: width 0.3s ease-out;
-  }
-
-.mjsz-vbr-statistics-double-bar .is-bar-end {
-    grid-area: bar-end;
-  }
-
-.mjsz-vbr-statistics-double-bar .is-bar-end--progress {
-    background-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
-    outline: 1px solid var(--vbr-widget-gamecenter-away-team-identifier-border-color);
-    outline-offset: -1px;
-    height: 100%;
-  }
-
-.mjsz-vbr-statistics-double-bar .is-title {
-    grid-area: title;
-
-    justify-self: center;
-    font-size: var(--vbr-widget-typography-font-size-400);
-    font-weight: 700;
-    line-height: 1.5rem;
-    color: var(--vbr-widget-primary-color-500);
-  }

package/dist/css/reset.css

@@ -1,33 +0,0 @@
-h1,
-h2,
-h3,
-ul,
-li,
-p,
-dl,
-dt,
-dd {
-  margin: 0;
-  padding: 0;
-}
-
-button {
-  font-family: inherit;
-  font-size: 100%;
-  font-weight: inherit;
-  line-height: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
-
-  border-width: 0;
-  -webkit-appearance: button;
-  background-color: transparent;
-  background-image: none;
-  cursor: pointer;
-}
-
-ol,
-ul {
-  list-style: none;
-}

package/dist/css/responsive-table.css

@@ -1,10 +0,0 @@
-.mjsz-vbr-table-responsive {
-  container-name: table-wrapper;
-  container-type: inline-size;
-
-  width: 100%;
-  overflow-x: auto;
-}
-.mjsz-vbr-table-responsive table {
-  width: 100%;
-}

package/dist/css/standings-selector.css

@@ -1,14 +0,0 @@
-.mjsz-vbr-standings-selector dl {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    grid-template-areas: 'title selector' 'subtitle subtitle';
-  }
-  .mjsz-vbr-standings-selector dt {
-    grid-area: title;
-  }
-  .mjsz-vbr-standings-selector dd {
-    grid-area: subtitle;
-  }
-  .mjsz-vbr-standings-selector .is-championship-selector {
-    grid-area: selector;
-  }

package/dist/css/table.css

@@ -1,281 +0,0 @@
-/* --vbr-widget-typography-font-size-50
---vbr-widget-typography-font-lineheight-50 */
-
-.mjsz-vbr-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-.mjsz-vbr-table table,
-  .mjsz-vbr-table caption,
-  .mjsz-vbr-table tbody,
-  .mjsz-vbr-table tfoot,
-  .mjsz-vbr-table thead,
-  .mjsz-vbr-table tr,
-  .mjsz-vbr-table th,
-  .mjsz-vbr-table td {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font-size: 100%;
-    font: inherit;
-    vertical-align: baseline;
-  }
-
-.mjsz-vbr-table {
-  color: var(--vbr-widget-table-color);
-  background-color: var(--vbr-widget-table-default-bg-color);
-}
-
-.mjsz-vbr-table th {
-    width: var(--vbr-widget-table-default-column-width);
-    background-color: var(--vbr-widget-table-header-bg-color);
-    font-size: var(--vbr-widget-table-header-font-size);
-    font-weight: 700;
-    color: var(--vbr-widget-table-header-color);
-    text-align: center;
-  }
-
-.mjsz-vbr-table th:focus-visible,
-    .mjsz-vbr-table th:hover {
-      background-color: var(--vbr-widget-table-header-hover-bg-color);
-      outline: none;
-    }
-
-.mjsz-vbr-table th.is-sortable {
-      position: relative;
-      cursor: pointer;
-    }
-
-.mjsz-vbr-table th.is-sortable .icon-sort {
-        opacity: 0.5;
-      }
-
-.mjsz-vbr-table th.is-active {
-      background-color: var(--vbr-widget-table-table-header-active-bg-color);
-      color: var(--vbr-widget-table-header-active-color);
-    }
-
-.mjsz-vbr-table th.is-active .icon-sort {
-        opacity: 1;
-      }
-
-.mjsz-vbr-table th.is-asc {
-      position: relative;
-    }
-
-.mjsz-vbr-table th.is-desc {
-      position: relative;
-    }
-
-.mjsz-vbr-table th.is-w-auto {
-      width: auto;
-    }
-
-.mjsz-vbr-table th .is-icon-sort {
-      width: 11px;
-      height: 11px;
-      margin-left: 5px;
-    }
-
-.mjsz-vbr-table td {
-    text-align: center;
-  }
-
-.mjsz-vbr-table td.is-active {
-      font-weight: 700;
-      color: var(--vbr-widget-table-active-color);
-      background-color: var(--vbr-widget-table-active-bg-color);
-    }
-
-.mjsz-vbr-table td.is-zero {
-      color: var(--vbr-widget-table-zero-color);
-    }
-
-.mjsz-vbr-table td.is-possible-empty:empty:before {
-      content: '0';
-      color: var(--vbr-widget-table-zero-color);
-    }
-
-.mjsz-vbr-table td .is-text-light,
-    .mjsz-vbr-table td.is-text-light {
-      color: var(--vbr-widget-table-cell-light-color);
-    }
-
-.mjsz-vbr-table td .is-text-dark,
-    .mjsz-vbr-table td.is-text-dark {
-      color: var(--vbr-widget-table-cell-dark-color);
-    }
-
-.mjsz-vbr-table td .is-logo-image {
-      display: inline-block;
-      vertical-align: middle;
-      width: var(--vbr-widget-table-cell-logo-size);
-      height: var(--vbr-widget-table-cell-logo-size);
-    }
-
-.mjsz-vbr-table td .is-portrait-image {
-      display: inline-block;
-      vertical-align: middle;
-      width: var(--vbr-widget-table-cell-portrait-size);
-      height: var(--vbr-widget-table-cell-portrait-size);
-      object-fit: cover;
-      object-position: top;
-      overflow: hidden;
-      border-radius: 100%;
-      border: 1px solid var(--vbr-widget-primary-color-100);
-    }
-
-.mjsz-vbr-table td .is-portrait-image img {
-        width: var(--vbr-widget-table-cell-portrait-size);
-        height: auto;
-      }
-
-.mjsz-vbr-table td.is-text-bold {
-      font-weight: 700;
-    }
-
-.mjsz-vbr-table td.is-text-italic {
-      font-style: italic;
-    }
-
-.mjsz-vbr-table td.is-text-xl {
-      font-size: var(--vbr-widget-typography-font-size-700);
-    }
-
-.mjsz-vbr-table td .is-text-accent {
-      color: var(--vbr-widget-secondary-color-500);
-    }
-
-.mjsz-vbr-table td.is-w-auto {
-      width: auto;
-    }
-
-.mjsz-vbr-table td.is-horizontal-content {
-      display: inline-flex;
-      align-items: center;
-    }
-
-.mjsz-vbr-table td.is-text-positive,
-    .mjsz-vbr-table td .is-text-positive {
-      color: var(--vbr-widget-live-game-color);
-    }
-
-.mjsz-vbr-table td.is-text-negative,
-    .mjsz-vbr-table td .is-text-negative {
-      color: var(--vbr-widget-danger-color-a400);
-    }
-
-.mjsz-vbr-table td svg {
-      width: 16px;
-      height: 16px;
-    }
-
-.mjsz-vbr-table td button {
-      padding: 3px 3px;
-      line-height: 0;
-      border: none;
-      outline: none;
-      background-color: transparent;
-    }
-
-.mjsz-vbr-table td button:hover {
-        background-color: var(--vbr-widget-popover-trigger-hover-bg-color);
-      }
-
-.mjsz-vbr-table td button:active,
-      .mjsz-vbr-table td button:focus {
-        background-color: var(--vbr-widget-popover-trigger-focus-bg-color);
-      }
-
-.mjsz-vbr-table td a {
-      text-decoration: none;
-    }
-
-.mjsz-vbr-table td .label {
-      padding: 3px 6px;
-      font-size: var(--vbr-widget-typography-font-size-100);
-      font-weight: 700;
-      color: var(--vbr-widget-table-label-color);
-      background-color: var(--vbr-widget-table-label-bg-color);
-      border-radius: 2px;
-    }
-
-.mjsz-vbr-table td .label:not(:last-of-type) {
-        margin-right: 3px;
-      }
-
-.mjsz-vbr-table td a {
-      color: var(--vbr-widget-link-color);
-    }
-
-.mjsz-vbr-table td a:hover {
-      color: var(--vbr-widget-hover-color);
-    }
-
-.mjsz-vbr-table td .is-team-name-long {
-      display: block;
-    }
-
-.mjsz-vbr-table td .is-team-name-short {
-      display: none;
-    }
-
-@container table-wrapper (max-width: 768px) {
-      .mjsz-vbr-table td .is-team-name-long {
-        display: none;
-      }
-      .mjsz-vbr-table td .is-team-name-short {
-        display: block;
-      }
-    }
-
-.mjsz-vbr-table th,
-  .mjsz-vbr-table td {
-    padding: 8px;
-    white-space: nowrap;
-    vertical-align: middle;
-  }
-
-.mjsz-vbr-table th.is-text-left, .mjsz-vbr-table td.is-text-left {
-      text-align: left;
-    }
-
-.mjsz-vbr-table th.is-text-right, .mjsz-vbr-table td.is-text-right {
-      text-align: right;
-    }
-
-.mjsz-vbr-table th.is-has-image, .mjsz-vbr-table td.is-has-image {
-      padding: 0 2px;
-    }
-
-.mjsz-vbr-table th .is-duplicated, .mjsz-vbr-table td .is-duplicated {
-      color: var(--vbr-widget-table-neutral-color);
-    }
-
-.mjsz-vbr-table tr.is-highlighted {
-      color: var(--vbr-widget-danger-color-a400);
-    }
-
-.mjsz-vbr-table tr.is-optional {
-      opacity: 0.5;
-    }
-
-.mjsz-vbr-table tr:nth-child(even) {
-    background-color: var(--vbr-widget-table-stripped-bg-color);
-  }
-
-.mjsz-vbr-table tr:nth-child(even) td.is-active {
-      background-color: var(--vbr-widget-table-active-even-bg-color);
-    }
-
-.mjsz-vbr-table tr:focus-within,
-  .mjsz-vbr-table tr:hover {
-    color: var(--vbr-widget-table-hover-color);
-    background-color: var(--vbr-widget-table-hover-bg-color);
-  }
-
-.mjsz-vbr-table tr:focus-within td.is-active, .mjsz-vbr-table tr:hover td.is-active {
-      color: var(--vbr-widget-table-active-hover-color);
-      background-color: var(--vbr-widget-table-active-hover-bg-color);
-    }

package/dist/css/teams.css

@@ -1,26 +0,0 @@
-/* --vbr-widget-typography-font-size-50
---vbr-widget-typography-font-lineheight-50 */
-
-.mjsz-vbr-wrapped-grid {
-  --min-width: 300px;
-  --max-width: 1fr;
-
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(var(--min-width), var(--max-width)));
-  gap: 30px;
-  padding-block: 20px;
-  text-align: center;
-}
-
-.mjsz-vbr-wrapped-grid a {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    row-gap: 20px;
-  }
-
-.mjsz-vbr-wrapped-grid .is-team-logo {
-    display: block;
-    width: 100%;
-    aspect-ratio: 1;
-  }