@geotab/zenith 3.15.0-beta.2 → 3.15.0-beta.3

package/README.md

@@ -55,10 +55,8 @@ Zenith library provides components defined in Zenith Design System. It includes
 - Update `Nav` CSS styling
 - Add `active` property support to `Footer.Action` component
 - Add native accessible loading-status support (`isLoading` prop with live-region) to `Waiting`
-- Add status dot and label support to `Tag` component
 - Add "trend, neutral" icon to icon library
 - Add new icons (`IconAce`, `IconBreak`, `IconChevronStepper` and more)
-- Add `ProgressIndicator` — new table-cell progress component
 - Fix `DropdownRaw` single-select mode not auto-closing after leaf node selection
 - Fix second Y-axis chart increments not aligning with first Y-axis
 - Fix `EmptyState` component not adapting to dark mode in Drive app

package/dist/index.css

@@ -3345,17 +3345,15 @@ html:lang(ar) .zen-tooltip__title {
   /* stylelint-enable */
 }
 .zen-tooltip__arrow--top {
-  inset-block-start: 100%;
-  inset-inline-start: 50%;
-  border-color: var(--backgrounds-content-1) transparent transparent transparent;
-  border-width: 6px 5px 0 5px;
+  top: 100%;
+  left: 50%;
+  border-top-color: var(--backgrounds-content-1);
   filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
 }
 .zen-tooltip__arrow--bottom {
   bottom: 100%;
-  inset-inline-start: 0.875rem;
-  border-color: transparent transparent var(--backgrounds-content-1) transparent;
-  border-width: 0 5px 6px 5px;
+  left: 0.875rem;
+  border-bottom-color: var(--backgrounds-content-1);
   filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, 0.2));
 }
 .zen-tooltip__arrow--right {
@@ -13314,9 +13312,6 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-filters__main-row:hover .zen-search-input__input {
   background-color: var(--backgrounds-content-0);
 }
-.zen-filters__main-row--mobile {
-  margin: 0.5rem;
-}
 .zen-filters__main-row--initial {
   view-transition-name: expand-panel;
 }
@@ -13434,21 +13429,17 @@ html:lang(ar) .zen-file-upload__file-name {
 }
 .zen-filters-popup__content .zen-filters-popup__right-panel {
   flex-grow: 1;
-  height: 100%;
-  max-width: calc(100% - 7.6875rem);
-}
-.zen-filters-popup.zen-filters-popup--mobile {
-  width: 100%;
-  max-width: 100%;
-  view-transition-name: expand-panel;
-}
-.zen-filters-popup.zen-filters-popup--mobile .zen-filters-popup__right-panel {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
   max-width: 100%;
 }
 .zen-filters-container {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
+  flex-grow: 1;
+  min-width: 0;
   gap: 0.25rem;
   margin-block-start: 0;
   padding: 0.5rem 0;
@@ -13507,9 +13498,6 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-filters-container__mobile-scroll-wrapper > * {
   flex-shrink: 0;
 }
-.zen-filters-container__mobile-scroll-wrapper:last-child {
-  margin-inline-end: 0.5rem;
-}
 .zen-filters-container.zen-filters__container--no-search {
   margin-block-start: 0;
   padding: 0;
@@ -14735,7 +14723,6 @@ html:lang(ar) .zen-list-item__secondary {
 }
 .zen-filters-search-list--mobile {
   padding: 1rem 0;
-  overflow-y: auto;
 }
 .zen-filters-search-list__header {
   display: flex;
@@ -14758,9 +14745,10 @@ html:lang(ar) .zen-list-item__secondary {
 html:lang(ar) .zen-filters-search-list__header-title {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
-.zen-filters-search-list__data {
-  padding: 1px;
-  max-height: 18.5rem;
+.zen-filters-search-list__header-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
 }
 .zen-filters-search-list .zen-filters-search-list__header--drive .zen-filters-search-list__header-title {
   font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -16450,13 +16438,11 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
   min-width: 1.375rem;
   justify-content: center;
 }
-.zen-filters-search.zen-filters-popup__search-with-pills.zen-filters-search--mobile {
+.zen-filters-search.zen-filters-popup__search-with-pills {
   margin: 0;
   padding: 0 0.75rem;
-  border: var(--border-width-default) solid var(--borders-general);
-  border-radius: var(--border-radius-default);
 }
-.zen-filters-search.zen-filters-popup__search-with-pills.zen-filters-search--mobile .zen-filters-search__selected {
+.zen-filters-search.zen-filters-popup__search-with-pills .zen-filters-search__selected {
   flex-shrink: 0;
 }
 .zen-filters-search--mobile {
@@ -16681,14 +16667,9 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   padding-block: 1rem 0.25rem;
   padding-inline: 1rem;
   width: 100%;
+  box-sizing: border-box;
   overflow-x: auto;
-  -ms-overflow-style: none;
-  /* IE and Edge */
-  scrollbar-width: none;
-  /* Firefox */
-}
-.zen-filters-select-compact::-webkit-scrollbar {
-  display: none;
+  flex-shrink: 0;
 }
 .zen-filters-select-compact__list {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@geotab/zenith",
-    "version": "3.15.0-beta.2",
+    "version": "3.15.0-beta.3",
     "description": "Zenith components library on React",
     "main": "dist/index.js",
     "types": "esm/index.d.ts",
@@ -25,7 +25,7 @@
         "build-less": "node less-compile.js",
         "build-storybook": "storybook build && npm run build-ai-mdx",
         "build-ts": "npm run build-esm && npm run build-cjs && npm run inject-translations && node less-transformer.js",
-        "clean": "rm -rf ./dist && rm -rf ./esm && rm -rf ./jest-coverage",
+        "clean": "rm -rf ./dist && rm -rf ./esm && rm -rf ./jest-coverage && rm -rf ./.temp_cache",
         "coverage": "npm run test-coverage && google-chrome ./jest-coverage/index.html",
         "inject-translations": "node build-utils/translations/inject-translations.js",
         "lint": "npx eslint",