@rojaostudio/ds 2.0.0-next.18 → 2.0.0-next.19

package/dist/components/data-table-header.d.ts

@@ -53,7 +53,7 @@ declare function FilterDropdown({ f, placement }: {
  * control comes after the filters, before the actions. "Filtros · N" counts the active `filters`, the ones that
  * button opens.
  *
- * Two arrangements, by the bar's own width (a size container, as the Figma's viewport mode; the SavingBar's cut):
+ * Two arrangements, by the screen width, as the Figma viewport mode (layout/compact below lg 1024; the SavingBar's cut):
  * expanded from 1024, the Separator and the Buttons with their labels; compact below it, the search accepts 200 and
  * the filter is an outline IconButton (sliders, 44) with a dot (one filter on) or a counter (several), opening the
  * same Drawer or Popover. There is no screen prop.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rojaostudio/ds",
-  "version": "2.0.0-next.18",
+  "version": "2.0.0-next.19",
   "type": "module",
   "description": "Rojão Design System — componentes React, estilos e alvo React Native. O motor vive em @rojaostudio/ds-core.",
   "license": "MIT",

package/styles/rds/components-styles.css

@@ -3586,7 +3586,7 @@ input:focus-visible + .rds-checkbox__box {
  * Popover and Drawer bring theirs. One row, 8 apart, 12 above the table, packed to the right: the search on the left
  * takes the free width, at least 320 (never wider than the bar); the quick filters, the filters, the view control
  * and the actions follow it on the right, and what does not fit wraps.
- * Two arrangements, by the bar's own width (a size container, as the Figma's viewport mode; the SavingBar's cut):
+ * Two arrangements, by the screen width, as the Figma viewport mode (layout/compact below lg 1024; the SavingBar's cut):
  * expanded from 1024 (the __wide parts: Separator, Buttons with labels); compact below it (the __narrow parts: the
  * filter as an IconButton of 44), where the search accepts 200. On the IconButton, while a filter is on, a dot of 8
  * (badge neutral fill, 6 in from the top right corner) or a neutral number Badge over the corner (-6 top, -12 right).
@@ -3594,7 +3594,6 @@ input:focus-visible + .rds-checkbox__box {
  */
 .rds-data-table-header {
   box-sizing: border-box;
-  container-type: inline-size;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
@@ -3625,7 +3624,7 @@ input:focus-visible + .rds-checkbox__box {
   display: none;
 }
 
-@container (max-width: 1023px) {
+@media (max-width: 1023px) {
   .rds-data-table-header__wide {
     display: none;
   }
@@ -8432,13 +8431,12 @@ input:focus-visible + .rds-radio__circle {
  * SavingBar (Actions collection, savingbar/*): full width (at least 320), 12 24 padding, 16 between the
  * message (label, medium, at most 2 lines with an ellipsis) and the actions (8 apart). The Buttons use the inverse
  * tone, drawn for this band in both modes, so the bar needs no theme switch of its own.
- * Two arrangements, by the bar's own width (a size container, as the Figma's viewport mode): expanded from 1024,
+ * Two arrangements, by the screen width, as the Figma viewport mode (layout/compact below lg 1024): expanded from 1024,
  * the message grows (at least 160) beside the actions; compact below it, the message on top and Descartar and
  * Salvar under it, sharing the width.
  */
 .rds-savingbar {
   box-sizing: border-box;
-  container-type: inline-size;
   width: 100%;
   min-width: min(320px, 100%);
   padding: var(--space-12) var(--space-24);
@@ -8509,7 +8507,7 @@ input:focus-visible + .rds-radio__circle {
   gap: var(--space-8);
 }
 
-@container (max-width: 1023px) {
+@media (max-width: 1023px) {
   .rds-savingbar__row {
     flex-direction: column;
     align-items: stretch;