@mjsz-vbr-elements/shared 2.10.0 → 2.11.0

package/dist/css/cards.css

@@ -5,7 +5,9 @@
   background-color: #fff;
   padding: 15px;
   margin-bottom: 20px;
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
+  box-shadow:
+    0 2px 4px 0 rgba(0, 0, 0, 0.1),
+    0 2px 2px 0 rgba(0, 0, 0, 0.1);
 }
 
 .is-card > div {
@@ -51,15 +53,6 @@
     display: none;
   }
 
-@container card-row (max-width: 640px) {
-    .mjsz-vbr-card-item .is-team-name-long {
-      display: none;
-    }
-    .mjsz-vbr-card-item .is-team-name-short {
-      display: block;
-    }
-  }
-
 .mjsz-vbr-card-item .is-info {
     grid-column: 1/4;
     display: flex;
@@ -169,3 +162,5 @@
       width: 100%;
       aspect-ratio: 1;
     }
+
+:export { meta: '{"e":".is-card","f":[{"b":[{"e":".is-team-name-long","d":{"display":"none"}},{"e":".is-team-name-short","d":{"display":"block"}}],"a":[[["max-width",":",640]]]}]}' }

package/dist/css/common.css

@@ -453,3 +453,5 @@ a:hover {
     font-size: var(--vbr-widget-badge-extra-large-font-size);
     padding: 0.2695em 0.5165em;
   }
+
+:export { meta: '{"e":"h1,\nh2,\nh3,\nul,\nli,\np,\ndl,\ndt,\ndd","f":[]}' }

package/dist/css/dropdown.css

@@ -12,7 +12,7 @@
   .is-dropdown-menu .is-dropdown-item {
     display: flex;
     align-items: center;
-    padding: .25rem 1rem;
+    padding: 0.25rem 1rem;
     font-family: var(--vbr-widget-font-family);
     line-height: 24px;
     color: var(--vbr-widget-dropdown-item-color);
@@ -31,3 +31,4 @@
   .is-dropdown-menu .is-dropdown-item svg {
       margin-right: 8px;
     }
+:export { meta: '{"e":".is-dropdown-menu","f":[]}' }

package/dist/css/forms.css

@@ -10,7 +10,9 @@
   font-weight: 400;
   line-height: 1.5;
   background-color: #fff;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition:
+    border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
   appearance: none;
 }
 
@@ -82,3 +84,5 @@ label {
       color: var(--vbr-widget-toggle-group-btn-active-color);
       background-color: var(--vbr-widget-toggle-group-btn-active-bg-color);
     }
+
+:export { meta: '{"e":".base-input","f":[]}' }

package/dist/css/game-center-timeline.css

@@ -411,17 +411,9 @@
 .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon svg {
           display: block;
           width: 14px;
-          height: 14px;
+          height: 14px
         }
 
-@container rows (width > 410px) {
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon svg {
-            width: 24px;
-            height: 24px
-        }
-          }
-
 .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty .is-event-type-icon {
           color: var(--vbr-widget-primary-color-0);
           background-color: var(--vbr-widget-danger-color-a400);
@@ -497,23 +489,6 @@
           background-color: var(--vbr-widget-danger-color-500);
         }
 
-@container rows (width > 410px) {
-
-.mjsz-vbr-gamecenter-timeline-game-event .is-details-container {
-        grid-template-columns: auto 1fr auto;
-        grid-template-areas: 'type-icon detail-title team-logo' 'type-icon detail-list team-logo'
-    }
-
-        .mjsz-vbr-gamecenter-timeline-game-event .is-details-container:not(:has(.is-details-list)) {
-          grid-template-areas: 'type-icon detail-title team-logo';
-          align-items: center;
-        }
-
-        .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-team-logo {
-          display: block;
-        }
-      }
-
 .mjsz-vbr-gamecenter-timeline-game-event .is-timestamp {
       grid-area: time;
 
@@ -537,47 +512,6 @@
         border-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
       }
 
