@refinitiv-ui/elements 5.12.0-alpha.2 → 5.12.0-dev.0

package/lib/tree-select/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light/index.js

@@ -1,11 +0,0 @@
-import '@refinitiv-ui/elements/lib/overlay/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
-import '@refinitiv-ui/elements/lib/tree/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
-import '@refinitiv-ui/elements/lib/checkbox/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
-import '@refinitiv-ui/elements/lib/pill/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
-import '@refinitiv-ui/elements/lib/button/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
-import '@refinitiv-ui/elements/lib/list/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
-import '@refinitiv-ui/elements/lib/counter/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
-import '@refinitiv-ui/elements/lib/item/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
-import '@refinitiv-ui/elements/lib/icon/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
-
-elf.customStyles.define('ef-tree-select', ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:15rem;font-weight:400;height:40px;width:300px;max-width:100%;margin:10px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#3e444f;border-radius:3px;background-color:transparent;text-overflow:ellipsis;border:0 solid #d4d7dd;border:none;transition:background-size .2s ease-out;background:linear-gradient(#535de8,#535de8) center calc(100% + 2px)/30% 2px,linear-gradient(#d4d7dd,#d4d7dd) center bottom/100% 1px;background-repeat:no-repeat;cursor:pointer;scrollbar-face-color:#d4d7dd;scrollbar-shadow-color:#d4d7dd;scrollbar-highlight-color:#d4d7dd;scrollbar-arrow-color:#d4d7dd;scrollbar-track-color:#f9f9fa;scrollbar-3dlight-color:#f9f9fa;scrollbar-darkshadow-color:#f9f9fa;scrollbar-color:#d4d7dd #f9f9fa;padding:0;scrollbar-face-color:#d4d7dd;scrollbar-shadow-color:#d4d7dd;scrollbar-highlight-color:#d4d7dd;scrollbar-arrow-color:#d4d7dd;scrollbar-track-color:#f9f9fa;scrollbar-3dlight-color:#f9f9fa;scrollbar-darkshadow-color:#f9f9fa;scrollbar-color:#d4d7dd #f9f9fa}:host([disabled]){color:#9fa2a7;border:0 solid #d4d7dd;border:none;transition:background-size .2s ease-out;background:linear-gradient(#d4d7dd,#d4d7dd) center calc(100% + 2px)/30% 2px,linear-gradient(#d4d7dd,#d4d7dd) center bottom/100% 1px;background-repeat:no-repeat}:host([warning]){border:0 solid #f18f34;border:none;transition:background-size .2s ease-out;background:linear-gradient(#f18f34,#f18f34) center calc(100% + 2px)/30% 2px,linear-gradient(#f18f34,#f18f34) center bottom/100% 1px;background-repeat:no-repeat}:host([warning][disabled]){color:#9fa2a7;border:0 solid #f18f34;border:none;transition:background-size .2s ease-out;background:linear-gradient(#f18f34,#f18f34) center calc(100% + 2px)/30% 2px,linear-gradient(#f18f34,#f18f34) center bottom/100% 1px;background-repeat:no-repeat}:host([error]),:host([error][warning]){border:0 solid #e5445f;border:none;transition:background-size .2s ease-out;background:linear-gradient(#e5445f,#e5445f) center calc(100% + 2px)/30% 2px,linear-gradient(#e5445f,#e5445f) center bottom/100% 1px;background-repeat:no-repeat}:host([error][disabled]),:host([error][warning][disabled]){color:#9fa2a7;border:0 solid #e5445f;border:none;transition:background-size .2s ease-out;background:linear-gradient(#e5445f,#e5445f) center calc(100% + 2px)/30% 2px,linear-gradient(#e5445f,#e5445f) center bottom/100% 1px;background-repeat:no-repeat}:host(:not([readonly])[focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#535de8}:host([readonly]){cursor:default}:host [part=placeholder]{opacity:.5}:host [part=label],:host [part=placeholder]{margin-right:3px}:host [part~=icon]{color:#3e444f;opacity:.7}:host(:not([readonly]):hover) [part~=icon],:host(:not([readonly])[focused]) [part~=icon]{opacity:1}:host(:not([readonly])[focused]) [part~=icon]{color:#535de8}:host([disabled]) [part~=icon]{color:#d4d7dd}:host [part=list]{max-width:var(--list-max-width,300px);max-height:var(--list-max-height)}:host [part~=input-wrapper]{touch-action:manipulation;display:flex;align-items:center;width:100%;height:100%}:host [part~=input]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:15rem;font-weight:400;height:40px;max-width:100%;padding:0 6px;margin:10px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#3e444f;border-radius:3px;text-overflow:ellipsis;border:0 solid #d4d7dd;transition:background-size .2s ease-out;background:0 0,0 0;width:100%;border:none}:host [part~=input][disabled]{color:#9fa2a7;border:0 solid #d4d7dd;border:none;transition:background-size .2s ease-out;background:linear-gradient(#d4d7dd,#d4d7dd) center calc(100% + 2px)/30% 2px,linear-gradient(#d4d7dd,#d4d7dd) center bottom/100% 1px;background-repeat:no-repeat}:host [part~=input][type=number]{padding-right:0}:host [part~=input][warning]{border:0 solid #f18f34;border:none;transition:background-size .2s ease-out;background:linear-gradient(#f18f34,#f18f34) center calc(100% + 2px)/30% 2px,linear-gradient(#f18f34,#f18f34) center bottom/100% 1px;background-repeat:no-repeat}:host [part~=input][warning][disabled]{color:#9fa2a7;border:0 solid #f18f34;border:none;transition:background-size .2s ease-out;background:linear-gradient(#f18f34,#f18f34) center calc(100% + 2px)/30% 2px,linear-gradient(#f18f34,#f18f34) center bottom/100% 1px;background-repeat:no-repeat}:host [part~=input][error],:host [part~=input][error][warning]{border:0 solid #e5445f;border:none;transition:background-size .2s ease-out;background:linear-gradient(#e5445f,#e5445f) center calc(100% + 2px)/30% 2px,linear-gradient(#e5445f,#e5445f) center bottom/100% 1px;background-repeat:no-repeat}:host [part~=input][error][disabled],:host [part~=input][error][warning][disabled]{color:#9fa2a7;border:0 solid #e5445f;border:none;transition:background-size .2s ease-out;background:linear-gradient(#e5445f,#e5445f) center calc(100% + 2px)/30% 2px,linear-gradient(#e5445f,#e5445f) center bottom/100% 1px;background-repeat:no-repeat}:host [part~=input] ::-ms-clear{display:none}:host [part~=button]{width:28px;height:28px;display:flex;justify-content:center;align-items:center;flex:none}:host [part~=list]{display:flex;flex-flow:column nowrap}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){:host [part~=list] ::slotted(ef-list){max-height:inherit}}:host [part=selection-badge]{flex-shrink:0}:host([disabled]) [part~=selection-badge]{opacity:.4}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #f9f9fa;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#d4d7dd;border-radius:8px;border:2px solid #f9f9fa}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#f9f9fa}::-webkit-scrollbar-corner{background:#f9f9fa}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}:host [part=list]{width:var(--panel-width,450px);min-width:var(--panel-width,450px);max-width:var(--list-max-width,var(--panel-width,450px));max-height:var(--list-max-height,450px)}:host [part~=control-container]{height:40px;padding:0 10px}:host [part~=footer]{height:40px;padding:10px;border-top:1px solid #d4d7dd;background:#f9f9fa;align-content:space-between;justify-content:flex-end;box-sizing:content-box}:host [part~=filter-wrapper]{margin-right:-10px;padding:5px;display:flex;align-items:center}:host [part~=control]{display:block;position:relative;padding:3px 5px;border:1px solid transparent;border-radius:3px;cursor:pointer;outline:0}:host [part~=control]:focus{z-index:1}:host([focused=visible]) [part~=control]:focus{border-color:#535de8}:host [part~=filter-control]{align-content:space-between;border-bottom:1px solid #d4d7dd;background:#f9f9fa}:host [part=match-count-wrapper]{display:inline-flex;margin-right:auto}:host [part~=tree-control]{justify-content:space-between;border-bottom:1px solid #d4d7dd}:host [part~=control][part~=active]{color:#e01865}:host [part~=control][part~=disabled]{cursor:default;color:#9fa2a7}:host [part~=full-filter]::after{content:\'\';border-right:1px solid #d4d7dd;position:absolute;top:0;right:-2px;bottom:0}:host [part=selected-count]{display:inline-flex;margin-right:auto}:host [part=cancel-button],:host [part=done-button]{margin:10px}:host [part~=footer] [part*=-button]:first-child{margin-right:0}:host [part=pills]{padding:3px;border-top:1px solid #d4d7dd;max-height:72px;overflow-y:auto;background-color:transparent}');