@revolist/ui 4.0.6-rc → 4.0.9

package/styles/pagination.css

@@ -1,5 +1,6 @@
 /* Shared native and Preact pagination; product loading stays with the host. */
-.rv-pagination-panel, .rv-pagination {
+.rv-pagination-panel,
+.rv-pagination {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
@@ -14,7 +15,11 @@
   line-height: 1.4;
   font-variant-numeric: tabular-nums;
 }
-.rv-pagination-panel { box-sizing: border-box; padding: 8px 12px; justify-content: space-between; }
+.rv-pagination-panel {
+  box-sizing: border-box;
+  padding: 8px 12px;
+  justify-content: space-between;
+}
 .rv-pagination-panel > span {
   display: flex;
   align-items: center;
@@ -64,10 +69,18 @@
   border-color: transparent;
   background: var(--rv-ui-surface-hover);
 }
-.rv-pagination-button--icon { width: 32px; }
-.rv-pagination-chevron { display: block; flex: none; }
-.rv-pagination-chevron:dir(rtl) { transform: rotate(180deg); }
-.rv-pagination-summary, .rv-pagination-ellipsis {
+.rv-pagination-button--icon {
+  width: 32px;
+}
+.rv-pagination-chevron {
+  display: block;
+  flex: none;
+}
+.rv-pagination-chevron:dir(rtl) {
+  transform: rotate(180deg);
+}
+.rv-pagination-summary,
+.rv-pagination-ellipsis {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -75,7 +88,9 @@
   height: 32px;
   white-space: nowrap;
 }
-.rv-pagination-ellipsis { color: var(--rv-ui-text-muted); }
+.rv-pagination-ellipsis {
+  color: var(--rv-ui-text-muted);
+}
 .rv-pagination-sr {
   position: absolute;
   width: 1px;
@@ -86,44 +101,113 @@
   clip-path: inset(50%);
   white-space: nowrap;
 }
-.rv-pagination { gap: 4px; }
-.rv-pagination-layout { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; width: 100%; }
-.rv-pagination-layout > label { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 13px; }
-.rv-pagination-layout select { width: auto; --rv-control-height: 32px; --rv-control-padding: 5px 8px; }
-.rv-pagination--numbered { container-type: inline-size; inline-size: 100%; flex-wrap: nowrap; }
-.rv-pagination-pages { display: inline-flex; align-items: center; gap: 4px; }
-.rv-pagination-summary--responsive { display: none; }
+.rv-pagination {
+  gap: 4px;
+}
+.rv-pagination-layout {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 16px;
+  width: 100%;
+}
+.rv-pagination-layout > label {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  white-space: nowrap;
+  font-size: 13px;
+}
+.rv-pagination-layout select {
+  width: auto;
+  --rv-control-height: 32px;
+  --rv-control-padding: 5px 8px;
+}
+.rv-pagination--numbered {
+  container-type: inline-size;
+  inline-size: 100%;
+  flex-wrap: nowrap;
+}
+.rv-pagination-pages {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.rv-pagination-summary--responsive {
+  display: none;
+}
 @container (max-width: 300px) {
-  .rv-pagination-pages:not(.rv-pagination-pages--compact) { display: none; }
-  .rv-pagination-summary--responsive { display: inline-flex; }
+  .rv-pagination-pages:not(.rv-pagination-pages--compact) {
+    display: none;
+  }
+  .rv-pagination-summary--responsive {
+    display: inline-flex;
+  }
 }
 
 @container (max-width: 900px) {
-  .rv-pagination-pages { gap: 2px; }
-  .rv-pagination-button { min-width: 28px !important; width: 28px; height: 28px !important; padding: 4px !important; }
-  .rv-pagination-panel .rv-pagination-button:not(.rv-pagination-button--icon):not([aria-current]),
-  .rv-pagination-panel .rv-pagination-ellipsis { display: none; }
+  .rv-pagination-pages {
+    gap: 2px;
+  }
+  .rv-pagination-button {
+    min-width: 28px !important;
+    width: 28px;
+    height: 28px !important;
+    padding: 4px !important;
+  }
+  .rv-pagination-panel
+    .rv-pagination-button:not(.rv-pagination-button--icon):not([aria-current]),
+  .rv-pagination-panel .rv-pagination-ellipsis {
+    display: none;
+  }
+}
+.rv-pagination-panel {
+  container-type: inline-size;
+  inline-size: 100%;
 }
-.rv-pagination-panel { container-type: inline-size; inline-size: 100%; }
 @container (max-width: 900px) {
-  .rv-pagination-panel > span:first-child { flex-wrap: nowrap; }
-  .rv-pagination-panel > span:last-child { margin-inline-start: auto; }
+  .rv-pagination-panel > span:first-child {
+    flex-wrap: nowrap;
+  }
+  .rv-pagination-panel > span:last-child {
+    margin-inline-start: auto;
+  }
 }
 @container (max-width: 580px) {
-  .rv-pagination-panel .rv-pagination-selector { display: none; }
+  .rv-pagination-panel .rv-pagination-selector {
+    display: none;
+  }
 }
 
 /* Numeric fractions keep their reading order inside an RTL navigation row. */
-.rv-pagination-summary { direction: ltr; unicode-bidi: isolate; }
+.rv-pagination-summary {
+  direction: ltr;
+  unicode-bidi: isolate;
+}
 
-.rv-pagination-button--icon:dir(rtl) .rv-svg-icon { transform: rotate(180deg); }
+.rv-pagination-button--icon:dir(rtl) .rv-svg-icon {
+  transform: rotate(180deg);
+}
 
 @container (max-width: 420px) {
-  .rv-pagination-panel > span:first-child > .rv-pagination-button--icon:first-child,
-  .rv-pagination-panel > span:first-child > .rv-pagination-button--icon:last-of-type { display: none; }
+  .rv-pagination-panel
+    > span:first-child
+    > .rv-pagination-button--icon:first-child,
+  .rv-pagination-panel
+    > span:first-child
+    > .rv-pagination-button--icon:last-of-type {
+    display: none;
+  }
 }
 
 @container (min-width: 621px) and (max-width: 900px) {
-  .rv-pagination-panel .rv-pagination-button:not(.rv-pagination-button--icon):has(+ [aria-current='page']),
-  .rv-pagination-panel [aria-current='page'] + .rv-pagination-button:not(.rv-pagination-button--icon) { display: inline-flex; }
+  .rv-pagination-panel
+    .rv-pagination-button:not(.rv-pagination-button--icon):has(
+      + [aria-current='page']
+    ),
+  .rv-pagination-panel
+    [aria-current='page']
+    + .rv-pagination-button:not(.rv-pagination-button--icon) {
+    display: inline-flex;
+  }
 }

package/styles/rating.css

@@ -26,7 +26,8 @@
     39% 35%
   ); /* Star shape */
   background-color: var(--star-empty-color, var(--rv-ui-border));
-  transition: background-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease);
+  transition: background-color var(--rv-ui-motion-fast, 120ms)
+    var(--rv-ui-motion-ease, ease);
 }
 
 .filled-star {
@@ -43,7 +44,11 @@
   ); /* Default empty star color: light gray */
 }
 
-[data-rv-ui-motion='off'] .rating-star-container .star { transition: none !important; }
+[data-rv-ui-motion='off'] .rating-star-container .star {
+  transition: none !important;
+}
 @media (prefers-reduced-motion: reduce) {
-  .rating-star-container .star { transition: none !important; }
+  .rating-star-container .star {
+    transition: none !important;
+  }
 }