@refinitiv-ui/elements 7.13.6 → 7.14.1

package/lib/password-field/themes/ds/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/icon/themes/ds/dark';
+import '@refinitiv-ui/elements/tooltip/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-password-field', styles: ':host ::-moz-selection{color:currentColor;background-color:#5d84b3}:host ::selection{color:currentColor;background-color:#5d84b3}:host [part=icon]{margin-left:2px;color:#c0cadb;min-width:1em}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover){border-color:#646e7b;color:#fff}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon]{color:#848f9c}:host [part~=button-clear]:active,:host [part~=button-clear]:hover{color:#5572ff}:host([warning]:hover:not([readonly]):not([focused])){color:#fff;border-color:#ffe1a8}:host([warning][disabled]),:host([warning][readonly]:not([focused])){border-color:rgba(255,225,168,.5)}:host([error]:hover:not([readonly]):not([focused])){color:#fff;border-color:#ffb0a6}:host([error][disabled]),:host([error][readonly]:not([focused])),:host([error][warning][disabled]){border-color:rgba(255,176,166,.5)}:host([readonly]:not([focused])){border-color:#424c58;background-color:#232d38}:host([focused]),:host([focused][error][warning]){border-color:#5572ff;color:#fff}:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#848f9c}:host([disabled]) [part=icon]{color:#75808c}:host([readonly]:not([focused])) [part=icon]{color:#fff}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon],:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#6d84ff}:host([error]:not([focused])),:host([readonly]:not([focused])),:host([warning]:not([focused])){color:#fff}:host input::placeholder{color:#9ca7b4}:host input::-moz-placeholder{color:#9ca7b4}:host input[disabled]::placeholder{color:#75808c}:host input[disabled]::-webkit-input-placeholder{color:#75808c}:host input[disabled]::-moz-placeholder{color:#75808c}:host input[disabled]:-ms-input-placeholder{color:#75808c}:host input[disabled]:-moz-placeholder{color:#75808c}:host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#fff;border-radius:4px;background-color:#232d38;text-overflow:ellipsis;border:1px solid #424c58}:host([disabled]){background-color:#323c48;color:#75808c;border:1px solid #424c58}:host([type=number]){padding-right:0}:host([warning]){border:1px solid #ffbe42}:host([warning][disabled]){color:#75808c;border:1px solid #424c58}:host([error]),:host([error][warning]){border:1px solid #ff5540}:host([error][disabled]),:host([error][warning][disabled]){color:#75808c;border:1px solid #424c58}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;text-overflow:unset}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=button]{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none}:host [part=icon]:hover{cursor:pointer}:host [part=input]::-ms-reveal{display:none}' }}));

package/lib/password-field/themes/ds/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/icon/themes/ds/light';
+import '@refinitiv-ui/elements/tooltip/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-password-field', styles: ':host ::-moz-selection{color:currentColor;background-color:#b4d5fe}:host ::selection{color:currentColor;background-color:#b4d5fe}:host [part=icon]{margin-left:2px;color:#323c48;min-width:1em}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover){border-color:#848f9c;color:#141e29}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon]{color:#2336fd}:host [part~=button-clear]:active,:host [part~=button-clear]:hover{color:#2336fd}:host([warning]:hover:not([readonly]):not([focused])){color:#141e29;border-color:#ffe1a8}:host([warning][disabled]),:host([warning][readonly]:not([focused])){border-color:rgba(255,225,168,.5)}:host([error]:hover:not([readonly]):not([focused])){color:#141e29;border-color:#ff221e}:host([error][disabled]),:host([error][readonly]:not([focused])),:host([error][warning][disabled]){border-color:rgba(255,34,30,.5)}:host([readonly]:not([focused])){border-color:#c0cadb;background-color:#f6f7f9}:host([focused]),:host([focused][error][warning]){border-color:#2336fd;color:#141e29}:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#2336fd}:host([disabled]) [part=icon]{color:#9ca7b4}:host([readonly]:not([focused])) [part=icon]{color:#141e29}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon],:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#2336fd}:host([error]:not([focused])),:host([readonly]:not([focused])),:host([warning]:not([focused])){color:#141e29}:host input::placeholder{color:#505b67}:host input::-moz-placeholder{color:#505b67}:host input[disabled]::placeholder{color:#9ca7b4}:host input[disabled]::-webkit-input-placeholder{color:#9ca7b4}:host input[disabled]::-moz-placeholder{color:#9ca7b4}:host input[disabled]:-ms-input-placeholder{color:#9ca7b4}:host input[disabled]:-moz-placeholder{color:#9ca7b4}:host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#141e29;border-radius:4px;background-color:#f6f7f9;text-overflow:ellipsis;border:1px solid #c0cadb}:host([disabled]){background-color:#eceef4;color:#9ca7b4;border:1px solid #c0cadb}:host([type=number]){padding-right:0}:host([warning]){border:1px solid #ffbe42}:host([warning][disabled]){color:#9ca7b4;border:1px solid #c0cadb}:host([error]),:host([error][warning]){border:1px solid #b70300}:host([error][disabled]),:host([error][warning][disabled]){color:#9ca7b4;border:1px solid #c0cadb}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;text-overflow:unset}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=button]{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none}:host [part=icon]:hover{cursor:pointer}:host [part=input]::-ms-reveal{display:none}' }}));

package/lib/pill/themes/ds/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/icon/themes/ds/dark';
+import '@refinitiv-ui/elements/tooltip/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-pill', styles: ':host{touch-action:manipulation;background:#232d38;transition:120ms;margin:2px;font-family:inherit;font-size:12px;font-weight:400;padding:0 5px;min-width:21px;max-width:180px;outline:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;vertical-align:middle;position:relative;overflow:hidden}:host [part=close]:active{border:1px solid transparent;color:#fff;background-color:rgba(132,143,156,.16);box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([focused=visible]){border:1px solid #6d84ff;box-shadow:0 0 0 2px #141e29,0 0 0 4px #5572ff}:host{height:20px;line-height:20px;border:1px solid #323c48;color:#fff;background-color:#232d38;border-radius:4px;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host(:hover),:host([active]:hover){background-color:#323c48;border-color:#323c48}:host([active]){border-color:#323c48;background-color:#fff}:host([toggles][active][pressed]),:host([toggles][pressed]){border-color:#323c48}:host([toggles][pressed]),:host([toggles][pressed]:hover){background-color:rgba(0,0,0,0)}:host(:hover),:host([active]),:host([pressed]){color:currentColor}:host(:hover) [part=close],:host([active]) [part=close],:host([pressed]) [part=close]{color:currentColor;opacity:1}:host [part=close]{touch-action:manipulation;position:relative;display:flex;margin-left:4px;flex:none;width:12px;height:12px;box-sizing:border-box;cursor:pointer;background-clip:content-box;min-width:12px;opacity:.4;color:#9ca7b4;background-color:rgba(0,0,0,0);border-color:transparent;border-radius:10000px;box-shadow:0 0 0 0 rgba(20,30,41,.08);opacity:1}@media (pointer:coarse){:host(:not([active])),:host([toggles]:not([active])){color:#c0cadb;background-color:#232d38;border-color:#323c48}:host(:not([active])) [part=close],:host([toggles]:not([active])) [part=close]{color:#c0cadb;opacity:.4}}:host(:hover){color:#fff;background-color:#323c48;border-color:#323c48;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host(:hover) [part=close]{color:#fff}:host(:active){color:#fff;background-color:rgba(0,0,0,0);border-color:#323c48;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host [part=close]:hover{color:#fff;background-color:rgba(132,143,156,.08);border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host [part=close][disabled]{color:#75808c;background-color:#424c58;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([toggles][active][focused=visible]){box-shadow:0 0 0 2px #141e29,0 0 0 4px #5572ff}:host([disabled]){color:#75808c;background-color:#424c58;border-color:transparent}:host([toggles][active]){color:#141e29;background-color:#fff;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([toggles][active]:hover){color:#141e29;background-color:#9ca7b4;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([toggles][active]:active){color:#141e29;background-color:#848f9c;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([toggles][active][disabled]){color:#75808c;background-color:#424c58;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([toggles][active]) [part=close]{color:#323c48;background-color:rgba(0,0,0,0);border-color:transparent}:host([toggles][active]) [part=close]:hover{color:#141e29;background-color:rgba(20,30,41,.08);border-color:transparent}:host([toggles][active]) [part=close]:active{color:#141e29;background-color:rgba(20,30,41,.16);border-color:transparent}:host([toggles][active][disabled]) [part=close]{color:#75808c;background-color:#424c58;border-color:transparent}' }}));

package/lib/pill/themes/ds/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/icon/themes/ds/light';
+import '@refinitiv-ui/elements/tooltip/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-pill', styles: ':host{touch-action:manipulation;background:#f6f7f9;transition:120ms;margin:2px;font-family:inherit;font-size:12px;font-weight:400;padding:0 5px;min-width:21px;max-width:180px;outline:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;vertical-align:middle;position:relative;overflow:hidden}:host [part=close]:active{border:1px solid transparent;color:#141e29;background-color:rgba(80,91,103,.16);box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([focused=visible]){border:1px solid #2336fd;box-shadow:0 0 0 2px #fff,0 0 0 4px #2336fd}:host{height:20px;line-height:20px;border:1px solid #eceef4;color:#141e29;background-color:#f6f7f9;border-radius:4px;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host(:hover),:host([active]:hover){background-color:#eceef4;border-color:#eceef4}:host([active]){border-color:#eceef4;background-color:#141e29}:host([toggles][active][pressed]),:host([toggles][pressed]){border-color:#eceef4}:host([toggles][pressed]),:host([toggles][pressed]:hover){background-color:rgba(0,0,0,0)}:host(:hover),:host([active]),:host([pressed]){color:currentColor}:host(:hover) [part=close],:host([active]) [part=close],:host([pressed]) [part=close]{color:currentColor;opacity:1}:host [part=close]{touch-action:manipulation;position:relative;display:flex;margin-left:4px;flex:none;width:12px;height:12px;box-sizing:border-box;cursor:pointer;background-clip:content-box;min-width:12px;opacity:.4;color:#505b67;background-color:rgba(0,0,0,0);border-color:transparent;border-radius:10000px;box-shadow:0 0 0 0 rgba(20,30,41,.08);opacity:1}@media (pointer:coarse){:host(:not([active])),:host([toggles]:not([active])){color:#323c48;background-color:#f6f7f9;border-color:#eceef4}:host(:not([active])) [part=close],:host([toggles]:not([active])) [part=close]{color:#323c48;opacity:.4}}:host(:hover){color:#141e29;background-color:#eceef4;border-color:#eceef4;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host(:hover) [part=close]{color:#141e29}:host(:active){color:#141e29;background-color:rgba(0,0,0,0);border-color:#eceef4;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host [part=close]:hover{color:#141e29;background-color:rgba(80,91,103,.08);border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host [part=close][disabled]{color:#9ca7b4;background-color:#eceef4;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([toggles][active][focused=visible]){box-shadow:0 0 0 2px #fff,0 0 0 4px #2336fd}:host([disabled]){color:#9ca7b4;background-color:#eceef4;border-color:transparent}:host([toggles][active]){color:#fff;background-color:#141e29;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([toggles][active]:hover){color:#fff;background-color:#424c58;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([toggles][active]:active){color:#fff;background-color:#505b67;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([toggles][active][disabled]){color:#9ca7b4;background-color:#eceef4;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08)}:host([toggles][active]) [part=close]{color:#c0cadb;background-color:rgba(0,0,0,0);border-color:transparent}:host([toggles][active]) [part=close]:hover{color:#fff;background-color:rgba(255,255,255,.08);border-color:transparent}:host([toggles][active]) [part=close]:active{color:#fff;background-color:rgba(255,255,255,.16);border-color:transparent}:host([toggles][active][disabled]) [part=close]{color:#9ca7b4;background-color:#eceef4;border-color:transparent}' }}));

package/lib/progress-bar/themes/ds/dark/index.js

