@yoobic/yobi 8.6.25 → 8.6.27

package/dist/collection/components/2.molecules/context-menu-dialog/context-menu-dialog.css

@@ -246,8 +246,8 @@ svg:not(:root) {
   padding-inline-start: inherit;
 }
 :host ul::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host ul::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/2.molecules/modal/modal.css

@@ -611,8 +611,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host(.web) .modal-wrapper::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.web) .modal-wrapper::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/2.molecules/scroll/scroll.css

@@ -254,8 +254,8 @@ svg:not(:root) {
   contain: initial;
 }
 :host(.horizontal)::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.horizontal)::-webkit-scrollbar-track {
   background-color: transparent;
@@ -297,8 +297,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host(.web)::-webkit-scrollbar, :host(.force-scrollbar)::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.web)::-webkit-scrollbar-track, :host(.force-scrollbar)::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/entities/card-sticky/card-sticky.css

@@ -536,8 +536,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host .outer-container.courses .bottom-container::-webkit-scrollbar, :host .outer-container.plans .bottom-container::-webkit-scrollbar, :host .outer-container.courses-small .bottom-container::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .outer-container.courses .bottom-container::-webkit-scrollbar-track, :host .outer-container.plans .bottom-container::-webkit-scrollbar-track, :host .outer-container.courses-small .bottom-container::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/entities/entity-query-builder/entity-query-builder.css

@@ -371,8 +371,8 @@ yoo-banner {
   /* Handle */
 }
 :host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/entities/entity-search-dialog/entity-search-dialog.css

