@watermarkinsights/ripple 6.0.0-alpha.4 → 6.0.0

package/dist/collection/components/charts/priv-chart-popover-old/priv-chart-popover-old.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/charts/wm-chart/wm-chart.css

@@ -232,7 +232,7 @@
   text-align: end;
   margin-block-start: 0.25rem;
 }
-@media screen and (min-inline-size: 768px) {
+@media screen and (min-width: 768px) {
   :host .component-wrapper.bar {
     flex-direction: row;
   }
@@ -469,7 +469,7 @@
   padding-block-end: 1.25rem;
 }
 
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/charts/wm-chart-bar/wm-chart-bar.css

@@ -123,7 +123,7 @@
   align-items: center;
   justify-content: center;
 }
-@container chart-measure (max-inline-size: 414px) {
+@container chart-measure (max-width: 414px) {
   :host .left-axis-label {
     display: none;
   }
@@ -1161,7 +1161,7 @@
   border-block-end: 1px solid var(--wmcolor-chart-gridline, #e0e0e0);
   background-size: var(--background-size);
 }
-@container chart-measure (max-inline-size: 414px) {
+@container chart-measure (max-width: 414px) {
   .grid-lines {
     background-size: 100%;
   }
@@ -1197,7 +1197,7 @@
   justify-content: space-between;
   font-size: 0.75rem;
 }
-@container chart-measure (max-inline-size: 414px) {
+@container chart-measure (max-width: 414px) {
   .x-axis .tick:not(:first-of-type):not(:last-of-type) {
     visibility: hidden;
   }

package/dist/collection/components/charts/wm-chart-column/wm-chart-column.css

@@ -123,7 +123,7 @@
   align-items: center;
   justify-content: center;
 }
-@container chart-measure (max-inline-size: 414px) {
+@container chart-measure (max-width: 414px) {
   :host .left-axis-label {
     display: none;
   }

package/dist/collection/components/charts/wm-chart-legend/wm-chart-legend.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/charts/wm-chart-stack/wm-chart-stack.css

@@ -123,7 +123,7 @@
   align-items: center;
   justify-content: center;
 }
-@container chart-measure (max-inline-size: 414px) {
+@container chart-measure (max-width: 414px) {
   :host .left-axis-label {
     display: none;
   }
@@ -1440,7 +1440,7 @@
   block-size: 1rem;
 }
 
-@container (max-inline-size: 414px) {
+@container (max-width: 414px) {
   .print-table {
     grid-template-columns: 1fr;
     row-gap: 0.5rem;

package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css

@@ -232,7 +232,7 @@
   text-align: end;
   margin-block-start: 0.25rem;
 }
-@media screen and (min-inline-size: 768px) {
+@media screen and (min-width: 768px) {
   :host .component-wrapper.bar {
     flex-direction: row;
   }
@@ -469,7 +469,7 @@
   padding-block-end: 1.25rem;
 }
 
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css

@@ -84,7 +84,7 @@
   padding-block-end: 1.25rem;
 }
 
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/datepickers/datepicker.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -1058,7 +1058,7 @@
   border-radius: 3px;
   max-inline-size: 236px; /* input is 200px or smaller, button is 36px */
 }
-@media only screen and (max-inline-size: 768px) {
+@media only screen and (max-width: 768px) {
   :host .wrapper .input {
     block-size: 2.75rem;
   }
@@ -1075,7 +1075,7 @@
   grid-template-columns: 120px 17px 120px;
   grid-template-areas: "start-label-wrapper . end-label-wrapper" "start-date-input hyphen end-date-input";
 }
-@media only screen and (max-inline-size: 768px) {
+@media only screen and (max-width: 768px) {
   :host .wrapper .range-wrapper {
     grid-template-rows: minmax(21px, 1fr) 44px;
   }

package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/selects/priv-option-list/priv-option-list.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -1007,7 +1007,7 @@
   text-transform: none;
   text-align: start;
 }
-@media only screen and (max-inline-size: 768px) {
+@media only screen and (max-width: 768px) {
   .button-wrapper .displayedoption {
     block-size: 2.75rem;
   }

package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/selects/wm-option/wm-option.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/selects/wm-select/wm-select.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -1024,7 +1024,7 @@
   text-transform: none;
   text-align: start;
 }
-@media only screen and (max-inline-size: 768px) {
+@media only screen and (max-width: 768px) {
   .displayedoption {
     block-size: 2.75rem;
   }

package/dist/collection/components/wm-action-menu/wm-action-menu.css

@@ -155,7 +155,7 @@
   overflow-wrap: break-word;
   box-shadow: none;
 }
-@media screen and (min-inline-size: 48rem) {
+@media screen and (min-width: 48rem) {
   :host .wm-button {
     min-block-size: 3.3333333333em;
   }
@@ -286,7 +286,7 @@
   text-align: center;
   letter-spacing: normal;
 }
-@media screen and (min-inline-size: 48rem) {
+@media screen and (min-width: 48rem) {
   :host .wm-button.-icononly, :host .wm-button.-navigational {
     min-inline-size: 2.5rem;
     min-block-size: 2.5rem;
@@ -736,7 +736,7 @@
   padding-block-end: 0.75rem;
 }
 
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-button/wm-button.css

@@ -155,7 +155,7 @@
   overflow-wrap: break-word;
   box-shadow: none;
 }
-@media screen and (min-inline-size: 48rem) {
+@media screen and (min-width: 48rem) {
   :host .wm-button {
     min-block-size: 3.3333333333em;
   }
@@ -286,7 +286,7 @@
   text-align: center;
   letter-spacing: normal;
 }
-@media screen and (min-inline-size: 48rem) {
+@media screen and (min-width: 48rem) {
   :host .wm-button.-icononly, :host .wm-button.-navigational {
     min-inline-size: 2.5rem;
     min-block-size: 2.5rem;
@@ -736,7 +736,7 @@
   padding-block-end: 0.75rem;
 }
 
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-file/wm-file.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-file-list/wm-file-list.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-flyout/wm-flyout.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -927,7 +927,7 @@ dialog {
   transform: translateX(100%);
   transition: transform 250ms ease-out, overlay 250ms ease-out allow-discrete, display 250ms ease-out allow-discrete;
 }
-@media (max-inline-size: 33.375rem) {
+@media (max-width: 33.375rem) {
   dialog {
     max-inline-size: 100vw;
   }
@@ -947,7 +947,7 @@ dialog .flyout-header {
   padding: 1.25rem 1.875rem;
   border-block-end: 0.0625rem solid var(--wmcolor-border);
 }
-@container flyout (inline-size <= 25.875rem) {
+@container flyout (width <= 25.875rem) {
   dialog .flyout-header {
     padding: 0.75rem 1rem;
   }
@@ -1031,7 +1031,7 @@ dialog .flyout-footer {
   align-items: center;
   gap: 1rem;
 }
-@container flyout (inline-size <= 25.875rem) {
+@container flyout (width <= 25.875rem) {
   dialog .flyout-footer {
     padding: 0.75rem 1rem;
   }

package/dist/collection/components/wm-input/wm-input.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -1007,7 +1007,7 @@
   display: flex;
   overflow: clip;
 }
-@media only screen and (max-inline-size: 768px) {
+@media only screen and (max-width: 768px) {
   :host .wrapper .inputfield-wrapper {
     block-size: 2.75rem;
   }

package/dist/collection/components/wm-menuitem/wm-menuitem.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-modal/wm-modal-footer.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-modal/wm-modal-header.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-modal/wm-modal.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -960,7 +960,7 @@ wm-modal .sr-only {
   inset-inline-start: 0;
 }
 
-@media only screen and (max-inline-size: 48rem) {
+@media only screen and (max-width: 48rem) {
   dialog.wm-modal {
     block-size: 100vh;
     block-size: 100dvh;

package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -906,7 +906,7 @@ wm-modal-pss-footer .wm-wrapper {
   -ms-flex-align: center;
   align-items: center;
 }
-@media only screen and (max-inline-size: 650px) {
+@media only screen and (max-width: 650px) {
   wm-modal-pss-footer .wm-wrapper.footer-text {
     flex-direction: column;
     align-items: flex-start;
@@ -919,7 +919,7 @@ wm-modal-pss-footer .wm-wrapper .wm-info {
   font-size: 0.875rem;
   font-style: italic;
 }
-@media only screen and (max-inline-size: 650px) {
+@media only screen and (max-width: 650px) {
   wm-modal-pss-footer .wm-wrapper .wm-info {
     padding-block-end: 0.625rem;
   }

package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-modal-pss/wm-modal-pss.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -949,7 +949,7 @@ wm-modal-pss.wm-modal wm-modal-pss-header {
 wm-modal-pss.wm-modal wm-modal-pss-footer {
   border-block-start: 1px solid var(--wmcolor-modal-border);
 }
-@media only screen and (max-inline-size: 768px) {
+@media only screen and (max-width: 768px) {
   wm-modal-pss.wm-modal {
     block-size: 100%;
     max-block-size: none;

package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -915,7 +915,7 @@ button:hover {
   color: var(--wmcolor-navigation-hamburger-icon);
 }
 
-@media screen and (max-inline-size: 1023px) {
+@media screen and (max-width: 1023px) {
   :host {
     inline-size: 3.75rem;
     block-size: 3.75rem;

package/dist/collection/components/wm-navigation/wm-navigation-item.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-navigation/wm-navigation.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -928,7 +928,7 @@
 }
 
 /* COLLAPSIBLE STYLES */
-@media screen and (max-inline-size: 1023px) {
+@media screen and (max-width: 1023px) {
   .tray {
     -ms-transition: transform 0.33s ease;
     -webkit-transition: transform 0.33s ease;

package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-navigator/wm-navigator.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-pagination/wm-pagination.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-search/wm-search.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -905,7 +905,7 @@
   align-items: center;
   block-size: 2.5rem;
 }
-@media only screen and (max-inline-size: 768px) {
+@media only screen and (max-width: 768px) {
   :host .wm-search-wrapper {
     block-size: 2.75rem;
   }

package/dist/collection/components/wm-snackbar/wm-snackbar.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);
@@ -1137,7 +1137,7 @@
   white-space: nowrap;
   transform: translateX(-50%);
 }
-@media screen and (min-inline-size: 48rem) {
+@media screen and (min-width: 48rem) {
   .user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active) > .tooltip {
     inset-block-start: 2.0625rem;
     inset-inline-start: auto;

package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);

package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css

@@ -29,7 +29,7 @@
    When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements
    (they can't be aligned on the baseline because of possible description text and error message)
    -------------------------------------- */
-@container chart-measure (max-inline-size: 414px) {}
+@container chart-measure (max-width: 414px) {}
 .svg-icon {
   display: block;
   inline-size: var(--icon-size, 0.875rem);