@@ -0,0 +1 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-progress-bar', styles: ':host{color:#6d84ff;height:8px}:host [part=bar]{background-color:var(--bar-color,currentColor);transition:width .1s}:host [part=label]{color:#c0cadb;transition:margin .1s}' }}));

package/lib/progress-bar/themes/ds/light/index.js

@@ -0,0 +1 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-progress-bar', styles: ':host{color:#2336fd;height:8px}:host [part=bar]{background-color:var(--bar-color,currentColor);transition:width .1s}:host [part=label]{color:#323c48;transition:margin .1s}' }}));

package/lib/radio-button/themes/ds/dark/index.js

@@ -0,0 +1,2 @@
+import '@refinitiv-ui/elements/tooltip/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-radio-button', styles: ':host{margin:1px 0;vertical-align:middle;display:inline-flex;align-items:center;flex-wrap:nowrap;font-size:inherit;font-weight:inherit;touch-action:manipulation;--check-color:#141e29;color:#c0cadb}:host(:focus){outline:0}:host [part=container]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:100%;background-color:#232d38;transition:box-shadow 150ms,border-color 150ms;box-shadow:inset 0 0 0 rgba(0,0,0,.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;border:1px solid #424c58;width:14px;height:14px}:host [part=check]{display:flex;justify-content:center;align-items:center;box-sizing:border-box;color:var(--check-color,#6d84ff);border:none;background-color:currentColor;transform:none;border-radius:100%;margin:0;width:8px;height:8px}:host [part=label]{margin:0 7px;cursor:default;color:#fff}:host([disabled]) [part=check],:host([readonly]) [part=check]{color:var(--check-color,#c0cadb)}:host([disabled]) [part=check]{opacity:.5}:host([disabled][checked]) [part=check]{opacity:.5}:host([disabled]) [part=label]{opacity:.65;color:#505b67}@media (pointer:fine){:host(:focus) [part=container]{border-color:#5572ff;box-shadow:0 0 0 #5572ff}}:host(:not([readonly])) [part=container]{cursor:pointer}:host(:hover:not([checked]):not([indeterminate]):not([readonly])) [part=container]{border-color:#646e7b}:host(:hover:not([readonly])){color:#fff}:host([disabled]),:host([disabled]) [part=label]{opacity:.5}:host([checked]) [part=container]{border:1px solid #fff;background-color:#fff}:host(:focus[readonly]:not([checked])) [part=container]{border-color:#75808c}:host([focused=visible]){outline:#5572ff solid 1px;outline-offset:2px}:host(:not([checked]):not([readonly])) [part=container]:hover{border-color:#fff;background-color:rgba(0,0,0,0)}:host [part=container],:host(:hover:not([checked]):not([indeterminate]):not([readonly])) [part=container]{border-color:#9ca7b4}:host([checked]) [part=check]{background-color:#141e29}:host [part=label]:hover{color:#fff}:host([disabled]),:host([disabled]) [part=label],:host([disabled][checked]) [part=check]{opacity:1}:host([disabled]) [part=container]{border-color:#424c58;background-color:#424c58}:host(:focus[readonly]:not([checked])) [part=container],:host([readonly]) [part=container]{border-color:#646e7b;background-color:rgba(0,0,0,0)}:host([readonly][checked]) [part=container]{border-color:#646e7b;background-color:rgba(0,0,0,0)}:host([readonly][checked]) [part=check]{background-color:#fff}:host([readonly]) [part=label]{color:#fff}' }}));

package/lib/radio-button/themes/ds/light/index.js

@@ -0,0 +1,2 @@
+import '@refinitiv-ui/elements/tooltip/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-radio-button', styles: ':host{margin:1px 0;vertical-align:middle;display:inline-flex;align-items:center;flex-wrap:nowrap;font-size:inherit;font-weight:inherit;touch-action:manipulation;--check-color:#ffffff;color:#323c48}:host(:focus){outline:0}:host [part=container]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:100%;background-color:#f6f7f9;transition:box-shadow 150ms,border-color 150ms;box-shadow:inset 0 0 0 rgba(0,0,0,.25);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;border:1px solid #c0cadb;width:14px;height:14px}:host [part=check]{display:flex;justify-content:center;align-items:center;box-sizing:border-box;color:var(--check-color,#2336fd);border:none;background-color:currentColor;transform:none;border-radius:100%;margin:0;width:8px;height:8px}:host [part=label]{margin:0 7px;cursor:default;color:#141e29}:host([disabled]) [part=check],:host([readonly]) [part=check]{color:var(--check-color,#323c48)}:host([disabled]) [part=check]{opacity:.5}:host([disabled][checked]) [part=check]{opacity:.5}:host([disabled]) [part=label]{opacity:.65;color:#adb7c5}@media (pointer:fine){:host(:focus) [part=container]{border-color:#2336fd;box-shadow:0 0 0 #2336fd}}:host(:not([readonly])) [part=container]{cursor:pointer}:host(:hover:not([checked]):not([indeterminate]):not([readonly])) [part=container]{border-color:#848f9c}:host(:hover:not([readonly])){color:#141e29}:host([disabled]),:host([disabled]) [part=label]{opacity:.5}:host([checked]) [part=container]{border:1px solid #141e29;background-color:#141e29}:host(:focus[readonly]:not([checked])) [part=container]{border-color:#848f9c}:host([focused=visible]){outline:#2336fd solid 1px;outline-offset:2px}:host(:not([checked]):not([readonly])) [part=container]:hover{border-color:#141e29;background-color:rgba(0,0,0,0)}:host [part=container],:host(:hover:not([checked]):not([indeterminate]):not([readonly])) [part=container]{border-color:#424c58}:host([checked]) [part=check]{background-color:#fff}:host [part=label]:hover{color:#141e29}:host([disabled]),:host([disabled]) [part=label],:host([disabled][checked]) [part=check]{opacity:1}:host([disabled]) [part=container]{border-color:#eceef4;background-color:#eceef4}:host(:focus[readonly]:not([checked])) [part=container],:host([readonly]) [part=container]{border-color:#848f9c;background-color:rgba(0,0,0,0)}:host([readonly][checked]) [part=container]{border-color:#848f9c;background-color:rgba(0,0,0,0)}:host([readonly][checked]) [part=check]{background-color:#141e29}:host([readonly]) [part=label]{color:#141e29}' }}));

package/lib/rating/themes/ds/dark/index.js

