@deriv-com/smartcharts-champion 1.0.1 → 1.1.1

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.
@@ -245,6 +245,44 @@ html,body{touch-action:none;margin:0px}
245
245
  .sc-inline-loader__inner__bullet:nth-child(4){animation-delay:-0.9s}
246
246
  .sc-inline-loader--enable>span,.sc-inline-loader--enable>div{opacity:.32}
247
247
  @keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
248
+ .sc-drawing-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;max-width:35rem;min-height:3rem;max-height:3rem;padding:.5rem .5rem .5rem 1rem;align-items:center;gap:.5rem;border-radius:.5rem;font-family:"Inter",sans-serif;font-size:14px;font-weight:400;line-height:20px;animation:slideUp .3s ease-out}
249
+ .smartcharts-light .sc-drawing-toast{border:1px solid hsla(0,0%,100%,.04);background:#000;color:#fff;box-shadow:0 4px 8px 2px rgba(0,0,0,.03),0 4px 8px 2px rgba(0,0,0,.02)}
250
+ .smartcharts-dark .sc-drawing-toast{border:1px solid rgba(0,0,0,.04);background:#fff;color:#000;box-shadow:0 4px 8px 2px rgba(0,0,0,.03),0 4px 8px 2px rgba(0,0,0,.02)}
251
+ .sc-drawing-toast__content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}
252
+ .sc-drawing-toast__message{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
253
+ .sc-drawing-toast__cancel{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:8px 12px;border-radius:4px;transition:background-color .2s ease}
254
+ .smartcharts-light .sc-drawing-toast__cancel{color:#fff}
255
+ .smartcharts-light .sc-drawing-toast__cancel:hover{background:hsla(0,0%,100%,.08)}
256
+ .smartcharts-light .sc-drawing-toast__cancel:active{background:hsla(0,0%,100%,.12)}
257
+ .smartcharts-dark .sc-drawing-toast__cancel{color:#000}
258
+ .smartcharts-dark .sc-drawing-toast__cancel:hover{background:rgba(0,0,0,.08)}
259
+ .smartcharts-dark .sc-drawing-toast__cancel:active{background:rgba(0,0,0,.12)}
260
+ .sc-drawing-toast__cancel:focus{outline:2px solid}
261
+ .smartcharts-light .sc-drawing-toast__cancel:focus{outline-color:#85acb0}
262
+ .smartcharts-dark .sc-drawing-toast__cancel:focus{outline-color:#85acb0}
263
+ @media(max-width: 768px){.sc-drawing-toast{max-width:calc(100vw - 32px);margin:0 16px;left:0;right:0;transform:none}.sc-drawing-toast__message{font-size:14px}}
264
+ @keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
265
+ @media(max-width: 768px){@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}
266
+ .sc-deletion-snackbar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;max-width:35rem;min-height:3rem;max-height:3.75rem;padding:.5rem .5rem .5rem 1rem;align-items:center;gap:.5rem;border-radius:.5rem;font-family:"Inter",sans-serif;font-size:14px;font-weight:400;line-height:20px;animation:slideUpSnackbar .3s ease-out}
267
+ .smartcharts-light .sc-deletion-snackbar{border:1px solid hsla(0,0%,100%,.04);background:#000;color:#fff;box-shadow:0 4px 8px 2px rgba(0,0,0,.03),0 4px 8px 2px rgba(0,0,0,.02)}
268
+ .smartcharts-dark .sc-deletion-snackbar{border:1px solid rgba(0,0,0,.04);background:#fff;color:#000;box-shadow:0 4px 8px 2px rgba(0,0,0,.03),0 4px 8px 2px rgba(0,0,0,.02)}
269
+ .sc-deletion-snackbar__content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
270
+ .sc-deletion-snackbar__message{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
271
+ .sc-deletion-snackbar__close{background:none;border:none;cursor:pointer;font-family:inherit;font-size:18px;font-weight:400;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}
272
+ .smartcharts-light .sc-deletion-snackbar__close{color:#fff}
273
+ .smartcharts-light .sc-deletion-snackbar__close:hover{background:hsla(0,0%,100%,.08)}
274
+ .smartcharts-light .sc-deletion-snackbar__close:active{background:hsla(0,0%,100%,.12)}
275
+ .smartcharts-dark .sc-deletion-snackbar__close{color:#000}
276
+ .smartcharts-dark .sc-deletion-snackbar__close:hover{background:rgba(0,0,0,.08)}
277
+ .smartcharts-dark .sc-deletion-snackbar__close:active{background:rgba(0,0,0,.12)}
278
+ .sc-deletion-snackbar__close:focus{outline:2px solid}
279
+ .smartcharts-light .sc-deletion-snackbar__close:focus{outline-color:#85acb0}
280
+ .smartcharts-dark .sc-deletion-snackbar__close:focus{outline-color:#85acb0}
281
+ .smartcharts-light .sc-deletion-snackbar__close .ic-icon>svg{fill:#fff}
282
+ .smartcharts-dark .sc-deletion-snackbar__close .ic-icon>svg{fill:#000}
283
+ @media(max-width: 768px){.sc-deletion-snackbar{max-width:calc(100vw - 32px);margin:0 16px;left:0;right:0;transform:none}.sc-deletion-snackbar__message{font-size:14px}}
284
+ @keyframes slideUpSnackbar{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
285
+ @media(max-width: 768px){@keyframes slideUpSnackbar{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}
248
286
  .cq-last-digits{position:absolute;bottom:45px;left:calc(50% - 150px);visibility:hidden}.cq-last-digits.show{visibility:visible}.cq-last-digits .cq-bars{height:70px}.smartcharts-light .cq-last-digits .cq-bars{color:#7f8397}.smartcharts-dark .cq-last-digits .cq-bars{color:#7f8397}.smartcharts-light .cq-last-digits .cq-bars .min{color:#e31c4b}.smartcharts-dark .cq-last-digits .cq-bars .min{color:#e31c4b}.smartcharts-light .cq-last-digits .cq-bars .max{color:#2d9f93}.smartcharts-dark .cq-last-digits .cq-bars .max{color:#39b19d}.cq-last-digits .cq-bars .cq-bar-value{margin:-16px 0 0 -6px;transition:opacity .8s linear;font-size:12px;opacity:0}.cq-last-digits .cq-bars .cq-bar-value.show{opacity:1}.cq-last-digits .cq-bars .cq-bar{width:10px;position:absolute;bottom:40px;transition:height .8s ease-in-out;border-radius:16px}.smartcharts-light .cq-last-digits .cq-bars .cq-bar{background-color:#999cac}.smartcharts-dark .cq-last-digits .cq-bars .cq-bar{background-color:#555975}.cq-last-digits .cq-bars .cq-bar .cq-bar-title{position:absolute;bottom:-20px;width:10px;text-align:center;font-size:14px}.smartcharts-light .cq-last-digits .cq-bars .cq-bar.min{background-color:#e31c4b}.smartcharts-dark .cq-last-digits .cq-bars .cq-bar.min{background-color:#e31c4b}.smartcharts-light .cq-last-digits .cq-bars .cq-bar.max{background-color:#2d9f93}.smartcharts-dark .cq-last-digits .cq-bars .cq-bar.max{background-color:#39b19d}.cq-last-digits .cq-bar-footer{text-align:center;width:475px;font-size:12px;top:60px;position:absolute;left:-75px}.smartcharts-light .cq-last-digits .cq-bar-footer{color:#000}.smartcharts-dark .cq-last-digits .cq-bar-footer{color:#fff}.cq-last-digits.minimised{bottom:10px}.cq-last-digits.minimised .cq-bars{height:25px}.cq-last-digits.minimised .cq-bar-footer{top:8px}
249
287
  .cq-bottom-ui-widgets{position:absolute;width:100%}
250
288
  .cq-chart-controls{position:absolute;display:flex;box-shadow:0 2px 2px 0 rgba(0,0,0,.12);z-index:9;justify-content:center;align-items:stretch;box-sizing:border-box;border-radius:2px;transition:z-index .3s linear}.smartcharts-light .cq-chart-controls{background:#fff;box-shadow:inset 0 1px 0 0 #f2f3f4}.smartcharts-dark .cq-chart-controls{background:#181c25;box-shadow:inset 0 1px 0 0 #151717}.cq-chart-controls.active{z-index:5}.cq-chart-controls .ciq-menu{width:auto}.cq-chart-controls .ciq-menu>span{margin:0;padding:0}.cq-chart-controls .ciq-menu:after{right:5px;top:11px;transform:rotate(225deg);display:none}.smartcharts-light .cq-chart-controls .ciq-menu.ciq-enabled.stxMenuActive{box-shadow:0px -2px 0px 0 #ff444f}.smartcharts-dark .cq-chart-controls .ciq-menu.ciq-enabled.stxMenuActive{box-shadow:0px -2px 0px 0 #ff444f}.smartcharts-light .cq-chart-controls .ciq-menu.ciq-enabled.stxMenuActive .cq-menu-btn{background:#fff}.smartcharts-dark .cq-chart-controls .ciq-menu.ciq-enabled.stxMenuActive .cq-menu-btn{background:#181c25}.smartcharts-light .cq-chart-controls .ciq-menu.ciq-enabled.stxMenuActive .cq-menu-btn>.ic-icon{color:#7f8397}.smartcharts-dark .cq-chart-controls .ciq-menu.ciq-enabled.stxMenuActive .cq-menu-btn>.ic-icon{color:#fff}.cq-chart-controls .ciq-menu.ciq-enabled.stxMenuActive .cq-menu-btn>.ic-icon .ic-subtitle{display:none;font-weight:bold}.smartcharts-light .cq-chart-controls .ciq-menu.ciq-enabled.stxMenuActive .cq-menu-btn>.ic-icon .ic-subtitle{color:#7f8397}.smartcharts-dark .cq-chart-controls .ciq-menu.ciq-enabled.stxMenuActive .cq-menu-btn>.ic-icon .ic-subtitle{color:#fff}.smartcharts-light .cq-chart-controls .ciq-menu.ciq-enabled .cq-menu-btn:hover{background:#e6e9e9}.smartcharts-dark .cq-chart-controls .ciq-menu.ciq-enabled .cq-menu-btn:hover{background:#242828}.cq-chart-controls .ciq-menu .cq-menu-btn{position:relative;padding:3px 5px;height:100%;display:flex;flex-direction:column;justify-content:center}.cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon{padding:.35em .5em}.cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon.active .ic-subtitle{font-weight:bold}.smartcharts-light .cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon.active .ic-subtitle{color:#7f8397}.smartcharts-dark .cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon.active .ic-subtitle{color:#fff}.cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon .ic-subtitle{display:none;font-weight:normal;line-height:normal;text-align:center;font-size:1em}.smartcharts-light .cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon .ic-subtitle{color:rgba(0,0,0,.8)}.smartcharts-dark .cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon .ic-subtitle{color:#999}.cq-chart-controls .ciq-menu .sc-tooltip__inner{display:none !important}.cq-chart-control-bottom .cq-chart-controls .ciq-menu .cq-menu-dropdown{transform:translateX(-50%) translateY(3em);left:50%}.cq-chart-control-bottom .cq-chart-controls .ciq-menu .cq-menu-dropdown.cq-menu-dropdown-enter-done,.cq-chart-control-bottom .cq-chart-controls .ciq-menu .cq-menu-dropdown.cq-menu-dropdown-enter-active{transform:translateX(-50%) translateY(0em)}.cq-chart-control-left .cq-chart-controls .ciq-menu .cq-menu-dropdown{bottom:auto;left:9em;top:-1em;transform:translateX(-3em)}.cq-chart-control-left .cq-chart-controls .ciq-menu .cq-menu-dropdown.cq-menu-dropdown-enter-done,.cq-chart-control-left .cq-chart-controls .ciq-menu .cq-menu-dropdown.cq-menu-dropdown-enter-active{transform:translateX(0em)}.cq-chart-controls .ciq-menu .cq-menu-dropdown.cq-menu-dropdown-exit-active{opacity:0;z-index:-3}.cq-chart-controls .ciq-menu .cq-menu-dropdown.cq-menu-dropdown-enter-done,.cq-chart-controls .ciq-menu .cq-menu-dropdown.cq-menu-dropdown-enter-active{opacity:1;z-index:6}.cq-chart-control-bottom .cq-chart-controls{bottom:0px;height:40px;width:100%;padding:0 5px}.cq-chart-control-left .cq-chart-controls{left:0px;top:0;height:100%;width:100px;padding:5px 0;flex-flow:column}.cq-chart-control-left .cq-chart-controls .ciq-menu{min-height:45px;height:auto}.smartcharts-light .cq-chart-control-left .cq-chart-controls .ciq-menu .stxMenuActive{box-shadow:2px .3px 0px 0 #ff444f}.smartcharts-dark .cq-chart-control-left .cq-chart-controls .ciq-menu .stxMenuActive{box-shadow:2px .3px 0px 0 #ff444f}.cq-chart-control-left .cq-chart-controls .ciq-menu .cq-menu-btn{padding:0 5px}.smartcharts-mobile .cq-chart-controls{justify-content:space-around;padding:0 .7em;height:40px}.smartcharts-light .smartcharts-mobile .cq-chart-controls{box-shadow:inset 0 1px 0 0 #f2f3f4}.smartcharts-dark .smartcharts-mobile .cq-chart-controls{box-shadow:inset 0 1px 0 0 #151717}.smartcharts-mobile .cq-chart-controls.active{z-index:5}.smartcharts-mobile .cq-chart-controls .cq-menu-btn{padding:0}.smartcharts-mobile .cq-chart-controls .ciq-menu{padding:0em;width:auto}.smartcharts-mobile .cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon{padding:.35em 0em}.smartcharts-mobile .cq-chart-controls .ciq-menu .cq-menu-dropdown{height:auto;left:-1px;padding:0;border:none;box-shadow:none}.smartcharts-mobile .cq-chart-controls .cq-menu-btn,.smartcharts-mobile .cq-chart-controls .sc-chart-size>span{padding:0 !important}.smartcharts-mobile .cq-chart-controls .ic-icon-with-sub>svg{padding:5px 10px}.smartcharts-480 .smartcharts-desktop .cq-chart-control-bottom .cq-chart-controls .ciq-menu{width:50px}.smartcharts-480 .smartcharts-desktop .cq-chart-control-bottom .cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon{padding:.35em 0em}.smartcharts-480 .smartcharts-desktop .cq-chart-control-bottom .cq-chart-controls .ciq-menu .cq-menu-btn .ic-subtitle{display:none}.smartcharts-900 .smartcharts-desktop .cq-chart-control-bottom .cq-chart-controls .ciq-menu{width:auto;min-width:45px}.smartcharts-900 .smartcharts-desktop .cq-chart-control-bottom .cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon{padding:.35em 0em}.smartcharts-900 .smartcharts-desktop .cq-chart-control-bottom .cq-chart-controls .ciq-menu .cq-menu-btn .ic-subtitle{display:none}.smartcharts-1280 .smartcharts-desktop .cq-chart-controls .ciq-menu{width:auto;min-width:70px}.smartcharts-1280 .smartcharts-desktop .cq-chart-controls .ciq-menu .cq-menu-btn>.ic-icon{padding:.35em .5em}.smartcharts-1280 .smartcharts-desktop .cq-chart-controls .ciq-menu .cq-menu-btn .ic-subtitle{display:none}