@adplenty-tech/adplenty-components-library 1.6.16-beta.1 → 1.6.16-beta.3

package/build/socialPostEditor/socialPostEditPreview/socialPostEditPreview.css

@@ -0,0 +1 @@
+.social-post-edit-preview-directive{top:0;margin-top:24px;background-color:#fff;margin:0;padding:40px 65px;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.social-post-edit-preview-directive .post-preview-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;margin-left:0px}.social-post-edit-preview-directive .post-preview-header>.lib-dropdown .select-container .select{min-height:32px}.social-post-edit-preview-directive .post-preview-container{overflow:hidden;margin:auto}.social-post-edit-preview-directive .post-preview-wrapper{max-height:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.social-post-edit-preview-directive .post-preview-wrapper>.adstudio-preview-directive{max-height:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.social-post-edit-preview-directive .post-preview-wrapper>.adstudio-preview-directive>.adstudio-preview-platform-selector{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.social-post-edit-preview-directive .post-preview-content{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:690px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:40px;position:sticky}.modal-layout>.modal-content:has(.cl-calendar-event-view){padding:0 !important}.cl-calendar-event-view{height:100%;padding:0 !important;scrollbar-gutter:auto !important;border-radius:10px;-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.cl-calendar-event-view .lib-button-directive{font-size:16px}.cl-calendar-event-view .container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0}.cl-calendar-event-view .post{min-width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#f8f8f8;padding:40px;gap:12px}.cl-calendar-event-view .no-paid-ads{margin-top:30px;text-align:center}.cl-calendar-event-view .no-paid-ads .info-label{margin-top:12px;color:#46434e;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-0.32px}.cl-calendar-event-view .no-paid-ads .button-container{margin-top:20px;padding:0 120px;text-align:center}.cl-calendar-event-view .stats{background-color:#fff;padding:40px;width:500px}.cl-calendar-event-view .stats .organic{margin-top:20px;padding-bottom:30px;border-bottom:1px solid #000}.cl-calendar-event-view .stats .paid{margin-top:50px}.cl-calendar-event-view .stats .row{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.cl-calendar-event-view .stats .stat{min-width:150px}.cl-calendar-event-view .stats .title{color:#000;-webkit-font-feature-settings:"clig" off,"liga" off;font-feature-settings:"clig" off,"liga" off;font-family:Inter;font-size:25px;font-style:normal;font-weight:700;line-height:100%;margin-bottom:18px}.cl-calendar-event-view .stats .subtitle{color:#a5a2a1;-webkit-font-feature-settings:"clig" off,"liga" off;font-feature-settings:"clig" off,"liga" off;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:100%;margin-bottom:45px}.cl-calendar-event-view .stats .number{color:#4262e2;-webkit-font-feature-settings:"clig" off,"liga" off;font-feature-settings:"clig" off,"liga" off;font-family:Inter;font-size:50px;font-style:normal;font-weight:700;line-height:100%;margin-bottom:2px}.cl-calendar-event-view .stats .description{color:#726f6e;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:1px;text-transform:uppercase}.cl-calendar-event-view .preview{border:none;overflow-y:auto;overflow-x:hidden;height:100%}.cl-calendar-event-view .toolbar-container{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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.cl-calendar-event-view .toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}.cl-calendar-event-view .notification{width:100%}.fc-popover{z-index:9 !important}

package/build/socialPostPreviewComponent/socialPostPreviewCard/socialPostPreviewCard.css

@@ -0,0 +1 @@
+.social-post-preview-card{background-color:var(--color-neutral-0);padding:16px 0 8px;border-radius:8px;width:100%;height:100%;min-width:350px}.social-post-preview iframe{width:100%}.social-post-preview-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:0 16px}.social-post-preview-content.with-approval-actions{height:calc(100% - 61px);margin-bottom:8px}.social-post-preview .preview{height:100%}.social-post-preview-date{font-size:14px}.social-post-preview-title{font-size:20px;line-height:28px;font-weight:500}.social-post-preview-author{font-size:14px;font-weight:400}.social-post-preview-header{margin-bottom:8px}.social-post-preview-platform{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 8px;border-radius:100px;background-color:var(--color-neutral-1);gap:4px;font-size:12px;font-weight:500;color:var(--text-light-gray)}.social-post-preview-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social-post-preview-actions .button-content.no-label{height:32px;width:32px;font-size:11px}.social-post-preview-actions .button-content.no-label:not(:hover){color:var(--text-primary);background-color:var(--color-neutral-1);border-color:rgba(0,0,0,0)}.social-post-preview-actions .button-content.no-label .button-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-post-preview-created{margin-top:8px;font-size:12px;font-weight:400;color:var(--text-light-gray)}.social-post-preview .approval-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:20px;padding:10px 16px 0;border-top:1px solid var(--color-neutral-5)}

package/build/socialPostPreviewComponent/socialPostPreviewComponent.css