@@ -233,8 +233,8 @@ svg:not(:root) {
   background: var(--light, #ffffff);
 }
 :host .content::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .content::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/form/form-autocomplete/form-autocomplete.css

@@ -401,8 +401,8 @@ svg:not(:root) {
 :host .outer-container .empty-new-tag::-webkit-scrollbar,
 :host .readonly .items-container::-webkit-scrollbar,
 :host .readonly .empty-new-tag::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .outer-container .items-container::-webkit-scrollbar-track,
 :host .outer-container .empty-new-tag::-webkit-scrollbar-track,
@@ -488,8 +488,8 @@ svg:not(:root) {
 }
 :host .outer-container .extra-container::-webkit-scrollbar,
 :host .readonly .extra-container::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .outer-container .extra-container::-webkit-scrollbar-track,
 :host .readonly .extra-container::-webkit-scrollbar-track {

package/dist/collection/components/form/form-dynamic/form-dynamic.css

@@ -604,8 +604,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host(.inline-row) .inputs-container::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.inline-row) .inputs-container::-webkit-scrollbar-track {
   background-color: transparent;
@@ -1038,8 +1038,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host .toolbar::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .toolbar::-webkit-scrollbar-track {
   background-color: transparent;
@@ -1862,8 +1862,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar-track {
   background-color: transparent;
@@ -2635,8 +2635,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host(.vertical-tabs.web) .inputs-container::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.vertical-tabs.web) .inputs-container::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/form/form-dynamic-dialog/form-dynamic-dialog.css

@@ -229,8 +229,8 @@ svg:not(:root) {
   background: var(--light, #ffffff);
 }
 :host .content::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .content::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/form/form-opening-hours/form-opening-hours.css

@@ -282,8 +282,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host(.web)::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.web)::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/form/form-phone-number/form-phone-number.css

@@ -266,8 +266,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host(.web) yoo-context-dialog::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.web) yoo-context-dialog::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/form/form-star-rating/form-star-rating.css

@@ -219,8 +219,8 @@ svg:not(:root) {
 }
 :host .outer-container::-webkit-scrollbar,
 :host .readonly::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .outer-container::-webkit-scrollbar-track,
 :host .readonly::-webkit-scrollbar-track {

package/dist/collection/components/form/form-text-area/form-text-area.css

@@ -225,8 +225,8 @@ svg:not(:root) {
   user-select: text;
 }
 :host .mention-container::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .mention-container::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/form/form-text-area/form-text-area.js

@@ -51,6 +51,7 @@ export class YooFormTextAreaComponent {
     this.segmentsCount = undefined;
     this.mentionText = '';
     this.isMentionMode = false;
+    this.keyboardOpen = false;
   }
   get isRichText() {
     return this.allowMention || this.allowCustomInput;
@@ -87,11 +88,16 @@ export class YooFormTextAreaComponent {
     }
   }
   onKeyboardShown() {
+    this.keyboardOpen = true;
     if (this.scrollIntoViewOnFocus) {
       safeScrollIntoView(this.host, null, true);
       this.scrollIntoViewOnFocus = false;
     }
   }
+  onKeyboardHidden() {
+    this.keyboardOpen = false;
+    this.inputEl.style.maxHeight = this.maxRows ? `${this.maxRows * LINE_HEIGHT + PADDING}px` : 'auto';
+  }
   async setFocus() {
     if (this.inputEl) {
       this.inputEl.focus();
@@ -496,8 +502,9 @@ export class YooFormTextAreaComponent {
   }
   renderTextArea() {
     const hasValue = !isNil(this.value) && this.value !== '';
+    const maxHeight = this.keyboardOpen ? `${10 * LINE_HEIGHT + PADDING}px` : this.maxRows ? `${this.maxRows * LINE_HEIGHT + PADDING}px` : 'auto';
     return [
-      h("textarea", { style: { maxHeight: this.maxRows ? `${this.maxRows * LINE_HEIGHT + PADDING}px` : 'auto' }, ref: (el) => (this.inputEl = el), onClick: (ev) => {
+      h("textarea", { style: { maxHeight }, ref: (el) => (this.inputEl = el), onClick: (ev) => {
           if (isWeb() && isFirefox()) {
             this.inputEl.focus();
             this.onInputFocused('textarea');
@@ -1178,7 +1185,8 @@ export class YooFormTextAreaComponent {
       "composeText": {},
       "segmentsCount": {},
       "mentionText": {},
-      "isMentionMode": {}
+      "isMentionMode": {},
+      "keyboardOpen": {}
     };
   }
   static get events() {
@@ -1526,6 +1534,12 @@ export class YooFormTextAreaComponent {
         "target": "window",
         "capture": false,
         "passive": false
+      }, {
+        "name": "keyboardWillHide",
+        "method": "onKeyboardHidden",
+        "target": "window",
+        "capture": false,
+        "passive": false
       }];
   }
 }

package/dist/collection/components/form/form-todo-mission/form-todo-mission.css

@@ -430,6 +430,7 @@ svg:not(:root) {
 }
 
 :host(.readonly.pdf) .outer-container .title {
+  display: none;
   margin-top: var(--spacing-08, 0.5rem);
   margin-bottom: var(--spacing-04, 0.25rem);
 }

package/dist/collection/components/form/form-todo-mission/form-todo-mission.js

@@ -261,6 +261,7 @@ export class YooFormTodoMissionComponent {
     return (h("yoo-button", { shape: "circular", size: "small", color: "stable-alt", fill: "transparent", slot: "end", ref: (el) => (plusButtonRef = el), onClick: (ev) => showActionSheet(this.getEditableOptions(task, index), null, null, plusButtonRef, ev) }, h("yoo-icon", { name: "circle-plus", color: "app-color", size: "medium" })));
   }
   renderIcon(task, index) {
+    var _a, _b;
     const isAssignedToSomeoneElse = this.isAssignedToSomeoneElse(task);
     let iconName;
     let iconColor;
@@ -272,6 +273,10 @@ export class YooFormTodoMissionComponent {
       iconName = 'circle-minor';
       iconColor = 'danger';
     }
+    else if ((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('pdf')) {
+      iconName = 'circle';
+      iconColor = 'dark';
+    }
     else if (this.readonly || isAssignedToSomeoneElse) {
       iconName = 'lock';
       iconColor = 'stable';

package/dist/collection/components/form/scratch-card/scratch-card.css

@@ -249,8 +249,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host .content-card .text-content::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .content-card .text-content::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/form/slides-media/slides-media.css

@@ -282,8 +282,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host .tag-container .actions-container .current-tag-container .badges-container::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .tag-container .actions-container .current-tag-container .badges-container::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/form-creator/form-creator/form-creator.css

@@ -321,8 +321,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host .container .content .form-content::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .container .content .form-content::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/form-creator/form-creator-live-preview/form-creator-live-preview.css

@@ -15484,8 +15484,8 @@ mbsc-datetime {
   border-bottom-left-radius: 10px;
 }
 .fr-wrapper::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 .fr-wrapper::-webkit-scrollbar-track {
   background-color: transparent;
@@ -15692,8 +15692,8 @@ yoo-form-text-editor .fullscreen .royal-theme.fr-toolbar:not(.fr-mobile) .fr-mor
   /* Handle */
 }
 :host .outer-container .columns-container .form-dynamic-container .slot-container::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .outer-container .columns-container .form-dynamic-container .slot-container::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/grid/ag-grid/ag-grid.css

@@ -8742,8 +8742,8 @@ input[class^=ag-][type=range]:disabled {
   /* Handle */
 }
 :host .ag-cell pre::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .ag-cell pre::-webkit-scrollbar-track {
   background-color: transparent;
@@ -9041,8 +9041,8 @@ input[class^=ag-][type=range]:disabled {
 :host(.web) .ag-body-horizontal-scroll-viewport::-webkit-scrollbar,
 :host(.web) .ag-center-cols-viewport::-webkit-scrollbar,
 :host(.web) .ag-layout-normal::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.web) .scrollable::-webkit-scrollbar-track,
 :host(.web) div[class*=ag-horizontal]::-webkit-scrollbar-track,

package/dist/collection/components/grid/ag-grid/grid-renderers.js

@@ -775,6 +775,16 @@ function folderIconRenderer(params) {
   }
   return truncateRenderer({ value: folder.name, maxLine: 1 }, img);
 }
+function fileFolderViewRenderer(params) {
+  const data = params === null || params === void 0 ? void 0 : params.data;
+  let value = params === null || params === void 0 ? void 0 : params.value;
+  const isWiki = (data === null || data === void 0 ? void 0 : data.fftype) === 'file' && (data === null || data === void 0 ? void 0 : data.mimeType) === 'wiki';
+  if (!value && !isWiki) {
+    value = 0;
+  }
+  const icon = `<yoo-icon size="medium" style="margin-right:0.5rem" name="${isWiki ? 'offline' : 'eye'}" color="${isWiki ? 'stable' : 'app-color'}"></yoo-icon>`;
+  return truncateRenderer({ value: isWiki ? '-' : value.toString(), maxLine: 1 }, icon);
+}
 function entityArrayTextRenderer(params) {
   const entities = compact([].concat(params.value));
   const value = entities.map((e) => get(e, params.fieldName)).join(', ');
@@ -1481,6 +1491,8 @@ export function getRenderer(renderer) {
       return progressbarRenderer;
     case 'pricecheckRenderer':
       return pricecheckRenderer;
+    case 'fileFolderViewRenderer':
+      return fileFolderViewRenderer;
     case 'folderIconRenderer':
       return folderIconRenderer;
     case 'categoryIconRenderer':

package/dist/collection/components/grid/grid/grid.css

@@ -2823,8 +2823,8 @@ svg:not(:root) {
   transition: 0.3s;
 }
 :host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar-track {
   background-color: transparent;
@@ -2848,8 +2848,8 @@ svg:not(:root) {
   height: 100%;
 }
 :host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/grid/grid-calendar/grid-calendar.css

@@ -602,8 +602,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host .outer-container .left-container::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .outer-container .left-container::-webkit-scrollbar-track {
   background-color: transparent;
@@ -754,8 +754,8 @@ svg:not(:root) {
 }
 :host .fc .fc-scroller-liquid-absolute::-webkit-scrollbar,
 :host .fc .fc-scroller-liquid::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .fc .fc-scroller-liquid-absolute::-webkit-scrollbar-track,
 :host .fc .fc-scroller-liquid::-webkit-scrollbar-track {

package/dist/collection/components/grid/grid-stack/grid-stack.css

@@ -211,8 +211,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host(.web)::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.web)::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/grid/kanban/kanban.css

@@ -216,8 +216,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/layout/layout-sections/layout-sections.css

@@ -223,8 +223,8 @@ svg:not(:root) {
   /* Handle */
 }
 .content::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 .content::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/map/amap/amap.css

@@ -403,8 +403,8 @@ svg:not(:root) {
   border: var(--border-width-01, 0.0625rem) solid #ccc;
 }
 :host .amap-info-content::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .amap-info-content::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/components/map/map-js/map-js.css

@@ -681,8 +681,8 @@ svg:not(:root) {
   border-bottom: 1px solid #ddd;
 }
 :host .leaflet-popup-scrolled::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .leaflet-popup-scrolled::-webkit-scrollbar-track {
   background-color: transparent;
@@ -884,8 +884,8 @@ svg:not(:root) {
   transition: opacity 150ms;
 }
 :host .map-tooltip::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .map-tooltip::-webkit-scrollbar-track {
   background-color: transparent;
@@ -943,8 +943,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host .mapbox-modal > div::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .mapbox-modal > div::-webkit-scrollbar-track {
   background-color: transparent;
@@ -1528,8 +1528,8 @@ svg:not(:root) {
   background: rgba(0, 0, 0, 0.8);
 }
 :host .column-container .directions-container::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .column-container .directions-container::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/feature-learn/incentive/incentive-detail/incentive-detail.css

@@ -517,8 +517,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host(.web) .box-content::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host(.web) .box-content::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/feature-operate/mission/mission-score/mission-score.css

@@ -226,11 +226,20 @@ svg:not(:root) {
 }
 :host .score-container {
   display: grid;
-  grid-gap: 0.3rem 2rem;
   grid-template-columns: 1fr 10rem;
   align-items: flex-end;
   margin-bottom: var(--spacing-16, 1rem);
-  background: repeating-linear-gradient(var(--stable-20, rgba(173, 173, 173, 0.2)) 0 1.875rem, transparent 1.875rem 4.125rem);
+}
+:host .score-container .title,
+:host .score-container .progress {
+  display: flex;
+  align-items: center;
+  height: 2.5rem;
+  padding: 0 var(--spacing-08, 0.5rem);
+}
+:host .score-container .title.odd,
+:host .score-container .progress.odd {
+  background: var(--stable-20, rgba(173, 173, 173, 0.2));
 }
 
 :host(.mission-detail) .mission-score-title {

package/dist/collection/feature-operate/mission/mission-score/mission-score.js

@@ -89,10 +89,10 @@ export class YooMissionScoreComponent {
   }
   renderForPdf() {
     var _a, _b;
-    return (_b = (_a = this.charts) === null || _a === void 0 ? void 0 : _a.map((entry) => entry && this.prepareCardProgressMissionScoringData(entry.score, entry.chart))) === null || _b === void 0 ? void 0 : _b.map((entry) => {
+    return (_b = (_a = this.charts) === null || _a === void 0 ? void 0 : _a.map((entry) => entry && this.prepareCardProgressMissionScoringData(entry.score, entry.chart))) === null || _b === void 0 ? void 0 : _b.map((entry, i) => {
       return [
-        h("div", { class: "title" }, h("b", null, entry.labelConfig.value + ': ')),
-        h("div", { class: "progress" }, h("yoo-progress-bar", { class: entry.extraClasses, animated: false, ...entry.progressBarParams }))
+        h("div", { class: { title: true, odd: i % 2 === 1 } }, h("b", null, entry.labelConfig.value + ': ')),
+        h("div", { class: { progress: true, odd: i % 2 === 1 } }, h("yoo-progress-bar", { class: entry.extraClasses, animated: false, ...entry.progressBarParams }))
       ];
     });
   }

package/dist/collection/feature-operate/mission/property-card/property-card.css

@@ -352,8 +352,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar-track {
   background-color: transparent;

package/dist/collection/feature-operate/waitlist/waitlist-location-layout/waitlist-location-layout.css

@@ -233,8 +233,8 @@ svg:not(:root) {
   /* Handle */
 }
 :host .panel-right::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
+  width: var(--spacing-08, 0.5rem);
+  height: var(--spacing-08, 0.5rem);
 }
 :host .panel-right::-webkit-scrollbar-track {
   background-color: transparent;