@@ -0,0 +1 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-rating', styles: ':host{font-size:16px}:host [part=container]{touch-action:manipulation;display:flex;flex-direction:row-reverse;flex-wrap:nowrap}:host [part^=icon]{margin:0 1px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiM3NTgwOGMiIGQ9Im0xMDI0IDM5Ny0zNTQtNTFMNTEyIDI1IDM1NCAzNDYgMCAzOTdsMjU2IDI1MC02MCAzNTIgMzE2LTE2NiAzMTYgMTY2LTYwLTM1MnpNNTEyIDc1NCAyODggODcybDQzLTI0OS0xODEtMTc2IDI1MC0zNiAxMTItMjI2IDExMiAyMjYgMjUwIDM2LTE4MSAxNzYgNDMgMjQ5eiIvPjwvc3ZnPg==) 0 0/100% no-repeat;width:1em;height:1em}:host [part^=icon]:first-child,:host [part^=icon]:last-child{margin:0}:host(:not([interactive])) [part~=icon-full],:host([interactive]) [part=container]:not(:hover) [part~=icon-full]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xMDI0IDM5Ny0zNTQtNTFMNTEyIDI1IDM1NCAzNDYgMCAzOTdsMjU2IDI1MC02MCAzNTIgMzE2LTE2NiAzMTYgMTY2LTYwLTM1MnoiLz48L3N2Zz4=)}:host(:not([interactive])) [part~=icon-half],:host([interactive]) [part=container]:not(:hover) [part~=icon-half]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiM3NTgwOGMiIGQ9Im0xMDI0IDM5Ny0zNTQtNTFMNTExIDI1djgwOGwzMTcgMTY2LTYwLTM1MnpNNTExIDc1NFYxODRsMTEzIDIyNiAyNTAgMzYtMTgxIDE3NiA0MyAyNDl6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTUxMiAyNSAzNTQgMzQ2IDAgMzk3bDI1NiAyNTAtNjAgMzUyIDMxNi0xNjZ6Ii8+PC9zdmc+)}:host([interactive]) [part^=icon]{cursor:pointer}:host([interactive]) [part^=icon]:hover,:host([interactive]) [part^=icon]:hover~[part^=icon]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xMDI0IDM5Ny0zNTQtNTFMNTEyIDI1IDM1NCAzNDYgMCAzOTdsMjU2IDI1MC02MCAzNTIgMzE2LTE2NiAzMTYgMTY2LTYwLTM1MnoiLz48L3N2Zz4=)}:host([focused=visible]){outline:#5572ff solid 1px;outline-offset:2px}' }}));

package/lib/rating/themes/ds/light/index.js

@@ -0,0 +1 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-rating', styles: ':host{font-size:16px}:host [part=container]{touch-action:manipulation;display:flex;flex-direction:row-reverse;flex-wrap:nowrap}:host [part^=icon]{margin:0 1px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiM4NDhmOWMiIGQ9Im0xMDI0IDM5Ny0zNTQtNTFMNTEyIDI1IDM1NCAzNDYgMCAzOTdsMjU2IDI1MC02MCAzNTIgMzE2LTE2NiAzMTYgMTY2LTYwLTM1MnpNNTEyIDc1NCAyODggODcybDQzLTI0OS0xODEtMTc2IDI1MC0zNiAxMTItMjI2IDExMiAyMjYgMjUwIDM2LTE4MSAxNzYgNDMgMjQ5eiIvPjwvc3ZnPg==) 0 0/100% no-repeat;width:1em;height:1em}:host [part^=icon]:first-child,:host [part^=icon]:last-child{margin:0}:host(:not([interactive])) [part~=icon-full],:host([interactive]) [part=container]:not(:hover) [part~=icon-full]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMxNDFlMjkiIGQ9Im0xMDI0IDM5Ny0zNTQtNTFMNTEyIDI1IDM1NCAzNDYgMCAzOTdsMjU2IDI1MC02MCAzNTIgMzE2LTE2NiAzMTYgMTY2LTYwLTM1MnoiLz48L3N2Zz4=)}:host(:not([interactive])) [part~=icon-half],:host([interactive]) [part=container]:not(:hover) [part~=icon-half]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiM4NDhmOWMiIGQ9Im0xMDI0IDM5Ny0zNTQtNTFMNTExIDI1djgwOGwzMTcgMTY2LTYwLTM1MnpNNTExIDc1NFYxODRsMTEzIDIyNiAyNTAgMzYtMTgxIDE3NiA0MyAyNDl6Ii8+PHBhdGggZmlsbD0iIzE0MWUyOSIgZD0iTTUxMiAyNSAzNTQgMzQ2IDAgMzk3bDI1NiAyNTAtNjAgMzUyIDMxNi0xNjZ6Ii8+PC9zdmc+)}:host([interactive]) [part^=icon]{cursor:pointer}:host([interactive]) [part^=icon]:hover,:host([interactive]) [part^=icon]:hover~[part^=icon]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMxNDFlMjkiIGQ9Im0xMDI0IDM5Ny0zNTQtNTFMNTEyIDI1IDM1NCAzNDYgMCAzOTdsMjU2IDI1MC02MCAzNTIgMzE2LTE2NiAzMTYgMTY2LTYwLTM1MnoiLz48L3N2Zz4=)}:host([focused=visible]){outline:#2336fd solid 1px;outline-offset:2px}' }}));

package/lib/search-field/themes/ds/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/icon/themes/ds/dark';
+import '@refinitiv-ui/elements/tooltip/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-search-field', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;border-radius:4px;background-color:#232d38;text-overflow:ellipsis;border:1px solid #424c58;color:#fff}:host([disabled]){border:1px solid #424c58;color:#75808c;background-color:#323c48}:host([type=number]){padding-right:0}:host([warning]){border:1px solid #ffbe42}:host([warning][disabled]){color:#75808c;border:1px solid #424c58}:host([error]),:host([error][warning]){border:1px solid #ff5540}:host([error][disabled]),:host([error][warning][disabled]){color:#75808c;border:1px solid #424c58}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;touch-action:manipulation}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host [part=icon]{min-width:1em;margin-left:2px;color:#fff}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=button]{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none}:host ::-moz-selection{color:currentColor;background-color:#5d84b3}:host ::selection{color:currentColor;background-color:#5d84b3}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover){border-color:#646e7b;color:#fff}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon]{color:#848f9c}:host [part~=button-clear]:active,:host [part~=button-clear]:hover{color:#5572ff}:host([warning]:hover:not([readonly]):not([focused])){color:#fff;border-color:#ffe1a8}:host([warning][disabled]),:host([warning][readonly]:not([focused])){border-color:rgba(255,225,168,.5)}:host([error]:hover:not([readonly]):not([focused])){color:#fff;border-color:#ffb0a6}:host([error][disabled]),:host([error][readonly]:not([focused])),:host([error][warning][disabled]){border-color:rgba(255,176,166,.5)}:host([readonly]:not([focused])){border-color:#424c58;background-color:#232d38}:host([focused]),:host([focused][error][warning]){border-color:#5572ff;color:#fff}:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#848f9c}:host([disabled]) [part=icon]{color:#75808c}:host([readonly]:not([focused])) [part=icon]{color:#fff}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon],:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#6d84ff}:host([error]:not([focused])),:host([readonly]:not([focused])),:host([warning]:not([focused])){color:#fff}:host input::placeholder{color:#9ca7b4}:host input::-moz-placeholder{color:#9ca7b4}:host input[disabled]::placeholder{color:#75808c}:host input[disabled]::-webkit-input-placeholder{color:#75808c}:host input[disabled]::-moz-placeholder{color:#75808c}:host input[disabled]:-ms-input-placeholder{color:#75808c}:host input[disabled]:-moz-placeholder{color:#75808c}' }}));

package/lib/search-field/themes/ds/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/icon/themes/ds/light';
+import '@refinitiv-ui/elements/tooltip/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-search-field', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;border-radius:4px;background-color:#f6f7f9;text-overflow:ellipsis;border:1px solid #c0cadb;color:#141e29}:host([disabled]){border:1px solid #c0cadb;color:#9ca7b4;background-color:#eceef4}:host([type=number]){padding-right:0}:host([warning]){border:1px solid #ffbe42}:host([warning][disabled]){color:#9ca7b4;border:1px solid #c0cadb}:host([error]),:host([error][warning]){border:1px solid #b70300}:host([error][disabled]),:host([error][warning][disabled]){color:#9ca7b4;border:1px solid #c0cadb}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;touch-action:manipulation}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host [part=icon]{min-width:1em;margin-left:2px;color:#141e29}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=button]{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none}:host ::-moz-selection{color:currentColor;background-color:#b4d5fe}:host ::selection{color:currentColor;background-color:#b4d5fe}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover){border-color:#848f9c;color:#141e29}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon]{color:#2336fd}:host [part~=button-clear]:active,:host [part~=button-clear]:hover{color:#2336fd}:host([warning]:hover:not([readonly]):not([focused])){color:#141e29;border-color:#ffe1a8}:host([warning][disabled]),:host([warning][readonly]:not([focused])){border-color:rgba(255,225,168,.5)}:host([error]:hover:not([readonly]):not([focused])){color:#141e29;border-color:#ff221e}:host([error][disabled]),:host([error][readonly]:not([focused])),:host([error][warning][disabled]){border-color:rgba(255,34,30,.5)}:host([readonly]:not([focused])){border-color:#c0cadb;background-color:#f6f7f9}:host([focused]),:host([focused][error][warning]){border-color:#2336fd;color:#141e29}:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#2336fd}:host([disabled]) [part=icon]{color:#9ca7b4}:host([readonly]:not([focused])) [part=icon]{color:#141e29}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon],:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#2336fd}:host([error]:not([focused])),:host([readonly]:not([focused])),:host([warning]:not([focused])){color:#141e29}:host input::placeholder{color:#505b67}:host input::-moz-placeholder{color:#505b67}:host input[disabled]::placeholder{color:#9ca7b4}:host input[disabled]::-webkit-input-placeholder{color:#9ca7b4}:host input[disabled]::-moz-placeholder{color:#9ca7b4}:host input[disabled]:-ms-input-placeholder{color:#9ca7b4}:host input[disabled]:-moz-placeholder{color:#9ca7b4}' }}));

package/lib/select/themes/ds/dark/index.js

@@ -0,0 +1,5 @@
+import '@refinitiv-ui/elements/overlay/themes/ds/dark';
+import '@refinitiv-ui/elements/item/themes/ds/dark';
+import '@refinitiv-ui/elements/icon/themes/ds/dark';
+import '@refinitiv-ui/elements/tooltip/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-select', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;border-radius:4px;background-color:#232d38;text-overflow:ellipsis;border:1px solid #424c58;color:#fff}:host([disabled]){border:1px solid #424c58;color:#75808c;background-color:#323c48}:host([type=number]){padding-right:0}:host([warning]){border:1px solid #ffbe42}:host([warning][disabled]){color:#75808c;border:1px solid #424c58}:host([error]),:host([error][warning]){border:1px solid #ff5540}:host([error][disabled]),:host([error][warning][disabled]){color:#75808c;border:1px solid #424c58}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;touch-action:manipulation}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host [part=icon]{min-width:1em;margin-left:2px;color:#fff}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=button]{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none}:host ::-moz-selection{color:currentColor;background-color:#5d84b3}:host ::selection{color:currentColor;background-color:#5d84b3}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover){border-color:#646e7b;color:#fff}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon]{color:#848f9c}:host [part~=button-clear]:active,:host [part~=button-clear]:hover{color:#5572ff}:host([warning]:hover:not([readonly]):not([focused])){color:#fff;border-color:#ffe1a8}:host([warning][disabled]),:host([warning][readonly]:not([focused])){border-color:rgba(255,225,168,.5)}:host([error]:hover:not([readonly]):not([focused])){color:#fff;border-color:#ffb0a6}:host([error][disabled]),:host([error][readonly]:not([focused])),:host([error][warning][disabled]){border-color:rgba(255,176,166,.5)}:host([readonly]:not([focused])){border-color:#424c58;background-color:#232d38}:host([focused]),:host([focused][error][warning]){border-color:#5572ff;color:#fff}:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#848f9c}:host [part=placeholder]{opacity:.7}:host [part=list] ::slotted(ef-item:not(:first-child):not([type=divider])),:host [part=list] ef-item:not(:first-child):not([type=divider]){box-shadow:0 -1px 0 #323c48;box-shadow:none}:host [part=list] ::slotted(:not(ef-item)){display:none}@supports not selector(::-webkit-scrollbar){:host{scrollbar-color:#9a9a9a transparent;scrollbar-width:thin}}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#9a9a9a;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#9a9a9a}::-webkit-scrollbar-thumb:active{background:#9a9a9a}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#323c48;border:1px solid #323c48}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#323c48}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#323c48}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#323c48}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#323c48}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}:host([disabled]) [part=icon]{color:#75808c}:host([readonly]:not([focused])) [part=icon]{color:#fff}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon],:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#6d84ff}:host([error]:not([focused])),:host([readonly]:not([focused])),:host([warning]:not([focused])){color:#fff}:host input::placeholder{color:#9ca7b4}:host input::-moz-placeholder{color:#9ca7b4}:host input[disabled]::placeholder{color:#75808c}:host input[disabled]::-webkit-input-placeholder{color:#75808c}:host input[disabled]::-moz-placeholder{color:#75808c}:host input[disabled]:-ms-input-placeholder{color:#75808c}:host input[disabled]:-moz-placeholder{color:#75808c}:host [part=list]{color:#c0cadb;max-width:var(--list-max-width,300px);max-height:var(--list-max-height);margin:2px 0;background-color:#232d38;border-radius:4px;border:1px solid #424c58}' }}));

package/lib/select/themes/ds/light/index.js

@@ -0,0 +1,5 @@
+import '@refinitiv-ui/elements/overlay/themes/ds/light';
+import '@refinitiv-ui/elements/item/themes/ds/light';
+import '@refinitiv-ui/elements/icon/themes/ds/light';
+import '@refinitiv-ui/elements/tooltip/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-select', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;border-radius:4px;background-color:#f6f7f9;text-overflow:ellipsis;border:1px solid #c0cadb;color:#141e29}:host([disabled]){border:1px solid #c0cadb;color:#9ca7b4;background-color:#eceef4}:host([type=number]){padding-right:0}:host([warning]){border:1px solid #ffbe42}:host([warning][disabled]){color:#9ca7b4;border:1px solid #c0cadb}:host([error]),:host([error][warning]){border:1px solid #b70300}:host([error][disabled]),:host([error][warning][disabled]){color:#9ca7b4;border:1px solid #c0cadb}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;touch-action:manipulation}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host [part=icon]{min-width:1em;margin-left:2px;color:#141e29}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=button]{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none}:host ::-moz-selection{color:currentColor;background-color:#b4d5fe}:host ::selection{color:currentColor;background-color:#b4d5fe}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover){border-color:#848f9c;color:#141e29}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon]{color:#2336fd}:host [part~=button-clear]:active,:host [part~=button-clear]:hover{color:#2336fd}:host([warning]:hover:not([readonly]):not([focused])){color:#141e29;border-color:#ffe1a8}:host([warning][disabled]),:host([warning][readonly]:not([focused])){border-color:rgba(255,225,168,.5)}:host([error]:hover:not([readonly]):not([focused])){color:#141e29;border-color:#ff221e}:host([error][disabled]),:host([error][readonly]:not([focused])),:host([error][warning][disabled]){border-color:rgba(255,34,30,.5)}:host([readonly]:not([focused])){border-color:#c0cadb;background-color:#f6f7f9}:host([focused]),:host([focused][error][warning]){border-color:#2336fd;color:#141e29}:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#2336fd}:host [part=placeholder]{opacity:.7}:host [part=list] ::slotted(ef-item:not(:first-child):not([type=divider])),:host [part=list] ef-item:not(:first-child):not([type=divider]){box-shadow:0 -1px 0 #eceef4;box-shadow:none}:host [part=list] ::slotted(:not(ef-item)){display:none}@supports not selector(::-webkit-scrollbar){:host{scrollbar-color:#7d7d7d transparent;scrollbar-width:thin}}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#7d7d7d;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#7d7d7d}::-webkit-scrollbar-thumb:active{background:#7d7d7d}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#eceef4;border:1px solid #eceef4}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#eceef4}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#eceef4}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#eceef4}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#eceef4}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}:host([disabled]) [part=icon]{color:#9ca7b4}:host([readonly]:not([focused])) [part=icon]{color:#141e29}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon],:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#2336fd}:host([error]:not([focused])),:host([readonly]:not([focused])),:host([warning]:not([focused])){color:#141e29}:host input::placeholder{color:#505b67}:host input::-moz-placeholder{color:#505b67}:host input[disabled]::placeholder{color:#9ca7b4}:host input[disabled]::-webkit-input-placeholder{color:#9ca7b4}:host input[disabled]::-moz-placeholder{color:#9ca7b4}:host input[disabled]:-ms-input-placeholder{color:#9ca7b4}:host input[disabled]:-moz-placeholder{color:#9ca7b4}:host [part=list]{color:#323c48;max-width:var(--list-max-width,300px);max-height:var(--list-max-height);margin:2px 0;background-color:#fff;border-radius:4px;border:1px solid #eceef4}' }}));

package/lib/sidebar-layout/themes/ds/dark/index.js

@@ -0,0 +1,2 @@
+import '@refinitiv-ui/elements/layout/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-sidebar-layout', styles: ':host{--sidebar-width:250px}@supports not selector(::-webkit-scrollbar){:host{scrollbar-color:#9a9a9a transparent;scrollbar-width:thin}}:host(:not([sidebar-position])) [part=sidebar],:host([sidebar-position=left]) [part=sidebar]{border-right:1px solid #323c48;transition:margin-left .1s}:host([sidebar-position=right]) [part=sidebar]{order:1;border-left:1px solid #323c48;transition:margin-right .1s}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#9a9a9a;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#9a9a9a}::-webkit-scrollbar-thumb:active{background:#9a9a9a}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#323c48;border:1px solid #323c48}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#323c48}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#323c48}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#323c48}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#323c48}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}' }}));

package/lib/sidebar-layout/themes/ds/light/index.js

@@ -0,0 +1,2 @@
+import '@refinitiv-ui/elements/layout/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-sidebar-layout', styles: ':host{--sidebar-width:250px}@supports not selector(::-webkit-scrollbar){:host{scrollbar-color:#7d7d7d transparent;scrollbar-width:thin}}:host(:not([sidebar-position])) [part=sidebar],:host([sidebar-position=left]) [part=sidebar]{border-right:1px solid #eceef4;transition:margin-left .1s}:host([sidebar-position=right]) [part=sidebar]{order:1;border-left:1px solid #eceef4;transition:margin-right .1s}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#7d7d7d;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#7d7d7d}::-webkit-scrollbar-thumb:active{background:#7d7d7d}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#eceef4;border:1px solid #eceef4}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#eceef4}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#eceef4}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#eceef4}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#eceef4}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}' }}));

