@adplenty-tech/adplenty-components-library 1.9.83-beta.feature-video-thumbnail-picker.2 → 1.9.83

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/build/categorizedSelector/categorizedSelector.css +1 -1
  2. package/build/dialogs/video-thumbnail-picker-modal.css +1 -1
  3. package/build/index.css +2 -2
  4. package/build/index.js +1 -1
  5. package/build/videoThumbnailPicker/videoThumbnailPicker.css +1 -1
  6. package/package.json +1 -1
package/build/categorizedSelector/categorizedSelector.css CHANGED
@@ -1 +1 @@
1
- .categorized-selector-directive{width:100%;height:100%;border-radius:10px;background-color:#fff;overflow:hidden;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.categorized-selector-directive .categorized-selector-items-wrapper{position:relative;height:100%;overflow:hidden}.categorized-selector-directive .categorized-selector-items-wrapper.scrollable--floating-selection-bar .scrollable{padding-bottom:80px}.categorized-selector-directive .categorized-selector-items-wrapper.scrollable--floating-selection-bar .categorized-selector-floating-actions{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:auto}.categorized-selector-directive .categorized-selector-floating-actions{position:absolute;bottom:20px;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:30;max-width:calc(100% - 32px);pointer-events:none;white-space:nowrap}.categorized-selector-directive .categorized-selector-floating-actions__pill{pointer-events:all;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#1a1c24;border-radius:50px;-webkit-box-shadow:0 10px 28px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);box-shadow:0 10px 28px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);padding:8px 10px 8px 16px;color:#f5f5f7;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap}.categorized-selector-directive .categorized-selector-floating-actions__count{font-size:var(--font-size-sm, 14px);font-weight:500;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;padding-right:4px}.categorized-selector-directive .categorized-selector-floating-actions__divider{width:1px;height:22px;background:hsla(0,0%,100%,.18);-ms-flex-negative:0;flex-shrink:0;margin:6px}.categorized-selector-directive .categorized-selector-floating-actions__btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;border:none;background:rgba(0,0,0,0);color:inherit;cursor:pointer;border-radius:999px;padding:6px 10px;font:inherit;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.categorized-selector-directive .categorized-selector-floating-actions__btn:hover{background:hsla(0,0%,100%,.08)}.categorized-selector-directive .categorized-selector-floating-actions__btn:focus-visible{outline:2px solid var(--color-50, #5976ea);outline-offset:2px}.categorized-selector-directive .categorized-selector-floating-actions__btn:disabled{opacity:.45;cursor:not-allowed}.categorized-selector-directive .categorized-selector-floating-actions__btn--icon-only{padding:6px;margin-left:2px}.categorized-selector-directive .categorized-selector-floating-actions__icon{font-size:20px;line-height:1}.categorized-selector-directive .categorized-selector-floating-actions__label{font-size:13px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.categorized-selector-directive .categorized-selector-floating-actions__btn:disabled .categorized-selector-floating-actions__label{white-space:normal;line-height:1.25;max-width:12rem;text-align:center}.categorized-selector-directive.single-library-mode .categorized-selector{padding-left:24px}.categorized-selector-directive .categorized-selector-search-row{gap:1.5rem}.categorized-selector-directive-border{border:1px solid var(--color-neutral-5)}.categorized-selector-directive .lib-text-directive{margin-bottom:24px}.categorized-selector-directive .library-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;min-width:360px;margin-right:24px;padding-right:24px;padding-left:4px;border-right:1px solid var(--color-neutral-5);height:100%}.categorized-selector-directive .library-selector .library-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px;overflow-y:auto;scrollbar-width:thin}.categorized-selector-directive .library-selector .no-categories-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px}.categorized-selector-directive .library-selector .search-container{padding:16px 10px 0 10px}.categorized-selector-directive .results-counter p{margin:0;color:var(--text-light-gray);font-size:var(--font-size-sm)}.categorized-selector-directive .categorized-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;padding-right:24px;padding-top:16px}.categorized-selector-directive .categorized-selector .category{margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.categorized-selector-directive .categorized-selector .category .category-name{margin:30px 0 15px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .subcategory-title{margin:15px 0 10px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .template-box-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal],.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true]{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-body,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details{white-space:pre-line;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:-webkit-min-content;height:-moz-min-content;height:min-content}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details .name,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details .name{text-align:left}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box img,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box img{width:64px}.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box-body img{display:none}.categorized-selector-directive .categorized-selector .category .template-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.3s ease all;transition:.3s ease all;position:relative;border-radius:10px;color:var(--text-primary);overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:280px;border:1px solid var(--color-neutral-10);background-color:#fff;cursor:pointer}.categorized-selector-directive .categorized-selector .category .template-box p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden;line-clamp:2;-webkit-line-clamp:2}.categorized-selector-directive .categorized-selector .category .template-box .template-box-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.75rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;white-space:pre-line;text-align:left;gap:.5rem;height:100%;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle{font-size:.75rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle,.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{color:var(--text-light-gray);font-family:Inter;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.2px;text-align:inherit}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle-icon{font-size:14px;color:var(--text-light-gray);font-weight:400;line-height:16px}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{line-clamp:1;-webkit-line-clamp:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--color-neutral-1);-webkit-transition:ease all .3s;transition:ease all .3s;padding:.25rem .5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:.25rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;gap:.25rem;overflow:hidden}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*{overflow:hidden;text-overflow:ellipsis}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer p{text-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;width:-webkit-min-content;width:-moz-min-content;width:min-content}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status p{vertical-align:middle}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:8px;width:8px;border-radius:50%;background-color:var(--template-box-footer-status-indicator-color, transparent)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=error]{background-color:var(--color-error-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=success]{background-color:var(--color-success-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=warning]{background-color:var(--color-warning-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=info]{background-color:var(--color-info-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=neutral]{background-color:var(--color-neutral-50)}.categorized-selector-directive .categorized-selector .category .template-box .overlay{background-color:rgba(227,226,226,.65);position:absolute;padding:10px;font-weight:bold;top:0;left:0;bottom:0;right:0;z-index:2}.categorized-selector-directive .categorized-selector .category .template-box .overlay p{color:#000;background-color:hsla(0,0%,100%,.9);border-radius:.5rem;padding:.7rem}.categorized-selector-directive .categorized-selector .category .template-box.disabled{pointer-events:none;background-color:var(--color-neutral-40)}.categorized-selector-directive .categorized-selector .category .template-box.disabled img{-webkit-filter:grayscale(90%);filter:grayscale(90%);z-index:1}.categorized-selector-directive .categorized-selector .category .template-box.disabled .template-box-footer{background-color:rgba(0,0,0,0)}.categorized-selector-directive .categorized-selector .category .template-box.disabled p{color:var(--text-light-gray)}.categorized-selector-directive .categorized-selector .category .template-box:hover{background-color:var(--color-1)}.categorized-selector-directive .categorized-selector .category .template-box:hover .template-box-footer{background-color:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box:focus{border:1.2px solid var(--color-50)}.categorized-selector-directive .categorized-selector .category .template-box.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box.selected .template-box-footer{background:var(--color-10)}.categorized-selector-directive .categorized-selector .category .template-box img{border-radius:.5rem;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#fff}.categorized-selector-directive .categorized-selector .category .template-box .name{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.61px;line-height:20px;text-align:left;font-family:Inter;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.6px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
1
+ .categorized-selector-directive{width:100%;height:100%;border-radius:10px;background-color:#fff;overflow:hidden;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.categorized-selector-directive .categorized-selector-items-wrapper{position:relative;height:100%;overflow:hidden}.categorized-selector-directive .categorized-selector-items-inner{padding-right:24px;padding-top:16px}.categorized-selector-directive .categorized-selector-items-wrapper.scrollable--floating-selection-bar .scrollable{padding-bottom:80px}.categorized-selector-directive .categorized-selector-items-wrapper.scrollable--floating-selection-bar .categorized-selector-floating-actions{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:auto}.categorized-selector-directive .categorized-selector-floating-actions{position:absolute;bottom:20px;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:30;max-width:calc(100% - 32px);pointer-events:none;white-space:nowrap}.categorized-selector-directive .categorized-selector-floating-actions__pill{pointer-events:all;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#1a1c24;border-radius:50px;-webkit-box-shadow:0 10px 28px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);box-shadow:0 10px 28px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);padding:8px 10px 8px 16px;color:#f5f5f7;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap}.categorized-selector-directive .categorized-selector-floating-actions__count{font-size:var(--font-size-sm, 14px);font-weight:500;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;padding-right:4px}.categorized-selector-directive .categorized-selector-floating-actions__divider{width:1px;height:22px;background:hsla(0,0%,100%,.18);-ms-flex-negative:0;flex-shrink:0;margin:6px}.categorized-selector-directive .categorized-selector-floating-actions__btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;border:none;background:rgba(0,0,0,0);color:inherit;cursor:pointer;border-radius:999px;padding:6px 10px;font:inherit;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.categorized-selector-directive .categorized-selector-floating-actions__btn:hover{background:hsla(0,0%,100%,.08)}.categorized-selector-directive .categorized-selector-floating-actions__btn:focus-visible{outline:2px solid var(--color-50, #5976ea);outline-offset:2px}.categorized-selector-directive .categorized-selector-floating-actions__btn:disabled{opacity:.45;cursor:not-allowed}.categorized-selector-directive .categorized-selector-floating-actions__btn--icon-only{padding:6px;margin-left:2px}.categorized-selector-directive .categorized-selector-floating-actions__icon{font-size:20px;line-height:1}.categorized-selector-directive .categorized-selector-floating-actions__label{font-size:13px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.categorized-selector-directive .categorized-selector-floating-actions__btn:disabled .categorized-selector-floating-actions__label{white-space:normal;line-height:1.25;max-width:12rem;text-align:center}.categorized-selector-directive.single-library-mode .categorized-selector{padding-left:24px}.categorized-selector-directive .categorized-selector-search-row .lib-text-directive{padding-top:16px;padding-right:24px}.categorized-selector-directive .categorized-selector-search-row{gap:1.5rem}.categorized-selector-directive-border{border:1px solid var(--color-neutral-5)}.categorized-selector-directive .lib-text-directive{margin-bottom:24px}.categorized-selector-directive .library-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;min-width:360px;margin-right:24px;padding-right:24px;padding-left:4px;border-right:1px solid var(--color-neutral-5);height:100%}.categorized-selector-directive .library-selector .library-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px;overflow-y:auto;scrollbar-width:thin}.categorized-selector-directive .library-selector .no-categories-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px}.categorized-selector-directive .library-selector .search-container{padding:16px 10px 0 10px}.categorized-selector-directive .results-counter p{margin:0;color:var(--text-light-gray);font-size:var(--font-size-sm)}.categorized-selector-directive .categorized-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.categorized-selector-directive .categorized-selector .category{margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.categorized-selector-directive .categorized-selector .category .category-name{margin:30px 0 15px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .subcategory-title{margin:15px 0 10px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .template-box-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal],.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true]{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-body,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details{white-space:pre-line;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:-webkit-min-content;height:-moz-min-content;height:min-content}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details .name,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details .name{text-align:left}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box img,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box img{width:64px}.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box-body img{display:none}.categorized-selector-directive .categorized-selector .category .template-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.3s ease all;transition:.3s ease all;position:relative;border-radius:10px;color:var(--text-primary);overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:280px;border:1px solid var(--color-neutral-10);background-color:#fff;cursor:pointer}.categorized-selector-directive .categorized-selector .category .template-box p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden;line-clamp:2;-webkit-line-clamp:2}.categorized-selector-directive .categorized-selector .category .template-box .template-box-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.75rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;white-space:pre-line;text-align:left;gap:.5rem;height:100%;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle{font-size:.75rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle,.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{color:var(--text-light-gray);font-family:Inter;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.2px;text-align:inherit}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle-icon{font-size:14px;color:var(--text-light-gray);font-weight:400;line-height:16px}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{line-clamp:1;-webkit-line-clamp:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--color-neutral-1);-webkit-transition:ease all .3s;transition:ease all .3s;padding:.25rem .5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:.25rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;gap:.25rem;overflow:hidden}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*{overflow:hidden;text-overflow:ellipsis}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer p{text-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;width:-webkit-min-content;width:-moz-min-content;width:min-content}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status p{vertical-align:middle}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:8px;width:8px;border-radius:50%;background-color:var(--template-box-footer-status-indicator-color, transparent)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=error]{background-color:var(--color-error-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=success]{background-color:var(--color-success-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=warning]{background-color:var(--color-warning-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=info]{background-color:var(--color-info-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=neutral]{background-color:var(--color-neutral-50)}.categorized-selector-directive .categorized-selector .category .template-box .overlay{background-color:rgba(227,226,226,.65);position:absolute;padding:10px;font-weight:bold;top:0;left:0;bottom:0;right:0;z-index:2}.categorized-selector-directive .categorized-selector .category .template-box .overlay p{color:#000;background-color:hsla(0,0%,100%,.9);border-radius:.5rem;padding:.7rem}.categorized-selector-directive .categorized-selector .category .template-box.disabled{pointer-events:none;background-color:var(--color-neutral-40)}.categorized-selector-directive .categorized-selector .category .template-box.disabled img{-webkit-filter:grayscale(90%);filter:grayscale(90%);z-index:1}.categorized-selector-directive .categorized-selector .category .template-box.disabled .template-box-footer{background-color:rgba(0,0,0,0)}.categorized-selector-directive .categorized-selector .category .template-box.disabled p{color:var(--text-light-gray)}.categorized-selector-directive .categorized-selector .category .template-box:hover{background-color:var(--color-1)}.categorized-selector-directive .categorized-selector .category .template-box:hover .template-box-footer{background-color:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box:focus{border:1.2px solid var(--color-50)}.categorized-selector-directive .categorized-selector .category .template-box.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box.selected .template-box-footer{background:var(--color-10)}.categorized-selector-directive .categorized-selector .category .template-box img{border-radius:.5rem;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#fff}.categorized-selector-directive .categorized-selector .category .template-box .name{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.61px;line-height:20px;text-align:left;font-family:Inter;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.6px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
package/build/dialogs/video-thumbnail-picker-modal.css CHANGED
@@ -1 +1 @@
1
- .modal-layout:has(.modal-content .video-thumbnail-picker-modal){width:70%}@media(min-width: 1920px){.modal-layout:has(.modal-content .video-thumbnail-picker-modal){width:60%}}.modal-layout .modal-content:has(.video-thumbnail-picker-modal){-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.modal-layout .modal-content:has(.video-thumbnail-picker-modal) .video-thumbnail-picker-modal{width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:start}
1
+ .modal-layout:has(.modal-content .video-thumbnail-picker-modal){width:70%;height:80%}@media(min-width: 1440px){.modal-layout:has(.modal-content .video-thumbnail-picker-modal){width:60%}}.modal-layout .modal-content:has(.video-thumbnail-picker-modal){-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.modal-layout .modal-content:has(.video-thumbnail-picker-modal)>div{height:100%;max-height:100%;overflow:hidden;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}.modal-layout .modal-content:has(.video-thumbnail-picker-modal) .video-thumbnail-picker-modal{width:100%;height:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:start}