-@container rows (width > 500px) {
-
-.mjsz-vbr-gamecenter-timeline-game-event {
-      --columns: 1fr 0.15fr 2px 0.15fr 1fr;
-      --areas: '. . . . .' 'details time time time .' '. . . . .'
-  }
-
-      .mjsz-vbr-gamecenter-timeline-game-event .is-timeline {
-        grid-column: 3/4;
-        grid-row: 1/-1;
-      }
-
-      .mjsz-vbr-gamecenter-timeline-game-event[data-team='away'] {
-        --areas: '. . . . .' '. time time time details' '. . . . .';
-      }
-
-      .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container {
-        grid-template-columns: auto 1fr;
-        grid-template-areas: 'team-logo detail-title type-icon' 'team-logo detail-list type-icon';
-      }
-
-        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container:not(:has(.is-details-list)) {
-          grid-template-areas: 'team-logo detail-title type-icon';
-        }
-
-        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container {
-
-        border-inline-end: none;
-        border-inline-start: 5px solid var(--vbr-widget-gamecenter-home-team-identifier-color);
-  }
-
-        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-details-list,
-        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-details-title {
-          text-align: right;
-        }
-
-        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-poi-data {
-          justify-content: flex-end;
-        }
-    }
-
 .mjsz-vbr-gamecenter-timeline-lineups {
     margin-block-start: 1rem;
     padding-block-end: 2rem;
@@ -590,16 +524,9 @@
 
 .mjsz-vbr-gamecenter-timeline-lineups .is-container {
       display: grid;
-      gap: 2rem;
+      gap: 2rem
     }
 
-@container rows (width >= 768px) {
-
-.mjsz-vbr-gamecenter-timeline-lineups .is-container {
-        grid-template-columns: 1fr 1fr
-    }
-      }
-
 .mjsz-vbr-gamecenter-timeline-lineups-lines {
       display: grid;
       grid-template-columns: 1fr;
@@ -640,56 +567,18 @@
         border-inline-end: 3px solid var(--vbr-widget-gamecenter-away-team-identifier-color);
       }
 
-@container rows (width >= 768px) {
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines {
-        grid-template-columns: 1fr 1fr;
-        grid-template-areas: '. lw' 'ld lw' 'ld c' 'rd c' 'rd rw' '. rw';
-        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr
-    }
-
-        .mjsz-vbr-gamecenter-timeline-lineups-lines.is-away-team {
-          grid-template-areas: 'lw .' 'lw ld' 'c ld' 'c rd' 'rw rd' 'rw .';
-        }
-
-        .mjsz-vbr-gamecenter-timeline-lineups-lines:has(.is-gk) {
-          display: flex;
-          justify-content: center;
-          grid-template-columns: none;
-          grid-template-areas: none;
-        }
-
-        .mjsz-vbr-gamecenter-timeline-lineups-lines .is-gk {
-          width: 50%;
-        }
-      }
-
 .mjsz-vbr-gamecenter-timeline-lineups-lines-simple {
       display: grid;
       grid-template-columns: 1fr;
-      gap: 0.5rem;
+      gap: 0.5rem
     }
 
-@container rows (width >= 768px) {
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines-simple {
-        grid-template-columns: 1fr 1fr
-    }
-      }
-
 .mjsz-vbr-gamecenter-timeline-lineups-lines-referees {
       display: grid;
       grid-template-columns: 1fr;
-      gap: 0.5rem;
+      gap: 0.5rem
     }
 
-@container rows (width >= 768px) {
-
-.mjsz-vbr-gamecenter-timeline-lineups-lines-referees {
-        grid-template-columns: 1fr 1fr 1fr 1fr
-    }
-      }
-
 .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container {
       display: grid;
       grid-template-columns: 40px 1fr;
@@ -826,13 +715,6 @@
         flex: 1;
       }
 
-@container rows (width >= 768px) {
-
-.mjsz-vbr-gamecenter-timeline-game-officials .is-game-officials-container {
-        flex-direction: row
-    }
-      }
-
 .mjsz-vbr-gamecenter-timeline-data-table {
     margin-block-end: 1rem;
     min-width: 0;
@@ -869,3 +751,5 @@
         outline: 1px solid var(--vbr-widget-gamecenter-away-team-identifier-border-color);
         outline-offset: -1px;
       }
+
+:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[{"b":[{"e":"&:not(:has(.is-details-list))","d":{"grid-template-areas":"'type-icon detail-title team-logo'","align-items":"center"}},{"e":".is-team-logo","d":{"display":"block"}}],"a":[[["width",">",410]]]},{"b":[{"e":".is-timeline","d":{"grid-column":"3/4","grid-row":"1/-1"}},{"e":"&[data-team='away']","d":{"--areas":"'. . . . .' '. time time time details' '. . . . .'"}},{"e":"&[data-team='home'] .is-details-container","d":{"grid-template-columns":"auto 1fr","grid-template-areas":"'team-logo detail-title type-icon' 'team-logo detail-list type-icon'","border-inline-end":"none","border-inline-start":"5px solid var(--vbr-widget-gamecenter-home-team-identifier-color)"}}],"a":[[["width",">",500]]]},{"b":[{"e":"&.is-away-team","d":{"grid-template-areas":"'lw .' 'lw ld' 'c ld' 'c rd' 'rw rd' 'rw .'"}},{"e":"&:has(.is-gk)","d":{"display":"flex","justify-content":"center","grid-template-columns":"none","grid-template-areas":"none"}},{"e":".is-gk","d":{"width":"50%"}}],"a":[[["width",">=",768]]]}]}' }

package/dist/css/game-center.css

@@ -200,17 +200,6 @@
     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);
     }