package/lib/slider/themes/ds/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/number-field/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider-marker', styles: ':host{width:4px;height:8px;top:calc(50% - 4px);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part=label]{top:15px;transform:translateX(calc(-50% + 4px / 2))}:host([label-align=right]) [part=label]{transform:translateX(calc(-100% + 4px))}:host([label-align=left]) [part=label]{transform:none}:host [part=marker]{background-color:var(--marker-color,#fff)}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider', styles: ':host{touch-action:manipulation;margin:1px 0;opacity:.9;opacity:1}:host(:not([disabled]):hover){opacity:1}:host(:not(:empty)) [part=slider-wrapper]{margin-bottom:20px}:host [part=slider-wrapper]{height:24px}:host [part=track-wrapper]{height:4px;background:var(--track-color,#323c48);top:calc((100% - 4px)/ 2)}:host(:not([disabled])) [part=track-fill]{height:inherit;background:var(--progress-color,var(--thumb-color,#fff));background-color:var(--progress-color,var(--thumb-color,#fff))}:host([disabled]) [part=thumb],:host([disabled]) [part=thumb]:hover,:host([disabled]) [part=track-fill],:host([disabled]) [part=track-wrapper]::after{background:#424c58;content:\'\'}:host [part=thumb-container]{height:100%;top:0;margin-left:-4px;width:8px}:host [part=thumb]{box-sizing:border-box;transform:scale(.7);background:var(--thumb-color,#fff)}:host([focused=visible]) [part=thumb-container][active] [part=thumb]{outline:#6d84ff solid 1px;outline-offset:2px}:host([show-steps]) [part=step-container]{height:inherit}:host([show-steps]:not([disabled])) [part=step]{height:inherit;background-image:linear-gradient(to right,var(--step-color,#fff),var(--step-color,#fff) 4px,transparent 0,transparent)}:host([show-steps]:not([disabled])) [part=track-wrapper]::after{height:inherit;width:4px;background-color:var(--step-color,#fff)}:host [part=pin]{width:26px;height:26px;margin-top:-6px;margin-left:-2px;transform:rotate(-45deg) scale(0) translate(0);transition:transform .1s ease-out;border-radius:50% 50% 50% 0;background-color:var(--pin-color,#fff);display:none}:host [part=pin-value-marker]{font-family:inherit;font-size:.8em;color:var(--pin-text-color,#c0cadb);line-height:1.25rem;font-weight:400;letter-spacing:.01786em;text-decoration:inherit;text-transform:inherit;transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([pin].grabbable) [part=pin]{transform:rotate(-45deg) scale(1) translate(19px,-20px)}:host([pin].grabbable) [part=thumb]{transform:scale(.7);transform:none}:host [part=input]{margin:0;padding:0;width:var(--input-field-width,40px);min-width:40px;text-align:center;height:24px}:host [part=input][name=to],:host [part=input][name=value]{margin-left:16px}:host [part=input][name=from]{margin-right:16px}:host(:not([disabled]):not([readonly]):hover){cursor:pointer}:host(:not([disabled]):not([readonly]):not(.grabbable)) [part=thumb]:hover{background-color:var(--thumb-color,#9ca7b4);border-color:var(--thumb-color,#424c58)}:host(.grabbable) [part=thumb]{border-width:2px;transform:scale(1);border:1px solid var(--thumb-color,#646e7b);background-color:var(--thumb-color,#848f9c);transform:none}:host [part=thumb]{top:calc(4px / 2);width:8px;height:20px;transform:none;border:1px solid #424c58;border-radius:24px}:host(:hover) [part=thumb]{border-color:#424c58}:host([disabled]) [part=track-wrapper]{background-color:#424c58}:host([disabled]) [part=track-fill]{height:inherit;background-color:#75808c}:host([disabled]) [part=thumb]{background-color:#505b67;border-color:#646e7b}' }}));

package/lib/slider/themes/ds/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/number-field/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider-marker', styles: ':host{width:4px;height:8px;top:calc(50% - 4px);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part=label]{top:15px;transform:translateX(calc(-50% + 4px / 2))}:host([label-align=right]) [part=label]{transform:translateX(calc(-100% + 4px))}:host([label-align=left]) [part=label]{transform:none}:host [part=marker]{background-color:var(--marker-color,#141e29)}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider', styles: ':host{touch-action:manipulation;margin:1px 0;opacity:.9;opacity:1}:host(:not([disabled]):hover){opacity:1}:host(:not(:empty)) [part=slider-wrapper]{margin-bottom:20px}:host [part=slider-wrapper]{height:24px}:host [part=track-wrapper]{height:4px;background:var(--track-color,#eceef4);top:calc((100% - 4px)/ 2)}:host(:not([disabled])) [part=track-fill]{height:inherit;background:var(--progress-color,var(--thumb-color,#141e29));background-color:var(--progress-color,var(--thumb-color,#141e29))}:host([disabled]) [part=thumb],:host([disabled]) [part=thumb]:hover,:host([disabled]) [part=track-fill],:host([disabled]) [part=track-wrapper]::after{background:#eceef4;content:\'\'}:host [part=thumb-container]{height:100%;top:0;margin-left:-4px;width:8px}:host [part=thumb]{box-sizing:border-box;transform:scale(.7);background:var(--thumb-color,#141e29)}:host([focused=visible]) [part=thumb-container][active] [part=thumb]{outline:#2336fd solid 1px;outline-offset:2px}:host([show-steps]) [part=step-container]{height:inherit}:host([show-steps]:not([disabled])) [part=step]{height:inherit;background-image:linear-gradient(to right,var(--step-color,#141e29),var(--step-color,#141e29) 4px,transparent 0,transparent)}:host([show-steps]:not([disabled])) [part=track-wrapper]::after{height:inherit;width:4px;background-color:var(--step-color,#141e29)}:host [part=pin]{width:26px;height:26px;margin-top:-6px;margin-left:-2px;transform:rotate(-45deg) scale(0) translate(0);transition:transform .1s ease-out;border-radius:50% 50% 50% 0;background-color:var(--pin-color,#141e29);display:none}:host [part=pin-value-marker]{font-family:inherit;font-size:.8em;color:var(--pin-text-color,#323c48);line-height:1.25rem;font-weight:400;letter-spacing:.01786em;text-decoration:inherit;text-transform:inherit;transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([pin].grabbable) [part=pin]{transform:rotate(-45deg) scale(1) translate(19px,-20px)}:host([pin].grabbable) [part=thumb]{transform:scale(.7);transform:none}:host [part=input]{margin:0;padding:0;width:var(--input-field-width,40px);min-width:40px;text-align:center;height:24px}:host [part=input][name=to],:host [part=input][name=value]{margin-left:16px}:host [part=input][name=from]{margin-right:16px}:host(:not([disabled]):not([readonly]):hover){cursor:pointer}:host(:not([disabled]):not([readonly]):not(.grabbable)) [part=thumb]:hover{background-color:var(--thumb-color,#424c58);border-color:var(--thumb-color,#c0cadb)}:host(.grabbable) [part=thumb]{border-width:2px;transform:scale(1);border:1px solid var(--thumb-color,#848f9c);background-color:var(--thumb-color,#505b67);transform:none}:host [part=thumb]{top:calc(4px / 2);width:8px;height:20px;transform:none;border:1px solid #c0cadb;border-radius:24px}:host(:hover) [part=thumb]{border-color:#c0cadb}:host([disabled]) [part=track-wrapper]{background-color:#eceef4}:host([disabled]) [part=track-fill]{height:inherit;background-color:#9ca7b4}:host([disabled]) [part=thumb]{background-color:#adb7c5;border-color:#848f9c}' }}));

package/lib/sparkline/themes/ds/dark/index.js

@@ -0,0 +1 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-sparkline', styles: ':host{min-height:30px;--line-color:#6173ff;--line-width:3px;--reference-line-color:rgba(50, 60, 72, 0.5);--upper-line-color:#2ec57e;--lower-line-color:#e5445f;--line-width:1px;--upper-line-color:#41a062;--lower-line-color:#ff5540}' }}));

package/lib/sparkline/themes/ds/light/index.js

@@ -0,0 +1 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-sparkline', styles: ':host{min-height:30px;--line-color:#3d54ff;--line-width:3px;--reference-line-color:rgba(236, 238, 244, 0.5);--upper-line-color:#2ec57e;--lower-line-color:#e5445f;--line-width:1px;--upper-line-color:#006835;--lower-line-color:#b70300}' }}));

package/lib/swing-gauge/themes/ds/dark/index.js

@@ -0,0 +1,2 @@
+import '@refinitiv-ui/elements/canvas/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-swing-gauge', styles: ':host{--primary-color:#6d84ff;--secondary-color:#232d38;--border-color:#000000;--center-line:solid;--center-line-color:#000000;--center-line-opacity:0.6;--secondary-color:#0D0D0D;--center-line-color:#FFFFFF;--border-color:#6d84ff;--center-line:dotted;--primary-color:#6d84ff;--secondary-color:#232d38;--center-line-color:#424c58;--border-color:#323c48}:host [part=legend-container-outer]{padding-bottom:30px}:host [part=primary-legend],:host [part=secondary-legend]{margin-top:4px;align-items:center}:host [part=primary-legend-symbol],:host [part=secondary-legend-symbol]{border-radius:50%;margin-right:10px;align-self:baseline;margin-top:1px;border:1px solid var(--border-color,#6d84ff);height:10px;width:10px}:host [part=primary-legend-symbol]{background-color:var(--primary-color)}:host [part=secondary-legend-symbol]{background-color:var(--secondary-color)}:host [part=primary-value],:host [part=secondary-value]{font-weight:500}' }}));

package/lib/swing-gauge/themes/ds/light/index.js

@@ -0,0 +1,2 @@
+import '@refinitiv-ui/elements/canvas/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-swing-gauge', styles: ':host{--primary-color:#2336fd;--secondary-color:#eceef4;--border-color:#000000;--center-line:solid;--center-line-color:#000000;--center-line-opacity:0.6;--secondary-color:#0D0D0D;--center-line-color:#FFFFFF;--border-color:#2336fd;--center-line:dotted;--primary-color:#2336fd;--secondary-color:#f6f7f9;--center-line-color:#c0cadb;--border-color:#eceef4}:host [part=legend-container-outer]{padding-bottom:30px}:host [part=primary-legend],:host [part=secondary-legend]{margin-top:4px;align-items:center}:host [part=primary-legend-symbol],:host [part=secondary-legend-symbol]{border-radius:50%;margin-right:10px;align-self:baseline;margin-top:1px;height:12px;width:12px}:host [part=primary-legend-symbol]{background-color:var(--primary-color)}:host [part=secondary-legend-symbol]{background-color:var(--secondary-color)}:host [part=primary-value],:host [part=secondary-value]{font-weight:500}' }}));

package/lib/tab/themes/ds/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/icon/themes/ds/dark';
+import '@refinitiv-ui/elements/label/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tab', styles: ':host{cursor:pointer;background-color:rgba(0,0,0,0);color:#fff;height:36px;padding:9px 12px;outline:0;font-size:12px;font-weight:500;transition:120ms;position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;touch-action:manipulation}:host [part=icon]{min-width:1em;font-size:1.5em}:host [part=label-container]{display:flex;align-items:flex-start;flex-direction:column;width:100%;min-width:0}:host(:not([sub-label])) [part=label-container]{align-items:center}:host([icon]) [part=label-container]{padding-left:.3em}:host [part=sub-label]{font-weight:400;font-size:.875em}:host(:not([active]):not(:active):not(:hover)) [part=sub-label]{opacity:.7}:host([sub-label]){height:46px}:host([sub-label]) [part=icon]{font-size:1.8em}:host([sub-label]) [part=close]{font-size:1.25em}:host([sub-label][clears]){padding-right:2.5em}:host([line-clamp=\'2\']),:host([line-clamp=\'3\']){height:46px}:host([icon][sub-label]) [part=label-container]{padding-left:.5em}:host([clears]){padding-right:2em}:host [part=close-container]{position:absolute;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}:host [part=close]{margin-right:.5em;min-width:1em;font-size:1em}:host([clears-on-hover]) [part=close]{color:#fff}:host([clears-on-hover]) [part=close-container]{width:2em;opacity:0;transition:120ms;background:#323c48;box-shadow:-1em 0 .75em -.5em #323c48}:host([active]){color:#141e29;background-color:#6d84ff}:host([active]:hover){background-color:#8ea0ff}:host([active]:hover[clears-on-hover]) [part=close-container]{background-color:#8ea0ff;box-shadow:-1em 0 .75em -.5em #8ea0ff}:host([active]:active){background-color:#a4b1ff;color:#141e29}:host([active]:active[clears-on-hover]) [part=close-container]{background-color:#a4b1ff;box-shadow:-1em 0 .75em -.5em #a4b1ff}:host([active][disabled]){color:rgba(255,255,255,.5);background-color:rgba(109,132,255,.5)}:host([disabled]){pointer-events:none;color:#75808c;background-color:#424c58}:host(:focus:not([focused])),:host([focused=visible]){box-shadow:none;background-color:#8ea0ff}:host(:focus:not([focused]):not([active]):not(:hover)),:host([focused=visible]:not([active]):not(:hover)){color:#fff;background-color:rgba(0,0,0,0)}:host(:hover){color:#fff;box-shadow:0 0 0 0 rgba(20,30,41,.08);background-color:#323c48}:host(:hover[clears-on-hover]) [part=close-container]{opacity:1}:host(:active){color:#fff;background-color:#646e7b}:host(:active[clears-on-hover]) [part=close-container]{background-color:#646e7b;box-shadow:-1em 0 .75em -.5em #646e7b}:host([level=\'1\']){border-right:1px solid #141e29}:host([level=\'2\']:not(:last-child)){border-right:none}:host([level=\'2\']:not(:last-child)) [part=label-container]::after{content:\'\';position:absolute;margin:auto;width:1px;background:#141e29;height:70%;right:0;top:0;bottom:0;z-index:1}:host([level=\'2\']:not(:active):not([active]):not(:hover)){background-color:#232d38}:host([level=\'2\'][active]:not(:active):not(:hover)){color:#6d84ff;background-color:#141e29}:host([level=\'2\'][active]:focus:not([focused])),:host([level=\'2\'][focused=visible]:not(:active):not(:hover)){color:#fff}:host([level=\'3\']){border-bottom:2px solid transparent;color:#fff;background-color:#141e29}:host([level=\'3\'][clears-on-hover]) [part=close-container]{background:#141e29;box-shadow:-1em 0 .75em -.5em #141e29}:host([level=\'3\']:focus:not([focused])),:host([level=\'3\'][focused=visible]){color:#fff;background-color:#232d38}:host([level=\'3\']:active),:host([level=\'3\']:hover),:host([level=\'3\'][active]){color:#fff;background-color:#141e29;border-color:#6d84ff}:host([level=\'3\']:active[clears-on-hover]) [part=close-container],:host([level=\'3\']:hover[clears-on-hover]) [part=close-container],:host([level=\'3\'][active][clears-on-hover]) [part=close-container]{background:#141e29;box-shadow:-1em 0 .75em -.5em #141e29}:host([level=\'3\']:active) [part=close],:host([level=\'3\']:hover) [part=close],:host([level=\'3\'][active]) [part=close]{color:#fff}:host([level=\'3\']:hover){border-color:#323c48}:host([level=\'3\']:active){border-color:#a4b1ff}:host([active][level=\'1\']:hover),:host([active][level=\'2\']:hover){color:#141e29}' }}));