@@ -0,0 +1 @@
+.preview-container{height:100%;width:100%;container-type:size;background-color:var(--color-5);padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.toggle-switch{padding:8px 0 12px 0}@container (min-width: 800px){.social-post-preview-component:not(.tabbed-view){display:block}}@container (max-width: 799px){.social-post-preview-component.tabbed-view{display:block}}.social-post-preview-component{display:none;height:100%;width:100%}.social-post-preview{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;gap:8px;width:100%;overflow-x:auto;color:var(--text-primary);line-height:1.25}.social-post-preview.with-toggle{height:calc(100% - 60px)}.social-post-preview *{-webkit-box-sizing:border-box;box-sizing:border-box}.social-post-preview h3,.social-post-preview h4,.social-post-preview p{margin:0}

package/build/socialPostPreviewComponent/socialPostStatsCard/socialPostStatsCard.css

@@ -0,0 +1 @@
+.stats{background-color:var(--color-neutral-0);padding:16px;border-radius:8px;overflow-y:auto;width:100%}.stats .section-header{font-size:12px;color:var(--text-light-gray);margin-bottom:16px}.stats .section-header-title{color:var(--text-light-gray);letter-spacing:1px;text-transform:uppercase;font-size:12px;line-height:20px;font-weight:600;margin-bottom:8px}.stats .section-header-last-updated{line-height:16px}.stats .organic .title{font-size:16px;font-weight:500;color:var(--text-primary);line-height:24px;margin-bottom:8px}.stats-metrics{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;background-color:#eaf0fe;border-radius:12px;padding:16px;margin-bottom:16px;font-weight:400;color:var(--color-70)}.stats-metrics-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.stats-metrics-item .icon{font-size:16px}.stats-metrics-item .value{font-weight:500}.stats .stats-widgets{display:grid;grid-template-columns:repeat(2, minmax(150px, 1fr));gap:16px}.stats .stats-widgets-item .title{font-size:14px;line-height:20px}

package/build/timelineCardList/timelineCardList.css

@@ -0,0 +1 @@
+.timeline-card-list-directive .time-title{font-family:Inter;font-weight:600;font-size:12px;line-height:20px;color:#726f6e;padding-left:2px;padding-bottom:2px}.timeline-card-list-directive .timeline-card{width:320px;height:84px;border:1px solid var(--color-neutral-5);border-radius:var(--semi-round-corners);overflow:hidden;background-color:#fff;-webkit-box-shadow:0px 2px 6px 0px rgba(21,20,20,.08),0px .3px .9px 0px rgba(21,20,20,.16);box-shadow:0px 2px 6px 0px rgba(21,20,20,.08),0px .3px .9px 0px rgba(21,20,20,.16);-webkit-transition:border .2s ease-in-out,background-color .2s ease-in-out;transition:border .2s ease-in-out,background-color .2s ease-in-out;cursor:pointer}.timeline-card-list-directive .timeline-card:hover{background-color:var(--color-1);border:1.2px solid var(--color-50)}.timeline-card-list-directive .timeline-card:hover .template-box-details{color:var(--color-50)}.timeline-card-list-directive .timeline-card:focus{border:1.2px solid var(--color-50)}.timeline-card-list-directive .timeline-card.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.timeline-card-list-directive .timeline-card .timeline-card-content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem}.timeline-card-list-directive .timeline-card .timeline-card-content .timeline-card-image{-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-card-list-directive .timeline-card .timeline-card-content .timeline-card-image img,.timeline-card-list-directive .timeline-card .timeline-card-content .timeline-card-image svg{width:68px;height:68px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.timeline-card-list-directive .timeline-card .timeline-card-content .timeline-card-details{padding-left:14px;-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline-card-list-directive .timeline-card .timeline-card-content .timeline-card-details p{margin:0}.timeline-card-list-directive .timeline-card .timeline-card-content .timeline-card-details .timeline-card-header{color:#343232;font-weight:400;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeline-card-list-directive .timeline-card .timeline-card-content .timeline-card-details .template-right-content{display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:.5rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeline-card-list-directive .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;margin-top:4px;gap:.2rem}.timeline-card-list-directive .template-box-details .template-box-subtitle{font-size:.75rem;color:var(--text-light-gray);font-family:Inter;font-size:12px;font-weight:400}.timeline-card-list-directive .template-box-details .template-box-headline{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Inter;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.6px}.timeline-card-list-directive .status-tag-small{padding:2px 10px;font-size:12px}.timeline-card-list-directive .icon{height:20px;width:20px}.timeline-card-list-directive .icon img{height:100%;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adplenty-tech/adplenty-components-library",
-  "version": "1.6.16-beta.1",
+  "version": "1.6.16-beta.3",
   "author": "Jacques Sirot <jacques@advative.io>",
   "description": "A library of components used across adPlenty products.",
   "license": "MIT",

package/build/socialPostPreview/socialPostPreview.css

@@ -1 +0,0 @@
-.social-post-preview-directive{top:0;margin-top:24px;background-color:#fff;margin:0;padding:40px 65px;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.social-post-preview-directive .post-preview-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;margin-left:0px}.social-post-preview-directive .post-preview-header>.lib-dropdown .select-container .select{min-height:32px}.social-post-preview-directive .post-preview-container{overflow:hidden;margin:auto}.social-post-preview-directive .post-preview-wrapper{max-height:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.social-post-preview-directive .post-preview-wrapper>.adstudio-preview-directive{max-height:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.social-post-preview-directive .post-preview-wrapper>.adstudio-preview-directive>.adstudio-preview-platform-selector{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.social-post-preview-directive .post-preview-content{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:690px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:40px;position:sticky}.modal-layout>.modal-content:has(.cl-calendar-event-view){padding:0 !important}.cl-calendar-event-view{height:100%;padding:0 !important;scrollbar-gutter:auto !important;border-radius:10px;-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.cl-calendar-event-view .lib-button-directive{font-size:16px}.cl-calendar-event-view .container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0}.cl-calendar-event-view .post{min-width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#f8f8f8;padding:40px;gap:12px}.cl-calendar-event-view .no-paid-ads{margin-top:30px;text-align:center}.cl-calendar-event-view .no-paid-ads .info-label{margin-top:12px;color:#46434e;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-0.32px}.cl-calendar-event-view .no-paid-ads .button-container{margin-top:20px;padding:0 120px;text-align:center}.cl-calendar-event-view .stats{background-color:#fff;padding:40px;width:500px}.cl-calendar-event-view .stats .organic{margin-top:20px;padding-bottom:30px;border-bottom:1px solid #000}.cl-calendar-event-view .stats .paid{margin-top:50px}.cl-calendar-event-view .stats .row{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.cl-calendar-event-view .stats .stat{min-width:150px}.cl-calendar-event-view .stats .title{color:#000;-webkit-font-feature-settings:"clig" off,"liga" off;font-feature-settings:"clig" off,"liga" off;font-family:Inter;font-size:25px;font-style:normal;font-weight:700;line-height:100%;margin-bottom:18px}.cl-calendar-event-view .stats .subtitle{color:#a5a2a1;-webkit-font-feature-settings:"clig" off,"liga" off;font-feature-settings:"clig" off,"liga" off;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:100%;margin-bottom:45px}.cl-calendar-event-view .stats .number{color:#4262e2;-webkit-font-feature-settings:"clig" off,"liga" off;font-feature-settings:"clig" off,"liga" off;font-family:Inter;font-size:50px;font-style:normal;font-weight:700;line-height:100%;margin-bottom:2px}.cl-calendar-event-view .stats .description{color:#726f6e;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:1px;text-transform:uppercase}.cl-calendar-event-view .preview{border:none;overflow-y:auto;overflow-x:hidden;height:100%}.cl-calendar-event-view .toolbar-container{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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.cl-calendar-event-view .toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}.cl-calendar-event-view .notification{width:100%}.fc-popover{z-index:9 !important}

package/build/timelineCard/timelineCard.css

@@ -1 +0,0 @@
-.timeline-card-directive .time-title{font-family:Inter;font-weight:600;font-size:12px;line-height:20px;color:#726f6e;padding-left:2px;padding-bottom:2px}.timeline-card-directive .timeline-card{width:320px;height:84px;border:1px solid var(--color-neutral-5);border-radius:var(--semi-round-corners);overflow:hidden;background-color:#fff;-webkit-box-shadow:0px 2px 6px 0px rgba(21,20,20,.08),0px .3px .9px 0px rgba(21,20,20,.16);box-shadow:0px 2px 6px 0px rgba(21,20,20,.08),0px .3px .9px 0px rgba(21,20,20,.16);-webkit-transition:border .2s ease-in-out,background-color .2s ease-in-out;transition:border .2s ease-in-out,background-color .2s ease-in-out}.timeline-card-directive .timeline-card:hover{background-color:var(--color-1);border:1.2px solid var(--color-50)}.timeline-card-directive .timeline-card:hover .template-box-details{color:var(--color-50)}.timeline-card-directive .timeline-card:focus{border:1.2px solid var(--color-50)}.timeline-card-directive .timeline-card.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.timeline-card-directive .timeline-card .timeline-card-content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem}.timeline-card-directive .timeline-card .timeline-card-content .timeline-card-image{-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-card-directive .timeline-card .timeline-card-content .timeline-card-image img,.timeline-card-directive .timeline-card .timeline-card-content .timeline-card-image svg{width:68px;height:68px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.timeline-card-directive .timeline-card .timeline-card-content .timeline-card-details{padding-left:14px;-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline-card-directive .timeline-card .timeline-card-content .timeline-card-details p{margin:0}.timeline-card-directive .timeline-card .timeline-card-content .timeline-card-details .timeline-card-header{color:#343232;font-weight:400;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeline-card-directive .timeline-card .timeline-card-content .timeline-card-details .template-right-content{display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:.5rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeline-card-directive .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;margin-top:4px;gap:.2rem}.timeline-card-directive .template-box-details .template-box-subtitle{font-size:.75rem;color:var(--text-light-gray);font-family:Inter;font-size:12px;font-weight:400}.timeline-card-directive .template-box-details .template-box-headline{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Inter;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.6px}.timeline-card-directive .status-tag-small{padding:2px 10px;font-size:12px}.timeline-card-directive .icon{height:20px;width:20px}.timeline-card-directive .icon img{height:100%;width:100%}