@geotab/zenith 3.13.1-beta.0 → 3.13.1-beta.1

package/dist/commonStyles/popupMixin.less

@@ -7,9 +7,9 @@
 }
 
 .zen-popup-body.zen-popup-body {
-    overflow-block: auto;
+    overflow-y: auto;
 
     &--hidden {
-        overflow-block: hidden;
+        overflow-y: hidden;
     }
 }

package/dist/index.css

@@ -2675,7 +2675,7 @@ html:lang(ar) .zen-button--mobile {
   box-sizing: border-box;
   position: absolute;
   z-index: 11000;
-  overflow-block: auto;
+  overflow-y: auto;
   outline: none;
 }
 .zen-absolute * {
@@ -3813,8 +3813,7 @@ html:lang(ar) .zen-card__secondary {
   overflow: hidden;
 }
 .zen-card__content--overflow-scroll {
-  overflow-inline: hidden;
-  overflow-block: auto;
+  overflow: hidden auto;
 }
 .zen-card__header-right {
   margin-inline-start: auto;
@@ -4691,10 +4690,10 @@ html:lang(ar) .zen-mobile-sheet__title {
 }
 .zen-mobile-sheet__content {
   flex: 1 1 auto;
-  overflow-block: auto;
+  overflow-y: auto;
 }
 .zen-mobile-sheet--mobile-android {
-  overflow-block: hidden;
+  overflow-y: hidden;
   position: fixed;
 }
 .zen-mobile-sheet__footer {
@@ -4862,7 +4861,7 @@ html:lang(ar) .zen-data-feed {
   padding-block: 0.5625rem;
 }
 .zen-data-feed--scrollable {
-  overflow-block: auto;
+  overflow-y: auto;
 }
 .zen-data-feed--empty .zen-data-feed__feed {
   display: none;
@@ -6517,18 +6516,18 @@ html:lang(ar) .zen-table__detail-panel--header-details {
     max-width: 100%;
     min-width: 0;
     transform: translateX(100%);
-    overflow-block: hidden;
+    overflow-y: hidden;
     will-change: opacity, transform;
     transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .zen-table__detail-panel--shown {
     opacity: 1;
     transform: translateX(0);
-    overflow-block: auto;
+    overflow-y: auto;
   }
 }
 .zen-table__detail-panel-content {
-  overflow-block: auto;
+  overflow-y: auto;
   flex: 1;
   padding: 0.75rem;
 }
@@ -6774,7 +6773,7 @@ html:lang(ar) .zen-summary-tile {
 .zen-summary-tile__content {
   max-height: 2rem;
   min-height: 2rem;
-  overflow-block: hidden;
+  overflow-y: hidden;
   width: 100%;
 }
 .zen-summary-tile__title-text {
@@ -8298,7 +8297,7 @@ html:lang(ar) .zen-checkbox-list-with-action__counter {
   text-transform: none;
   text-decoration: none;
   height: 100%;
-  overflow-block: auto;
+  overflow-y: auto;
   max-height: 15.3125rem;
 }
 html:lang(ar) .zen-dropdown-list__elements {
@@ -10021,7 +10020,7 @@ html:lang(ar) .zen-pill-box__label {
   box-sizing: border-box;
 }
 .zen-modal-content--hidden-overflow.zen-modal-content--hidden-overflow {
-  overflow-block: hidden;
+  overflow-y: hidden;
 }
 .zen-modal-content__header {
   display: flex;
@@ -10374,7 +10373,7 @@ html:lang(ar) .zen-status-pill__container {
   flex-direction: column;
   padding: 0.75rem 0.5rem;
   gap: 1rem;
-  overflow-block: auto;
+  overflow-y: auto;
   max-height: 480px;
 }
 .zen-status-pill-popup__container--small {
@@ -10472,7 +10471,7 @@ html:lang(ar) .zen-status-pill-popup__header-text {
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  overflow-block: auto;
+  overflow-y: auto;
 }
 html:lang(ar) .zen-status-pill-popup__description {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -10511,7 +10510,7 @@ html:lang(ar) .zen-status-pill-popup__description {
 .zen-status-pill-popup--mobile .zen-mobile-sheet__content {
   padding: 1rem;
   max-height: 90vb;
-  overflow-block: auto;
+  overflow-y: auto;
 }
 .zen-status-pill-popup__mobile-title {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11133,7 +11132,7 @@ html:lang(ar) .zen-chart__x-axis {
   .zen-chart--legend-right .zen-chart__legend {
     flex: 0 0 100%;
     padding-inline-start: 0;
-    overflow-block: visible;
+    overflow-y: visible;
   }
 }
 .zen-pie-legend {
@@ -11924,7 +11923,7 @@ html:lang(ar) .zen-columns-filter__item {
 .zen-date-input-popup {
   width: 17.5rem;
   min-width: 17.5rem;
-  overflow-inline: hidden;
+  overflow-x: hidden;
 }
 .zen-date-input-popup__button-clear {
   margin-block: 0.5rem 0.25rem;
@@ -12240,7 +12239,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
 .zen-date-range-popup {
   width: 17.5rem;
   min-width: 17.5rem;
-  overflow-inline: hidden;
+  overflow-x: hidden;
 }
 .zen-date-range-popup__button-clear {
   margin-block: 0.5rem 0.25rem;
@@ -12721,10 +12720,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   border-radius: var(--border-radius-default);
 }
 .zen-popup-body.zen-popup-body {
-  overflow-block: auto;
+  overflow-y: auto;
 }
 .zen-popup-body.zen-popup-body--hidden {
-  overflow-block: hidden;
+  overflow-y: hidden;
 }
 .zen-alerts {
   position: fixed;
@@ -13148,8 +13147,7 @@ html:lang(ar) .zen-file-upload__file-name {
 }
 .zen-filters--mobile {
   flex-wrap: nowrap;
-  overflow-inline: auto;
-  overflow-block: hidden;
+  overflow: auto hidden;
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
@@ -13280,7 +13278,7 @@ html:lang(ar) .zen-file-upload__file-name {
   flex-direction: column;
   flex: 1;
   min-height: 0;
-  overflow-block: hidden;
+  overflow-y: hidden;
 }
 .zen-filters-popup__content {
   display: flex;
@@ -13427,8 +13425,7 @@ html:lang(ar) .zen-file-upload__file-name {
   height: 3rem;
 }
 .zen-groups-filter-menu__groups-box {
-  overflow-block: auto;
-  overflow-inline: hidden;
+  overflow: hidden auto;
   max-height: 16.25rem;
 }
 .zen-groups-filter-menu__groups-list--no-space,
@@ -13769,7 +13766,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
 }
 .zen-groups-filter__popup.zen-groups-filter__popup {
   z-index: 11001;
-  overflow-block: hidden;
+  overflow-y: hidden;
 }
 .zen-groups-filter__popup.zen-groups-filter__popup.zen-groups-filter__popup--inactive {
   z-index: 10999;
@@ -14587,7 +14584,7 @@ html:lang(ar) .zen-list-item__secondary {
 .zen-filters-search-list {
   flex: 1;
   min-height: 0;
-  overflow-block: auto;
+  overflow-y: auto;
 }
 .zen-filters-search-list--mobile {
   padding: 1rem 0;
@@ -15096,8 +15093,7 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
 }
 .zen-tabs__scrollable {
   display: flex;
-  overflow-inline: auto;
-  overflow-block: hidden;
+  overflow: auto hidden;
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding: 0.0625rem;
@@ -15464,8 +15460,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
 }
 .zen-filters-toolbar__scrollable {
   display: flex;
-  overflow-inline: auto;
-  overflow-block: hidden;
+  overflow: auto hidden;
   height: 100%;
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -15644,7 +15639,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
 }
 .zen-side-panel-parent--open {
   max-height: 100vb;
-  overflow-block: hidden;
+  overflow-y: hidden;
 }
 .zen-filters-bar-dropdown {
   box-sizing: border-box;
@@ -16408,8 +16403,7 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
   fill: var(--text-primary);
 }
 .zen-side-panel-filters__content {
-  overflow-inline: hidden;
-  overflow-block: auto;
+  overflow: hidden auto;
   flex: 1 1 auto;
 }
 .zen-side-panel-filters__item {
@@ -16505,7 +16499,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   display: flex;
   flex-direction: column;
   height: 100%;
-  overflow-block: hidden;
+  overflow-y: hidden;
 }
 .zen-side-panel-filters.zen-side-panel-filters {
   min-width: 22.5rem;
@@ -16523,7 +16517,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   padding-inline: 1rem;
   width: 100%;
   box-sizing: border-box;
-  overflow-inline: auto;
+  overflow-x: auto;
   flex-shrink: 0;
 }
 .zen-filters-select-compact__list {
@@ -16835,8 +16829,7 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
 }
 .zen-side-panel-filters-bar__content {
   padding-block-start: 0.5rem;
-  overflow-inline: hidden;
-  overflow-block: auto;
+  overflow: hidden auto;
   flex: 1 1 auto;
 }
 .zen-side-panel-filters-bar__apply-button--desktop {
@@ -16866,7 +16859,7 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
   display: flex;
   flex-direction: column;
   height: 100%;
-  overflow-block: hidden;
+  overflow-y: hidden;
 }
 .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
   min-width: 20rem;
@@ -17567,7 +17560,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   padding-block-start: 0;
 }
 .zen-layout.zen-layout--no-scroll .zen-layout__content {
-  overflow-block: auto;
+  overflow-y: auto;
 }
 .zen-card-deck {
   box-sizing: border-box;
@@ -17799,8 +17792,7 @@ html:lang(ar) .zen-mini-tabs {
 }
 .zen-nav__content {
   flex: 1 1 auto;
-  overflow-block: auto;
-  overflow-inline: hidden;
+  overflow: hidden auto;
   position: relative;
 }
 .zen-nav__content--has-scrollbar {
@@ -17859,7 +17851,7 @@ html:lang(ar) .zen-mini-tabs {
 .zen-nav--mobile {
   padding-block: var(--nav-top-bottom-mobile-padding);
   padding-inline: var(--nav-left-right-padding);
-  overflow-block: auto;
+  overflow-y: auto;
   gap: 0.5rem;
 }
 .zen-nav--mobile .zen-nav__content {
@@ -17873,11 +17865,11 @@ html:lang(ar) .zen-mini-tabs {
   padding-block: 0.375rem;
 }
 .zen-nav--mobile-edit {
-  overflow-block: hidden;
+  overflow-y: hidden;
 }
 .zen-nav--mobile-edit .zen-nav__content {
   flex: 1 1 auto;
-  overflow-block: auto;
+  overflow-y: auto;
 }
 .zen-nav--collapsed {
   padding-inline: var(--nav-left-right-collapsed-padding);
@@ -18790,8 +18782,7 @@ html:lang(ar) .zen-pill {
 }
 .zen-page-layout {
   box-sizing: border-box;
-  overflow-inline: hidden;
-  overflow-block: auto;
+  overflow: hidden auto;
   z-index: 1000;
   margin: 0;
   touch-action: manipulation;
@@ -19268,7 +19259,7 @@ html:lang(ar) .zen-tab-bar-content {
   padding: 0.75rem;
   background-color: var(--backgrounds-content-1);
   width: 100%;
-  overflow-inline: hidden;
+  overflow-x: hidden;
 }
 .zen-toolbar * {
   box-sizing: border-box;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@geotab/zenith",
-    "version": "3.13.1-beta.0",
+    "version": "3.13.1-beta.1",
     "description": "Zenith components library on React",
     "main": "dist/index.js",
     "types": "esm/index.d.ts",