package/lib/tab/themes/ds/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/icon/themes/ds/light';
+import '@refinitiv-ui/elements/label/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tab', styles: ':host{cursor:pointer;background-color:rgba(0,0,0,0);color:#141e29;height:36px;padding:9px 12px;outline:0;font-size:12px;font-weight:500;transition:120ms;position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;touch-action:manipulation}:host [part=icon]{min-width:1em;font-size:1.5em}:host [part=label-container]{display:flex;align-items:flex-start;flex-direction:column;width:100%;min-width:0}:host(:not([sub-label])) [part=label-container]{align-items:center}:host([icon]) [part=label-container]{padding-left:.3em}:host [part=sub-label]{font-weight:400;font-size:.875em}:host(:not([active]):not(:active):not(:hover)) [part=sub-label]{opacity:.7}:host([sub-label]){height:46px}:host([sub-label]) [part=icon]{font-size:1.8em}:host([sub-label]) [part=close]{font-size:1.25em}:host([sub-label][clears]){padding-right:2.5em}:host([line-clamp=\'2\']),:host([line-clamp=\'3\']){height:46px}:host([icon][sub-label]) [part=label-container]{padding-left:.5em}:host([clears]){padding-right:2em}:host [part=close-container]{position:absolute;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}:host [part=close]{margin-right:.5em;min-width:1em;font-size:1em}:host([clears-on-hover]) [part=close]{color:#141e29}:host([clears-on-hover]) [part=close-container]{width:2em;opacity:0;transition:120ms;background:#eceef4;box-shadow:-1em 0 .75em -.5em #eceef4}:host([active]){color:#fff;background-color:#2336fd}:host([active]:hover){background-color:#001cf0}:host([active]:hover[clears-on-hover]) [part=close-container]{background-color:#001cf0;box-shadow:-1em 0 .75em -.5em #001cf0}:host([active]:active){background-color:#0014c2;color:#fff}:host([active]:active[clears-on-hover]) [part=close-container]{background-color:#0014c2;box-shadow:-1em 0 .75em -.5em #0014c2}:host([active][disabled]){color:rgba(255,255,255,.5);background-color:rgba(35,54,253,.5)}:host([disabled]){pointer-events:none;color:#9ca7b4;background-color:#eceef4}:host(:focus:not([focused])),:host([focused=visible]){box-shadow:none;background-color:#001cf0}:host(:focus:not([focused]):not([active]):not(:hover)),:host([focused=visible]:not([active]):not(:hover)){color:#141e29;background-color:rgba(0,0,0,0)}:host(:hover){color:#141e29;box-shadow:0 0 0 0 rgba(20,30,41,.08);background-color:#eceef4}:host(:hover[clears-on-hover]) [part=close-container]{opacity:1}:host(:active){color:#141e29;background-color:#848f9c}:host(:active[clears-on-hover]) [part=close-container]{background-color:#848f9c;box-shadow:-1em 0 .75em -.5em #848f9c}:host([level=\'1\']){border-right:1px solid #fff}:host([level=\'2\']:not(:last-child)){border-right:none}:host([level=\'2\']:not(:last-child)) [part=label-container]::after{content:\'\';position:absolute;margin:auto;width:1px;background:#fff;height:70%;right:0;top:0;bottom:0;z-index:1}:host([level=\'2\']:not(:active):not([active]):not(:hover)){background-color:#f6f7f9}:host([level=\'2\'][active]:not(:active):not(:hover)){color:#2336fd;background-color:#fff}:host([level=\'2\'][active]:focus:not([focused])),:host([level=\'2\'][focused=visible]:not(:active):not(:hover)){color:#141e29}:host([level=\'3\']){border-bottom:2px solid transparent;color:#141e29;background-color:#fff}:host([level=\'3\'][clears-on-hover]) [part=close-container]{background:#fff;box-shadow:-1em 0 .75em -.5em #fff}:host([level=\'3\']:focus:not([focused])),:host([level=\'3\'][focused=visible]){color:#141e29;background-color:#f6f7f9}:host([level=\'3\']:active),:host([level=\'3\']:hover),:host([level=\'3\'][active]){color:#141e29;background-color:#fff;border-color:#2336fd}:host([level=\'3\']:active[clears-on-hover]) [part=close-container],:host([level=\'3\']:hover[clears-on-hover]) [part=close-container],:host([level=\'3\'][active][clears-on-hover]) [part=close-container]{background:#fff;box-shadow:-1em 0 .75em -.5em #fff}:host([level=\'3\']:active) [part=close],:host([level=\'3\']:hover) [part=close],:host([level=\'3\'][active]) [part=close]{color:#141e29}:host([level=\'3\']:hover){border-color:#eceef4}:host([level=\'3\']:active){border-color:#0014c2}:host([active][level=\'1\']:hover),:host([active][level=\'2\']:hover){color:#fff}' }}));

package/lib/tab-bar/themes/ds/dark/index.js

@@ -0,0 +1,4 @@
+import '@refinitiv-ui/elements/tab/themes/ds/dark';
+import '@refinitiv-ui/elements/button/themes/ds/dark';
+import '@refinitiv-ui/elements/layout/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tab-bar', styles: ':host{position:relative;background-color:#232d38}:host [part=content]{display:flex;overflow:hidden}:host [part=left-btn],:host [part=right-btn]{display:none;position:absolute;height:auto;margin:auto;z-index:2;top:0;bottom:0;width:36px;border:none;background-color:#232d38}:host [part=left-btn]:hover,:host [part=right-btn]:hover{background-color:#323c48}:host [part=left-btn]:active,:host [part=right-btn]:active{background-color:#646e7b}:host [part=left-btn]:focus:not([focused]),:host [part=left-btn][focused=visible],:host [part=right-btn]:focus:not([focused]),:host [part=right-btn][focused=visible]{background-color:#8ea0ff}:host [part=left-btn]:focus:not([focused]):not([active]):not(:hover),:host [part=left-btn][focused=visible]:not([active]):not(:hover),:host [part=right-btn]:focus:not([focused]):not([active]):not(:hover),:host [part=right-btn][focused=visible]:not([active]):not(:hover){color:#fff;background-color:rgba(0,0,0,0)}:host [part=left-btn]{left:0}:host [part=right-btn]{right:0}:host([vertical]){width:180px;flex-shrink:0}:host([vertical]) [part=content]{flex-direction:column}:host([vertical]) [part=content] ::slotted(ef-tab){justify-content:flex-start;border-bottom:1px solid #75808c}:host [part=left-btn]::after,:host [part=right-btn]::after{content:\'\';position:absolute;margin:auto;width:1px;background:#141e29;height:70%;top:0;bottom:0}:host([level=\'1\']) [part=left-btn]::after,:host([level=\'1\']) [part=right-btn]::after{content:none}:host([level=\'1\']) [part=left-btn]{border-right:1px solid #141e29}:host([level=\'1\']) [part=right-btn]{border-left:1px solid #141e29}:host([level=\'2\']) [part=left-btn]::after,:host([level=\'3\']) [part=left-btn]::after{right:0}:host([level=\'2\']) [part=right-btn]::after,:host([level=\'3\']) [part=right-btn]::after{left:0}:host([level=\'2\']) [part=left-btn]:not(:active):not(:hover),:host([level=\'2\']) [part=right-btn]:not(:active):not(:hover){background-color:#232d38}:host([level=\'2\']) [part=left-btn]::after,:host([level=\'2\']) [part=right-btn]::after{height:70%}:host([level=\'3\']) [part=left-btn],:host([level=\'3\']) [part=right-btn]{border-color:transparent}:host([level=\'3\']) [part=left-btn]:not(:active):not(:hover),:host([level=\'3\']) [part=right-btn]:not(:active):not(:hover){background-color:#141e29}:host([level=\'3\']) [part=left-btn]::after,:host([level=\'3\']) [part=right-btn]::after{height:30%}:host([vertical]) [part=content] ::slotted(ef-tab){border-bottom-color:transparent;border-right:none;background:linear-gradient(#232d38,#232d38) left calc(100% + 1px)/2% 1px no-repeat,linear-gradient(#232d38,#232d38) right calc(100% + 1px)/2% 1px no-repeat,linear-gradient(#75808c,#75808c) center calc(100% + 1px)/100% 1px no-repeat}:host([vertical]) [part=content] ::slotted(ef-tab[active]:not(:active):not(:hover)){background:linear-gradient(#141e29,#141e29) left calc(100% + 1px)/2% 1px no-repeat,linear-gradient(#141e29,#141e29) right calc(100% + 1px)/2% 1px no-repeat,linear-gradient(#75808c,#75808c) center calc(100% + 1px)/100% 1px no-repeat}:host([vertical]) [part=content] ::slotted(ef-tab:not([active]):not(:active):not(:hover)){background-color:#232d38}:host([vertical]) [part=content] ::slotted(ef-tab:hover){color:#fff;background-color:#323c48}:host([vertical]) [part=content] ::slotted(ef-tab:active){background-color:#646e7b}:host([vertical][level=\'1\']) [part=content] ::slotted(ef-tab[active]:not(:active):not(:hover)),:host([vertical][level=\'3\']) [part=content] ::slotted(ef-tab[active]:not(:active):not(:hover)){color:#6d84ff;background-color:#141e29}' }}));

package/lib/tab-bar/themes/ds/light/index.js

@@ -0,0 +1,4 @@
+import '@refinitiv-ui/elements/tab/themes/ds/light';
+import '@refinitiv-ui/elements/button/themes/ds/light';
+import '@refinitiv-ui/elements/layout/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tab-bar', styles: ':host{position:relative;background-color:#f6f7f9}:host [part=content]{display:flex;overflow:hidden}:host [part=left-btn],:host [part=right-btn]{display:none;position:absolute;height:auto;margin:auto;z-index:2;top:0;bottom:0;width:36px;border:none;background-color:#f6f7f9}:host [part=left-btn]:hover,:host [part=right-btn]:hover{background-color:#eceef4}:host [part=left-btn]:active,:host [part=right-btn]:active{background-color:#848f9c}:host [part=left-btn]:focus:not([focused]),:host [part=left-btn][focused=visible],:host [part=right-btn]:focus:not([focused]),:host [part=right-btn][focused=visible]{background-color:#001cf0}:host [part=left-btn]:focus:not([focused]):not([active]):not(:hover),:host [part=left-btn][focused=visible]:not([active]):not(:hover),:host [part=right-btn]:focus:not([focused]):not([active]):not(:hover),:host [part=right-btn][focused=visible]:not([active]):not(:hover){color:#141e29;background-color:rgba(0,0,0,0)}:host [part=left-btn]{left:0}:host [part=right-btn]{right:0}:host([vertical]){width:180px;flex-shrink:0}:host([vertical]) [part=content]{flex-direction:column}:host([vertical]) [part=content] ::slotted(ef-tab){justify-content:flex-start;border-bottom:1px solid #848f9c}:host [part=left-btn]::after,:host [part=right-btn]::after{content:\'\';position:absolute;margin:auto;width:1px;background:#fff;height:70%;top:0;bottom:0}:host([level=\'1\']) [part=left-btn]::after,:host([level=\'1\']) [part=right-btn]::after{content:none}:host([level=\'1\']) [part=left-btn]{border-right:1px solid #fff}:host([level=\'1\']) [part=right-btn]{border-left:1px solid #fff}:host([level=\'2\']) [part=left-btn]::after,:host([level=\'3\']) [part=left-btn]::after{right:0}:host([level=\'2\']) [part=right-btn]::after,:host([level=\'3\']) [part=right-btn]::after{left:0}:host([level=\'2\']) [part=left-btn]:not(:active):not(:hover),:host([level=\'2\']) [part=right-btn]:not(:active):not(:hover){background-color:#f6f7f9}:host([level=\'2\']) [part=left-btn]::after,:host([level=\'2\']) [part=right-btn]::after{height:70%}:host([level=\'3\']) [part=left-btn],:host([level=\'3\']) [part=right-btn]{border-color:transparent}:host([level=\'3\']) [part=left-btn]:not(:active):not(:hover),:host([level=\'3\']) [part=right-btn]:not(:active):not(:hover){background-color:#fff}:host([level=\'3\']) [part=left-btn]::after,:host([level=\'3\']) [part=right-btn]::after{height:30%}:host([vertical]) [part=content] ::slotted(ef-tab){border-bottom-color:transparent;border-right:none;background:linear-gradient(#f6f7f9,#f6f7f9) left calc(100% + 1px)/2% 1px no-repeat,linear-gradient(#f6f7f9,#f6f7f9) right calc(100% + 1px)/2% 1px no-repeat,linear-gradient(#848f9c,#848f9c) center calc(100% + 1px)/100% 1px no-repeat}:host([vertical]) [part=content] ::slotted(ef-tab[active]:not(:active):not(:hover)){background:linear-gradient(#fff,#fff) left calc(100% + 1px)/2% 1px no-repeat,linear-gradient(#fff,#fff) right calc(100% + 1px)/2% 1px no-repeat,linear-gradient(#848f9c,#848f9c) center calc(100% + 1px)/100% 1px no-repeat}:host([vertical]) [part=content] ::slotted(ef-tab:not([active]):not(:active):not(:hover)){background-color:#f6f7f9}:host([vertical]) [part=content] ::slotted(ef-tab:hover){color:#141e29;background-color:#eceef4}:host([vertical]) [part=content] ::slotted(ef-tab:active){background-color:#848f9c}:host([vertical][level=\'1\']) [part=content] ::slotted(ef-tab[active]:not(:active):not(:hover)),:host([vertical][level=\'3\']) [part=content] ::slotted(ef-tab[active]:not(:active):not(:hover)){color:#2336fd;background-color:#fff}' }}));

