@adplenty-tech/adplenty-components-library 1.6.17 → 1.6.19
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.lib-template-box-directive{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;-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;-webkit-box-sizing:border-box;box-sizing:border-box}.lib-template-box-directive *{-webkit-box-sizing:border-box;box-sizing:border-box}.lib-template-box-directive.layout-horizontal{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.lib-template-box-directive.layout-horizontal .lib-template-box-body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.lib-template-box-directive.layout-horizontal .lib-template-box-body .lib-template-box-image .asset-image{width:64px;aspect-ratio:1/1}.lib-template-box-directive.layout-horizontal .lib-template-box-body .lib-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}.lib-template-box-directive.layout-horizontal .lib-template-box-body .lib-template-box-details .name{text-align:left}.lib-template-box-directive 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}.lib-template-box-directive .lib-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;-webkit-box-sizing:border-box;box-sizing:border-box}.lib-template-box-directive .lib-template-box-image .asset-image{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}.lib-template-box-directive .lib-template-box-image .asset-image.placeholder{opacity:.7}.lib-template-box-directive .lib-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}.lib-template-box-directive .lib-template-box-details .lib-template-box-subtitle{font-size:.75rem}.lib-template-box-directive .lib-template-box-details .lib-template-box-subtitle,.lib-template-box-directive .lib-template-box-details .lib-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}.lib-template-box-directive .lib-template-box-details .lib-template-box-headline{line-clamp:1;-webkit-line-clamp:1}.lib-template-box-directive .lib-template-box-details .lib-template-box-subtitle-icon{font-size:14px;color:var(--text-light-gray);font-weight:400;line-height:16px}.lib-template-box-directive .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}.lib-template-box-directive .lib-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}.lib-template-box-directive .lib-template-box-footer .lib-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}.lib-template-box-directive .lib-template-box-footer .lib-template-box-footer-text-areas>*{overflow:hidden;text-overflow:ellipsis}.lib-template-box-directive .lib-template-box-footer .lib-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}.lib-template-box-directive .lib-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}.lib-template-box-directive .lib-template-box-footer .lib-template-box-footer-status p{vertical-align:middle}.lib-template-box-directive .lib-template-box-footer .lib-template-box-footer-status .lib-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);margin-right:.25rem}.lib-template-box-directive .lib-template-box-footer .lib-template-box-footer-status .lib-template-box-footer-status-indicator[status-type=error]{background-color:var(--color-error-50)}.lib-template-box-directive .lib-template-box-footer .lib-template-box-footer-status .lib-template-box-footer-status-indicator[status-type=success]{background-color:var(--color-success-50)}.lib-template-box-directive .lib-template-box-footer .lib-template-box-footer-status .lib-template-box-footer-status-indicator[status-type=warning]{background-color:var(--color-warning-50)}.lib-template-box-directive .lib-template-box-footer .lib-template-box-footer-status .lib-template-box-footer-status-indicator[status-type=info]{background-color:var(--color-info-50)}.lib-template-box-directive .lib-template-box-footer .lib-template-box-footer-status .lib-template-box-footer-status-indicator[status-type=neutral]{background-color:var(--color-neutral-50)}.lib-template-box-directive .lib-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}.lib-template-box-directive .lib-template-box-overlay p{color:#000;background-color:rgba(255,255,255,.9);border-radius:.5rem;padding:.7rem}.lib-template-box-directive.disabled{pointer-events:none;background-color:var(--color-neutral-40)}.lib-template-box-directive.disabled .asset-image{-webkit-filter:grayscale(90%);filter:grayscale(90%);z-index:1}.lib-template-box-directive.disabled .lib-template-box-footer{background-color:rgba(0,0,0,0)}.lib-template-box-directive.disabled p{color:var(--text-light-gray)}.lib-template-box-directive:hover:not(.disabled){background-color:var(--color-1)}.lib-template-box-directive:hover:not(.disabled) .lib-template-box-footer{background-color:var(--color-5)}.lib-template-box-directive:focus:not(.disabled){border:1.2px solid var(--color-50);outline:none}.lib-template-box-directive.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.lib-template-box-directive.selected .lib-template-box-footer{background:var(--color-10)}@media(max-width: 768px){.lib-template-box-directive{max-width:100%}.lib-template-box-directive.layout-horizontal .lib-template-box-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lib-template-box-directive.layout-horizontal .lib-template-box-body .lib-template-box-image .asset-image{width:100%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wizard-container-directive{position:relative}.wizard-container-directive .item-hidden{display:none}.wizard-container-directive.horizontal .right{width:100% !important}.wizard-container-directive.horizontal .left{max-width:100%;width:100%;background-color:#fff}.wizard-container-directive.horizontal .left .step .wizard-bubble .bubble-content{position:relative !important;width:unset !important;left:unset !important;top:unset !important;min-height:unset !important;min-width:unset !important;margin-left:8px}.wizard-container-directive.horizontal .left .step .line{height:unset !important;width:72px;margin:0 8px}.wizard-container-directive.horizontal .left .step .line::before{content:"";position:absolute;top:22px !important;left:0 !important;width:75px !important;height:3px !important}.wizard-container-directive.horizontal .left .step .line::after{content:"";position:absolute;top:22px !important;left:0 !important;width:75px !important;height:3px !important}.wizard-container-directive.float .left{pointer-events:none;width:unset;position:fixed;top:10px;left:10px}.wizard-container-directive.float .left .step:not(.selected) .wizard-bubble .bubble-content{opacity:.6}.wizard-container-directive.float .left .step.selected .wizard-bubble .bubble-content{border-color:var(--element-default-selected-color)}.wizard-container-directive.float .left .step .wizard-bubble .bubble-content{background:#fff;padding:10px;top:0 !important;border:3px solid #dfdfe0;border-radius:10px}.wizard-container-directive.float .right{width:90%}.wizard-container-directive .left{padding:30px;height:100%;min-height:100%;max-width:400px;width:30%;position:sticky;top:0px;z-index:2}.wizard-container-directive .right{height:100%;min-height:100%;width:calc(100% - 30%);background:#fff}@-webkit-keyframes bubble-growth{0%{-webkit-transform:scale(100%);transform:scale(100%)}50%{-webkit-transform:scale(150%);transform:scale(150%)}100%{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes bubble-growth{0%{-webkit-transform:scale(100%);transform:scale(100%)}50%{-webkit-transform:scale(150%);transform:scale(150%)}100%{-webkit-transform:scale(100%);transform:scale(100%)}}.wizard-container-directive .steps-container .step{position:relative;z-index:1}.wizard-container-directive .steps-container .step.disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);color:#616161}.wizard-container-directive .steps-container .step.disabled *{color:#616161 !important}.wizard-container-directive .steps-container .step.disabled .bubble-round{border-color:#616161 !important}.wizard-container-directive .steps-container .step .edit-icon{-webkit-transition:.3s ease all;transition:.3s ease all;opacity:0}.wizard-container-directive .steps-container .step .main-icon{-webkit-transition:.3s ease all;transition:.3s ease all;opacity:1}.wizard-container-directive .steps-container .step.editable .wizard-bubble:hover .edit-icon{opacity:1}.wizard-container-directive .steps-container .step.editable .wizard-bubble:hover .main-icon{opacity:0}.wizard-container-directive .steps-container .step.editable .wizard-bubble:hover .bubble-round{-webkit-transition:.3s ease all;transition:.3s ease all}.wizard-container-directive .steps-container .step.editable .wizard-bubble .bubble-content .title{text-decoration:underline;cursor:pointer}.wizard-container-directive .steps-container .step.selected{z-index:2}.wizard-container-directive .steps-container .step.selected .wizard-bubble .bubble-round{border-color:var(--element-default-selected-color);-webkit-transition:1s ease all;transition:1s ease all;-webkit-transition-delay:1s;transition-delay:1s;-webkit-animation:bubble-growth 1s;animation:bubble-growth 1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wizard-container-directive .steps-container .step.selected .wizard-bubble .bubble-round .bubble-round-body{-webkit-transition:1s ease opacity;transition:1s ease opacity;opacity:1;background:var(--element-default-selected-color)}.wizard-container-directive .steps-container .step.selected .wizard-bubble .bubble-content{-webkit-transition:.5s ease all;transition:.5s ease all}.wizard-container-directive .steps-container .step.selected .wizard-bubble .bubble-content .title{-webkit-transition:1s ease all;transition:1s ease all;color:var(--element-default-selected-color)}.wizard-container-directive .steps-container .step.selected .line{height:72px}.wizard-container-directive .steps-container .step.selected .line::after{-webkit-animation:line 1s;animation:line 1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wizard-container-directive .steps-container .step:first-child .line{display:none}.wizard-container-directive .steps-container .step:not(:first-child) .line{position:relative;height:75px}.wizard-container-directive .steps-container .step:not(:first-child) .line::after,.wizard-container-directive .steps-container .step:not(:first-child) .line::before{content:"";position:absolute;top:0;left:24.5px;height:75px;width:3px;background:#dfdfe0}.wizard-container-directive .steps-container .step:not(:first-child) .line::after{height:0;background:var(--element-default-selected-color)}.wizard-container-directive .steps-container .step .wizard-bubble{position:relative}@-webkit-keyframes line{0%{height:0}100%{height:75px}}@keyframes line{0%{height:0}100%{height:75px}}@-webkit-keyframes line-horizontal{0%{width:0}100%{width:75px}}@keyframes line-horizontal{0%{width:0}100%{width:75px}}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-round{background:#fff;line-height:50px;text-align:center;font-size:25px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;height:50px;border:3px solid #dfdfe0;border-radius:100%}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-round .bubble-round-body{opacity:0;position:relative;margin-left:14px;margin-top:14px;width:16.6666666667px;height:16.6666666667px;border-radius:100%;background:#dfdfe0}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-round .bubble-round-body.icon{background:#fff;left:-8px;top:-10px}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-round .bubble-round-body:not(.icon) span{opacity:0}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-round .bubble-round-body span{font-size:33.3333333333px;position:absolute;left:0;top:0;color:var(--element-default-selected-color)}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-content{width:300px;position:absolute;left:80px;min-height:44px;min-width:300px;top:6px}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-content .title{font-size:calc(10px + .25vw);font-weight:bold;text-transform:uppercase}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-content .subtitle{font-size:calc(8px + .25vw);margin-top:.5vh}.wizard-container-directive .wizard-container{height:100%}.wizard-container-directive .wizard-container .wizard-step{height:100%}
|
|
1
|
+
.wizard-container-directive{position:relative}.wizard-container-directive .item-hidden{display:none}.wizard-container-directive.horizontal .wizard-right{width:100% !important}.wizard-container-directive.horizontal .wizard-left{max-width:100%;width:100%;background-color:#fff}.wizard-container-directive.horizontal .wizard-left .step .wizard-bubble .bubble-content{position:relative !important;width:unset !important;left:unset !important;top:unset !important;min-height:unset !important;min-width:unset !important;margin-left:8px}.wizard-container-directive.horizontal .wizard-left .step .line{height:unset !important;width:72px;margin:0 8px}.wizard-container-directive.horizontal .wizard-left .step .line::before{content:"";position:absolute;top:22px !important;left:0 !important;width:75px !important;height:3px !important}.wizard-container-directive.horizontal .wizard-left .step .line::after{content:"";position:absolute;top:22px !important;left:0 !important;width:75px !important;height:3px !important}.wizard-container-directive.float .wizard-left{pointer-events:none;width:unset;position:fixed;top:10px;left:10px}.wizard-container-directive.float .wizard-left .step:not(.selected) .wizard-bubble .bubble-content{opacity:.6}.wizard-container-directive.float .wizard-left .step.selected .wizard-bubble .bubble-content{border-color:var(--element-default-selected-color)}.wizard-container-directive.float .wizard-left .step .wizard-bubble .bubble-content{background:#fff;padding:10px;top:0 !important;border:3px solid #dfdfe0;border-radius:10px}.wizard-container-directive.float .wizard-right{width:90%}.wizard-container-directive .wizard-left{padding:30px;height:100%;min-height:100%;max-width:400px;width:30%;position:sticky;top:0px;z-index:2}.wizard-container-directive .wizard-right{height:100%;min-height:100%;width:calc(100% - 30%);background:#fff}@-webkit-keyframes bubble-growth{0%{-webkit-transform:scale(100%);transform:scale(100%)}50%{-webkit-transform:scale(150%);transform:scale(150%)}100%{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes bubble-growth{0%{-webkit-transform:scale(100%);transform:scale(100%)}50%{-webkit-transform:scale(150%);transform:scale(150%)}100%{-webkit-transform:scale(100%);transform:scale(100%)}}.wizard-container-directive .steps-container .step{position:relative;z-index:1}.wizard-container-directive .steps-container .step.disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);color:#616161}.wizard-container-directive .steps-container .step.disabled *{color:#616161 !important}.wizard-container-directive .steps-container .step.disabled .bubble-round{border-color:#616161 !important}.wizard-container-directive .steps-container .step .edit-icon{-webkit-transition:.3s ease all;transition:.3s ease all;opacity:0}.wizard-container-directive .steps-container .step .main-icon{-webkit-transition:.3s ease all;transition:.3s ease all;opacity:1}.wizard-container-directive .steps-container .step.editable .wizard-bubble:hover .edit-icon{opacity:1}.wizard-container-directive .steps-container .step.editable .wizard-bubble:hover .main-icon{opacity:0}.wizard-container-directive .steps-container .step.editable .wizard-bubble:hover .bubble-round{-webkit-transition:.3s ease all;transition:.3s ease all}.wizard-container-directive .steps-container .step.editable .wizard-bubble .bubble-content .title{text-decoration:underline;cursor:pointer}.wizard-container-directive .steps-container .step.selected{z-index:2}.wizard-container-directive .steps-container .step.selected .wizard-bubble .bubble-round{border-color:var(--element-default-selected-color);-webkit-transition:1s ease all;transition:1s ease all;-webkit-transition-delay:1s;transition-delay:1s;-webkit-animation:bubble-growth 1s;animation:bubble-growth 1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wizard-container-directive .steps-container .step.selected .wizard-bubble .bubble-round .bubble-round-body{-webkit-transition:1s ease opacity;transition:1s ease opacity;opacity:1;background:var(--element-default-selected-color)}.wizard-container-directive .steps-container .step.selected .wizard-bubble .bubble-content{-webkit-transition:.5s ease all;transition:.5s ease all}.wizard-container-directive .steps-container .step.selected .wizard-bubble .bubble-content .title{-webkit-transition:1s ease all;transition:1s ease all;color:var(--element-default-selected-color)}.wizard-container-directive .steps-container .step.selected .line{height:72px}.wizard-container-directive .steps-container .step.selected .line::after{-webkit-animation:line 1s;animation:line 1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wizard-container-directive .steps-container .step:first-child .line{display:none}.wizard-container-directive .steps-container .step:not(:first-child) .line{position:relative;height:75px}.wizard-container-directive .steps-container .step:not(:first-child) .line::after,.wizard-container-directive .steps-container .step:not(:first-child) .line::before{content:"";position:absolute;top:0;left:24.5px;height:75px;width:3px;background:#dfdfe0}.wizard-container-directive .steps-container .step:not(:first-child) .line::after{height:0;background:var(--element-default-selected-color)}.wizard-container-directive .steps-container .step .wizard-bubble{position:relative}@-webkit-keyframes line{0%{height:0}100%{height:75px}}@keyframes line{0%{height:0}100%{height:75px}}@-webkit-keyframes line-horizontal{0%{width:0}100%{width:75px}}@keyframes line-horizontal{0%{width:0}100%{width:75px}}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-round{background:#fff;line-height:50px;text-align:center;font-size:25px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;height:50px;border:3px solid #dfdfe0;border-radius:100%}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-round .bubble-round-body{opacity:0;position:relative;margin-left:14px;margin-top:14px;width:16.6666666667px;height:16.6666666667px;border-radius:100%;background:#dfdfe0}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-round .bubble-round-body.icon{background:#fff;left:-8px;top:-10px}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-round .bubble-round-body:not(.icon) span{opacity:0}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-round .bubble-round-body span{font-size:33.3333333333px;position:absolute;left:0;top:0;color:var(--element-default-selected-color)}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-content{width:300px;position:absolute;left:80px;min-height:44px;min-width:300px;top:6px}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-content .title{font-size:calc(10px + .25vw);font-weight:bold;text-transform:uppercase}.wizard-container-directive .steps-container .step .wizard-bubble .bubble-content .subtitle{font-size:calc(8px + .25vw);margin-top:.5vh}.wizard-container-directive .wizard-container{height:100%}.wizard-container-directive .wizard-container .wizard-step{height:100%}
|
package/package.json
CHANGED