@@ -371,3 +360,5 @@
     gap: 20px;
     margin-bottom: 20px;
   }
+
+:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[{"b":[{"e":"> *:last-of-type","d":{"grid-column":"2/7"}}],"a":[[["max-width",":",500]]]}]}' }

package/dist/css/games-timeline.css

@@ -25,37 +25,9 @@
     flex-shrink: 0;
     flex-grow: 0;
     flex-basis: 100%;
-    scroll-snap-align: start;
+    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;
@@ -268,3 +240,5 @@
 .mjsz-vbr-score-display .is-slide-transition-leave-to {
     transform: translateY(100%);
   }
+
+:export { meta: '{"e":".games-timeline","f":[]}' }

package/dist/css/grid.css

@@ -56,3 +56,5 @@
     grid-template-columns: var(--columns-tablet)
 }
   }
+
+:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[]}' }

package/dist/css/paginator.css

@@ -47,3 +47,4 @@
       border-color: var(--vbr-widget-paginator-active-bg-color);
       cursor: default;
     }
+:export { meta: '{"e":".paginator","f":[]}' }

package/dist/css/playoffs.css

@@ -3,10 +3,9 @@
 
 .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
-      );
+    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);
   }
 
@@ -73,15 +72,6 @@
       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;
@@ -116,15 +106,6 @@
       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;
@@ -146,3 +127,5 @@
 .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-right {
       text-align: right;
     }
+
+:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[{"b":[{"e":".is-team-name-long","d":{"display":"none"}},{"e":".is-team-name-short","d":{"display":"block"}}],"a":[[["max-width",":",768]]]}]}' }

package/dist/css/progress.css

@@ -61,7 +61,7 @@
   align-items: center;
 }
 
-@media (width > 500px) {
+@media (min-width: 501px) {
 
 .mjsz-vbr-statistics-double-bar {
     grid-template-areas: 'title title title title' 'value-start bar-start bar-end value-end'
@@ -125,3 +125,5 @@
     line-height: 1.5rem;
     color: var(--vbr-widget-primary-color-500);
   }
+
+:export { meta: '{"e":".progress","f":[]}' }

package/dist/css/reset.css

@@ -31,3 +31,5 @@ ol,
 ul {
   list-style: none;
 }
+
+:export { meta: '{"e":"h1,\nh2,\nh3,\nul,\nli,\np,\ndl,\ndt,\ndd","f":[]}' }

package/dist/css/responsive-table.css

@@ -8,3 +8,4 @@
 .mjsz-vbr-table-responsive table {
   width: 100%;
 }
+:export { meta: '{"e":".table-responsive","f":[]}' }

package/dist/css/table.css

@@ -221,15 +221,6 @@
       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;
@@ -279,3 +270,5 @@
       color: var(--vbr-widget-table-active-hover-color);
       background-color: var(--vbr-widget-table-active-hover-bg-color);
     }
+
+:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[{"b":[{"e":".is-team-name-long","d":{"display":"none"}},{"e":".is-team-name-short","d":{"display":"block"}}],"a":[[["max-width",":",768]]]}]}' }

package/dist/css/teams.css

@@ -24,3 +24,5 @@
     width: 100%;
     aspect-ratio: 1;
   }
+
+:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[]}' }

package/dist/css/typography.css

@@ -98,3 +98,4 @@
 .is-w-10 {
   width: 32px;
 }
+:export { meta: '{"e":".is-text-right","f":[]}' }

package/dist/css/variables.css

@@ -249,3 +249,5 @@
   --vbr-widget-games-timeline-external-link-color: var(--vbr-widget-primary-color-500);
   --vbr-widget-games-timeline-external-link-size: var(--vbr-widget-typography-font-size-200);
 }
+
+:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[]}' }

package/package.json

@@ -1,14 +1,10 @@
 {
   "name": "@mjsz-vbr-elements/shared",
+  "type": "module",
+  "version": "2.11.0",
   "private": false,
-  "version": "2.10.0",
   "author": "Ákos Stegner <akos.stegner@gmail.com>",
   "homepage": "https://api.icehockey.hu/widgets/docs/v2/",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/icons/index.js",
   "exports": {
     ".": {
       "import": "./dist/icons/index.js"
@@ -21,12 +17,18 @@
       "require": "./dist/css/*.css"
     }
   },
+  "module": "./dist/icons/index.js",
+  "files": [
+    "dist"
+  ],
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",
+    "@zeecoder/postcss-container-query": "^3.1.0",
     "glob": "^11.0.1",
     "nodemon": "^3.1.9",
     "postcss": "^8.4.49",
     "postcss-import": "^16.1.0",
+    "postcss-media-minmax": "^5.0.0",
     "postcss-mixins": "^11.0.3",
     "postcss-nested": "^7.0.2",
     "postcss-prefixer": "^3.0.0",