package/lib/text-field/themes/ds/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/icon/themes/ds/dark';
+import '@refinitiv-ui/elements/tooltip/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-text-field', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;border-radius:4px;background-color:#232d38;text-overflow:ellipsis;border:1px solid #424c58;color:#fff}:host([disabled]){border:1px solid #424c58;color:#75808c;background-color:#323c48}:host([type=number]){padding-right:0}:host([warning]){border:1px solid #ffbe42}:host([warning][disabled]){color:#75808c;border:1px solid #424c58}:host([error]),:host([error][warning]){border:1px solid #ff5540}:host([error][disabled]),:host([error][warning][disabled]){color:#75808c;border:1px solid #424c58}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;touch-action:manipulation}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host [part=icon]{min-width:1em;margin-left:2px;color:#fff}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=button]{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none}:host ::-moz-selection{color:currentColor;background-color:#5d84b3}:host ::selection{color:currentColor;background-color:#5d84b3}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover){border-color:#646e7b;color:#fff}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon]{color:#848f9c}:host [part~=button-clear]:active,:host [part~=button-clear]:hover{color:#5572ff}:host([warning]:hover:not([readonly]):not([focused])){color:#fff;border-color:#ffe1a8}:host([warning][disabled]),:host([warning][readonly]:not([focused])){border-color:rgba(255,225,168,.5)}:host([error]:hover:not([readonly]):not([focused])){color:#fff;border-color:#ffb0a6}:host([error][disabled]),:host([error][readonly]:not([focused])),:host([error][warning][disabled]){border-color:rgba(255,176,166,.5)}:host([readonly]:not([focused])){border-color:#424c58;background-color:#232d38}:host([focused]),:host([focused][error][warning]){border-color:#5572ff;color:#fff}:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#848f9c}:host([disabled]) [part=icon]{color:#75808c}:host([readonly]:not([focused])) [part=icon]{color:#fff}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon],:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#6d84ff}:host([error]:not([focused])),:host([readonly]:not([focused])),:host([warning]:not([focused])){color:#fff}:host input::placeholder{color:#9ca7b4}:host input::-moz-placeholder{color:#9ca7b4}:host input[disabled]::placeholder{color:#75808c}:host input[disabled]::-webkit-input-placeholder{color:#75808c}:host input[disabled]::-moz-placeholder{color:#75808c}:host input[disabled]:-ms-input-placeholder{color:#75808c}:host input[disabled]:-moz-placeholder{color:#75808c}' }}));

package/lib/text-field/themes/ds/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/icon/themes/ds/light';
+import '@refinitiv-ui/elements/tooltip/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-text-field', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;border-radius:4px;background-color:#f6f7f9;text-overflow:ellipsis;border:1px solid #c0cadb;color:#141e29}:host([disabled]){border:1px solid #c0cadb;color:#9ca7b4;background-color:#eceef4}:host([type=number]){padding-right:0}:host([warning]){border:1px solid #ffbe42}:host([warning][disabled]){color:#9ca7b4;border:1px solid #c0cadb}:host([error]),:host([error][warning]){border:1px solid #b70300}:host([error][disabled]),:host([error][warning][disabled]){color:#9ca7b4;border:1px solid #c0cadb}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;touch-action:manipulation}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host [part=icon]{min-width:1em;margin-left:2px;color:#141e29}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=button]{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none}:host ::-moz-selection{color:currentColor;background-color:#b4d5fe}:host ::selection{color:currentColor;background-color:#b4d5fe}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover){border-color:#848f9c;color:#141e29}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon]{color:#2336fd}:host [part~=button-clear]:active,:host [part~=button-clear]:hover{color:#2336fd}:host([warning]:hover:not([readonly]):not([focused])){color:#141e29;border-color:#ffe1a8}:host([warning][disabled]),:host([warning][readonly]:not([focused])){border-color:rgba(255,225,168,.5)}:host([error]:hover:not([readonly]):not([focused])){color:#141e29;border-color:#ff221e}:host([error][disabled]),:host([error][readonly]:not([focused])),:host([error][warning][disabled]){border-color:rgba(255,34,30,.5)}:host([readonly]:not([focused])){border-color:#c0cadb;background-color:#f6f7f9}:host([focused]),:host([focused][error][warning]){border-color:#2336fd;color:#141e29}:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#2336fd}:host([disabled]) [part=icon]{color:#9ca7b4}:host([readonly]:not([focused])) [part=icon]{color:#141e29}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon],:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#2336fd}:host([error]:not([focused])),:host([readonly]:not([focused])),:host([warning]:not([focused])){color:#141e29}:host input::placeholder{color:#505b67}:host input::-moz-placeholder{color:#505b67}:host input[disabled]::placeholder{color:#9ca7b4}:host input[disabled]::-webkit-input-placeholder{color:#9ca7b4}:host input[disabled]::-moz-placeholder{color:#9ca7b4}:host input[disabled]:-ms-input-placeholder{color:#9ca7b4}:host input[disabled]:-moz-placeholder{color:#9ca7b4}' }}));

package/lib/time-picker/themes/ds/dark/index.js

@@ -0,0 +1,4 @@
+import '@refinitiv-ui/elements/number-field/themes/ds/dark';
+import '@refinitiv-ui/elements/icon/themes/ds/dark';
+import '@refinitiv-ui/elements/tooltip/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-time-picker', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;max-width:100%;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#fff;border-radius:4px;background-color:#232d38;text-overflow:ellipsis;border:1px solid #424c58;width:auto;min-width:-moz-max-content;min-width:max-content;padding:0}:host([disabled]){color:#75808c;border:1px solid #424c58}:host([error]){border:1px solid #ff5540}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}:host [part=input]{margin:0;text-align:center;padding:0;color:inherit;width:24px}:host [part=divider]::before{content:\':\'}:host [part=toggle]{width:20px;font-size:50%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;line-height:1.2;outline:0;cursor:pointer;touch-action:manipulation}:host [part=input],:host [part=toggle]{height:100%;position:relative}:host [part=toggle-item]{opacity:.5}:host [part=toggle-item][active]{opacity:1}:host([error]) [part=input]:focus::after,:host([error]) [part=input][focused]::after,:host([error]) [part=toggle]:focus::after,:host([error]) [part=toggle][focused]::after{border-bottom-color:#ff5540}:host [part=divider]{width:2px}:host [part=input]:focus::after,:host [part=input][focused]::after,:host [part=toggle]:focus::after,:host [part=toggle][focused]::after{content:\'\';border-right:8px solid transparent;border-left:8px solid transparent;position:absolute;left:calc(50% - 8px);bottom:0;border-bottom:4px solid transparent;display:none}:host([readonly]:not([focused])){border-color:#424c58}:host(:hover:not([readonly]):not([focused])){border-color:#646e7b}:host([error]:not([focused])){border-color:#ff5540}:host([error][readonly]:not([focused])){border-color:rgba(255,176,166,.5)}:host([error]:hover:not([readonly]):not([focused])){border-color:#ffb0a6}:host(:hover),:host([error]:not([focused])),:host([readonly]:not([focused])){color:#fff}' }}));

package/lib/time-picker/themes/ds/light/index.js

@@ -0,0 +1,4 @@
+import '@refinitiv-ui/elements/number-field/themes/ds/light';
+import '@refinitiv-ui/elements/icon/themes/ds/light';
+import '@refinitiv-ui/elements/tooltip/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-time-picker', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;max-width:100%;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#141e29;border-radius:4px;background-color:#f6f7f9;text-overflow:ellipsis;border:1px solid #c0cadb;width:auto;min-width:-moz-max-content;min-width:max-content;padding:0}:host([disabled]){color:#9ca7b4;border:1px solid #c0cadb}:host([error]){border:1px solid #b70300}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}:host [part=input]{margin:0;text-align:center;padding:0;color:inherit;width:24px}:host [part=divider]::before{content:\':\'}:host [part=toggle]{width:20px;font-size:50%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;line-height:1.2;outline:0;cursor:pointer;touch-action:manipulation}:host [part=input],:host [part=toggle]{height:100%;position:relative}:host [part=toggle-item]{opacity:.5}:host [part=toggle-item][active]{opacity:1}:host([error]) [part=input]:focus::after,:host([error]) [part=input][focused]::after,:host([error]) [part=toggle]:focus::after,:host([error]) [part=toggle][focused]::after{border-bottom-color:#b70300}:host [part=divider]{width:2px}:host [part=input]:focus::after,:host [part=input][focused]::after,:host [part=toggle]:focus::after,:host [part=toggle][focused]::after{content:\'\';border-right:8px solid transparent;border-left:8px solid transparent;position:absolute;left:calc(50% - 8px);bottom:0;border-bottom:4px solid transparent;display:none}:host([readonly]:not([focused])){border-color:#c0cadb}:host(:hover:not([readonly]):not([focused])){border-color:#848f9c}:host([error]:not([focused])){border-color:#b70300}:host([error][readonly]:not([focused])){border-color:rgba(255,34,30,.5)}:host([error]:hover:not([readonly]):not([focused])){border-color:#ff221e}:host(:hover),:host([error]:not([focused])),:host([readonly]:not([focused])){color:#141e29}' }}));

package/lib/toggle/themes/ds/dark/index.js

