@geotab/zenith 3.3.0 → 3.4.0-beta.0

package/dist/index.css

@@ -1794,53 +1794,6 @@
 .zen-advanced-groups-filter-prioritized-modal {
   z-index: 11011;
 }
-.zen-form-field-error {
-  margin-top: 4px;
-  display: flex;
-  font-family: var(--main-font);
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0.32px;
-  line-height: 16px;
-  text-transform: none;
-  color: var(--text-error-message);
-  fill: var(--text-error-message);
-}
-.zen-form-field-error__error-text {
-  margin-left: 4px;
-  display: flex;
-  flex-direction: column;
-}
-.zen-form-field-error__error-icon {
-  flex: 0 0 auto;
-}
-.zen-form-field-error__icon-container {
-  padding: 1px 2px 0;
-  height: 16px;
-}
-.zen-form-field-error.zen-form-field-error--drive .zen-form-field-error__icon-container,
-.zen-form-field-error.zen-form-field-error--drive-tablet .zen-form-field-error__icon-container {
-  height: 18px;
-}
-.zen-form-field-error.zen-form-field-error--drive {
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0.32px;
-  line-height: 18px;
-  text-transform: none;
-}
-.zen-form-field-error.zen-form-field-error--drive-tablet {
-  font-family: var(--main-font);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0.32px;
-  line-height: 18px;
-  text-transform: none;
-}
 .zen-banner {
   box-sizing: border-box;
   min-height: 48px;
@@ -2165,24 +2118,210 @@
     background-position: -250% 0%;
   }
 }