@@ -0,0 +1 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-toggle', styles: ':host{touch-action:manipulation;font-size:12px;background-color:#232d38;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;outline:0;box-shadow:inset 0 0 0 rgba(0,0,0,.5);transition:box-shadow .1s,border-color .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part=toggle]{cursor:pointer;display:block;position:relative;width:100%;height:100%;box-sizing:border-box;border:1px solid #424c58;border-radius:inherit;text-overflow:inherit;overflow:inherit}:host [part=toggle]::after{content:\'\';position:absolute;box-sizing:border-box;border-radius:inherit}:host([checked-label]),:host([label]){min-width:52px;min-width:44px;width:56px}:host([readonly]) [part=toggle]{cursor:default;background-color:rgba(0,0,0,0);border-color:#424c58}:host([disabled]) [part=toggle]{opacity:.5;background-color:#424c58;border-color:#424c58}:host([checked]) [part=toggle]::after{left:auto;border-color:#6d84ff;background-color:#6d84ff;right:1px}:host([checked-label][checked]) [part=toggle],:host([label][checked]) [part=toggle]{padding-right:24px;padding-left:3px}:host([checked-label]) [part=toggle],:host([label]) [part=toggle]{padding:3px 3px 3px 24px}:host([checked-label]) [part=toggle]::after,:host([label]) [part=toggle]::after{width:20px}:host([checked]){color:#fff}:host([disabled]) [part=toggle]::after{opacity:.2;background-color:#75808c;border-color:#75808c;opacity:1}:host [part=toggle]::after,:host([checked]) [part=toggle]::after{border:1px solid #232d38}:host{width:44px;height:24px;font-weight:420;line-height:18px;text-transform:uppercase;text-transform:none;border-radius:10000px;color:#fff}:host(:hover:not([readonly])){background-color:#323c48}:host [part=toggle]::after{top:1px;left:1px;width:calc(50% - 1px);height:calc(100% - (1px * 2));background-color:#848f9c;border-color:#848f9c}:host([disabled]){color:#75808c}:host([readonly]) [part=toggle]::after{background-color:#fff;border-color:#fff}:host([checked]:not([readonly])){background-color:#fff}:host([checked]:not([readonly])) [part=toggle]::after{background-color:#232d38}:host([checked]:not([readonly])) [part=toggle]{color:#141e29;border-color:#fff}@media (pointer:fine){:host(:hover:not([readonly])),:host([focused=visible]){box-shadow:0 0 0 #5572ff}:host(:hover:not([readonly])) [part=toggle],:host([focused=visible]) [part=toggle]{border-color:#5572ff}:host(:hover:not([readonly])){color:#fff}:host(:hover:not([readonly])) [part=toggle]{border-color:#9ca7b4}:host(:hover:not([readonly])) [part=toggle]::after{background-color:#9ca7b4;border-color:#9ca7b4}:host(:hover:not([readonly])[checked]){background-color:#9ca7b4}:host(:hover:not([readonly])[checked]) [part=toggle]{border-color:#9ca7b4}:host(:hover:not([readonly])[checked]) [part=toggle]::after{background-color:#232d38;border-color:#232d38}}' }}));

package/lib/toggle/themes/ds/light/index.js

@@ -0,0 +1 @@
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-toggle', styles: ':host [part=toggle]{cursor:pointer;display:block;position:relative;width:100%;height:100%;box-sizing:border-box;border:1px solid #c0cadb;border-radius:inherit;text-overflow:inherit;overflow:inherit}:host [part=toggle]::after{content:\'\';position:absolute;box-sizing:border-box;border-radius:inherit;top:1px;left:1px;width:calc(50% - 1px);height:calc(100% - (1px * 2));background-color:#505b67;border-color:#505b67}:host([checked-label]),:host([label]){min-width:52px;min-width:44px;width:56px}:host([readonly]) [part=toggle]{cursor:default;background-color:rgba(0,0,0,0);border-color:#eceef4}:host([disabled]) [part=toggle]{opacity:.5;background-color:#eceef4;border-color:#eceef4}:host([checked]) [part=toggle]::after{left:auto;border-color:#2336fd;background-color:#2336fd;right:1px}:host{touch-action:manipulation;font-size:12px;background-color:#f6f7f9;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;outline:0;box-shadow:inset 0 0 0 rgba(0,0,0,.25);transition:box-shadow .1s,border-color .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:44px;height:24px;font-weight:420;line-height:18px;text-transform:uppercase;text-transform:none;border-radius:10000px;color:#141e29}:host([checked-label][checked]) [part=toggle],:host([label][checked]) [part=toggle]{padding-right:24px;padding-left:3px}:host([checked-label]) [part=toggle],:host([label]) [part=toggle]{padding:3px 3px 3px 24px}:host([checked-label]) [part=toggle]::after,:host([label]) [part=toggle]::after{width:20px}:host(:hover:not([readonly])){background-color:#eceef4}:host([disabled]){color:#9ca7b4}:host([disabled]) [part=toggle]::after{background-color:#9ca7b4;border-color:#9ca7b4}:host([readonly]) [part=toggle]::after{background-color:#141e29;border-color:#141e29}:host([checked]:not([readonly])){background-color:#141e29}:host([checked]:not([readonly])) [part=toggle]::after{background-color:#f6f7f9}:host([checked]:not([readonly])) [part=toggle]{color:#fff;border-color:#141e29}@media (pointer:fine){:host(:hover:not([readonly])),:host([focused=visible]){box-shadow:0 0 0 #2336fd}:host(:hover:not([readonly])) [part=toggle],:host([focused=visible]) [part=toggle]{border-color:#2336fd}:host(:hover:not([readonly])){color:#141e29}:host(:hover:not([readonly])) [part=toggle]{border-color:#424c58}:host(:hover:not([readonly])) [part=toggle]::after{background-color:#424c58;border-color:#424c58}:host(:hover:not([readonly])[checked]){background-color:#424c58}:host(:hover:not([readonly])[checked]) [part=toggle]{border-color:#424c58}:host(:hover:not([readonly])[checked]) [part=toggle]::after{background-color:#f6f7f9;border-color:#f6f7f9}}' }}));

package/lib/tooltip/themes/ds/dark/index.js

@@ -0,0 +1,2 @@
+import '@refinitiv-ui/elements/overlay/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tooltip', styles: ':host [part=tooltip]{--panel-background-color:#232d38;pointer-events:none;padding:4px 8px;background-color:#232d38;overflow:hidden;max-width:320px;overflow-wrap:break-word;word-wrap:break-word;margin:4px;border:1px solid #323c48;min-height:18px;line-height:18px;color:#fff;border-radius:4px}:host(:not([position])) [part=tooltip],:host([position=auto]) [part=tooltip]{margin-top:20px;margin-left:0}:host [part=tooltip][with-shadow]{box-shadow:0 1px 4px 0 rgba(20,30,41,.08),0 12px 16px 0 rgba(20,30,41,.04)}' }}));

package/lib/tooltip/themes/ds/light/index.js

@@ -0,0 +1,2 @@
+import '@refinitiv-ui/elements/overlay/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tooltip', styles: ':host [part=tooltip]{--panel-background-color:#ffffff;pointer-events:none;padding:4px 8px;background-color:#fff;overflow:hidden;max-width:320px;overflow-wrap:break-word;word-wrap:break-word;margin:4px;border:1px solid #f6f7f9;min-height:18px;line-height:18px;color:#141e29;border-radius:4px}:host(:not([position])) [part=tooltip],:host([position=auto]) [part=tooltip]{margin-top:20px;margin-left:0}:host [part=tooltip][with-shadow]{box-shadow:0 1px 4px 0 rgba(20,30,41,.08),0 12px 16px 0 rgba(20,30,41,.04)}' }}));

package/lib/tornado-chart/themes/ds/dark/index.js

@@ -0,0 +1,4 @@
+import '@refinitiv-ui/elements/layout/themes/ds/dark';
+import '@refinitiv-ui/elements/progress-bar/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tornado-chart', styles: ':host{--primary-color:#6d84ff;--secondary-color:#848f9c;--responsive-width:450;font-size:12px;--primary-color:#6173ff;--secondary-color:#eddcff}:host [part=legend]{display:flex;justify-content:flex-end;margin-bottom:25px}:host [part=legend-item]{display:inline-flex;overflow:hidden;align-items:center;margin-right:10px}:host [part=legend][vertical]{justify-content:flex-start;flex-wrap:wrap}:host [part=primary-symbol],:host [part=secondary-symbol]{flex:none;width:15px;height:15px;border-radius:1px;margin-right:5px}:host [part=primary-symbol]{background-color:var(--primary-color)}:host [part=secondary-symbol]{background-color:var(--secondary-color)}:host [part=primary-label],:host [part=secondary-label]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tornado-item', styles: ':host{margin:0;padding:0 5px;--primary-color:var(\'--primary-color\', #6d84ff);--secondary-color:var(\'--secondary-color\', #848f9c)}:host(:hover),:host([highlighted]){background-color:rgba(192,202,219,.05)}:host [part=label]{text-align:left;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host [part=primary-bar],:host [part=secondary-bar]{width:100%;height:20px}:host [part=primary-bar]{color:var(--primary-color);margin-left:50px}:host [part=secondary-bar]{color:var(--secondary-color);margin-right:50px}:host [part=seperator]{height:30px;border-left:2px solid #323c48}:host([vertical]){border-left:2px solid #323c48;padding-bottom:5px}:host([vertical]) [part=label]{margin:3px}:host([vertical]) [part=seperator]{display:none}:host([vertical]) [part=container]{align-items:inherit}:host([vertical]) [part=primary-bar]{margin:0 50px 0 0}:host([vertical]) [part=secondary-bar]{margin:3px 50px 0 0}:host([highlighted]) [part=label],:host([highlighted]) [part=primary-bar],:host([highlighted]) [part=secondary-bar]{font-weight:600}' }}));

package/lib/tornado-chart/themes/ds/light/index.js

@@ -0,0 +1,4 @@
+import '@refinitiv-ui/elements/layout/themes/ds/light';
+import '@refinitiv-ui/elements/progress-bar/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tornado-chart', styles: ':host{--primary-color:#2336fd;--secondary-color:#505b67;--responsive-width:450;font-size:12px;--primary-color:#3d54ff;--secondary-color:#260050}:host [part=legend]{display:flex;justify-content:flex-end;margin-bottom:25px}:host [part=legend-item]{display:inline-flex;overflow:hidden;align-items:center;margin-right:10px}:host [part=legend][vertical]{justify-content:flex-start;flex-wrap:wrap}:host [part=primary-symbol],:host [part=secondary-symbol]{flex:none;width:15px;height:15px;border-radius:1px;margin-right:5px}:host [part=primary-symbol]{background-color:var(--primary-color)}:host [part=secondary-symbol]{background-color:var(--secondary-color)}:host [part=primary-label],:host [part=secondary-label]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tornado-item', styles: ':host{margin:0;padding:0 5px;--primary-color:var(\'--primary-color\', #2336fd);--secondary-color:var(\'--secondary-color\', #505b67)}:host(:hover),:host([highlighted]){background-color:rgba(50,60,72,.05)}:host [part=label]{text-align:left;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host [part=primary-bar],:host [part=secondary-bar]{width:100%;height:20px}:host [part=primary-bar]{color:var(--primary-color);margin-left:50px}:host [part=secondary-bar]{color:var(--secondary-color);margin-right:50px}:host [part=seperator]{height:30px;border-left:2px solid #eceef4}:host([vertical]){border-left:2px solid #eceef4;padding-bottom:5px}:host([vertical]) [part=label]{margin:3px}:host([vertical]) [part=seperator]{display:none}:host([vertical]) [part=container]{align-items:inherit}:host([vertical]) [part=primary-bar]{margin:0 50px 0 0}:host([vertical]) [part=secondary-bar]{margin:3px 50px 0 0}:host([highlighted]) [part=label],:host([highlighted]) [part=primary-bar],:host([highlighted]) [part=secondary-bar]{font-weight:600}' }}));

package/lib/tree/themes/ds/dark/index.js

@@ -0,0 +1,4 @@
+import '@refinitiv-ui/elements/checkbox/themes/ds/dark';
+import '@refinitiv-ui/elements/icon/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tree-item', styles: ':host([selected]){color:#fff;font-weight:600}:host([readonly]){cursor:default}:host([focused]),:host([highlighted]){background-color:#424c58;color:#fff}:host([focused]:not([selected])),:host([highlighted]:not([selected])){color:#fff}:host [part=center],:host [part=sub-label]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host([disabled]){color:#505b67}:host([type=divider]),:host([type=header]){pointer-events:none;min-height:auto}:host([type=divider]) [part=sub-label],:host([type=header]) [part=sub-label]{display:none}:host([type=header]){color:#9ca7b4;background-color:rgba(0,0,0,0);font-size:83%;border:transparent;height:24px;align-items:flex-end;margin:0;min-height:0;text-transform:uppercase}:host([type=divider]){border:none;padding:0;margin:0;height:5px;background:linear-gradient(#323c48,#323c48) 0 center/calc(100% - (0px * 2)) 1px no-repeat}:host [part=checkbox],:host [part=icon],:host [part=left] ::slotted(*){margin:0 .5em 0 0}:host [part=right] ::slotted(*){margin-left:.5em}:host ::slotted(mark){color:currentColor;background-color:#5d84b3}:host{line-height:normal;outline:0;cursor:pointer;padding:0 8px;min-height:24px;box-sizing:border-box;touch-action:manipulation;min-width:300px;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top:1px solid #323c48;border-bottom:1px solid #323c48;background-color:rgba(0,0,0,0);min-height:28px;margin:4px 0;border-width:0}:host [part=indent]{height:0;width:0;flex:none}:host [part=toggle]{width:24px;height:24px;margin-top:-4px;margin-bottom:-4px;margin-left:-4px;max-height:100%;display:flex;align-items:center;justify-content:center;flex:none}:host [part~=toggle-icon]{transition:transform .1s}:host [part~=toggle-icon-expanded]{transform:rotate(90deg)}:host [part=checkbox]{margin:0 8px 0 0;flex:none}:host [part=label-icon]{flex-shrink:0;margin:0 4px 0 0}:host [part=label]{width:100%;word-break:break-word;padding:4px 6px 4px 0;line-height:1.2}:host([type=header]){align-items:center;text-transform:none;font-weight:500}:host [part=sub-label]{font-size:90%}:host([sub-label]){padding:4px 8px}:host([selected]:not([highlighted]):not([focused])){background-color:#424c58}:host([selected]:not([highlighted]):not([focused]):not([multiple])){background-size:4px 100%;background-position:left top;background-repeat:no-repeat;background-image:none}:host([selected][focused]),:host([selected][highlighted]){color:#fff}:host([group]:not([focused]):not([highlighted])){background-color:rgba(0,0,0,0)}:host([group][focused]:not([multiple])),:host([group][highlighted]:not([multiple])){color:#fff;background-color:rgba(0,0,0,0)}:host [part=indent]{font-size:20px}:host(:not([type=header])){font-weight:340}:host([selected]:not([highlighted])),:host([selected][highlighted]){background-color:#424c58;color:#fff}:host([highlighted]:not([selected])){background-color:#323c48;color:#fff}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tree', styles: '@supports not selector(::-webkit-scrollbar){:host{scrollbar-color:#9a9a9a transparent;scrollbar-width:thin}}:host(:focus){outline:0}:host([focused=visible]){outline:#6d84ff solid 1px}:host([readonly]) [part=list-item]{cursor:default}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#9a9a9a;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#9a9a9a}::-webkit-scrollbar-thumb:active{background:#9a9a9a}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#323c48;border:1px solid #323c48}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#323c48}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#323c48}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#323c48}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#323c48}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}:host{overflow-x:auto;--item-indent:8px;--item-height:24px;color:#fff;background-color:rgba(0,0,0,0);touch-action:manipulation;border-radius:0}' }}));

package/lib/tree/themes/ds/light/index.js

@@ -0,0 +1,4 @@
+import '@refinitiv-ui/elements/checkbox/themes/ds/light';
+import '@refinitiv-ui/elements/icon/themes/ds/light';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tree-item', styles: ':host([selected]){color:#141e29;font-weight:600}:host([readonly]){cursor:default}:host([focused]),:host([highlighted]){background-color:#eceef4;color:#141e29}:host([focused]:not([selected])),:host([highlighted]:not([selected])){color:#141e29}:host [part=center],:host [part=sub-label]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host([disabled]){color:#adb7c5}:host([type=divider]),:host([type=header]){pointer-events:none;min-height:auto}:host([type=divider]) [part=sub-label],:host([type=header]) [part=sub-label]{display:none}:host([type=header]){color:#505b67;background-color:rgba(0,0,0,0);font-size:83%;border:transparent;height:24px;align-items:flex-end;margin:0;min-height:0;text-transform:uppercase}:host([type=divider]){border:none;padding:0;margin:0;height:5px;background:linear-gradient(#eceef4,#eceef4) 0 center/calc(100% - (0px * 2)) 1px no-repeat}:host [part=checkbox],:host [part=icon],:host [part=left] ::slotted(*){margin:0 .5em 0 0}:host [part=right] ::slotted(*){margin-left:.5em}:host ::slotted(mark){color:currentColor;background-color:#b4d5fe}:host{line-height:normal;outline:0;cursor:pointer;padding:0 8px;min-height:24px;box-sizing:border-box;touch-action:manipulation;min-width:300px;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top:1px solid #eceef4;border-bottom:1px solid #eceef4;background-color:rgba(0,0,0,0);min-height:28px;margin:4px 0;border-width:0}:host [part=indent]{height:0;width:0;flex:none}:host [part=toggle]{width:24px;height:24px;margin-top:-4px;margin-bottom:-4px;margin-left:-4px;max-height:100%;display:flex;align-items:center;justify-content:center;flex:none}:host [part~=toggle-icon]{transition:transform .1s}:host [part~=toggle-icon-expanded]{transform:rotate(90deg)}:host [part=checkbox]{margin:0 8px 0 0;flex:none}:host [part=label-icon]{flex-shrink:0;margin:0 4px 0 0}:host [part=label]{width:100%;word-break:break-word;padding:4px 6px 4px 0;line-height:1.2}:host([type=header]){align-items:center;text-transform:none;font-weight:500}:host [part=sub-label]{font-size:90%}:host([sub-label]){padding:4px 8px}:host([selected]:not([highlighted]):not([focused])){background-color:#eceef4}:host([selected]:not([highlighted]):not([focused]):not([multiple])){background-size:4px 100%;background-position:left top;background-repeat:no-repeat;background-image:none}:host([selected][focused]),:host([selected][highlighted]){color:#141e29}:host([group]:not([focused]):not([highlighted])){background-color:rgba(0,0,0,0)}:host([group][focused]:not([multiple])),:host([group][highlighted]:not([multiple])){color:#141e29;background-color:rgba(0,0,0,0)}:host [part=indent]{font-size:20px}:host(:not([type=header])){font-weight:340}:host([selected]:not([highlighted])),:host([selected][highlighted]){background-color:#eceef4;color:#141e29}:host([highlighted]:not([selected])){background-color:#f6f7f9;color:#141e29}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tree', styles: '@supports not selector(::-webkit-scrollbar){:host{scrollbar-color:#7d7d7d transparent;scrollbar-width:thin}}:host(:focus){outline:0}:host([focused=visible]){outline:#2336fd solid 1px}:host([readonly]) [part=list-item]{cursor:default}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#7d7d7d;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#7d7d7d}::-webkit-scrollbar-thumb:active{background:#7d7d7d}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#eceef4;border:1px solid #eceef4}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#eceef4}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#eceef4}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#eceef4}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#eceef4}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}:host{overflow-x:auto;--item-indent:8px;--item-height:24px;color:#141e29;background-color:rgba(0,0,0,0);touch-action:manipulation;border-radius:0}' }}));

package/lib/tree-select/themes/ds/dark/index.js

@@ -0,0 +1,11 @@
+import '@refinitiv-ui/elements/overlay/themes/ds/dark';
+import '@refinitiv-ui/elements/tree/themes/ds/dark';
+import '@refinitiv-ui/elements/checkbox/themes/ds/dark';
+import '@refinitiv-ui/elements/pill/themes/ds/dark';
+import '@refinitiv-ui/elements/button/themes/ds/dark';
+import '@refinitiv-ui/elements/list/themes/ds/dark';
+import '@refinitiv-ui/elements/counter/themes/ds/dark';
+import '@refinitiv-ui/elements/item/themes/ds/dark';
+import '@refinitiv-ui/elements/icon/themes/ds/dark';
+import '@refinitiv-ui/elements/tooltip/themes/ds/dark';
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tree-select', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;max-width:100%;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;border-radius:4px;background-color:#232d38;text-overflow:ellipsis;border:1px solid #424c58;color:#fff;padding:0;width:228px}:host([disabled]){border:1px solid #424c58}:host([type=number]){padding-right:0}:host([warning]){border:1px solid #ffbe42}:host([warning][disabled]){color:#75808c;border:1px solid #424c58}:host([error]),:host([error][warning]){border:1px solid #ff5540}:host([error][disabled]),:host([error][warning][disabled]){color:#75808c;border:1px solid #424c58}:host(:not([readonly])[focused]),:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;touch-action:manipulation}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host [part=icon]{color:#c0cadb;min-width:1em}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=button]{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none}:host([readonly]){cursor:default}:host [part=placeholder]{opacity:.5;opacity:.7}:host [part=label],:host [part=placeholder]{margin-right:3px}:host [part~=icon]{color:#fff;opacity:.7}:host(:not([readonly]):hover) [part~=icon],:host(:not([readonly])[focused]) [part~=icon]{opacity:1}:host(:not([readonly])[focused]) [part~=icon]{color:#6d84ff}:host([disabled]) [part~=icon]{color:#424c58}: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:12px;font-weight:400;height:24px;max-width:100%;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#fff;border-radius:4px;text-overflow:ellipsis;border:1px solid #424c58;width:100%;background:0 0;border:none}:host [part~=input][disabled]{color:#75808c;border:1px solid #424c58}:host [part~=input][type=number]{padding-right:0}:host [part~=input][warning]{border:1px solid #ffbe42}:host [part~=input][warning][disabled]{color:#75808c;border:1px solid #424c58}:host [part~=input][error],:host [part~=input][error][warning]{border:1px solid #ff5540}:host [part~=input][error][disabled],:host [part~=input][error][warning][disabled]{color:#75808c;border:1px solid #424c58}:host [part~=button]{display:flex;justify-content:center;align-items:center;flex:none}:host [part~=list]{display:flex;flex-flow:column nowrap}:host [part=selection-badge]{flex-shrink:0}:host([disabled]) [part~=selection-badge]{opacity:.4}:host [part~=control-container]{height:24px;padding:0 8px}:host [part~=footer]{height:24px;padding:8px;border-top:1px solid #323c48;align-content:space-between;justify-content:flex-end;box-sizing:content-box}:host [part~=filter-wrapper]{margin-right:-8px;padding:4px;display:flex;align-items:center}:host [part~=control]{display:block;position:relative;padding:3px 4px;border:1px solid transparent;border-radius:4px;cursor:pointer;outline:0}:host [part~=control]:focus{z-index:1}:host([focused=visible]) [part~=control]:focus{border-color:#5572ff}:host [part~=filter-control]{align-content:space-between;border-bottom:1px solid #323c48;background:0 0}:host [part=match-count-wrapper]{display:inline-flex;margin-right:auto}:host [part~=tree-control]{justify-content:space-between;border-bottom:1px solid #323c48}:host [part~=control][part~=disabled]{cursor:default;color:#75808c}:host [part~=full-filter]::after{content:\'\';border-right:1px solid #75808c;position:absolute;top:0;right:-2px;bottom:0}:host [part=selected-count]{display:inline-flex;margin-right:auto}:host [part~=footer] [part*=\'-button\']:first-child{margin-right:0}:host [part=pills]{padding:3px;border-top:1px solid #323c48;max-height:72px;overflow-y:auto;background-color:#232d38}:host ::-moz-selection{color:currentColor;background-color:#5d84b3}:host ::selection{color:currentColor;background-color:#5d84b3}:host [part=icon]{margin-left:2px;color:inherit}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover){border-color:#646e7b;color:#fff}:host(:not([readonly]):not([error]):not([warning]):not([focused]):hover) [part=icon]{color:#848f9c}:host [part~=button-clear]:active,:host [part~=button-clear]:hover{color:#5572ff}:host([warning]){border-color:#ffbe42}:host([error]),:host([error][warning]){border-color:#ff5540}:host([warning]:hover:not([readonly]):not([focused])){color:#fff;border-color:#ffe1a8}:host([warning][disabled]),:host([warning][readonly]:not([focused])){border-color:rgba(255,225,168,.5)}:host([error]:hover:not([readonly]):not([focused])){color:#fff;border-color:#ffb0a6}:host([error][disabled]),:host([error][readonly]:not([focused])),:host([error][warning][disabled]){border-color:rgba(255,176,166,.5)}:host([disabled]){color:#75808c;border-color:#424c58;background-color:#323c48}:host([readonly]:not([focused])){border-color:#424c58;background-color:#323c48}:host([readonly]:not([focused])) [part=icon]{color:#75808c}:host(:not([readonly])[focused]),:host([focused]),:host([focused][error][warning]){border-color:#5572ff;color:#fff}:host([focused]) [part=icon],:host([focused][error][warning]) [part=icon]{color:#848f9c}:host [part=list]{width:var(--panel-width,228px);min-width:var(--panel-width,228px);max-width:var(--list-max-width,var(--panel-width,228px));max-height:var(--list-max-height,450px);color:#c0cadb;max-width:var(--list-max-width,300px);max-height:var(--list-max-height);border:1px solid #6d84ff;margin:2px 0;background-color:#232d38}:host [part=list] ::slotted(ef-item:not(:first-child):not([type=divider])),:host [part=list] ef-item:not(:first-child):not([type=divider]){box-shadow:0 -1px 0 #323c48}:host [part=list] ::slotted(:not(ef-item)){display:none}@supports not selector(::-webkit-scrollbar){:host{scrollbar-color:#9a9a9a transparent;scrollbar-width:thin}}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#9a9a9a;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#9a9a9a}::-webkit-scrollbar-thumb:active{background:#9a9a9a}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#323c48;border:1px solid #323c48}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#323c48}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#323c48}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#323c48}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#323c48}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}:host [part~=input-wrapper]{border-left-color:inherit}:host [part~=input]{padding:0 8px}:host [part~=button]{height:100%;width:24px}:host [part~=button-toggle]{border-left:1px solid #424c58}:host [part~=button-toggle]::before{content:\'\';display:block;position:absolute;top:-1px;right:-1px;bottom:-1px;width:24px;border:1px solid transparent}:host(:not([readonly])[focused]) [part~=button-toggle]{border-left-color:#5572ff}:host(:not([readonly])) [part~=button-toggle]:hover::after{content:\'\';display:block;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid #5572ff;pointer-events:none}:host(:not([readonly])) [part~=button]:active{color:#fff}:host(:not([readonly])) [part~=icon]{color:inherit!important}:host([disabled]) [part~=input]{border:none}:host([disabled]) [part~=button-toggle],:host([readonly]) [part~=button-toggle]{border-left-color:#424c58}:host([readonly]) [part~=button-toggle]{color:#75808c;cursor:default}:host([focused][readonly]) [part~=button-toggle]{border-left-color:#5572ff}:host [part=list] ef-list-item:not(:first-child):not([type=divider]){box-shadow:0 -1px 0 #323c48}:host [part~=filter-control],:host [part~=tree-control]{background:#232d38;padding:0 8px;min-height:24px;box-sizing:border-box}:host [part=pills],:host [part=pills][focused]{border:none}:host [part=list]{width:var(--panel-width,320px);min-width:var(--panel-width,320px);max-width:var(--list-max-width,var(--panel-width,320px));max-height:var(--list-max-height,400px);border:none}:host [part~=footer]{background:#232d38}:host [part~=button-toggle]{border:none}:host [part=cancel-button],:host [part=done-button]{margin:5px}:host(:not([readonly]):hover) [part~=button-toggle]{color:#5572ff}:host(:not([readonly])[focused]) [part~=button-toggle]{color:#5572ff}:host(:not([readonly])) [part~=button-toggle]:hover{border:none;color:#5572ff;background:0 0}:host(:not([readonly])) [part~=button-toggle]:active{color:#5572ff;background:0 0}:host(:not([readonly])) [part~=button-clear]:active,:host(:not([readonly])) [part~=button-clear]:hover{color:#5572ff}:host [part~=control]{color:#9ca7b4}:host [part~=control][part~=active]{color:#fff}:host(:not([readonly])) [part~=button-toggle]:hover::after{border-radius:4px}' }}));