-.zen-textarea {
-  overflow: visible;
-  white-space: wrap;
+.zen-tooltip {
+  box-sizing: border-box;
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  display: flex;
+  position: absolute;
+  background-color: var(--backgrounds-content-1);
+  color: var(--text-primary);
+  border: none;
+  border-radius: var(--border-radius-default);
+  min-width: 42px;
+  width: auto;
+  z-index: 11100;
 }
-.zen-textarea--no-resize {
-  resize: none;
+.zen-tooltip * {
+  box-sizing: border-box;
 }
-.zen-review-text-control {
-  color: var(--text-primary);
+.zen-tooltip--auto {
+  max-width: 272px;
+  max-height: 82px;
+  padding: 8px;
+}
+.zen-tooltip--mobile,
+.zen-tooltip--drive {
+  width: auto;
+  max-width: 368px;
+  padding: 12px;
+  justify-content: space-between;
+  align-items: center;
+  left: 10px;
+  right: 10px;
+}
+.zen-tooltip--mobile {
+  max-height: 112px;
+}
+.zen-tooltip--drive {
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
-  letter-spacing: 0;
+  letter-spacing: 0.32px;
+  line-height: 20px;
+  text-transform: none;
+  max-height: 148px;
+}
+.zen-tooltip .zen-tooltip__close-button {
+  display: flex;
+  align-items: start;
+  align-self: start;
+  flex-shrink: 0;
+  background: none;
+  border: none;
+  padding: 0;
+  border-radius: 50%;
+  color: var(--text-primary);
+  fill: var(--text-primary);
+}
+.zen-tooltip .zen-tooltip__close-button:active,
+.zen-tooltip .zen-tooltip__close-button:focus,
+.zen-tooltip .zen-tooltip__close-button:hover {
+  border: 0;
+}
+.zen-tooltip__title {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: 0.16px;
   line-height: 16px;
   text-transform: none;
+  margin-bottom: 4px;
 }
-.zen-review-text-control--secondary {
+.zen-tooltip__body {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+}
+.zen-tooltip__body--desktop,
+.zen-tooltip__body--mobile,
+.zen-tooltip__body--drive {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+}
+.zen-tooltip__body--desktop {
+  line-clamp: 4;
+  -webkit-line-clamp: 4;
+}
+.zen-tooltip__body--mobile,
+.zen-tooltip__body--drive {
+  line-clamp: 5;
+  -webkit-line-clamp: 5;
+}
+.zen-tooltip__body--small {
+  white-space: nowrap;
+}
+.zen-tooltip__arrow {
+  position: absolute;
+  border-style: solid;
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
+}
+.zen-tooltip__arrow--top {
+  top: 100%;
+  left: 50%;
+  border-color: var(--backgrounds-content-1) transparent transparent transparent;
+  border-width: 6px 5px 0 5px;
+  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));
+}
+.zen-tooltip__arrow--bottom {
+  bottom: 100%;
+  left: 14px;
+  border-color: transparent transparent var(--backgrounds-content-1) transparent;
+  border-width: 0px 5px 6px 5px;
+  filter: drop-shadow(0px -4px 4px rgba(0, 0, 0, 0.2));
+}
+.zen-tooltip__arrow--right {
+  right: 100%;
+  border-color: transparent var(--backgrounds-content-1) transparent transparent;
+  border-width: 5px 6px 5px 0px;
+  filter: drop-shadow(-4px 0px 4px rgba(0, 0, 0, 0.2));
+}
+.zen-tooltip__arrow--left {
+  left: 100%;
+  border-color: transparent transparent transparent var(--backgrounds-content-1);
+  border-width: 5px 0px 6px 5px;
+  filter: drop-shadow(4px 0px 4px rgba(0, 0, 0, 0.2));
+}
+.zen-tooltip__trigger {
+  color: var(--text-secondary);
+  fill: var(--text-secondary);
+}
+.zen-tooltip__trigger-container {
+  display: inline-flex;
+  cursor: pointer;
+  padding: 0;
+  outline: none;
+  border: none;
+  background-color: transparent;
+}
+.zen-tooltip__shield {
+  background-color: #1F2833 !important;
+  opacity: 0.4 !important;
+}
+.zen-shield {
+  box-sizing: border-box;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 10006;
+  background-color: #000;
+  opacity: 0.1;
+}
+.zen-shield * {
+  box-sizing: border-box;
+}
+.zen-shield-faded {
+  opacity: 0;
+  transition: opacity 0.2s ease-in;
+}
+.zen-shield-faded--visible {
+  opacity: 0.1;
+}
+.zen-tooltip-info {
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  fill: var(--text-secondary);
+  justify-content: center;
+  border: 0;
+  background: 0;
+  padding: 0;
+  min-width: 16px;
+  max-width: 16px;
+  min-height: 16px;
+  max-height: 16px;
+}
+.zen-tooltip-info--drive {
+  min-width: 20px;
+  max-width: 20px;
+  min-height: 20px;
+  max-height: 20px;
+}
+.zen-tooltip-info:focus,
+.zen-tooltip-info:hover {
+  background: 0;
+  fill: var(--text-secondary);
+}
+.zen-field-label {
+  display: flex;
+  gap: 4px;
+}
+.zen-field-label:not(.zen-field-label--review):not(.zen-form-list-label):not(.zen-form-field-label--top) {
+  align-self: center;
+}
+.zen-field-label__text {
+  display: flex;
+  align-items: center;
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -2190,8 +2329,14 @@
   letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
+  color: var(--text-primary);
+}
+.zen-field-label__text--review {
   color: var(--text-secondary);
-  font-style: italic;
+  font-style: inherit;
+}
+.zen-field-label--custom-width:not(.zen-field-label--review) .zen-field-label__text {
+  align-items: flex-start;
 }
 .zen-card-container {
   box-sizing: border-box;
@@ -2256,366 +2401,21 @@
   height: 100%;
 }
 .zen-card-container--mobile {
-  max-height: unset;
-}
-.zen-card-container--auto-height {
-  max-height: unset;
-  min-height: unset;
-  align-self: flex-start;
-}
-.zen-card-container.zen-card-container--no-width-constraint {
-  min-width: 0;
-  max-width: unset;
-}
-@media (max-width: 640px) {
-  .zen-card-container {
-    max-width: unset;
-  }
-}
-.zen-side-panel {
-  box-sizing: border-box;
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 16px;
-  text-transform: none;
-  background-color: var(--backgrounds-main);
-  box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
-  border-top-left-radius: var(--border-radius-default);
-  border-bottom-left-radius: var(--border-radius-default);
-  overflow: hidden;
-  height: 100%;
-  width: 25%;
-  min-width: 360px;
-  max-width: 600px;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 10007;
-  display: flex;
-  flex-direction: column;
-  transform: translateX(100%);
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-  transition: transform 0.2s ease-out, opacity 0.2s ease-out, visibility 0.2s ease-out;
-}
-.zen-side-panel * {
-  box-sizing: border-box;
-}
-.zen-side-panel--shown {
-  display: flex;
-  transform: translateX(0);
-  opacity: 1;
-  visibility: visible;
-  pointer-events: auto;
-}
-.zen-side-panel--shown .zen-form-field--new-component {
-  display: flex;
-}
-.zen-side-panel--left-positioned {
-  left: 0;
-  right: auto;
-  transform: translateX(-100%);
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  border-top-right-radius: var(--border-radius-default);
-  border-bottom-right-radius: var(--border-radius-default);
-}
-.zen-side-panel.zen-side-panel--left-positioned.zen-side-panel--shown {
-  transform: translateX(0);
-}
-.zen-side-panel.zen-side-panel--drive {
-  font-family: var(--main-font);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 20px;
-  text-transform: none;
-}
-.zen-side-panel.zen-side-panel--drive-tablet {
-  font-family: var(--main-font);
-  font-size: 18px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 22px;
-  text-transform: none;
-}
-.zen-side-panel--bottom-positioned {
-  width: 100%;
-  max-width: 100%;
-  height: auto;
-  max-height: 100%;
-  border-top-left-radius: var(--border-radius-default);
-  border-bottom-left-radius: 0;
-  border-top-right-radius: var(--border-radius-default);
-  border-bottom-right-radius: 0;
-  transform: translateY(100%);
-  top: auto;
-  bottom: 0;
-}
-.zen-side-panel.zen-side-panel--bottom-positioned.zen-side-panel--shown {
-  transform: translateY(0);
-}
-@media (max-width: 640px) {
-  .zen-side-panel {
-    width: 100%;
-    min-width: 100%;
-    max-width: 100%;
-    border-top-left-radius: var(--border-radius-default);
-    border-top-right-radius: var(--border-radius-default);
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  .zen-side-panel.zen-side-panel--drive,
-  .zen-side-panel.zen-side-panel--drive-tablet {
-    max-width: 100%;
-  }
-}
-.zen-side-panel--shown-keyboard.zen-side-panel--bottom-positioned {
-  top: 0;
-}
-.zen-side-panel-cell {
-  box-sizing: border-box;
-  padding: 16px;
-  border-bottom: 1px solid var(--backgrounds-content-1);
-  background-color: var(--backgrounds-main);
-}
-.zen-side-panel-cell * {
-  box-sizing: border-box;
-}
-.zen-side-panel-cell__title {
-  font-family: var(--main-font);
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0.32px;
-  line-height: 16px;
-  text-transform: none;
-  color: var(--text-primary);
-  margin: 0 0 16px 0;
-}
-.zen-side-panel-cell__footer {
-  margin: 16px 0 0 0;
-}
-.zen-side-panel-cell--no-padding {
-  padding-left: 0;
-  padding-right: 0;
-}
-.zen-side-panel-cell--no-padding .zen-side-panel-cell__title {
-  padding-left: 16px;
-}
-.zen-shield {
-  box-sizing: border-box;
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 10006;
-  background-color: #000;
-  opacity: 0.1;
-}
-.zen-shield * {
-  box-sizing: border-box;
-}
-.zen-shield-faded {
-  opacity: 0;
-  transition: opacity 0.2s ease-in;
-}
-.zen-shield-faded--visible {
-  opacity: 0.1;
-}
-.zen-mobile-sheet-footer {
-  box-sizing: border-box;
-  border-top: 1px solid var(--borders-general);
-  display: grid;
-  gap: 12px;
-}
-.zen-mobile-sheet-footer * {
-  box-sizing: border-box;
-}
-.zen-mobile-sheet-footer--borderless {
-  border-top-width: 0;
-}
-.zen-mobile-sheet-wrapper {
-  z-index: 11010;
-}
-.zen-mobile-sheet-shield {
-  z-index: 11007;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-.zen-mobile-sheet {
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  flex: 1 1 0%;
-  overflow: hidden;
-}
-.zen-mobile-sheet * {
-  box-sizing: border-box;
-}
-.zen-mobile-sheet__title {
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 16px;
-  text-transform: none;
-  color: var(--text-secondary);
-  padding: 12px 8px 12px 12px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.zen-mobile-sheet__title.zen-mobile-sheet__title--drive {
-  font-family: var(--main-font);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 20px;
-  text-transform: none;
-  padding: 0;
-  padding-left: 12px;
-}
-.zen-mobile-sheet__title.zen-mobile-sheet__title--drive .zen-mobile-sheet__close-button {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet {
-  font-family: var(--main-font);
-  font-size: 18px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 22px;
-  text-transform: none;
-  padding: 0;
-  padding-left: 12px;
-}
-.zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet .zen-mobile-sheet__close-button {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.zen-mobile-sheet__close-button {
-  width: auto;
-  margin-top: -6px;
-  margin-bottom: -6px;
-}
-.zen-mobile-sheet__title-text {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.zen-mobile-sheet__content {
-  flex: 1 1 auto;
-  overflow-y: auto;
-}
-.zen-mobile-sheet--mobile-android {
-  overflow-y: hidden;
-  position: fixed;
-}
-.zen-mobile-sheet__footer {
-  flex: 0 0 auto;
-}
-.zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
-.zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
-  max-width: 520px;
-  min-width: 520px;
-  left: calc(50% - 260px);
-}
-@media (max-width: 520px) {
-  .zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
-  .zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
-    max-width: 100%;
-    min-width: 100%;
-    left: 0;
-  }
-}
-.zen-tooltip {
-  box-sizing: border-box;
-  font-family: var(--main-font);
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0.32px;
-  line-height: 16px;
-  text-transform: none;
-  position: absolute;
-  background-color: var(--backgrounds-reverse-1);
-  color: var(--text-reverse-primary);
-  border: none;
-  border-radius: var(--border-radius-default);
-  min-width: 42px;
-  width: auto;
-  z-index: 11100;
-}
-.zen-tooltip * {
-  box-sizing: border-box;
-}
-.zen-tooltip--large,
-.zen-tooltip--auto {
-  padding: 8px;
-  max-width: 224px;
-}
-.zen-tooltip--small {
-  padding: 5px 10px;
-  max-width: 144px;
-}
-.zen-tooltip__body {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.zen-tooltip__body--large {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
-}
-.zen-tooltip__body--small {
-  white-space: nowrap;
-}
-.zen-tooltip__arrow {
-  position: absolute;
-  border-style: solid;
-}
-.zen-tooltip__arrow--top {
-  top: 100%;
-  left: 50%;
-  border-color: var(--backgrounds-reverse-1) transparent transparent transparent;
-  border-width: 6px 5px 0 5px;
-}
-.zen-tooltip__arrow--bottom {
-  bottom: 100%;
-  left: 14px;
-  border-color: transparent transparent var(--backgrounds-reverse-1) transparent;
-  border-width: 0px 5px 6px 5px;
+  max-height: unset;
 }
-.zen-tooltip__arrow--right {
-  right: 100%;
-  border-color: transparent var(--backgrounds-reverse-1) transparent transparent;
-  border-width: 5px 6px 5px 0px;
+.zen-card-container--auto-height {
+  max-height: unset;
+  min-height: unset;
+  align-self: flex-start;
 }
-.zen-tooltip__arrow--left {
-  left: 100%;
-  border-color: transparent transparent transparent var(--backgrounds-reverse-1);
-  border-width: 5px 0px 6px 5px;
+.zen-card-container.zen-card-container--no-width-constraint {
+  min-width: 0;
+  max-width: unset;
 }
-.zen-tooltip__mobile-sheet-content {
-  padding: 24px 16px 32px;
-  color: var(--text-primary);
+@media (max-width: 640px) {
+  .zen-card-container {
+    max-width: unset;
+  }
 }
 .zen-card-status {
   box-sizing: border-box;
@@ -3054,58 +2854,310 @@
   padding: 0;
   margin: 0;
 }
-.zen-menu-item * {
-  box-sizing: border-box;
+.zen-menu-item * {
+  box-sizing: border-box;
+}
+.zen-menu-item__content {
+  list-style-type: none;
+}
+.zen-popup {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  border-radius: var(--border-radius-default);
+  box-sizing: border-box;
+  background-color: var(--backgrounds-main);
+  padding: 4px 0;
+  max-height: 800px;
+  border: 0px;
+  min-height: 30px;
+  min-width: 170px;
+  max-width: 420px;
+}
+.zen-popup * {
+  box-sizing: border-box;
+}
+.zen-popup--padding {
+  padding: 8px;
+}
+.zen-popup--no-padding {
+  padding: 0;
+}
+.zen-popup--flex-width {
+  min-width: auto;
+  max-width: none;
+}
+.zen-popup--block {
+  padding: 4px 0;
+  box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
+  border-radius: var(--border-radius-default);
+}
+@media (max-width: 640px) {
+  .zen-popup {
+    max-width: 100%;
+  }
+}
+.zen-menu-separator {
+  border-top: 1px solid var(--borders-general);
+  height: 0;
+}
+.zen-side-panel {
+  box-sizing: border-box;
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
+  background-color: var(--backgrounds-main);
+  box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
+  border-top-left-radius: var(--border-radius-default);
+  border-bottom-left-radius: var(--border-radius-default);
+  overflow: hidden;
+  height: 100%;
+  width: 25%;
+  min-width: 360px;
+  max-width: 600px;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 10007;
+  display: flex;
+  flex-direction: column;
+  transform: translateX(100%);
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transition: transform 0.2s ease-out, opacity 0.2s ease-out, visibility 0.2s ease-out;
+}
+.zen-side-panel * {
+  box-sizing: border-box;
+}
+.zen-side-panel--shown {
+  display: flex;
+  transform: translateX(0);
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+}
+.zen-side-panel--shown .zen-form-field--new-component {
+  display: flex;
+}
+.zen-side-panel--left-positioned {
+  left: 0;
+  right: auto;
+  transform: translateX(-100%);
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius-default);
+  border-bottom-right-radius: var(--border-radius-default);
+}
+.zen-side-panel.zen-side-panel--left-positioned.zen-side-panel--shown {
+  transform: translateX(0);
+}
+.zen-side-panel.zen-side-panel--drive {
+  font-family: var(--main-font);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 20px;
+  text-transform: none;
+}
+.zen-side-panel.zen-side-panel--drive-tablet {
+  font-family: var(--main-font);
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 22px;
+  text-transform: none;
+}
+.zen-side-panel--bottom-positioned {
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  max-height: 100%;
+  border-top-left-radius: var(--border-radius-default);
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius-default);
+  border-bottom-right-radius: 0;
+  transform: translateY(100%);
+  top: auto;
+  bottom: 0;
+}
+.zen-side-panel.zen-side-panel--bottom-positioned.zen-side-panel--shown {
+  transform: translateY(0);
+}
+@media (max-width: 640px) {
+  .zen-side-panel {
+    width: 100%;
+    min-width: 100%;
+    max-width: 100%;
+    border-top-left-radius: var(--border-radius-default);
+    border-top-right-radius: var(--border-radius-default);
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  .zen-side-panel.zen-side-panel--drive,
+  .zen-side-panel.zen-side-panel--drive-tablet {
+    max-width: 100%;
+  }
+}
+.zen-side-panel--shown-keyboard.zen-side-panel--bottom-positioned {
+  top: 0;
+}
+.zen-side-panel-cell {
+  box-sizing: border-box;
+  padding: 16px;
+  border-bottom: 1px solid var(--backgrounds-content-1);
+  background-color: var(--backgrounds-main);
+}
+.zen-side-panel-cell * {
+  box-sizing: border-box;
+}
+.zen-side-panel-cell__title {
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  color: var(--text-primary);
+  margin: 0 0 16px 0;
+}
+.zen-side-panel-cell__footer {
+  margin: 16px 0 0 0;
+}
+.zen-side-panel-cell--no-padding {
+  padding-left: 0;
+  padding-right: 0;
+}
+.zen-side-panel-cell--no-padding .zen-side-panel-cell__title {
+  padding-left: 16px;
+}
+.zen-mobile-sheet-footer {
+  box-sizing: border-box;
+  border-top: 1px solid var(--borders-general);
+  display: grid;
+  gap: 12px;
+}
+.zen-mobile-sheet-footer * {
+  box-sizing: border-box;
+}
+.zen-mobile-sheet-footer--borderless {
+  border-top-width: 0;
+}
+.zen-mobile-sheet-wrapper {
+  z-index: 11010;
+}
+.zen-mobile-sheet-shield {
+  z-index: 11007;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.zen-mobile-sheet {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  flex: 1 1 0%;
+  overflow: hidden;
+}
+.zen-mobile-sheet * {
+  box-sizing: border-box;
+}
+.zen-mobile-sheet__title {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
+  color: var(--text-secondary);
+  padding: 12px 8px 12px 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.zen-mobile-sheet__title.zen-mobile-sheet__title--drive {
+  font-family: var(--main-font);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 20px;
+  text-transform: none;
+  padding: 0;
+  padding-left: 12px;
 }
-.zen-menu-item__content {
-  list-style-type: none;
+.zen-mobile-sheet__title.zen-mobile-sheet__title--drive .zen-mobile-sheet__close-button {
+  margin-top: 0;
+  margin-bottom: 0;
 }
-.zen-popup {
+.zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet {
   font-family: var(--main-font);
-  font-size: 14px;
+  font-size: 18px;
   font-style: normal;
   font-weight: 400;
   letter-spacing: 0;
-  line-height: 16px;
+  line-height: 22px;
   text-transform: none;
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
-  border-radius: var(--border-radius-default);
-  box-sizing: border-box;
-  background-color: var(--backgrounds-main);
-  padding: 4px 0;
-  max-height: 800px;
-  border: 0px;
-  min-height: 30px;
-  min-width: 170px;
-  max-width: 420px;
+  padding: 0;
+  padding-left: 12px;
 }
-.zen-popup * {
-  box-sizing: border-box;
+.zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet .zen-mobile-sheet__close-button {
+  margin-top: 0;
+  margin-bottom: 0;
 }
-.zen-popup--padding {
-  padding: 8px;
+.zen-mobile-sheet__close-button {
+  width: auto;
+  margin-top: -6px;
+  margin-bottom: -6px;
 }
-.zen-popup--no-padding {
-  padding: 0;
+.zen-mobile-sheet__title-text {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.zen-popup--flex-width {
-  min-width: auto;
-  max-width: none;
+.zen-mobile-sheet__content {
+  flex: 1 1 auto;
+  overflow-y: auto;
 }
-.zen-popup--block {
-  padding: 4px 0;
-  box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
-  border-radius: var(--border-radius-default);
+.zen-mobile-sheet--mobile-android {
+  overflow-y: hidden;
+  position: fixed;
 }
-@media (max-width: 640px) {
-  .zen-popup {
+.zen-mobile-sheet__footer {
+  flex: 0 0 auto;
+}
+.zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
+.zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
+  max-width: 520px;
+  min-width: 520px;
+  left: calc(50% - 260px);
+}
+@media (max-width: 520px) {
+  .zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
+  .zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
     max-width: 100%;
+    min-width: 100%;
+    left: 0;
   }
 }
-.zen-menu-separator {
-  border-top: 1px solid var(--borders-general);
-  height: 0;
-}
 .zen-controlled-menu {
   z-index: 11002;
 }
@@ -3647,7 +3699,7 @@
   border-color: var(--borders-form-field--active);
 }
 .zen-checkbox-column__padding {
-  padding-left: 36px;
+  padding-left: 40px;
 }
 .zen-checkbox-column--with-actions.zen-checkbox-column {
   gap: 8px;
@@ -4496,21 +4548,7 @@
   color: var(--text-secondary);
   margin-right: 4px;
 }
-.zen-svg-image {
-  box-sizing: border-box;
-  display: inline;
-}
-.zen-svg-image * {
-  box-sizing: border-box;
-}
-.zen-svg-image:hover,
-.zen-svg-image:focus {
-  outline: none;
-}
-.zen-svg-image > use {
-  pointer-events: none;
-}
-.zen-empty-list-search {
+.zen-empty-state {
   box-sizing: border-box;
   display: grid;
   justify-content: center;
@@ -4523,10 +4561,10 @@
   min-height: 200px;
   padding: 20px;
 }
-.zen-empty-list-search * {
+.zen-empty-state * {
   box-sizing: border-box;
 }
-.zen-empty-list-search__image {
+.zen-empty-state__image {
   width: 180px;
   height: 180px;
   align-self: center;
@@ -4535,7 +4573,7 @@
   display: flex;
   align-items: center;
 }
-.zen-empty-list-search__header {
+.zen-empty-state__header {
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
@@ -4545,7 +4583,7 @@
   text-transform: none;
   margin: 0;
 }
-.zen-empty-list-search__description {
+.zen-empty-state__description {
   font-family: var(--main-font);
   font-size: 12px;
   font-style: italic;
@@ -4554,6 +4592,20 @@
   line-height: 16px;
   text-transform: none;
 }
+.zen-svg-image {
+  box-sizing: border-box;
+  display: inline;
+}
+.zen-svg-image * {
+  box-sizing: border-box;
+}
+.zen-svg-image:hover,
+.zen-svg-image:focus {
+  outline: none;
+}
+.zen-svg-image > use {
+  pointer-events: none;
+}
 .zen-table__detail-panel--header {
   background-color: var(--backgrounds-main);
   border-bottom: 1px solid var(--borders-general);
@@ -4769,6 +4821,12 @@
 .zen-table-wrapper--with-toolbar .zen-data-grid-wrapper {
   height: calc(100% - 48px);
 }
+.zen-table-wrapper--with-toolbar .zen-table__content {
+  height: calc(100% - 48px);
+}
+.zen-table-wrapper--with-toolbar .zen-table__content .zen-data-grid-wrapper {
+  height: 100%;
+}
 .zen-table__content {
   height: 100%;
   position: relative;
@@ -5214,41 +5272,17 @@
   display: flex;
   gap: 8px;
 }
-.zen-tooltip-info {
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  fill: var(--text-secondary);
-  justify-content: center;
-  border: 0;
-  background: 0;
-  padding: 0;
-  min-width: 16px;
-  max-width: 16px;
-  min-height: 16px;
-  max-height: 16px;
-}
-.zen-tooltip-info--drive {
-  min-width: 20px;
-  max-width: 20px;
-  min-height: 20px;
-  max-height: 20px;
-}
-.zen-tooltip-info:focus,
-.zen-tooltip-info:hover {
-  background: 0;
-  fill: var(--text-secondary);
-}
-.zen-field-label {
-  display: flex;
-  gap: 4px;
-}
-.zen-field-label:not(.zen-field-label--review):not(.zen-form-list-label) {
-  align-self: center;
+.zen-review-text-control {
+  color: var(--text-primary);
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
 }
-.zen-field-label__text {
-  display: flex;
-  align-items: center;
+.zen-review-text-control--secondary {
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -5256,14 +5290,8 @@
   letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
-  color: var(--text-primary);
-}
-.zen-field-label__text--review {
   color: var(--text-secondary);
-  font-style: inherit;
-}
-.zen-field-label--custom-width:not(.zen-field-label--review) .zen-field-label__text {
-  align-items: flex-start;
+  font-style: italic;
 }
 .zen-custom-form-row {
   display: grid;
@@ -5757,7 +5785,7 @@
 }
 .zen-pill-new--empty {
   gap: 4px;
-  min-width: 0;
+  min-width: fit-content;
 }
 .zen-pill-new.zen-pill-new--drive {
   border-radius: 50px;
@@ -5811,6 +5839,60 @@
 .zen-additional-sub-section .zen-accordion__content {
   padding: 0;
 }
+.zen-form-field-error {
+  margin-top: 4px;
+  display: flex;
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  color: var(--text-error-message);
+  fill: var(--text-error-message);
+}
+.zen-form-field-error__error-text {
+  margin-left: 4px;
+  display: flex;
+  flex-direction: column;
+}
+.zen-form-field-error__error-icon {
+  flex: 0 0 auto;
+}
+.zen-form-field-error__icon-container {
+  padding: 1px 2px 0;
+  height: 16px;
+}
+.zen-form-field-error.zen-form-field-error--drive .zen-form-field-error__icon-container,
+.zen-form-field-error.zen-form-field-error--drive-tablet .zen-form-field-error__icon-container {
+  height: 18px;
+}
+.zen-form-field-error.zen-form-field-error--drive {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 18px;
+  text-transform: none;
+}
+.zen-form-field-error.zen-form-field-error--drive-tablet {
+  font-family: var(--main-font);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 18px;
+  text-transform: none;
+}
+.zen-textarea {
+  overflow: visible;
+  white-space: wrap;
+}
+.zen-textarea--no-resize {
+  resize: none;
+}
 .zen-form-field {
   box-sizing: border-box;
   display: flex;
@@ -5948,6 +6030,7 @@
   display: flex;
   flex-direction: column;
   align-items: start;
+  justify-content: start;
   gap: 8px;
 }
 .zen-dropdown {
@@ -7554,17 +7637,6 @@
 .zen-group-button:focus-within {
   border-color: var(--borders-form-field--hover);
 }
-.zen-advanced-groups-filter-section-tooltip__trigger {
-  cursor: pointer;
-  display: block;
-  padding: 0;
-  outline: none;
-  border: none;
-  background-color: transparent;
-}
-.zen-advanced-groups-filter-section-tooltip__trigger-icon {
-  fill: var(--text-secondary);
-}
 .zen-advanced-groups-filter-section-tooltip__item {
   z-index: 11001;
 }
@@ -7716,7 +7788,6 @@
   padding: 0;
   cursor: pointer;
   align-self: flex-start;
-  border-radius: 50%;
   padding: 8px;
 }
 .zen-modal-content__body {
@@ -12020,6 +12091,30 @@ button.zen-summary__clickable {
   flex-direction: column;
   row-gap: 4px;
 }
+.zen-item-data--tall {
+  row-gap: 12px;
+}
+.zen-item-data--tall .zen-item-data__data {
+  row-gap: 12px;
+}
+.zen-item-data--tall .zen-item-data__data-label {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
+}
+.zen-item-data--tall .zen-item-data__data-value {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
+}
 .zen-item-data:hover {
   background-color: var(--backgrounds-content-1);
 }